/* Gigglori PDP payment presentation recovery — 2026-08-26.
   Presentation only. No gateway, checkout, cart, order or API logic. */
.gg-pdp-v22 .gg-pdp-payment-presence,
.gg-pdp-v22 .gg-pdp-payment-presence *{box-sizing:border-box}

.gg-pdp-v22 .gg-pdp-payment-presence{
  width:100%;
  margin:14px 0 16px;
  padding:14px;
  border:1px solid #e8e9ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 18px rgba(16,24,40,.04);
  overflow:hidden;
}

.gg-pdp-v22 .gg-pdp-payment-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 11px;
}
.gg-pdp-v22 .gg-pdp-payment-heading>div{display:grid;gap:2px;min-width:0}
.gg-pdp-v22 .gg-pdp-payment-heading small{
  display:block;
  margin:0;
  color:#7b8190;
  font-size:10px;
  font-weight:800;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.gg-pdp-v22 .gg-pdp-payment-heading strong{
  display:block;
  color:#171a22;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
}
.gg-pdp-v22 .gg-pdp-payment-heading>span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:0 9px;
  border-radius:999px;
  background:#f1f8f5;
  color:#147454;
  font-size:10px;
  font-weight:800;
}

.gg-pdp-v22 .gg-pdp-payment-methods{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.gg-pdp-v22 .gg-pdp-payment-method{
  min-width:0;
  min-height:64px;
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:9px;
  border:1px solid #e6e7eb;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
.gg-pdp-v22 .gg-pdp-payment-logo{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px!important;
  margin:0!important;
  border:1px solid #ececf1;
  border-radius:7px;
  background:#fff!important;
  overflow:hidden!important;
}
.gg-pdp-v22 .gg-pdp-payment-logo img,
.gg-pdp-v22 .gg-pdp-payment-logo>img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:54px!important;
  max-height:24px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
}
.gg-pdp-v22 .gg-pay-ziina .gg-pdp-payment-logo img{
  width:27px!important;
  height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
}
.gg-pdp-v22 .gg-pdp-payment-copy{
  min-width:0;
  display:grid!important;
  gap:3px;
  margin:0!important;
}
.gg-pdp-v22 .gg-pdp-payment-copy b{
  display:block;
  margin:0;
  color:#20232d;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.gg-pdp-v22 .gg-pdp-payment-copy small{
  display:block;
  margin:0;
  color:#686e7c;
  font-size:9px;
  font-weight:500;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.gg-pdp-v22 .gg-pdp-payment-copy small strong{
  display:inline;
  color:#20232d;
  font-size:9px;
}
.gg-pdp-v22 .gg-pay-tabby{border-color:#cbeee0;background:#f8fffc}
.gg-pdp-v22 .gg-pay-tamara{border-color:#f0dfe9;background:#fffafd}
.gg-pdp-v22 .gg-pay-ziina{border-color:#e5ddfa;background:#fcfaff}

.gg-pdp-v22 .gg-pdp-payment-link{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  margin:10px 0 0!important;
  color:#e21d24!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.3;
}
.gg-pdp-v22 .gg-pdp-payment-link:hover{text-decoration:underline!important}
.gg-pdp-v22 .gg-pdp-payment-eligibility{
  margin:7px 0 0!important;
  color:#858b96!important;
  font-size:9px!important;
  line-height:1.45!important;
}

/* Keep purchase form and Order Now above unrelated floating/legacy image rules. */
.gg-pdp-v22 .gg-pdp-order-form{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
}
.gg-pdp-v22 .gg-order-proof-wrap,
.gg-pdp-v22 .gg-pdp-order-button{
  max-width:100%;
}

@media (max-width:1180px){
  .gg-pdp-v22 .gg-pdp-payment-methods{grid-template-columns:1fr}
  .gg-pdp-v22 .gg-pdp-payment-method{grid-template-columns:72px minmax(0,1fr);min-height:58px}
  .gg-pdp-v22 .gg-pdp-payment-logo{width:72px!important;min-width:72px!important;max-width:72px!important}
  .gg-pdp-v22 .gg-pdp-payment-logo img,
  .gg-pdp-v22 .gg-pdp-payment-logo>img{max-width:62px!important}
}

@media (max-width:760px){
  .gg-pdp-v22 .gg-pdp-payment-presence{padding:12px;margin:12px 0 14px}
  .gg-pdp-v22 .gg-pdp-payment-heading>span{display:none}
  .gg-pdp-v22 .gg-pdp-payment-method{grid-template-columns:64px minmax(0,1fr);padding:8px}
  .gg-pdp-v22 .gg-pdp-payment-logo{width:64px!important;min-width:64px!important;max-width:64px!important}
  .gg-pdp-v22 .gg-pdp-payment-logo img,
  .gg-pdp-v22 .gg-pdp-payment-logo>img{max-width:55px!important}
}