:root {
  --ink: #111111;
  --ink-soft: #1d1d1f;
  --muted: #6e6e73;
  --line: rgba(17, 17, 17, .11);
  --paper: #ffffff;
  --cloud: #f5f5f7;
  --snow: #fafafa;
  --blue: #4c6fff;
  --purple: #8c55f7;
  --gradient: linear-gradient(120deg, #4474ff 0%, #7554ec 52%, #ab65ed 100%);
  --shadow-sm: 0 8px 22px rgba(22, 22, 28, .06);
  --shadow: 0 18px 55px rgba(26, 26, 35, .11);
  --shadow-lg: 0 30px 80px rgba(29, 26, 54, .18);
  --radius: 24px;
  --radius-sm: 16px;
  --font: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
.product-card .product-cover { min-height:231px; background-size:cover; background-position:center; }
.product-card .product-cover::after { background:linear-gradient(180deg,rgba(7,7,12,.45),rgba(7,7,12,.16) 44%,rgba(7,7,12,.9)); }
.product-card .product-cover .cover-decoration { display:none; }
.product-card .cover-cyan { background-image:linear-gradient(180deg,rgba(7,7,12,.44),rgba(7,7,12,.1) 46%,rgba(7,7,12,.9)),url("./assets/height-guide-cover.jpg") !important; }
.product-card .cover-orange { background-image:linear-gradient(180deg,rgba(7,7,12,.44),rgba(7,7,12,.1) 46%,rgba(7,7,12,.9)),url("./assets/weight-gain-guide-cover.jpg") !important; }
.product-card .cover-green { background-image:linear-gradient(180deg,rgba(7,7,12,.44),rgba(7,7,12,.1) 46%,rgba(7,7,12,.9)),url("./assets/weight-loss-guide-cover.jpg") !important; }
.product-card .cover-fitness { background-image:linear-gradient(180deg,rgba(7,7,12,.44),rgba(7,7,12,.1) 46%,rgba(7,7,12,.9)),url("./assets/home-fitness-guide-cover.jpg") !important; }
.wishlist-button{position:absolute;z-index:4;top:18px;right:18px;width:31px;height:31px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(10,10,14,.35);backdrop-filter:blur(8px);font-size:19px;line-height:1;transition:transform .2s ease,background .2s ease}.wishlist-button:hover{transform:scale(1.08);background:rgba(116,88,224,.8)}
.product-benefits{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(125,100,233,.07)}.product-benefits h3{margin:0 0 12px;font-size:15px}.product-benefits>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-benefits article{display:flex;gap:7px;align-items:flex-start;font-size:11px;line-height:1.4}.product-benefits i{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;color:#fff;background:#6d5de0;font-size:10px;font-style:normal}@media(max-width:560px){.product-benefits>div{grid-template-columns:1fr}}
.product-share{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;padding-top:14px;border-top:1px solid var(--line)}.product-share>span{font-size:11px;font-weight:800}.product-share>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.product-share button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:transparent;font-size:10px;font-weight:750}.product-share button:hover{border-color:#8272df;color:#6d5de0}@media(max-width:480px){.product-share{align-items:flex-start;flex-direction:column}.product-share>div{justify-content:flex-start}}
.related-products{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.related-products>h3{margin:0 0 12px;font-size:15px}.related-products>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-products article{display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:11px}.related-products .product-cover{min-height:94px;padding:10px}.related-products .cover-name{font-size:16px}.related-products .cover-foot,.related-products .cover-brand{font-size:6px}.related-products strong{font-size:11px}.related-products span{font-size:11px;font-weight:800}.related-products button{padding:8px;border:0;border-radius:8px;color:#fff;background:var(--ink);font-size:10px;font-weight:800}@media(max-width:420px){.related-products>div{grid-template-columns:1fr}}
/* Theme-level surfaces: every major page section changes with the toggle. */
html[data-theme="dark"] { background:#08080a; color-scheme:dark; }
html[data-theme="dark"] body { background:#08080a; }
html[data-theme="dark"] .hero { background:radial-gradient(circle at 82% 30%,rgba(90,72,166,.25),transparent 26%),radial-gradient(circle at 20% 95%,rgba(26,70,118,.13),transparent 32%),linear-gradient(180deg,#09090b 0%,#0d0d11 100%); }
html[data-theme="dark"] .campaign-section,
html[data-theme="dark"] .products-section,
html[data-theme="dark"] .benefits-section,
html[data-theme="dark"] .testimonial-section,
html[data-theme="dark"] .steps-section,
html[data-theme="dark"] .faq-section { background:#0b0b0d; }
html[data-theme="dark"] .trust-section,
html[data-theme="dark"] .recent-section,
html[data-theme="dark"] .support-section,
html[data-theme="dark"] .statistics-section { background:#0d0d10; }
html[data-theme="dark"] .stats-grid { border-color:rgba(255,255,255,.1); background:linear-gradient(110deg,rgba(119,95,227,.18),rgba(255,255,255,.025)); }
html[data-theme="dark"] .support-card,
html[data-theme="dark"] .trust-card { border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.035); }
html[data-theme="dark"] .site-loader { background:#08080a; }

html[data-theme="light"] { background:#fff; color-scheme:light; }
html[data-theme="light"] body { background:#fff; }
html[data-theme="light"] .hero { background:radial-gradient(circle at 82% 39%,rgba(209,207,255,.55) 0,rgba(255,255,255,0) 26%),linear-gradient(180deg,#fff 0%,#fbfbfc 100%); }
html[data-theme="light"] .campaign-section,
html[data-theme="light"] .products-section,
html[data-theme="light"] .faq-section { background:#f5f5f7; }
html[data-theme="light"] .benefits-section,
html[data-theme="light"] .steps-section { background:#fff; }
html[data-theme="light"] .testimonial-section { background:#f4f4f6; }
html[data-theme="light"] .trust-section,
html[data-theme="light"] .recent-section,
html[data-theme="light"] .support-section,
html[data-theme="light"] .statistics-section { background:#f5f5f7; }
html[data-theme="light"] .support-card,
html[data-theme="light"] .trust-card { border-color:var(--line); background:#fff; }
html[data-theme="light"] .stats-grid { border-color:var(--line); background:linear-gradient(110deg,rgba(119,95,227,.12),rgba(255,255,255,.9)); }
html[data-theme="light"] .stats-grid strong { color:var(--ink); }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--paper); font-family: var(--font); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
body.no-scroll { overflow: hidden; }
button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid rgba(82, 108, 255, .38); outline-offset: 3px; }

.site-loader { position: fixed; z-index: 2000; inset: 0; display: grid; place-items: center; background: #fff; pointer-events: none; transition: opacity .4s ease, visibility .4s ease; }
.site-loader span { font-size: 26px; font-weight: 850; letter-spacing: -.08em; animation: loaderPulse .65s ease-in-out infinite alternate; }
.site-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
@keyframes loaderPulse { to { letter-spacing: .08em; opacity: .46; } }

.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.section-pad { padding: 128px 0; }
.eyebrow { margin: 0 0 13px; font-size: 11px; line-height: 1.2; font-weight: 800; letter-spacing: .15em; color: #6b60c9; }
.eyebrow.light { color: rgba(255,255,255,.72); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.04; letter-spacing: -.055em; }
h2 { font-size: clamp(34px, 4.15vw, 54px); margin-bottom: 0; }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; right: 0; padding: 17px 0; transition: padding .35s ease; }
.site-header.scrolled { padding: 10px 0; }
.nav-shell { width: min(1230px, calc(100% - 32px)); min-height: 58px; display: flex; align-items: center; margin-inline: auto; padding: 0 10px 0 19px; border: 1px solid transparent; border-radius: 17px; transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease; }
.scrolled .nav-shell { background: rgba(255,255,255,.78); border-color: rgba(255,255,255,.83); box-shadow: 0 8px 28px rgba(35,35,43,.08); backdrop-filter: blur(16px); }
.brand { flex: 0 0 auto; font-size: 18px; font-weight: 900; letter-spacing: -.08em; }
.brand span { color: #77777c; font-weight: 700; }
.desktop-nav { display: flex; gap: 26px; margin: 0 auto; }
.desktop-nav a, .mobile-menu a { color: #4e4e55; font-size: 13px; font-weight: 600; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--ink); }
.nav-actions { display: flex; align-items: center; gap: 7px; }
.icon-button, .menu-toggle { position: relative; width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 12px; color: var(--ink); background: transparent; transition: background .2s ease, transform .2s ease; }
.icon-button:hover { background: #f1f1f4; transform: translateY(-1px); }
.icon-button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cart-badge { position: absolute; top: 2px; right: 1px; min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 99px; color: #fff; background: #6357eb; font-size: 9px; font-weight: 800; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 19px; border: 1px solid transparent; border-radius: 13px; color: #fff; background: var(--ink); box-shadow: 0 8px 18px rgba(17,17,17,.13); font-size: 14px; font-weight: 750; transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, background .25s ease; }
.button span { font-size: 18px; line-height: 0; transition: transform .25s ease; }
.button:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 12px 24px rgba(17,17,17,.2); }
.button:hover span { transform: translateX(4px); }
.button-small { min-height: 38px; padding-inline: 14px; font-size: 12px; border-radius: 11px; }
.button-small span { font-size: 15px; }
.button-large { min-height: 56px; padding: 0 23px; border-radius: 15px; }
.button-ghost { border-color: var(--line); color: var(--ink); background: rgba(255,255,255,.55); box-shadow: none; }
.button-ghost:hover { border-color: rgba(17,17,17,.24); background: #fff; box-shadow: var(--shadow-sm); }
.button-light { color: var(--ink); background: #fff; box-shadow: none; }
.button-light:hover { box-shadow: 0 12px 25px rgba(15, 15, 31, .18); }
.menu-toggle, .mobile-menu { display: none; }

.hero { position: relative; min-height: 835px; display: flex; flex-direction: column; justify-content: center; overflow: clip; background: radial-gradient(circle at 82% 39%, rgba(209, 207, 255, .55) 0, rgba(255,255,255,0) 26%), linear-gradient(180deg,#fff 0%,#fbfbfc 100%); padding-top: 122px; padding-bottom: 45px; }
.hero-layout { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 42px; }
.hero-copy { position: relative; z-index: 2; padding: 40px 0; }
.hero-badge { display: inline-flex; padding: 9px 13px; border: 1px solid rgba(116,95,227,.12); border-radius: 99px; background: rgba(247,246,255,.72); color: #5c55b9; font-size: 10px; letter-spacing: .09em; }
.hero h1 { max-width: 640px; margin: 0 0 24px; font-size: clamp(51px, 6.25vw, 79px); font-weight: 780; }
.hero h1 span { display: inline; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-description { max-width: 515px; margin-bottom: 32px; color: #5d5d64; font-size: clamp(16px, 1.65vw, 19px); line-height: 1.55; letter-spacing: -.02em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.trust-line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 34px; color: #707077; font-size: 12px; font-weight: 600; }
.trust-line strong { color: #38383e; font-size: 11px; letter-spacing: .02em; }
.mini-avatars { display: inline-flex; padding-left: 8px; }
.mini-avatars b { width: 25px; height: 25px; display: grid; place-items: center; margin-left: -8px; border: 2px solid #fff; border-radius: 50%; color: white; background: linear-gradient(135deg,#5752ae,#ae80cf); font-size: 9px; }
.mini-avatars b:nth-child(2) { background: linear-gradient(135deg,#e18070,#7546a3); }.mini-avatars b:nth-child(3) { background: linear-gradient(135deg,#41aeb4,#4281d3); }
.hero-aura { position: absolute; border-radius: 50%; filter: blur(10px); pointer-events: none; }.aura-one { width: 390px; height: 390px; right: -110px; top: 110px; background: radial-gradient(circle, rgba(180,151,255,.24), rgba(180,151,255,0) 68%); }.aura-two { width: 330px; height: 330px; left: 28%; bottom: -190px; background: radial-gradient(circle, rgba(122,178,255,.13), transparent 67%); }
.hero-books { position: relative; min-height: 490px; isolation: isolate; perspective: 1000px; }
.hero-orbit { position: absolute; z-index: -1; width: 350px; height: 350px; top: 50%; left: 51%; border: 1px solid rgba(124,111,227,.13); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 55px rgba(126,110,232,.03), 0 0 0 115px rgba(126,110,232,.018); }
.hero-book { position: absolute; overflow: hidden; display: flex; flex-direction: column; width: 202px; height: 292px; padding: 19px 18px; border: 1px solid rgba(255,255,255,.48); border-radius: 7px 15px 15px 7px; box-shadow: -10px 13px 0 rgba(0,0,0,.055), 0 28px 40px rgba(29,28,52,.18); color: white; transform-style: preserve-3d; transition: transform .35s ease; }
.hero-book::before { content:""; position:absolute; inset:0; opacity:.66; background: linear-gradient(130deg,rgba(255,255,255,.25),transparent 30% 67%,rgba(0,0,0,.16)); }.hero-book > * { position: relative; z-index: 1; }.book-topline { font-size: 8px; font-weight: 800; letter-spacing: .13em; opacity: .84; }.book-cover-title { margin-top: auto; font-size: 31px; font-weight: 850; line-height: .88; letter-spacing: -.08em; }.book-cover-title.small { font-size: 38px; }.book-cover-subtitle { margin-top: 11px; font-size: 7px; font-weight: 700; letter-spacing: .06em; opacity: .86; }.book-graphic { position: absolute; line-height: 1; color: rgba(255,255,255,.23); }.graphic-up { right: 10px; top: 68px; font-size: 136px; font-weight: 200; }.graphic-circle { right:-50px; top:35px; width:170px; height:170px; border: 18px solid rgba(255,255,255,.16); border-radius:50%; }.graphic-leaf { top:22px; right:3px; font-size:183px; transform:rotate(20deg); }.book-cyan { background: linear-gradient(150deg,#076b94,#18acc6 55%,#82e7d8); }.book-purple { background: linear-gradient(155deg,#161321,#4e257d 56%,#a96fdb); }.book-green { background: linear-gradient(155deg,#0e5d59,#119b85 55%,#7fd4a1); }
.hero-book-left { left: 2%; top: 113px; transform: rotate(-13deg); animation: floatLeft 6.5s ease-in-out infinite; }.hero-book-center { z-index:2; left: 29%; top:48px; width:225px; height:326px; transform: rotate(2deg); animation: floatCenter 7.5s ease-in-out infinite; }.hero-book-right { z-index:1; right: -1%; top:126px; transform: rotate(13deg); animation: floatRight 6.8s ease-in-out infinite; }
@keyframes floatLeft { 50% { transform: rotate(-11deg) translateY(-10px); } } @keyframes floatCenter { 50% { transform: rotate(3deg) translateY(-14px); } } @keyframes floatRight { 50% { transform: rotate(11deg) translateY(-9px); } }
.float-chip { position: absolute; z-index:3; padding: 9px 12px; border: 1px solid rgba(255,255,255,.7); border-radius: 10px; color:#4c4a60; background: rgba(255,255,255,.65); box-shadow: var(--shadow-sm); backdrop-filter: blur(9px); font-size: 9px; font-weight: 800; letter-spacing:.05em; }.chip-one { bottom: 53px; left: 8%; }.chip-two { top: 49px; right: 0; }
.hero-stats { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 50px; padding: 24px 0 0; border-top: 1px solid var(--line); }.hero-stats div { display: grid; gap: 5px; padding-left: 25px; border-left: 1px solid var(--line); }.hero-stats div:first-child { padding-left: 0; border: 0; }.hero-stats strong { font-size: 23px; line-height: 1; letter-spacing: -.055em; }.hero-stats span { color: var(--muted); font-size: 12px; font-weight: 550; }

.campaign-section { padding: 21px 0 4px; background: var(--cloud); }.campaign-card { position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 40px; overflow: hidden; min-height: 166px; padding: 29px 42px; border-radius: var(--radius); color:#fff; background: linear-gradient(105deg,#171427,#30205c 51%,#40317d); box-shadow: var(--shadow); }.campaign-card::before { content:""; position:absolute; z-index:-1; width:430px;height:430px;right:18%;bottom:-290px;border-radius:50%;background:radial-gradient(circle,rgba(157,123,255,.66),transparent 65%); }.campaign-card::after { content:""; position:absolute;z-index:-1;right:-30px;top:-150px;width:330px;height:330px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.04),0 0 0 110px rgba(255,255,255,.025); }.campaign-copy h2 { margin:0 0 5px; font-size:clamp(28px,3vw,40px); }.campaign-copy p:not(.eyebrow) { margin:0;color:rgba(255,255,255,.72);font-size:14px; }.countdown { display:flex;align-items:center;gap:9px; }.countdown div { display:grid;gap:3px;text-align:center; }.countdown b { min-width:48px;color:#fff;font-size:28px;letter-spacing:-.07em;line-height:1; }.countdown span { color:rgba(255,255,255,.58);font-size:8px;font-weight:800;letter-spacing:.08em; }.countdown i { margin-top:-12px;color:rgba(255,255,255,.52);font-style:normal;font-size:24px; }.campaign-button { min-height:47px; padding-inline:17px; font-size:12px;white-space:nowrap; }

.products-section { background: var(--cloud); }.section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:39px; }.section-heading > p { max-width:310px;margin:0;color:var(--muted);font-size:14px;line-height:1.6; }.filters { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:31px; }.filter-button { min-height:36px;padding:0 15px;border:1px solid var(--line);border-radius:99px;color:#55555d;background:transparent;font-size:12px;font-weight:700;transition:all .2s ease; }.filter-button:hover { border-color:#9b9ba1;color:var(--ink); }.filter-button.active { border-color:var(--ink);color:#fff;background:var(--ink);box-shadow:0 5px 13px rgba(0,0,0,.13); }.product-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.product-card { position:relative;display:flex;flex-direction:column;min-width:0;padding:11px 11px 17px;border:1px solid rgba(17,17,17,.06);border-radius:20px;background:#fff;box-shadow:0 3px 0 rgba(0,0,0,.01);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,opacity .25s ease; }.product-card:hover { z-index:1;transform:translateY(-7px);box-shadow:var(--shadow); }.product-card.featured { border-color:rgba(113,73,217,.25);background:linear-gradient(160deg,#fff,#f9f7ff); }.product-card.is-hidden { display:none; }.sale-badge { position:absolute;z-index:3;top:21px;left:20px;padding:6px 8px;border-radius:7px;color:#fff;background:#1b1b22;font-size:8px;font-weight:850;letter-spacing:.05em; }.featured .sale-badge { background:var(--gradient); }.best-badge { position:absolute;z-index:3;top:21px;right:20px;padding:6px 7px;border:1px solid rgba(255,255,255,.24);border-radius:7px;color:#fff;background:rgba(17,17,20,.61);backdrop-filter:blur(4px);font-size:7px;font-weight:800;letter-spacing:.04em; }.product-cover { position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:231px;padding:19px 17px;border-radius:13px 13px 9px 9px;color:#fff;box-shadow:inset -13px 0 0 rgba(0,0,0,.08);transition:transform .32s ease; }.product-card:hover .product-cover { transform:scale(1.018); }.product-cover::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,rgba(255,255,255,.25),transparent 34% 62%,rgba(0,0,0,.14)); }.cover-brand { font-size:8px;font-weight:800;letter-spacing:.13em;opacity:.82; }.cover-name { margin-top:auto;font-size:27px;font-weight:850;line-height:.91;letter-spacing:-.08em; }.cover-name.bundle { font-size:32px; }.cover-foot { margin-top:11px;font-size:7px;font-weight:800;letter-spacing:.08em;opacity:.84; }.cover-decoration { position:absolute;z-index:-1;right:-13px;top:36px;color:rgba(255,255,255,.19);font-size:144px;line-height:.8; }.cover-cyan { background:linear-gradient(150deg,#075d86,#12a5c4 56%,#8ce6da); }.cover-orange { background:linear-gradient(150deg,#9d251f,#dd663b 54%,#f6b168); }.cover-green { background:linear-gradient(150deg,#0e5752,#079f83 57%,#86dca1); }.cover-bundle { background:linear-gradient(150deg,#100f14,#392055 56%,#9460cb); }.cover-bundle .cover-decoration { right:-37px;top:19px;border:18px solid rgba(255,255,255,.14);border-radius:50%;width:156px;height:156px;font-size:0; }.product-content { display:flex;flex:1;flex-direction:column;padding:17px 8px 0; }.product-category { margin:0 0 7px;color:#777781;font-size:10px;font-weight:750; }.product-card h3 { margin-bottom:9px;font-size:19px; }.product-description { min-height:60px;margin:0 0 14px;color:#6c6c74;font-size:12px;line-height:1.5; }.product-rating { display:flex;gap:7px;align-items:center;margin-bottom:16px;color:#77777e;font-size:10px;font-weight:650; }.product-rating b { color:#5952c8;letter-spacing:.04em;font-size:11px; }.price-row { display:flex;align-items:flex-end;gap:8px;margin-top:auto;margin-bottom:15px; }.current-price { font-size:22px;font-weight:850;letter-spacing:-.065em; }.old-price { margin-bottom:3px;color:#9999a1;font-size:11px;font-weight:650;text-decoration:line-through; }.product-actions { display:grid;grid-template-columns:1fr auto;gap:7px; }.add-button,.buy-button { min-height:39px;padding:0 8px;border:0;border-radius:10px;font-size:11px;font-weight:800;transition:all .2s ease; }.add-button { color:#fff;background:var(--ink); }.add-button:hover { background:#393942;transform:translateY(-1px); }.buy-button { min-width:63px;border:1px solid var(--line);color:var(--ink);background:#fff; }.buy-button:hover { border-color:#888891;background:#fafafa; }

.detail-link { display:inline-flex;align-items:center;align-self:flex-start;gap:5px;margin:0 0 13px;padding:0;border:0;color:#5750ba;background:transparent;font-size:10px;font-weight:800; }.detail-link span { font-size:14px;transition:transform .2s ease; }.detail-link:hover span { transform:translateX(3px); }

.benefits-section { background:#fff; }.center-heading { max-width:620px;margin:0 auto 47px;text-align:center; }.center-heading h2 { margin-bottom:15px; }.center-heading > p:last-child { margin:0;color:var(--muted);font-size:15px; }.benefit-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }.benefit-card { min-height:205px;padding:25px 21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#fafafa);transition:transform .25s ease,box-shadow .25s ease; }.benefit-card:hover { transform:translateY(-4px);box-shadow:var(--shadow-sm); }.benefit-icon { display:grid;place-items:center;width:36px;height:36px;margin-bottom:27px;border-radius:11px;color:#5d51d3;background:#f1efff;font-size:19px;font-weight:700; }.benefit-card h3 { margin-bottom:10px;font-size:18px; }.benefit-card p { margin:0;color:var(--muted);font-size:12px;line-height:1.58; }

.testimonial-section { overflow:hidden;background:#f4f4f6; }.slider-controls { display:flex;gap:8px; }.slider-controls button { width:39px;height:39px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fff;font-size:18px;transition:all .2s ease; }.slider-controls button:hover { color:#fff;background:var(--ink); }.testimonial-window { overflow:visible; }.testimonial-track { display:flex;gap:15px;transition:transform .55s cubic-bezier(.2,.7,.2,1); }.testimonial-card { flex:0 0 calc((100% - 30px) / 3);min-height:250px;display:flex;flex-direction:column;padding:27px;border:1px solid rgba(17,17,17,.065);border-radius:19px;background:#fff; }.stars { margin-bottom:22px;color:#6659df;font-size:13px;letter-spacing:.05em; }.testimonial-card blockquote { margin:0 0 25px;font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.035em; }.testimonial-card p { margin:0 0 5px;font-size:13px;font-weight:750; }.testimonial-card span { color:var(--muted);font-size:10px; }.slider-dots { display:flex;justify-content:center;gap:6px;margin-top:26px; }.slider-dots button { width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#c5c5cb;transition:all .25s ease; }.slider-dots button.active { width:22px;border-radius:9px;background:#5d55c9; }

.steps-section { background:#fff; }.steps-line { display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:70px; }.steps-line::before { content:"";position:absolute;top:26px;left:13%;right:13%;height:1px;background:linear-gradient(90deg,transparent,#d8d8de 10% 90%,transparent); }.step { position:relative;z-index:1;text-align:center; }.step span { display:grid;place-items:center;width:53px;height:53px;margin:0 auto 20px;border:1px solid rgba(94,79,205,.18);border-radius:50%;color:#5e51c7;background:#f7f6ff;font-size:13px;font-weight:850; }.step h3 { margin-bottom:10px;font-size:20px; }.step p { max-width:230px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.55; }

.faq-section { background:var(--cloud); }.faq-layout { display:grid;grid-template-columns:.76fr 1.24fr;gap:100px;align-items:start; }.faq-intro { position:sticky;top:115px; }.faq-intro h2 { margin-bottom:18px; }.faq-intro > p:not(.eyebrow) { max-width:325px;margin-bottom:25px;color:var(--muted);font-size:14px;line-height:1.6; }.text-link { display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800; }.text-link span { font-size:18px;transition:transform .2s ease; }.text-link:hover span { transform:translateX(4px); }.faq-list { border-top:1px solid var(--line); }.faq-item { border-bottom:1px solid var(--line); }.faq-item button { width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 4px;border:0;color:var(--ink);background:transparent;text-align:left;font-size:16px;font-weight:740; }.faq-item button span { color:#77777d;font-size:25px;font-weight:300;line-height:1;transition:transform .25s ease; }.faq-answer { display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease; }.faq-answer p { overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.62; }.faq-item.open .faq-answer { grid-template-rows:1fr; }.faq-item.open .faq-answer p { padding:0 4px 22px; }.faq-item.open button span { transform:rotate(45deg); }

.final-cta { padding-top:88px;padding-bottom:88px;background:#fff; }.cta-card { position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:53px 57px;border-radius:26px;color:#fff;background:linear-gradient(105deg,#1a1728,#33245d 52%,#55348b); }.cta-card::before { content:"";position:absolute;z-index:-1;width:450px;height:450px;right:6%;top:-265px;border-radius:50%;background:radial-gradient(circle,rgba(186,137,255,.73),transparent 63%); }.cta-card::after { content:"";position:absolute;z-index:-1;width:480px;height:480px;right:-175px;bottom:-350px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.035); }.cta-card h2 { max-width:620px;margin-bottom:14px; }.cta-card p:not(.eyebrow) { max-width:560px;margin:0;color:rgba(255,255,255,.69);font-size:15px; }.cta-card .button { flex:0 0 auto; }

.site-footer { padding-top:62px;color:#fff;background:#151519; }.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:52px; }.footer-brand { display:inline-block;margin-bottom:13px;color:#fff; }.footer-brand span { color:#a8a8ae; }.footer-grid p { max-width:225px;margin:0;color:#929298;font-size:13px;line-height:1.55; }.footer-grid h3 { margin:3px 0 14px;color:#919198;font-size:10px;letter-spacing:.1em; }.footer-grid div:not(:first-child) { display:flex;flex-direction:column;align-items:flex-start;gap:9px; }.footer-grid a:not(.brand) { color:#efeff2;font-size:13px;transition:color .2s ease; }.footer-grid a:not(.brand):hover { color:#a294ff; }.footer-bottom { display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);color:#88888f;font-size:11px; }.footer-bottom a { color:#b9b9c0;font-weight:700; }.footer-bottom a span { padding-left:4px;color:#fff;font-size:16px; }

.overlay { position:fixed;z-index:150;inset:0;background:rgba(20,20,24,.39);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease; }.overlay.is-visible { opacity:1; }.cart-drawer { position:fixed;z-index:151;top:0;right:0;width:min(446px,100%);height:100dvh;display:flex;flex-direction:column;padding:27px 24px 20px;transform:translateX(105%);color:var(--ink);background:#fff;box-shadow:-18px 0 60px rgba(10,10,15,.15);transition:transform .35s cubic-bezier(.2,.8,.2,1); }.cart-drawer.is-open { transform:translateX(0); }.drawer-header,.checkout-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px; }.drawer-header { padding-bottom:20px;border-bottom:1px solid var(--line); }.drawer-header .eyebrow,.checkout-header .eyebrow { margin-bottom:7px; }.drawer-header h2,.checkout-header h2 { font-size:28px; }.drawer-header h2 span { color:#8d8d95;font-weight:500; }.close-button { flex:0 0 auto;width:37px;height:37px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;color:#54545c;background:#fff;font-size:26px;font-weight:300;line-height:1;transition:all .2s ease; }.close-button:hover { color:#fff;background:var(--ink);border-color:var(--ink); }.cart-items { flex:1;overflow:auto;padding:8px 2px; }.cart-item { display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line); }.cart-cover { width:64px;height:75px;display:flex;align-items:flex-end;padding:7px;border-radius:7px;color:#fff;box-shadow:inset -5px 0 0 rgba(0,0,0,.08);font-size:8px;font-weight:850;line-height:.95;letter-spacing:-.04em; }.cart-item-info h3 { margin:0 0 6px;font-size:14px; }.cart-item-info p { margin:0 0 10px;color:#686870;font-size:12px;font-weight:750; }.quantity-control { display:inline-grid;grid-template-columns:26px 31px 26px;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden; }.quantity-control button { width:26px;height:27px;border:0;color:#55555d;background:#fafafa;font-size:16px;line-height:1; }.quantity-control button:hover { color:#fff;background:var(--ink); }.quantity-control span { text-align:center;font-size:11px;font-weight:800; }.cart-item-actions { align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:7px; }.cart-item-actions strong { font-size:12px; }.remove-item { padding:0;border:0;color:#9a9aa1;background:transparent;font-size:11px;text-decoration:underline; }.remove-item:hover { color:#d04545; }.empty-cart { display:grid;place-content:center;min-height:330px;text-align:center; }.empty-cart span { display:grid;place-items:center;width:55px;height:55px;margin:0 auto 16px;border-radius:18px;color:#6a5fd1;background:#f1efff;font-size:28px; }.empty-cart h3 { margin-bottom:8px;font-size:20px; }.empty-cart p { margin:0 0 20px;color:var(--muted);font-size:13px; }.cart-summary { padding-top:18px;border-top:1px solid var(--line); }.summary-row { display:flex;justify-content:space-between;gap:15px;margin-bottom:11px;color:#66666e;font-size:13px; }.summary-row b { color:var(--ink); }.summary-row.discount b { color:#5c52c7; }.summary-row.total { align-items:end;margin:18px 0;color:var(--ink);font-size:14px;font-weight:800; }.summary-row.total b { font-size:24px;letter-spacing:-.06em; }.checkout-button { width:100%;margin-bottom:10px; }.cart-security { margin:0;color:#8a8a91;text-align:center;font-size:10px; }.cart-security span { color:#665bd1; }

.search-overlay,.checkout-overlay { position:fixed;z-index:160;inset:0;display:grid;place-items:start center;overflow-y:auto;padding:86px 20px 40px;background:rgba(20,20,25,.35);backdrop-filter:blur(7px);opacity:0;transition:opacity .25s ease; }.search-overlay.show,.checkout-overlay.show { opacity:1; }.search-modal { width:min(680px,100%);padding:15px 17px 17px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);transform:translateY(-11px) scale(.98);transition:transform .28s ease; }.show .search-modal,.show .checkout-modal { transform:translateY(0) scale(1); }.search-top { display:flex;gap:10px; }.search-input-wrap { flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fafafa; }.search-input-wrap svg { width:19px;fill:none;stroke:#66666d;stroke-width:1.8;stroke-linecap:round; }.search-input-wrap input { width:100%;height:46px;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px; }.search-input-wrap input::placeholder { color:#9a9aa1; }.search-hint,.esc-hint { margin:15px 3px;color:#8a8a91;font-size:11px; }.search-hint button { padding:0;border:0;color:#5d53bf;background:transparent;font-size:11px;font-weight:800;text-decoration:underline; }.esc-hint { margin-bottom:0;color:#aaaab0;text-align:center; }.search-results { min-height:72px; }.search-result { display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:10px 5px;border-top:1px solid var(--line); }.search-result:first-child { border-top:0; }.search-cover { width:42px;height:50px;display:flex;align-items:end;padding:5px;border-radius:5px;color:white;font-size:6px;font-weight:850;line-height:.9; }.search-result h3 { margin:0 0 4px;font-size:13px; }.search-result p { margin:0;color:#85858d;font-size:10px; }.search-result > b { font-size:12px; }.no-results { padding:23px 5px;color:#85858d;text-align:center;font-size:13px; }

.product-overlay { position:fixed;z-index:165;inset:0;display:grid;place-items:center;overflow-y:auto;padding:25px 16px;background:rgba(20,20,25,.35);backdrop-filter:blur(7px);opacity:0;transition:opacity .25s ease; }.product-overlay.show { opacity:1; }.product-modal { position:relative;width:min(750px,100%);display:grid;grid-template-columns:.8fr 1.2fr;gap:29px;padding:23px;border:1px solid rgba(255,255,255,.7);border-radius:23px;background:#fff;box-shadow:var(--shadow-lg);transform:translateY(10px) scale(.985);transition:transform .28s ease; }.show .product-modal { transform:translateY(0) scale(1); }.product-modal-close { position:absolute;z-index:3;top:15px;right:15px; }.detail-cover { min-height:382px;border-radius:16px;box-shadow:inset -17px 0 0 rgba(0,0,0,.08); }.detail-copy { display:flex;flex-direction:column;padding:8px 6px 4px 0; }.detail-copy .product-category { margin-bottom:12px; }.detail-copy h2 { margin:0 0 13px;font-size:clamp(29px,4vw,42px); }.detail-copy > p { margin:0 0 17px;color:var(--muted);font-size:14px;line-height:1.65; }.detail-rating { display:flex;gap:8px;align-items:center;margin-bottom:17px;color:#76767d;font-size:11px;font-weight:700; }.detail-rating b { color:#5e53c9;letter-spacing:.08em; }.detail-includes { margin:0 0 21px;padding:13px 0 13px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#595961;font-size:12px;line-height:1.8; }.detail-price { display:flex;align-items:center;gap:10px;margin-top:auto;margin-bottom:15px; }.detail-price .current-price { font-size:29px; }.detail-actions { display:grid;grid-template-columns:1fr 115px;gap:8px; }

.checkout-overlay { z-index:170;place-items:center;padding:28px 16px; }.checkout-modal { width:min(920px,100%);max-height:min(770px,calc(100dvh - 40px));overflow:auto;padding:26px 28px 28px;border:1px solid rgba(255,255,255,.7);border-radius:23px;background:#fff;box-shadow:var(--shadow-lg);transform:translateY(10px) scale(.985);transition:transform .28s ease; }.checkout-header { padding-bottom:20px;border-bottom:1px solid var(--line); }.checkout-content { padding-top:22px; }.checkout-layout { display:grid;grid-template-columns:1.07fr .93fr;gap:28px; }.checkout-form-side { min-width:0; }.form-title { margin:0 0 15px;font-size:17px; }.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:13px; }.field { display:grid;gap:7px; }.field.full { grid-column:1 / -1; }.field label { color:#46464e;font-size:11px;font-weight:750; }.field input { width:100%;height:44px;padding:0 12px;border:1px solid #ddddE3;border-radius:10px;color:var(--ink);background:#fff;outline:none;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease; }.field input:focus { border-color:#7668e9;box-shadow:0 0 0 3px rgba(111,95,225,.12); }.field input.invalid { border-color:#db5d5d; }.payment-choice { display:flex;align-items:center;gap:10px;margin:22px 0 16px;padding:13px;border:1px solid #d9d7fb;border-radius:12px;background:#f8f7ff; }.payment-choice span { display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;background:#6357d4;font-size:14px; }.payment-choice b { font-size:12px; }.demo-note { margin:14px 0 0;padding:10px 12px;border-radius:10px;color:#7e6a35;background:#fff8e8;font-size:11px;line-height:1.45; }.order-summary { align-self:start;padding:20px;border-radius:15px;background:#f6f6f8; }.order-summary h3 { margin-bottom:17px;font-size:17px; }.order-line { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(17,17,17,.08);font-size:12px; }.order-line div { display:flex;align-items:center;gap:9px;min-width:0; }.order-line span { display:grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border-radius:6px;color:#fff;background:#6357d4;font-size:8px;font-weight:800; }.order-line p { overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-weight:700; }.order-line b { white-space:nowrap;font-size:11px; }.checkout-totals { padding-top:15px; }.checkout-totals .summary-row { margin-bottom:8px;font-size:12px; }.checkout-totals .summary-row.total { margin:14px 0 20px;font-size:13px; }.complete-order { width:100%; }.success-screen { min-height:342px;display:grid;place-content:center;text-align:center; }.success-icon { display:grid;place-items:center;width:66px;height:66px;margin:0 auto 21px;border-radius:23px;color:#fff;background:var(--gradient);box-shadow:0 12px 25px rgba(95,78,210,.26);font-size:30px; }.success-screen h3 { margin-bottom:10px;font-size:27px; }.success-screen p { max-width:390px;margin:0 auto 23px;color:var(--muted);font-size:14px; }.success-screen .button { margin:0 auto; }

.toast-region { position:fixed;z-index:300;right:20px;bottom:20px;display:grid;gap:8px;width:min(340px,calc(100% - 40px));pointer-events:none; }.toast { display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid rgba(255,255,255,.8);border-radius:14px;color:#24242a;background:rgba(255,255,255,.85);box-shadow:0 10px 29px rgba(23,23,31,.14);backdrop-filter:blur(13px);animation:toastIn .35s cubic-bezier(.2,.8,.2,1) both; }.toast.out { animation:toastOut .25s ease forwards; }.toast-icon { display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;color:#fff;background:#5f55cf;font-size:12px;font-weight:800; }.toast.remove .toast-icon { background:#c96262; }.toast p { margin:2px 0 0;font-size:12px;font-weight:700;line-height:1.35; } @keyframes toastIn { from { opacity:0; transform:translateY(12px) scale(.96); } } @keyframes toastOut { to { opacity:0; transform:translateX(12px) scale(.96); } }

.reveal { opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }.reveal.revealed { opacity:1;transform:none; }

@media (max-width: 1040px) { .product-grid { grid-template-columns:repeat(2,1fr);gap:18px; }.product-cover { min-height:245px; }.hero-books { transform:scale(.91);transform-origin:center right; }.benefit-grid { grid-template-columns:repeat(2,1fr); }.testimonial-card { flex-basis:calc((100% - 15px)/2); }.faq-layout { gap:60px; }.campaign-card { grid-template-columns:1fr auto; }.campaign-button { grid-column:1 / -1;justify-self:start; }.desktop-nav { gap:17px; }.nav-cta { display:none; } }
@media (max-width: 780px) { .container { width:min(100% - 32px, 620px); }.section-pad { padding:80px 0; }.site-header { padding:10px 0; }.nav-shell { width:calc(100% - 20px);min-height:52px;padding:0 8px 0 14px;background:rgba(255,255,255,.74);border-color:rgba(255,255,255,.85);box-shadow:0 5px 22px rgba(35,35,43,.07);backdrop-filter:blur(13px); }.desktop-nav { display:none; }.nav-actions { gap:3px; }.nav-actions .search-trigger { display:none; }.menu-toggle { display:grid;margin-left:2px; }.menu-toggle i { width:17px;height:1.5px;background:#151519;transition:transform .2s ease; }.menu-toggle.open i:first-child { transform:translateY(3.5px) rotate(45deg); }.menu-toggle.open i:last-child { transform:translateY(-3.5px) rotate(-3.5deg); }.menu-toggle.open i:last-child { transform:translateY(-3.5px) rotate(-45deg); }.mobile-menu { position:absolute;top:61px;left:10px;right:10px;display:grid;gap:1px;max-height:0;padding:0 16px;overflow:hidden;border:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 13px 35px rgba(29,29,37,.12);backdrop-filter:blur(17px);opacity:0;transition:max-height .35s ease,padding .35s ease,opacity .25s ease,border-color .25s ease; }.mobile-menu.open { max-height:400px;padding:13px 16px 16px;border-color:rgba(17,17,17,.08);opacity:1; }.mobile-menu a,.mobile-search { padding:11px 3px;border:0;color:#33333a;background:transparent;text-align:left;font-size:14px;font-weight:700;opacity:0;transform:translateY(-5px);transition:opacity .25s ease,transform .25s ease; }.mobile-menu.open a,.mobile-menu.open .mobile-search { opacity:1;transform:none; }.mobile-menu.open a:nth-child(1) { transition-delay:.04s; }.mobile-menu.open a:nth-child(2) { transition-delay:.08s; }.mobile-menu.open a:nth-child(3) { transition-delay:.12s; }.mobile-menu.open a:nth-child(4) { transition-delay:.16s; }.mobile-menu.open a:nth-child(5) { transition-delay:.2s; }.mobile-search { display:flex;justify-content:space-between;align-items:center; }.mobile-search span { font-size:21px; }.mobile-menu .button { margin-top:7px;opacity:0;transition-delay:.24s; }.mobile-menu.open .button { opacity:1; }.hero { min-height:auto;padding-top:104px;padding-bottom:38px; }.hero-layout { grid-template-columns:1fr;gap:5px; }.hero-copy { padding:23px 0 0;text-align:center; }.hero h1 { max-width:620px;margin-inline:auto;font-size:clamp(45px,12vw,62px); }.hero-description { margin-inline:auto; }.hero-actions { justify-content:center; }.trust-line { justify-content:center; }.hero-books { width:min(475px,calc(100% + 22px));min-height:370px;margin:0 auto -7px;transform:none; }.hero-book { width:152px;height:220px;padding:14px 13px; }.hero-book-center { left:calc(50% - 77px);top:46px;width:168px;height:244px; }.hero-book-left { left:5%;top:108px; }.hero-book-right { right:5%;top:112px; }.book-cover-title { font-size:23px; }.book-cover-title.small { font-size:28px; }.graphic-up { top:45px;font-size:101px; }.graphic-leaf { top:12px;font-size:135px; }.graphic-circle { width:130px;height:130px;border-width:13px; }.float-chip { font-size:8px; }.chip-one { bottom:39px;left:4%; }.chip-two { top:55px;right:2%; }.hero-orbit { width:260px;height:260px; }.hero-stats { grid-template-columns:repeat(2,1fr);gap:22px 0;margin-top:18px;padding-top:24px; }.hero-stats div { padding-left:17px; }.hero-stats div:nth-child(3) { padding-left:0;border-left:0; }.campaign-section { padding-top:17px; }.campaign-card { grid-template-columns:1fr;gap:23px;padding:28px 25px; }.campaign-button { grid-column:auto;justify-self:start; }.countdown { gap:8px; }.countdown b { min-width:42px;font-size:27px; }.section-heading { display:block;margin-bottom:29px; }.section-heading > p { margin-top:14px; }.product-grid { grid-template-columns:1fr;gap:15px; }.product-card { padding:10px 10px 16px; }.product-cover { min-height:215px; }.product-description { min-height:auto; }.product-actions { grid-template-columns:1fr 80px; }.benefit-grid { grid-template-columns:1fr 1fr;gap:10px; }.benefit-card { min-height:175px;padding:19px 15px; }.benefit-icon { width:32px;height:32px;margin-bottom:20px; }.benefit-card h3 { font-size:16px; }.benefit-card p { font-size:11px; }.testimonial-card { flex-basis:100%;min-height:225px;padding:23px; }.testimonial-card blockquote { font-size:20px; }.steps-line { grid-template-columns:1fr;gap:12px;margin-left:8px; }.steps-line::before { top:28px;bottom:25px;left:26px;right:auto;width:1px;height:auto;background:linear-gradient(#d8d8de 80%,transparent); }.step { display:grid;grid-template-columns:54px 1fr;text-align:left;column-gap:18px; }.step span { grid-row:span 2;margin:0; }.step h3 { align-self:end;margin:0 0 6px; }.step p { margin:0;max-width:none;grid-column:2; }.faq-layout { grid-template-columns:1fr;gap:32px; }.faq-intro { position:static; }.faq-intro > p:not(.eyebrow) { max-width:none; }.cta-card { display:block;padding:35px 28px; }.cta-card h2 { font-size:clamp(31px,9vw,45px); }.cta-card .button { margin-top:23px; }.footer-grid { grid-template-columns:1.5fr 1fr;gap:33px 18px; }.footer-grid > div:first-child { grid-column:1 / -1; }.footer-bottom { align-items:center;gap:15px; }.cart-drawer { padding:23px 18px 18px; }.checkout-modal { max-height:calc(100dvh - 22px);padding:21px 17px; }.checkout-layout { grid-template-columns:1fr;gap:19px; }.order-summary { order:-1; }.checkout-header h2 { font-size:25px; }.checkout-overlay { padding:11px; }.search-overlay { padding:72px 12px 25px; }.search-modal { padding:12px; }.product-overlay { padding:14px; }.product-modal { grid-template-columns:1fr;gap:18px;padding:15px; }.detail-cover { min-height:210px;padding:17px; }.detail-copy { padding:0 2px; }.detail-actions { grid-template-columns:1fr 98px; }.toast-region { right:16px;bottom:16px;width:calc(100% - 32px); } }
@media (max-width: 410px) { .nav-actions .cart-trigger { width:35px; }.hero-actions { display:grid;grid-template-columns:1fr;width:100%; }.hero-actions .button { width:100%; }.hero-books { transform:scale(.88);margin:-16px auto -33px; }.hero-stats strong { font-size:20px; }.campaign-card { padding:25px 20px; }.countdown { justify-content:space-between;gap:3px; }.countdown b { min-width:35px;font-size:24px; }.countdown i { font-size:18px; }.filters { gap:6px; }.filter-button { padding:0 12px; }.benefit-grid { grid-template-columns:1fr; }.benefit-card { min-height:auto; }.footer-grid { grid-template-columns:1fr 1fr; }.footer-bottom { font-size:10px; }.form-grid { grid-template-columns:1fr; }.field.full { grid-column:auto; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }

/* LOWIZ STORE premium dark atmosphere and new interactive surfaces */
.scroll-progress { position:fixed;z-index:400;inset:0 0 auto;height:2px;background:transparent;pointer-events:none; }.scroll-progress span { display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7696ff,#a77aff);box-shadow:0 0 12px rgba(132,111,255,.8); }
.theme-toggle { min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:rgba(255,255,255,.45);font-size:9px;font-weight:850;letter-spacing:.07em;transition:transform .22s ease,background .22s ease,border-color .22s ease; }.theme-toggle:hover { transform:translateY(-1px);border-color:rgba(102,83,222,.45);background:#f2f1ff; }.theme-toggle:active,.button:active,.add-button:active,.buy-button:active { transform:translateY(1px) scale(.98); }.theme-toggle-icon { font-size:15px;line-height:1; }.theme-toggle-text { font-size:8px; }
.desktop-nav a.active { color:var(--ink); }.desktop-nav a.active::after { content:"";display:block;width:4px;height:4px;margin:4px auto -8px;border-radius:50%;background:#7665e8; }.button,.add-button,.buy-button { position:relative;overflow:hidden;isolation:isolate; }.button::before,.add-button::before,.buy-button::before { content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.18) 46%,transparent 72%);transform:translateX(-105%);transition:transform .55s ease,opacity .25s ease; }.button:hover::before,.add-button:hover::before,.buy-button:hover::before { opacity:1;transform:translateX(105%); }
.package-collection { margin-top:92px;padding-top:60px;border-top:1px solid var(--line); }.package-heading { display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:31px; }.package-heading h2 { margin:0; }.package-heading > p { max-width:360px;margin:0;color:var(--muted);font-size:14px;line-height:1.6; }.package-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.package-card .product-cover { min-height:190px; }.package-includes { display:grid;gap:4px;margin:0 0 13px;padding:10px 0 10px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#65656d;font-size:10px;line-height:1.35; }.package-includes li::marker { color:#7766df; }.empty-results { grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center; }.about-story { display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;margin-bottom:105px;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.about-story h2 { max-width:470px;margin:0; }.about-story p:not(.eyebrow) { max-width:560px;margin:3px 0 25px;color:var(--muted);font-size:15px;line-height:1.7; }.about-values { display:flex;flex-wrap:wrap;gap:8px; }.about-values span { padding:8px 11px;border:1px solid var(--line);border-radius:99px;font-size:10px;font-weight:800; }
.about-story .about-quote{margin-top:28px;padding-left:15px;border-left:2px solid #8e79ff;color:#e2ddff;font-weight:700}.founder-note{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:30px;padding:10px 13px;border:1px solid rgba(145,125,255,.36);border-radius:12px;color:#dcd7ff;background:linear-gradient(120deg,rgba(111,86,224,.16),rgba(66,161,255,.1));box-shadow:0 10px 28px rgba(0,0,0,.16);font-size:10px;letter-spacing:.02em}.founder-note i{width:3px;height:3px;border-radius:50%;background:#8d7aff}.founder-note strong{font-size:10px;letter-spacing:.05em}@media(max-width:520px){.founder-note{width:100%;align-items:flex-start;flex-wrap:wrap;gap:7px}.founder-note i{margin-top:5px}.founder-note strong{width:100%}}
.promo-box { margin:14px 0 18px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fafafa; }.promo-box label { display:block;margin:0 0 7px;font-size:10px;font-weight:800; }.promo-box > div { display:flex;gap:7px; }.promo-box input { min-width:0;flex:1;height:35px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:11px;font-weight:700;text-transform:uppercase; }.promo-box input:focus { border-color:#7767e8;outline:2px solid rgba(119,103,232,.14); }.promo-box button { height:35px;padding:0 10px;border:0;border-radius:8px;color:#fff;background:#1d1d23;font-size:10px;font-weight:800; }.remove-promo { width:100%;height:auto!important;margin-top:8px!important;padding:0!important;color:#6658ce!important;background:transparent!important;text-align:left;text-decoration:underline; }.summary-row.promo b { color:#5f55cb; }.detail-audience,.digital-note { padding:11px 12px;border-radius:10px;background:#f7f6fc!important;color:#575762!important;font-size:12px!important;line-height:1.52!important; }.digital-note { margin-top:0!important; }.detail-discount { padding:5px 7px;border-radius:7px;color:#5f53c8;background:#eeebff;font-size:9px;font-weight:850; }

html[data-theme="dark"] { color-scheme:dark; --ink:#f7f7f9; --ink-soft:#eeeeF2; --muted:#a4a4ac; --line:rgba(255,255,255,.11); --paper:#070707; --cloud:#0b0b0d; --snow:#101014; --shadow-sm:0 10px 24px rgba(0,0,0,.24); --shadow:0 20px 55px rgba(0,0,0,.34); --shadow-lg:0 32px 84px rgba(0,0,0,.58); }
html[data-theme="dark"] body { background:#070707;color:#f7f7f9; }.site-header.scrolled .nav-shell,html[data-theme="dark"] .nav-shell { background:rgba(15,15,18,.77);border-color:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.25); }.scrolled .nav-shell { backdrop-filter:blur(18px); }.brand { font-size:20px;letter-spacing:-.075em; }.brand span { background:linear-gradient(110deg,#d9dce7,#8789a4 42%,#aa94ee);-webkit-background-clip:text;background-clip:text;color:transparent; }.desktop-nav a { color:#b8b8c0; }.desktop-nav a:hover,.desktop-nav a.active { color:#fff; }.theme-toggle { color:#e5e4eb;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12); }.theme-toggle:hover { background:rgba(140,113,255,.16);border-color:rgba(159,136,255,.48); }.icon-button { color:#efeff4; }.icon-button:hover { background:rgba(255,255,255,.09); }.cart-badge { border-color:#111116; }.hero { background:radial-gradient(circle at 82% 30%,rgba(90,72,166,.25),transparent 26%),radial-gradient(circle at 20% 95%,rgba(26,70,118,.13),transparent 32%),linear-gradient(180deg,#09090b 0%,#0d0d11 100%); }.hero h1 { color:#fafafe; }.hero-description,.trust-line { color:#a9a9b1; }.hero-badge { border-color:rgba(153,132,255,.21);color:#c3b7ff;background:rgba(112,88,214,.12); }.mini-avatars b { border-color:#0b0b0e; }.hero-stats { border-color:rgba(255,255,255,.11); }.hero-stats div { border-color:rgba(255,255,255,.11); }.hero-stats span { color:#9d9da6; }.button { background:#f5f5f8;color:#17171a;box-shadow:0 10px 22px rgba(0,0,0,.3); }.button:hover { box-shadow:0 14px 29px rgba(139,112,255,.19); }.button-ghost { color:#f3f3f6;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16); }.button-ghost:hover { background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.28); }.campaign-section,.products-section,.benefits-section,.testimonial-section,.steps-section,.faq-section { background:#0b0b0d; }.campaign-card { background:linear-gradient(110deg,#181328,#2d2054 53%,#29214e); }.products-section { border-top:1px solid rgba(255,255,255,.04); }.product-card { border-color:rgba(255,255,255,.1);background:linear-gradient(160deg,#15151a,#111114);box-shadow:0 4px 0 rgba(255,255,255,.01); }.product-card.featured { border-color:rgba(153,121,255,.42);background:linear-gradient(145deg,#191622,#15111e); }.product-card:hover { box-shadow:0 22px 52px rgba(0,0,0,.38); }.product-category,.product-description,.product-rating,.old-price { color:#9e9ea7; }.detail-link { color:#bcaeff; }.package-includes { border-color:rgba(255,255,255,.09);color:#b1b1ba; }.benefit-card { border-color:rgba(255,255,255,.1);background:linear-gradient(155deg,#141419,#0f0f12); }.benefit-card p,.step p,.center-heading > p:last-child,.section-heading > p,.package-heading > p { color:#a4a4ac; }.benefit-icon { color:#c6bcff;background:rgba(130,106,255,.15); }.testimonial-card { border-color:rgba(255,255,255,.09);background:#15151a; }.testimonial-section { background:linear-gradient(180deg,#111116,#0b0b0d); }.slider-controls button { border-color:rgba(255,255,255,.14);color:#eeeef2;background:#17171c; }.slider-controls button:hover { color:#151519;background:#f2f2f5; }.steps-line::before { background:linear-gradient(90deg,transparent,#383842 10% 90%,transparent); }.step span { border-color:rgba(146,124,255,.29);color:#c6bcff;background:rgba(109,85,212,.15); }.faq-section { background:#101014; }.faq-item { border-color:rgba(255,255,255,.1); }.faq-item button { color:#f0f0f4; }.faq-item button span { color:#aaaab3; }.faq-answer p,.faq-intro > p:not(.eyebrow) { color:#a6a6af; }.final-cta { background:#09090b; }.cta-card { border:1px solid rgba(255,255,255,.08);background:linear-gradient(110deg,#161220,#2f2155 58%,#241d46); }.site-footer { background:#070708; }.footer-grid a:not(.brand) { color:#dfdfe5; }.footer-bottom { border-color:rgba(255,255,255,.09); }.cart-drawer,.search-modal,.product-modal,.checkout-modal { color:#f1f1f5;background:#121216;border-color:rgba(255,255,255,.11); }.drawer-header,.cart-item,.cart-summary,.checkout-header { border-color:rgba(255,255,255,.1); }.close-button { border-color:rgba(255,255,255,.13);color:#d9d9df;background:#1c1c22; }.close-button:hover { color:#151519;background:#f5f5f7; }.cart-item-info p,.cart-security { color:#a2a2ab; }.quantity-control { border-color:rgba(255,255,255,.13); }.quantity-control button { color:#e8e8ee;background:#202026; }.quantity-control button:hover { color:#17171b;background:#f1f1f4; }.remove-item { color:#a9a9b1; }.promo-box { border-color:rgba(255,255,255,.1);background:#1a1a20; }.promo-box input { color:#f1f1f5;border-color:rgba(255,255,255,.14);background:#111116; }.promo-box button { color:#18181b;background:#f0f0f4; }.summary-row { color:#aaaab3; }.summary-row b,.summary-row.total { color:#f5f5f8; }.order-summary { background:#1a1a20; }.order-line { border-color:rgba(255,255,255,.09); }.search-overlay,.product-overlay,.checkout-overlay { background:rgba(0,0,0,.65); }.search-input-wrap { border-color:rgba(255,255,255,.12);background:#1a1a20; }.search-input-wrap input { color:#f5f5f8; }.search-input-wrap svg { stroke:#c8c8d0; }.search-result { width:100%;border-color:rgba(255,255,255,.09);color:#f3f3f6;background:transparent;text-align:left; }.search-result:hover { background:rgba(255,255,255,.05); }.search-result p,.search-result small { color:#a7a7af; }.detail-copy > p { color:#b1b1ba; }.detail-audience,.digital-note { color:#c9c9d1!important;background:#1a1a21!important; }.detail-includes { border-color:rgba(255,255,255,.1);color:#d2d2d9; }.detail-discount { color:#cec5ff;background:rgba(131,106,255,.18); }.field label { color:#d9d9df; }.field input { border-color:rgba(255,255,255,.13);color:#f4f4f8;background:#18181e; }.payment-choice { border-color:rgba(149,129,255,.26);background:rgba(123,100,231,.11); }.demo-note { color:#e0c985;background:#30291a; }.empty-cart p,.no-results { color:#a2a2aa; }
html[data-theme="dark"] .mobile-menu { background:rgba(18,18,22,.95);border-color:rgba(255,255,255,.1); }.mobile-menu a,.mobile-search { color:#eeeef3; }.menu-toggle i { background:#ededf2; }
html[data-theme="dark"] .add-button { color:#17171b;background:#f1f1f5; } html[data-theme="dark"] .add-button:hover { background:#fff; } html[data-theme="dark"] .buy-button { color:#f0f0f4;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16); } html[data-theme="dark"] .buy-button:hover { color:#fff;border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.1); }
.whatsapp-button { width:100%;margin-bottom:10px;color:#fff!important;background:#1f9d55!important;box-shadow:0 10px 22px rgba(31,157,85,.2)!important; }.whatsapp-button:hover { background:#22aa5b!important;box-shadow:0 14px 28px rgba(31,157,85,.3)!important; }
@media (max-width:1040px) { .package-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:780px) { .theme-toggle { width:34px;padding:0;justify-content:center; }.theme-toggle-text { display:none; }.package-collection { margin-top:58px;padding-top:48px; }.package-heading { display:block;margin-bottom:23px; }.package-heading > p { margin-top:14px; }.package-grid { grid-template-columns:1fr; }.about-story { grid-template-columns:1fr;gap:24px;margin-bottom:68px;padding:34px 0; }.about-story p:not(.eyebrow) { font-size:14px; }.mobile-menu .button { color:#17171a; }.nav-actions { gap:1px; } }
.campaign-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.promo-copy-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);font-size:11px}.promo-copy-card button,.comparison-table button{border:0;border-radius:8px;padding:7px 10px;background:#fff;color:#17171a;font-size:10px;font-weight:800}.comparison-section{margin-top:95px;padding-top:68px;border-top:1px solid var(--line)}.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px}.comparison-table{min-width:760px;width:100%;border-collapse:collapse;text-align:center;font-size:12px}.comparison-table th,.comparison-table td{padding:14px;border-bottom:1px solid var(--line)}.comparison-table th:first-child{text-align:left}.best-column{background:rgba(119,99,232,.11)}.comparison-table thead .best-column span{display:block;margin-bottom:5px;color:#bfb2ff;font-size:8px;letter-spacing:.1em}.trust-section,.recent-section{background:#0d0d10}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.trust-card{padding:23px 19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);transition:transform .25s ease,border-color .25s ease}.trust-card:hover{transform:translateY(-4px);border-color:rgba(160,139,255,.42)}.trust-card i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:22px;border-radius:10px;color:#c9bfff;background:rgba(124,101,241,.16);font-style:normal}.trust-card h3{margin-bottom:9px;font-size:17px}.trust-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.recent-section{padding:82px 0}.floating-whatsapp{position:fixed;z-index:120;right:21px;bottom:22px;display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#fff;background:#1d9c53;box-shadow:0 12px 28px rgba(0,0,0,.3);font-size:12px;animation:waPulse 3s ease-in-out infinite}.floating-whatsapp span{font-size:18px}.floating-whatsapp:hover{transform:translateY(-3px);background:#24ae5e}@keyframes waPulse{50%{box-shadow:0 14px 34px rgba(36,174,94,.34)}}.preview-overlay{position:fixed;z-index:180;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s}.preview-overlay.show{opacity:1}.preview-modal{width:min(900px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:23px;background:#131318;color:#f4f4f7;transform:translateY(12px);transition:transform .22s}.preview-overlay.show .preview-modal{transform:none}.preview-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.preview-page{min-height:260px;padding:20px;border-radius:12px;color:#1c1c20;background:#f6f5ee;box-shadow:inset 0 0 0 1px #deddd6}.preview-page small{display:block;margin-bottom:40px;color:#777;font-weight:800}.preview-page h3{font-size:21px}.preview-page p,.preview-page li{font-size:11px;line-height:1.6}.preview-footer{display:flex;justify-content:flex-end;gap:9px}.mobile-buy-bar{display:none}
@media(max-width:780px){.campaign-actions{align-items:flex-start;flex-direction:column}.trust-grid{grid-template-columns:1fr 1fr;gap:9px}.trust-card{padding:17px 14px}.trust-card h3{font-size:15px}.floating-whatsapp{right:14px;bottom:16px;padding:11px}.floating-whatsapp b{display:none}.preview-modal{padding:17px}.preview-pages{grid-template-columns:1fr}.preview-page{min-height:185px}.mobile-buy-bar{position:fixed;z-index:170;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(20,20,24,.95);box-shadow:0 12px 30px rgba(0,0,0,.34);backdrop-filter:blur(12px)}.mobile-buy-bar small{display:block;max-width:155px;overflow:hidden;color:#b8b8c1;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.mobile-buy-bar strong{font-size:13px}.mobile-buy-bar button{padding:10px;border:0;border-radius:10px;color:#fff;background:#1f9d55;font-size:11px;font-weight:800}.mobile-buy-bar[hidden]{display:none}.recent-section{padding-bottom:95px}}
.login-trigger,.footer-link{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.login-trigger{padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#efeff4;font-size:12px;font-weight:800}.login-trigger:hover{border-color:rgba(174,152,255,.58);background:rgba(130,104,238,.13)}.footer-link{padding:0;color:#dfdfe5!important;font-size:13px!important}.support-section{background:#101014}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.support-card{padding:23px 19px;border:1px solid var(--line);border-radius:17px;color:inherit;background:rgba(255,255,255,.035);text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.support-card:hover{transform:translateY(-4px);border-color:rgba(160,139,255,.48);background:rgba(126,105,235,.1)}.support-card i{display:grid;place-items:center;width:30px;height:30px;margin-bottom:20px;border-radius:9px;color:#cec5ff;background:rgba(124,101,241,.16);font-style:normal;font-size:10px;font-weight:800}.support-card h3{margin:0 0 9px;font-size:16px}.support-card p{min-height:54px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.support-card span{display:block;margin-top:17px;color:#c9bdff;font-size:11px;font-weight:800}.statistics-section{padding:0 0 88px;background:#101014}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,rgba(119,95,227,.17),rgba(255,255,255,.025))}.stats-grid article{min-height:162px;padding:30px;border-right:1px solid var(--line)}.stats-grid article:last-child{border:0}.stats-grid strong{display:block;margin-bottom:8px;color:#f7f6fb;font-size:43px;letter-spacing:-.07em}.stats-grid span{display:block;margin-bottom:9px;font-weight:800}.stats-grid small{display:block;max-width:210px;color:var(--muted);font-size:11px;line-height:1.45}.cookie-banner{position:fixed;z-index:250;right:22px;bottom:22px;width:min(590px,calc(100% - 32px));padding:19px;border:1px solid rgba(255,255,255,.15);border-radius:18px;color:#f3f3f7;background:rgba(20,20,25,.96);box-shadow:0 22px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.cookie-banner:not([hidden]){display:grid;grid-template-columns:1fr auto;gap:16px}.cookie-copy .eyebrow{margin:0 0 7px}.cookie-copy>p:last-child{max-width:365px;margin:0;color:#c1c1c9;font-size:12px;line-height:1.55}.cookie-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;flex-wrap:wrap}.cookie-settings-button{padding:8px;border:0;color:#cfc6ff;background:transparent;font-size:11px;font-weight:800}.cookie-options{grid-column:1/-1;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.cookie-options label{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;color:#e2e2e7;font-size:12px}.cookie-options small{display:block;margin-top:3px;color:#9898a2;font-size:10px}.auth-overlay{position:fixed;z-index:260;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.auth-modal{position:relative;width:min(465px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:23px;color:#f2f2f6;background:linear-gradient(150deg,#1a1724,#121217)}.auth-modal>.close-button{position:absolute;top:17px;right:17px}.auth-modal h2{margin:0 0 8px;font-size:32px}.auth-note{margin:0 0 18px;color:#aeacb7;font-size:12px;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:17px;padding:4px;border-radius:11px;background:rgba(255,255,255,.06)}.auth-tabs button{padding:9px;border:0;border-radius:8px;color:#bcbac5;background:transparent;font-size:12px;font-weight:800}.auth-tabs button.active{color:#17171a;background:#f2f2f5}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:#e5e5ea;font-size:12px;font-weight:700}.auth-form input:not([type=checkbox]){width:100%;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;outline:0;color:#f5f5f8;background:#111116;font:inherit}.auth-form input:focus{border-color:#9f8eff}.remember-row{display:flex!important;align-items:center;gap:8px}.auth-form .button{width:100%;margin-top:2px}.auth-form p{margin:1px 0 0;color:#aaa9b2;font-size:12px;text-align:center}.auth-text-button,.inline-auth-switch{border:0;padding:0;color:#c9bdff;background:transparent;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.auth-text-button{text-align:left}.future-panel{margin-top:20px;padding:12px 14px;border:1px solid rgba(153,132,255,.2);border-radius:11px;background:rgba(125,100,233,.08)}.future-panel span{color:#cec4ff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.future-panel p{margin:6px 0 0;color:#aaa9b4;font-size:11px;line-height:1.45}
@media (max-width:780px){.login-trigger{padding:7px 8px;font-size:11px}.nav-cta{display:none}.mobile-menu.open{max-height:460px}.support-grid{grid-template-columns:1fr 1fr}.statistics-section{padding-bottom:70px}.stats-grid{grid-template-columns:1fr}.stats-grid article{min-height:auto;padding:22px 20px;border-right:0;border-bottom:1px solid var(--line)}.stats-grid strong{font-size:35px}.cookie-banner{right:16px;bottom:16px}.cookie-banner:not([hidden]){grid-template-columns:1fr}.cookie-actions{justify-content:flex-start;align-items:center}.auth-modal{padding:24px 18px}.floating-whatsapp{bottom:78px}}

/* Spotify Premium product — kept within the existing card and modal system. */
.product-card:has(.cover-spotify){border-color:rgba(29,185,84,.33);background:linear-gradient(150deg,#151a16,#0e1210)}
.product-card:has(.cover-spotify):hover{box-shadow:0 22px 52px rgba(11,162,69,.18)}
.cover-spotify{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 87% 12%,rgba(77,255,143,.34),transparent 24%),radial-gradient(circle at 14% 88%,rgba(29,185,84,.3),transparent 35%),linear-gradient(140deg,#07130b,#0b2b17 58%,#07130b);box-shadow:inset -13px 0 0 rgba(0,0,0,.18)}
.cover-spotify::after{background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 38% 62%,rgba(0,0,0,.26))}
.spotify-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:850;letter-spacing:-.05em}.spotify-brand svg{width:21px;height:21px;color:#1ed760}.spotify-premium-label{position:relative;z-index:1;margin-top:9px;color:#a7f3c1;font-size:8px;font-weight:900;letter-spacing:.22em}.cover-spotify .cover-name{position:relative;z-index:1;font-size:31px;text-shadow:0 5px 18px rgba(0,0,0,.35)}.cover-spotify .cover-foot{position:relative;z-index:1;color:#bcf7ce}.spotify-orbit{position:absolute;z-index:-1;border:1px solid rgba(91,255,147,.24);border-radius:50%}.orbit-one{width:185px;height:185px;right:-65px;bottom:-72px}.orbit-two{width:235px;height:235px;right:-100px;bottom:-98px}
.spotify-detail-copy h2{max-width:390px}.spotify-includes{padding-left:0;list-style:none}.spotify-includes li{margin:4px 0}.spotify-important,.spotify-delivery{margin:0 0 13px;padding:12px 14px;border:1px solid rgba(29,185,84,.24);border-radius:12px;background:rgba(29,185,84,.08)}.spotify-important strong,.spotify-delivery strong{display:block;color:#75e69e;font-size:10px;letter-spacing:.08em}.spotify-important p,.spotify-delivery p{margin:6px 0 0!important;font-size:12px!important;line-height:1.55!important}.spotify-delivery small{display:block;margin-top:7px;color:#b9c2bb;font-size:11px;line-height:1.45}.spotify-detail-copy .current-price{color:#50df87}
@media(max-width:780px){.cover-spotify .cover-name{font-size:28px}.spotify-important,.spotify-delivery{padding:11px 12px}}
@media (max-width:410px){.support-grid{grid-template-columns:1fr}.support-card p{min-height:0}.cookie-actions .button{padding:9px 10px}.cookie-banner{width:calc(100% - 24px);right:12px;bottom:12px}}

/* Mobile layout pass: keep the desktop composition intact while giving touch screens
   their own spacing, tap targets and overflow-safe structure. */
@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{min-width:0;padding-bottom:env(safe-area-inset-bottom)}
  *,*::before,*::after{min-width:0}
  .container{width:100%;max-width:100%;padding-inline:16px;box-sizing:border-box}
  .site-header{padding-top:max(10px,env(safe-area-inset-top))}
  .nav-shell{width:calc(100% - 24px);padding-inline:13px 8px}
  .brand{font-size:clamp(17px,5vw,20px);white-space:nowrap}
  .nav-actions{gap:2px}
  .icon-button,.menu-toggle{width:42px;height:44px}
  .login-trigger{min-height:42px;padding-inline:9px}
  .mobile-menu{left:12px;right:12px;top:calc(100% + 4px);padding-inline:16px;border-radius:18px;background:rgba(18,18,25,.94);box-shadow:0 22px 48px rgba(0,0,0,.36);backdrop-filter:blur(20px)}
  .mobile-menu.open{max-height:min(70dvh,510px);padding:12px 16px 16px}
  .mobile-menu a,.mobile-search{min-height:44px;padding:12px 4px}
  .mobile-menu .button{min-height:48px;justify-content:center}
  .hero{min-height:100dvh;padding-top:104px;padding-bottom:34px}
  .hero-layout{gap:16px}
  .hero-copy{padding-top:12px}
  .hero h1{max-width:13ch;font-size:clamp(38px,11.5vw,58px);line-height:1.02;letter-spacing:-.065em}
  .hero-description{max-width:34rem;font-size:clamp(15px,4.2vw,18px);line-height:1.55}
  .hero-badge{max-width:100%;justify-content:center;line-height:1.35}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
  .hero-actions .button{min-height:50px;padding-inline:12px;justify-content:center;white-space:nowrap}
  .hero-books{width:100%;max-width:430px;min-height:340px;overflow:hidden}
  .hero-stats{width:100%;margin-top:8px}
  .section-pad{padding:72px 0}
  .section-heading h2,.center-heading h2,.faq-intro h2{font-size:clamp(30px,9vw,44px);line-height:1.08}
  .product-grid{grid-template-columns:1fr;gap:16px}
  .product-card{width:100%;padding:10px 10px 16px;overflow:hidden}
  .product-card .product-cover,.product-cover{min-height:0;aspect-ratio:1.42/1}
  .product-content h3{overflow-wrap:anywhere;font-size:clamp(19px,5.6vw,24px);line-height:1.12}
  .product-description{overflow-wrap:anywhere}
  .wishlist-button{top:16px;right:16px;width:40px;height:40px}
  .product-actions,.detail-actions{grid-template-columns:1fr 1fr;gap:9px}
  .product-actions button,.detail-actions button{min-height:48px;padding-inline:9px;font-size:12px;white-space:normal}
  .cover-spotify .cover-name{font-size:clamp(27px,9vw,34px)}
  .card-links{gap:10px;flex-wrap:wrap}
  .campaign-card,.cta-card{padding:28px 20px}
  .campaign-actions .button,.cta-card .button{min-height:48px}
  .cart-drawer{width:min(100%,430px);height:100dvh;padding:20px 16px calc(16px + env(safe-area-inset-bottom))}
  .cart-item{grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:start}
  .cart-cover{width:62px;height:74px}
  .cart-item-info h3{overflow-wrap:anywhere}
  .cart-item-actions{grid-column:2;grid-row:2;align-self:auto;flex-direction:row;align-items:center;justify-content:space-between}
  .quantity-control button{min-width:30px;min-height:32px}
  .cart-summary{padding-bottom:calc(4px + env(safe-area-inset-bottom))}
  .cart-summary .button,.checkout-button,.complete-order{min-height:52px}
  .product-overlay{align-items:start;padding:12px;overflow-y:auto}
  .product-modal{width:calc(100% - 0px);max-height:90dvh;overflow-y:auto;gap:16px;padding:15px;border-radius:19px}
  .product-modal-close{position:sticky;top:0;margin-left:auto}
  .detail-cover{min-height:0;aspect-ratio:1.2/1}
  .detail-copy h2{font-size:clamp(25px,7vw,34px);overflow-wrap:anywhere}
  .detail-actions{position:sticky;bottom:-15px;padding:11px 0 calc(2px + env(safe-area-inset-bottom));background:#121216}
  .search-overlay,.checkout-overlay{padding:calc(68px + env(safe-area-inset-top)) 12px 16px}
  .search-modal,.checkout-modal{width:100%;max-height:90dvh}
  .checkout-modal{padding:19px 15px calc(18px + env(safe-area-inset-bottom))}
  .field input,.auth-form input:not([type=checkbox]){min-height:48px}
  .auth-overlay{align-items:start;padding:calc(14px + env(safe-area-inset-top)) 12px 14px}
  .auth-modal{width:100%;max-height:90dvh;padding:22px 16px calc(20px + env(safe-area-inset-bottom));border-radius:19px}
  .google-auth-button{min-height:48px}
  .toast-region{left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto}
  .toast{overflow-wrap:anywhere}
  .floating-whatsapp{right:12px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:44px}
  .floating-support{right:12px;bottom:calc(74px + env(safe-area-inset-bottom));min-height:44px}
  .site-footer{padding-bottom:env(safe-area-inset-bottom)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
  .footer-bottom{flex-wrap:wrap;padding-bottom:18px}
}
@media (max-width:480px){
  .nav-actions .theme-toggle{display:none}
  .login-trigger{font-size:0;width:42px;padding:0}
  .login-trigger::before{content:"○";font-size:22px;line-height:1}
  .hero-actions{grid-template-columns:1fr}
  .hero-books{min-height:302px;transform:scale(.9);transform-origin:top center;margin-bottom:-28px}
  .hero-stats{grid-template-columns:1fr 1fr;gap:15px 0}
  .hero-stats div{padding-left:12px}
  .hero-stats strong{font-size:clamp(19px,6vw,24px)}
  .product-actions,.detail-actions{grid-template-columns:1fr}
  .detail-actions{bottom:-15px}
  .product-actions button,.detail-actions button{font-size:13px}
  .support-grid,.trust-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:first-child{grid-column:auto}
}

/* Mobile storefront cleanup: deliberately scoped so the desktop composition stays untouched. */
@media (max-width:768px){
  :root{--mobile-page-gutter:20px;--mobile-section-gap:56px;--mobile-card-gap:16px;--mobile-button-gap:12px}
  .container{padding-inline:var(--mobile-page-gutter)}
  .site-header{padding-top:max(8px,env(safe-area-inset-top));pointer-events:none}
  .nav-shell{pointer-events:auto;width:calc(100% - 24px);min-height:58px;padding:6px 8px 6px 14px;border-color:rgba(255,255,255,.11);box-shadow:0 12px 28px rgba(0,0,0,.2);background:rgba(17,17,22,.78);backdrop-filter:blur(14px)}
  .nav-actions{gap:10px}
  .nav-actions .search-trigger,.nav-actions .theme-toggle,.nav-actions .library-trigger,.nav-actions .nav-cta{display:none}
  .icon-button,.menu-toggle,.login-trigger{display:grid;place-items:center;width:34px;height:38px;min-height:38px;padding:0;border:0;background:transparent}
  .icon-button svg,.profile-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
  .login-label{display:none}
  .login-trigger::before{display:none}
  .profile-icon{display:block}
  .cart-badge{top:1px;right:0;min-width:15px;height:15px;font-size:8px}
  .menu-toggle{margin-left:0;border-radius:10px}
  .mobile-menu{left:12px;right:12px;top:calc(100% + 8px);padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(20,20,26,.97);box-shadow:0 22px 54px rgba(0,0,0,.44);backdrop-filter:blur(16px)}
  .mobile-menu.open{max-height:min(72dvh,500px);padding:10px 16px 14px}
  .mobile-menu a,.mobile-menu .mobile-profile-link{display:flex;align-items:center;width:100%;min-height:46px;padding:11px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.07);color:#f0eff5;background:transparent;font:inherit;font-size:14px;font-weight:700;text-align:left}
  .mobile-menu .mobile-profile-link{border-bottom:0;cursor:pointer}
  .mobile-menu a:last-of-type{border-bottom:1px solid rgba(255,255,255,.07)}
  .hero{min-height:100dvh;min-height:100svh;padding-top:96px;padding-bottom:var(--mobile-section-gap)}
  .hero-layout{gap:28px}
  .hero-copy{padding-top:10px}
  .hero-badge{width:fit-content;max-width:90%;padding:7px 10px;letter-spacing:.045em;font-size:10px;line-height:1.35;text-align:left}
  .hero h1{max-width:12ch;margin-top:15px;font-size:clamp(42px,12.5vw,60px);line-height:.98;letter-spacing:-.06em;word-spacing:normal}
  .hero-description{max-width:90%;margin-top:18px;color:#c4c3cb;font-size:clamp(17px,4.7vw,19px);line-height:1.48}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:var(--mobile-button-gap);margin-top:25px}
  .hero-actions .button{width:100%;min-height:54px;padding-inline:18px;border-radius:14px;justify-content:center}
  .hero-actions .button-ghost{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.16);box-shadow:none}
  .trust-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 10px;margin-top:24px;color:#c2c1c9;line-height:1.3}
  .trust-line strong{grid-column:2;color:#f3df9e;font-size:13px;letter-spacing:.02em;opacity:1}
  .mini-avatars{grid-row:span 2}.mini-avatars b{width:27px;height:27px;font-size:10px}
  .hero-books{min-height:318px;overflow:visible}
  .hero-books .hero-orbit,.hero-books .chip-one,.hero-books .chip-two{filter:none}
  .hero-books .chip-one{top:14px;left:12px}.hero-books .chip-two{right:12px;bottom:30px}
  .hero-stats{display:none}
  .section-pad{padding:var(--mobile-section-gap) 0}
  .product-grid{gap:var(--mobile-card-gap)}
  .floating-whatsapp{display:none}
  .floating-support{right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:119;min-height:44px;padding:10px 12px;border-color:rgba(151,133,255,.28);box-shadow:0 10px 22px rgba(0,0,0,.24);backdrop-filter:blur(10px)}
  .floating-support b{font-size:12px}
}

@media (max-width:360px){
  .nav-shell{padding-left:12px}.nav-actions{gap:7px}.brand{font-size:17px}
  .hero{padding-top:90px}.hero h1{font-size:clamp(40px,12.4vw,48px)}
  .hero-books{min-height:286px;transform:scale(.88);transform-origin:top center;margin-bottom:-28px}
}

@media (prefers-reduced-motion:reduce){
  .floating-support{transition:none}
}

/* TikTok manual SMM product - a restrained premium service card. */
.product-card:has(.cover-tiktok){border-color:rgba(102,220,255,.28);background:linear-gradient(150deg,#14131c,#111016)}.product-card:has(.cover-tiktok):hover{box-shadow:0 22px 52px rgba(63,193,255,.16)}.cover-tiktok{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(36,230,255,.22),transparent 27%),radial-gradient(circle at 22% 88%,rgba(255,74,158,.19),transparent 32%),linear-gradient(140deg,#0a0a10,#161226 55%,#0d0d13)}.cover-tiktok::after{background:linear-gradient(126deg,rgba(255,255,255,.1),transparent 36% 64%,rgba(0,0,0,.2))}.tiktok-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(119,226,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,105,177,.14) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(145deg,transparent 4%,#000 48%,transparent 96%)}.tiktok-mark{position:relative;z-index:1;display:block;width:74px;height:74px;margin:15px 0 0 8px}.tiktok-mark b{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:59px;font-family:Arial,sans-serif;text-shadow:4px 3px #ff4b9f,-4px -3px #35e8ff}.tiktok-mark i{position:absolute;width:18px;height:55px;border-radius:18px;background:#35e8ff;transform:rotate(3deg);left:32px;top:7px}.tiktok-mark i:nth-child(2){background:#ff4b9f;left:39px;top:12px}.tiktok-followers{position:absolute;z-index:2;right:18px;top:24px;display:grid;gap:2px;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(9,9,15,.63);backdrop-filter:blur(8px)}.tiktok-followers b{color:#fff;font-size:22px;line-height:1;text-shadow:2px 1px #ff4b9f,-2px -1px #35e8ff}.tiktok-followers small{color:#c8c7d0;font-size:7px;font-weight:900;letter-spacing:.12em}.tiktok-avatars{position:absolute;z-index:2;right:20px;bottom:26px;display:flex}.tiktok-avatars i{width:22px;height:22px;margin-left:-6px;border:2px solid #12101a;border-radius:50%;background:linear-gradient(135deg,#ff9dbe,#8749ed)}.tiktok-avatars i:nth-child(2){background:linear-gradient(135deg,#38ddf5,#5352c8)}.tiktok-avatars i:nth-child(3){background:linear-gradient(135deg,#f0c382,#f85c98)}.cover-tiktok .cover-name{position:relative;z-index:1;margin-top:28px;font-size:31px;text-shadow:4px 2px rgba(255,75,159,.36),-3px -2px rgba(53,232,255,.32)}.cover-tiktok .cover-foot{position:relative;z-index:1;color:#d9d6e1}.cover-tiktok .cover-brand{position:relative;z-index:1}@media(max-width:780px){.tiktok-mark{transform:scale(.88);transform-origin:top left}.cover-tiktok .cover-name{font-size:27px}}
.product-card:has(.cover-tiktok-views){border-color:rgba(255,101,175,.3);background:linear-gradient(150deg,#17121d,#100f16)}.product-card:has(.cover-tiktok-views):hover{box-shadow:0 22px 52px rgba(255,75,159,.15)}.cover-tiktok-views{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 24%,rgba(255,78,161,.24),transparent 28%),radial-gradient(circle at 84% 78%,rgba(39,222,255,.2),transparent 32%),linear-gradient(140deg,#0d0b13,#221126 54%,#0b0b10)}.cover-tiktok-views::after{background:linear-gradient(126deg,rgba(255,255,255,.1),transparent 38% 63%,rgba(0,0,0,.25))}.views-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 21px,rgba(255,255,255,.05) 22px),repeating-linear-gradient(0deg,transparent 0 21px,rgba(255,255,255,.04) 22px);mask-image:linear-gradient(130deg,transparent,#000 55%,transparent)}.views-play{position:relative;z-index:1;display:grid;place-items:center;width:65px;height:65px;margin:22px 0 0 18px;border:1px solid rgba(255,255,255,.19);border-radius:50%;color:#fff;background:rgba(10,9,16,.45);font-size:29px;text-indent:4px;box-shadow:5px 3px 0 rgba(255,75,159,.5),-4px -3px 0 rgba(39,222,255,.42)}.views-count{position:absolute;z-index:2;right:18px;top:30px;display:grid;padding:9px 12px;border-left:2px solid #38ddf5;background:rgba(10,9,15,.62)}.views-count b{color:#fff;font-size:25px;line-height:1;text-shadow:2px 1px #ff4b9f}.views-count small{color:#dfdbe4;font-size:8px;font-weight:900;letter-spacing:.13em}.views-wave{position:absolute;right:20px;bottom:28px;color:#ff98c9;font-size:18px;letter-spacing:4px}.cover-tiktok-views .cover-brand,.cover-tiktok-views .cover-name,.cover-tiktok-views .cover-foot{position:relative;z-index:1}.cover-tiktok-views .cover-name{margin-top:24px;font-size:28px;text-shadow:3px 2px rgba(255,75,159,.4),-2px -2px rgba(39,222,255,.35)}.cover-tiktok-views .cover-foot{color:#ded8e5}@media(max-width:780px){.cover-tiktok-views .cover-name{font-size:25px}}

.tiktok-order-overlay{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:24px;background:rgba(4,5,12,.66);backdrop-filter:blur(12px);opacity:0;transition:opacity .18s ease}.tiktok-order-overlay.show{opacity:1}.tiktok-order-modal{position:relative;width:min(100%,480px);max-height:min(720px,calc(100dvh - 32px));overflow:auto;padding:30px;border:1px solid rgba(152,129,255,.33);border-radius:16px;color:#f5f3ff;background:radial-gradient(circle at 90% 4%,rgba(51,222,255,.13),transparent 30%),radial-gradient(circle at 8% 100%,rgba(255,82,162,.12),transparent 28%),#11111a;box-shadow:0 28px 80px rgba(0,0,0,.55);transform:translateY(10px);transition:transform .18s ease}.tiktok-order-overlay.show .tiktok-order-modal{transform:translateY(0)}.tiktok-order-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#f2efff;background:rgba(255,255,255,.05);font-size:19px;cursor:pointer}.tiktok-order-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;background:#15131d;font-size:29px;text-shadow:2px 1px #ff4b9f,-2px -1px #35e8ff}.tiktok-order-modal h2{margin:8px 0 10px;font-size:25px;line-height:1.2}.tiktok-order-modal>p:not(.eyebrow){margin:0 0 22px;color:#bbb8c9;line-height:1.55}.tiktok-order-modal form{display:grid;gap:9px}.tiktok-order-modal label{font-weight:800;font-size:14px}.tiktok-input-row{display:flex;gap:8px}.tiktok-input-row input{width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;background:rgba(255,255,255,.055);font:inherit;outline:none}.tiktok-input-row input:focus{border-color:#6a9cff;box-shadow:0 0 0 3px rgba(103,143,255,.18)}.tiktok-paste{flex:none;min-height:50px;padding:0 12px;border:1px solid rgba(127,218,255,.25);border-radius:10px;color:#dcefff;background:rgba(55,158,255,.1);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.tiktok-order-error{margin:0;min-height:20px;color:#ff9bbd;font-size:13px;line-height:1.4}.tiktok-submit{width:100%;min-height:52px;margin-top:8px;justify-content:center}.tiktok-submit:disabled{opacity:.65;cursor:wait}@media(max-width:560px){.tiktok-order-overlay{align-items:end;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.tiktok-order-modal{width:100%;max-height:min(86dvh,720px);padding:24px 18px;border-radius:15px}.tiktok-order-modal h2{padding-right:32px;font-size:22px}.tiktok-input-row{display:grid;grid-template-columns:1fr}.tiktok-paste{min-height:44px}.tiktok-submit{position:sticky;bottom:0}}
.wallet-badge{display:flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid rgba(121,199,255,.3);border-radius:10px;color:#edf8ff;background:rgba(58,104,176,.16);font:inherit;font-size:12px;cursor:pointer}.wallet-badge span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:#11131d;background:#78d8ff}.wallet-overlay{position:fixed;z-index:240;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,4,10,.7);backdrop-filter:blur(10px)}.wallet-modal{position:relative;width:min(100%,440px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid rgba(142,123,255,.34);border-radius:16px;color:#f4f2ff;background:radial-gradient(circle at 90% 0,rgba(95,177,255,.15),transparent 30%),#11111a;box-shadow:0 24px 70px rgba(0,0,0,.5)}.wallet-amount{display:block;margin:10px 0 22px;font-size:34px}.wallet-history{margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.wallet-history p{display:flex;justify-content:space-between;gap:14px;padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.06)}.wallet-modal form{display:grid;gap:14px}.wallet-modal label{display:grid;gap:7px;font-weight:700}.wallet-modal input{min-height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:9px;color:#fff;background:#191925;font:inherit}@media(max-width:780px){.wallet-badge{display:none}.mobile-menu .mobile-profile-link[data-wallet-open]{display:flex;justify-content:space-between}}
.wallet-balance-card{display:grid;gap:7px;margin-top:12px;padding:18px;border:1px solid rgba(121,187,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(105,82,225,.2),rgba(50,157,255,.12))}.wallet-balance-card span{color:#aaa8ba;font-size:12px}.wallet-balance-card strong{font-size:28px}.wallet-balance-card .button{justify-self:start;margin-top:5px}.payment-modal h2{margin:7px 0 15px;font-size:23px}.payment-card{display:grid;gap:10px;padding:20px;border:1px solid rgba(160,148,255,.35);border-radius:16px;background:linear-gradient(135deg,#302276,#132e62);box-shadow:inset 0 1px rgba(255,255,255,.18),0 15px 30px rgba(0,0,0,.25)}.payment-card small{opacity:.75;letter-spacing:.12em}.payment-card strong{font-size:18px}.payment-card b{letter-spacing:.08em}.payment-card button{justify-self:start;padding:0;border:0;color:#fff;background:transparent;font:inherit;font-size:12px;font-weight:800;text-decoration:underline;cursor:pointer}.payment-note{color:#aaa6b8;font-size:12px}.wallet-modal label small{color:#9895a9;font-size:11px;font-weight:500}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.confirm-actions .button{padding:10px 14px}@media(max-width:560px){.wallet-overlay{align-items:end;padding:10px}.wallet-modal{width:100%;max-height:88dvh;padding:21px 17px;border-radius:16px}.wallet-history{margin-top:18px}.wallet-history p{font-size:12px}.payment-card{padding:17px}}