:root {
  --ink: #071345;
  --muted: #5f678f;
  --purple: #6f2cff;
  --purple-2: #8b4dff;
  --purple-soft: #f3efff;
  --line: #e8e8f3;
  --panel: #ffffff;
  --bg: #fbfbfe;
  --green: #07a85f;
  --orange: #ff5a18;
  --red: #ee3156;
  --shadow: 0 10px 30px rgba(34, 24, 88, .08);
  --shadow-sm: 0 5px 15px rgba(34, 24, 88, .07);
  --radius: 18px;
  --max: 1480px;
}

@media (max-width:650px) {
  .content-layout {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden;
  }
  .content-layout>*,
  .content-layout>div,
  .content-layout .wide-category-grid,
  .content-layout .product-grid {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* --------------------------------------------------------------------------
   GiftznMoney claymorphism asset system — matched to the supplied latest UI
   -------------------------------------------------------------------------- */

:root {
  --clay-bg: #fbf9ff;
  --clay-line: rgba(103, 75, 191, .12);
  --clay-raised: 9px 12px 24px rgba(65, 42, 132, .11), -7px -7px 20px rgba(255,255,255,.96), inset 1px 1px 0 rgba(255,255,255,.92);
  --clay-hover: 13px 17px 30px rgba(65, 42, 132, .16), -8px -8px 22px rgba(255,255,255,.98), inset 1px 1px 0 rgba(255,255,255,.94);
}

body {
  background:
    radial-gradient(circle at 10% 7%, rgba(232,223,255,.36), transparent 25%),
    radial-gradient(circle at 92% 32%, rgba(255,232,244,.28), transparent 23%),
    #fff;
}

.site-header { background: rgba(255,255,255,.9); box-shadow: 0 10px 34px rgba(38,29,91,.06); }
.header-inner { min-height: 88px; gap: 26px; }
.brand { flex: 0 0 auto; }
.brand img { width: 226px; height: 68px; object-fit: contain; object-position: left center; filter: drop-shadow(0 7px 9px rgba(21,14,65,.12)); }
.brand-copy { display: none !important; }
.header-search { height: 50px; border-radius: 25px; background: #fbfaff; box-shadow: inset 4px 4px 9px rgba(79,54,145,.07), inset -5px -5px 10px #fff, 0 6px 18px rgba(57,39,121,.05); }
.header-search button svg, .nav-icon svg, .icon-link svg, .delivery svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }
.header-search button { display: grid; place-items: center; }
.header-nav { gap: 9px; }
.nav-link { min-height: 48px; padding: 0 14px; border-radius: 18px; }
.nav-link:hover, .nav-link.active { background: linear-gradient(145deg,#fff,#f2edff); box-shadow: 5px 7px 14px rgba(72,47,145,.1), -4px -4px 11px #fff; }
.nav-icon { width: 23px; height: 23px; display: inline-grid; place-items: center; }
.icon-link { border-radius: 50%; background: linear-gradient(145deg,#fff,#f5f1ff); box-shadow: 5px 7px 14px rgba(61,43,120,.1), -4px -4px 10px #fff; }
.icon-link:hover { transform: translateY(-2px); box-shadow: var(--clay-raised); }
.cart-link { position: relative; }
.cart-count { box-shadow: 0 4px 9px rgba(82,38,208,.25); }

.panel, .category-card, .product-card, .deal-card, .summary-card, .dashboard-card {
  border-color: var(--clay-line);
}

.hero {
  min-height: 515px;
  grid-template-columns: minmax(380px,.82fr) minmax(520px,1.18fr);
  padding: 44px 48px;
  overflow: hidden;
  border: 1px solid rgba(116,79,220,.09);
  background: radial-gradient(circle at 75% 42%,rgba(235,222,255,.88),transparent 38%), linear-gradient(120deg,#fbfaff 4%,#f6f2ff 46%,#fff0f7 100%);
  box-shadow: 14px 18px 40px rgba(65,42,132,.09), -10px -10px 26px #fff, inset 1px 1px 0 #fff;
}
.hero-copy { position: relative; z-index: 4; }
.hero h1 { font-size: clamp(38px,4vw,62px); }
.hero .eyebrow { border: 1px solid rgba(100,64,219,.12); background: linear-gradient(145deg,#fff,#f4efff); box-shadow: 5px 7px 14px rgba(82,56,151,.09), -5px -5px 12px #fff; }
.hero-points { gap: 10px; }
.hero-points > span { min-width: 111px; display: flex; align-items: center; gap: 7px; padding: 8px 9px; border: 1px solid rgba(102,73,192,.1); border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 5px 7px 14px rgba(74,50,141,.09), -4px -4px 12px #fff; }
.hero-points b { font-size: 10px; line-height: 1.15; }

.clay-hero { min-height: 425px; isolation: isolate; }
.hero-clay-image { position: absolute; inset: -5% -7% -4% -7%; width: 114%; height: 109%; object-fit: contain; filter: saturate(1.03) drop-shadow(0 18px 30px rgba(76,49,145,.14)); }
.hero-brand { position: absolute; z-index: 3; display: grid; place-items: center; width: 19%; height: 14%; transform-origin: center; }
.hero-brand img, .hero-brand .brand-mark { max-width: 79%; max-height: 73%; }
.hero-brand-amazon { left: 16.2%; top: 7.8%; transform: rotate(-13deg); }
.hero-brand-flipkart { left: 45%; top: 8.2%; transform: rotate(6deg); }
.hero-brand-myntra { left: 68.5%; top: 18.2%; transform: rotate(13deg); }
.hero-brand-zomato { left: 6.1%; top: 30.5%; transform: rotate(-13deg); }
.hero-brand-pvr { left: 33.5%; top: 28.3%; transform: rotate(-6deg); }
.hero-brand-swiggy { left: 56.8%; top: 33.1%; transform: rotate(12deg); }

.brand-mark { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; font-style: normal; line-height: 1; }
.mark-pvr { min-width: 78px; min-height: 58px; padding: 8px 9px; color: #ffd232; border-radius: 12px; background: linear-gradient(145deg,#242328,#030305); box-shadow: inset 2px 2px 4px rgba(255,255,255,.14), inset -4px -4px 9px #000, 0 8px 12px rgba(18,16,35,.28); }
.mark-pvr b { font-size: 14px; letter-spacing: -.06em; white-space: nowrap; }
.mark-pvr small { margin-top: 5px; color: #fff; font-size: 7px; letter-spacing: .34em; }
.mark-amazon { min-width: 88px; min-height: 50px; color: #101116; font-family: Arial,sans-serif; }
.mark-amazon b { font-size: 23px; letter-spacing: -.08em; }
.mark-amazon small { font-size: 10px; margin-top: 2px; }
.mark-amazon i { width: 36px; height: 9px; margin-top: -3px; border-bottom: 3px solid #ff9900; border-radius: 0 0 50% 50%; transform: rotate(3deg); }
.mark-flipkart { width: 58px; height: 62px; border-radius: 9px 9px 14px 14px; background: linear-gradient(145deg,#ffd92d,#f4b900); box-shadow: inset 3px 3px 5px rgba(255,255,255,.65), inset -4px -5px 8px rgba(198,126,0,.2), 0 9px 13px rgba(116,82,0,.2); transform: perspective(120px) rotateY(-5deg); }
.mark-flipkart::before { content:""; position:absolute; top:-7px; left:15px; width:26px; height:15px; border:4px solid #f0b800; border-bottom:0; border-radius:14px 14px 0 0; }
.mark-flipkart b { color:#1769df; font: italic 900 43px/1 Arial,sans-serif; text-shadow: 1px 2px 0 rgba(255,255,255,.3); }
.brand-image { max-width: 82px; max-height: 66px; object-fit: contain; filter: drop-shadow(0 5px 7px rgba(42,31,82,.1)); }

.category-grid { gap: 17px; }
.category-card {
  min-height: 146px;
  gap: 7px;
  border-radius: 23px;
  background: linear-gradient(145deg,#fff,#f8f5ff);
  box-shadow: var(--clay-raised);
}
.category-card:hover { transform: translateY(-5px) scale(1.015); box-shadow: var(--clay-hover); }
.category-card strong { font-size: 13px; }
.category-card small { color: #566084; }
.category-offer { color: var(--purple); font-size: 12px; }

.clay-category-icon {
  display: block;
  width: 82px;
  height: 82px;
  flex: 0 0 82px;
  border-radius: 25px;
  background-color: #fbf9ff;
  background-image: url("clay/category-icons.png");
  background-repeat: no-repeat;
  background-size: 400% auto;
  filter: drop-shadow(0 8px 7px rgba(70,48,132,.13));
}
.clay-category-0 { background-position: 0 21%; }
.clay-category-1 { background-position: 33.333% 21%; }
.clay-category-2 { background-position: 66.667% 21%; }
.clay-category-3 { background-position: 100% 21%; }
.clay-category-4 { background-position: 0 72%; }
.clay-category-5 { background-position: 33.333% 72%; }
.clay-category-6 { background-position: 66.667% 72%; }
.clay-category-7 { background-position: 100% 72%; }
.clay-category-8, .clay-category-9, .clay-category-10, .clay-category-11 { background-image: url("clay/category-icons-extra.png"); background-size: 400% auto; background-position-y: center; }
.clay-category-8 { background-position-x: 0; }
.clay-category-9 { background-position-x: 33.333%; }
.clay-category-10 { background-position-x: 66.667%; }
.clay-category-11 { background-position-x: 100%; }

.clay-trust-icon {
  display: block;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  border-radius: 20px;
  background: #fbf9ff url("clay/trust-icons.png") no-repeat;
  background-size: 500% auto;
  background-position-y: center;
  filter: drop-shadow(0 7px 7px rgba(65,43,127,.12));
}
.clay-trust-price { background-position-x: 0; }
.clay-trust-delivery { background-position-x: 25%; }
.clay-trust-secure { background-position-x: 50%; }
.clay-trust-coin { background-position-x: 75%; }
.clay-trust-support { background-position-x: 100%; }
.hero-points .clay-trust-icon { width: 34px; height: 34px; flex-basis: 34px; border-radius: 10px; }

.product-grid { gap: 17px; }
.product-card { padding: 12px 12px 14px; border-radius: 23px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.product-card:hover { transform: translateY(-5px); box-shadow: var(--clay-hover); }
.product-logo { height: 100px; display: grid; place-items: center; margin-bottom: 10px; border: 1px solid rgba(104,77,183,.08); border-radius: 19px; background: linear-gradient(145deg,#fff,#f3effb); box-shadow: inset 4px 4px 10px rgba(74,50,137,.05), inset -6px -6px 12px #fff, 0 8px 15px rgba(62,43,121,.08); }
.product-logo .mark-pvr { transform: scale(.86); }
.product-logo .mark-flipkart { transform: scale(.82) perspective(120px) rotateY(-5deg); }
.product-card h3 { margin-top: 7px; }
.delivery { display: flex; align-items: center; gap: 5px; }
.delivery svg { width: 14px; height: 14px; color: var(--purple); }
.deal-card { border-radius: 22px; background: linear-gradient(145deg,#fff,#f8f5ff); box-shadow: 7px 10px 20px rgba(64,42,128,.09), -5px -5px 13px #fff; }
.deal-logo-tile { width: 75px; height: 72px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(145deg,#fff,#f2eefb); box-shadow: inset 3px 3px 7px rgba(68,47,131,.05), inset -4px -4px 8px #fff; }
.deal-logo-tile .brand-image { max-width: 58px; max-height: 54px; }
.deal-logo-tile .brand-mark { transform: scale(.72); }

.why-title { text-align: center; margin-bottom: 18px; }
.benefit-card { min-height: 92px; border-radius: 22px; background: linear-gradient(145deg,#fff,#f7f4ff); box-shadow: var(--clay-raised); }
.benefit-card .clay-trust-icon, .benefit-card .clay-category-icon { width: 56px; height: 56px; flex-basis: 56px; border-radius: 18px; }
.coin-banner { min-height: 156px; grid-template-columns: 180px 1fr auto; overflow: hidden; border-radius: 25px; background: linear-gradient(100deg,#f2ebff,#fcfaff 58%,#f4ecff); box-shadow: var(--clay-raised); }
.coin-wallet-art { width: 170px; height: 130px; object-fit: cover; object-position: center; mix-blend-mode: multiply; filter: drop-shadow(0 11px 12px rgba(81,49,155,.17)); }
.coin-banner h2 { color: #3f18c7; }
.feature-row { border-radius: 24px; box-shadow: var(--clay-raised); }
.feature-row .clay-category-icon, .feature-row .clay-trust-icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 18px; }
.stats-bar { border-radius: 23px; box-shadow: var(--clay-raised); }
.stat-icon { box-shadow: 5px 7px 14px rgba(79,51,151,.12), -4px -4px 10px #fff; }

.newsletter { align-items: stretch; }
.newsletter-card { min-height: 145px; border-radius: 24px; box-shadow: var(--clay-raised); }
.app-coming-soon { display: flex; align-items: center; gap: 22px; background: linear-gradient(120deg,#ede5ff,#fff 70%); }
.coming-soon-lock { width: 82px; height: 82px; display: grid; place-items: center; flex: 0 0 82px; border-radius: 26px; font-size: 36px; background: linear-gradient(145deg,#fff,#e6dcff); box-shadow: 7px 9px 18px rgba(69,46,136,.15), -6px -6px 13px #fff, inset 1px 1px 0 #fff; }
.coming-soon-pill { display: inline-block; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; color: #fff; background: linear-gradient(135deg,#8150f5,#4f16de); font-size: 10px; font-weight: 900; letter-spacing: .12em; box-shadow: 0 6px 13px rgba(77,31,202,.24); }

.content-layout { grid-template-columns: 270px minmax(0,1fr); }
.filter-sidebar { padding: 20px 14px; border-radius: 25px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.filter-link { min-height: 49px; gap: 11px; border-radius: 15px; }
.filter-link.active { background: linear-gradient(145deg,#fff,#eee7ff); box-shadow: 6px 8px 16px rgba(74,46,148,.12), -5px -5px 12px #fff; }
.mini-clay { width: 32px; height: 32px; flex-basis: 32px; border-radius: 10px; filter: drop-shadow(0 4px 4px rgba(65,43,127,.1)); }
.all-grid-icon { width: 32px; height: 32px; display: grid; place-items: center; color: var(--purple); font-size: 11px; line-height: .45; letter-spacing: 2px; }
.sidebar-reward { position: relative; min-height: 194px; margin-top: 18px; padding: 18px 12px; overflow: hidden; border-radius: 20px; background: linear-gradient(145deg,#fff,#eee6ff); box-shadow: inset 2px 2px 0 #fff, 6px 9px 16px rgba(66,43,127,.09); }
.sidebar-reward img { position: absolute; right: -14px; bottom: -13px; width: 115px; height: 115px; object-fit: cover; mix-blend-mode: multiply; }
.sidebar-reward strong, .sidebar-reward p, .sidebar-reward a { position: relative; z-index: 1; }
.sidebar-reward p { width: 125px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.sidebar-reward .outline-button { min-height: 37px; padding: 0 11px; font-size: 11px; }
.wide-category-grid { gap: 18px; }
.wide-category-grid .category-card { min-height: 190px; }
.wide-category-grid .clay-category-icon { width: 92px; height: 92px; flex-basis: 92px; }
.filtered-category-grid { grid-template-columns: minmax(220px,340px); }
.filtered-category-grid .category-card { grid-template-columns: 105px 1fr; grid-template-rows: repeat(3,auto); text-align: left; justify-items: start; padding: 22px 28px; }
.filtered-category-grid .clay-category-icon { grid-row: 1 / -1; }
.filtered-category-grid .category-card strong { font-size: 22px; }
.category-brand-panels { grid-template-columns: repeat(4,minmax(0,1fr)); }
.category-brand-panel { border-radius: 22px; background: linear-gradient(145deg,#fff,#f8f5ff); box-shadow: var(--clay-raised); }
.brand-mini-row { gap: 9px; }
.mini-brand-tile { width: 58px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(100,73,178,.09); border-radius: 14px; background: linear-gradient(145deg,#fff,#f3effb); box-shadow: 4px 6px 11px rgba(69,47,130,.08), -3px -3px 8px #fff; overflow: hidden; }
.mini-brand-tile img { width: 48px; height: 44px; padding: 5px; border: 0; object-fit: contain; }
.mini-brand-tile .brand-mark { transform: scale(.58); }
.trust-footer-strip { padding: 18px; border-radius: 25px; }

@media (max-width: 1250px) {
  .hero { grid-template-columns: .9fr 1.1fr; }
  .hero-brand { transform: scale(.92); }
  .category-brand-panels { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 980px) {
  .brand img { width: 190px; }
  .hero { grid-template-columns: 1fr; }
  .clay-hero { min-height: 420px; }
  .content-layout { grid-template-columns: 1fr; }
  .filter-sidebar { position: static; display: flex; overflow-x: auto; align-items: center; gap: 6px; padding: 12px; }
  .filter-sidebar h2, .sidebar-reward { display: none; }
  .filter-link { flex: 0 0 auto; padding: 7px 12px; }
}

@media (max-width: 700px) {
  .brand img { width: 164px; height: 54px; }
  .hero { padding: 28px 20px; }
  .hero h1 { font-size: 38px; }
  .clay-hero { min-height: 285px; margin: 0 -28px -12px; transform: none; }
  .hero-clay-image { inset: 0; width: 100%; height: 100%; }
  .hero-brand { transform: scale(.74); }
  .hero-points > span { width: calc(50% - 5px); }
  .category-card { min-height: 138px; }
  .clay-category-icon { width: 70px; height: 70px; flex-basis: 70px; }
  .category-brand-panels { grid-template-columns: 1fr; }
  .coin-banner { grid-template-columns: 1fr; padding: 24px; }
  .coin-wallet-art { margin: auto; }
  .app-coming-soon { text-align: left; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: linear-gradient(180deg, #fff 0, var(--bg) 100%);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.header-inner {
  width: min(var(--max), calc(100% - 36px));
  min-height: 84px;
  margin: auto;
  display: grid;
  grid-template-columns: 260px minmax(260px, 1fr) auto;
  gap: 28px;
  align-items: center;
}
.brand { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; }
.brand img { width: 225px; height: 64px; object-fit: contain; object-position: left center; }
.brand-copy { position: absolute; left: 73px; bottom: 2px; display: block; color: var(--ink); font-size: 9px; font-weight: 700; letter-spacing: -.02em; }
.header-search { position: relative; width: min(100%, 560px); }
.header-search input {
  width: 100%;
  height: 48px;
  padding: 0 54px 0 48px;
  border: 1px solid #e4e0f5;
  border-radius: 999px;
  outline: 0;
  color: var(--ink);
  background: #fbfaff;
  box-shadow: inset 0 1px 3px rgba(42,31,91,.03);
}
.header-search input:focus { border-color: #ad91ff; box-shadow: 0 0 0 4px #f1ebff; }
.header-search::before { content: "⌕"; position: absolute; left: 19px; top: 7px; font-size: 26px; color: #4d5685; }
.header-search button { position: absolute; right: 7px; top: 7px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: var(--ink); background: transparent; cursor: pointer; }
.header-nav { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.nav-link, .icon-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border-radius: 12px;
  font-weight: 700;
}
.nav-link:hover, .nav-link.active { color: var(--purple); background: var(--purple-soft); }
.nav-icon { font-size: 19px; line-height: 1; }
.icon-link { position: relative; width: 44px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: #fff; box-shadow: var(--shadow-sm); }
.cart-count { position: absolute; right: -2px; top: -5px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 10px; color: #fff; background: var(--orange); font-size: 11px; display: grid; place-items: center; }
.profile-menu { position: relative; }
.profile-trigger { border: 0; cursor: pointer; }
.profile-popover { position: absolute; right: 0; top: 54px; width: 230px; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.profile-popover p { margin: 5px 8px 10px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; }
.profile-popover a, .profile-popover button { width: 100%; display: block; padding: 10px; border: 0; border-radius: 8px; text-align: left; background: transparent; color: var(--ink); cursor: pointer; }
.profile-popover a:hover, .profile-popover button:hover { background: var(--purple-soft); color: var(--purple); }

.page-shell { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
.section { margin-top: 32px; }
.section-title-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.section-title-row h2, .section-title { margin: 0; font-size: 22px; line-height: 1.2; }
.view-all { color: var(--purple); font-weight: 700; }
.view-all:hover { text-decoration: underline; }
.panel { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.purple-button, .outline-button, .soft-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-weight: 800;
  cursor: pointer;
}
.purple-button { color: #fff; background: linear-gradient(135deg, #5b1ee8, #7d31ff); box-shadow: 0 8px 18px rgba(104,45,240,.22); }
.purple-button:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(104,45,240,.28); }
.outline-button { color: var(--purple); border-color: #8f69f6; background: #fff; }
.outline-button:hover { background: var(--purple-soft); }
.soft-button { color: var(--purple); background: var(--purple-soft); }

/* Home */
.hero {
  min-height: 430px;
  display: grid;
  grid-template-columns: .9fr 1.25fr;
  align-items: center;
  gap: 28px;
  margin-top: 22px;
  padding: 46px 58px;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee9ff;
  border-radius: 22px;
  background: radial-gradient(circle at 75% 20%, #fff 0 10%, transparent 32%), linear-gradient(120deg, #f5f1ff 0%, #fff7fb 52%, #f1edff 100%);
}
.hero::before, .hero::after { content: ""; position: absolute; border-radius: 50%; filter: blur(1px); }
.hero::before { width: 22px; height: 22px; left: 44%; top: 26%; background: linear-gradient(#d4b0ff,#7440e5); box-shadow: 0 9px 18px #8d58d45c; }
.hero::after { width: 16px; height: 16px; right: 4%; top: 18%; background: linear-gradient(#fff,#ff9b21); box-shadow: 0 9px 18px #ef932d59; }
.eyebrow { display: inline-flex; padding: 5px 12px; border-radius: 999px; color: var(--purple); background: #fff; box-shadow: var(--shadow-sm); font-size: 12px; font-weight: 800; }
.hero h1 { margin: 16px 0; font-size: clamp(38px, 4.4vw, 66px); line-height: 1.08; letter-spacing: -2.5px; }
.hero h1 span { color: var(--purple); }
.hero h1 strong { color: var(--orange); font-weight: inherit; }
.hero-copy > p { max-width: 490px; margin: 0 0 24px; color: #35406d; font-size: 17px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-points { display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap; }
.hero-points span { padding: 7px 11px; border-radius: 8px; color: #28315f; background: rgba(255,255,255,.8); font-size: 12px; font-weight: 700; }
.hero-art { position: relative; min-height: 330px; }
.gift-box { position: absolute; left: 39%; top: 44%; width: 175px; height: 150px; border-radius: 14px 14px 28px 28px; transform: translate(-50%, -4%); background: linear-gradient(145deg,#9e68ff,#5423c8); box-shadow: 0 30px 48px rgba(83,38,177,.28); }
.gift-box::before { content: ""; position: absolute; left: -16px; top: -30px; width: 207px; height: 46px; border-radius: 13px; background: linear-gradient(#aa76ff,#6d34e0); box-shadow: 0 10px 16px #6d34e030; }
.gift-box::after { content: ""; position: absolute; left: 77px; top: -30px; width: 22px; height: 180px; background: rgba(255,255,255,.16); }
.gift-ribbon { position: absolute; z-index: 2; left: 34%; top: 25%; width: 66px; height: 54px; border: 15px solid #7b41e6; border-radius: 55% 45%; transform: rotate(-19deg); }
.gift-ribbon.right { left: 47%; transform: rotate(19deg); }
.float-brand { position: absolute; z-index: 3; width: 150px; height: 94px; display: grid; place-items: center; padding: 20px; border-radius: 18px; background: linear-gradient(145deg,#fff,#f0edff); box-shadow: 0 18px 26px rgba(40,25,91,.15); }
.float-brand img { max-width: 105px; max-height: 62px; object-fit: contain; }
.float-brand:nth-of-type(1) { left: 5%; top: 12%; transform: rotate(-12deg); }
.float-brand:nth-of-type(2) { left: 35%; top: 1%; transform: rotate(8deg); background: #e6f1ff; }
.float-brand:nth-of-type(3) { right: 3%; top: 15%; transform: rotate(14deg); }
.float-brand:nth-of-type(4) { left: 13%; bottom: 5%; transform: rotate(-8deg); }
.float-brand:nth-of-type(5) { left: 45%; bottom: 0; transform: rotate(7deg); }
.float-brand:nth-of-type(6) { right: 0; bottom: 17%; transform: rotate(12deg); background: #181818; }

.category-grid { display: grid; grid-template-columns: repeat(8, minmax(110px,1fr)); gap: 16px; }
.category-card { min-height: 128px; display: grid; place-items: center; align-content: center; gap: 10px; padding: 16px 10px; text-align: center; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow-sm); transition: .2s ease; }
.category-card:hover { transform: translateY(-3px); border-color: #c9b8ff; box-shadow: var(--shadow); }
.category-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; font-size: 29px; background: var(--purple-soft); }
.category-card:nth-child(2) .category-icon { background: #fff1e5; }
.category-card:nth-child(3) .category-icon { background: #ffe8f2; }
.category-card:nth-child(4) .category-icon { background: #e8f4ff; }
.category-card:nth-child(5) .category-icon { background: #e7faf3; }
.category-card:nth-child(6) .category-icon { background: #f3e9ff; }
.category-card:nth-child(7) .category-icon { background: #fff0e4; }
.category-card:nth-child(8) .category-icon { background: #f0f0f8; }
.category-card strong { font-size: 13px; }

.product-grid { display: grid; grid-template-columns: repeat(7, minmax(150px,1fr)); gap: 14px; }
.product-card { min-width: 0; padding: 18px 14px 14px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--shadow-sm); transition: .2s ease; }
.product-card:hover { transform: translateY(-3px); border-color: #cdbdff; box-shadow: var(--shadow); }
.product-logo { height: 82px; display: grid; place-items: center; margin-bottom: 8px; }
.product-logo img { width: 78px; height: 68px; object-fit: contain; }
.brand-wordmark { min-width: 72px; min-height: 58px; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; letter-spacing: -.05em; }
.amazon-wordmark { color: #111; font-size: 30px; font-family: Arial, sans-serif; }
.amazon-wordmark::after { content: "⌣"; margin: 18px 0 0 -17px; color: #ff9900; font-size: 26px; transform: rotate(-8deg); }
.pvr-wordmark { padding: 12px 10px; border-radius: 9px; color: #ffd719; background: #121212; font-size: 15px; letter-spacing: -.02em; }
.pvr-wordmark small { color: #fff; font-size: 8px; letter-spacing: .12em; }
.product-card h3 { margin: 4px 0 2px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-off { margin: 0 0 8px; color: var(--green); font-size: 12px; font-weight: 800; }
.price-line { display: flex; justify-content: space-between; align-items: baseline; gap: 5px; }
.price-line del { color: #8990a9; font-size: 11px; }
.price-line strong { color: var(--purple); font-size: 15px; }
.delivery { margin: 8px 0 0; color: #46517c; font-size: 11px; }
.delivery b { color: var(--purple); }

.deal-strip { padding: 22px; background: linear-gradient(100deg,#fbf9ff,#f1ecff); }
.deal-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.countdown { color: var(--orange); font-variant-numeric: tabular-nums; font-weight: 800; }
.deal-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.deal-card { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.deal-card img { width: 68px; height: 60px; object-fit: contain; }
.deal-card .brand-wordmark { width: 68px; height: 60px; }
.deal-card h3 { margin: 0; font-size: 13px; }
.deal-card p { margin: 3px 0; color: var(--green); font-size: 11px; font-weight: 800; }
.deal-card .purple-button { grid-column: 1 / -1; min-height: 34px; padding: 0 14px; font-size: 12px; }

.benefit-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 15px; }
.benefit-card { display: grid; grid-template-columns: 46px 1fr; gap: 10px; align-items: center; padding: 18px; }
.benefit-card .category-icon { width: 44px; height: 44px; font-size: 22px; }
.benefit-card h3 { margin: 0 0 3px; font-size: 13px; }
.benefit-card p { margin: 0; color: var(--muted); font-size: 11px; }
.coin-banner { min-height: 142px; display: grid; grid-template-columns: 190px 1fr auto; align-items: center; gap: 24px; padding: 20px 46px; background: linear-gradient(100deg,#f0eaff,#faf8ff); }
.coin-visual { font-size: 76px; filter: drop-shadow(0 10px 12px #5d2ab340); }
.coin-banner h2 { margin: 0 0 5px; color: var(--purple); }
.coin-banner p { margin: 0; color: #46517c; }
.stats-bar { display: grid; grid-template-columns: repeat(4,1fr); padding: 18px; background: linear-gradient(100deg,#fbfaff,#f2efff); }
.stat { display: flex; align-items: center; justify-content: center; gap: 12px; border-right: 1px solid var(--line); }
.stat:last-child { border: 0; }
.stat-icon { font-size: 26px; }
.stat strong, .stat span { display: block; }
.stat span { color: var(--muted); font-size: 11px; }
.feature-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; padding: 16px; }
.feature-row article { display: grid; grid-template-columns: 44px 1fr; gap: 10px; padding: 8px 18px; border-right: 1px solid var(--line); }
.feature-row article:last-child { border: 0; }
.feature-row h3, .feature-row p { margin: 0; }
.feature-row h3 { font-size: 12px; }
.feature-row p { color: var(--muted); font-size: 10px; }
.newsletter { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.newsletter-card { min-height: 150px; padding: 26px; overflow: hidden; position: relative; }
.newsletter-card h3, .newsletter-card p { margin: 0 0 8px; }
.newsletter-card p { color: var(--muted); font-size: 12px; }
.newsletter-form { display: flex; gap: 0; max-width: 480px; margin-top: 14px; }
.newsletter-form input { flex: 1; min-width: 0; height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: 8px 0 0 8px; outline: 0; }
.newsletter-form button { height: 42px; border-radius: 0 8px 8px 0; }
.app-badges { display: flex; gap: 9px; margin-top: 16px; }
.app-badge { padding: 8px 14px; border-radius: 8px; color: #fff; background: #0a0a0a; font-size: 11px; }

/* Interior public pages */
.content-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 32px; align-items: start; padding-top: 26px; }
.content-layout .product-grid { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
.filter-sidebar { position: sticky; top: 110px; padding: 18px; }
.filter-sidebar h2 { margin: 0 0 14px; font-size: 20px; }
.filter-link { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 14px; border-radius: 10px; color: #24305e; font-weight: 600; }
.filter-link:hover, .filter-link.active { color: var(--purple); background: var(--purple-soft); }
.filter-divider { height: 1px; margin: 14px 0; background: var(--line); }
.page-heading { margin-bottom: 20px; }
.page-heading h1 { margin: 0; font-size: 28px; }
.page-heading p { margin: 5px 0 0; color: var(--muted); }
.wide-category-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }
.wide-category-grid .category-card { min-height: 175px; }
.wide-category-grid .category-card small { color: var(--muted); }
.category-brand-panels { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.category-brand-panel { padding: 18px; }
.category-brand-panel header { display: flex; justify-content: space-between; margin-bottom: 14px; }
.brand-mini-row { display: flex; gap: 9px; }
.brand-mini-row img { width: 52px; height: 48px; object-fit: contain; padding: 7px; border: 1px solid var(--line); border-radius: 9px; }
.deal-hero { display: grid; grid-template-columns: 1fr 320px; gap: 20px; }
.weekend-banner { min-height: 190px; display: grid; grid-template-columns: 1fr 190px 1fr; align-items: center; padding: 30px; background: linear-gradient(110deg,#f4edff,#fff,#eee7ff); }
.weekend-banner h2 { margin: 0; color: var(--purple); font-size: 30px; line-height: 1.1; }
.weekend-clock { text-align: center; font-size: 88px; }
.discount-ticket { padding: 22px; text-align: center; color: var(--purple); border: 2px dashed #c7b4ff; border-radius: 15px; background: #fff; }
.discount-ticket strong { display: block; font-size: 35px; }
.day-deal { padding: 20px; }
.day-deal img { width: 78px; height: 70px; object-fit: contain; float: left; margin-right: 14px; }
.deal-page-grid { grid-template-columns: repeat(4,1fr); }
.deal-page-grid .product-card { padding: 18px; }

.works-hero { text-align: center; padding: 38px 0 20px; }
.works-hero h1 { margin: 0; font-size: 38px; }
.works-hero h1 span { color: var(--purple); }
.works-hero h1 strong { color: var(--green); }
.works-hero p { color: var(--muted); font-size: 17px; }
.steps-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 22px; }
.step-card { position: relative; min-height: 350px; padding: 20px; text-align: center; }
.step-card:not(:last-child)::after { content: "···›"; position: absolute; top: 44%; right: -25px; color: var(--purple); font-size: 25px; z-index: 2; }
.step-number { position: absolute; left: 18px; top: 18px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--green); font-weight: 800; }
.step-art { width: 150px; height: 150px; display: grid; place-items: center; margin: 20px auto 10px; border-radius: 50%; background: linear-gradient(145deg,#faf8ff,#eee9ff); font-size: 68px; }
.step-card h2 { margin: 10px 0 7px; font-size: 19px; }
.step-card p { margin: 0; color: var(--muted); }

/* Auth */
.auth-page { min-height: 100vh; padding: 20px; background: radial-gradient(circle at 18% 60%,#f3eaff,transparent 34%), #fcfcfe; }
.auth-shell { width: min(1450px,100%); min-height: calc(100vh - 40px); margin: auto; padding: 36px 44px 22px; border-radius: 28px; background: rgba(255,255,255,.88); box-shadow: 0 20px 50px rgba(32,27,70,.09); }
.auth-top { display: flex; justify-content: space-between; align-items: center; }
.auth-top .brand img { width: 250px; }
.support-chip { padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; box-shadow: var(--shadow-sm); }
.auth-main { display: grid; grid-template-columns: .95fr 1.05fr; gap: 45px; align-items: center; min-height: 690px; }
.auth-promo { padding: 30px 35px; }
.auth-promo h1 { margin: 0 0 15px; font-size: 43px; line-height: 1.08; }
.auth-promo h1 span { color: var(--purple); }
.auth-promo h1 strong { color: var(--orange); }
.auth-promo > p { color: #3d4773; font-size: 17px; }
.auth-benefits { display: grid; gap: 12px; margin-top: 25px; }
.auth-benefit { display: grid; grid-template-columns: 50px 1fr; gap: 12px; align-items: center; }
.auth-benefit .category-icon { width: 50px; height: 50px; font-size: 23px; }
.auth-benefit strong, .auth-benefit span { display: block; }
.auth-benefit span { color: var(--muted); font-size: 12px; }
.wallet-art { position: relative; height: 260px; margin-top: 10px; }
.wallet { position: absolute; left: 35%; bottom: 24px; width: 255px; height: 150px; border-radius: 22px; background: linear-gradient(145deg,#9a61ee,#5c2abd); box-shadow: 0 25px 40px #5b2bb23d; }
.wallet::after { content: ""; position: absolute; right: -10px; top: 49px; width: 90px; height: 60px; border-radius: 15px; background: #7a40d4; box-shadow: inset 0 0 0 1px #b591f8; }
.wallet-card { position: absolute; z-index: 2; width: 120px; height: 75px; display: grid; place-items: center; padding: 12px; border-radius: 13px; background: #fff; box-shadow: var(--shadow); }
.wallet-card img { max-width: 88px; max-height: 50px; }
.wallet-card:nth-child(1) { left: 25%; top: 26px; transform: rotate(-13deg); }
.wallet-card:nth-child(2) { left: 44%; top: 10px; transform: rotate(7deg); }
.wallet-card:nth-child(3) { left: 56%; top: 70px; transform: rotate(10deg); }
.auth-card { padding: 42px; border-radius: 22px; }
.auth-card h2 { margin: 0; font-size: 30px; }
.auth-card > p { color: var(--muted); }
.auth-form { display: grid; gap: 16px; margin-top: 25px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field { display: grid; gap: 7px; }
.field label { font-weight: 700; }
.field input { width: 100%; height: 52px; padding: 0 16px; border: 1px solid #dfe0ec; border-radius: 9px; outline: 0; }
.field input:focus { border-color: #9673ff; box-shadow: 0 0 0 4px #f1ecff; }
.field input.invalid { border-color: var(--red); }
.field-head { display: flex; justify-content: space-between; }
.field-head a { color: var(--purple); }
.password-wrap { position: relative; }
.password-wrap input { padding-right: 72px; }
.password-toggle { position: absolute; right: 6px; top: 6px; height: 40px; padding: 0 10px; border: 0; color: var(--purple); background: transparent; cursor: pointer; }
.error { min-height: 18px; margin: 0; color: var(--red); font-size: 12px; }
.remember-row { display: flex; justify-content: space-between; align-items: center; }
.auth-form .purple-button { width: 100%; min-height: 54px; }
.auth-divider { display: flex; align-items: center; gap: 14px; color: #7a819c; margin: 8px 0; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.social-auth { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.social-auth button { height: 48px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; cursor: pointer; }
.auth-switch { text-align: center; border-top: 1px solid var(--line); padding-top: 18px; }
.auth-switch a { color: var(--purple); font-weight: 800; }
.auth-trust { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; padding: 16px; }

/* Cart */
.cart-layout { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(300px,.75fr); gap: 24px; align-items: start; }
.savings-note { padding: 13px 20px; color: var(--purple); background: var(--purple-soft); border-radius: 10px; }
.cart-list { margin-top: 18px; padding: 18px; }
.cart-item { display: grid; grid-template-columns: 110px 1fr 130px 140px 44px; gap: 16px; align-items: center; padding: 20px 4px; border-bottom: 1px solid var(--line); }
.cart-item:last-child { border: 0; }
.cart-item img { width: 95px; height: 85px; object-fit: contain; padding: 10px; border: 1px solid var(--line); border-radius: 12px; }
.cart-item h3 { margin: 0 0 4px; }
.cart-item p { margin: 2px 0; color: var(--muted); font-size: 12px; }
.quantity { display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 8px; }
.quantity button { width: 36px; height: 36px; border: 0; color: var(--purple); background: transparent; cursor: pointer; }
.cart-price strong, .cart-price del, .cart-price span { display: block; }
.cart-price del { color: #8e94a9; font-size: 12px; }
.cart-price span { color: var(--green); font-size: 12px; }
.remove-item { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 8px; color: var(--red); background: #fff; cursor: pointer; }
.summary-card { position: sticky; top: 110px; padding: 24px; }
.summary-card h2 { margin-top: 0; }
.summary-line { display: flex; justify-content: space-between; padding: 10px 0; }
.summary-line.total { margin-top: 8px; padding-top: 18px; border-top: 1px dashed #ccd0dd; font-size: 20px; font-weight: 800; }
.summary-card .purple-button, .summary-card .outline-button { width: 100%; margin-top: 12px; }
.empty-cart { padding: 60px 20px; text-align: center; }
.empty-cart .category-icon { margin: 0 auto 15px; }

/* Dashboard */
.dashboard-shell { display: grid; grid-template-columns: 260px minmax(0,1fr); min-height: calc(100vh - 85px); }
.dashboard-sidebar { position: sticky; top: 85px; height: calc(100vh - 85px); padding: 25px 18px; border-right: 1px solid var(--line); background: #fff; }
.dashboard-nav { display: grid; gap: 8px; }
.dashboard-nav a { min-height: 48px; display: flex; align-items: center; gap: 14px; padding: 0 15px; border-radius: 10px; font-weight: 600; }
.dashboard-nav a:hover, .dashboard-nav a.active { color: var(--purple); background: var(--purple-soft); box-shadow: var(--shadow-sm); }
.dashboard-main { min-width: 0; padding: 28px 34px 48px; }
.dashboard-main .page-heading { display: flex; justify-content: space-between; align-items: flex-start; }
.profile-summary { display: grid; grid-template-columns: 120px 1fr; gap: 25px; padding: 30px; }
.avatar { width: 112px; height: 112px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#d8c2ff,#a45cf2); font-size: 50px; box-shadow: 0 12px 25px #8145cc40; }
.profile-name { display: flex; align-items: center; gap: 10px; }
.profile-name h2 { margin: 0; }
.verified { padding: 4px 9px; border-radius: 999px; color: var(--green); background: #e9fbf2; font-size: 12px; font-weight: 800; }
.profile-meta { color: var(--muted); }
.mini-stats { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.mini-stat { padding: 0 22px; border-right: 1px solid var(--line); }
.mini-stat:first-child { padding-left: 0; }
.mini-stat:last-child { border: 0; }
.mini-stat span, .mini-stat strong { display: block; }
.mini-stat span { color: var(--muted); font-size: 12px; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.dashboard-card { padding: 24px; }
.dashboard-card h2 { margin: 0 0 16px; font-size: 18px; }
.detail-row { display: grid; grid-template-columns: 170px 1fr; gap: 18px; padding: 11px 0; border-top: 1px solid var(--line); }
.detail-row span { color: var(--muted); }
.toggle-row { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 11px 0; border-top: 1px solid var(--line); }
.toggle { width: 42px; height: 24px; border: 0; border-radius: 999px; background: var(--purple); position: relative; }
.toggle::after { content: ""; position: absolute; right: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }
.metric-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin-bottom: 20px; }
.metric { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; padding: 18px; }
.metric .category-icon { width: 52px; height: 52px; font-size: 24px; }
.metric span, .metric strong { display: block; }
.metric span { color: var(--muted); font-size: 12px; }
.metric strong { font-size: 24px; }
.toolbar { display: grid; grid-template-columns: 1fr 210px 210px; gap: 15px; padding: 18px; margin-bottom: 18px; }
.toolbar input, .toolbar select { height: 46px; padding: 0 14px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { padding: 13px 15px; text-align: left; color: var(--muted); background: #f8f6ff; font-size: 12px; }
.data-table td { padding: 14px 15px; border-bottom: 1px solid var(--line); }
.data-table tr:last-child td { border-bottom: 0; }
.table-product { display: flex; align-items: center; gap: 12px; min-width: 190px; }
.table-product img { width: 48px; height: 45px; object-fit: contain; }
.status { display: inline-flex; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; }
.status.active, .status.delivered { color: var(--green); background: #e5f9ef; }
.status.used, .status.processing { color: #e47a00; background: #fff3df; }
.status.expired, .status.cancelled { color: var(--red); background: #ffe9ee; }
.gift-card-list { display: grid; gap: 10px; padding: 14px; }
.gift-card-row { display: grid; grid-template-columns: 72px 1.3fr .8fr .8fr auto; gap: 18px; align-items: center; padding: 14px; border-bottom: 1px solid var(--line); }
.gift-card-row:last-child { border: 0; }
.gift-card-row img { width: 64px; height: 58px; object-fit: contain; padding: 8px; border: 1px solid var(--line); border-radius: 10px; }
.gift-card-row h3, .gift-card-row p { margin: 0; }
.gift-card-row p { color: var(--muted); font-size: 12px; }
.dashboard-feature { display: grid; grid-template-columns: 1.2fr .8fr; gap: 22px; }
.big-coin { padding: 34px; background: linear-gradient(120deg,#f3edff,#fff); }
.big-coin h2 { margin: 0; font-size: 62px; color: var(--purple); }
.big-coin h2 span { font-size: 22px; }
.transaction-list { padding: 20px; }
.transaction { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 13px 0; border-top: 1px solid var(--line); }
.transaction strong, .transaction span { display: block; }
.transaction span { color: var(--muted); font-size: 12px; }
.refer-hero { display: grid; grid-template-columns: 1fr 340px; min-height: 260px; padding: 34px; background: linear-gradient(100deg,#fff,#f1eaff); }
.refer-hero h2 { margin: 0; font-size: 32px; }
.referral-code { display: inline-block; margin-top: 20px; padding: 18px 30px; border: 1px dashed #9c72ff; border-radius: 12px; color: var(--purple); font-size: 25px; font-weight: 900; }
.refer-art { display: grid; place-items: center; font-size: 100px; }
.support-layout { display: grid; grid-template-columns: 1fr 330px; gap: 22px; }
.topic-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.topic { min-height: 110px; display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; padding: 16px; }
.quick-support { padding: 22px; }
.support-item { padding: 15px; margin-top: 10px; border: 1px solid var(--line); border-radius: 10px; }

/* Footer */
.site-footer { margin-top: 38px; padding: 34px 0 16px; border-top: 1px solid var(--line); background: #fff; }
.footer-grid { width: min(var(--max), calc(100% - 40px)); display: grid; grid-template-columns: 1.5fr repeat(5,1fr); gap: 32px; margin: auto; }
.footer-brand img { width: 190px; }
.footer-brand p { max-width: 280px; color: var(--muted); font-size: 12px; }
.footer-col h3 { margin: 8px 0 12px; font-size: 12px; }
.footer-col a { display: block; margin: 8px 0; color: var(--muted); font-size: 11px; }
.footer-col a:hover { color: var(--purple); }
.footer-bottom { width: min(var(--max), calc(100% - 40px)); display: flex; justify-content: center; gap: 55px; margin: 30px auto 0; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.toast { position: fixed; z-index: 100; right: 22px; bottom: 22px; max-width: 360px; padding: 14px 18px; border-radius: 12px; color: #fff; background: #151033; box-shadow: var(--shadow); transform: translateY(25px); opacity: 0; pointer-events: none; transition: .25s; }
.toast.show { transform: translateY(0); opacity: 1; }

@media (max-width: 1250px) {
  .header-inner { grid-template-columns: 210px minmax(230px,1fr) auto; gap: 16px; }
  .brand img { width: 200px; }
  .nav-link { padding: 0 10px; }
  .product-grid { grid-template-columns: repeat(4,1fr); }
  .category-grid { grid-template-columns: repeat(4,1fr); }
  .wide-category-grid { grid-template-columns: repeat(4,1fr); }
  .steps-grid { grid-template-columns: repeat(3,1fr); }
  .step-card:not(:last-child)::after { display: none; }
  .footer-grid { grid-template-columns: 1.5fr repeat(3,1fr); }
}

@media (max-width: 980px) {
  .site-header { position: relative; }
  .header-inner { grid-template-columns: 1fr auto; padding: 10px 0; }
  .header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .nav-link { display: none; }
  .hero { grid-template-columns: 1fr; padding: 38px; }
  .hero-art { min-height: 310px; }
  .benefit-grid { grid-template-columns: repeat(2,1fr); }
  .deal-grid { grid-template-columns: repeat(2,1fr); }
  .coin-banner { grid-template-columns: 100px 1fr; padding: 24px; }
  .coin-banner .outline-button { grid-column: 1 / -1; }
  .stats-bar, .feature-row { grid-template-columns: repeat(2,1fr); }
  .content-layout { grid-template-columns: 1fr; }
  .filter-sidebar { position: static; display: flex; gap: 6px; overflow-x: auto; padding: 10px; }
  .filter-sidebar h2, .filter-sidebar .filter-divider { display: none; }
  .filter-link { flex: 0 0 auto; }
  .wide-category-grid { grid-template-columns: repeat(3,1fr); }
  .category-brand-panels { grid-template-columns: 1fr 1fr; }
  .deal-hero { grid-template-columns: 1fr; }
  .auth-main { grid-template-columns: 1fr; }
  .auth-promo { display: none; }
  .auth-card { max-width: 720px; width: 100%; margin: 20px auto; }
  .cart-layout { grid-template-columns: 1fr; }
  .summary-card { position: static; }
  .dashboard-shell { grid-template-columns: 1fr; }
  .dashboard-sidebar { position: static; height: auto; overflow-x: auto; padding: 10px; border-right: 0; border-bottom: 1px solid var(--line); }
  .dashboard-nav { display: flex; width: max-content; }
  .dashboard-nav a { white-space: nowrap; }
  .metric-grid { grid-template-columns: repeat(3,1fr); }
  .dashboard-feature, .support-layout { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  body { font-size: 14px; }
  .page-shell { width: min(100% - 24px, var(--max)); }
  .header-inner { width: calc(100% - 24px); }
  .brand img { width: 170px; height: 52px; }
  .brand-copy { left: 55px; bottom: -1px; max-width: 120px; font-size: 7px; }
  .header-nav { gap: 6px; }
  .icon-link { width: 40px; min-height: 40px; }
  .hero { min-height: 0; margin-top: 12px; padding: 28px 22px; }
  .hero h1 { font-size: 39px; }
  .hero-art { min-height: 245px; transform: scale(.82); margin: -20px -50px; }
  .category-grid { grid-template-columns: repeat(2,1fr); gap: 10px; }
  .product-grid, .deal-page-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
  .product-card { flex: 0 0 175px; scroll-snap-align: start; }
  .deal-grid { grid-template-columns: 1fr; }
  .benefit-grid { grid-template-columns: 1fr; }
  .newsletter { grid-template-columns: 1fr; }
  .stats-bar, .feature-row { grid-template-columns: 1fr; }
  .stat, .feature-row article { justify-content: start; border-right: 0; border-bottom: 1px solid var(--line); padding: 12px; }
  .stat:last-child, .feature-row article:last-child { border-bottom: 0; }
  .coin-banner { grid-template-columns: 1fr; text-align: center; }
  .coin-visual { font-size: 60px; }
  .wide-category-grid { grid-template-columns: repeat(2,1fr); }
  .wide-category-grid .category-card { min-height: 150px; }
  .category-brand-panels { grid-template-columns: 1fr; }
  .weekend-banner { grid-template-columns: 1fr; text-align: center; }
  .weekend-clock { font-size: 60px; }
  .steps-grid { grid-template-columns: 1fr; }
  .auth-page { padding: 0; }
  .auth-shell { min-height: 100vh; padding: 18px; border-radius: 0; }
  .support-chip { font-size: 11px; }
  .auth-card { padding: 25px 18px; }
  .form-row, .social-auth { grid-template-columns: 1fr; }
  .auth-trust { grid-template-columns: 1fr 1fr; }
  .cart-item { grid-template-columns: 70px 1fr; }
  .cart-item img { width: 68px; height: 62px; }
  .cart-item .quantity, .cart-price, .remove-item { grid-column: 2; }
  .dashboard-main { padding: 22px 12px 40px; }
  .profile-summary { grid-template-columns: 1fr; text-align: center; }
  .avatar { margin: auto; }
  .profile-name { justify-content: center; }
  .mini-stats { grid-template-columns: 1fr 1fr; }
  .mini-stat { padding: 10px; border-bottom: 1px solid var(--line); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr; }
  .toolbar { grid-template-columns: 1fr; }
  .data-table { min-width: 760px; }
  .table-scroll { overflow-x: auto; }
  .gift-card-row { grid-template-columns: 58px 1fr; }
  .gift-card-row > *:nth-child(n+3) { grid-column: 2; }
  .refer-hero { grid-template-columns: 1fr; }
  .topic-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-wrap: wrap; gap: 15px; text-align: center; }
}

/* Final cascade layer for the detailed clay UI. */
.site-header { background: rgba(255,255,255,.9); box-shadow: 0 10px 34px rgba(38,29,91,.06); }
.header-inner { min-height: 88px; gap: 26px; }
.brand img { width: 226px; height: 68px; object-fit: contain; object-position: left center; filter: drop-shadow(0 7px 9px rgba(21,14,65,.12)); }
.brand-copy { display: none !important; }
.header-search { height: 50px; border-radius: 25px; background: #fbfaff; box-shadow: inset 4px 4px 9px rgba(79,54,145,.07), inset -5px -5px 10px #fff, 0 6px 18px rgba(57,39,121,.05); }
.header-nav { gap: 9px; }
.nav-link { min-height: 48px; padding: 0 14px; border-radius: 18px; }
.nav-link:hover, .nav-link.active { background: linear-gradient(145deg,#fff,#f2edff); box-shadow: 5px 7px 14px rgba(72,47,145,.1), -4px -4px 11px #fff; }
.icon-link { border-radius: 50%; background: linear-gradient(145deg,#fff,#f5f1ff); box-shadow: 5px 7px 14px rgba(61,43,120,.1), -4px -4px 10px #fff; }
.hero { min-height: 515px; grid-template-columns: minmax(380px,.82fr) minmax(520px,1.18fr); padding: 44px 48px; overflow: hidden; border: 1px solid rgba(116,79,220,.09); background: radial-gradient(circle at 75% 42%,rgba(235,222,255,.88),transparent 38%), linear-gradient(120deg,#fbfaff 4%,#f6f2ff 46%,#fff0f7 100%); box-shadow: 14px 18px 40px rgba(65,42,132,.09), -10px -10px 26px #fff, inset 1px 1px 0 #fff; }
.hero h1 { font-size: clamp(38px,4vw,62px); }
.hero-points > span { min-width: 111px; display: flex; align-items: center; gap: 7px; padding: 8px 9px; border: 1px solid rgba(102,73,192,.1); border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 5px 7px 14px rgba(74,50,141,.09), -4px -4px 12px #fff; }
.hero-art.clay-hero { min-height: 425px; }
.category-grid { gap: 17px; }
.category-card { min-height: 146px; gap: 7px; border-radius: 23px; background: linear-gradient(145deg,#fff,#f8f5ff); box-shadow: var(--clay-raised); }
.category-card:hover { transform: translateY(-5px) scale(1.015); box-shadow: var(--clay-hover); }
.product-grid { gap: 17px; }
.product-card { padding: 12px 12px 14px; border-radius: 23px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.product-card:hover { transform: translateY(-5px); box-shadow: var(--clay-hover); }
.product-logo { height: 100px; display: grid; place-items: center; margin-bottom: 10px; border: 1px solid rgba(104,77,183,.08); border-radius: 19px; background: linear-gradient(145deg,#fff,#f3effb); box-shadow: inset 4px 4px 10px rgba(74,50,137,.05), inset -6px -6px 12px #fff, 0 8px 15px rgba(62,43,121,.08); }
.benefit-card { min-height: 92px; border-radius: 22px; background: linear-gradient(145deg,#fff,#f7f4ff); box-shadow: var(--clay-raised); }
.coin-banner { min-height: 156px; grid-template-columns: 180px 1fr auto; overflow: hidden; border-radius: 25px; background: linear-gradient(100deg,#f2ebff,#fcfaff 58%,#f4ecff); box-shadow: var(--clay-raised); }
.feature-row, .stats-bar, .newsletter-card { border-radius: 24px; box-shadow: var(--clay-raised); }
.content-layout { grid-template-columns: 270px minmax(0,1fr); }
.filter-sidebar { padding: 20px 14px; border-radius: 25px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.filter-link { min-height: 49px; gap: 11px; border-radius: 15px; }
.filter-link.active { background: linear-gradient(145deg,#fff,#eee7ff); box-shadow: 6px 8px 16px rgba(74,46,148,.12), -5px -5px 12px #fff; }
.wide-category-grid { gap: 18px; }
.wide-category-grid .category-card { min-height: 190px; }
.category-brand-panels { grid-template-columns: repeat(4,minmax(0,1fr)); }
.category-brand-panel { border-radius: 22px; background: linear-gradient(145deg,#fff,#f8f5ff); box-shadow: var(--clay-raised); }

@media (max-width:1250px) {
  .hero { grid-template-columns:.9fr 1.1fr; }
  .category-brand-panels { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:980px) {
  .brand img { width:190px; }
  .hero { grid-template-columns:1fr; }
  .hero-art.clay-hero { min-height:420px; }
  .content-layout { grid-template-columns:1fr; }
}
@media (max-width:700px) {
  .brand img { width:164px; height:54px; }
  .hero { padding:28px 20px; }
  .hero h1 { font-size:38px; }
  .hero-art.clay-hero { min-height:285px; margin:0 -28px -12px; transform:none; }
  .hero-points > span { width:calc(50% - 5px); }
  .category-card { min-height:138px; }
  .coin-banner { grid-template-columns:1fr; padding:24px; }
}

/* Cart — exact structured layout from the supplied UI reference. */
.cart-page { padding-bottom: 26px; }
.cart-page .page-heading { margin-bottom: 10px; }
.cart-layout { grid-template-columns: minmax(0,1.95fr) minmax(320px,.78fr); gap: 24px; }
.cart-savings-note { min-height: 55px; display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 8px 18px; border: 1px solid rgba(101,70,190,.1); border-radius: 16px; background: linear-gradient(110deg,#f5f0ff,#fcfaff); box-shadow: inset 1px 1px 0 #fff, 5px 8px 16px rgba(72,48,139,.07); color: #4820ce; }
.cart-savings-note .clay-trust-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; }
.cart-list { padding: 0 22px 20px; overflow: hidden; border-radius: 24px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.cart-table-head { display: grid; grid-template-columns: 1fr 150px 175px; gap: 16px; margin: 0 -22px; padding: 17px 24px; border-bottom: 1px solid var(--line); color: #1c2452; font-weight: 800; }
.cart-item { grid-template-columns: 100px minmax(190px,1fr) 135px 140px 42px; gap: 16px; padding: 22px 0; }
.cart-brand-tile { width: 94px; height: 88px; display: grid; place-items: center; border: 1px solid rgba(98,70,181,.1); border-radius: 18px; background: linear-gradient(145deg,#fff,#f2eefb); box-shadow: inset 4px 4px 9px rgba(75,50,140,.05), inset -5px -5px 11px #fff, 5px 8px 14px rgba(64,43,123,.09); overflow: hidden; }
.cart-brand-tile .brand-image { max-width: 74px; max-height: 68px; }
.cart-brand-tile .brand-mark { transform: scale(.78); }
.cart-item h3 { color: #111a4d; }
.gift-type { display: inline-block; margin: 3px 0; padding: 4px 8px; border-radius: 7px; color: #5d2ae7; background: #f1ebff; font-size: 11px; font-weight: 800; }
.instant-line { color: #4f20dc !important; font-weight: 700; }
.quantity { border-radius: 11px; background: #faf8ff; box-shadow: inset 3px 3px 7px rgba(71,47,137,.08), inset -4px -4px 8px #fff; }
.quantity button { color: var(--purple); font-size: 20px; }
.cart-price b { display: inline-block; margin-top: 5px; padding: 4px 7px; border-radius: 7px; color: var(--purple); background: #eee7ff; font-size: 10px; }
.remove-item { border-radius: 12px; background: linear-gradient(145deg,#fff,#f4f0ff); box-shadow: 4px 6px 12px rgba(64,43,123,.09), -3px -3px 8px #fff; }
.cart-zcoin { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 14px; margin-top: 16px; padding: 13px 14px; border: 1px solid rgba(98,70,181,.12); border-radius: 17px; background: linear-gradient(110deg,#fbf8ff,#f4efff); box-shadow: inset 1px 1px 0 #fff; }
.cart-zcoin p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.cart-zcoin .clay-trust-icon { width: 58px; height: 58px; flex-basis: 58px; border-radius: 18px; }
.cart-zcoin .outline-button { min-height: 42px; }
.cart-aside { display: grid; gap: 20px; align-self: start; }
.summary-card { position: static; padding: 24px; border-radius: 24px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.summary-card h2, .offer-panel h2 { margin-top: 0; font-size: 19px; }
.summary-line { padding: 13px 0; }
.summary-line.discount, .summary-line .free { color: var(--green); }
.summary-line.total { margin-top: 3px; padding-top: 17px; border-top: 1px dashed #cfc5ee; font-size: 19px; }
.summary-line.total strong { color: var(--purple); font-size: 26px; }
.summary-saving { width: max-content; max-width: 100%; margin: 4px auto 16px; padding: 7px 12px; border-radius: 999px; color: #0c924e; background: #e5f9ee; font-size: 11px; font-weight: 800; }
.summary-card .purple-button, .summary-card .outline-button { width: 100%; margin-top: 10px; }
.offer-panel { padding: 20px; border-radius: 24px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.offer-panel article { position: relative; display: grid; gap: 7px; margin-top: 12px; padding: 13px 52px 13px 12px; border: 1px solid rgba(100,72,181,.1); border-radius: 15px; background: #fff; box-shadow: 3px 5px 10px rgba(65,43,123,.06); font-size: 11px; }
.offer-panel article strong span { display: inline-block; margin-right: 6px; padding: 4px 7px; border-radius: 7px; color: #087a43; background: #e1f7eb; }
.offer-panel article small { color: var(--muted); }
.offer-panel article button { position: absolute; right: 11px; bottom: 13px; border: 0; color: var(--purple); background: none; font-weight: 800; cursor: pointer; }
.secure-checkout { display: flex; gap: 13px; align-items: flex-start; padding: 18px; border-radius: 23px; background: linear-gradient(130deg,#eee6ff,#faf8ff); box-shadow: var(--clay-raised); }
.secure-checkout .clay-trust-icon { width: 54px; height: 54px; flex-basis: 54px; }
.secure-checkout h3 { margin: 4px 0; }
.secure-checkout p { margin: 5px 0 10px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.secure-checkout i { color: #62aa1b; font-style: normal; }
.recommendations { padding: 20px; border-radius: 24px; background: linear-gradient(145deg,#fff,#faf8ff); box-shadow: var(--clay-raised); }
.recommendations .product-grid { grid-template-columns: repeat(4,minmax(135px,1fr)); }

@media (max-width:1050px) {
  .cart-layout { grid-template-columns:1fr; }
  .cart-aside { grid-template-columns:repeat(2,1fr); }
  .summary-card { grid-row:span 2; }
}
@media (max-width:760px) {
  .cart-table-head { display:none; }
  .cart-item { grid-template-columns:82px 1fr; }
  .cart-brand-tile { width:76px; height:72px; }
  .cart-item .quantity, .cart-price, .remove-item { grid-column:2; }
  .cart-zcoin { grid-template-columns:52px 1fr; }
  .cart-zcoin .clay-trust-icon { width:48px; height:48px; }
  .cart-zcoin .outline-button { grid-column:1/-1; }
  .cart-aside { grid-template-columns:1fr; }
  .summary-card { grid-row:auto; }
  .recommendations .product-grid { display:flex; }
}

/* Account/profile claymorphism layout. */
.zcoin-header-pill { min-height: 50px; display: flex; align-items: center; gap: 7px; padding: 4px 13px 4px 7px; border: 1px solid rgba(101,72,185,.1); border-radius: 20px; background: linear-gradient(145deg,#fff,#f5f1ff); box-shadow: 5px 7px 14px rgba(61,43,120,.1), -4px -4px 10px #fff; }
.zcoin-header-pill .clay-trust-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 13px; }
.zcoin-header-pill b, .zcoin-header-pill small { display:block; }
.zcoin-header-pill small { color:var(--muted); font-size:9px; }
.dashboard-shell { grid-template-columns: 280px minmax(0,1fr); background: radial-gradient(circle at 80% 10%,#f7f2ff,transparent 35%),#fbfaff; }
.dashboard-sidebar { top:88px; height:calc(100vh - 88px); padding:25px 18px; border-right:1px solid rgba(98,70,180,.1); background:linear-gradient(145deg,#fff,#faf8ff); box-shadow:8px 0 24px rgba(62,42,119,.05); }
.dashboard-nav a { min-height:51px; border-radius:16px; }
.dashboard-nav a:hover, .dashboard-nav a.active { background:linear-gradient(145deg,#fff,#eee7ff); box-shadow:6px 8px 16px rgba(74,46,148,.12),-5px -5px 12px #fff; }
.dashboard-reward-promo { position:absolute; left:18px; right:18px; bottom:22px; min-height:190px; padding:20px 15px; overflow:hidden; border-radius:22px; background:linear-gradient(145deg,#fff,#eee6ff); box-shadow:var(--clay-raised); }
.dashboard-reward-promo img { position:absolute; right:-18px; bottom:-12px; width:130px; height:130px; object-fit:cover; mix-blend-mode:multiply; }
.dashboard-reward-promo strong, .dashboard-reward-promo p, .dashboard-reward-promo a { position:relative; z-index:1; display:block; max-width:135px; }
.dashboard-reward-promo p { color:var(--muted); font-size:12px; line-height:1.5; }
.dashboard-reward-promo a { width:max-content; padding:8px 10px; border-radius:10px; color:var(--purple); background:#fff; box-shadow:4px 6px 10px rgba(74,46,145,.1); font-size:11px; font-weight:800; }
.dashboard-main { padding:28px 34px 48px; }
.profile-redesign + .profile-summary, .profile-redesign ~ .dashboard-grid { display:none; }
.clay-profile-summary { display:grid; grid-template-columns:130px 1fr; gap:25px; padding:30px 34px; border-radius:25px; background:linear-gradient(145deg,#fff,#faf8ff); box-shadow:var(--clay-raised); }
.avatar-wrap { position:relative; width:116px; }
.clay-avatar { border:8px solid #f0e8ff; background:linear-gradient(145deg,#ddcaff,#9f65ee); box-shadow:8px 11px 22px rgba(106,67,184,.26),-5px -5px 12px #fff,inset 3px 3px 6px rgba(255,255,255,.35); }
.avatar-camera { position:absolute; right:-1px; bottom:2px; width:40px; height:40px; border:5px solid #fff; border-radius:50%; color:var(--purple); background:linear-gradient(145deg,#fff,#eee7ff); box-shadow:4px 6px 12px rgba(64,42,123,.15); cursor:pointer; }
.profile-contact { display:flex; align-items:center; gap:18px; color:var(--muted); }
.profile-contact i { width:1px; height:20px; background:var(--line); }
.profile-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.profile-metrics > div { padding:0 22px; border-right:1px solid var(--line); }
.profile-metrics > div:first-child { padding-left:0; }
.profile-metrics > div:last-child { border:0; }
.profile-metrics span, .profile-metrics strong { display:block; }
.profile-metrics span { margin-bottom:4px; color:var(--muted); font-size:11px; }
.profile-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.profile-detail-card { padding:24px 26px; border-radius:24px; background:linear-gradient(145deg,#fff,#faf8ff); box-shadow:var(--clay-raised); }
.profile-detail-card h2 { display:flex; align-items:center; gap:9px; margin:0 0 8px; padding-bottom:14px; border-bottom:1px solid var(--line); font-size:18px; }
.profile-section-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; color:var(--purple); background:linear-gradient(145deg,#fff,#eee7ff); box-shadow:3px 5px 9px rgba(72,47,137,.1); }
.personal-card { grid-row:span 2; }
.profile-detail-row { display:grid; grid-template-columns:minmax(130px,.9fr) 1.15fr; gap:18px; padding:13px 9px; border-bottom:1px solid var(--line); }
.profile-detail-row:last-child { border:0; }
.profile-detail-row > span { color:#39416b; }
.profile-detail-row strong { color:#343c6d; font-weight:500; }
.profile-detail-row button { margin-left:12px; border:0; color:var(--purple); background:none; font-weight:800; cursor:pointer; }
.profile-detail-row em { padding:4px 9px; border-radius:999px; color:var(--green); background:#e4f9ed; font-size:11px; font-style:normal; }
.profile-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 8px; border-bottom:1px solid var(--line); }
.profile-toggle-row:last-child { border:0; }
.profile-toggle-row strong, .profile-toggle-row span { display:block; }
.profile-toggle-row span { margin-top:3px; color:var(--muted); font-size:11px; }
.toggle.on { box-shadow:inset 2px 2px 4px rgba(44,20,125,.2),0 4px 9px rgba(88,45,211,.18); }
.account-actions-card { grid-column:1/-1; }
.account-action-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding-top:10px; }
.account-action-grid button { min-height:46px; border:1px solid #cfbefb; border-radius:13px; color:var(--purple); background:linear-gradient(145deg,#fff,#f8f5ff); box-shadow:4px 6px 11px rgba(69,47,130,.07),-3px -3px 8px #fff; font-weight:800; cursor:pointer; }
.account-action-grid button.danger { color:#f02b4d; border-color:#ff9daf; }
.dashboard-main .coin-banner .coin-visual { width:170px; height:125px; font-size:0; background:url("clay/zcoin-wallet.png") center/cover no-repeat; mix-blend-mode:multiply; }
.mark-bookmyshow { min-width:82px; min-height:50px; flex-direction:row; gap:1px; padding:8px; border-radius:11px; color:#fff; background:linear-gradient(145deg,#ff3150,#d90d2e); box-shadow:inset 2px 2px 4px rgba(255,255,255,.28),inset -4px -4px 8px rgba(141,0,23,.2),0 8px 13px rgba(157,6,34,.2); }
.mark-bookmyshow b, .mark-bookmyshow em { font:700 11px/1 Arial,sans-serif; font-style:normal; }
.mark-bookmyshow em { padding:2px 3px; border-radius:4px; color:#e91e3d; background:#fff; }

@media (max-width:1150px) {
  .profile-metrics { grid-template-columns:repeat(2,1fr); }
  .profile-metrics > div { padding:10px; border-bottom:1px solid var(--line); }
  .account-action-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-reward-promo { display:none; }
}
@media (max-width:980px) {
  .dashboard-shell { grid-template-columns:1fr; }
  .dashboard-sidebar { position:static; height:auto; overflow-x:auto; padding:10px; }
  .dashboard-nav { display:flex; }
  .dashboard-nav a { flex:0 0 auto; }
  .profile-detail-grid { grid-template-columns:1fr; }
  .personal-card { grid-row:auto; }
  .account-actions-card { grid-column:auto; }
  .zcoin-header-pill { display:none; }
}
@media (max-width:700px) {
  .clay-profile-summary { grid-template-columns:1fr; text-align:center; }
  .avatar-wrap { margin:auto; }
  .profile-name, .profile-contact { justify-content:center; }
  .profile-contact { flex-wrap:wrap; }
  .profile-metrics { grid-template-columns:1fr 1fr; text-align:left; }
  .profile-detail-row { grid-template-columns:1fr; gap:5px; text-align:left; }
  .account-action-grid { grid-template-columns:1fr; }
}

/* --------------------------------------------------------------------------
   Screenshot feedback pass: logo accuracy, vertical rhythm and compact footer
   -------------------------------------------------------------------------- */

.brand-reference-mark {
  width: 96px;
  height: 58px;
  display: block;
  overflow: hidden;
  background-image: url("brand-reference-strip.png");
  background-repeat: no-repeat;
  background-size: 600% auto;
  background-position-y: 0;
  filter: drop-shadow(0 5px 7px rgba(37,27,74,.08));
}
.brand-reference-0 { background-position-x: 0; }
.brand-reference-1 { background-position-x: 20%; }
.brand-reference-2 { background-position-x: 40%; }
.brand-reference-3 { background-position-x: 60%; }
.brand-reference-4 { background-position-x: 80%; }
.brand-reference-5 { background-position-x: 100%; }
.mark-amazon-pay-card { min-width:74px; min-height:66px; color:#111; font-family:Arial Black,Arial,sans-serif; }
.mark-amazon-pay-card b { font-size:67px; line-height:.75; letter-spacing:-.1em; }
.mark-amazon-pay-card i { width:48px; height:13px; margin-top:-4px; border-bottom:4px solid #f89a00; border-radius:0 0 52% 52%; transform:rotate(4deg); }
.mark-myntra-card { min-width:74px; min-height:64px; color:transparent; background:linear-gradient(100deg,#ef0c63 6%,#ff2b65 28%,#ff8c1d 50%,#f31378 75%,#e61b90); -webkit-background-clip:text; background-clip:text; font:900 61px/.95 Arial Black,Arial,sans-serif; letter-spacing:-.22em; transform:scaleX(.8); filter:drop-shadow(0 5px 5px rgba(101,18,70,.1)); }
.mark-swiggy-card { position:relative; min-width:64px; min-height:64px; color:#ff5b12; font:900 57px/.95 Arial Black,Arial,sans-serif; transform:scaleX(.74); filter:drop-shadow(0 5px 5px rgba(136,44,0,.11)); }
.mark-swiggy-card::after { content:""; position:absolute; right:8px; bottom:4px; width:16px; height:18px; background:#ff5b12; clip-path:polygon(0 0,100% 0,48% 100%); transform:rotate(-9deg); }
.product-logo .brand-reference-mark { width: 96px; height: 58px; }
.deal-logo-tile .brand-reference-mark { width: 70px; height: 43px; }
.cart-brand-tile .brand-reference-mark { width: 78px; height: 48px; }

.hero-brand .brand-reference-mark {
  width: 88px;
  height: 54px;
  mix-blend-mode: multiply;
  filter: saturate(1.1) contrast(1.05) drop-shadow(0 4px 4px rgba(41,27,84,.08));
}
.hero-wordmark-zomato { color:#fff; font:italic 900 22px/1 Arial,sans-serif; letter-spacing:-.04em; text-shadow:0 3px 5px rgba(97,0,20,.25); }
.hero-wordmark-pvr { display:flex; flex-direction:column; align-items:center; color:#ffd52a; text-shadow:0 2px 4px #000; }
.hero-wordmark-pvr b { font-size:15px; letter-spacing:-.05em; white-space:nowrap; }
.hero-wordmark-pvr small { margin-top:4px; color:#fff; font-size:6px; letter-spacing:.32em; }
.hero-mark-myntra { display:block; color:transparent; background:linear-gradient(100deg,#f50b66 8%,#ff265e 31%,#ff8b22 53%,#f20c75 77%,#ef1a8b); -webkit-background-clip:text; background-clip:text; font:900 47px/.9 Arial Black,Arial,sans-serif; letter-spacing:-.2em; transform:scaleX(.78); filter:drop-shadow(0 4px 4px rgba(103,22,71,.12)); }
.hero-mark-swiggy { position:relative; display:block; color:#ff5b12; font:900 42px/.9 Arial Black,Arial,sans-serif; transform:scaleX(.72); filter:drop-shadow(0 4px 4px rgba(139,48,0,.13)); }
.hero-mark-swiggy::after { content:""; position:absolute; right:5px; bottom:-5px; width:13px; height:13px; background:#ff5b12; clip-path:polygon(0 0,100% 0,52% 100%); transform:rotate(-9deg); }
.hero-brand-amazon { left:16.5%; top:8.5%; }
.hero-brand-flipkart { left:38.1%; top:8.8%; }
.hero-brand-myntra { left:57.7%; top:18.6%; }
.hero-brand-zomato { left:6.5%; top:31.4%; }
.hero-brand-pvr { left:26.5%; top:29%; }
.hero-brand-swiggy { left:44.6%; top:33%; }
.hero-brand-myntra, .hero-brand-swiggy { mix-blend-mode:multiply; }

.wide-category-grid:not(.filtered-category-grid) .category-card {
  min-height: 198px;
  grid-template-rows: 94px 38px 22px 24px;
  align-content: center;
  gap: 0;
  padding: 12px 10px;
}
.wide-category-grid:not(.filtered-category-grid) .category-card .clay-category-icon { align-self:center; }
.wide-category-grid:not(.filtered-category-grid) .category-card strong {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.15;
  text-wrap:balance;
}
.wide-category-grid:not(.filtered-category-grid) .category-card small {
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#667098;
  line-height:1;
  white-space:nowrap;
}
.wide-category-grid:not(.filtered-category-grid) .category-offer {
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  white-space:nowrap;
}

.why-title { margin:0 0 27px; padding-top:5px; line-height:1.15; }
.benefit-grid { align-items:stretch; }
.benefit-card { align-items:center; }

.stats-bar { min-height:96px; align-items:center; padding:14px 30px; }
.stat { min-height:66px; display:grid; grid-template-columns:54px 1fr; align-items:center; justify-content:center; gap:12px; }
.stat-medallion { width:48px; height:48px; display:grid; place-items:center; border-radius:17px; color:#6730ed; background:linear-gradient(145deg,#fff,#ece4ff); box-shadow:5px 7px 14px rgba(75,48,145,.13),-4px -4px 10px #fff,inset 1px 1px 0 #fff; font-size:23px; }
.stat-clay-icon { width:50px; height:50px; flex-basis:50px; border-radius:16px; }
.stat strong { font-size:16px; }
.stat span:not(.stat-medallion):not(.clay-category-icon) { margin-top:3px; }

.feature-row { min-height:110px; padding:13px 16px; }
.feature-row article { min-height:78px; grid-template-columns:62px 1fr; align-items:center; padding:8px 24px; }
.feature-row h3 { margin-bottom:4px; font-size:12px; }
.feature-row p { line-height:1.35; }

.home-trust-panel { padding:14px 24px 16px; border-radius:24px; background:linear-gradient(120deg,#faf8ff,#f2edff); box-shadow:var(--clay-raised); }
.trust-rating { display:flex; align-items:center; justify-content:center; gap:10px; padding:0 0 12px; border-bottom:1px solid rgba(103,76,184,.1); font-size:12px; }
.trust-rating span { color:#ffc400; font-size:18px; letter-spacing:2px; text-shadow:0 3px 7px rgba(224,153,0,.25); }
.trust-rating b { color:#565f85; }
.trust-mini-grid { display:grid; grid-template-columns:repeat(5,1fr); padding-top:12px; }
.trust-mini-grid article { min-height:62px; display:flex; align-items:center; gap:10px; padding:4px 22px; border-right:1px solid var(--line); }
.trust-mini-grid article:last-child { border:0; }
.trust-mini-grid .clay-trust-icon, .trust-mini-grid .clay-category-icon { width:46px; height:46px; flex-basis:46px; border-radius:15px; }
.trust-mini-grid strong, .trust-mini-grid small { display:block; }
.trust-mini-grid strong { font-size:11px; }
.trust-mini-grid small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.25; }

.site-footer { margin-top:30px; padding:22px 0 8px; }
.compact-footer-grid { grid-template-columns:1.3fr repeat(4,.72fr) 1fr; gap:42px; align-items:start; }
.footer-brand img { width:145px; height:52px; object-fit:contain; object-position:left center; filter:drop-shadow(0 5px 6px rgba(30,20,72,.1)); }
.footer-brand p { max-width:230px; margin:8px 0 12px; font-size:10px; line-height:1.55; }
.footer-socials { display:flex; gap:9px; }
.footer-socials a { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#8054f4,#4720cd); box-shadow:3px 4px 8px rgba(71,34,176,.18); font-size:10px; font-weight:900; }
.footer-socials a:nth-child(2) { background:linear-gradient(145deg,#ff6ca2,#f23857); }
.footer-socials a:nth-child(3) { background:linear-gradient(145deg,#5bbaff,#2376d9); }
.footer-socials a:nth-child(4) { background:linear-gradient(145deg,#3495df,#1762a3); }
.footer-col h3 { margin:8px 0 12px; font-size:11px; }
.footer-col a { margin:7px 0; font-size:10px; }
.payment-partners > div { display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; align-items:center; }
.payment-logo { display:inline-block; font-weight:900; white-space:nowrap; }
.razorpay-logo { color:#172b70; font-style:italic; }
.razorpay-logo::before { content:"//"; margin-right:3px; color:#2f7df3; letter-spacing:-3px; }
.payu-logo { color:#7bb522; font-size:16px; }
.upi-logo { color:#313548; font-size:17px; font-style:italic; }
.upi-logo::after { content:"›"; margin-left:2px; color:#f26d21; }
.footer-bottom { justify-content:center; margin-top:16px; padding-top:11px; font-size:9px; }

@media (min-width:1280px) {
  .wide-category-grid:not(.filtered-category-grid) { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@media (max-width:1100px) {
  .trust-mini-grid { grid-template-columns:repeat(2,1fr); }
  .trust-mini-grid article { border-bottom:1px solid var(--line); }
  .compact-footer-grid { grid-template-columns:1.4fr repeat(3,1fr); gap:28px; }
}
@media (max-width:700px) {
  .wide-category-grid:not(.filtered-category-grid) .category-card { min-height:174px; grid-template-rows:76px 38px 21px 23px; }
  .wide-category-grid .clay-category-icon { width:72px; height:72px; }
  .stats-bar, .feature-row { grid-template-columns:1fr; }
  .trust-rating { flex-wrap:wrap; text-align:center; }
  .trust-mini-grid { grid-template-columns:1fr; }
  .trust-mini-grid article { border-right:0; }
  .compact-footer-grid { grid-template-columns:1fr 1fr; gap:22px; }
  .footer-brand { grid-column:1/-1; }
}

/* --------------------------------------------------------------------------
   2026 full visual-system pass: exact glass logo, Z Coin, product and auth UI
   -------------------------------------------------------------------------- */

/* The supplied glass logo is intentionally kept as one exact raster asset. */
.glassy-brand { overflow:hidden; border-radius:22px; background:#fff; }
.glassy-brand img,
.site-header .brand img {
  width:210px;
  height:84px;
  display:block;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:multiply;
  filter:none;
}
.site-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.95); backdrop-filter:blur(18px); }
.header-inner { min-height:92px; }
.zcoin-nav { padding-left:9px; }
.nav-zcoin,
.mini-z {
  width:31px;
  height:31px;
  display:inline-grid;
  place-items:center;
  flex:0 0 31px;
  border-radius:50%;
  color:#fff5c5;
  background:linear-gradient(145deg,#ffd45d,#ee9d19);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.65),inset -3px -4px 7px rgba(178,103,0,.23),0 6px 11px rgba(187,115,0,.2);
  font:900 15px/1 Arial,sans-serif;
  text-shadow:0 1px 2px rgba(109,60,0,.35);
}
.footer-brand img { width:180px; height:78px; object-fit:contain; object-position:left center; mix-blend-mode:multiply; filter:none; }

/* Brand marks now sit naturally on the outer card instead of a second pasted tile. */
.product-logo {
  height:104px;
  margin-bottom:5px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.product-logo .brand-mark,
.product-logo .brand-image { filter:drop-shadow(0 9px 9px rgba(45,32,89,.13)); }
.product-logo .brand-image { width:80px; height:74px; max-width:82px; max-height:74px; object-fit:contain; }
.product-card { overflow:hidden; background:linear-gradient(152deg,#fff 0%,#fdfcff 56%,#f6f1ff 100%); }

/* Home Z Coin replaces the old deals strip. */
.home-zcoin-section {
  min-height:290px;
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 260px;
  align-items:center;
  gap:32px;
  padding:26px 34px;
  overflow:hidden;
  border-radius:30px;
  background:radial-gradient(circle at 10% 40%,rgba(242,225,255,.9),transparent 28%),linear-gradient(120deg,#fff,#f8f4ff 57%,#fff8ef);
  box-shadow:var(--clay-raised);
}
.home-zcoin-section > img { width:275px; height:230px; object-fit:cover; border-radius:25px; mix-blend-mode:multiply; filter:drop-shadow(0 15px 18px rgba(91,58,173,.14)); }
.home-zcoin-copy .eyebrow { color:#7b42ee; font-size:11px; font-weight:900; letter-spacing:.12em; }
.home-zcoin-copy h2 { margin:7px 0 8px; font-size:32px; line-height:1.1; }
.home-zcoin-copy > p { max-width:620px; margin:0; color:var(--muted); line-height:1.6; }
.zcoin-journey { display:flex; align-items:center; gap:15px; margin-top:23px; }
.zcoin-journey span { min-width:115px; display:block; padding:11px 14px; border-radius:16px; background:rgba(255,255,255,.84); box-shadow:5px 7px 15px rgba(72,45,141,.09),-4px -4px 10px #fff; }
.zcoin-journey b,.zcoin-journey small { display:block; }
.zcoin-journey small { margin-top:3px; color:var(--muted); font-size:9px; }
.zcoin-journey i { color:#8650ee; font-style:normal; font-weight:900; }
.home-zcoin-section > aside { min-height:205px; display:grid; place-items:center; align-content:center; padding:18px; border:1px solid rgba(107,73,191,.09); border-radius:24px; background:linear-gradient(145deg,#fff,#f4edff); box-shadow:7px 10px 20px rgba(75,46,148,.12),-6px -6px 15px #fff; text-align:center; }
.home-zcoin-section > aside .clay-trust-icon { width:66px; height:66px; flex-basis:66px; }
.home-zcoin-section > aside small,.home-zcoin-section > aside strong { display:block; }
.home-zcoin-section > aside small { margin-top:7px; color:var(--muted); }
.home-zcoin-section > aside strong { margin:4px 0 12px; font-size:13px; }
.home-zcoin-section > aside .purple-button { min-height:40px; padding:0 16px; }

/* How It Works — reference-matched five-step clay layout. */
.works-page { max-width:1370px; padding-top:18px; }
.works-page .works-hero { padding:8px 0 18px; }
.works-page .works-hero h1 { font-size:clamp(31px,3vw,44px); letter-spacing:-.035em; }
.works-page .works-hero p { margin:8px 0 0; font-size:14px; }
.works-page .steps-grid { gap:24px; }
.works-page .step-card {
  min-height:325px;
  padding:18px 17px 19px;
  border-radius:23px;
  background:linear-gradient(150deg,#fff,#f9f6ff);
  box-shadow:7px 10px 20px rgba(64,42,132,.09),-6px -6px 15px #fff;
}
.works-page .step-number { left:16px; top:15px; width:31px; height:31px; background:linear-gradient(145deg,#16b36c,#078f50); box-shadow:inset 2px 2px 3px rgba(255,255,255,.3),0 6px 11px rgba(4,133,71,.2); }
.works-page .step-card:not(:last-child)::after { content:"···›"; top:49%; right:-27px; color:#7543f4; font-size:22px; letter-spacing:2px; }
.works-visual { position:relative; height:172px; margin:7px 0 4px; overflow:hidden; border-radius:50%; background:radial-gradient(circle,#f3edff 0 50%,transparent 51%); }
.works-visual img { position:absolute; top:50%; left:calc(var(--step) * -100%); width:500%; max-width:none; height:auto; transform:translateY(-50%); mix-blend-mode:multiply; }
.works-page .step-card h2 { margin:8px 0 8px; font-size:16px; }
.works-page .step-card p { font-size:11px; line-height:1.55; }
.works-benefits { min-height:168px; display:grid; grid-template-columns:170px 1fr 150px; align-items:center; gap:24px; margin-top:22px; padding:16px 24px; border-radius:25px; background:linear-gradient(135deg,#fff,#f8f4ff); box-shadow:var(--clay-raised); }
.works-benefits-art { width:158px; height:130px; object-fit:cover; border-radius:22px; mix-blend-mode:multiply; }
.works-benefits h2 { margin:0 0 12px; font-size:18px; }
.works-benefit-list { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.works-benefit-list article { display:grid; grid-template-columns:46px 1fr; align-items:center; gap:9px; }
.works-benefit-list .clay-trust-icon { width:44px; height:44px; flex-basis:44px; border-radius:14px; }
.works-benefit-list strong,.works-benefit-list small { display:block; }
.works-benefit-list strong { font-size:11px; }
.works-benefit-list small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.35; }
.works-lock { min-height:112px; display:grid; place-items:center; align-content:center; border-radius:22px; background:linear-gradient(145deg,#f1e8ff,#fff); box-shadow:inset 3px 3px 7px rgba(79,47,145,.07),5px 8px 15px rgba(69,43,135,.09); color:#7444e6; font-size:10px; }
.works-lock .clay-trust-icon { width:78px; height:78px; flex-basis:78px; }
.works-proof { margin-top:18px; padding:17px 22px; border-radius:22px; }
.works-proof h2 { margin:0 0 12px; font-size:14px; }
.works-proof-grid { display:grid; grid-template-columns:repeat(5,1fr); }
.works-proof-grid article { min-height:62px; display:grid; grid-template-columns:50px 1fr; align-items:center; gap:10px; padding:4px 20px; border-right:1px solid var(--line); }
.works-proof-grid article:last-child { border:0; }
.works-proof-grid .clay-trust-icon,.works-proof-grid .clay-category-icon { width:46px; height:46px; flex-basis:46px; border-radius:14px; }
.proof-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#6c38e8; background:#f0e9ff; box-shadow:4px 6px 12px rgba(72,45,137,.1); font-size:9px; font-weight:900; }
.works-proof-grid strong,.works-proof-grid small { display:block; }
.works-proof-grid strong { font-size:11px; }.works-proof-grid small { margin-top:3px; color:var(--muted); font-size:9px; }
.works-support { min-height:66px; display:flex; align-items:center; justify-content:center; gap:28px; margin:18px 0 6px; padding:10px 20px; border-radius:19px; background:linear-gradient(120deg,#faf8ff,#f5f0ff); }
.works-support p { margin:0; font-size:12px; font-weight:700; }
.works-support .outline-button { min-height:36px; }

/* New product details. */
.product-detail-page { max-width:1420px; padding-top:28px; }
.detail-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:0 0 20px; color:#7780a2; font-size:11px; }
.detail-breadcrumb b { color:#202d5d; }
.new-product-layout { display:grid; grid-template-columns:minmax(0,1fr) 405px; align-items:start; gap:34px; }
.new-product-overview { display:grid; grid-template-columns:390px minmax(0,1fr); align-items:center; gap:30px; }
.detail-giftcard { position:relative; min-height:290px; display:flex; align-items:center; justify-content:center; flex-direction:column; overflow:hidden; border-radius:26px; color:#fff; background:radial-gradient(circle at 78% 20%,#3d4555,transparent 24%),linear-gradient(145deg,#242a35,#090b10); box-shadow:13px 17px 32px rgba(29,26,60,.22),-8px -8px 18px #fff,inset 2px 2px 4px rgba(255,255,255,.1); }
.detail-giftcard::after { content:""; position:absolute; inset:auto -80px -145px auto; width:280px; height:280px; border-radius:50%; border:34px solid rgba(255,255,255,.04); box-shadow:0 0 0 38px rgba(255,255,255,.025); }
.detail-bestseller { position:absolute; left:16px; top:16px; padding:7px 10px; border-radius:8px; background:#6d35ed; box-shadow:0 6px 12px rgba(91,45,221,.35); font-size:9px; font-weight:900; }
.detail-heart { position:absolute; right:16px; top:16px; z-index:2; width:36px; height:36px; border:0; border-radius:50%; color:#35436e; background:#fff; box-shadow:0 7px 14px rgba(0,0,0,.17); font-size:21px; }
.detail-heart.active { color:#f32658; }
.detail-card-logo { position:relative; z-index:1; min-height:115px; display:grid; place-items:center; transform:scale(1.28); }
.detail-card-logo .brand-image { max-width:115px; max-height:90px; }
.detail-card-logo .mark-amazon-pay-card { color:#fff; }.detail-card-logo .mark-amazon-pay-card i { border-color:#ff9e19; }
.detail-giftcard > strong { position:relative; z-index:1; margin-top:8px; font-size:21px; letter-spacing:.16em; }
.detail-product-copy h1 { margin:12px 0 9px; font-size:30px; line-height:1.12; }
.detail-offer-pill { display:inline-flex; padding:7px 11px; border-radius:9px; color:#139450; background:#e7faee; font-size:10px; }
.detail-rating { color:#697293; font-size:10px; }.detail-rating > span { color:#ffb400; letter-spacing:2px; }.detail-rating b { margin-left:7px; color:#2b3767; }.detail-rating i { margin-left:12px; padding-left:12px; border-left:1px solid var(--line); font-style:normal; }
.detail-product-copy > p { max-width:620px; margin:22px 0; color:#5e6789; font-size:13px; line-height:1.7; }
.detail-badges { display:flex; flex-wrap:wrap; gap:9px; }.detail-badges span { padding:8px 10px; border-radius:9px; color:#36795a; background:#eaf9ef; font-size:10px; font-weight:800; }.detail-badges span + span { color:#7540e4; background:#f0e9ff; }
.accepted-section { margin:23px 0 12px; }.accepted-section h2 { margin:0 0 11px; font-size:13px; }
.accepted-list { display:flex; align-items:flex-start; gap:18px; }.accepted-list article { width:72px; text-align:center; }.accepted-list article > span { width:54px; height:54px; display:grid; place-items:center; margin:auto; border-radius:50%; color:#424d7a; background:linear-gradient(145deg,#fff,#f3effb); box-shadow:5px 7px 14px rgba(55,37,105,.09),-4px -4px 10px #fff; font-weight:900; }.accepted-list small { display:block; margin-top:7px; color:#677093; font-size:9px; }.accepted-list .brand-mark { transform:scale(.45); }
.detail-trust-row { display:grid; grid-template-columns:repeat(3,1fr); max-width:670px; margin-top:18px; border-radius:17px; background:#fff; box-shadow:var(--clay-raised); }.detail-trust-row article { display:grid; grid-template-columns:45px 1fr; align-items:center; gap:7px; padding:10px 14px; border-right:1px solid var(--line); }.detail-trust-row article:last-child { border:0; }.detail-trust-row .clay-trust-icon { width:42px; height:42px; flex-basis:42px; border-radius:13px; }.detail-trust-row b,.detail-trust-row small { display:block; }.detail-trust-row b { font-size:9px; }.detail-trust-row small { margin-top:3px; color:var(--muted); font-size:8px; }
.detail-accordions { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:24px; }.detail-accordions details { padding:0 16px; border:1px solid var(--line); border-radius:15px; background:#fff; }.detail-accordions summary { min-height:48px; font-size:11px; font-weight:900; cursor:pointer; }.detail-accordions p { margin:0 0 15px; color:var(--muted); font-size:10px; line-height:1.55; }
.new-purchase-card { position:sticky; top:118px; padding:25px; border-radius:25px; background:linear-gradient(145deg,#fff,#faf8ff); box-shadow:var(--clay-raised); }.new-purchase-card section + section { margin-top:20px; }.new-purchase-card h2 { margin:0 0 12px; font-size:12px; }.denomination-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.denomination-grid button { min-height:45px; border:1px solid #e0d9f2; border-radius:11px; color:#1f2c5c; background:#fff; font-size:11px; font-weight:900; }.denomination-grid button:hover,.denomination-grid button.active { border-color:#7b47f5; color:#6932ed; background:#f5f0ff; box-shadow:inset 0 0 0 1px #7b47f5,0 5px 11px rgba(91,48,201,.1); }.detail-quantity { display:flex; align-items:center; gap:20px; }.detail-quantity button { width:38px; height:38px; border:1px solid #ded8ee; border-radius:11px; color:#6b38e6; background:#fff; font-size:18px; }.detail-price-box { padding:15px; border-radius:16px; background:linear-gradient(120deg,#f8f4ff,#fff); box-shadow:inset 3px 3px 8px rgba(73,48,132,.05); }.detail-price-box > div { display:flex; align-items:center; justify-content:space-between; margin:7px 0; }.detail-price-box span,.detail-price-box small { color:var(--muted); font-size:10px; }.detail-price-box strong { color:#6b32ee; font-size:18px; }.detail-price-box em { color:#0c9b54; font-size:10px; font-style:normal; font-weight:900; }.detail-buy,.detail-cart { width:100%; min-height:50px; margin-top:18px; }.detail-cart { margin-top:10px; }.detail-secure-note { margin:12px 0 0; color:#7b84a1; font-size:9px; text-align:center; }

/* Checkout. */
.checkout-page { max-width:1390px; padding-top:25px; }.checkout-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }.checkout-heading h1 { margin:0; font-size:28px; }.checkout-heading p { margin:4px 0 0; color:var(--muted); font-size:11px; }.checkout-heading a { color:#6c38ea; font-size:10px; font-weight:800; }.checkout-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr); gap:24px; align-items:start; }.checkout-flow { display:grid; gap:15px; }.checkout-security { min-height:68px; display:grid; grid-template-columns:50px 1fr auto; align-items:center; gap:11px; padding:10px 18px; border:1px solid #caeedb; border-radius:15px; color:#1a7950; background:linear-gradient(120deg,#f0fbf5,#fff); }.checkout-security .clay-trust-icon { width:46px; height:46px; flex-basis:46px; }.checkout-security strong,.checkout-security small { display:block; }.checkout-security small { margin-top:3px; color:#638172; font-size:9px; }.checkout-security > b { font-size:9px; }.checkout-section { padding:18px; border-radius:19px; }.checkout-section h2 { display:flex; align-items:center; gap:9px; margin:0 0 13px; font-size:13px; }.checkout-section h2 > span { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#7137ef; font-size:10px; }.delivery-choice { min-height:75px; display:grid; grid-template-columns:18px 48px 1fr auto; align-items:center; gap:10px; padding:10px 13px; border:1px solid #e8defc; border-radius:14px; background:#faf7ff; }.delivery-choice .clay-trust-icon { width:44px; height:44px; flex-basis:44px; }.delivery-choice strong,.delivery-choice small { display:block; }.delivery-choice strong { font-size:11px; }.delivery-choice em { color:#7542e6; font-size:9px; }.delivery-choice small { margin-top:4px; color:var(--muted); font-size:9px; }.delivery-choice > b { color:#12a65d; font-size:10px; }.payment-content { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(260px,1.1fr); gap:17px; }.payment-options { overflow:hidden; border:1px solid var(--line); border-radius:14px; }.payment-options label { min-height:56px; display:grid; grid-template-columns:18px 30px 1fr auto; align-items:center; gap:8px; padding:7px 12px; border-bottom:1px solid var(--line); cursor:pointer; }.payment-options label:last-child { border:0; }.payment-options label.active { background:#f5efff; }.payment-options label > span { color:#6333dc; font-weight:900; }.payment-options strong,.payment-options small { display:block; }.payment-options strong { font-size:10px; }.payment-options small { margin-top:3px; color:var(--muted); font-size:8px; }.payment-options em { padding:4px 6px; border-radius:7px; color:#6f39e9; background:#eee5ff; font-size:7px; font-style:normal; }.payment-options .mini-z { width:25px;height:25px;flex-basis:25px;font-size:11px; }.upi-preview { min-height:315px; display:grid; place-items:center; align-content:center; padding:15px; border:1px solid var(--line); border-radius:14px; text-align:center; }.upi-preview > strong { font-size:10px; }.qr-placeholder { width:142px; height:142px; display:grid; place-items:center; margin:10px 0; border:9px solid #fff; border-radius:8px; color:#141739; background:repeating-conic-gradient(#10142f 0 25%,#fff 0 50%) 0 0/12px 12px; box-shadow:0 0 0 1px #d8d9e5,0 7px 14px rgba(25,20,64,.08); }.qr-placeholder span { width:46px;height:46px;display:grid;place-items:center;border:7px solid #fff;border-radius:50%;color:#6b38e9;background:#fff;font-size:9px;font-weight:900; }.upi-preview > small,.upi-preview > p { color:var(--muted); font-size:8px; }.upi-preview button { border:0; color:#6532df; background:none; font-size:9px; }.upi-apps { display:flex; gap:6px; }.upi-apps span { padding:5px 7px; border:1px solid var(--line); border-radius:6px; font-size:7px; }.billing-section > div { display:flex; align-items:center; justify-content:space-between; }.billing-section p { margin:0; }.billing-section p b,.billing-section p small { display:block; }.billing-section p b { font-size:10px; }.billing-section p small { margin-top:4px; color:var(--muted); font-size:8px; }.billing-section button { border:0; color:#6c38e8; background:none; font-size:9px; font-weight:800; }.checkout-summary-column { display:grid; gap:15px; }.checkout-summary { padding:21px; border-radius:20px; }.summary-heading { display:flex; justify-content:space-between; align-items:center; }.summary-heading h2 { margin:0; font-size:16px; }.summary-heading a { color:#6e39e9; font-size:9px; }.summary-product { display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:10px; margin:17px 0; padding-bottom:16px; border-bottom:1px solid var(--line); }.summary-product > div:first-child { width:56px;height:56px;display:grid;place-items:center;border-radius:13px;background:#f7f4ff;overflow:hidden; }.summary-product .brand-mark { transform:scale(.48); }.summary-product .brand-image { width:45px;height:45px; }.summary-product strong,.summary-product small { display:block; }.summary-product strong { font-size:10px; }.summary-product small { margin-top:4px; color:var(--muted); font-size:8px; }.summary-product > b { font-size:10px; }.summary-lines { padding:9px 0; border-bottom:1px solid var(--line); }.summary-lines p { display:flex; justify-content:space-between; margin:9px 0; color:#60698b; font-size:9px; }.summary-lines .discount b,.summary-lines .free { color:#10a05b; }.you-save { display:flex; justify-content:space-between; margin:13px 0; padding:10px; border-radius:9px; color:#118e52; background:#eaf9f0; font-size:9px; }.summary-total { display:flex; justify-content:space-between; align-items:center; margin:17px 0; }.summary-total span b,.summary-total span small { display:block; }.summary-total span b { font-size:12px; }.summary-total span small { margin-top:3px;color:var(--muted);font-size:7px; }.summary-total strong { font-size:20px; }.earn-coins { padding:10px; border-radius:9px; color:#696f8e; background:#faf7ff; font-size:9px; text-align:center; }.earn-coins b { color:#6e39ec; }.pay-secure { width:100%;min-height:50px; }.encrypted-note { display:block;margin-top:10px;color:#218e5b;text-align:center;font-size:8px; }.checkout-message { min-height:16px;margin:8px 0 0;color:#e53350;font-size:9px;text-align:center; }.checkout-trust { display:grid;grid-template-columns:repeat(4,1fr);padding:13px;border-radius:18px; }.checkout-trust article { display:grid;place-items:center;text-align:center; }.checkout-trust .clay-trust-icon,.checkout-trust .clay-category-icon { width:45px;height:45px;flex-basis:45px;border-radius:14px; }.checkout-trust b,.checkout-trust small { display:block; }.checkout-trust b { margin-top:5px;font-size:8px; }.checkout-trust small { margin-top:2px;color:var(--muted);font-size:7px; }.checkout-success-modal { position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,16,49,.56);backdrop-filter:blur(7px); }.checkout-success-modal > div { width:min(440px,100%);padding:30px;border-radius:25px;background:#fff;box-shadow:0 24px 60px rgba(18,13,48,.3);text-align:center; }.checkout-success-modal .clay-trust-icon { width:82px;height:82px; }.checkout-success-modal h2 { margin:6px 0; }.checkout-success-modal p { color:var(--muted); }.issued-card { display:grid;gap:5px;margin:18px 0;padding:15px;border-radius:15px;background:#f6f1ff; }.issued-card small { color:var(--muted); }.issued-card strong { letter-spacing:.06em; }.checkout-success-modal .purple-button { width:100%;min-height:48px; }.checkout-success-modal button { margin-top:12px;border:0;color:#6b37e4;background:none;font-weight:800; }

/* Z Coin account surface. */
.zcoin-dashboard-ui { display:grid; gap:20px; }.zcoin-dashboard-hero { min-height:260px; display:grid; grid-template-columns:230px minmax(250px,1fr) minmax(270px,.8fr); align-items:center; gap:25px; padding:24px; border-radius:26px; background:radial-gradient(circle at 14% 23%,#eee2ff,transparent 28%),linear-gradient(120deg,#fff,#f9f4ff 65%,#fff8ef); box-shadow:var(--clay-raised); }.zcoin-hero-art img { width:220px;height:210px;object-fit:cover;border-radius:26px;mix-blend-mode:multiply; }.zcoin-hero-copy h2 { margin:0;font-size:31px; }.zcoin-hero-copy > p { max-width:430px;margin:7px 0 18px;color:var(--muted);font-size:12px;line-height:1.55; }.zcoin-balance-card { max-width:330px;display:grid;grid-template-columns:54px 1fr 22px;align-items:center;gap:10px;padding:13px;border-radius:18px;background:linear-gradient(145deg,#fff,#f2ebff);box-shadow:6px 8px 16px rgba(70,43,137,.11),-5px -5px 12px #fff; }.zcoin-balance-card .clay-trust-icon { width:50px;height:50px;flex-basis:50px; }.zcoin-balance-card small,.zcoin-balance-card strong,.zcoin-balance-card em { display:block; }.zcoin-balance-card small { color:var(--muted);font-size:9px; }.zcoin-balance-card strong { font-size:24px; }.zcoin-balance-card em { color:#6d37e7;font-size:8px;font-style:normal; }.zcoin-balance-card a { color:#6e39e7;font-size:24px; }.zcoin-how { padding:18px;border-radius:21px;background:rgba(255,255,255,.84);box-shadow:inset 3px 3px 8px rgba(72,44,135,.04),5px 7px 15px rgba(67,42,127,.07); }.zcoin-how h3 { margin:0 0 10px;font-size:13px; }.zcoin-how article { display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:7px 0; }.zcoin-how article > span { width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#fff2dc; }.zcoin-how article:nth-child(3) > span { background:#eee6ff; }.zcoin-how article:nth-child(4) > span,.zcoin-how article:nth-child(5) > span { background:#e4faee; }.zcoin-how b,.zcoin-how small { display:block; }.zcoin-how b { font-size:9px; }.zcoin-how small { margin-top:2px;color:var(--muted);font-size:8px; }.zcoin-flow { padding:18px 22px;border-radius:22px; }.zcoin-flow h2 { margin:0 0 13px;font-size:14px; }.zcoin-flow > div { display:flex;align-items:center;justify-content:space-around;gap:15px; }.zcoin-flow article { display:grid;grid-template-columns:50px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:140px; }.zcoin-flow article > span { grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;box-shadow:5px 7px 13px rgba(56,36,108,.14);font-weight:900; }.flow-purple { background:linear-gradient(145deg,#9765f5,#6b35dc); }.flow-gold { background:linear-gradient(145deg,#ffc852,#ec9b17); }.flow-pink { background:linear-gradient(145deg,#ff7aa5,#ed3e70); }.flow-green { background:linear-gradient(145deg,#5bd8ad,#20aa78); }.zcoin-flow article b { font-size:10px; }.zcoin-flow article small { color:var(--muted);font-size:8px; }.zcoin-flow i { color:#9b83dc;font-style:normal;font-weight:900; }.zcoin-bottom-grid { display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:20px; }.zcoin-redeem,.zcoin-transactions { padding:21px;border-radius:22px; }.zcoin-redeem h2,.zcoin-transactions h2 { margin:0;font-size:14px; }.zcoin-redeem > p { margin:5px 0 15px;color:var(--muted);font-size:9px; }.redeem-counter { display:grid;grid-template-columns:38px 35px 1fr 35px;align-items:center;gap:7px;padding:10px;border-radius:15px;background:#faf7ff; }.redeem-counter button { width:32px;height:32px;border:0;border-radius:10px;color:#6c39e7;background:#fff; }.redeem-counter strong { text-align:center; }.zcoin-redeem > small { display:block;margin:10px 0;color:#10a35d;text-align:center; }.zcoin-redeem > .purple-button { width:100%;min-height:46px; }.zcoin-transactions .section-title-row { margin-bottom:8px; }.zcoin-transactions .section-title-row button { border:0;color:#6b36e5;background:none;font-size:8px; }.zcoin-transactions > article { min-height:55px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line); }.zcoin-transactions > article:last-child { border:0; }.transaction-plus,.transaction-minus { width:30px;height:30px;display:grid;place-items:center;border-radius:11px;color:#0da260;background:#e2f9ed;font-weight:900; }.transaction-minus { color:#ee4564;background:#ffe8ee; }.zcoin-transactions b,.zcoin-transactions small { display:block; }.zcoin-transactions b { font-size:9px; }.zcoin-transactions small { margin-top:3px;color:var(--muted);font-size:8px; }.zcoin-transactions > article > strong { color:#12a45f; }.zcoin-transactions > article > strong i { width:19px;height:19px;display:inline-grid;place-items:center;border-radius:50%;color:#fff1b7;background:#ecaa25;font-size:8px;font-style:normal; }

/* Authentication pages. */
.auth-page-v2 { padding:18px; background:radial-gradient(circle at 18% 35%,#f5ecff,transparent 31%),radial-gradient(circle at 85% 72%,#fff1e7,transparent 24%),#fbfbfe; }
.auth-shell-v2 { width:min(1510px,100%);min-height:calc(100vh - 36px);padding:23px 44px 20px;border-radius:32px;background:rgba(255,255,255,.91);box-shadow:0 22px 55px rgba(33,25,75,.08); }
.auth-top-v2 .glassy-brand { background:transparent; }.auth-top-v2 .brand img { width:250px;height:103px;object-fit:contain;mix-blend-mode:multiply;filter:none; }.support-chip { padding:12px 17px;border:1px solid #e8e2f5;border-radius:22px;background:#fff;box-shadow:5px 7px 15px rgba(48,34,100,.08);font-size:11px; }.auth-main-v2 { grid-template-columns:.92fr 1.08fr;gap:38px;align-items:stretch;min-height:690px; }.auth-promo-v2 { position:relative;padding:30px 35px 0;overflow:hidden; }.auth-promo-v2 h1 { max-width:520px;font-size:clamp(36px,3.3vw,54px); }.auth-promo-v2 h1 span { color:#7038f0; }.auth-promo-v2 h1 strong { color:#ff5a18; }.auth-promo-v2 > p { max-width:540px;color:#566083;line-height:1.55; }.auth-benefits-v2 { position:relative;z-index:4;max-width:380px;gap:10px;margin-top:22px; }.auth-benefits-v2 article { display:grid;grid-template-columns:54px 1fr;align-items:center;gap:13px; }.auth-benefits-v2 .clay-trust-icon,.auth-benefits-v2 .clay-category-icon { width:50px;height:50px;flex-basis:50px;border-radius:16px; }.auth-benefits-v2 strong,.auth-benefits-v2 small { display:block; }.auth-benefits-v2 strong { font-size:12px; }.auth-benefits-v2 small { margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35; }.auth-wallet-scene { position:absolute;z-index:1;left:1%;right:0;bottom:-37px;height:390px; }.auth-wallet-scene > img { width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 22px rgba(89,52,167,.12)); }.auth-wallet-brand { position:absolute;z-index:3;width:78px;height:52px;display:grid;place-items:center;transform-origin:center;mix-blend-mode:multiply; }.auth-wallet-brand .brand-mark,.auth-wallet-brand .brand-image { transform:scale(.55);filter:none; }.auth-wallet-brand.brand-one { left:33%;top:17%;transform:rotate(-17deg); }.auth-wallet-brand.brand-two { left:45%;top:12%;transform:rotate(-8deg); }.auth-wallet-brand.brand-three { left:57.5%;top:12%;transform:rotate(5deg); }.auth-wallet-brand.brand-four { left:69%;top:17%;transform:rotate(17deg); }.auth-card-v2 { align-self:center;padding:42px 45px;border-radius:27px;background:rgba(255,255,255,.96);box-shadow:10px 14px 30px rgba(53,38,113,.1),-8px -8px 22px #fff; }.auth-card-v2 h2 { font-size:34px; }.auth-card-v2 > p { margin-top:8px; }.auth-form-v2 { gap:13px;margin-top:24px; }.auth-form-v2 .field label { font-size:11px; }.auth-input-wrap { min-height:54px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;border:1px solid #dfe0ed;border-radius:13px;background:#fff;transition:.2s; }.auth-input-wrap:focus-within { border-color:#8f65f5;box-shadow:0 0 0 4px #f2edff; }.auth-input-wrap > span { color:#7b83a3;text-align:center;font-size:20px; }.auth-input-wrap input { width:100%;height:52px;border:0;outline:0;background:transparent;color:#152253;padding:0 11px 0 0; }.auth-input-wrap .password-toggle { position:static;width:42px;border:0;color:#7260aa;background:none;font-size:15px; }.auth-form-v2 .error { min-height:9px;margin:4px 0 0;font-size:9px; }.auth-form-v2 .purple-button { min-height:56px;border-radius:12px;font-size:14px; }.social-auth-v2 { gap:12px; }.social-auth-v2 button { min-height:48px;border-radius:11px;font-size:11px; }.google-g { color:#4285f4; }.apple-mark { color:#111; }.auth-switch { margin:3px 0 0; }.auth-trust-v2 { min-height:92px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:10px;padding:13px 18px;border-radius:24px; }.auth-trust-v2 article { display:grid;grid-template-columns:48px 1fr;align-items:center;gap:9px;padding:3px 19px;border-right:1px solid var(--line); }.auth-trust-v2 article:last-child { border:0; }.auth-trust-v2 .clay-trust-icon,.auth-trust-v2 .clay-category-icon { width:45px;height:45px;flex-basis:45px;border-radius:14px; }.auth-trust-v2 strong,.auth-trust-v2 small { display:block; }.auth-trust-v2 strong { font-size:9px; }.auth-trust-v2 small { margin-top:3px;color:var(--muted);font-size:8px; }.auth-footer { min-height:55px;display:flex;align-items:center;justify-content:center;gap:70px;color:#6a7393;font-size:9px; }.auth-footer nav { display:flex;gap:35px; }.signup-main-v2 { min-height:875px; }.signup-card-v2 { padding-top:34px;padding-bottom:34px; }.signup-card-v2 .auth-form-v2 { gap:9px; }.signup-card-v2 .auth-input-wrap { min-height:50px; }.signup-card-v2 .auth-input-wrap input { height:48px; }.signup-card-v2 .auth-form-v2 .purple-button { min-height:52px; }.terms-row { color:#596184;font-size:10px; }.terms-row a { color:#6d36eb;font-weight:800; }.signup-wallet-scene { height:340px;bottom:-7px; }.signup-benefits-v2 { gap:8px; }

@media (max-width:1180px) {
  .home-zcoin-section { grid-template-columns:220px 1fr; }.home-zcoin-section > aside { grid-column:1/-1;min-height:150px; }.home-zcoin-section > img { width:220px; }
  .works-page .steps-grid { grid-template-columns:repeat(3,1fr); }.works-page .step-card:not(:last-child)::after { display:none; }.works-benefit-list { grid-template-columns:1fr; }.works-benefits { grid-template-columns:150px 1fr 130px; }
  .new-product-overview { grid-template-columns:320px 1fr; }.new-product-layout { grid-template-columns:1fr 360px; }
  .checkout-layout { grid-template-columns:1fr; }.checkout-summary-column { grid-template-columns:1fr 1fr; }
  .zcoin-dashboard-hero { grid-template-columns:190px 1fr; }.zcoin-how { grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr); }.zcoin-how h3 { grid-column:1/-1; }.zcoin-hero-art img { width:185px; }
  .auth-main-v2 { grid-template-columns:.8fr 1.2fr; }.auth-promo-v2 { padding-left:10px; }.auth-wallet-scene { height:330px; }.auth-wallet-brand { display:none; }
}
@media (max-width:860px) {
  .site-header .brand img { width:160px;height:70px; }.header-inner { min-height:76px; }
  .home-zcoin-section { grid-template-columns:1fr;text-align:center; }.home-zcoin-section > img { margin:auto; }.zcoin-journey { justify-content:center; }
  .works-page .steps-grid { grid-template-columns:repeat(2,1fr); }.works-benefits { grid-template-columns:1fr; }.works-benefits-art,.works-lock { margin:auto; }.works-proof-grid { grid-template-columns:repeat(2,1fr); }.works-proof-grid article { border-bottom:1px solid var(--line); }
  .new-product-layout,.new-product-overview { grid-template-columns:1fr; }.detail-giftcard { max-width:480px; }.new-purchase-card { position:static; }.detail-product-copy { max-width:680px; }
  .payment-content { grid-template-columns:1fr; }.checkout-summary-column { grid-template-columns:1fr; }
  .zcoin-flow > div { flex-wrap:wrap; }.zcoin-flow i { display:none; }.zcoin-bottom-grid { grid-template-columns:1fr; }
  .auth-shell-v2 { padding:22px; }.auth-main-v2 { grid-template-columns:1fr; }.auth-promo-v2 { min-height:760px; }.auth-wallet-scene { height:390px; }.auth-card-v2 { width:100%; }.auth-trust-v2 { grid-template-columns:repeat(2,1fr); }.auth-trust-v2 article { border-bottom:1px solid var(--line); }.signup-main-v2 { min-height:auto; }
}
@media (max-width:600px) {
  .glassy-brand img,.site-header .brand img { width:140px;height:64px; }.header-search { display:none; }.zcoin-nav span:last-child,.header-nav .nav-link[href*="how-it"] { display:none; }
  .home-zcoin-section { padding:22px 15px; }.zcoin-journey { flex-wrap:wrap; }.zcoin-journey i { display:none; }
  .works-page .steps-grid { grid-template-columns:1fr; }.works-benefit-list { grid-template-columns:1fr; }.works-proof-grid { grid-template-columns:1fr; }.works-support { flex-direction:column;gap:8px; }.works-visual { height:190px; }
  .detail-trust-row,.detail-accordions { grid-template-columns:1fr; }.accepted-list { flex-wrap:wrap; }.denomination-grid { grid-template-columns:repeat(2,1fr); }
  .checkout-page { width:min(100% - 20px,var(--max)); }.checkout-security { grid-template-columns:43px 1fr; }.checkout-security > b { grid-column:2; }.delivery-choice { grid-template-columns:16px 42px 1fr; }.delivery-choice > b { grid-column:3; }.checkout-trust { grid-template-columns:repeat(2,1fr);gap:10px; }
  .zcoin-dashboard-hero { grid-template-columns:1fr;text-align:center; }.zcoin-hero-art img { margin:auto; }.zcoin-balance-card { margin:auto; }.zcoin-how { grid-template-columns:1fr;text-align:left; }.zcoin-flow article { min-width:120px; }.dashboard-main { padding:20px 12px; }
  .auth-page-v2 { padding:7px; }.auth-shell-v2 { padding:13px;border-radius:20px; }.auth-top-v2 .brand img { width:180px;height:78px; }.support-chip { padding:9px;font-size:0; }.support-chip::after { content:"Help";font-size:10px; }.auth-promo-v2 { min-height:690px;padding:20px 10px 0; }.auth-promo-v2 h1 { font-size:38px; }.auth-wallet-scene { height:330px;bottom:-10px; }.auth-card-v2 { padding:27px 18px; }.form-row { grid-template-columns:1fr; }.social-auth-v2 { grid-template-columns:1fr; }.auth-trust-v2 { grid-template-columns:1fr; }.auth-footer { flex-direction:column;gap:10px;padding:18px 0;text-align:center; }.auth-footer nav { flex-wrap:wrap;justify-content:center;gap:12px; }
}

.static-info-page { max-width:1050px; padding-top:56px; padding-bottom:70px; }
.static-info-page > header { max-width:760px; margin:0 auto 28px; text-align:center; }
.static-info-page > header .eyebrow { color:#7541e8; font-size:10px; font-weight:900; letter-spacing:.14em; }
.static-info-page > header h1 { margin:8px 0; font-size:clamp(32px,4vw,50px); }
.static-info-page > header p { color:var(--muted); line-height:1.6; }
.static-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.static-faq-grid details,.static-copy { padding:20px 22px; border:1px solid var(--clay-line); border-radius:20px; background:linear-gradient(145deg,#fff,#faf7ff); box-shadow:var(--clay-raised); }
.static-faq-grid summary { min-height:42px; color:#152252; font-weight:900; cursor:pointer; }
.static-faq-grid p,.static-copy p { color:var(--muted); font-size:12px; line-height:1.65; }
.static-copy { max-width:760px; margin:auto; padding:34px; }
.static-copy h2 { margin-top:0; }
.static-copy .outline-button { width:max-content; margin-top:12px; }
@media (max-width:650px) { .static-faq-grid { grid-template-columns:1fr; } }

.zcoin-public-page { max-width:1370px; padding-top:28px; }
.zcoin-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.zcoin-page-heading .eyebrow { color:#7440e6; font-size:10px; font-weight:900; letter-spacing:.14em; }
.zcoin-page-heading h1 { margin:5px 0 3px; font-size:36px; }
.zcoin-page-heading p { margin:0; color:var(--muted); }
.zcoin-public-page .zcoin-transactions .section-title-row a { color:#6935e1; font-size:9px; font-weight:800; }
.zcoin-public-page .zcoin-redeem .purple-button { display:grid; place-items:center; }
@media (max-width:650px) { .zcoin-page-heading { align-items:flex-start; flex-direction:column; } }

/* ========================================================================== */
/* GiftznMoney premium Clay UI — revision v6                                  */
/* ========================================================================== */

/* The supplied glossy mark is now the genuinely transparent PNG. */
.glassy-brand { overflow:visible; border-radius:0; background:transparent !important; box-shadow:none; }
.glassy-brand img,
.site-header .brand img,
.auth-top-v2 .brand img,
.footer-brand img {
  object-fit:contain;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 7px 9px rgba(22,34,62,.12));
}
.site-header .brand img,.glassy-brand img { width:194px; height:64px; }
.footer-brand img { width:190px; height:66px; }
.auth-top-v2 .brand img { width:235px; height:78px; }

/* Brand-free premium homepage carousel. */
.hero-carousel {
  position:relative;
  min-height:612px;
  margin-top:22px;
  overflow:hidden;
  border:1px solid rgba(114,73,219,.11);
  border-radius:32px;
  background:
    radial-gradient(circle at 78% 18%,rgba(226,211,255,.68),transparent 30%),
    radial-gradient(circle at 94% 88%,rgba(255,222,190,.48),transparent 24%),
    linear-gradient(118deg,#fdfcff 0%,#f7f2ff 48%,#fff8f5 100%);
  box-shadow:15px 20px 44px rgba(55,34,113,.10),-10px -10px 28px #fff,inset 1px 1px 0 #fff;
  outline:none;
  touch-action:pan-y;
}
.hero-carousel:focus-visible { box-shadow:0 0 0 4px #ece3ff,15px 20px 44px rgba(55,34,113,.10); }
.hero-stage { position:relative; min-height:485px; }
.hero-slide {
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:minmax(440px,.93fr) minmax(470px,1.07fr);
  align-items:center;
  opacity:0;
  visibility:hidden;
  transform:translateX(28px) scale(.99);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .55s;
  pointer-events:none;
}
.hero-slide.is-active { opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.hero-slide-copy { position:relative; z-index:3; padding:48px 30px 34px 72px; }
.hero-slide-copy .eyebrow { display:inline-flex; padding:9px 14px; border:1px solid #e6dcfb; border-radius:18px; color:#6f38e8; background:rgba(255,255,255,.82); box-shadow:5px 7px 14px rgba(72,45,139,.08),-4px -4px 10px #fff; font-size:10px; font-weight:900; letter-spacing:.08em; }
.hero-slide-copy h1,.hero-slide-copy h2 { max-width:650px; margin:18px 0 14px; color:#101c4a; font-size:clamp(42px,4.2vw,64px); line-height:1.04; letter-spacing:-.045em; }
.hero-slide-copy h1 span,.hero-slide-copy h2 span { color:#7038f1; }
.hero-slide-savings .hero-slide-copy h2 span,.hero-slide-zcoin .hero-slide-copy h2 span { color:#f05a22; }
.hero-slide-copy > p { max-width:560px; margin:0 0 24px; color:#566083; font-size:16px; line-height:1.65; }
.hero-slide-copy .hero-actions { display:flex; gap:12px; }
.hero-feature-art { position:relative; z-index:1; width:100%; height:455px; display:grid; place-items:center; overflow:hidden; }
.hero-feature-art::before { content:""; position:absolute; width:76%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#ede1ff 0%,rgba(250,247,255,.25) 65%,transparent 68%); filter:blur(.2px); }
.hero-feature-art > img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 20px 24px rgba(74,43,143,.12)); }
.hero-slide-secure .hero-feature-art > img { width:87%; }
.hero-step-art { width:min(470px,95%); margin:auto; border-radius:50%; }
.hero-step-art > img { position:absolute; top:50%; left:calc(var(--hero-step) * -100%); width:500%; max-width:none; height:auto; transform:translateY(-50%); }
.hero-service-line {
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:0 60px 36px;
  padding:12px;
  border:1px solid rgba(116,74,214,.10);
  border-radius:23px;
  background:rgba(255,255,255,.76);
  box-shadow:8px 10px 22px rgba(61,40,118,.08),-6px -6px 15px #fff;
  backdrop-filter:blur(14px);
}
.hero-service-line > span { min-width:0; display:flex; align-items:center; justify-content:center; gap:9px; padding:4px 9px; border-right:1px solid #eee8fa; white-space:nowrap; }
.hero-service-line > span:last-child { border-right:0; }
.hero-service-line .clay-trust-icon { width:42px; height:42px; flex-basis:42px; border-radius:13px; }
.hero-service-line b { font-size:10px; }
.hero-arrow { position:absolute; z-index:8; top:39%; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(112,73,202,.13); border-radius:50%; color:#6834dd; background:rgba(255,255,255,.88); box-shadow:6px 8px 16px rgba(55,37,108,.13); font-size:31px; line-height:1; cursor:pointer; transition:.2s ease; }
.hero-arrow:hover { transform:translateY(-2px) scale(1.04); background:#fff; }
.hero-arrow-prev { left:16px; }.hero-arrow-next { right:16px; }
.hero-dots { position:absolute; z-index:8; left:50%; bottom:13px; display:flex; gap:7px; transform:translateX(-50%); }
.hero-dots button { width:8px; height:8px; padding:0; border:0; border-radius:99px; background:#c9b7ed; cursor:pointer; transition:.25s ease; }
.hero-dots button.is-active { width:25px; background:#7138ed; }

/* Reference-matched Z Coin banner, directly above Categories. */
.home-zcoin-banner-v6 {
  position:relative;
  min-height:150px;
  display:grid;
  grid-template-columns:205px 1fr auto;
  align-items:center;
  gap:28px;
  overflow:hidden;
  padding:17px 54px 17px 30px;
  border-radius:28px;
  background:radial-gradient(circle at 12% 35%,#e9dcff,transparent 24%),linear-gradient(100deg,#f5efff 0%,#fbf9ff 62%,#fff8ef 100%);
  box-shadow:var(--clay-raised);
}
.home-zcoin-banner-v6::after { content:""; position:absolute; right:19%; top:-40px; width:150px; height:150px; border-radius:50%; background:rgba(214,194,255,.18); }
.home-zcoin-banner-v6 > img { width:190px; height:135px; object-fit:cover; object-position:center 57%; border-radius:24px; mix-blend-mode:multiply; filter:drop-shadow(0 13px 17px rgba(79,47,151,.15)); }
.home-zcoin-banner-v6 .eyebrow { color:#6c35dd; font-size:9px; font-weight:900; letter-spacing:.14em; }
.home-zcoin-banner-v6 h2 { margin:6px 0 5px; color:#13204f; font-size:25px; }
.home-zcoin-banner-v6 p { margin:0; color:var(--muted); }
.home-zcoin-banner-v6 .outline-button { position:relative; z-index:2; min-width:135px; }

/* Exact official-looking brand crops from the supplied reference screenshot. */
.home-brand-sprite { width:90px; height:65px; display:block; background-image:url("brand-card-reference-v6.png"); background-repeat:no-repeat; background-size:1070px 183px; mix-blend-mode:multiply; }
.home-brand-0 { background-position:-35px -39px; }
.home-brand-1 { background-position:-162px -39px; }
.home-brand-2 { background-position:-289px -39px; }
.home-brand-3 { background-position:-416px -39px; }
.home-brand-4 { background-position:-543px -39px; }
.home-brand-5 { background-position:-665px -39px; }
.home-brand-6 { background-position:-790px -39px; }
.home-brand-7 { background-position:-914px -39px; }
.product-grid { grid-template-columns:repeat(8,minmax(128px,1fr)); gap:14px; }
.product-card { min-height:190px; display:flex; flex-direction:column; justify-content:flex-start; padding:12px 12px 13px; border:1px solid rgba(110,77,191,.10); border-radius:21px; background:linear-gradient(150deg,#fff 0%,#fdfcff 64%,#f6f1ff 100%); box-shadow:7px 10px 20px rgba(52,36,101,.085),-5px -5px 14px #fff; }
.product-card:hover { transform:translateY(-6px); border-color:#d8c8ff; box-shadow:11px 15px 27px rgba(55,37,108,.14),-6px -6px 15px #fff; }
.product-logo { height:73px; display:grid; place-items:center; overflow:hidden; border-radius:17px; background:#f8f7fc; }
.product-logo .card-brand-image { width:72px; height:60px; object-fit:contain; mix-blend-mode:multiply; }
.product-card h3 { margin:5px 0 2px; color:#13204f; font-size:12px; }
.product-card .product-off { margin:0; color:#0ca45c; font-size:10px; font-weight:900; }
.product-card:nth-child(3n) .product-off { color:#f04a55; }
.product-card:nth-child(4n) .product-off { color:#f07b1f; }
.product-card .delivery { margin:auto 0 0; padding-top:9px; color:#6136d9; font-size:8px; }
.product-card .delivery svg { width:12px; height:12px; }

/* Reference-matched How It Works. */
.works-v6-page { max-width:1180px; padding-top:25px; padding-bottom:45px; }
.works-v6-heading { margin:0 0 25px; text-align:center; }
.works-v6-heading h1 { margin:0; color:#111e4d; font-size:clamp(32px,3vw,43px); letter-spacing:-.04em; }
.works-v6-heading h1 span { color:#7040ef; }.works-v6-heading h1 strong { color:#08a565; }
.works-v6-heading p { margin:8px 0 0; color:var(--muted); font-size:13px; }
.works-v6-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:30px; }
.works-v6-card { position:relative; min-height:310px; padding:18px 15px 20px; border:1px solid rgba(98,70,181,.12); border-radius:20px; background:linear-gradient(150deg,#fff,#fdfcff); box-shadow:7px 10px 21px rgba(49,34,95,.08),-5px -5px 13px #fff; text-align:center; }
.works-v6-card:not(:last-child)::after { content:"···›"; position:absolute; z-index:4; top:48%; right:-33px; color:#7a45ef; font-size:21px; letter-spacing:2px; }
.works-v6-number { position:absolute; z-index:4; top:15px; left:15px; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#16b46c,#078f50); box-shadow:inset 2px 2px 3px rgba(255,255,255,.32),0 6px 11px rgba(4,133,71,.20); font-size:13px; }
.works-v6-visual { position:relative; height:178px; margin:5px 0 1px; overflow:hidden; border-radius:50%; background:radial-gradient(circle,#f2ecff 0 54%,transparent 55%); }
.works-v6-visual img { position:absolute; top:50%; left:calc(var(--step) * -100%); width:500%; max-width:none; height:auto; transform:translateY(-50%); mix-blend-mode:multiply; }
.works-v6-card h2 { margin:8px 0 7px; color:#111e4d; font-size:15px; }
.works-v6-card p { margin:0; color:#5e6889; font-size:10px; line-height:1.55; }
.works-v6-benefits { min-height:154px; display:grid; grid-template-columns:150px 1fr 135px; align-items:center; gap:18px; margin-top:22px; padding:12px 22px; overflow:hidden; border:1px solid rgba(106,76,190,.10); border-radius:21px; background:linear-gradient(116deg,#fff 0%,#faf7ff 62%,#f7f1ff 100%); box-shadow:var(--clay-raised); }
.works-v6-benefits-art { width:145px; height:130px; object-fit:cover; object-position:center 58%; border-radius:19px; mix-blend-mode:multiply; }
.works-v6-benefits-main h2 { margin:0 0 12px; color:#162252; font-size:17px; }
.works-v6-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.works-v6-benefit-grid article { display:grid; grid-template-columns:48px 1fr; align-items:center; gap:9px; }
.works-v6-benefit-grid .clay-trust-icon { width:45px; height:45px; flex-basis:45px; border-radius:14px; }
.works-v6-benefit-grid strong,.works-v6-benefit-grid small { display:block; }
.works-v6-benefit-grid strong { color:#162252; font-size:10px; }.works-v6-benefit-grid small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.45; }
.works-v6-shield { min-height:118px; display:grid; place-items:center; border-radius:23px; background:radial-gradient(circle,#eadeff,rgba(255,255,255,.4) 65%,transparent 67%); }
.works-v6-shield .clay-trust-icon { width:112px; height:112px; flex-basis:112px; border-radius:28px; filter:drop-shadow(0 10px 13px rgba(70,45,129,.14)); }
.works-v6-proof { margin-top:18px; padding:15px 18px 14px; border:1px solid rgba(105,75,187,.10); border-radius:19px; background:linear-gradient(145deg,#fff,#fbf9ff); box-shadow:var(--clay-raised); }
.works-v6-proof h2 { margin:0 0 10px; color:#162252; font-size:13px; }
.works-v6-proof-grid { display:grid; grid-template-columns:repeat(5,1fr); }
.works-v6-proof-grid article { min-height:61px; display:grid; grid-template-columns:47px 1fr; align-items:center; gap:9px; padding:3px 18px; border-right:1px solid #ebe6f4; }
.works-v6-proof-grid article:last-child { border-right:0; }
.works-v6-proof-grid .clay-trust-icon,.works-v6-proof-grid .clay-category-icon,.proof-glyph { width:44px; height:44px; flex-basis:44px; border-radius:14px; }
.proof-glyph { display:grid; place-items:center; color:#733bec; background:linear-gradient(145deg,#fff,#eee5ff); box-shadow:5px 7px 12px rgba(61,42,114,.11); font-size:11px; letter-spacing:-2px; }
.works-v6-proof-grid strong,.works-v6-proof-grid small { display:block; }.works-v6-proof-grid strong { font-size:10px; }.works-v6-proof-grid small { margin-top:3px; color:var(--muted); font-size:8px; }

/* Z Coin public page depth, spacing and premium flow. */
.zv6-page { max-width:1370px; }
.zv6-hero { min-height:315px; display:grid; grid-template-columns:245px minmax(330px,1fr) minmax(300px,.76fr); align-items:center; gap:28px; padding:25px 28px; overflow:hidden; border:1px solid rgba(106,73,191,.10); border-radius:29px; background:radial-gradient(circle at 13% 28%,#e9dcff,transparent 26%),linear-gradient(118deg,#fff 0%,#faf6ff 67%,#fff9f0 100%); box-shadow:12px 17px 34px rgba(61,39,120,.10),-8px -8px 20px #fff; }
.zv6-art img { width:235px; height:235px; object-fit:cover; object-position:center 56%; border-radius:27px; mix-blend-mode:multiply; filter:drop-shadow(0 15px 18px rgba(74,43,142,.14)); }
.zv6-kicker { color:#7040e8; font-size:9px; font-weight:900; letter-spacing:.13em; }
.zv6-copy h2 { max-width:570px; margin:8px 0 8px; color:#111e4d; font-size:31px; line-height:1.15; }
.zv6-copy > p { max-width:540px; margin:0 0 18px; color:var(--muted); font-size:12px; line-height:1.6; }
.zv6-balance { max-width:370px; display:grid; grid-template-columns:58px 1fr 20px; align-items:center; gap:12px; padding:13px 15px; border:1px solid rgba(105,72,188,.08); border-radius:19px; background:linear-gradient(145deg,#fff,#f2ebff); box-shadow:7px 10px 18px rgba(66,43,126,.11),-5px -5px 12px #fff; }
.zv6-balance .clay-trust-icon { width:55px; height:55px; flex-basis:55px; border-radius:17px; }.zv6-balance small,.zv6-balance strong,.zv6-balance em { display:block; }.zv6-balance small { color:var(--muted); font-size:8px; }.zv6-balance strong { margin:1px 0; color:#152252; font-size:23px; }.zv6-balance em { color:#6c37df; font-size:8px; font-style:normal; }.zv6-balance > b { color:#743feb; font-size:24px; }
.zv6-earn { padding:18px 19px; border:1px solid rgba(102,72,184,.09); border-radius:22px; background:rgba(255,255,255,.84); box-shadow:8px 11px 22px rgba(64,42,122,.09),inset 1px 1px 0 #fff; backdrop-filter:blur(12px); }
.zv6-earn h3 { margin:0 0 10px; color:#152252; font-size:14px; }
.zv6-earn article { display:grid; grid-template-columns:48px 1fr; align-items:center; gap:10px; min-height:52px; padding:4px 0; }
.zv6-earn-icon { width:44px; height:44px; display:grid; place-items:center; overflow:hidden; border-radius:15px; background:linear-gradient(145deg,#fff,#f3edff); box-shadow:4px 6px 11px rgba(59,40,112,.10); }
.zv6-earn-icon > i { width:40px !important; height:40px !important; flex-basis:40px !important; border-radius:13px !important; }
.zv6-earn b,.zv6-earn small { display:block; }.zv6-earn b { color:#172352; font-size:10px; }.zv6-earn small { margin-top:3px; color:var(--muted); font-size:8px; }
.zv6-flow { margin-top:20px; padding:20px 24px 24px; border:1px solid rgba(105,74,188,.10); border-radius:25px; background:linear-gradient(145deg,#fff,#faf8ff); box-shadow:var(--clay-raised); }
.zv6-flow-heading span { color:#7040e8; font-size:8px; font-weight:900; letter-spacing:.13em; }.zv6-flow-heading h2 { margin:4px 0 17px; color:#152252; font-size:17px; }
.zv6-flow-grid { position:relative; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:16px; }
.zv6-flow-grid article { min-height:92px; display:grid; grid-template-columns:68px 1fr; align-items:center; gap:12px; padding:12px 15px; border:1px solid rgba(104,72,187,.08); border-radius:20px; background:linear-gradient(145deg,#fff,#f7f3ff); box-shadow:6px 9px 17px rgba(57,38,110,.08),-4px -4px 10px #fff; }
.zv6-flow-icon { width:64px; height:64px; display:grid; place-items:center; overflow:hidden; border-radius:20px; box-shadow:6px 8px 15px rgba(62,40,118,.12); }
.zv6-flow-icon > i { width:58px !important; height:58px !important; flex-basis:58px !important; border-radius:18px !important; mix-blend-mode:multiply; }
.zv6-flow-grid article b,.zv6-flow-grid article small { display:block; }.zv6-flow-grid article b { color:#172352; font-size:12px; }.zv6-flow-grid article small { margin-top:4px; color:var(--muted); font-size:9px; }.zv6-flow-grid > i { color:#8451ed; font-size:20px; font-style:normal; font-weight:900; }
.zv6-bottom { margin-top:20px; }.zv6-bottom .zcoin-redeem,.zv6-bottom .zcoin-transactions { box-shadow:var(--clay-raised); }

/* Brand-free authentication artwork and stronger soft-UI surfaces. */
.auth-page-v2 { background:radial-gradient(circle at 15% 14%,#f0e8ff,transparent 28%),radial-gradient(circle at 90% 82%,#fff0e7,transparent 24%),#f8f7fc; }
.auth-shell-v2 { border:1px solid rgba(105,73,187,.09); background:rgba(255,255,255,.88); box-shadow:0 20px 52px rgba(41,30,83,.10); }
.auth-promo-v2 { border-radius:25px; background:radial-gradient(circle at 14% 15%,#f0e7ff,transparent 26%),linear-gradient(145deg,rgba(255,255,255,.6),rgba(249,246,255,.84)); }
.auth-wallet-brand { display:none !important; }
.auth-wallet-scene { left:2%; right:1%; bottom:-17px; height:410px; }
.auth-wallet-scene > img { mix-blend-mode:multiply; filter:drop-shadow(0 20px 24px rgba(73,45,142,.13)); }
.signup-wallet-scene { bottom:-1px; height:355px; }
.auth-card-v2 { border:1px solid rgba(108,75,190,.10); background:rgba(255,255,255,.97); box-shadow:12px 17px 34px rgba(53,37,105,.11),-8px -8px 21px #fff; }

/* Checkout: recognisable supplied UPI/card/wallet references + neutral bank. */
.payment-reference-icon { display:block; flex:0 0 auto; background-image:url("payment-reference-v6.png"); background-repeat:no-repeat; background-size:1536px 1024px; mix-blend-mode:multiply; }
.pay-ref-delivery { width:55px; height:55px; border-radius:50%; background-position:-1065px -216px; }
.pay-ref-upi { width:50px; height:26px; background-position:-908px -570px; }
.pay-ref-card { width:40px; height:29px; background-position:-910px -731px; }
.pay-ref-wallet { width:40px; height:30px; background-position:-910px -884px; }
.delivery-choice { grid-template-columns:18px 62px 1fr auto; }
.payment-options label { grid-template-columns:18px 56px 1fr auto; gap:9px; }
.payment-options label > .payment-reference-icon { justify-self:start; color:transparent; }
.payment-generic-icon { position:relative; width:47px; height:34px; display:grid; place-items:center; border:1px solid #e3daf8; border-radius:10px; color:#6333dc; background:linear-gradient(145deg,#fff,#eee7fb); box-shadow:3px 5px 9px rgba(58,39,111,.10); }
.pay-bank::before { content:"BANK"; position:absolute; top:6px; font-size:6px; font-weight:900; letter-spacing:.06em; }
.pay-bank i { width:28px; height:9px; margin-top:9px; border-top:3px solid #6d3ce0; border-bottom:3px solid #6d3ce0; background:repeating-linear-gradient(90deg,transparent 0 4px,#6d3ce0 4px 6px); }
.checkout-zcoin-icon { width:46px; height:46px; display:grid; place-items:center; overflow:hidden; border-radius:14px; }
.checkout-zcoin-icon .clay-trust-icon { width:44px; height:44px; flex-basis:44px; border-radius:14px; }

@media (max-width:1180px) {
  .hero-slide { grid-template-columns:minmax(380px,.92fr) minmax(410px,1.08fr); }
  .hero-slide-copy { padding-left:58px; }.hero-slide-copy h1,.hero-slide-copy h2 { font-size:48px; }
  .product-grid { grid-template-columns:repeat(4,minmax(150px,1fr)); }
  .works-v6-steps { grid-template-columns:repeat(3,1fr); }.works-v6-card:not(:last-child)::after { display:none; }
  .zv6-hero { grid-template-columns:220px 1fr; }.zv6-earn { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); }.zv6-earn h3 { grid-column:1/-1; }.zv6-art img { width:215px; }
  .zv6-flow-grid { grid-template-columns:repeat(4,1fr); }.zv6-flow-grid > i { display:none; }
}

@media (max-width:900px) {
  .site-header .header-search { display:none; }
  .header-nav .nav-link { display:flex !important; padding:8px; font-size:0; }
  .header-nav .nav-link .nav-icon { margin:0; }.header-nav .zcoin-nav > span:last-child { display:none; }
  .hero-carousel { min-height:586px; }.hero-stage { min-height:465px; }
  .hero-slide { grid-template-columns:1fr 1fr; }.hero-slide-copy { padding:38px 16px 30px 46px; }.hero-slide-copy h1,.hero-slide-copy h2 { font-size:39px; }.hero-slide-copy > p { font-size:13px; }.hero-feature-art { height:385px; }
  .hero-service-line { margin-left:38px; margin-right:38px; overflow-x:auto; grid-template-columns:repeat(4,minmax(175px,1fr)); justify-content:start; }.hero-service-line > span { border-right:0; }
  .home-zcoin-banner-v6 { grid-template-columns:165px 1fr auto; padding-right:28px; }.home-zcoin-banner-v6 > img { width:155px; }
  .works-v6-benefits { grid-template-columns:125px 1fr; }.works-v6-shield { display:none; }.works-v6-benefit-grid { grid-template-columns:1fr; gap:8px; }
  .works-v6-proof-grid { grid-template-columns:repeat(3,1fr); }.works-v6-proof-grid article { border-bottom:1px solid #ebe6f4; }
  .auth-promo.auth-promo-v2 { display:block !important; min-height:700px; }.auth-main-v2 { grid-template-columns:1fr; }.auth-wallet-scene { height:400px; }
  .payment-options label { grid-template-columns:18px 56px 1fr auto; }
}

@media (max-width:650px) {
  .site-header .brand img,.glassy-brand img { width:142px; height:49px; }.header-inner { min-height:66px; padding:0 10px; }.header-nav { gap:3px; }.header-nav .nav-link,.header-nav .icon-link { width:36px; height:36px; min-width:36px; padding:7px; }
  .hero-carousel { min-height:745px; margin-top:12px; border-radius:24px; }.hero-stage { min-height:625px; }
  .hero-slide { grid-template-columns:1fr; grid-template-rows:minmax(340px,auto) 275px; align-content:start; }.hero-slide-copy { padding:36px 25px 4px; text-align:center; }.hero-slide-copy .eyebrow { font-size:8px; }.hero-slide-copy h1,.hero-slide-copy h2 { margin:15px auto 12px; font-size:36px; }.hero-slide-copy > p { margin:0 auto 17px; font-size:12px; line-height:1.55; }.hero-slide-copy .hero-actions { justify-content:center; }.hero-feature-art { width:100%; height:275px; }.hero-slide-secure .hero-feature-art > img { width:76%; }.hero-step-art { width:280px; }
  .hero-service-line { grid-template-columns:repeat(4,168px); margin:0 18px 37px; padding:9px; border-radius:18px; }.hero-service-line > span { justify-content:flex-start; }.hero-arrow { top:63%; width:38px; height:38px; }.hero-arrow-prev { left:9px; }.hero-arrow-next { right:9px; }
  .home-zcoin-banner-v6 { grid-template-columns:105px 1fr; gap:13px; padding:15px; text-align:left; }.home-zcoin-banner-v6 > img { width:105px; height:105px; }.home-zcoin-banner-v6 h2 { font-size:18px; }.home-zcoin-banner-v6 p { font-size:10px; }.home-zcoin-banner-v6 .outline-button { grid-column:1/-1; width:100%; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.product-card { min-height:186px; }
  .works-v6-page { width:min(100% - 20px,1180px); }.works-v6-steps { grid-template-columns:1fr; }.works-v6-card { min-height:305px; }.works-v6-benefits { grid-template-columns:1fr; text-align:center; }.works-v6-benefits-art { margin:auto; }.works-v6-benefit-grid article { grid-template-columns:48px 1fr; text-align:left; }.works-v6-proof-grid { grid-template-columns:1fr; }.works-v6-proof-grid article { border-right:0; }
  .zv6-hero { grid-template-columns:1fr; padding:18px; text-align:center; }.zv6-art img { margin:auto; }.zv6-balance { margin:auto; text-align:left; }.zv6-earn { grid-template-columns:1fr; text-align:left; }.zv6-flow-grid { grid-template-columns:1fr; }.zv6-flow-grid article { min-height:84px; }.zcoin-bottom-grid { grid-template-columns:1fr; }
  .auth-promo.auth-promo-v2 { min-height:650px; padding:20px 14px 0; }.auth-wallet-scene { height:335px; bottom:-2px; }.signup-wallet-scene { height:300px; }.auth-top-v2 .brand img { width:180px; height:60px; }
  .payment-options label { grid-template-columns:18px 48px 1fr; }.payment-options label > em { grid-column:3; width:max-content; }.payment-reference-icon { transform:scale(.88); transform-origin:left center; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-slide,.hero-arrow,.hero-dots button,.product-card { transition:none !important; }
}

/* Final v9 homepage hero: original first-slide artwork and softer corners. */
.hero-stage {
  overflow:hidden;
  border-radius:30px 30px 26px 26px;
}
.hero-slide {
  overflow:hidden;
  border-radius:30px;
}
.hero-feature-art {
  border-radius:28px;
}
.hero-feature-art > img {
  border-radius:inherit;
}
.hero-market-original-art {
  width:calc(100% - 28px);
  margin-right:28px;
  background:rgba(255,255,255,.2);
  box-shadow:inset 0 0 0 1px rgba(119,72,220,.06);
}
.hero-market-original-art::before {
  display:none;
}
.hero-market-original-art > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 20px 24px rgba(74,43,143,.12));
  transform:scale(1.07);
}

@media (max-width:1200px) {
  .hero-market-original-art {
    width:calc(100% - 18px);
    margin-right:18px;
  }
}

@media (max-width:900px) {
  .hero-market-original-art {
    width:min(560px,90%);
    margin:auto;
  }
}

@media (max-width:650px) {
  .hero-stage,.hero-slide { border-radius:22px; }
  .hero-feature-art { border-radius:22px; }
}

@media (max-width:900px) and (min-width:651px) {
  .hero-carousel { min-height:806px; }
  .hero-stage { min-height:686px; }
  .hero-slide { grid-template-columns:1fr; grid-template-rows:375px 305px; align-content:start; }
  .hero-slide-copy { padding:40px 54px 0; text-align:center; }
  .hero-slide-copy h1,.hero-slide-copy h2 { max-width:650px; margin:17px auto 13px; font-size:45px; }
  .hero-slide-copy > p { max-width:610px; margin:0 auto 20px; }
  .hero-slide-copy .hero-actions { justify-content:center; }
  .hero-feature-art { width:min(560px,90%); height:305px; margin:auto; }
  .hero-slide-secure .hero-feature-art > img { width:67%; }
  .hero-step-art { width:315px; }
  .hero-arrow { top:57%; }
  .hero-service-line { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin:0 20px 36px; overflow:visible; }
  .hero-service-line .clay-trust-icon { width:34px; height:34px; flex-basis:34px; }
  .hero-service-line b { font-size:8px; }
}

@media (max-width:650px) {
  .hero-service-line { grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin:0 10px 37px; overflow:visible; }
  .hero-service-line > span { min-width:0; padding:3px; justify-content:center; gap:4px; }
  .hero-service-line .clay-trust-icon { width:31px; height:31px; flex-basis:31px; border-radius:10px; }
  .hero-service-line b { font-size:7px; }
}

/* v10: live banner/catalog controls and mobile-first reference alignment. */
.clay-trust-icon,.clay-category-icon{position:relative;display:grid!important;place-items:center;background-image:none!important;background:linear-gradient(145deg,#fff,#f5f2ff)!important;box-shadow:4px 6px 13px rgba(59,39,112,.10),-3px -3px 9px #fff!important;filter:none!important}
.clay-trust-icon::before,.clay-category-icon::before{content:"";width:58%;height:58%;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.clay-trust-delivery{color:#7040ee}.clay-trust-delivery::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.4 21 3l-6.8 18-3.7-7.2L3 11.4Zm7.5 2.4L21 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.4 21 3l-6.8 18-3.7-7.2L3 11.4Zm7.5 2.4L21 3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.clay-trust-secure{color:#08a963}.clay-trust-secure::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20 6v5c0 5-3.3 8.2-8 10-4.7-1.8-8-5-8-10V6l8-3Zm-3 9 2 2 4-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20 6v5c0 5-3.3 8.2-8 10-4.7-1.8-8-5-8-10V6l8-3Zm-3 9 2 2 4-5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.clay-trust-price{color:#f05a36}.clay-trust-price::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20 13-7 7a2 2 0 0 1-3 0l-6-6a2 2 0 0 1 0-3l7-7h7l2 2v7ZM15 9h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20 13-7 7a2 2 0 0 1-3 0l-6-6a2 2 0 0 1 0-3l7-7h7l2 2v7ZM15 9h.01' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.clay-trust-support{color:#6e3fe3}.clay-trust-support::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2M4 14h3v6H5a1 1 0 0 1-1-1v-5Zm16 0h-3v6h2a1 1 0 0 0 1-1v-5Zm-3 6c0 1-2 2-5 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2M4 14h3v6H5a1 1 0 0 1-1-1v-5Zm16 0h-3v6h2a1 1 0 0 0 1-1v-5Zm-3 6c0 1-2 2-5 2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.clay-trust-coin{color:#e39a14}.clay-trust-coin::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 8h6M9 11h6m-5 0c4 0 4 5 0 5l5 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 8h6M9 11h6m-5 0c4 0 4 5 0 5l5 0' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.clay-category-icon{color:#6f3fe8}.clay-category-icon::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='6' height='6' rx='2'/%3E%3Crect x='14' y='4' width='6' height='6' rx='2'/%3E%3Crect x='4' y='14' width='6' height='6' rx='2'/%3E%3Crect x='14' y='14' width='6' height='6' rx='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='6' height='6' rx='2'/%3E%3Crect x='14' y='4' width='6' height='6' rx='2'/%3E%3Crect x='4' y='14' width='6' height='6' rx='2'/%3E%3Crect x='14' y='14' width='6' height='6' rx='2'/%3E%3C/svg%3E")}
.clay-category-0::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 7 9 5-9 5V7Z'/%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 7 9 5-9 5V7Z'/%3E%3C/svg%3E")}.clay-category-1{color:#f37728}.clay-category-1::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h16M6 9a6 6 0 0 1 12 0M4 14h16M7 18h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9h16M6 9a6 6 0 0 1 12 0M4 14h16M7 18h10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.clay-category-2{color:#ef3c86}.clay-category-2::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 8h14l-1 12H6L5 8Zm4 0a3 3 0 0 1 6 0' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 8h14l-1 12H6L5 8Zm4 0a3 3 0 0 1 6 0' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.clay-category-3{color:#318de6}.clay-category-3::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 13 8-2 5-7 2 1-3 7 6 4-1 2-7-2-4 5-2-1 2-6-6 1v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 13 8-2 5-7 2 1-3 7 6 4-1 2-7-2-4 5-2-1 2-6-6 1v-2Z'/%3E%3C/svg%3E")}.clay-category-4{color:#08a65d}.clay-category-4::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H4V5Zm5 15h6m-3-4v4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H4V5Zm5 15h6m-3-4v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.clay-category-5{color:#8a42ed}.clay-category-5::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 8 4 4 4-7 4 7 4-4-2 11H6L4 8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 8 4 4 4-7 4 7 4-4-2 11H6L4 8Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.clay-category-6{color:#f17227}.clay-category-6::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9h10l3 8a2 2 0 0 1-3 2l-2-2H9l-2 2a2 2 0 0 1-3-2l3-8Zm2 3v4m-2-2h4m5-1h.01m2 2h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9h10l3 8a2 2 0 0 1-3 2l-2-2H9l-2 2a2 2 0 0 1-3-2l3-8Zm2 3v4m-2-2h4m5-1h.01m2 2h.01' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.category-card{min-height:116px;border-radius:18px}.category-card .clay-category-icon{width:60px;height:60px;flex-basis:60px;border-radius:18px}.category-card:hover,.product-card:hover{transform:translateY(-4px) scale(1.02)}
.product-card{align-items:center;text-align:center}.product-card h3,.product-card .product-off,.product-card .delivery{text-align:center}.product-card .delivery{justify-content:center}.product-card.is-out-of-stock{opacity:.68;cursor:not-allowed}.product-card.is-out-of-stock .delivery{color:#c34b3d}
.soft-reveal{opacity:0;transform:translateY(18px) scale(.97);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease}.soft-reveal.is-visible{opacity:1;transform:none}.soft-reveal:active{transform:scale(.97)!important}
.hero-market-original-art>img{transform:scale(.94);mix-blend-mode:multiply}.hero-slide-copy h1,.hero-slide-copy h2{max-width:650px}.hero-slide-copy h1 span,.hero-slide-copy h2 span{color:var(--purple)}
.account-dialog{width:min(100% - 24px,520px);padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(29,20,75,.28)}.account-dialog::backdrop{background:rgba(18,14,49,.5);backdrop-filter:blur(4px)}.account-dialog-card header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.account-dialog-card header h2{margin:0;font-size:20px}.account-dialog-card header button{width:34px;height:34px;border:0;border-radius:50%;background:#f4efff;color:var(--purple);font-size:22px}.account-dialog-body{display:grid;gap:13px;padding:19px 20px}.account-dialog-body label{color:#26335e;font-size:11px;font-weight:800}.account-dialog-body label small{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:600}.account-dialog-body input{width:100%;height:42px;margin-top:6px;padding:0 11px;border:1px solid #ddd7ec;border-radius:10px;background:#fff;color:var(--ink)}.account-dialog-body .purple-button{border:0}.account-form-status{min-height:18px;margin:0;color:#5c3bc7;font-size:10px;font-weight:800}

@media(max-width:650px){
  html,body{max-width:100%;overflow-x:hidden}.page-shell{width:min(100% - 20px,var(--max))}
  .site-header .brand img,.glassy-brand img{width:158px;height:54px}.header-inner{min-height:68px;padding:0 9px}.header-nav{gap:2px}.header-nav a[href*="how-it-works"]{display:none!important}.header-nav .nav-link,.header-nav .icon-link{width:35px;height:35px;min-width:35px;padding:7px}.header-nav .nav-zcoin{width:32px;height:32px;flex-basis:32px}
  .hero-carousel{min-height:660px}.hero-stage{min-height:552px}.hero-slide{grid-template-rows:302px 250px}.hero-slide-copy{padding:28px 18px 0}.hero-slide-copy h1,.hero-slide-copy h2{font-size:31px;line-height:1.08;letter-spacing:-1.4px}.hero-feature-art,.hero-market-original-art{width:min(310px,92%);height:250px;margin:auto}.hero-market-original-art>img{transform:scale(.9)}.hero-service-line{margin-bottom:32px}.hero-service-line .clay-trust-icon{width:28px;height:28px;flex-basis:28px}.hero-service-line b{font-size:6.5px}
  .section{margin-top:24px}.section-title-row h2,.section-title{font-size:20px}.category-grid,.wide-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.category-card{min-height:102px;padding:9px 4px;border-radius:15px;gap:5px}.category-card .clay-category-icon{width:51px;height:51px;flex-basis:51px;border-radius:15px}.category-card strong{max-width:100%;font-size:9px;line-height:1.2}.category-card small,.category-offer{display:none}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{min-height:180px;padding:10px;border-radius:17px}.product-card h3{font-size:12px}.product-card .product-off{font-size:10px}.product-card .delivery{font-size:8px}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.benefit-card{min-height:70px;grid-template-columns:34px 1fr;gap:7px;padding:9px;border-radius:15px}.benefit-card .clay-trust-icon,.benefit-card .clay-category-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.benefit-card h3{font-size:9px}.benefit-card p{font-size:7px;line-height:1.25}.why-title{text-align:left}.home-trust-panel{padding:15px}.trust-mini-grid{grid-template-columns:repeat(2,1fr)}.trust-mini-grid article{padding:8px}.trust-mini-grid .clay-trust-icon,.trust-mini-grid .clay-category-icon{width:34px;height:34px;flex-basis:34px;border-radius:11px}
  .content-layout{grid-template-columns:1fr}.filter-sidebar{display:flex!important;overflow-x:auto;gap:7px;padding:8px;position:static}.filter-sidebar>h2,.filter-sidebar>.sidebar-reward{display:none}.filter-link{flex:0 0 auto;min-width:max-content;padding:7px 9px}.filter-link .mini-clay{width:34px!important;height:34px!important;flex-basis:34px!important}.category-page-heading{margin-top:18px}.category-page-heading h1{font-size:28px}
  .cart-layout{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;min-width:0}.cart-layout>*,.cart-list,.cart-aside{width:100%!important;max-width:100%!important;min-width:0!important}.cart-list{padding:10px}.cart-item{width:100%;max-width:100%;min-width:0;grid-template-columns:64px minmax(0,1fr);gap:10px}.cart-item .quantity,.cart-price,.remove-item{grid-column:2}.summary-card,.offer-panel,.secure-checkout{max-width:100%}
  .zv6-page{width:min(100% - 20px,1370px)}.zv6-hero{grid-template-columns:1fr}.zv6-flow-grid{grid-template-columns:1fr}.zv6-flow-grid>i{display:none}.zv6-earn{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.soft-reveal{opacity:1;transform:none;transition:none}}

/* v12: hard guarantees for live-catalog cards and all mobile header sizes. */
.product-card{display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important}
.product-card .product-logo{width:100%}
.product-card h3,.product-card .product-off,.product-card .delivery{width:100%;margin-left:auto;margin-right:auto;text-align:center!important}
.product-card .delivery{justify-content:center!important}
@media(max-width:900px){
  .header-nav a[href*="how-it-works"]{display:none!important}
}

/* v13 — use the client-supplied GiftznMoney icon sheets as exact sprites. */
.clay-category-icon::before,.clay-trust-icon::before{
  width:100%!important;height:100%!important;background-color:transparent!important;
  background-repeat:no-repeat!important;-webkit-mask:none!important;mask:none!important;
}
.clay-category-icon::before{
  background-image:url('reference-packs/giftznmoney-icon-pack.jpeg')!important;
  background-size:1777.78% 1000%!important;
}
.clay-category-0::before{background-position:4.3% 24.7%!important}
.clay-category-1::before{background-position:14.9% 24.7%!important}
.clay-category-2::before{background-position:25.5% 24.7%!important}
.clay-category-3::before{background-position:36.1% 24.7%!important}
.clay-category-4::before{background-position:46.69% 24.7%!important}
.clay-category-5::before{background-position:57.28% 24.7%!important}
.clay-category-6::before{background-position:98.34% 24.7%!important}
.clay-category-7::before{background-position:4.3% 91.5%!important}
.clay-category-8::before{background-position:46.69% 43.2%!important}
.clay-category-9::before{background-position:25.5% 61.7%!important}
.clay-category-10::before{background-position:14.9% 79%!important}
.clay-category-11::before{background-position:4.3% 43.2%!important}
.clay-category-12::before{background-position:67.88% 91.5%!important}
.clay-category-13::before{background-position:36.1% 43.2%!important}
.clay-category-14::before{background-position:25.5% 79%!important}

.clay-trust-icon::before{
  background-image:url('reference-packs/giftznmoney-trust-pack.jpeg')!important;
  background-size:1333.34% 444.17%!important;background-position-y:21.8%!important;
}
.clay-trust-delivery::before{background-position-x:6.1%!important}
.clay-trust-secure::before{background-position-x:31.1%!important}
.clay-trust-price::before{background-position-x:56.1%!important}
.clay-trust-support::before{background-position-x:81.1%!important}
.clay-trust-coin::before{
  background-image:url('reference-packs/giftznmoney-icon-pack.jpeg')!important;
  background-size:1777.78% 1000%!important;background-position:36.1% 79%!important;
}

/* Fixed copy; only the uploaded hero artwork changes. */
.hero-banner-sources{display:none!important}
.hero-slide[data-hero-slide]{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.hero-feature-art [data-hero-active-image]{will-change:opacity,transform}
.hero-service-line>span{min-width:0!important}
.hero-service-line b{white-space:normal;text-align:center;line-height:1.2}

/* Product card alignment and compact, visible delivery status. */
.product-card .delivery{margin-top:6px!important;padding-top:2px!important;min-height:25px;align-items:center!important;gap:6px!important}
.product-card .delivery svg{width:19px!important;height:19px!important;flex:0 0 19px;stroke-width:2.15}
.product-card .delivery span{font-size:10px;font-weight:700}
.product-card h3,.product-card .product-off,.product-card .delivery{align-self:center}

/* Why Millions Trust row from the supplied reference. */
.why-millions{padding:20px 22px;border:1px solid rgba(110,77,191,.10);border-radius:24px;background:#fff;box-shadow:var(--clay-raised)}
.why-millions .why-title{margin:0 0 14px}
.why-millions .benefit-grid{gap:0}
.why-millions .benefit-card{min-height:82px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.why-millions .benefit-card:last-child{border-right:0}
.why-millions .benefit-card:first-child .clay-category-icon::before{
  background-image:url('reference-packs/why-trust.jpeg')!important;background-size:1777.78% 592.22%!important;background-position:6% 59%!important
}

/* Footer structure and supplied visual language. */
.footer-reference-grid{grid-template-columns:1.45fr .8fr .9fr 1.25fr!important;gap:54px!important;padding:22px 0 16px}
.footer-col h3{display:flex;align-items:center;gap:8px}
.footer-heading-icon{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:8px!important}
.footer-socials a{font-family:Arial,sans-serif;font-weight:900}
.footer-socials .social-facebook{color:#1877f2}.footer-socials .social-instagram{color:#e1306c}.footer-socials .social-x{color:#111}.footer-socials .social-linkedin{color:#0a66c2}

.mobile-header-search{display:none;position:relative;width:100%;height:44px}
.mobile-header-search input{width:100%;height:44px;padding:0 48px 0 16px;border:1px solid #e6ddf8;border-radius:22px;outline:0;color:var(--ink);background:#fbfaff;box-shadow:inset 3px 3px 8px rgba(79,54,145,.05),0 5px 14px rgba(57,39,121,.06)}
.mobile-header-search input:focus{border-color:#9c78f6;box-shadow:0 0 0 3px #f1ebff}
.mobile-header-search button{position:absolute;right:5px;top:5px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--purple);background:#fff}
.mobile-header-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}

/* Account navigation and issued-card visuals use the same supplied icon sheet. */
.dashboard-menu-icon{width:38px;height:38px;flex:0 0 38px;display:block;border-radius:12px;background-color:#fff;background-repeat:no-repeat;box-shadow:4px 6px 12px rgba(58,38,111,.10),-3px -3px 8px #fff}
.dashboard-icon-home,.dashboard-icon-orders,.dashboard-icon-gifts,.dashboard-icon-zcoin,.dashboard-icon-wallet,.dashboard-icon-refer{
  background-image:url('reference-packs/giftznmoney-icon-pack.jpeg');background-size:1600% 900%
}
.dashboard-icon-home{background-position:78.67% 44.4%}.dashboard-icon-orders{background-position:4% 80%}.dashboard-icon-gifts{background-position:25.33% 25%}.dashboard-icon-zcoin{background-position:36% 80%}.dashboard-icon-wallet{background-position:14.67% 80%}.dashboard-icon-refer{background-position:57.33% 25%}
.dashboard-icon-profile{background-image:url('reference-packs/why-trust.jpeg');background-size:1777.78% 592.22%;background-position:6% 59%}
.dashboard-icon-support{background-image:url('reference-packs/giftznmoney-trust-pack.jpeg');background-size:1333.34% 444.17%;background-position:81.1% 21.8%}
.dashboard-nav a{min-height:59px!important;padding:5px 13px!important}
.dashboard-nav a.active .dashboard-menu-icon{transform:scale(1.04);box-shadow:6px 8px 15px rgba(70,43,137,.15),-4px -4px 10px #fff}
.dashboard-logo-tile{width:68px;height:62px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#faf8ff}
.dashboard-logo-tile .brand-image{width:55px;height:50px;object-fit:contain}.dashboard-logo-tile .brand-mark{transform:scale(.58)}
.dashboard-logo-tile .home-brand-sprite{width:58px;height:52px}
.gift-secret-values{display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:3px 8px;align-items:center}
.gift-secret-values .profile-meta{grid-column:1/-1}.gift-secret-values strong{overflow-wrap:anywhere}
.copy-value{padding:5px 8px;border:1px solid #d9c9ff;border-radius:8px;color:var(--purple);background:#fff;font-size:9px;font-weight:800;cursor:pointer}
.table-product .dashboard-logo-tile{width:58px;height:52px;flex:0 0 58px}.table-product .dashboard-logo-tile .brand-mark{transform:scale(.48)}
.zcoin-how article>.clay-category-icon,.zcoin-how article>.clay-trust-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:13px!important}
.zcoin-flow article>span .clay-category-icon,.zcoin-flow article>span .clay-trust-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:14px!important}
.static-careers-card{display:grid;grid-template-columns:86px 1fr;gap:24px;align-items:start;padding:28px}.static-careers-card>.clay-category-icon{width:78px;height:78px;flex-basis:78px}.static-careers-card h2{margin-top:0}.static-careers-card p{color:var(--muted);line-height:1.65}.static-careers-card .purple-button{margin-top:8px}

@media(max-width:1100px){.footer-reference-grid{grid-template-columns:1.25fr repeat(3,1fr)!important;gap:28px!important}}
@media(max-width:900px){
  body{overflow-x:clip}
  .header-inner{grid-template-columns:minmax(0,1fr) auto!important;row-gap:6px!important;padding-bottom:8px!important}
  .header-nav .mobile-hide-nav,.header-nav a[href*="how-it-works"]{display:none!important}
  .mobile-header-search{display:block;grid-column:1/-1;grid-row:2}
  .category-brand-panels{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 12px!important}
  .category-brand-panels::-webkit-scrollbar,#popular .product-grid::-webkit-scrollbar,.content-layout [data-product-grid]::-webkit-scrollbar{display:none}
  .category-brand-panel{flex:0 0 min(86%,440px);scroll-snap-align:start}
  #popular .product-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 12px}
  #popular .product-card{flex:0 0 calc((100% - 12px)/2)!important;min-width:0!important;scroll-snap-align:start}
  .content-layout [data-product-grid]{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 12px}
  .content-layout [data-product-grid] .product-card{flex:0 0 calc((100% - 12px)/2)!important;min-width:0!important;scroll-snap-align:start}
}
@media(max-width:700px){
  .page-shell{width:min(100% - 20px,var(--max))!important}
  .site-header .brand img,.glassy-brand img{width:154px!important;height:54px!important}
  .header-nav .nav-link,.header-nav .icon-link{width:38px!important;height:38px!important;min-width:38px!important}
  .hero-service-line{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;margin-left:7px!important;margin-right:7px!important;padding:7px 4px!important;overflow:visible!important}
  .hero-service-line>span{padding:2px!important;gap:2px!important;justify-content:center!important;overflow:visible}
  .hero-service-line .clay-trust-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
  .hero-service-line b{font-size:6.3px!important;white-space:normal!important}
  .why-millions{padding:14px 10px}
  .why-millions .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
  .why-millions .benefit-card{border-right:0;border-bottom:1px solid var(--line);min-height:66px}
  .why-millions .benefit-card:last-child{grid-column:1/-1;border-bottom:0}
  .footer-reference-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .footer-reference-grid .footer-brand{grid-column:1/-1}
  .footer-reference-grid .footer-policies{grid-column:1/-1}
  .dashboard-menu-icon{width:35px;height:35px;flex-basis:35px}.dashboard-nav a{min-height:48px!important;padding:4px 9px!important}
  .gift-card-row{grid-template-columns:66px 1fr!important}.gift-secret-values{grid-template-columns:1fr auto}
}

/* v14: exact icon-only crops, transparent-looking merge and readable footer. */
.clay-category-icon::before,.clay-trust-icon::before{
  width:100%!important;height:100%!important;background-color:transparent!important;
  background-repeat:no-repeat!important;-webkit-mask:none!important;mask:none!important;
  mix-blend-mode:multiply;
  filter:saturate(1.18) contrast(1.08);
}
.clay-category-icon,.clay-trust-icon{background:transparent!important;box-shadow:none!important}
.clay-category-icon::before{background-image:url('reference-packs/giftznmoney-icon-pack.jpeg')!important;background-size:2133.34% 1200%!important}
.clay-category-0::before{background-position:4.75% 25.15%!important}.clay-category-1::before{background-position:15.25% 25.15%!important}.clay-category-2::before{background-position:25.74% 25.15%!important}.clay-category-3::before{background-position:36.23% 25.15%!important}.clay-category-4::before{background-position:46.72% 25.15%!important}.clay-category-5::before{background-position:57.21% 25.15%!important}.clay-category-6::before{background-position:97.87% 25.15%!important}.clay-category-7::before{background-position:4.75% 94.85%!important}.clay-category-8::before{background-position:46.72% 42.97%!important}.clay-category-9::before{background-position:25.74% 60.30%!important}.clay-category-10::before{background-position:15.25% 78.48%!important}.clay-category-11::before{background-position:4.75% 42.97%!important}.clay-category-12::before{background-position:67.70% 94.85%!important}.clay-category-13::before{background-position:36.23% 42.97%!important}.clay-category-14::before{background-position:25.74% 78.48%!important}
.clay-category-15::before{background-position:46.72% 60.30%!important}.clay-category-16::before{background-position:88.69% 60.30%!important}.clay-category-17::before{background-position:97.87% 94.85%!important}.clay-category-18::before{background-position:4.75% 78.48%!important}
.clay-trust-coin::before{background-image:url('reference-packs/giftznmoney-icon-pack.jpeg')!important;background-size:2133.34% 1200%!important;background-position:36.23% 78.48%!important}
.hero-slide[data-hero-slide]{visibility:hidden!important;pointer-events:none!important}.hero-slide[data-hero-slide].is-active{visibility:visible!important;pointer-events:auto!important}
.dashboard-menu-icon{mix-blend-mode:multiply;background-color:transparent!important;box-shadow:none!important;filter:saturate(1.18) contrast(1.08)}
.dashboard-icon-home,.dashboard-icon-orders,.dashboard-icon-gifts,.dashboard-icon-zcoin,.dashboard-icon-wallet,.dashboard-icon-refer{background-size:2133.34% 1200%!important;background-repeat:no-repeat!important}
.dashboard-icon-home{background-position:78.20% 42.97%!important}.dashboard-icon-orders{background-position:4.75% 78.48%!important}.dashboard-icon-gifts{background-position:25.74% 25.15%!important}.dashboard-icon-zcoin{background-position:36.23% 78.48%!important}.dashboard-icon-wallet{background-position:15.25% 78.48%!important}.dashboard-icon-refer{background-position:57.21% 25.15%!important}
.dashboard-icon-profile,.dashboard-icon-support{mix-blend-mode:multiply;background-color:transparent!important}
#popular{scroll-margin-top:118px}
.footer-col h3{font-size:15px!important;line-height:1.3}.footer-col a{font-size:13px!important;line-height:1.5;margin:9px 0!important}.footer-brand p{font-size:12px!important;line-height:1.65}.footer-heading-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
.amount-help{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.custom-amount-field{display:grid;gap:6px;margin-top:10px;color:var(--ink);font-size:11px;font-weight:800}.custom-amount-field input{height:44px;padding:0 12px;border:1px solid #ddd4f0;border-radius:11px;background:#fff;color:var(--ink);font:inherit}
.status.completed{color:#087b45;background:#dcf8e8}.status.processing{color:#a45b00;background:#fff0cf}.status.failed{color:#c3263b;background:#ffe2e7}.invoice-link{display:inline-flex;align-items:center;gap:5px;color:var(--purple);font-weight:800;text-decoration:none;white-space:nowrap}
.payment-result-page{padding-top:32px;padding-bottom:52px}.payment-result-card{max-width:920px;margin:auto;padding:34px;border:1px solid rgba(101,70,183,.12);border-radius:28px;text-align:center;background:linear-gradient(145deg,#f5fff9,#fff);box-shadow:var(--clay-raised)}.payment-result-card.failed{background:linear-gradient(145deg,#fff5f6,#fff)}.payment-result-symbol{width:96px;height:96px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#fff;background:#16a765;box-shadow:0 14px 30px rgba(22,167,101,.25);font-size:58px;font-weight:900}.payment-result-card.failed .payment-result-symbol{background:#df1838;box-shadow:0 14px 30px rgba(223,24,56,.23)}.payment-result-card h1{margin:0;color:#0d8b4c;font-size:34px}.payment-result-card.failed h1{color:#c71532}.payment-order-id{display:inline-flex;margin:18px auto;padding:10px 18px;border-radius:99px;background:#fff;box-shadow:var(--clay-soft);font-weight:800}.payment-summary{max-width:700px;margin:24px auto;padding:22px;border-radius:20px;text-align:left;background:#fff;box-shadow:var(--clay-soft)}.payment-summary-line{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center}.payment-summary-line .dashboard-logo-tile{width:64px}.payment-summary-total{display:flex;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:18px}.payment-result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:700px){.footer-reference-grid{grid-template-columns:1fr 1fr!important;gap:22px!important}.footer-brand{grid-column:1/-1}.footer-col h3{font-size:13px!important}.footer-col a{font-size:12px!important}.payment-result-card{padding:24px 14px}.payment-summary-line{grid-template-columns:58px 1fr}.payment-summary-line>strong{grid-column:2}}
@media(max-width:760px){
  .category-grid,.wide-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* v15: independent, transparent icon assets. No sprite positioning, text crops or edge clipping. */
.clay-category-icon,.clay-trust-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex-shrink:0!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.clay-category-icon[class*="clay-category-"]::before,
.clay-trust-icon[class*="clay-trust-"]::before{
  background-position:center!important;
  background-size:contain!important;
}
.clay-category-icon::before,.clay-trust-icon::before{
  content:""!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-color:transparent!important;
  background-image:var(--v15-icon)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.clay-category-0{--v15-icon:url('icons-v15/category-entertainment.png')}
.clay-category-1{--v15-icon:url('icons-v15/category-food-dining.png')}
.clay-category-2{--v15-icon:url('icons-v15/category-shopping.png')}
.clay-category-3{--v15-icon:url('icons-v15/category-travel.png')}
.clay-category-4{--v15-icon:url('icons-v15/category-electronics.png')}
.clay-category-5{--v15-icon:url('icons-v15/category-lifestyle.png')}
.clay-category-6{--v15-icon:url('icons-v15/category-gaming.png')}
.clay-category-7{--v15-icon:url('icons-v15/category-others.png')}
.clay-category-8{--v15-icon:url('icons-v15/category-health.png')}
.clay-category-9{--v15-icon:url('icons-v15/category-education.png')}
.clay-category-10{--v15-icon:url('icons-v15/category-finance.png')}
.clay-category-11{--v15-icon:url('icons-v15/category-subscriptions.png')}
.clay-category-12{--v15-icon:url('icons-v15/category-office.png')}
.clay-category-13{--v15-icon:url('icons-v15/category-books.png')}
.clay-category-14{--v15-icon:url('icons-v15/category-gift-cards.png')}
.clay-category-15{--v15-icon:url('icons-v15/category-watches.png')}
.clay-category-16{--v15-icon:url('icons-v15/category-offers.png')}
.clay-category-17{--v15-icon:url('icons-v15/category-tickets.png')}
.clay-category-18{--v15-icon:url('icons-v15/dashboard-orders.png')}
.clay-trust-delivery{--v15-icon:url('icons-v15/trust-delivery.png')}
.clay-trust-secure{--v15-icon:url('icons-v15/trust-secure.png')}
.clay-trust-price{--v15-icon:url('icons-v15/trust-price.png')}
.clay-trust-support{--v15-icon:url('icons-v15/trust-support.png')}
.clay-trust-coin{--v15-icon:url('icons-v15/dashboard-zcoin.png')}
.why-millions .benefit-card:nth-child(1) .clay-category-icon{--v15-icon:url('icons-v15/why-customers.png')}
.why-millions .benefit-card:nth-child(2) .clay-category-icon{--v15-icon:url('icons-v15/why-brands.png')}

.hero-service-line .clay-trust-icon,
.benefit-card .clay-trust-icon,.benefit-card .clay-category-icon,
.feature-row .clay-trust-icon,.feature-row .clay-category-icon,
.trust-mini-grid .clay-trust-icon,.trust-mini-grid .clay-category-icon,
.auth-benefits-v2 .clay-trust-icon,.auth-benefits-v2 .clay-category-icon,
.auth-trust-v2 .clay-trust-icon,.auth-trust-v2 .clay-category-icon{
  align-self:center!important;
  justify-self:center!important;
  overflow:visible!important;
}
.category-card .clay-category-icon,.filter-link .clay-category-icon,.empty-cart .clay-category-icon{overflow:visible!important}

.footer-heading-icon{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:inline-block!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:none!important;
}
.footer-company-icon{background-image:url('icons-v15/footer-company.svg')!important}
.footer-support-icon{background-image:url('icons-v15/footer-support.svg')!important}
.footer-policies-icon{background-image:url('icons-v15/footer-policies.svg')!important}
.footer-col h3{display:flex!important;align-items:center!important;gap:10px!important}

.dashboard-menu-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  background-color:#fff!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:82% 82%!important;
  box-shadow:4px 6px 12px rgba(58,38,111,.10),-3px -3px 8px #fff!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  overflow:visible!important;
}
.dashboard-icon-home{background-image:url('icons-v15/dashboard-home.png')!important}
.dashboard-icon-orders{background-image:url('icons-v15/dashboard-orders.png')!important}
.dashboard-icon-gifts{background-image:url('icons-v15/dashboard-gift-cards.png')!important}
.dashboard-icon-zcoin{background-image:url('icons-v15/dashboard-zcoin.png')!important}
.dashboard-icon-wallet{background-image:url('icons-v15/dashboard-wallet.png')!important}
.dashboard-icon-profile{background-image:url('icons-v15/dashboard-profile.png')!important}
.dashboard-icon-refer{background-image:url('icons-v15/why-brands.png')!important}
.dashboard-icon-support{background-image:url('icons-v15/trust-support.png')!important}
.dashboard-nav a{gap:13px!important}
.dashboard-nav a.active .dashboard-menu-icon{transform:none!important}

.order-metric-icon,.topic-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:block;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.metric-orders{background-image:url('icons-v15/dashboard-orders.png')}
.metric-completed{background-image:url('icons-v15/trust-secure.png')}
.metric-processing{background-image:url('icons-v15/category-watches.png')}
.metric-failed{background-image:url('icons-v15/metric-failed.svg')}
.metric-expired{background-image:url('icons-v15/metric-expired.svg')}
.metric{grid-template-columns:54px 1fr!important;overflow:visible!important}

.topic-icon{width:48px;height:48px;flex-basis:48px}
.topic-orders{background-image:url('icons-v15/dashboard-orders.png')}
.topic-gift-card{background-image:url('icons-v15/dashboard-gift-cards.png')}
.topic-payments{background-image:url('icons-v15/category-finance.png')}
.topic-profile{background-image:url('icons-v15/dashboard-profile.png')}
.topic-zcoin{background-image:url('icons-v15/dashboard-zcoin.png')}
.topic-offers{background-image:url('icons-v15/category-offers.png')}
.topic{grid-template-columns:50px 1fr!important;align-items:center!important}

.quick-support{display:grid!important;align-content:start!important;gap:12px!important;min-width:0!important}
.quick-support h2{margin:0 0 4px!important}
.quick-support .support-item{display:grid!important;gap:4px!important;margin:0!important;padding:14px!important;min-width:0!important;overflow:hidden!important}
.quick-support .support-item .profile-meta{display:block!important;min-width:0!important;overflow-wrap:anywhere!important}

.brand-image.card-brand-image,.dashboard-brand-logo,.mini-brand-tile img{
  object-fit:contain!important;
  object-position:center!important;
  max-width:100%!important;
  max-height:100%!important;
}
.product-logo{overflow:hidden!important}
.dashboard-logo-tile{overflow:hidden!important}
.dashboard-logo-tile .dashboard-brand-logo{width:60px!important;height:52px!important;padding:5px!important}

.zcoin-flow article:nth-of-type(1) .clay-category-icon{--v15-icon:url('icons-v15/zcoin-shop.png')}
.zcoin-flow article:nth-of-type(2) .clay-trust-icon{--v15-icon:url('icons-v15/zcoin-earn.png')}
.zcoin-flow article:nth-of-type(3) .clay-trust-icon{--v15-icon:url('icons-v15/zcoin-redeem.png')}
.zcoin-flow article:nth-of-type(4) .clay-trust-icon{--v15-icon:url('icons-v15/zcoin-save.png')}

@media(max-width:700px){
  .dashboard-menu-icon{width:37px!important;height:37px!important;flex-basis:37px!important}
  .order-metric-icon{width:48px;height:48px;flex-basis:48px}
  .footer-heading-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
}

/* v16: policy content, clear padded icons, live search and continuous rails. */
.legal-policy-page{max-width:1080px}
.legal-policy-page>header{margin-bottom:24px}
.legal-policy-copy{max-width:880px;padding:38px 42px}
.legal-policy-copy p{margin:0;padding:18px 0;border-bottom:1px solid var(--line);color:#4f5879;font-size:14px;line-height:1.85}
.legal-policy-copy p:first-child{padding-top:0}
.legal-policy-copy p:last-of-type{border-bottom:0}
.legal-policy-copy p a{color:var(--purple);font-weight:800}

.clay-category-icon.clay-category-6::before{background-image:url('icons-v15/category-gaming-v16.png')!important;background-position:center!important;background-size:contain!important}
.clay-trust-icon.clay-trust-price::before{background-image:url('icons-v15/trust-price-v16.png')!important;background-position:center!important;background-size:contain!important}
.why-millions .benefit-card:first-child .clay-category-icon::before{background-image:url('icons-v15/why-customers-v16.png')!important;background-position:center!important;background-size:contain!important}
.why-millions .benefit-card:first-child .clay-category-icon{display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important}
.why-millions .benefit-card h3{font-size:12px;line-height:1.25}
.why-millions .benefit-card p{font-size:9px;line-height:1.35}

.header-search,.mobile-header-search{z-index:30}
.search-suggestions{position:absolute;z-index:80;top:calc(100% + 8px);left:0;right:0;display:grid;overflow:hidden;padding:7px;border:1px solid #e2d7f7;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 16px 34px rgba(44,28,91,.18);backdrop-filter:blur(14px)}
.search-suggestions[hidden]{display:none!important}
.search-suggestions a{display:grid;gap:3px;padding:10px 12px;border-radius:11px;color:var(--ink);text-decoration:none}
.search-suggestions a:hover,.search-suggestions a:focus{outline:0;background:#f3edff}
.search-suggestions strong{font-size:12px}.search-suggestions small{color:var(--muted);font-size:10px}.search-suggestions p{margin:0;padding:12px;color:var(--muted);font-size:11px;text-align:center}

.continuous-product-rail{display:flex!important;grid-template-columns:none!important;gap:14px!important;overflow-x:hidden!important;scroll-snap-type:none!important;scrollbar-width:none;padding:4px 2px 14px!important}
.continuous-product-rail::-webkit-scrollbar{display:none}
.continuous-product-rail .product-card{flex:0 0 clamp(150px,12vw,188px)!important;min-width:0!important;scroll-snap-align:none!important}

.zcoin-how h3,.zv6-earn h3{font-size:16px!important;line-height:1.3}
.zcoin-how b,.zv6-earn b{font-size:11px!important;line-height:1.35}
.zcoin-how small,.zv6-earn small{font-size:9.5px!important;line-height:1.4}
.zcoin-flow h2,.zv6-flow-heading h2{font-size:20px!important;line-height:1.3}
.zcoin-flow article b,.zv6-flow-grid article b{font-size:12px!important;line-height:1.3}
.zcoin-flow article small,.zv6-flow-grid article small{font-size:10px!important;line-height:1.4}
.zcoin-redeem h2,.zcoin-transactions h2{font-size:18px!important;line-height:1.3}
.zcoin-redeem>p,.zcoin-transactions b{font-size:11px!important;line-height:1.45}
.zcoin-transactions small{font-size:9.5px!important;line-height:1.45}
.zcoin-flow article>span,.zv6-flow-icon{background:#fff!important;border:1px solid #ebe3fa!important;box-shadow:5px 7px 14px rgba(56,36,108,.10),-4px -4px 10px #fff!important}
.zcoin-flow article>span .clay-category-icon,.zcoin-flow article>span .clay-trust-icon,.zv6-flow-icon .clay-category-icon,.zv6-flow-icon .clay-trust-icon{margin:auto!important}
.zv6-flow-grid article:nth-of-type(1) .clay-category-icon::before{background-image:url('icons-v15/zcoin-shop.png')!important}
.zv6-flow-grid article:nth-of-type(2) .clay-trust-icon::before{background-image:url('icons-v15/zcoin-earn.png')!important}
.zv6-flow-grid article:nth-of-type(3) .clay-trust-icon::before{background-image:url('icons-v15/zcoin-redeem.png')!important}
.zv6-flow-grid article:nth-of-type(4) .clay-trust-icon::before{background-image:url('icons-v15/zcoin-save.png')!important}

.cart-brand-tile .card-brand-image{width:100%!important;height:100%!important;max-width:92px!important;max-height:76px!important;padding:8px;object-fit:contain!important;object-position:center!important}

@media(max-width:700px){
  .legal-policy-copy{padding:24px 18px}.legal-policy-copy p{font-size:12px;line-height:1.75;padding:15px 0}
  .continuous-product-rail{gap:10px!important}.continuous-product-rail .product-card{flex-basis:calc((100% - 10px)/2)!important}
  .why-millions .benefit-card h3{font-size:10px}.why-millions .benefit-card p{font-size:8px}
}
@media(max-width:600px){
  .auth-promo-v2 .auth-benefits-v2{display:none!important}
  .auth-promo-v2 h1{font-size:31px!important;line-height:1.1}
  .auth-promo-v2>p{font-size:11px!important;line-height:1.5}
  .auth-promo-v2{min-height:590px!important}
}
/* v17 — mobile account hub, transaction detail sheets and stable dashboard spacing. */
.mobile-account-toggle,.mobile-account-drawer,.mobile-account-backdrop,.mobile-account-records{display:none}
@media (min-width:1151px){
  .dashboard-sidebar{display:flex;flex-direction:column;overflow-y:auto}
  .dashboard-nav{flex:0 0 auto}
  .dashboard-reward-promo{position:relative;left:auto;right:auto;bottom:auto;flex:0 0 auto;margin-top:22px;min-height:190px}
}
@media (max-width:650px){
  body.mobile-account-open{overflow:hidden}
  .header-nav .profile-menu{display:none!important}
  .mobile-account-toggle{display:grid!important;place-items:center;border:0;background:#fff}
  .mobile-account-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .mobile-account-backdrop{display:block;position:fixed;inset:0;z-index:1250;background:rgba(15,11,40,.42);backdrop-filter:blur(2px)}
  .mobile-account-drawer{display:block;position:fixed;z-index:1260;top:0;right:0;width:min(92vw,430px);height:100dvh;overflow:auto;padding:22px 18px 38px;background:linear-gradient(160deg,#fff,#faf7ff);box-shadow:-20px 0 55px rgba(30,17,74,.24)}
  .mobile-account-drawer[hidden],.mobile-account-backdrop[hidden]{display:none!important}
  .mobile-account-drawer header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
  .mobile-account-drawer header small{color:var(--muted);font-size:13px;font-weight:700}.mobile-account-drawer header h2{margin:4px 0 0;font-size:25px}.mobile-account-drawer header button{width:38px;height:38px;border:0;border-radius:50%;background:#f1ebff;color:#2b195b;font-size:25px}
  .mobile-account-balance{display:flex;align-items:center;justify-content:space-between;padding:15px 3px 19px;border-bottom:1px solid var(--line)}.mobile-account-balance span{display:grid}.mobile-account-balance strong{font-size:24px}.mobile-account-balance small{color:var(--muted);font-size:12px}.mobile-account-balance a{color:var(--purple);font-size:13px;font-weight:900}
  .mobile-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.mobile-account-grid a,.mobile-account-grid button{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:12px;border:1px solid #e7e0f4;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f0ff);box-shadow:6px 8px 16px rgba(52,31,108,.08);color:#152252;font:inherit}.mobile-account-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--purple);box-shadow:4px 6px 12px rgba(80,46,154,.12);font-size:21px;font-weight:900}.mobile-account-grid strong{font-size:14px}.mobile-account-drawer>h3{margin:25px 0 -6px;color:var(--muted);font-size:14px}.mobile-account-support a,.mobile-account-support button{min-height:90px}
  body[data-page="dashboard"] .dashboard-sidebar{display:none}
  body[data-page="dashboard"] .dashboard-main{padding:19px 12px 42px}
  body[data-page="dashboard"] .page-heading h1{font-size:30px}
  body[data-page="dashboard"] .page-heading p{font-size:12px}
  body[data-page="dashboard"] .metric-grid,body[data-page="dashboard"] .toolbar,body[data-page="dashboard"] .table-scroll,body[data-page="dashboard"] .gift-card-list,body[data-page="dashboard"] .dashboard-main>.section-title-row{display:none!important}
  .mobile-account-records{display:block}.mobile-record-callout{display:flex;align-items:center;gap:10px;min-height:55px;margin-bottom:13px;padding:0 15px;border-radius:15px;background:#f3efff;color:#442894}.mobile-record-callout span{font-size:22px}.mobile-record-callout strong{font-size:13px}
  .mobile-record-tabs{display:flex;gap:19px;overflow-x:auto;margin:7px 0 17px;padding:2px 1px}.mobile-record-tabs button{flex:0 0 auto;padding:6px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#78718a;font-size:13px;font-weight:800}.mobile-record-tabs button.active{border-color:var(--purple);color:var(--purple)}
  .mobile-gift-record,.mobile-order-record{width:100%;min-height:104px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;margin:0 0 11px;padding:13px;border:1px solid #e5def0;border-radius:19px;background:#fff;color:var(--ink);text-align:left;box-shadow:5px 8px 17px rgba(52,35,104,.07)}.mobile-gift-record>span:nth-child(2),.mobile-order-record>span:nth-child(2){display:grid;gap:5px}.mobile-gift-record strong,.mobile-order-record strong{font-size:14px}.mobile-gift-record b,.mobile-order-record>b{font-size:15px}.mobile-gift-record small,.mobile-order-record small{color:var(--muted);font-size:11px}.mobile-gift-record>i,.mobile-order-record>i{color:var(--purple);font-size:23px;font-style:normal}.mobile-order-record{grid-template-columns:64px minmax(0,1fr) auto 10px}.mobile-order-record em{width:max-content;font-size:9px}.mobile-record-empty{display:grid;gap:6px;padding:35px 15px;border:1px dashed #d9cfeb;border-radius:18px;text-align:center}.mobile-record-empty strong{font-size:17px}.mobile-record-empty span{color:var(--muted);font-size:12px}
  .mobile-record-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff}.mobile-record-dialog::backdrop{background:rgba(15,11,40,.48)}.mobile-record-dialog header{display:flex;justify-content:flex-end;padding:15px 16px 0}.mobile-record-dialog header button{width:40px;height:40px;border:0;border-radius:50%;background:#f4efff;color:#271755;font-size:25px}.mobile-record-dialog>[data-mobile-record-detail]{padding:0 21px 35px}.mobile-card-detail{text-align:left}.mobile-detail-brand{height:210px;display:grid;place-items:center;margin:5px 0 20px;border-radius:24px;background:linear-gradient(145deg,#f8f5ff,#fff1e9)}.mobile-detail-brand .brand-image{width:150px;height:120px;object-fit:contain}.mobile-card-detail h2{margin:0;font-size:32px}.mobile-card-detail>p{color:var(--muted)}.mobile-detail-value{display:block;margin:22px 0;font-size:35px;text-align:center}.mobile-card-detail label{display:grid;gap:7px;margin-top:18px;font-size:13px;font-weight:900}.mobile-card-detail label span{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 12px;border:1px solid #ddd5e9;border-radius:13px}.mobile-card-detail label b{overflow-wrap:anywhere}.mobile-card-detail label button{height:34px;border:0;border-radius:9px;background:#f0e9ff;color:var(--purple);font-weight:900}
  .mobile-order-detail>h2{margin:2px 0 18px;font-size:28px}.mobile-order-alert{display:grid;gap:5px;padding:16px;margin-bottom:20px;border-radius:16px;background:#eef9f2;color:#137944}.mobile-order-alert.failed{background:#fff0f0;color:#bd3042}.mobile-order-alert span{font-size:12px}.mobile-order-detail section{padding:18px 0;border-bottom:1px solid var(--line)}.mobile-order-detail section h3{margin:0 0 11px;font-size:17px}.mobile-order-detail section>p{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px;line-height:1.7}.mobile-order-detail section>p>b{color:var(--ink)}.mobile-order-product{display:grid!important;grid-template-columns:62px 1fr auto;align-items:center;gap:10px}.mobile-order-product p{display:grid!important;margin:0}.mobile-order-product small{color:var(--muted)}.mobile-order-detail>.outline-button{width:100%;margin-top:22px}
}