/* =========================================================
   TOFY PAY GIFT CARD SKIN V91
   VISUAL-ONLY override for existing gc18 gift-card page.
   Does NOT replace HTML, JS, API, cart logic, modals, header or footer.
   ========================================================= */

body[data-page="giftcards"] .gc18-grid{
  gap:18px 20px !important;
  align-items:start !important;
}

body[data-page="giftcards"] .gc18-grid > *{
  min-width:0 !important;
}

body[data-page="giftcards"] .gc18-card-face{
  position:relative !important;
  overflow:hidden !important;
  border-radius:20px !important;
  min-height:0 !important;
  aspect-ratio:1.34/1 !important;
  border:1.5px solid rgba(37,211,255,.88) !important;
  background:
    radial-gradient(circle at 24% 12%,rgba(57,190,255,.24),transparent 29%),
    radial-gradient(circle at 90% 92%,rgba(72,63,255,.18),transparent 35%),
    linear-gradient(145deg,#031a50 0%,#062966 45%,#07173e 100%) !important;
  box-shadow:
    0 18px 40px rgba(0,15,60,.30),
    0 0 0 1px rgba(93,205,255,.12) inset,
    0 0 26px rgba(30,181,255,.18) !important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease !important;
  isolation:isolate !important;
}

body[data-page="giftcards"] .gc18-card-face::before{
  content:"" !important;
  position:absolute !important;
  inset:-22% -12% auto auto !important;
  width:58% !important;
  aspect-ratio:1 !important;
  border-radius:50% !important;
  border:18px solid rgba(40,205,255,.32) !important;
  box-shadow:0 0 34px rgba(39,190,255,.20) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

body[data-page="giftcards"] .gc18-card-face::after{
  content:"" !important;
  position:absolute !important;
  left:-10% !important;
  right:-10% !important;
  bottom:-23% !important;
  height:48% !important;
  border-radius:50% !important;
  border:2px solid rgba(44,201,255,.50) !important;
  box-shadow:0 -5px 28px rgba(32,173,255,.13) !important;
  transform:rotate(-4deg) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

body[data-page="giftcards"] .gc18-card:hover .gc18-card-face,
body[data-page="giftcards"] .gc18-item:hover .gc18-card-face{
  transform:translateY(-6px) scale(1.012) !important;
  box-shadow:
    0 26px 52px rgba(0,12,55,.38),
    0 0 0 1px rgba(96,218,255,.24) inset,
    0 0 36px rgba(34,190,255,.30) !important;
  filter:saturate(1.08) !important;
}

/* Purple / medium tiers */
body[data-page="giftcards"] .gc18-card-face.is-purple,
body[data-page="giftcards"] .gc18-card-face.purple,
body[data-page="giftcards"] [data-value="25"] .gc18-card-face,
body[data-page="giftcards"] [data-value="250"] .gc18-card-face{
  border-color:rgba(222,67,255,.95) !important;
  background:
    radial-gradient(circle at 24% 12%,rgba(211,62,255,.27),transparent 29%),
    radial-gradient(circle at 92% 90%,rgba(124,43,255,.20),transparent 36%),
    linear-gradient(145deg,#270743 0%,#4a0d69 48%,#17072e 100%) !important;
  box-shadow:
    0 18px 40px rgba(23,0,49,.34),
    0 0 0 1px rgba(229,83,255,.13) inset,
    0 0 26px rgba(207,44,255,.18) !important;
}
body[data-page="giftcards"] [data-value="25"] .gc18-card-face::before,
body[data-page="giftcards"] [data-value="250"] .gc18-card-face::before{
  border-color:rgba(224,73,255,.36) !important;
}
body[data-page="giftcards"] [data-value="25"] .gc18-card-face::after,
body[data-page="giftcards"] [data-value="250"] .gc18-card-face::after{
  border-color:rgba(219,65,255,.55) !important;
}

/* Premium / VIP */
body[data-page="giftcards"] .gc18-card-face.is-premium,
body[data-page="giftcards"] .gc18-card-face.gold,
body[data-page="giftcards"] [data-value="500"] .gc18-card-face,
body[data-page="giftcards"] [data-value="1000"] .gc18-card-face{
  border-color:rgba(255,204,58,.96) !important;
  background:
    radial-gradient(circle at 24% 12%,rgba(255,191,40,.25),transparent 30%),
    radial-gradient(circle at 88% 90%,rgba(255,161,16,.16),transparent 35%),
    linear-gradient(145deg,#1b1203 0%,#2a1b05 48%,#090806 100%) !important;
  box-shadow:
    0 18px 40px rgba(38,24,0,.38),
    0 0 0 1px rgba(255,214,85,.16) inset,
    0 0 32px rgba(255,187,38,.20) !important;
}
body[data-page="giftcards"] [data-value="500"] .gc18-card-face::before,
body[data-page="giftcards"] [data-value="1000"] .gc18-card-face::before{
  border-color:rgba(255,205,73,.38) !important;
}
body[data-page="giftcards"] [data-value="500"] .gc18-card-face::after,
body[data-page="giftcards"] [data-value="1000"] .gc18-card-face::after{
  border-color:rgba(255,201,60,.57) !important;
}

/* Keep existing custom image, but make it subtle */
body[data-page="giftcards"] .gc18-card-custom{
  opacity:.11 !important;
  filter:saturate(1.15) contrast(1.04) !important;
}

/* Brand / amount */
body[data-page="giftcards"] .gc18-card-brand{
  top:15px !important;
  z-index:3 !important;
}
body[data-page="giftcards"] .gc18-card-brand img{
  width:38px !important;
  height:38px !important;
  filter:drop-shadow(0 0 10px rgba(255,191,48,.30)) !important;
}
body[data-page="giftcards"] .gc18-card-brand b{
  font-size:15px !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 10px rgba(0,0,0,.42) !important;
}
body[data-page="giftcards"] .gc18-card-brand small{
  font-size:7px !important;
  letter-spacing:.24em !important;
  color:#63e5ff !important;
}

body[data-page="giftcards"] .gc18-value{
  top:43% !important;
  font-size:clamp(42px,4vw,64px) !important;
  line-height:.95 !important;
  font-weight:950 !important;
  z-index:3 !important;
  text-shadow:
    0 0 12px rgba(255,255,255,.20),
    0 0 26px rgba(61,190,255,.18) !important;
}
body[data-page="giftcards"] [data-value="500"] .gc18-value,
body[data-page="giftcards"] [data-value="1000"] .gc18-value{
  color:#ffe277 !important;
  text-shadow:0 0 18px rgba(255,203,61,.23) !important;
}

body[data-page="giftcards"] .gc18-digital{
  top:63% !important;
  font-size:10px !important;
  z-index:3 !important;
  color:#fff !important;
  opacity:.95 !important;
}

/* Bottom feature strip */
body[data-page="giftcards"] .gc18-card-foot{
  left:12px !important;
  right:12px !important;
  bottom:10px !important;
  z-index:4 !important;
  font-size:8px !important;
  color:#f5f8ff !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  padding-top:7px !important;
}

/* VIP badge / crown */
body[data-page="giftcards"] .gc18-vip{
  top:0 !important;
  right:0 !important;
  z-index:5 !important;
  padding:6px 10px !important;
  border-radius:0 18px 0 12px !important;
  color:#231500 !important;
  background:linear-gradient(180deg,#ffe36f,#eeb42e) !important;
  box-shadow:0 5px 15px rgba(0,0,0,.22) !important;
  font-size:10px !important;
  font-weight:950 !important;
}
body[data-page="giftcards"] .gc18-crown{
  z-index:4 !important;
  color:#ffd650 !important;
  filter:drop-shadow(0 0 8px rgba(255,203,70,.35)) !important;
}

/* Buy area: preserve button functionality, only redesign */
body[data-page="giftcards"] .gc18-buyrow{
  margin:9px 3px 0 !important;
  padding:10px 10px !important;
  gap:10px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(7,15,29,.96),rgba(8,13,22,.98)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
body[data-page="giftcards"] .gc18-buyrow small{
  color:#8d9ab8 !important;
  font-size:9px !important;
}
body[data-page="giftcards"] .gc18-buyrow strong{
  font-size:18px !important;
  color:#fff !important;
}
body[data-page="giftcards"] .gc18-buy,
body[data-page="giftcards"] .gift-add-cart{
  min-height:44px !important;
  border-radius:10px !important;
  border:1px solid #a34eff !important;
  background:linear-gradient(90deg,#6948ff,#a300ed) !important;
  box-shadow:0 8px 20px rgba(119,44,255,.24) !important;
  color:#fff !important;
  font-weight:900 !important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease !important;
}
body[data-page="giftcards"] .gc18-buy:hover,
body[data-page="giftcards"] .gift-add-cart:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.10) !important;
  box-shadow:0 11px 26px rgba(119,44,255,.34) !important;
}
body[data-page="giftcards"] [data-value="500"] .gc18-buy,
body[data-page="giftcards"] [data-value="1000"] .gc18-buy,
body[data-page="giftcards"] [data-value="500"] .gift-add-cart,
body[data-page="giftcards"] [data-value="1000"] .gift-add-cart{
  background:linear-gradient(90deg,#d99b20,#ffda68) !important;
  border-color:#ffdc73 !important;
  color:#241700 !important;
}

/* spacing around entire grid only */
body[data-page="giftcards"] .gc18-grid{
  padding:4px 2px 10px !important;
}

/* Do NOT touch hero/filter/footer/modals/animations outside the cards */

/* Tablet */
@media(max-width:900px){
  body[data-page="giftcards"] .gc18-grid{
    gap:14px !important;
  }
}

/* Mobile: preserve existing 2-column behavior, improve gaps and proportions */
@media(max-width:768px){
  body[data-page="giftcards"] .gc18-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 10px !important;
  }
  body[data-page="giftcards"] .gc18-card-face{
    aspect-ratio:.86/1 !important;
    border-radius:15px !important;
  }
  body[data-page="giftcards"] .gc18-card-brand{
    top:13px !important;
  }
  body[data-page="giftcards"] .gc18-card-brand img{
    width:28px !important;height:28px !important;
  }
  body[data-page="giftcards"] .gc18-card-brand b{font-size:11px !important}
  body[data-page="giftcards"] .gc18-card-brand small{font-size:5px !important}
  body[data-page="giftcards"] .gc18-value{
    top:44% !important;
    font-size:clamp(31px,10vw,46px) !important;
  }
  body[data-page="giftcards"] .gc18-digital{
    top:62% !important;
    font-size:7px !important;
  }
  body[data-page="giftcards"] .gc18-card-foot{
    left:8px !important;right:8px !important;bottom:8px !important;font-size:6px !important;
  }
  body[data-page="giftcards"] .gc18-buyrow{
    margin-top:6px !important;
    padding:7px !important;
    gap:6px !important;
  }
  body[data-page="giftcards"] .gc18-buyrow strong{font-size:14px !important}
  body[data-page="giftcards"] .gc18-buy,
  body[data-page="giftcards"] .gift-add-cart{
    min-height:40px !important;
    font-size:10px !important;
  }
}

/* Very small phones: still keep spacing, avoid cards touching */
@media(max-width:380px){
  body[data-page="giftcards"] .gc18-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px 8px !important;
  }
  body[data-page="giftcards"] .gc18-card-face{
    aspect-ratio:.82/1 !important;
  }
}