/* Lightlyfun V6.35 - PAGE OWNER: about
   One page, one stylesheet: /about uses only this file.
   Editing this file changes only this page. */
:root{--ink:#142f2c;--muted:#58706a;--green:#00765b;--line:#dce7e2;--pale:#f3f8f5;--bg:#ffffff}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 'Segoe UI',Arial,sans-serif;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #148cc0;outline-offset:4px}
header{margin:0 auto;display:grid;align-items:center;padding:0 48px}
header>.cart-link{justify-self:end}
.logo{font-size:28px;font-weight:750;letter-spacing:-1.2px;display:inline-flex;align-items:center;gap:10px}
.logo-dot{color:var(--green);margin-left:-9px}
.mark{background:var(--green);color:#fff;width:34px;height:38px;line-height:38px;text-align:center;border-radius:10px;font-size:25px;position:relative}
.mark span{font-size:13px;position:absolute;right:3px;top:-8px}
nav{display:flex;gap:36px}
nav a{font-size:15px;color:#536660}
nav a.active{color:var(--green);font-weight:650;border-bottom:2px solid var(--green);padding-bottom:7px}
.cart-link{font-size:15px}
.wrap{margin:auto}
.hero{margin:auto;min-height:620px;padding:78px 48px 65px;display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center;background:radial-gradient(ellipse at 86% 65%,#dcf4ef 0,transparent 50%),radial-gradient(ellipse at 45% 0,#f0f8ff 0,transparent 50%)}
.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:750}
.pill{display:inline-flex;align-items:center;border:1px solid #c7dfd2;border-radius:30px;background:#eef8f2;padding:6px 13px;letter-spacing:1.5px;font-size:11px}
.hero h1{font-family:Georgia,serif;font-weight:400;font-size:70px;line-height:1.09;letter-spacing:-3px;margin:25px 0}
.hero h1 em{color:var(--green);font-weight:400}
.hero p{max-width:450px;font-size:17px;color:var(--muted);line-height:1.8}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--green);color:white;padding:12px 22px;font-weight:600;font-size:14px}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.micro{font-size:12px!important;display:flex;gap:23px;margin-top:26px!important;color:#566a61}
.micro span:before{content:'✓';color:var(--green);margin-right:7px}
.bookstage{height:440px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}
.book{position:relative;width:176px;aspect-ratio: .685;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:23px 18px 17px 23px;background:#d3ecdf;box-shadow:inset 6px 0 6px #0002,inset 8px 0 1px #fff5,10px 13px 19px #183f2920;border-radius:2px 5px 5px 2px;text-align:left;overflow:hidden;color:#164d3c}
.book:after{content:'';position:absolute;top:4px;bottom:4px;right:0;width:4px;background:repeating-linear-gradient(#fff 0 1px,#e1e4db 1px 2px);border-right:1px solid #adbaae}
.book small{font-size:7px;font-weight:650;letter-spacing:1.5px}
.book strong{font:400 31px/1.05 Georgia,serif;letter-spacing:-1.2px;z-index:1}
.book .subtitle{font-size:9px;max-width:115px;line-height:1.5;z-index:1}
.book .publisher{font-size:9px;letter-spacing:.5px;margin-top:14px}
.book .rule{height:30px;width:100%;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.4;transform:skewY(-13deg);margin-top:22px}
.book.blue{background:linear-gradient(140deg,#c9dce9,#9dbdd3);color:#163b52}
.book.peach{background:linear-gradient(145deg,#f6d7c2,#eeb596);color:#713d24}
.book.yellow{background:linear-gradient(140deg,#f5e3a8,#e9ce78);color:#5f481c}
.book.lavender{background:linear-gradient(140deg,#e1dcee,#c8b9dd);color:#4f3769}
.book.dark{background:linear-gradient(145deg,#1d6359,#173b38);color:#d6e5d4}
.bookstage .book{position:absolute;width:214px;box-shadow:14px 27px 25px #174d3433;transform:rotateY(-17deg) rotateZ(-10deg);left:20px;top:90px}
.bookstage .book:nth-child(2){left:auto;right:6px;top:70px;transform:rotateY(-16deg) rotateZ(12deg);width:207px}
.bookstage .book:nth-child(3){left:145px;top:38px;width:236px;transform:rotateY(-18deg) rotateZ(-2deg);z-index:2}
.bookstage .book strong{font-size:39px}
.bookstage .book small{font-size:8px}
.bookstage .book .subtitle{font-size:11px}
.stage-caption{position:absolute;bottom:-5px;right:60px;color:#5d766d;font:italic 17px Georgia,serif}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:90px;padding:20px;color:#53665e;font-size:13px;background:#fbfdfb}
.strip b{font-weight:500}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}
h2{font:400 38px/1.2 Georgia,serif;letter-spacing:-1px;margin:8px 0}
h3{line-height:1.35}
.section-head p{color:var(--muted);margin:8px 0 0}
.textlink{font-size:14px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}
.card{display:flex;flex-direction:column;height:100%;min-width:0}
.card .price-row{margin-top:auto}
.card-actions{margin-top:2px}
.cover-area{display:flex;align-items:center;justify-content:center;overflow:hidden}
.cover-area .book{transform:rotateY(-12deg) rotateZ(-4deg);transition:transform .25s}
.card:hover .book{transform:rotateY(0deg) rotateZ(0deg) translateY(-5px)}
.card:nth-child(2) .cover-area{background:#eef3f7}
.card:nth-child(3) .cover-area{background:#faf1eb}
.card:nth-child(4) .cover-area{background:#f7f4e7}
.category-label{text-transform:uppercase;letter-spacing:1.2px}
.card .price-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}
.price{font-weight:700;font-size:20px}
.sample{font-size:11px;color:#637269;border:1px solid #dce4de;border-radius:4px;padding:1px 5px}
.card-actions{display:flex;gap:8px}
.card-actions .btn{padding:8px 11px;flex:1;font-size:12px;gap:4px}
.tinted{background:var(--pale)}
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.category-tile{padding:24px 20px;background:white;border:1px solid var(--line);border-radius:9px}
.category-tile:hover{border-color:var(--green)}
.category-tile span{display:block;font:30px Georgia;color:var(--green);margin-bottom:20px}
.category-tile b{font-size:14px}
.category-tile p{font-size:12px;color:var(--muted);margin:5px 0}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}
.benefits h3{font:24px Georgia;margin-bottom:12px}
.benefits p{color:var(--muted);font-size:15px}
.benefit-icon{color:var(--green);font-size:25px}
.page-title{font:52px/1.15 Georgia;margin:10px 0 15px}
.intro{max-width:620px}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;border-bottom:1px solid var(--line);margin-bottom:22px}
label{display:block;font-size:14px;font-weight:600}
input,select,textarea{width:100%;padding:12px;border:1px solid #b9cbc1;border-radius:6px;margin-top:6px}
textarea{min-height:135px;resize:vertical}
.results-count{font-size:14px;margin-bottom:25px}
.empty{padding:70px 25px;background:var(--pale);text-align:center;border-radius:12px;grid-column:1/-1}
.detail{display:grid;grid-template-columns:1fr 1.1fr;margin-top:30px}
.detail-cover{background:linear-gradient(145deg,#eef7ef,#e0eeea);padding:60px;display:flex;justify-content:center;align-items:center;border-radius:14px;min-height:500px}
.detail-cover .book{width:270px;transform:rotateY(-15deg) rotateZ(-4deg)}
.detail-cover .book strong{font-size:48px}
.detail-cover .book small{font-size:10px}
.detail-cover .book .subtitle{font-size:14px;max-width:180px}
.detail-cover .book .publisher{font-size:14px}
.detail ul{padding-left:20px;color:var(--muted)}
.specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
.specs span{display:block;color:var(--muted);font-size:12px}
.notice{padding:15px 18px;border:1px solid #ccddd1;background:#f2f7f1;border-radius:7px;font-size:14px;margin:20px 0}
.notice.warning{background:#fff8e8;border-color:#ebd7a7;color:#71531b}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}
.panel{padding:28px;border:1px solid var(--line);border-radius:10px;align-self:start}
.panel h2{font-size:27px}
.field{margin-bottom:18px}
.form-message{font-size:14px}
.form-message.error{color:#a12b2b}
details{padding:19px 0;border-bottom:1px solid var(--line)}
summary{font-weight:600;cursor:pointer}
details p{color:var(--muted);font-size:14px}
.cart-row{display:flex;gap:20px;border-bottom:1px solid var(--line);align-items:center}
.cart-row .book{padding:9px;font-size:8px;box-shadow:3px 3px 9px #0002}
.cart-row .book strong{font-size:13px}
.cart-row .book small,.cart-row .book .subtitle,.cart-row .book .rule{display:none}
.cart-row .book .publisher{font-size:5px}
.cart-row h3{font-size:17px;margin:0 0 5px}
.cart-row .grow{flex:1}
.remove{border:0;background:none;color:#806256;text-decoration:underline;font-size:13px}
.summary-row{display:flex;justify-content:space-between;margin:16px 0;gap:25px;font-size:14px}
.summary-row.total{border-top:1px solid var(--line);font-weight:700}
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.quote{padding:65px 40px;background:linear-gradient(145deg,#e2f4e7,#e1eff4);border-radius:12px;font:42px/1.3 Georgia;color:var(--green)}
.fine{font-size:12px}
footer{margin:auto auto 0;padding:45px 48px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}
footer p{font-size:13px}
footer>div:nth-child(2){display:flex;gap:18px;flex-wrap:wrap;align-content:start;font-size:13px;padding-top:8px}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:none;max-width:90vw}
#toast.show{display:block}
.skip{position:absolute;top:-60px;z-index:20;background:white;padding:10px}
.skip:focus{top:0}
.qr{width:190px;height:190px;margin:20px auto;display:block}
code{overflow-wrap:anywhere}
.back{font-size:14px;color:var(--muted)}
@media(min-width:1400px){
.hero{border-radius:0 0 20px 20px}
}
@media(max-width:1280px){
.wrap{padding:54px 40px}
.hero h1{font-size:62px}
.bookstage{transform:scale(.9);transform-origin:center}
.bookstage .book:nth-child(3){left:110px}
.strip{gap:50px}
}
@media(max-width:950px){
header{padding:0 25px}
.hero{padding:55px 30px;gap:0}
.hero h1{font-size:52px}
.bookstage{transform:scale(.75);margin-left:-40px;margin-right:-50px}
.grid{grid-template-columns:repeat(2,1fr)}
.categories{grid-template-columns:repeat(3,1fr)}
.filters{grid-template-columns:1fr 1fr}
.detail{gap:30px}
.detail-cover{padding:35px}
.two-col{gap:25px}
.strip{gap:25px;font-size:12px}
.benefits{gap:25px}
footer{padding:35px 25px;grid-template-columns:1fr 1fr}
.about-hero{gap:30px}
}
@media(max-width:650px){
header{height:120px;flex-wrap:wrap;padding:20px 22px;gap:15px}
.logo{font-size:25px}
nav{order:3;width:100%;justify-content:center;gap:32px}
nav a{font-size:14px}
.hero{grid-template-columns:1fr;padding:42px 24px 20px}
.hero h1{font-size:54px}
.hero p{font-size:16px}
.bookstage{transform:scale(.78);margin:-20px auto -25px;width:400px;max-width:100%;height:420px}
.bookstage .book:nth-child(3){left:90px}
.bookstage .book:nth-child(2){right:-12px}
.bookstage .book:first-child{left:-30px}
.stage-caption{right:20px}
.micro{gap:12px;font-size:11px!important}
.strip{gap:18px;flex-wrap:wrap;padding:16px}
.strip b:last-child{display:none}
.wrap{padding:42px 22px}
h2{font-size:31px}
.section-head{gap:15px}
.section-head p{font-size:14px}
.section-head .textlink{font-size:12px;white-space:nowrap}
.grid{gap:24px 14px}
.cover-area{height:220px}
.cover-area .book{width:137px;padding:17px 15px}
.book strong{font-size:25px}
.card h3{font-size:15px}
.card-actions{flex-direction:column}
.categories{grid-template-columns:1fr 1fr;gap:12px}
.category-tile{padding:18px}
.benefits,.two-col,.detail,.about-hero{grid-template-columns:1fr}
.benefits{gap:15px}
.page-title{font-size:42px}
.filters{gap:12px}
.filters label{font-size:12px}
.filters input,.filters select{font-size:14px;padding:10px}
.detail-cover{min-height:440px}
.panel{padding:22px}
.quote{font-size:34px;padding:40px 25px}
footer{grid-template-columns:1fr;gap:14px}
.specs{gap:25px}
.cart-row{gap:12px}
.cart-row h3{font-size:15px}
.cart-row .price{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
.hero>div{min-width:0}
@media(max-width:650px){
.hero{grid-template-columns:minmax(0,1fr);overflow:hidden}
.hero h1{font-size:clamp(39px,11.5vw,54px);letter-spacing:-2px}
.bookstage{width:100%;min-width:0}
.hero .actions{gap:10px}
.hero .btn{padding:12px 15px}
.hero .micro{flex-wrap:wrap}
.detail>div,.two-col>div{min-width:0}
}
.uploaded-cover{box-shadow:10px 13px 19px #183f2920;border-radius:3px}
.detail-cover .uploaded-cover{width:270px;height:394px}
.bookstage .uploaded-cover{position:absolute;width:214px;height:313px;left:20px;top:90px;transform:rotate(-10deg)}
.bookstage .uploaded-cover:nth-child(2){left:auto;right:6px;top:70px;transform:rotate(12deg)}
.bookstage .uploaded-cover:nth-child(3){left:110px;top:38px;z-index:2;transform:rotate(-2deg)}
@media(max-width:650px){
.cover-area .uploaded-cover{width:137px;height:200px}
.bookstage .uploaded-cover:nth-child(3){left:70px}
}
/* Smooth storefront navigation: hide the incomplete shell and fade in only after catalog/content is ready. */
body{opacity:1}
.brand-image{max-width:190px;max-height:54px}
.logo.has-image .brand-image{max-height:48px}
footer .logo.has-image .brand-image{max-height:42px}
.custom-page{max-width:820px}
.custom-page-content{white-space:pre-wrap;font-size:16px;line-height:1.8;color:var(--muted)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:lf-out .14s ease both}
::view-transition-new(root){animation:lf-in .2s ease both}
@keyframes lf-out{to{opacity:.15}}
@keyframes lf-in{from{opacity:.15}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
body{transition:none!important}
}
/* Admin-controlled branding and navigation */
header.is-sticky{position:sticky;top:0;z-index:50;box-shadow:0 8px 24px #0000000a}
.brand-image{display:block;width:auto;height:auto;max-width:min(280px,34vw);object-fit:contain}
.logo.has-image{min-width:0;display:flex;align-items:center}
.cart-link{white-space:nowrap}
.cart-icon{line-height:1}
.cart-label{display:inline-block}
/* Prevent header/footer-only flash before storefront content is ready. */
html.site-loading body{opacity:0!important}
html:not(.site-loading) body{opacity:1}
body{transition:opacity .12s ease}
@media (prefers-reduced-motion:reduce){
body{transition:none}
}
/* Admin-controlled storefront sidebar drawer */
.sidebar-toggle{align-items:center;gap:7px;font:600 13px/1 inherit;cursor:pointer;white-space:nowrap}
.sidebar-toggle:hover{background:var(--pale);border-color:var(--green)}
.sidebar-toggle span:first-child{font-size:18px;line-height:1}
.site-sidebar{inset:0 auto 0 0;width:min(360px,88vw);flex-direction:column}
.sidebar-head h2{font-size:31px}
.sidebar-eyebrow{display:block}
.sidebar-close{cursor:pointer}
.sidebar-nav{flex-direction:column;overflow:auto;flex:1}
.sidebar-nav a{justify-content:space-between;border:1px solid transparent}
.sidebar-nav a:hover{border-color:var(--line)}
.sidebar-nav a.active{border-color:var(--line)}
.sidebar-nav a b{font-size:20px;font-weight:400}
.sidebar-cart{color:#fff!important}
.sidebar-open{overflow:hidden}
@media(max-width:950px){
.sidebar-toggle-label{display:none}
.sidebar-toggle{padding:8px 10px}
}
@media(max-width:650px){
header .sidebar-toggle{order:2;margin-left:auto}
header .cart-link{order:2}
header nav{order:3}
.site-sidebar{width:min(340px,92vw)}
.sidebar-head{padding:26px 22px 20px}
.sidebar-nav{padding:10px 12px}
.sidebar-foot{padding:16px 22px 24px}
}
@media(prefers-reduced-motion:reduce){
.site-sidebar,.sidebar-overlay{transition:none!important}
}
/* 2026-09-13 responsive navigation update */
.sidebar-toggle,.site-sidebar,.sidebar-overlay{display:none}
@media(max-width:650px){
header{display:flex;height:auto!important;min-height:86px;flex-wrap:nowrap;padding:16px 22px;gap:14px}
header>nav{display:none!important}
header>.logo{order:1;margin-right:auto;min-width:0}
header>.sidebar-toggle{display:inline-flex!important;order:2;margin-left:0!important}
header>.cart-link{order:3;margin-left:0;flex:0 0 auto}
.site-sidebar{display:flex}
.sidebar-overlay{display:block}
.sidebar-overlay[hidden]{display:none!important}
footer{margin-top:auto}
}
@media(min-width:651px){
.sidebar-toggle,.site-sidebar,.sidebar-overlay{display:none!important}
body.sidebar-open{overflow:auto!important}
}
/* 2026-09-13: Mobile header layout — menu left, logo perfectly centered, cart right. */
@media(max-width:650px){
header{display:grid!important;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr)!important;grid-template-rows:auto!important;align-items:center!important;min-height:86px;padding:16px 22px!important;column-gap:12px!important}
header>.sidebar-toggle{display:inline-flex!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;order:initial!important;margin:0!important}
header>.logo{grid-column:2!important;grid-row:1!important;justify-self:center!important;order:initial!important;margin:0!important;min-width:0}
header>.cart-link{grid-column:3!important;grid-row:1!important;justify-self:end!important;order:initial!important;margin:0!important;min-width:max-content}
header>nav{display:none!important}
}
.payment-choice{border-radius:10px}
.payment-choice legend{padding:0 7px}
.payment-choice label{margin:10px 0;cursor:pointer}
.payment-choice input{margin-top:5px}
.payment-choice span{display:flex;flex-direction:column}
.payment-choice small{color:var(--muted);margin-top:2px}
/* 2026-09-13 automatic post-payment thank-you flow */
.order-status-panel{max-width:760px;margin:0 auto}
.status-progress{height:5px;background:var(--pale);border-radius:999px;overflow:hidden;margin:24px 0}
.status-progress span{display:block;width:38%;height:100%;background:var(--green);border-radius:inherit;animation:lf-status-slide 1.4s ease-in-out infinite}
@keyframes lf-status-slide{0%{transform:translateX(-110%)}100%{transform:translateX(285%)}}
.thankyou-wrap{max-width:900px;margin:0 auto;padding:76px 30px}
.thankyou-card{text-align:center;border:1px solid var(--line);padding:58px 58px 48px;background:radial-gradient(circle at 50% 0,#edf8f3 0,transparent 46%),var(--bg)}
.thankyou-check{width:76px;height:76px;border-radius:50%;margin:0 auto 24px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:700;box-shadow:0 12px 30px #00765b35}
.thankyou-card h1{font:400 56px/1.08 Georgia,serif;letter-spacing:-2px;margin:12px auto 16px;max-width:680px}
.thankyou-lead{max-width:650px;margin:0 auto 26px;color:var(--muted);font-size:18px}
.thankyou-order{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--pale);padding:12px 18px;border-radius:9px;margin-bottom:24px}
.thankyou-order span{color:var(--muted);font-size:13px}
.thankyou-order strong{font-size:14px;letter-spacing:.3px}
.thankyou-note{max-width:640px;margin:0 auto 28px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}
.thankyou-note strong{font:400 26px Georgia,serif}
.thankyou-note p{margin:7px 0 0;color:var(--muted)}
.thankyou-actions{justify-content:center;margin-top:28px}
@media(max-width:650px){
.thankyou-wrap{padding:42px 22px}
.thankyou-card{padding:38px 22px 32px;border-radius:14px}
.thankyou-card h1{font-size:42px}
.thankyou-lead{font-size:16px}
.thankyou-order{display:flex;flex-direction:column;gap:2px}
.thankyou-actions{flex-direction:column}
.thankyou-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
.status-progress span{animation:none;width:100%}
}
/* 2026-09-13: equal product cards + admin-selectable gradient storefront */
:root{--theme-angle:135deg;--gradient-start:#00765b;--gradient-end:#00a884;--page-gradient-start:#ffffff;--page-gradient-end:#eef9f5}
html.theme-gradient body{background:linear-gradient(var(--theme-angle),var(--page-gradient-start),var(--page-gradient-end));background-attachment:fixed}
html.theme-gradient .btn:not(.secondary),html.theme-gradient .mark,html.theme-gradient .sidebar-cart,html.theme-gradient .thankyou-check{background:linear-gradient(var(--theme-angle),var(--gradient-start),var(--gradient-end));border-color:transparent}
html.theme-gradient .btn:not(.secondary):hover{filter:brightness(.94);background:linear-gradient(var(--theme-angle),var(--gradient-start),var(--gradient-end))}
html.theme-gradient .hero{background:radial-gradient(ellipse at 86% 65%,color-mix(in srgb,var(--gradient-end) 17%,transparent) 0,transparent 52%),radial-gradient(ellipse at 45% 0,#f0f8ff 0,transparent 50%)}
.card .cover-area{flex:0 0 292px}
.card .category-label{margin-top:0}
.card-actions{width:100%}
.custom-page-image{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:14px;margin:22px 0 30px;border:1px solid var(--line);box-shadow:0 18px 48px #173d3318}
@media(max-width:650px){
.card h3{min-height:0}
.card .cover-area{flex-basis:230px}
.custom-page-image{max-height:360px;margin:16px 0 24px}
}
/* 2026-09-13: full-width storefront + equal mobile product alignment */
header,.hero{max-width:none;width:100%}
main{width:100%}
.wrap{width:100%;padding-left:clamp(22px,8vw,175px);padding-right:clamp(22px,8vw,175px)}
html:not(.theme-gradient) main{background:var(--bg)}
html.theme-gradient main{background:linear-gradient(var(--theme-angle),var(--page-gradient-start),var(--page-gradient-end))}
html.theme-gradient.gradient-radial body,html.theme-gradient.gradient-radial main{background:radial-gradient(circle at 50% 25%,var(--page-gradient-start),var(--page-gradient-end));background-attachment:fixed}
html.theme-gradient.gradient-radial .btn:not(.secondary),html.theme-gradient.gradient-radial .mark,html.theme-gradient.gradient-radial .sidebar-cart,html.theme-gradient.gradient-radial .thankyou-check{background:radial-gradient(circle at center,var(--gradient-start),var(--gradient-end))}
html.theme-gradient.gradient-radial .btn:not(.secondary):hover{background:radial-gradient(circle at center,var(--gradient-start),var(--gradient-end))}
@media(max-width:950px){
.wrap{padding-left:32px;padding-right:32px}
}
@media(max-width:650px){
.wrap{padding-left:16px;padding-right:16px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;align-items:stretch}
.card{height:100%}
.card .cover-area{height:auto;flex:0 0 225px;margin-bottom:14px}
.card .category-label{min-height:31px;line-height:1.35;font-size:9px;letter-spacing:1px;display:flex;align-items:flex-start}
.card h3{min-height:64px!important;margin:6px 0 7px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.card .price-row{min-height:33px;margin:4px 0 8px;align-items:center}
.card-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:7px}
.card-actions .btn{width:100%;min-height:36px;padding:8px 7px;white-space:normal;line-height:1.2}
.cover-area .uploaded-cover{width:min(100%,150px);height:210px;object-fit:contain}
}
@media(max-width:390px){
.grid{gap:20px 9px}
.card .cover-area{flex-basis:205px}
.cover-area .uploaded-cover{height:190px}
.card h3{font-size:13px;min-height:60px!important}
.price{font-size:18px}
}
/* 2026-09-13: Footer full-width + mobile visibility/alignment fix */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-height:100vh;min-height:100dvh}
main{flex:1 0 auto;min-width:0}
footer{width:100%!important;max-width:none!important;margin-top:auto!important;margin-left:0!important;margin-right:0!important;padding:45px clamp(22px,8vw,175px)!important;box-sizing:border-box;min-width:0}
footer>*{min-width:0;max-width:100%}
footer a,footer p,footer .fine{overflow-wrap:anywhere;word-break:normal}
@media(max-width:950px){
footer{padding:35px 32px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
footer>.fine{grid-column:1/-1}
}
@media(max-width:650px){
footer{width:100%!important;max-width:100%!important;padding:30px 16px calc(30px + env(safe-area-inset-bottom))!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;align-items:start}
footer>div:nth-child(2){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px!important;width:100%;padding-top:2px!important}
footer>div:nth-child(2) a{display:block;min-width:0}
footer .logo{max-width:100%}
footer .brand-image{max-width:min(190px,100%)!important;height:auto!important}
footer>.fine{grid-column:auto;width:100%;margin:0;padding-top:4px}
}
@media(max-width:360px){
footer>div:nth-child(2){grid-template-columns:1fr}
}
/* ===== Lightlyfun motion system (2026-09-13) ===== */
:root{--motion-fast:220ms;--motion-base:520ms;--motion-slow:760ms;--motion-ease:cubic-bezier(.22,.8,.28,1)}
html{scroll-behavior:smooth}
header{transition:box-shadow .28s ease,background .28s ease,transform .35s var(--motion-ease)}
header.motion-scrolled{box-shadow:0 10px 30px rgba(20,47,44,.08)}
header .logo,.cart-link,header nav a{transition:transform .22s ease,color .22s ease,opacity .22s ease}
header .logo:hover{transform:translateY(-2px)}
header nav a:hover{transform:translateY(-1px)}
/* Intro animations */
.motion-ready header{animation:lfHeaderIn .62s var(--motion-ease) both}
.motion-ready .hero>div:first-child{animation:lfHeroCopy .72s .06s var(--motion-ease) both}
.motion-ready .hero .bookstage{animation:lfHeroStage .85s .15s var(--motion-ease) both}
.motion-ready .hero .pill,.motion-ready .hero .eyebrow{animation:lfFadeUp .55s .08s var(--motion-ease) both}
.motion-ready .hero h1{animation:lfFadeUp .68s .14s var(--motion-ease) both}
.motion-ready .hero p{animation:lfFadeUp .68s .2s var(--motion-ease) both}
.motion-ready .hero .actions{animation:lfFadeUp .68s .26s var(--motion-ease) both}
.motion-ready .hero .micro{animation:lfFadeUp .68s .32s var(--motion-ease) both}
/* Scroll reveal */
.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease)}
.reveal-on-scroll.reveal-left{transform:translateX(-30px)}
.reveal-on-scroll.reveal-right{transform:translateX(30px)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.card.reveal-on-scroll,.category-tile.reveal-on-scroll,.benefits>*.reveal-on-scroll{transition-delay:var(--reveal-delay,0ms)}
/* Product interaction */
.card:hover{transform:translateY(-7px)}
.cover-area{transition:transform .35s var(--motion-ease),box-shadow .35s ease,background .35s ease}
.card:hover .cover-area{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,47,44,.09)}
.uploaded-cover{transition:transform .42s var(--motion-ease),filter .35s ease;will-change:transform}
.card:hover .uploaded-cover{transform:scale(1.035) rotate(-.6deg);filter:saturate(1.04)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s var(--motion-ease),box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn:before{content:"";position:absolute;inset:0;transform:translateX(-120%) skewX(-18deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);transition:transform .55s ease;z-index:-1}
.btn:hover:before{transform:translateX(120%) skewX(-18deg)}
.btn:hover{box-shadow:0 10px 22px rgba(0,118,91,.16)}
.category-tile{transition:transform .28s var(--motion-ease),box-shadow .28s ease,border-color .2s ease}
.category-tile:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(20,47,44,.07)}
/* Hero book motion */
@media (hover:hover) and (pointer:fine){
.bookstage .book{transition:transform .45s var(--motion-ease),filter .35s ease}
.bookstage:hover .book:nth-child(1){transform:rotateY(-12deg) rotateZ(-13deg) translate(-8px,-6px)}
.bookstage:hover .book:nth-child(2){transform:rotateY(-11deg) rotateZ(14deg) translate(8px,-7px)}
.bookstage:hover .book:nth-child(3){transform:rotateY(-11deg) rotateZ(-1deg) translateY(-12px)}
}
.bookstage:after{content:"";position:absolute;width:270px;height:34px;left:50%;bottom:18px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(20,47,44,.13),transparent 70%);filter:blur(7px);animation:lfShadowPulse 4s ease-in-out infinite}
.stage-caption{animation:lfCaptionFloat 4.2s ease-in-out infinite}
/* Footer entrance and links */
footer{transition:background .3s ease}
footer a{transition:transform .22s ease,color .22s ease,opacity .22s ease}
footer>div:nth-child(2) a:hover{transform:translateX(4px);color:var(--green)}
/* Page content change animation */
main.motion-page-in>*:first-child{animation:lfPageIn .5s var(--motion-ease) both}
#toast{transition:transform .3s var(--motion-ease),opacity .3s ease}
@keyframes lfHeaderIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes lfHeroCopy{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes lfHeroStage{from{opacity:0;transform:translateX(34px) scale(.97)}to{opacity:1;transform:none}}
@keyframes lfFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes lfPageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lfCaptionFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes lfShadowPulse{0%,100%{transform:translateX(-50%) scaleX(.92);opacity:.65}50%{transform:translateX(-50%) scaleX(1.06);opacity:.9}}
@media (max-width:768px){
.reveal-on-scroll{transform:translateY(18px)}
.card:hover{transform:none}
.bookstage:after{display:none}
.stage-caption{animation:none}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.reveal-on-scroll{opacity:1!important;transform:none!important}
}
/* Customer account + profile icon */
.profile-link:hover{border-color:var(--green);background:var(--pale)}
.profile-link.signed-in{border-color:var(--green)}
.account-wrap{max-width:1100px;margin:auto;padding:64px clamp(22px,8vw,90px)}
.account-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:34px;align-items:start}
.account-card{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:30px;box-shadow:0 16px 45px rgba(20,47,44,.06)}
.account-card h1,.account-card h2{font-family:Georgia,serif;font-weight:400}
.account-card h1{font-size:48px;line-height:1.1;margin:8px 0 12px}
.account-tabs{display:flex;gap:8px;margin:22px 0}
.account-tabs button{border:1px solid var(--line);background:var(--bg);padding:10px 16px;border-radius:999px;font-weight:700;color:var(--muted)}
.account-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}
.account-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font:32px Georgia,serif;margin-bottom:18px}
.account-meta{display:grid;gap:12px;margin:20px 0}
.account-meta div{padding:14px 16px;border:1px solid var(--line);border-radius:10px}
.account-meta span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}
.account-order{padding:16px 0;border-bottom:1px solid var(--line)}
.account-order:last-child{border-bottom:0}
.account-order-head{display:flex;justify-content:space-between;gap:15px}
.account-order small{color:var(--muted)}
.account-status{font-size:12px;padding:4px 9px;border-radius:999px;background:var(--pale);color:var(--green);font-weight:700}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.account-empty{background:var(--pale);border-radius:12px;color:var(--muted)}
@media(max-width:650px){
header>.header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;gap:7px}
header>.header-actions .cart-link{margin:0!important}
.profile-link{width:35px;height:35px}
.profile-link svg{width:19px;height:19px}
.cart-label{display:none}
.account-wrap{padding:40px 16px}
.account-shell{grid-template-columns:1fr}
.account-card{padding:22px}
.account-card h1{font-size:39px}
.account-grid{grid-template-columns:1fr}
}
/* Customer profile photos */
.profile-link.has-photo{background-size:cover!important;background-repeat:no-repeat!important;color:transparent!important;border-color:var(--green)}
.profile-link.has-photo svg{opacity:0}
.account-avatar.has-user-photo{overflow:hidden}
.account-avatar.has-user-photo img{width:100%;height:100%;object-fit:cover}
.profile-photo-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.profile-photo-wrap .account-avatar{margin:0}
.profile-photo-wrap form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-photo-wrap .fine,.profile-photo-wrap .form-message{flex-basis:100%;margin:0}
.profile-photo-btn{cursor:pointer}
.profile-remove{border:0;background:transparent;color:#9c2727;cursor:pointer;padding:8px 4px}
/* Professional customer account dashboard — 2026-09 */
.account-pro-wrap{margin:0 auto;padding:52px clamp(18px,5vw,72px) 72px}
.account-pro-shell{grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.account-sidebar{position:sticky;top:96px;border:1px solid var(--line);border-radius:22px;background:var(--bg);box-shadow:0 18px 60px rgba(20,47,44,.07);padding:20px;overflow:hidden}
.account-person{display:flex;align-items:center;gap:13px;padding:5px 4px 19px;border-bottom:1px solid var(--line)}
.account-person>div:last-child{min-width:0}
.account-person strong,.account-person span{display:block}
.account-person strong{font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-person span{font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-avatar-lg{width:50px;height:50px;flex:0 0 50px;margin:0;font-size:21px}
.account-avatar-xl{width:96px;height:96px;flex:0 0 96px;margin:0;font-size:36px}
.account-nav{display:grid;gap:5px;padding:16px 0}
.account-nav button{width:100%;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:11px;text-align:left;border-radius:12px;padding:12px 13px;font:inherit;font-weight:700;cursor:pointer;transition:.18s}
.account-nav button:hover{background:var(--soft);color:var(--ink)}
.account-nav button.active{background:linear-gradient(135deg,var(--green),#009b76);color:#fff;box-shadow:0 8px 24px rgba(0,118,89,.2)}
.account-nav button span{font-size:17px;width:19px;text-align:center}
.account-nav button b{margin-left:auto;min-width:26px;text-align:center;border-radius:999px;padding:2px 7px;background:rgba(255,255,255,.18);font-size:11px}
.account-nav button:not(.active) b{background:var(--pale);color:var(--green)}
.account-side-meta{border-top:1px solid var(--line);padding:16px 4px 12px;display:grid;gap:6px}
.account-side-meta span,.account-side-meta small{font-size:11px;color:var(--muted)}
.account-side-meta strong{font-size:13px}
.account-active-dot{display:flex;align-items:center;gap:7px}
.account-active-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#18a873;box-shadow:0 0 0 4px rgba(24,168,115,.1)}
.account-logout{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:11px 14px;font-weight:700;color:var(--muted);cursor:pointer}
.account-logout:hover{border-color:#d5a1a1;color:#9c2727;background:#fff7f7}
.account-view[hidden]{display:none!important}
.account-view.active{animation:accountFade .22s ease}
@keyframes accountFade{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.account-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:3px 0 24px}
.account-page-head h1{font-family:Georgia,serif;font-size:clamp(38px,4.4vw,58px);line-height:1.04;font-weight:400;margin:7px 0 8px;letter-spacing:-1px}
.account-page-head p{margin:0;color:var(--muted);font-size:15px}
.account-page-head>.btn{margin-top:17px;white-space:nowrap}
.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.account-stats article{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--bg);padding:19px 20px;box-shadow:0 12px 38px rgba(20,47,44,.045)}
.account-stats article:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;top:-28px;background:var(--pale)}
.account-stats span,.account-stats small{display:block;color:var(--muted);font-size:11px}
.account-stats span{text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.account-stats strong{display:block;font:400 31px Georgia,serif;color:var(--ink);margin:7px 0 3px}
.account-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px}
.account-panel{border:1px solid var(--line);border-radius:19px;background:var(--bg);padding:24px;box-shadow:0 14px 42px rgba(20,47,44,.045)}
.account-panel h2{font:400 28px Georgia,serif;margin:6px 0 14px}
.account-panel>p{color:var(--muted)}
.account-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}
.account-panel-head h2{margin-bottom:7px}
.account-panel-head .textlink{border:0;background:transparent;cursor:pointer;color:var(--green);font-weight:700;padding:9px}
.account-detail-list{display:grid;gap:0;margin:8px 0 18px}
.account-detail-list>div{display:grid;gap:3px;padding:12px 0;border-bottom:1px solid var(--line)}
.account-detail-list>div:last-child{border-bottom:0}
.account-detail-list span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}
.account-detail-list strong{font-size:13px;overflow-wrap:anywhere}
.account-order-pro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.account-order-pro:last-child{border-bottom:0}
.order-main{min-width:0}
.order-ref-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.order-ref-row>strong{font-size:13px;letter-spacing:.1px;overflow-wrap:anywhere}
.account-order-pro p{margin:5px 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-order-pro small{color:var(--muted);font-size:11px}
.order-total{text-align:right}
.order-total span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}
.order-total strong{display:block;margin-top:4px}
.account-status{white-space:nowrap;text-transform:capitalize}
.account-status.verified{background:#eaf8f1;color:#087c58}
.account-status.pending_verification{background:#fff5d9;color:#8b6900}
.account-status.cancelled{background:#f7eeee;color:#974444}
.account-help{margin-top:20px;border-radius:19px;padding:25px 27px;background:linear-gradient(135deg,#073f35,#0a7d65);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 45px rgba(0,91,71,.15)}
.account-help .eyebrow{color:#c6f0e4}
.account-help h2{font:400 29px Georgia,serif;margin:5px 0}
.account-help p{margin:0;color:#d9eee8}
.account-help .btn{background:#fff;color:#075744;border-color:#fff;white-space:nowrap}
.profile-editor-top{display:flex;align-items:center;gap:22px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}
.profile-editor-top h2{margin:0 0 5px}
.profile-editor-top p{margin:0 0 13px;color:var(--muted)}
.profile-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-upload-row .form-message{flex-basis:100%;margin:0}
.ghost-danger{color:#983d3d!important;background:#fff!important;border-color:#e1b9b9!important}
.order-tools{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:end;padding-bottom:19px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.order-tools label{font-size:12px;color:var(--muted);font-weight:700}
.order-tools input,.order-tools select{margin-top:6px}
.account-empty{display:flex;flex-direction:column;gap:5px;text-align:center;padding:35px 18px}
.account-empty strong{color:var(--ink)}
.account-loading{padding:28px;text-align:center;color:var(--muted)}
.account-security-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px;align-items:start}
.security-summary{display:grid;gap:4px;margin:10px 0 18px}
.security-summary>div{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.security-summary>div:last-child{border-bottom:0}
.security-summary strong{font-size:14px}
.security-summary p{margin:3px 0 0;color:var(--muted);font-size:12px}
.security-icon{width:30px;height:30px;border-radius:50%;background:var(--pale);color:var(--green);display:grid;place-items:center;flex:0 0 30px;font-weight:800}
@media(max-width:1040px){
.account-pro-shell{grid-template-columns:220px minmax(0,1fr)}
.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-overview-grid,.account-security-grid{grid-template-columns:1fr}
.account-sidebar{top:84px}
.account-page-head h1{font-size:46px}
}
@media(max-width:760px){
.account-pro-wrap{padding:24px 14px 48px}
.account-pro-shell{display:block}
.account-sidebar{position:static;margin-bottom:18px;padding:14px;border-radius:17px}
.account-person{padding-bottom:12px}
.account-nav{display:flex;overflow-x:auto;padding:11px 0 4px;gap:7px;scrollbar-width:none}
.account-nav::-webkit-scrollbar{display:none}
.account-nav button{width:auto;white-space:nowrap;padding:10px 12px}
.account-nav button span{display:none}
.account-side-meta,.account-logout{display:none}
.account-page-head{margin-top:8px}
.account-page-head h1{font-size:39px}
.account-page-head>.btn{display:none}
.account-stats{grid-template-columns:1fr 1fr;gap:9px}
.account-stats article{padding:15px}
.account-stats strong{font-size:27px}
.account-overview-grid{display:block}
.account-overview-grid>.account-panel+ .account-panel{margin-top:14px}
.account-panel{padding:19px;border-radius:16px}
.account-help{align-items:flex-start;flex-direction:column;padding:22px;margin-top:14px}
.account-help .btn{width:100%;text-align:center}
.profile-editor-top{align-items:flex-start}
.order-tools{grid-template-columns:1fr}
.account-order-pro{grid-template-columns:1fr}
.order-total{text-align:left;display:flex;gap:8px;align-items:baseline}
.account-order-pro p{white-space:normal}
.account-security-grid{display:block}
.account-security-grid>.account-panel+ .account-panel{margin-top:14px}
}
@media(max-width:430px){
.account-stats{grid-template-columns:1fr}
.account-page-head h1{font-size:35px}
.profile-editor-top{display:block}
.account-avatar-xl{margin-bottom:16px}
.account-panel-head{align-items:center}
.account-person span{max-width:220px}
}
/* My Library / Downloads / Invoices — 2026-09 */
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.library-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;border:1px solid var(--line);border-radius:19px;background:var(--bg);padding:18px;box-shadow:0 14px 42px rgba(20,47,44,.045)}
.library-cover{aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--pale),var(--soft));display:grid;place-items:center;color:var(--green);font-weight:800}
.library-cover img{width:100%;height:100%;object-fit:cover}
.library-body h3{margin:5px 0 8px;font:400 25px Georgia,serif}
.library-body>p{margin:0 0 11px;color:var(--muted);font-size:12px}
.library-meta{display:grid;gap:5px;color:var(--muted);font-size:11px;margin-bottom:14px}
.library-actions{display:flex;gap:8px;flex-wrap:wrap}
.download-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.download-row:last-child{border-bottom:0}
.download-row>div{display:grid;gap:4px}
.download-row span{color:var(--muted);font-size:12px}
.download-row>div:last-child{justify-items:end;text-align:right}
.download-row .btn{margin-top:4px}
@media(max-width:980px){
.library-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
.library-card{grid-template-columns:92px minmax(0,1fr);padding:14px;gap:13px}
.library-body h3{font-size:21px}
.library-actions .btn{width:100%;text-align:center}
.download-row{align-items:flex-start;flex-direction:column}
.download-row>div:last-child{justify-items:start;text-align:left;width:100%}
.download-row .btn{width:100%}
}
/* Account/profile UX refinements — 2026-09-13 */
header>.header-actions{position:relative}
.profile-link.has-photo{background-position:center 58%!important}
.account-avatar.has-user-photo img{object-position:center 58%;display:block}
.profile-account-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 24px));background:#fff;border:1px solid var(--line)}
.profile-account-menu[hidden]{display:none!important}
.profile-menu-user{grid-template-columns:44px minmax(0,1fr)}
.profile-menu-user>div:last-child{min-width:0}
.profile-menu-action{justify-content:space-between}
.profile-menu-action:hover{background:var(--pale)}
.profile-menu-action b{font-weight:700;color:var(--green)}
button.profile-menu-action{font:inherit;cursor:pointer}
.profile-menu-logout b{color:#983d3d}
/* Profile image cropper */
body.crop-open{overflow:hidden}
.avatar-crop-modal{position:fixed;inset:0;z-index:2500;background:rgba(5,30,26,.62);display:grid;place-items:center;padding:20px}
.avatar-crop-dialog{width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.avatar-crop-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.avatar-crop-head h2{font-size:31px;margin:3px 0 5px}
.avatar-crop-head p{margin:0;color:var(--muted);font-size:13px}
.avatar-crop-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:25px;line-height:1;color:var(--ink);flex:0 0 auto}
.avatar-crop-stage{position:relative;width:min(440px,100%);margin:0 auto 18px;border-radius:18px;overflow:hidden;background:#e8efec}
.avatar-crop-stage canvas{display:block;width:100%;height:auto}
.avatar-crop-circle{position:absolute;inset:8%;border:3px solid rgba(255,255,255,.98);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.28);pointer-events:none}
.avatar-crop-controls{display:grid;gap:12px;margin:2px 0 18px}
.avatar-crop-controls label{font-size:12px;color:var(--muted);font-weight:700}
.avatar-crop-controls input[type=range]{padding:0;border:0;background:transparent;margin-top:7px}
.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px}
/* Prevent profile form overflow on medium widths */
.profile-editor-card{max-width:none}
.account-form{max-width:100%}
.account-grid>*{min-width:0}
.account-grid input{min-width:0}
/* Mobile account navigation: show every section completely instead of clipping horizontally. */
@media(max-width:760px){
.account-sidebar{overflow:visible}
.account-person{min-width:0}
.account-person>div:last-child{min-width:0}
.account-person strong,.account-person span{max-width:100%}
.account-nav{display:grid;grid-template-columns:1fr;overflow:visible;gap:6px;padding:12px 0 2px}
.account-nav button{width:100%;min-width:0;white-space:normal;justify-content:flex-start;padding:11px 12px;font-size:13px;line-height:1.25;border-radius:12px}
.account-nav button span{display:grid!important;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(0,120,89,.08);font-size:13px}
.account-nav button.active span{background:rgba(255,255,255,.18)}
.account-nav button b{min-width:24px;margin-left:auto}
.account-side-meta{display:none}
.account-logout{display:block;margin-top:12px}
.profile-editor-top{gap:15px}
.profile-upload-row .btn{width:100%}
.profile-upload-row .ghost-danger{width:100%}
.library-grid{grid-template-columns:1fr;gap:13px}
.library-card{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:13px;border-radius:15px}
.library-cover{border-radius:10px}
.library-body h3{font-size:20px;overflow-wrap:anywhere}
.library-meta span{overflow-wrap:anywhere}
.library-actions{display:grid;grid-template-columns:1fr;gap:7px}
.library-actions .btn{width:100%;min-width:0}
.profile-account-menu{position:fixed;right:12px;top:68px;width:min(320px,calc(100vw - 24px))}
.avatar-crop-modal{padding:10px}
.avatar-crop-dialog{padding:16px;border-radius:18px}
.avatar-crop-head h2{font-size:27px}
.avatar-crop-actions{display:grid;grid-template-columns:1fr}
.avatar-crop-actions .btn{width:100%}
}
@media(max-width:430px){
.account-nav{grid-template-columns:1fr}
.account-nav button{font-size:12.5px;padding:10px 11px}
.account-nav button b{font-size:10px}
.account-page-head h1{font-size:33px}
.account-pro-wrap{padding-left:10px;padding-right:10px}
.account-sidebar{padding:12px}
.account-panel{padding:16px}
.library-card{grid-template-columns:68px minmax(0,1fr);gap:10px}
.library-body h3{font-size:18px}
.library-body>p{font-size:11px}
}
/* 2026-09-13 profile picker + account-menu polish */
.profile-editor-top .account-avatar-xl{flex:0 0 auto}
@media(max-width:760px){
.account-sidebar{box-shadow:0 12px 32px rgba(20,47,44,.07)}
.account-nav button.active{box-shadow:0 8px 18px rgba(0,126,94,.12)}
.profile-account-menu{max-height:calc(100vh - 84px);overflow:auto}
.profile-editor-top{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start}
.profile-editor-top .account-avatar-xl{width:78px;height:78px;margin:0}
.profile-editor-top>div:last-child{min-width:0}
.profile-upload-row{display:grid;grid-template-columns:1fr;gap:8px}
.profile-upload-row .btn{margin:0}
}
@media(max-width:430px){
.profile-editor-top{grid-template-columns:68px minmax(0,1fr)}
.profile-editor-top .account-avatar-xl{width:68px;height:68px}
.profile-editor-top h2{font-size:25px}
}
/* 2026-09-13 FINAL customer account menu: account navigation opens from header profile icon. */
.account-pro-wrap{max-width:1320px}
.account-pro-shell{display:block!important}
.account-sidebar{display:none!important}
.account-dashboard{width:100%;min-width:0}
.profile-account-panel{width:340px;padding:11px;border-radius:18px}
.profile-menu-nav{gap:4px;border-bottom:1px solid var(--line)}
.profile-menu-navitem{grid-template-columns:34px minmax(0,1fr) auto;line-height:1.25}
.profile-menu-navitem:hover,.profile-menu-navitem.active{background:var(--pale);color:var(--green)}
.profile-menu-icon{background:#eef7f3;font-size:14px}
.profile-menu-navitem.active .profile-menu-icon{background:var(--green);color:#fff}
.profile-menu-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eef7f3;color:var(--green);display:grid;place-items:center;font-size:10px}
.profile-menu-count[hidden]{display:none!important}
@media(max-width:760px){
body.account-menu-open{overflow:hidden}
.profile-account-panel{position:fixed!important;left:10px!important;right:10px!important;top:92px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 104px)!important;overflow:auto!important;padding:12px!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(13,43,37,.25)!important;z-index:2200!important}
.profile-menu-user{grid-template-columns:48px minmax(0,1fr);padding:8px 8px 13px}
.profile-menu-avatar{width:48px;height:48px}
.profile-menu-nav{gap:5px;padding:9px 0}
.profile-menu-navitem{min-height:48px;padding:8px 10px;font-size:14px}
.profile-menu-icon{width:34px;height:34px}
.profile-menu-logout{min-height:48px;margin-top:8px;border:1px solid #efd5d5;background:#fffafa}
.account-pro-wrap{padding-top:28px}
}
@media(max-width:430px){
.profile-account-panel{left:8px!important;right:8px!important;top:90px!important;max-height:calc(100dvh - 100px)!important}
.profile-menu-navitem{font-size:13px}
.profile-menu-user strong{font-size:13px}
.profile-menu-user span{font-size:10.5px}
}
/* 2026-09-13 PROFILE MENU LAYER FIX
   The account popover is portaled to body so neither desktop nor mobile page content can cover it. */
.profile-account-backdrop{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.profile-account-backdrop[hidden]{display:none!important}
.profile-account-panel{position:fixed!important;z-index:5000!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 28px 80px rgba(9,39,34,.24)!important;overflow:auto!important;overscroll-behavior:contain;isolation:isolate;transform:translateZ(0);max-width:calc(100vw - 20px)!important}
.profile-account-panel[hidden]{display:none!important}
.profile-account-panel .profile-menu-navitem{position:relative;z-index:1}
.profile-account-panel .profile-menu-user,.profile-account-panel .profile-menu-nav,.profile-account-panel .profile-menu-logout{position:relative;z-index:1}
@media(min-width:761px){
.profile-account-backdrop{background:rgba(10,35,31,.035);backdrop-filter:none;-webkit-backdrop-filter:none}
body.account-menu-open{overflow:auto}
}
@media(max-width:760px){
body.account-menu-open{overflow:hidden!important}
.profile-account-panel{border-radius:18px!important;padding:12px!important}
.profile-menu-nav{padding-bottom:8px!important}
.profile-menu-logout{position:sticky!important;bottom:0;background:#fffafa!important;z-index:3!important}
}
.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted);font-size:.88rem}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
#google-signin-wrap{min-height:0;display:flex;justify-content:center}
.wide{width:100%}
/* V4.5 — customer Sign in / Create account mobile alignment */
@media (max-width:650px){
.account-wrap .account-card h1{font-size:clamp(34px,10vw,42px)!important}
}
/* V4.5 — customer Sign in / Create account mobile alignment */
@media (max-width:650px){
.account-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:24px 14px 36px!important;overflow:visible!important}
.account-wrap .account-shell{width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:16px!important}
.account-wrap .account-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:20px 16px!important;border-radius:16px!important;overflow:hidden}
.account-wrap .account-card h1{font-size:clamp(34px,10vw,42px)!important;line-height:1.08!important;letter-spacing:-1.4px!important;overflow-wrap:anywhere}
.account-wrap .account-card h2{font-size:28px!important;line-height:1.15!important}
.account-wrap .intro,.account-wrap .account-card>p{font-size:15px!important;line-height:1.65!important}
.account-wrap .account-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important}
.account-wrap .account-tabs button{min-width:0!important;padding:10px 8px!important;font-size:13px!important;white-space:normal!important}
.account-wrap form,.account-wrap .field,.account-wrap label,.account-wrap input{min-width:0!important;max-width:100%!important}
.account-wrap input{font-size:16px!important}
.account-wrap .btn.wide{width:100%!important;min-height:46px!important}
.account-wrap .account-meta{gap:10px!important;margin:16px 0 0!important}
.account-wrap .account-meta div{width:100%!important;min-width:0!important;padding:14px!important;overflow-wrap:anywhere!important}
.account-wrap .account-avatar{margin:0 0 14px!important}
#google-signin-wrap{max-width:100%!important}
}
@media (max-width:360px){
.account-wrap{padding-left:10px!important;padding-right:10px!important}
.account-wrap .account-card{padding:18px 13px!important}
.account-wrap .account-card h1{font-size:32px!important}
}
/* V5.0 — fixed-size product media + first-five-page gallery */
.detail{align-items:start!important}
.product-gallery-host{min-width:0;align-self:start}
.product-gallery{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:start}
.product-thumbs{flex-direction:column;max-height:620px;scrollbar-width:thin}
.product-thumb{width:100%;min-height:86px;display:grid;place-items:center;gap:4px;line-height:1.15;transition:border-color .18s,box-shadow .18s,transform .18s}
.product-thumb:hover{transform:translateY(-1px);border-color:#a9c7bd}
.product-thumb.active{color:var(--green)}
.product-thumb img{display:block;background:#f7faf8}
.thumb-cover-mark{font-size:28px;line-height:1}
.product-main-stage{height:620px;max-height:620px;position:relative;padding:34px}
.product-slide{position:absolute;inset:0;padding:34px;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .2s ease,transform .24s ease,visibility .2s}
.product-slide.active{opacity:1;visibility:visible;transform:none;z-index:2}
.product-main-stage .uploaded-cover{width:auto!important;height:auto!important;max-width:min(76%,390px)!important;max-height:82%!important;object-fit:contain!important;transform:none!important;box-shadow:0 18px 34px rgba(24,63,41,.18)!important;border-radius:5px!important}
.product-main-stage .book{width:min(62%,310px)!important;max-height:84%;transform:none!important;box-shadow:0 18px 34px rgba(24,63,41,.18)!important}
.preview-page-image{display:block;width:auto;height:auto;border-radius:4px}
.gallery-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;font:32px/1 Georgia,serif;display:grid;place-items:center;box-shadow:0 8px 24px rgba(20,47,44,.10)}
.gallery-arrow:hover{background:#fff;border-color:var(--green)}
.gallery-arrow.prev{left:14px}
.gallery-arrow.next{right:14px}
.gallery-counter{position:absolute;right:15px;bottom:14px;z-index:5;background:rgba(20,47,44,.82);color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.3px}
.gallery-note{grid-column:1/-1;margin:0;font-size:12px;text-align:center}
.product-info{min-width:0;align-self:start}
.product-info .intro{max-width:none}
@media(max-width:950px){
.product-gallery{grid-template-columns:68px minmax(0,1fr)}
.product-main-stage{height:530px;min-height:530px;max-height:530px;padding:24px}
.product-slide{padding:24px}
.product-thumb{min-height:76px}
.product-thumb img{width:40px;height:52px}
}
@media(max-width:650px){
.detail{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;align-items:start!important}
.product-gallery{grid-template-columns:1fr;gap:10px}
.product-main-stage{order:1;height:500px;min-height:500px;max-height:500px;border-radius:12px;padding:18px}
.product-slide{padding:20px}
.product-main-stage .uploaded-cover{max-width:78%!important;max-height:86%!important}
.preview-page-image{max-width:92%;max-height:94%}
.product-thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scroll-snap-type:x proximity}
.product-thumb{flex:0 0 72px;min-height:78px;scroll-snap-align:start}
.product-thumb img{width:38px;height:48px}
.gallery-note{order:3}
.gallery-arrow{width:38px;height:38px;font-size:28px}
.gallery-arrow.prev{left:8px}
.gallery-arrow.next{right:8px}
}
@media(max-width:420px){
.product-main-stage{height:430px;min-height:430px;max-height:430px}
.product-thumb{flex-basis:66px}
.gallery-counter{right:10px;bottom:10px}
}
/* V5.1 PayU-backed secure online checkout: provider-neutral storefront UI */
.payment-choice label.primary-online-payment{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:linear-gradient(135deg,rgba(0,118,89,.07),rgba(65,197,255,.06))}
.secure-online-panel .eyebrow{margin-bottom:8px}
.secure-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.secure-method-grid>div{border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--white,#fff);display:flex;flex-direction:column;gap:4px;min-height:80px}
.secure-method-grid strong{font-size:1rem}
.secure-method-grid small{color:var(--muted);line-height:1.4}
@media(max-width:620px){
.secure-method-grid{grid-template-columns:1fr}
.secure-method-grid>div{min-height:auto}
}
/* v5.2 direct UPI app checkout */
.upi-direct-panel{margin-top:18px}
.upi-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.upi-app-button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--text);background:#fff;min-height:82px;transition:.18s ease}
.upi-app-button:hover{transform:translateY(-1px);border-color:var(--green);box-shadow:0 8px 22px rgba(20,47,44,.08)}
.upi-app-button span:last-child{display:flex;flex-direction:column;gap:3px}
.upi-app-button small{color:var(--muted)}
.upi-app-badge{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1.1rem;background:var(--pale);color:var(--green);flex:0 0 auto}
.upi-app-button.phonepe .upi-app-badge{background:#f0eaff;color:#5f259f}
.upi-app-button.gpay .upi-app-badge{background:#eef6ff;color:#1a73e8}
.desktop-upi-qr{margin:18px 0;text-align:center}
.desktop-upi-qr .qr{display:block;margin:12px auto;background:#fff;padding:8px;border-radius:12px;border:1px solid var(--line)}
@media(max-width:720px){
.upi-app-grid{grid-template-columns:1fr}
.upi-app-button{min-height:72px}
}
/* LIGHTLYFUN USER ACCOUNT V6 — mobile-first drawer dashboard */
.wishlist-heart{cursor:pointer;box-shadow:0 8px 24px rgba(20,47,44,.08);transition:.18s}
.wishlist-heart:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(20,47,44,.14)}
.wishlist-heart.saved{border-color:#ffd0da}
.detail-wishlist.saved{color:#c9184a;border-color:#f0b4c3;background:#fff4f7}
.detail-wishlist [data-heart]{font-size:18px;margin-right:5px}
.account-v6-wrap{padding:34px clamp(14px,3vw,42px) 72px}
.account-v6-shell{grid-template-columns:286px minmax(0,1fr);gap:24px;align-items:start}
.account-v6-sidebar{position:sticky;top:22px;border:1px solid #dceae4;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(19,76,62,.09);padding:18px;max-height:calc(100vh - 44px);overflow:auto;z-index:50}
.account-v6-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 15px;border-bottom:1px solid #e7efec}
.account-v6-brand{font-weight:900;font-size:21px;color:#102f29;text-decoration:none}
.account-v6-brand span{color:#0f9b73}
.account-v6-drawer-head button{border:0;background:transparent;font-size:28px;line-height:1;color:#61736e;cursor:pointer}
.account-v6-person{display:flex;align-items:center;gap:12px;padding:17px 4px}
.account-v6-person>div:last-child{min-width:0}
.account-v6-person strong,.account-v6-person span,.account-v6-person small{display:block}
.account-v6-person strong{font-size:15px;color:#14372f}
.account-v6-person span{font-size:11px;color:#6b7f79;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0}
.account-v6-person small{font-size:11px;color:#0d956a}
.account-v6-nav{display:grid;gap:4px;padding:5px 0 12px}
.account-v6-nav button{width:100%;border:0;background:transparent;border-radius:13px;padding:11px 10px;display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:7px;text-align:left;color:#536e66;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.account-v6-nav button:hover{background:#f2faf7;color:#0b6e57}
.account-v6-nav button.active{background:linear-gradient(90deg,#e8faf2,#f4fbf8);color:#087256;box-shadow:inset 3px 0 #0b9a72}
.account-v6-nav-icon{width:32px;height:32px;border-radius:10px;background:#eef8f4;display:grid;place-items:center;color:#078663;font-size:17px}
.account-v6-nav button.active .account-v6-nav-icon{background:#0b946d;color:#fff}
.account-v6-nav button b{font-size:10px;background:#f0f5f3;color:#5c716b;border-radius:999px;padding:2px 6px}
.account-v6-nav button i{font-style:normal;color:#8da19b;font-size:17px}
.account-v6-logout{width:100%;border:1px solid #f0d7db;background:#fff7f8;color:#a83144;border-radius:13px;padding:12px 14px;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.account-v6-main{min-width:0}
.account-v6-welcome{min-height:218px;border-radius:24px;padding:30px 34px;background:linear-gradient(135deg,#073e35,#0a7561 55%,#0d9d76);color:white;display:flex;justify-content:space-between;align-items:center;gap:24px;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(7,95,72,.16)}
.account-v6-welcome:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-75px;top:-95px;background:rgba(255,255,255,.08)}
.account-v6-welcome>div:first-child{position:relative;z-index:2}
.account-v6-welcome span{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#c9f2e6}
.account-v6-welcome h1{font:700 clamp(34px,4vw,54px)/1.02 system-ui,sans-serif;margin:7px 0 10px}
.account-v6-welcome p{margin:0 0 20px;color:#def3ed;max-width:560px}
.account-v6-light-btn{background:#fff!important;color:#087159!important;border-color:#fff!important}
.account-v6-welcome-art{position:relative;z-index:2;min-width:230px;text-align:center;transform:rotate(-3deg)}
.account-v6-welcome-art b{display:inline-block;background:#fff5ce;color:#14372f;padding:19px 24px;border-radius:14px;font:500 25px/1.1 Georgia,serif;box-shadow:0 18px 30px rgba(0,0,0,.16)}
.account-v6-welcome-art span{display:block;font-size:66px;margin-top:-10px}
.account-v6-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.account-v6-stats button{border:1px solid #e0ebe7;background:#fff;padding:18px;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;gap:1px 11px;text-align:left;cursor:pointer;box-shadow:0 10px 30px rgba(20,47,44,.045)}
.account-v6-stats i{grid-row:1/3;width:48px;height:48px;border-radius:15px;background:#e8faf2;color:#07936a;display:grid;place-items:center;font-style:normal;font-size:22px}
.account-v6-stats button:nth-child(2) i{background:#fff0f5;color:#d33a6b}
.account-v6-stats button:nth-child(3) i{background:#eef8ff;color:#2188c8}
.account-v6-stats button:nth-child(4) i{background:#f5efff;color:#7b4ed4}
.account-v6-stats strong{font-size:26px;color:#15372f}
.account-v6-stats span{font-size:12px;color:#647a73}
.account-v6-stats em{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;color:#9aada7}
.account-v6-card{border:1px solid #e0ebe7;padding:22px;margin-top:16px}
.account-v6-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.account-v6-section-head h2{font:700 22px/1.2 system-ui,sans-serif;margin:3px 0}
.account-v6-kicker,.account-v6-title>span{font-size:10px;font-weight:900;letter-spacing:1.35px;color:#078963}
.account-v6-bookrail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.account-v6-bookrail button{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;min-width:0}
.account-v6-bookrail button span{display:block;aspect-ratio:3/4;border-radius:11px;background:#eef7f3;overflow:hidden}
.account-v6-bookrail button img{width:100%;height:100%;object-fit:cover}
.account-v6-bookrail button b{display:block;font-size:11px;line-height:1.25;color:#26463f;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-v6-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.account-v6-quick a,.account-v6-quick button{border:0;border-radius:14px;padding:16px 10px;background:#effaf5;color:#087055;text-decoration:none;text-align:center;font:inherit;font-weight:800;cursor:pointer}
.account-v6-quick a:nth-child(2),.account-v6-quick button:nth-child(2){background:#eff8ff;color:#1b70af}
.account-v6-quick a:nth-child(3),.account-v6-quick button:nth-child(3){background:#fff2f3;color:#b93450}
.account-v6-quick a:nth-child(4),.account-v6-quick button:nth-child(4){background:#f5f0ff;color:#7042bf}
.account-v6-quick a>span,.account-v6-quick button>span{display:block;font-size:11px;margin-top:4px}
.account-v6-help{margin-top:16px;border:1px solid #d6efe5;border-radius:20px;background:linear-gradient(100deg,#edfdf7,#e9f8f3);padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-v6-help>div{display:flex;gap:13px;align-items:center}
.account-v6-help>div>span{font-size:32px}
.account-v6-help strong{display:block;color:#163b32}
.account-v6-help p{margin:3px 0 0;color:#5f7770;font-size:12px}
.account-v6-title{margin:6px 0 18px}
.account-v6-title h1{font:700 clamp(32px,4vw,48px)/1.05 system-ui,sans-serif;margin:7px 0 7px;color:#15382f}
.account-v6-title p{margin:0;color:#647a73}
.account-v6-list{display:grid;gap:12px}
.account-v6-order,.account-v6-library-row,.account-v6-wish-row,.account-v6-simple-row,.account-v6-note,.account-v6-address{border:1px solid #e0ebe7;border-radius:18px;background:#fff;padding:15px;box-shadow:0 8px 28px rgba(20,47,44,.04)}
.account-v6-order{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center}
.account-v6-order-cover,.account-v6-book-cover{width:64px;height:82px;border-radius:10px;background:#edf6f2;display:grid;place-items:center;overflow:hidden;font-size:26px}
.account-v6-order-cover img,.account-v6-book-cover img{width:100%;height:100%;object-fit:cover}
.account-v6-order-body>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.account-v6-order-body h3,.account-v6-library-body h3,.account-v6-wish-row h3{font-size:15px;margin:6px 0 3px;color:#173a32}
.account-v6-order-body p,.account-v6-library-body p,.account-v6-wish-row p{margin:0;color:#697e78;font-size:12px}
.account-v6-library-row{display:grid;grid-template-columns:72px 1fr;gap:15px}
.account-v6-library-row .account-v6-book-cover{width:72px;height:96px}
.account-v6-library-body>span,.account-v6-wish-row>div:nth-child(2)>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#0c8a66}
.account-v6-library-body>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.account-v6-simple-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.account-v6-simple-row strong,.account-v6-simple-row span{display:block}
.account-v6-simple-row span{font-size:11px;color:#6a7e78;margin-top:3px}
.account-v6-wish-row{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center}
.account-v6-wish-row>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.account-v6-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-v6-address{display:flex;justify-content:space-between;gap:15px}
.account-v6-address span{font-size:10px;font-weight:800;letter-spacing:1px;color:#098a66}
.account-v6-address h3{margin:6px 0;color:#163a31}
.account-v6-address p{font-size:12px;line-height:1.55;color:#627972}
.account-v6-address small{color:#60756f}
.account-v6-address>div:last-child{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}
.account-v6-check{display:flex;gap:9px;align-items:center;margin:10px 0 16px;color:#49655e}
.account-v6-choice-list{display:grid;gap:10px}
.account-v6-choice-list>label{display:flex;align-items:center;gap:12px;border:1px solid #e0ebe7;border-radius:14px;padding:14px;cursor:pointer}
.account-v6-choice-list>label:has(input:checked){border-color:#6cc7aa;background:#effbf6}
.account-v6-choice-list input{width:18px;height:18px}
.account-v6-choice-list b,.account-v6-choice-list small{display:block}
.account-v6-choice-list small{color:#70827d;margin-top:2px}
.account-v6-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}
.account-v6-note{display:flex;gap:13px;align-items:flex-start}
.account-v6-note.unread{border-color:#87d6bb;background:#f4fdf9}
.account-v6-note>i{width:38px;height:38px;border-radius:12px;background:#e8faf2;display:grid;place-items:center;font-style:normal;color:#088963}
.account-v6-note p{margin:4px 0;color:#637872;font-size:12px}
.account-v6-note small{color:#93a39f}
.account-v6-settings{display:grid;gap:0}
.account-v6-settings>label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e5eeeb}
.account-v6-settings>label b,.account-v6-settings>label small{display:block}
.account-v6-settings>label small{font-size:11px;color:#6e827c;margin-top:3px}
.account-v6-settings>label input{width:20px;height:20px}
.account-v6-settings>.field{margin-top:15px}
.account-v6-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-v6-help-grid .account-v6-card{text-decoration:none;color:inherit;text-align:left;cursor:pointer}
.account-v6-help-grid b{display:block;color:#173a32;font-size:17px}
.account-v6-help-grid p{color:#657a74;font-size:12px}
.account-v6-help-grid span{color:#08795e;font-weight:800;font-size:12px}
.account-v6-backdrop[hidden]{display:none!important}
@media(max-width:980px){
.account-v6-shell{grid-template-columns:240px minmax(0,1fr)}
.account-v6-stats{grid-template-columns:1fr 1fr}
.account-v6-bookrail{grid-template-columns:repeat(4,1fr)}
.account-v6-help-grid{grid-template-columns:1fr}
.account-v6-welcome-art{min-width:180px}
}
@media(max-width:760px){
body.account-v6-drawer-open{overflow:hidden}
.account-v6-wrap{padding:0 10px 40px}
.account-v6-shell{display:block}
.account-v6-main{padding-top:8px}
.account-v6-mobilebar{display:flex;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;margin:0 -10px 10px;padding:10px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid #e4eeea;backdrop-filter:blur(12px)}
.account-v6-mobilebar>button{width:44px;height:44px;border:1px solid #dceae4;border-radius:13px;background:#fff;font-size:23px;color:#153a31}
.account-v6-mobilebar>div:nth-child(2){text-align:center}
.account-v6-mobilebar strong,.account-v6-mobilebar span{display:block}
.account-v6-mobilebar strong{font-size:14px}
.account-v6-mobilebar span{font-size:9px;color:#71837e}
.account-avatar-sm{width:38px;height:38px;margin:0;font-size:14px}
.account-v6-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:min(86vw,340px);max-height:none;border-radius:0 24px 24px 0;z-index:2600;transform:translateX(-105%);transition:transform .24s ease;box-shadow:0 25px 70px rgba(8,43,35,.28);padding:16px}
.account-v6-sidebar.open{transform:translateX(0)}
.account-v6-backdrop{position:fixed;inset:0;background:rgba(9,35,30,.45);z-index:2500}
.account-v6-drawer-head{position:sticky;top:0;background:#fff;z-index:2}
.account-v6-nav button{padding:9px 8px}
.account-v6-logout{margin-top:4px}
.account-v6-welcome{min-height:0;padding:24px 20px;border-radius:20px}
.account-v6-welcome h1{font-size:32px}
.account-v6-welcome-art{display:none}
.account-v6-stats{grid-template-columns:1fr 1fr;gap:9px}
.account-v6-stats button{padding:13px;grid-template-columns:40px 1fr auto}
.account-v6-stats i{width:40px;height:40px}
.account-v6-stats strong{font-size:21px}
.account-v6-card{padding:16px;border-radius:17px}
.account-v6-bookrail{display:flex;overflow-x:auto;gap:9px;padding-bottom:4px}
.account-v6-bookrail button{flex:0 0 105px}
.account-v6-quick{grid-template-columns:1fr 1fr}
.account-v6-help{align-items:flex-start;flex-direction:column}
.account-v6-help .btn{width:100%;text-align:center}
.account-v6-order{grid-template-columns:54px 1fr}
.account-v6-order-cover{width:54px;height:72px}
.account-v6-order>.btn{grid-column:2;width:100%;text-align:center}
.account-v6-library-row{grid-template-columns:62px 1fr}
.account-v6-library-row .account-v6-book-cover{width:62px;height:84px}
.account-v6-wish-row{grid-template-columns:58px 1fr}
.account-v6-wish-row>div:last-child{grid-column:1/-1}
.account-v6-wish-row>div:last-child .btn{flex:1}
.account-v6-address-grid{grid-template-columns:1fr}
.account-v6-address{display:block}
.account-v6-address>div:last-child{margin-top:10px}
.account-v6-simple-row{align-items:flex-start;flex-direction:column}
.account-v6-simple-row .btn{width:100%;text-align:center}
.account-v6-title{padding:0 4px}
.account-v6-title h1{font-size:30px}
.account-v6-help-grid{display:block}
.account-v6-help-grid .account-v6-card{display:block;width:100%;margin-bottom:10px}
.account-security-grid{display:block}
.account-security-grid>.account-v6-card+.account-v6-card{margin-top:12px}
}
@media(max-width:420px){
.account-v6-stats button{grid-template-columns:36px 1fr auto}
.account-v6-stats i{width:36px;height:36px}
.account-v6-stats strong{font-size:19px}
.account-v6-stats span{font-size:10px}
.account-v6-welcome{padding:21px 17px}
.account-v6-welcome h1{font-size:29px}
.account-v6-quick a,.account-v6-quick button{padding:13px 7px}
.account-v6-person span{max-width:220px}
}
/* Lightlyfun V6.15 — Verified purchase reviews */
.product-rating-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0 12px;font-size:13px;color:var(--muted,#65746f)}
.product-rating-line a{color:inherit;text-decoration:none}
.product-rating-line a:hover{text-decoration:underline}
.review-stars{color:#f5b700;letter-spacing:1px;font-size:18px;white-space:nowrap}
.review-stars.muted{color:#aab6b1}
.product-reviews-section{padding-top:8px;padding-bottom:34px}
.review-loading,.review-empty{padding:28px;border:1px solid #dce9e4;border-radius:22px;background:#fff;color:#4e625b}
.review-empty strong{display:block;color:#163b31;font-size:18px;margin-bottom:4px}
.review-empty p{margin:0}
.review-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.review-section-head h2{margin:.2rem 0;font-size:clamp(24px,4vw,38px);color:#123a30}
.review-section-head p{margin:0;color:#667972}
.verified-only-note{font-size:13px;color:#6d7d77;max-width:260px;text-align:right}
.verified-only-note a{color:#0a8f6d;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.review-summary{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;background:linear-gradient(145deg,#f8fffc,#edf8f4);border:1px solid #d6e9e1;border-radius:24px;padding:22px;margin-bottom:18px}
.review-average{display:grid;align-content:start;gap:4px}
.review-average>strong{font-size:52px;line-height:.95;color:#0c4d3c}
.review-average>span{font-size:13px;color:#6f7f79}
.review-average>small{color:#6f7f79;margin-top:4px}
.review-bars{display:grid;gap:8px;align-content:center}
.review-bars>div{display:grid;grid-template-columns:48px 1fr 28px;gap:9px;align-items:center;font-size:12px;color:#566961}
.review-bars i{height:8px;background:#dbe8e3;border-radius:99px;overflow:hidden}
.review-bars b{display:block;height:100%;background:linear-gradient(90deg,#10b981,#0a8768);border-radius:99px}
.review-bars em{font-style:normal;text-align:right}
.my-review-state{display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:16px;padding:13px 16px;margin:0 0 18px;border:1px solid #cfe5dd;background:#f4fbf8;color:#285749}
.my-review-state strong{color:#0b6f55}
.my-review-state.pending{border-color:#efdba7;background:#fffaf0}
.my-review-state.pending strong{color:#946500}
.my-review-state.rejected{border-color:#f1c7c7;background:#fff7f7}
.my-review-state.rejected strong{color:#a33b3b}
.review-list{display:grid;gap:15px}
.review-card{background:#fff;border:1px solid #dbe8e3;border-radius:22px;padding:19px;box-shadow:0 12px 34px rgba(10,75,57,.06)}
.review-head{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}
.review-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d7f7eb,#bdebd9);color:#087358;font-weight:800}
.review-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.review-head time{font-size:12px;color:#788680}
.verified-review{font-size:11px;border-radius:99px;padding:4px 8px;background:#dcf8ed;color:#08785b;font-weight:700}
.review-rating{margin:12px 0 4px}
.review-card h3{margin:4px 0 6px;font-size:18px;color:#183e34}
.review-card p{margin:0;color:#4f625b;line-height:1.65}
.review-photo-grid{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.review-photo-grid a{width:92px;height:92px;border-radius:12px;overflow:hidden;border:1px solid #d8e7e1;background:#f6faf8}
.review-photo-grid img{width:100%;height:100%;object-fit:cover;display:block}
.review-modal{place-items:center}
.review-modal-backdrop{position:absolute;inset:0;background:rgba(2,18,14,.72);backdrop-filter:blur(6px)}
.review-modal-card{background:#fff;border:1px solid #d6e7e0;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.review-modal-x{width:40px;height:40px;border:0;border-radius:50%;background:#eef7f3;color:#193e34;font-size:26px;cursor:pointer}
.review-modal-book{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding-right:42px;margin-bottom:18px}
.review-modal-book .book,.review-modal-book .uploaded-cover{width:76px!important;height:104px!important;min-height:104px!important;object-fit:cover;border-radius:9px}
.review-modal-book h2{margin:2px 0 4px;color:#133d32}
.review-modal-book p,.review-modal-book small{margin:0;color:#687972}
.review-modal-card form{display:grid;gap:15px}
.review-modal-card form>label{display:grid;gap:6px;color:#1a3c33;font-weight:700}
.review-modal-card input[type=text],.review-modal-card input:not([type=file]):not([type=radio]),.review-modal-card textarea{width:100%;border:1px solid #bed7ce;border-radius:13px;background:#fbfefc;color:#173c32;padding:12px 13px;font:inherit}
.review-modal-card textarea{min-height:126px;resize:vertical}
.review-modal-card label>b,.review-star-input legend b{color:#d34949}
.review-star-input{display:flex;flex-direction:row;justify-content:flex-start;gap:2px;border:0;padding:0;margin:0}
.review-star-input legend{width:100%;font-weight:700;color:#1a3c33;margin-bottom:5px}
.review-star-input label{cursor:pointer;touch-action:manipulation}
.review-star-input input{position:absolute;opacity:0;pointer-events:none}
.review-star-input span{font-size:34px;color:#c8d3cf;transition:.15s}
.review-star-input label.selected span,.review-star-input label:hover span{color:#f5b700}
.review-star-input label:focus-within span{outline:2px solid #0aa67d;outline-offset:3px;border-radius:5px}
.review-upload-label span{font-weight:400;color:#6b7c76}
.review-upload-label input{padding:10px;border:1px dashed #abd0c3;border-radius:12px;background:#f5fbf8}
.review-upload-label small{font-weight:400;color:#72817c}
.review-existing-photos{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.review-existing-photos>span{width:100%;font-size:12px;color:#667972}
.review-existing-photos img{width:62px;height:62px;object-fit:cover;border-radius:10px}
.review-submit-row{display:grid;gap:7px}
.review-modal-open{overflow:hidden}
.account-order-reviews{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.account-review-action{display:inline-flex;gap:5px;align-items:center;padding:7px 10px;border:1px solid #bcdccd;border-radius:10px;background:#f5fcf9;color:#145642;text-decoration:none;font-size:11px}
.account-review-action span{color:#f5b700}
.account-review-action.pending{opacity:.72;pointer-events:none}
.account-review-action.approved{background:#eafbf4}
.account-review-row{display:grid;grid-template-columns:74px 1fr;gap:15px;background:var(--account-card,#fff);border:1px solid rgba(88,144,123,.24);border-radius:20px;padding:16px}
.account-review-cover{width:74px;height:100px;border-radius:10px;overflow:hidden;background:#eaf4f0;display:grid;place-items:center}
.account-review-cover img{width:100%;height:100%;object-fit:cover}
.account-review-row h3{margin:5px 0}
.account-review-row>div:nth-child(2)>strong{display:block;margin-top:7px}
.account-review-row p{margin:4px 0 8px;color:inherit;opacity:.78}
.account-review-row small{opacity:.68}
.review-state{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eaf8f2;color:#0b785a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.review-state.pending{background:#fff4d6;color:#8d6500}
.review-state.rejected{background:#ffe8e8;color:#9c3939}
.review-state.hidden{background:#eceff0;color:#596361}
.account-review-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
html[data-user-theme="dark"] .review-loading,html[data-user-theme="dark"] .review-empty,html[data-user-theme="dark"] .review-card,html[data-user-theme="dark"] .review-modal-card{background:#071a15;color:#eaf8f2;border-color:#224c40}
html[data-user-theme="dark"] .review-section-head h2,html[data-user-theme="dark"] .review-card h3,html[data-user-theme="dark"] .review-modal-book h2,html[data-user-theme="dark"] .review-modal-card form>label,html[data-user-theme="dark"] .review-star-input legend{color:#effbf7}
html[data-user-theme="dark"] .review-section-head p,html[data-user-theme="dark"] .review-card p,html[data-user-theme="dark"] .review-head time,html[data-user-theme="dark"] .review-modal-book p,html[data-user-theme="dark"] .review-modal-book small{color:#acc8bf}
html[data-user-theme="dark"] .review-summary{background:linear-gradient(145deg,#0c261e,#091c17);border-color:#244d41}
html[data-user-theme="dark"] .review-average>strong{color:#62e3b7}
html[data-user-theme="dark"] .review-modal-card input:not([type=file]):not([type=radio]),html[data-user-theme="dark"] .review-modal-card textarea{background:#0b251d;color:#eefbf6;border-color:#315a4e}
html[data-user-theme="dark"] .review-upload-label input{background:#0c251e;border-color:#326152;color:#d9eee7}
html[data-user-theme="dark"] .my-review-state{background:#0b251d;color:#c9e6dc;border-color:#2e5c4d}
@media(max-width:700px){
.review-section-head{align-items:stretch;display:grid}
.review-section-head .btn,.review-section-head .secondary{width:100%;text-align:center}
.verified-only-note{text-align:left;max-width:none}
.review-summary{grid-template-columns:1fr;padding:17px;gap:16px}
.review-average>strong{font-size:44px}
.review-card{padding:15px}
.review-head{grid-template-columns:40px 1fr}
.review-head time{grid-column:2}
.review-photo-grid a{width:76px;height:76px}
.review-modal{padding:8px}
.review-modal-card{border-radius:20px;padding:18px;max-height:96vh}
.review-modal-book{grid-template-columns:60px 1fr}
.review-modal-book .book,.review-modal-book .uploaded-cover{width:60px!important;height:84px!important;min-height:84px!important}
.review-star-input span{font-size:31px}
.account-review-row{grid-template-columns:58px 1fr;padding:13px}
.account-review-cover{width:58px;height:80px}
.account-order-reviews{grid-column:1/-1}
.product-reviews-section{padding-left:18px!important;padding-right:18px!important}
}
/* =========================================================
   Lightlyfun V6.17 — mobile overlay / toast safety fix
   - cart + wishlist + review messages stay above mobile nav
   - dark/light readable toast treatment
   - review composer never sits behind the bottom nav
   - keyboard/safe-area friendly review submit action
   ========================================================= */
#toast{z-index:10040!important;background:linear-gradient(135deg,#073b30,#0b5b49)!important;color:#f4fff9!important;border:1px solid rgba(87,238,190,.36)!important;border-radius:16px!important;box-shadow:0 16px 42px rgba(0,0,0,.30)!important;font-weight:700!important;line-height:1.35!important;text-align:center!important;width:max-content;max-width:min(92vw,520px)!important;padding:13px 18px!important}
html[data-user-theme="light"] #toast{background:linear-gradient(135deg,#073b30,#0b5b49)!important;color:#f7fffb!important}
html[data-user-theme="dark"] #toast{background:linear-gradient(135deg,#0b342b,#0c5f4c)!important;color:#f2fff9!important;border-color:rgba(102,240,197,.42)!important}
/* The review dialog already toggles this body class in app.js. */
.review-modal-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:760px){
/* Keep every global status message clear of the 61–64px fixed bottom bar. */
#toast{left:12px!important;right:12px!important;width:auto!important;max-width:none!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;transform:none!important;padding:13px 15px!important;border-radius:14px!important;font-size:14px!important}
body.review-modal-open #toast{bottom:calc(14px + env(safe-area-inset-bottom))!important}
/* Full-height safe review composer; bottom nav is hidden while it is open. */
.review-modal{padding:8px!important;align-items:stretch!important;min-height:100dvh}
.review-modal-card{width:100%!important;max-height:calc(100dvh - 16px)!important;height:auto;margin:auto 0!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:104px}
.review-submit-row{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:8;margin:2px -16px calc(-18px - env(safe-area-inset-bottom));padding:14px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 24%,#fff 100%);border-top:1px solid rgba(21,83,65,.12)}
.review-submit-row .btn{min-height:48px}
html[data-user-theme="dark"] .review-submit-row{background:linear-gradient(180deg,rgba(7,26,21,0),#071a15 24%,#071a15 100%);border-top-color:#224c40}
}
/* Lightlyfun V6.19 — review composer uses normal page scrolling.
   This deliberately avoids body overflow locks on mobile browsers. */
body.review-modal-open,
html.review-modal-open{overflow:auto!important;touch-action:auto!important;overscroll-behavior:auto!important}
.review-modal[hidden]{display:none!important}
.review-modal{position:static!important;inset:auto!important;z-index:auto!important;display:block!important;width:100%!important;margin:20px 0 0!important;padding:0!important;overflow:visible!important;background:transparent!important}
.review-modal-backdrop{display:none!important}
.review-modal-card{position:relative!important;z-index:auto!important;width:100%!important;max-width:none!important;max-height:none!important;min-height:0!important;height:auto!important;overflow:visible!important;margin:0!important;border-radius:24px!important;padding:24px!important}
.review-modal-x{position:absolute!important;top:14px!important;right:14px!important;float:none!important}
body.review-modal-open .mobile-bottom-nav{display:flex!important}
.review-submit-row{position:static!important;margin:0!important;padding:8px 0 0!important;background:transparent!important;border-top:0!important}
@media(max-width:760px){
.review-modal{margin-top:16px!important;scroll-margin-top:86px!important}
.review-modal-card{border-radius:20px!important;padding:18px 16px calc(100px + env(safe-area-inset-bottom))!important}
.review-modal-book{padding-right:42px!important}
.review-submit-row .btn{min-height:50px!important}
}
/* V6.20 — UPI contrast + finite payment-status flow */
.upi-direct-panel .upi-app-grid{gap:14px}
.upi-direct-panel .upi-app-button{background:linear-gradient(145deg,#0b3a30,#082c25);border-color:#2a6657;color:#effbf7;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,43,34,.15)}
.upi-direct-panel .upi-app-button strong{color:#f4fffb;font-weight:750}
.upi-direct-panel .upi-app-button small{color:#b9d8ce}
.upi-direct-panel .upi-app-button:hover,.upi-direct-panel .upi-app-button:focus-visible{border-color:#16d5a2;background:linear-gradient(145deg,#0c493a,#09362b);box-shadow:0 10px 30px rgba(0,210,157,.12)}
.upi-direct-panel .upi-app-badge{border:1px solid rgba(255,255,255,.12);box-shadow:0 5px 16px rgba(0,0,0,.12)}
html[data-user-theme="light"] .upi-direct-panel .upi-app-button{background:linear-gradient(145deg,#0b4a3b,#08382e);color:#fff;border-color:#2b725f}
.payment-status-wrap{padding-bottom:max(130px,calc(96px + env(safe-area-inset-bottom,0px)))}
.payment-status-card{position:relative;overflow:hidden;max-width:760px;margin:0 auto;border-radius:24px;padding:clamp(28px,5vw,48px);background:linear-gradient(145deg,#0a3329,#08271f);border-color:#245f50;color:#effbf7;box-shadow:0 22px 70px rgba(0,41,32,.16)}
.payment-status-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-135px;top:-145px;background:radial-gradient(circle,rgba(23,220,165,.16),transparent 68%);pointer-events:none}
.payment-status-card .page-title{color:#f4fffb;margin-top:14px}
.payment-status-card #status-message{font-size:clamp(19px,2.8vw,25px);line-height:1.45;color:#d7eee7;margin:18px 0}
.payment-status-card .payment-status-detail{color:#aecdc3;max-width:620px;font-size:14px;line-height:1.7}
.payment-status-symbol{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:22px;background:#0d493a;border:1px solid #2b705d;color:#36e3b3;font-size:28px;font-weight:850;letter-spacing:-3px}
.payment-status-card.cancelled .payment-status-symbol,.payment-status-card.failed .payment-status-symbol{background:#4b2727;border-color:#7d4747;color:#ffd5d5;letter-spacing:0}
.payment-status-card.timeout .payment-status-symbol{background:#493f21;border-color:#756839;color:#ffe6a4;letter-spacing:0}
.payment-status-card.success .payment-status-symbol{background:#0d503d;border-color:#2a7d63;color:#75f2ca;letter-spacing:0}
.payment-status-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.payment-status-actions .btn{min-height:48px;border-radius:12px}
.payment-status-actions .btn.secondary{background:#0a2f27;color:#eefbf7;border-color:#356d5e}
.payment-status-actions .btn.secondary:hover{background:#104537}
.payment-status-actions .textlink{color:#62e5bd;padding:10px 2px}
.payment-status-card .status-progress{background:#123f34;margin:24px 0}
.payment-status-card .status-progress span{background:linear-gradient(90deg,#10c995,#62efc4)}
.account-status.failed{background:#fff0ea;color:#a44a2d}
html[data-user-theme="dark"] .account-status.failed{background:#40251f;color:#ffb69f}
@media(max-width:720px){
.payment-status-wrap{padding-top:32px;padding-left:18px;padding-right:18px}
.payment-status-card{padding:28px 24px;border-radius:20px}
.payment-status-actions{display:grid;grid-template-columns:1fr;width:100%}
.payment-status-actions .btn,.payment-status-actions .textlink{width:100%;text-align:center;justify-content:center}
.upi-direct-panel .upi-app-button{min-height:80px;padding:16px 18px}
}
/* V6.22 — Growth & Offers storefront */
.bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bundle-card{position:relative;overflow:hidden;border:1px solid var(--border,#dce7e2);border-radius:var(--lf-ui-card-radius,18px);background:linear-gradient(145deg,var(--soft,#f3f8f5),#fff);padding:20px;box-shadow:0 14px 34px rgba(0,70,52,.08)}
.bundle-card h3{margin:6px 0 8px}
.bundle-card p{color:var(--muted,#58706a);min-height:44px}
.bundle-covers{height:145px;display:flex;align-items:flex-end;justify-content:center;margin:-4px 0 16px}
.bundle-covers img,.bundle-covers span{width:86px;height:124px;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.18);background:#e8f3ee}
.bundle-covers>*:nth-child(1){transform:rotate(-7deg) translateX(15px)}
.bundle-covers>*:nth-child(2){z-index:2;transform:translateY(-6px)}
.bundle-covers>*:nth-child(3){transform:rotate(7deg) translateX(-15px)}
.bundle-price{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
.bundle-price strong{font-size:1.35rem}
.bundle-price del{color:var(--muted,#58706a)}
.bundle-price span{font-size:.78rem;font-weight:800;padding:5px 9px;border-radius:999px;background:#d8f7e9;color:#086a51}
.coupon-box{margin:16px 0;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--soft,#f3f8f5) 88%,transparent);border:1px solid var(--border,#dce7e2)}
.coupon-box>label{display:block;font-weight:800;margin-bottom:8px}
.coupon-box>div{display:flex;gap:8px}
.coupon-box input{min-width:0;flex:1;text-transform:uppercase}
.summary-row.saving strong{color:#08765d}
.summary-row.saving span{font-weight:700}
.bundle-section{scroll-margin-top:110px}
html[data-user-theme="dark"] .bundle-card{background:linear-gradient(145deg,var(--lf-ui-dark-card,#12271f),#0b1c17);border-color:#24483d;color:var(--lf-ui-dark-text,#f3fbf8)}
html[data-user-theme="dark"] .bundle-card p{color:var(--lf-ui-dark-muted,#afc8bf)}
html[data-user-theme="dark"] .coupon-box{background:#10231d;border-color:#24483d}
html[data-user-theme="dark"] .summary-row.saving strong{color:#6ee0b9}
@media(max-width:900px){
.bundle-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
.bundle-grid{grid-template-columns:1fr}
.bundle-card{padding:17px}
.bundle-covers{height:132px}
.coupon-box>div{align-items:stretch}
.coupon-box .btn{padding-inline:15px}
}
/* V6.25 — Dedicated eBook bundle catalog + ad-ready landing pages */
.bundle-card{display:flex;flex-direction:column}
.bundle-card h3 a{color:inherit;text-decoration:none}
.bundle-card h3 a:hover{text-decoration:underline}
.bundle-card .bundle-price{margin-top:auto}
.bundle-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bundle-card-actions .btn{width:100%;justify-content:center}
.bundle-visual-link{display:block;text-decoration:none}
.bundle-poster{display:block;width:100%;height:180px;object-fit:cover;border-radius:14px;margin:0 0 16px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.bundle-badge{position:absolute;top:14px;right:14px;z-index:3;padding:7px 10px;border-radius:999px;background:linear-gradient(145deg,#ffe483,#f5ad2e);color:#4d3300;font-size:.72rem;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 18px rgba(114,75,0,.18)}
.bundle-badge.bundle-badge-hero{position:static;display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:0;margin:0 0 12px;padding:7px 11px;border-radius:999px}
.bundle-catalog-hero{padding-top:46px;padding-bottom:18px;text-align:center}
.bundle-catalog-hero h1{font-size:clamp(2.2rem,6vw,4.4rem);margin:.15em 0}
.bundle-catalog-hero p{max-width:760px;margin:0 auto;color:var(--muted,#58706a);font-size:1.05rem}
.bundle-catalog-section{padding-top:16px;padding-bottom:54px}
.bundle-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bundle-empty-page{text-align:center;padding-top:74px;padding-bottom:80px}
.bundle-empty-page p{color:var(--muted,#58706a);max-width:620px;margin:0 auto 22px}
.bundle-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:54px;align-items:center;padding-top:54px;padding-bottom:58px}
.bundle-hero-visual{min-height:430px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,var(--soft,#f3f8f5),rgba(255,255,255,.72));border:1px solid var(--line,#dce7e2);box-shadow:0 22px 55px rgba(0,75,55,.10);padding:28px;overflow:hidden}
.bundle-poster.large{width:min(100%,480px);height:auto;max-height:560px;object-fit:contain;margin:0;border-radius:20px}
.bundle-covers.large{height:350px;width:100%;margin:0}
.bundle-covers.large img,.bundle-covers.large span{width:170px;height:250px;border-radius:16px}
.bundle-covers.large>*:nth-child(1){transform:rotate(-8deg) translateX(34px)}
.bundle-covers.large>*:nth-child(2){transform:translateY(-16px);z-index:2}
.bundle-covers.large>*:nth-child(3){transform:rotate(8deg) translateX(-34px)}
.bundle-hero-copy h1{font-size:clamp(2.4rem,5.5vw,4.8rem);line-height:1.02;margin:.12em 0 .22em}
.bundle-lead{font-size:1.08rem;line-height:1.75;color:var(--muted,#58706a);max-width:760px}
.bundle-price-large{margin:24px 0}
.bundle-price-large strong{font-size:2.15rem}
.bundle-price-large del{font-size:1.05rem}
.bundle-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.bundle-trust-row span,.bundle-item-meta span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--soft,#f3f8f5);border:1px solid var(--line,#dce7e2);font-size:.79rem;font-weight:750}
.bundle-main-actions{margin:22px 0 13px}
.bundle-main-actions .btn{min-width:180px;justify-content:center}
.bundle-included,.bundle-value-section,.bundle-review-section,.bundle-faq{padding-top:42px;padding-bottom:18px}
.bundle-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bundle-item-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;padding:18px;border-radius:20px;border:1px solid var(--line,#dce7e2);background:var(--bg,#fff);box-shadow:0 12px 28px rgba(0,55,42,.06)}
.bundle-item-cover{display:block;width:118px;height:166px;border-radius:12px;overflow:hidden;background:var(--soft,#f3f8f5)}
.bundle-item-cover img{width:100%;height:100%;object-fit:cover}
.bundle-item-cover span{width:100%;height:100%;display:grid;place-items:center;font-weight:800}
.bundle-item-card h3{margin:6px 0}
.bundle-item-card h3 a{color:inherit;text-decoration:none}
.bundle-item-card p{margin:0 0 12px;color:var(--muted,#58706a);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bundle-item-meta{display:flex;gap:6px;flex-wrap:wrap}
.bundle-value-card{border-radius:28px;padding:32px;background:linear-gradient(145deg,var(--soft,#f3f8f5),rgba(255,255,255,.9));border:1px solid var(--line,#dce7e2);box-shadow:0 20px 48px rgba(0,70,50,.08);text-align:center}
.bundle-value-card h2{margin:8px 0 20px}
.bundle-value-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 auto 24px;max-width:780px}
.bundle-value-numbers>div{padding:18px;border-radius:16px;background:var(--bg,#fff);border:1px solid var(--line,#dce7e2)}
.bundle-value-numbers span{display:block;color:var(--muted,#58706a);font-size:.82rem}
.bundle-value-numbers strong{display:block;font-size:1.4rem;margin-top:5px}
.bundle-reviews-host .review-list{margin-top:18px}
.bundle-review-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:15px 18px;border-radius:16px;background:var(--soft,#f3f8f5);border:1px solid var(--line,#dce7e2)}
.bundle-review-summary strong{font-size:1.25rem}
.bundle-review-summary span:last-child{color:var(--muted,#58706a)}
.bundle-faq details{border:1px solid var(--line,#dce7e2);border-radius:16px;padding:0 18px;background:var(--bg,#fff);margin:10px 0}
.bundle-faq summary{cursor:pointer;font-weight:850;padding:16px 0}
.bundle-faq details p{color:var(--muted,#58706a);line-height:1.7;margin:0 0 17px}
.bundle-mobile-cta{display:none}
.bundle-checkout-notice{margin:0 0 18px}
html[data-user-theme="dark"] .bundle-hero-visual,html[data-user-theme="dark"] .bundle-value-card{background:linear-gradient(145deg,var(--lf-ui-dark-card,#12271f),#0b1c17);border-color:#24483d}
html[data-user-theme="dark"] .bundle-item-card,html[data-user-theme="dark"] .bundle-value-numbers>div,html[data-user-theme="dark"] .bundle-faq details{background:var(--lf-ui-dark-card,#12271f);border-color:#24483d}
html[data-user-theme="dark"] .bundle-lead,html[data-user-theme="dark"] .bundle-item-card p,html[data-user-theme="dark"] .bundle-catalog-hero p,html[data-user-theme="dark"] .bundle-faq details p{color:var(--lf-ui-dark-muted,#afc8bf)}
html[data-user-theme="dark"] .bundle-trust-row span,html[data-user-theme="dark"] .bundle-item-meta span,html[data-user-theme="dark"] .bundle-review-summary{background:#10231d;border-color:#24483d}
@media(max-width:980px){
.bundle-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bundle-hero{grid-template-columns:1fr;gap:28px;padding-top:30px}
.bundle-hero-visual{min-height:350px}
.bundle-item-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
.bundle-card-actions{grid-template-columns:1fr}
.bundle-catalog-grid{grid-template-columns:1fr}
.bundle-catalog-hero{padding-top:30px}
.bundle-hero{padding:24px 16px 34px}
.bundle-hero-visual{min-height:300px;padding:18px;border-radius:22px}
.bundle-covers.large{height:285px}
.bundle-covers.large img,.bundle-covers.large span{width:128px;height:190px}
.bundle-hero-copy h1{font-size:2.45rem}
.bundle-main-actions{display:grid;grid-template-columns:1fr}
.bundle-main-actions .btn{width:100%}
.bundle-item-card{grid-template-columns:88px minmax(0,1fr);padding:14px;gap:13px}
.bundle-item-cover{width:88px;height:126px}
.bundle-value-card{padding:22px 16px}
.bundle-value-numbers{grid-template-columns:1fr}
.bundle-detail-page{padding-bottom:108px}
.bundle-mobile-cta{position:fixed;z-index:45;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px 10px 14px;border:1px solid var(--line,#dce7e2);border-radius:18px;background:color-mix(in srgb,var(--bg,#fff) 94%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.bundle-mobile-cta small{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#58706a)}
.bundle-mobile-cta strong{display:block}
.bundle-mobile-cta .btn{white-space:nowrap}
.bundle-badge{top:10px;right:10px}
.bundle-poster{height:160px}
}
.bundle-review-item{display:grid;gap:8px}
.bundle-review-book{display:inline-flex;width:max-content;max-width:100%;padding:5px 10px;border-radius:999px;background:var(--soft,#eef8f4);border:1px solid rgba(18,125,93,.18);font-size:.76rem;font-weight:800;letter-spacing:.02em;color:var(--green,#08775b)}
[data-theme="dark"] .bundle-review-book{background:rgba(66,211,164,.1);border-color:rgba(66,211,164,.2);color:#8ee9c9}
/* V6.27 — compact bundle landing hero; prevents .hero class collision */
.bundle-detail-page{position:relative;padding-bottom:84px;overflow:clip}
.bundle-detail-page .bundle-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:clamp(30px,4vw,58px);align-items:center;min-height:0;max-width:1224px;margin:0 auto;padding:clamp(30px,4vw,54px) 0 clamp(34px,4vw,56px)}
.bundle-detail-page .bundle-hero:after{content:"";position:absolute;z-index:-1;right:-80px;top:12px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,69,.16) 0,rgba(255,196,69,.08) 44%,transparent 72%);pointer-events:none}
.bundle-detail-page .bundle-hero-visual{min-height:360px;max-height:470px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,var(--soft,#f3f8f5),rgba(255,255,255,.72));border:1px solid var(--line,#dce7e2);box-shadow:0 18px 45px rgba(0,75,55,.09);padding:24px;overflow:hidden}
.bundle-detail-page .bundle-poster.large{width:min(100%,460px);height:auto;max-height:420px;object-fit:contain;margin:0;border-radius:18px}
.bundle-detail-page .bundle-covers.large{height:310px;width:100%;margin:0}
.bundle-detail-page .bundle-covers.large img,.bundle-detail-page .bundle-covers.large span{width:150px;height:220px;border-radius:15px}
.bundle-detail-page .bundle-covers.large>*:nth-child(1){transform:rotate(-8deg) translateX(30px)}
.bundle-detail-page .bundle-covers.large>*:nth-child(2){transform:translateY(-13px);z-index:2}
.bundle-detail-page .bundle-covers.large>*:nth-child(3){transform:rotate(8deg) translateX(-30px)}
.bundle-detail-page .bundle-hero-copy{min-width:0;position:relative}
.bundle-detail-page .bundle-badge.bundle-badge-hero{position:static!important;display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0 0 12px!important;padding:7px 11px!important;border-radius:999px!important;grid-template-columns:none!important;box-shadow:0 7px 18px rgba(114,75,0,.15)}
.bundle-detail-page .bundle-collection-label{display:block;margin:0 0 8px}
.bundle-detail-page .bundle-hero-copy h1{font-size:clamp(2.25rem,4.6vw,4.25rem);line-height:1.03;letter-spacing:-.035em;margin:0 0 16px;max-width:760px;text-wrap:balance}
.bundle-detail-page .bundle-lead{font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.72;color:var(--muted,#58706a);max-width:700px;margin:0}
.bundle-detail-page .bundle-price-large{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:20px 0 14px}
.bundle-detail-page .bundle-price-large strong{font-size:clamp(1.8rem,3vw,2.25rem);line-height:1}
.bundle-detail-page .bundle-price-large del{font-size:1rem;opacity:.65}
.bundle-detail-page .bundle-price-large>span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#d9f6e9;color:#0b6b4f;font-weight:850;font-size:.78rem;border:1px solid #bce8d6}
.bundle-detail-page .bundle-trust-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.bundle-detail-page .bundle-trust-row span{padding:7px 10px;font-size:.76rem}
.bundle-detail-page .bundle-main-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 10px}
.bundle-detail-page .bundle-main-actions .btn{min-width:175px;min-height:46px;justify-content:center}
.bundle-detail-page .bundle-hero-copy>.fine{max-width:700px;margin:0;line-height:1.6}
html[data-user-theme="dark"] .bundle-detail-page .bundle-hero:after{background:radial-gradient(circle,rgba(255,196,69,.14) 0,rgba(255,196,69,.06) 45%,transparent 72%)}
html[data-user-theme="dark"] .bundle-detail-page .bundle-price-large>span{background:#123b2f;color:#c8f5e4;border-color:#245c49}
@media(max-width:980px){
.bundle-detail-page .bundle-hero{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px;padding:32px 24px 38px}
.bundle-detail-page .bundle-hero-visual{min-height:320px}
.bundle-detail-page .bundle-covers.large{height:275px}
.bundle-detail-page .bundle-covers.large img,.bundle-detail-page .bundle-covers.large span{width:132px;height:194px}
.bundle-detail-page .bundle-hero-copy h1{font-size:clamp(2.15rem,5vw,3.4rem)}
}
@media(max-width:760px){
.bundle-detail-page .bundle-hero{grid-template-columns:1fr;padding:24px 18px 32px;gap:22px}
.bundle-detail-page .bundle-hero:after{width:170px;height:170px;right:-58px;top:8px}
.bundle-detail-page .bundle-hero-visual{min-height:280px;max-height:none;padding:18px}
.bundle-detail-page .bundle-poster.large{max-height:330px}
.bundle-detail-page .bundle-covers.large{height:245px}
.bundle-detail-page .bundle-covers.large img,.bundle-detail-page .bundle-covers.large span{width:116px;height:172px}
.bundle-detail-page .bundle-hero-copy h1{font-size:clamp(2rem,10vw,2.85rem);margin-bottom:12px}
.bundle-detail-page .bundle-main-actions{display:grid;grid-template-columns:1fr}
.bundle-detail-page .bundle-main-actions .btn{width:100%;min-width:0}
.bundle-detail-page .bundle-trust-row{margin:12px 0 16px}
}
@media(max-width:420px){
.bundle-detail-page .bundle-hero{padding-left:14px;padding-right:14px}
.bundle-detail-page .bundle-hero-visual{min-height:252px;border-radius:20px}
.bundle-detail-page .bundle-covers.large{height:220px}
.bundle-detail-page .bundle-covers.large img,.bundle-detail-page .bundle-covers.large span{width:104px;height:154px}
.bundle-detail-page .bundle-price-large{margin-top:16px}
.bundle-detail-page .bundle-trust-row span{font-size:.72rem;padding:6px 8px}
}
/* ===== Lightlyfun V6.28 — finite PayU window + live verification ===== */
.upi-payment-window,.status-payment-window{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin:18px 0;padding:14px 16px;border:1px solid rgba(73,208,167,.32);border-radius:15px;background:rgba(17,92,72,.18)}
.upi-payment-window>span,.status-payment-window>span{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8fe7c8}
.upi-payment-window>strong,.status-payment-window>strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1;color:#f4fffb}
.upi-payment-window>small,.status-payment-window>small{grid-column:1/-1;color:#b9d8ce;line-height:1.5}
.upi-live-check{display:flex;align-items:center;gap:9px;margin:12px 0;color:#b9d8ce;font-size:13px}
.upi-live-check i{width:9px;height:9px;border-radius:50%;background:#37e2b2;box-shadow:0 0 0 5px rgba(55,226,178,.10);animation:lf-live-pulse 1.6s ease-in-out infinite}
@keyframes lf-live-pulse{50%{box-shadow:0 0 0 9px rgba(55,226,178,0)}}
.payment-status-actions .status-payment-window{width:100%;margin:0 0 8px;text-align:left}
.payment-status-actions .status-payment-window+button{margin-left:0}
html[data-user-theme="light"] .upi-payment-window{background:#eaf8f3;border-color:#bde5d7}
.light .upi-payment-window>strong,html[data-user-theme="light"] .upi-payment-window>strong{color:#083c30}
.light .upi-payment-window>span,html[data-user-theme="light"] .upi-payment-window>span{color:#08765d}
.light .upi-payment-window>small,html[data-user-theme="light"] .upi-payment-window>small{color:#5f766e}
@media(max-width:560px){
.upi-payment-window,.status-payment-window{grid-template-columns:1fr auto;padding:13px 14px}
.upi-payment-window>strong,.status-payment-window>strong{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
.upi-live-check i{animation:none}
}
/* V6.31 — PayU hosted checkout + focused payment shell */
body.payment-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}
body.payment-shell>main{flex:1;width:100%}
.payment-shell-header{min-height:76px!important;height:auto!important;padding:12px clamp(18px,5vw,72px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px;border-bottom:1px solid var(--line);position:relative;z-index:20;box-shadow:none!important}
.payment-shell-header .logo{margin:0!important}
.payment-shell-secure{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:800;color:var(--muted);background:var(--bg)}
.payment-shell-footer{padding:22px clamp(18px,5vw,72px)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:20px!important;border-top:1px solid var(--line);min-height:0!important}
.payment-shell-footer>div:first-child{display:flex;align-items:center;gap:12px}
.payment-shell-footer>div:first-child p{margin:0}
.payment-shell-footer .logo{font-size:1.05rem}
.payment-policy-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.payment-policy-links a{font-size:.88rem}
.payment-shell-footer>.fine{margin:0;text-align:right}
body.payment-shell .sidebar-toggle,body.payment-shell #site-sidebar,body.payment-shell .sidebar-overlay,body.payment-shell #mobile-bottom-nav,body.payment-shell header nav,body.payment-shell header .header-actions{display:none!important}
.payu-hosted-handoff{margin-top:18px;text-align:center;max-width:720px;padding:clamp(28px,5vw,44px)}
.payu-hosted-handoff .payu-hosted-lock{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 18px;background:var(--pale);border:1px solid var(--line);color:var(--green);font-size:1.55rem;font-weight:900}
.payu-hosted-handoff h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:.2em 0 .45em}
.payu-hosted-handoff p{max-width:620px;margin-left:auto;margin-right:auto}
.payu-hosted-handoff .status-progress{max-width:520px;margin:24px auto}
.payu-hosted-handoff .btn.wide{max-width:420px;margin:0 auto 16px}
html[data-user-theme="dark"] .payment-shell-secure,html[data-user-theme="dark"] .payu-hosted-handoff .payu-hosted-lock{background:#10251f;border-color:#2e594c;color:#d9f7ec}
@media(max-width:760px){
.payment-shell-header{min-height:66px!important;padding:10px 16px!important}
.payment-shell-secure{font-size:.72rem;padding:7px 9px}
.payment-shell-footer{grid-template-columns:1fr!important;text-align:center!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))!important}
.payment-shell-footer>div:first-child{justify-content:center}
.payment-shell-footer>.fine{text-align:center}
.payment-policy-links{gap:12px}
.payu-hosted-handoff{margin-top:12px}
}
/* V6.32 — checkout -> dedicated payment step + COD */
.checkout-payment-step{margin:18px 0}
.checkout-payment-step p{margin:5px 0 0}
.payment-method-page{padding-top:34px;padding-bottom:54px}
.payment-back{display:inline-flex;margin-bottom:18px}
.payment-method-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:26px;align-items:start}
.payment-method-panel h1{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.04;margin:.15em 0 .28em}
.payment-method-list{display:grid;gap:12px;margin:24px 0}
.payment-method-card{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:18px;padding:17px 18px;background:var(--bg);color:var(--ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.payment-method-card:hover{transform:translateY(-1px);border-color:var(--green);box-shadow:0 12px 30px rgba(0,85,63,.09)}
.payment-method-card:disabled{opacity:.6;cursor:wait;transform:none}
.payment-method-card .payment-method-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--pale);border:1px solid var(--line);font-size:1.25rem;font-weight:900}
.payment-method-card strong{display:block;font-size:1rem;margin-bottom:4px}
.payment-method-card small{display:block;color:var(--muted);line-height:1.45}
.payment-method-card>b{font-size:1.5rem;color:var(--muted)}
.payment-method-card.gateway{border-color:color-mix(in srgb,var(--green) 45%,var(--line))}
.payment-method-card.cod .payment-method-icon{color:var(--green)}
.payment-order-summary{position:sticky;top:96px}
.payment-method-empty{max-width:720px;margin:36px auto}
.payment-page .payment-shell-header .logo{pointer-events:auto}
.payment-page>main{min-height:calc(100vh - 76px)}
html[data-user-theme="dark"] .payment-method-card{background:#10251f;border-color:#2e594c;color:#f3fbf8}
html[data-user-theme="dark"] .payment-method-card small{color:#afc8bf}
html[data-user-theme="dark"] .payment-method-card .payment-method-icon{background:#0c1e19;border-color:#2e594c}
@media(max-width:860px){
.payment-method-grid{grid-template-columns:1fr}
.payment-order-summary{position:static}
.payment-method-page{padding-top:20px}
.payment-method-panel h1{font-size:clamp(2rem,9vw,3rem)}
}
/* Lightlyfun V6.2 — approved mobile storefront design
   Visual reference: user-approved mint/white mobile mockups.
   Functional data continues to come from the existing API/database. */
:root{--lf-green:#07865f;--lf-green-dark:#046846;--lf-mint:#eefbf5;--lf-mint-2:#dff6ea;--lf-ink:#102d29;--lf-muted:#657a75;--lf-line:#dcebe5;--lf-card:#ffffff;--lf-soft:#f7fbf9;--lf-shadow:0 10px 30px rgba(20,70,56,.08)}
/* The approved design uses a consistent palette even if an old theme was saved. */
.btn{border-radius:10px;background:var(--lf-green);border-color:var(--lf-green);box-shadow:none}
.btn:hover{background:var(--lf-green-dark)}
.textlink,.eyebrow{color:var(--lf-green)}
/* Header */
header{position:sticky;top:0;z-index:900;max-width:none;width:100%;height:76px!important;padding:0 max(20px,calc((100vw - 1224px)/2));grid-template-columns:auto 1fr auto;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--lf-line)}
header>.logo{justify-self:start;min-width:150px}
header>.logo.has-image img{max-width:150px;object-fit:contain}
header>nav{justify-self:center}
header>.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}
.profile-link{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--lf-line);background:#f3faf6;background-size:cover;background-position:center}
.profile-link svg{width:20px;height:20px}
.cart-link{display:flex!important;align-items:center;gap:7px;font-weight:700}
#cart-count{font-weight:800}
.sidebar-toggle{order:-1;width:42px;height:42px;border:1px solid var(--lf-line);border-radius:12px;background:#fff;padding:0;font-size:21px}
.sidebar-toggle-label{display:none}
/* Site drawer */
.site-sidebar{position:fixed;width:min(86vw,360px);overflow:auto}
.sidebar-overlay{position:fixed;inset:0;opacity:0}
.sidebar-head{display:flex;align-items:center;justify-content:space-between}
.sidebar-head h2{font:800 22px/1.1 system-ui,sans-serif;margin:3px 0;color:var(--lf-ink)}
.sidebar-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--lf-green);font-weight:900}
.sidebar-user-card{display:grid;grid-template-columns:48px 1fr}
.sidebar-user-avatar{display:grid;place-items:center;font-weight:900}
.sidebar-user-card strong,.sidebar-user-card span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-card strong{font-size:14px}
.sidebar-user-card span{font-size:10px;color:var(--lf-muted)}
.sidebar-nav{gap:3px}
.sidebar-nav a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;padding:10px;border-radius:12px;color:#304d46;font-weight:700;font-size:13px}
.sidebar-nav a:before{content:attr(data-icon);width:31px;height:31px;border-radius:10px;background:#eff9f4;display:grid;place-items:center;color:var(--lf-green);font-size:15px}
.sidebar-nav a:hover,.sidebar-nav a.active{background:#eaf8f1;color:#086c4f}
.sidebar-nav a.active:before{background:var(--lf-green);color:#fff}
.sidebar-nav a b{color:#7a918a}
.sidebar-section-label{margin:12px 10px 4px;color:#9aaba6;font-size:9px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.sidebar-foot{margin-top:8px;padding-top:10px}
.sidebar-cart{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:12px;background:#fff3f3;color:#a93c3c;font-weight:800}
/* Shared page containers */
.wrap{max-width:1180px;padding:46px 20px}
.page-title{font:800 clamp(34px,4.5vw,54px)/1.05 system-ui,sans-serif;letter-spacing:-1.5px}
/* Home */
.lf-home{max-width:1180px;margin:auto;padding:22px 20px 56px}
.lf-home-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;background:linear-gradient(135deg,#effcf5,#ddf6e9);border:1px solid #d3eee2;border-radius:28px;overflow:hidden;padding:38px 42px;position:relative}
.lf-home-hero:after{content:'';position:absolute;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#c5f0da,transparent 67%);opacity:.85}
.lf-home-hero h1{font:850 clamp(44px,5.5vw,74px)/.98 system-ui,sans-serif;letter-spacing:-3px;margin:10px 0 14px;max-width:620px}
.lf-home-hero h1 em{font-style:normal;color:var(--lf-green)}
.lf-home-hero p{max-width:540px;color:#4f6c64}
.lf-home-visual{height:330px;position:relative;display:grid;place-items:center;z-index:1}
.lf-home-visual .book,.lf-home-visual .uploaded-cover{position:absolute;width:155px!important;height:auto!important;aspect-ratio:3/4;object-fit:cover;border-radius:8px;box-shadow:0 18px 38px rgba(16,58,45,.18)}
.lf-home-visual>*:nth-child(1){transform:rotate(-9deg) translate(-70px,18px)}
.lf-home-visual>*:nth-child(2){transform:rotate(8deg) translate(68px,18px)}
.lf-home-visual>*:nth-child(3){transform:translateY(-8px);z-index:3}
.lf-home-section{padding:34px 0 4px}
.lf-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.lf-home-section-head h2{font:800 clamp(28px,3vw,38px)/1.05 system-ui,sans-serif;margin:4px 0}
.lf-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.lf-category-card{min-width:0;padding:16px 10px 13px;border:1px solid var(--lf-line);border-radius:17px;text-align:center}
.lf-category-card i{width:46px;height:46px;margin:0 auto 8px;border-radius:14px;background:#e9f9f1;display:grid;place-items:center;font-style:normal;color:var(--lf-green);font-size:20px}
.lf-category-card b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lf-category-card:nth-child(2) i{background:#eef4ff;color:#2b6cbd}
.lf-category-card:nth-child(3) i{background:#fff1f2;color:#d94b61}
.lf-category-card:nth-child(4) i{background:#fff8e4;color:#c88b11}
.lf-category-card:nth-child(5) i{background:#f0ecff;color:#7246c5}
.lf-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lf-benefit-card{padding:22px;border:1px solid var(--lf-line);border-radius:20px}
.lf-benefit-card i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf9f2;color:var(--lf-green);font-style:normal;font-size:20px}
.lf-benefit-card h3{margin:12px 0 5px;font-size:18px}
.lf-benefit-card p{margin:0;font-size:13px}
/* Product cards */
.grid{gap:18px}
.card{position:relative;border:1px solid var(--lf-line);padding:12px;overflow:hidden}
.cover-area{height:260px;border-radius:13px;margin-bottom:12px;background:#f2f8f5}
.uploaded-cover{width:100%;height:100%;object-fit:contain}
.card .cover-area .uploaded-cover{padding:10px}
.wishlist-heart{position:absolute;top:19px;right:19px;z-index:4;width:34px;height:34px;border:1px solid #d7e8e1;background:rgba(255,255,255,.94);border-radius:50%;display:grid;place-items:center;color:#47655d;font-size:18px}
.wishlist-heart.saved{color:#e34858;background:#fff1f2}
.card h3{font-size:15px;min-height:auto;margin:4px 0 5px}
.category-label{font-size:9px;color:#0b8a65}
.card .price{font-size:17px}
.card-actions .btn{border-radius:8px}
/* Shop */
.shop-shell{max-width:1180px;margin:auto;padding:30px 20px 54px}
.shop-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}
.shop-head h1{font:800 clamp(34px,4vw,50px)/1 system-ui,sans-serif;margin:5px 0}
.shop-search-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}
.shop-search-row input{margin:0;border-radius:14px;padding:14px 16px;background:#fff}
.mobile-filter-btn{display:none;border:1px solid #bcdcd0;background:#fff;border-radius:13px;padding:0 15px;font-weight:800;color:#0a7657}
.shop-category-chips{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:none}
.shop-category-chips::-webkit-scrollbar{display:none}
.shop-category-chips button{flex:0 0 auto;border:1px solid #dce9e4;border-radius:999px;padding:8px 14px;font-weight:700;font-size:12px}
.filters{border:1px solid var(--lf-line);border-radius:18px;padding:16px;margin:0 0 20px}
.filter-sheet-head{display:none}
.results-count{margin:12px 0 16px}
/* Product detail and preview */
.detail{gap:38px}
.product-gallery{border:1px solid var(--lf-line);border-radius:24px;padding:14px}
.product-main-stage{min-height:520px;border-radius:18px;background:linear-gradient(145deg,#eff8f3,#e5f3ec);display:grid;place-items:center;overflow:hidden}
.product-slide{display:none;width:100%;height:100%;place-items:center}
.product-slide.active{display:grid}
.product-slide .uploaded-cover,.product-slide .book{max-height:460px;max-width:78%;width:auto!important;object-fit:contain}
.preview-page-image{max-width:100%;max-height:490px;object-fit:contain;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.product-thumbs{display:flex;gap:8px;overflow:auto;padding:10px 1px 0}
.product-thumb{flex:0 0 78px;border:1px solid #dce9e4;background:#fff;border-radius:10px;padding:5px;color:#61756f;font-size:9px}
.product-thumb img{width:100%;height:62px;object-fit:cover;border-radius:6px}
.product-thumb.active{border-color:var(--lf-green);box-shadow:0 0 0 1px var(--lf-green)}
.gallery-arrow{background:#fff!important;border:1px solid #d5e8e0!important;color:#0a7859!important}
.product-info{padding:10px 0}
.product-info .page-title{font-size:clamp(34px,4vw,54px)}
.product-info h3{font-size:18px}
.product-info ul{list-style:none;padding:0}
.product-info li{margin:8px 0;color:#526d65}
.product-info li:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e3f7ed;color:#087b5b;margin-right:8px;font-size:11px;font-weight:900}
.specs{border:1px solid var(--lf-line);border-radius:14px;padding:14px;gap:10px;display:grid;grid-template-columns:repeat(3,1fr);background:#fbfefc}
.product-info .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.product-info .detail-wishlist{grid-column:1/-1}
.related-section{padding-top:16px}
/* Cart / checkout / confirmation */
.cart-row{border:1px solid var(--lf-line);border-radius:16px;padding:12px;margin-bottom:10px;background:#fff}
.cart-row .uploaded-cover{width:76px;height:100px;object-fit:cover;border-radius:8px}
.cart-row .book{width:76px}
.two-col>.panel{border-radius:20px;background:#fff}
.summary-row{padding:10px 0;border-bottom:1px solid #edf2ef}
.summary-row.total{font-size:18px;border-bottom:0;padding-top:15px}
.payment-choice{border:0;padding:0;margin:18px 0;display:grid;gap:9px}
.payment-choice legend{font-weight:800;margin-bottom:8px}
.payment-choice label{display:flex;gap:11px;align-items:center;border:1px solid var(--lf-line);border-radius:13px;padding:13px;background:#fff}
.payment-choice label:has(input:checked){border-color:#65c7a5;background:#f1fcf7}
.payment-choice input{width:18px;height:18px;margin:0}
.payment-choice span strong,.payment-choice span small{display:block}
.payment-choice span small{font-weight:400;color:#6b7f79;font-size:11px}
.thankyou-wrap,.order-status-panel{background:linear-gradient(180deg,#effbf5,#fff)}
.thankyou-card{border-radius:26px;border-color:#d7ebe3;box-shadow:var(--lf-shadow)}
/* About/FAQ/Blog/Contact */
.about-mobile-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:linear-gradient(135deg,#effcf5,#e4f7ed);border:1px solid #d8eee5;border-radius:26px;padding:34px;overflow:hidden}
.about-mobile-art{min-height:320px;border-radius:22px;background:radial-gradient(circle at 70% 20%,#cdf2dd,transparent 45%),linear-gradient(160deg,#eaf9f1,#d9f2e5);display:grid;place-items:center;font-size:90px}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.about-values>div{padding:20px;border:1px solid var(--lf-line);border-radius:18px;background:#fff}
.about-values i{font-style:normal;font-size:28px}
.faq-shell,.blog-shell{max-width:900px;margin:auto;padding:34px 20px 60px}
.faq-hero,.blog-hero{background:linear-gradient(135deg,#effcf5,#e3f7ec);border:1px solid #d5ece2;border-radius:24px;padding:30px;margin-bottom:18px}
.faq-search{margin-top:16px}
.faq-cats,.blog-cats{display:flex;gap:8px;overflow:auto;margin:12px 0 18px}
.faq-cats span,.blog-cats span{padding:7px 12px;border-radius:999px;background:#f2f8f5;border:1px solid #e0ebe7;font-size:11px;font-weight:700;white-space:nowrap}
.faq-cats span:first-child,.blog-cats span:first-child{background:var(--lf-green);color:#fff}
.faq-shell details{border:1px solid var(--lf-line);border-radius:14px;padding:15px;margin-bottom:9px}
.faq-shell details p{padding-top:8px}
.blog-list{display:grid;gap:12px}
.blog-card{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:12px;border:1px solid var(--lf-line);border-radius:17px;background:#fff}
.blog-card-art{border-radius:12px;background:linear-gradient(140deg,#dbf1e5,#f7f0d9);min-height:110px;display:grid;place-items:center;font-size:42px}
.blog-card h3{margin:4px 0;font-size:18px}
.blog-card p{margin:4px 0;color:var(--lf-muted);font-size:12px}
.contact-hero-card{display:grid;grid-template-columns:1fr .8fr;gap:20px;background:linear-gradient(135deg,#effcf5,#e2f6eb);border:1px solid #d5ede3;border-radius:26px;padding:32px}
.contact-art{display:grid;place-items:center;font-size:90px}
.contact-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.contact-quick>div{padding:18px;border:1px solid var(--lf-line);border-radius:16px;background:#fff}
.contact-quick b,.contact-quick span{display:block}
.contact-quick span{font-size:12px;color:var(--lf-muted);margin-top:4px}
/* Account auth */
.account-shell .account-card{border-radius:22px;box-shadow:var(--lf-shadow);border-color:var(--lf-line)}
/* Footer */
/* Bottom navigation */
.mobile-bottom-nav{display:none}
@media(max-width:900px){
.lf-category-grid{grid-template-columns:repeat(4,1fr)}
.lf-home-hero{grid-template-columns:1fr}
.lf-home-visual{height:280px}
.about-mobile-hero,.contact-hero-card{grid-template-columns:1fr}
}
@media(max-width:760px){
body{padding-bottom:70px;background:#fff}
header{height:62px!important;padding:0 10px;display:grid;grid-template-columns:44px 1fr auto;gap:6px;box-shadow:0 3px 16px rgba(20,70,55,.055)}
header>.sidebar-toggle{grid-column:1;grid-row:1;justify-self:start;width:40px;height:40px}
header>.logo{grid-column:2;grid-row:1;justify-self:center;min-width:0;max-width:130px}
header>.logo.has-image img{max-width:118px!important;max-height:38px!important}
header>nav{display:none!important}
header>.header-actions{grid-column:3;grid-row:1;gap:6px}
.profile-link{width:34px;height:34px;border:0;background-color:#eaf7f0}
.profile-link svg{width:18px}
.cart-link{gap:3px}
.cart-label{display:none}
.cart-icon{font-size:18px}
#cart-count{width:19px;height:19px;font-size:9px;margin-left:-5px;margin-top:-17px}
.site-sidebar{width:min(84vw,330px);border-radius:0 22px 22px 0;padding:14px 12px}
.sidebar-nav a{padding:8px 9px;min-height:44px}
.sidebar-nav a:before{width:30px;height:30px}
.sidebar-user-card{margin-top:10px}
.wrap{padding:24px 12px}
.page-title{font-size:32px;letter-spacing:-.8px}
.intro{font-size:13px}
main{min-height:calc(100dvh - 132px)}
footer{padding:28px 18px!important;gap:18px!important;margin-bottom:0}
footer .logo{font-size:22px!important}
footer>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.fine{font-size:11px}
.lf-home{padding:12px 10px 30px}
.lf-home-hero{padding:22px 18px;border-radius:20px;gap:6px}
.lf-home-hero h1{font-size:39px;letter-spacing:-1.8px;margin:7px 0 10px}
.lf-home-hero p{font-size:13px;line-height:1.55}
.lf-home-hero .actions{margin:16px 0 5px}
.lf-home-hero .btn{padding:10px 14px;font-size:12px}
.lf-home-visual{height:235px}
.lf-home-visual .book,.lf-home-visual .uploaded-cover{width:105px!important}
.lf-home-visual>*:nth-child(1){transform:rotate(-10deg) translate(-47px,14px)}
.lf-home-visual>*:nth-child(2){transform:rotate(9deg) translate(48px,14px)}
.lf-home-section{padding-top:25px}
.lf-home-section-head{align-items:center;margin-bottom:13px}
.lf-home-section-head h2{font-size:24px}
.lf-home-section-head .textlink{font-size:11px}
.lf-category-grid{grid-template-columns:repeat(4,1fr);gap:8px}
.lf-category-card{padding:10px 4px;border-radius:14px}
.lf-category-card i{width:40px;height:40px;border-radius:12px;font-size:18px}
.lf-category-card b{font-size:9px}
.lf-benefit-grid{grid-template-columns:1fr;gap:8px}
.lf-benefit-card{padding:15px;border-radius:16px}
.lf-benefit-card h3{font-size:15px;margin:8px 0 3px}
.lf-benefit-card p{font-size:11px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.card{padding:8px;border-radius:15px}
.cover-area{height:188px;border-radius:11px;margin-bottom:8px}
.card .cover-area .uploaded-cover{padding:4px}
.wishlist-heart{top:13px;right:13px;width:30px;height:30px;font-size:16px}
.category-label{font-size:8px}
.card h3{font-size:12px;line-height:1.25;margin:3px 0;min-height:30px}
.card .price-row{margin:5px 0}
.card .price{font-size:15px}
.card-actions{display:grid;grid-template-columns:1fr}
.card-actions .btn{font-size:10px;padding:8px 6px}
.card-actions .secondary{display:none}
.shop-shell{padding:18px 10px 35px}
.shop-head{display:block;margin-bottom:8px}
.shop-head h1{font-size:31px}
.shop-head p{font-size:12px;color:var(--lf-muted)}
.shop-search-row{grid-template-columns:1fr 46px}
.mobile-filter-btn{display:block;font-size:0;padding:0}
.mobile-filter-btn:after{content:'☷';font-size:20px}
.shop-category-chips{margin:0 -2px;padding-bottom:10px}
.shop-category-chips button{font-size:10px;padding:7px 11px}
.filters{position:fixed;left:0;right:0;bottom:0;z-index:2600;margin:0;border-radius:24px 24px 0 0;padding:18px 16px 24px;max-height:82dvh;overflow:auto;transform:translateY(105%);transition:transform .25s ease;box-shadow:0 -22px 60px rgba(7,40,31,.22)}
.filters.open{transform:translateY(0)}
.filters label{margin-bottom:9px}
.filter-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.filter-sheet-head strong{font-size:18px}
.filter-sheet-head button{width:38px;height:38px;border-radius:50%;border:1px solid var(--lf-line);background:#fff;font-size:22px}
.filter-backdrop{position:fixed;inset:0;background:rgba(8,34,28,.45);z-index:2550}
.filter-backdrop[hidden]{display:none}
.results-count{font-size:11px}
.detail{display:flex;flex-direction:column;gap:18px;margin-top:12px}
.product-gallery-host{order:1}
.product-info{order:2}
.product-gallery{border-radius:19px;padding:9px}
.product-main-stage{min-height:360px;border-radius:15px}
.product-slide .uploaded-cover,.product-slide .book{max-height:330px;max-width:80%}
.preview-page-image{max-height:340px}
.product-thumbs{gap:6px}
.product-thumb{flex-basis:60px;padding:4px}
.product-thumb img{height:50px}
.product-thumb span{font-size:8px}
.product-info .eyebrow{font-size:9px}
.product-info .page-title{font-size:30px;margin:6px 0 9px}
.product-info .intro{font-size:12px}
.product-info .price{font-size:24px}
.product-info h3{font-size:15px}
.product-info li{font-size:11px;margin:6px 0}
.specs{grid-template-columns:1fr 1fr 1fr;padding:10px}
.specs div{font-size:11px}
.product-info .actions{position:sticky;bottom:68px;z-index:40;background:rgba(255,255,255,.97);margin:12px -12px -12px;padding:10px 12px;border-top:1px solid var(--lf-line);backdrop-filter:blur(10px)}
.product-info .actions .btn{font-size:12px;padding:11px 8px}
.related-section{padding-top:8px}
.two-col{grid-template-columns:1fr;gap:12px}
.panel{padding:16px;border-radius:17px}
.panel h2{font:800 20px/1.15 system-ui,sans-serif}
.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:10px;padding:10px}
.cart-row .uploaded-cover,.cart-row .book{width:72px;height:94px}
.cart-row h3{font-size:13px}
.cart-row .price{font-size:15px}
.payment-choice label{padding:11px}
.thankyou-wrap{padding:16px 10px!important}
.thankyou-card{padding:24px 16px!important;border-radius:20px!important}
.about-mobile-hero{padding:20px 16px;border-radius:20px;gap:12px}
.about-mobile-hero .page-title{font-size:31px}
.about-mobile-art{min-height:190px;font-size:64px}
.about-values{grid-template-columns:1fr;gap:8px}
.about-values>div{padding:14px}
.faq-shell,.blog-shell{padding:18px 10px 38px}
.faq-hero,.blog-hero{padding:19px 16px;border-radius:19px}
.faq-hero h1,.blog-hero h1{font-size:30px}
.faq-shell details{padding:12px}
.blog-card{grid-template-columns:95px 1fr;padding:9px}
.blog-card-art{min-height:88px;font-size:30px}
.blog-card h3{font-size:14px}
.contact-hero-card{padding:20px 15px;border-radius:20px}
.contact-art{font-size:62px}
.contact-quick{grid-template-columns:1fr 1fr}
.contact-quick>div{padding:12px}
.contact-quick b{font-size:12px}
.contact-quick span{font-size:9px}
.account-wrap{padding:14px 10px 35px!important}
.account-shell{grid-template-columns:1fr!important}
.account-shell .account-card:nth-child(2){display:none}
.account-card{padding:20px 15px!important}
.account-card h1{font-size:28px!important}
.account-tabs{border-radius:13px}
.account-tabs button{padding:10px;font-size:12px}
.account-v6-wrap{padding:0 8px 35px!important}
.account-v6-mobilebar{top:62px!important;margin:0 -8px 8px!important}
.account-v6-welcome{background:linear-gradient(135deg,#e7f9f0,#dff4e9)!important}
.account-v6-welcome h1{font-size:28px!important}
.account-v6-card{border-radius:15px!important;padding:13px!important}
.account-v6-stats button{border-radius:14px!important}
.account-v6-title h1{font-size:28px!important}
.account-v6-order,.account-v6-library-row,.account-v6-wish-row,.account-v6-simple-row,.account-v6-note,.account-v6-address{border-radius:14px!important;padding:11px!important;box-shadow:none!important}
.account-v6-nav button{border-radius:11px!important}
.account-v6-sidebar{top:0!important;width:min(85vw,330px)!important;border-radius:0 22px 22px 0!important}
.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:1900;background:rgba(255,255,255,.98);border-top:1px solid #dfeae6;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -7px 28px rgba(21,66,54,.08);padding-bottom:env(safe-area-inset-bottom)}
.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:1px;color:#4f6b63;font-size:9px;font-weight:700}
.mobile-bottom-nav a i{font-style:normal;font-size:19px;line-height:1}
.mobile-bottom-nav a.active{color:var(--lf-green);background:#edf9f3}
.mobile-bottom-nav a:first-child{border-radius:0}
.mobile-bottom-nav a:last-child{border-radius:16px 0 0 0}
}
@media(max-width:390px){
.lf-home-hero h1{font-size:35px}
.lf-category-card b{font-size:8px}
.cover-area{height:172px}
.card h3{font-size:11.5px}
.mobile-bottom-nav{height:61px}
}
@media(min-width:761px){
header{grid-template-columns:44px minmax(150px,1fr) auto minmax(170px,1fr);column-gap:12px}
header>.sidebar-toggle{grid-column:1;grid-row:1;order:0}
header>.logo{grid-column:2;grid-row:1}
header>nav{grid-column:3;grid-row:1}
header>.header-actions{grid-column:4;grid-row:1}
}
/* =========================================================
   Lightlyfun V6.2 — account/mobile fixes
   - one navigation drawer only
   - robust profile photo presentation
   - smoother drawer motion
   - modern sans-serif typography
   - working customer light/dark/system theme
   ========================================================= */
:root{--lf-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--lf-font)!important}
h1,h2,h3,h4,h5,h6,.page-title,.panel h2,.account-v6-title h1,.account-v6-section-head h2,.account-v6-welcome h1,.account-v6-welcome-art b{font-family:var(--lf-font)!important}
/* Keep a single navigation system. The global left drawer is the only drawer. */
.account-v6-shell{display:block!important}
.account-v6-sidebar,.account-v6-backdrop,.account-v6-mobilebar{display:none!important}
.account-v6-main{width:100%;max-width:1180px;margin:0 auto;padding-top:0!important}
.account-v6-wrap{max-width:1240px!important;margin:0 auto!important}
body.account-v6-drawer-open{overflow:auto!important}
/* Profile summary mirrors the approved mobile account mockup. */
.account-v6-profile-summary{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--lf-line);padding:14px 16px;margin:0 0 14px}
.account-v6-profile-avatar{width:72px!important;height:72px!important;margin:0!important;border-radius:50%;overflow:hidden;background:#dff5e9;color:var(--lf-green);display:grid;place-items:center;font-size:25px;font-weight:800;border:3px solid #fff;box-shadow:0 5px 18px rgba(18,70,55,.12)}
.account-v6-profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.account-v6-profile-copy{min-width:0}
.account-v6-profile-copy strong,.account-v6-profile-copy span,.account-v6-profile-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-v6-profile-copy strong{font-size:18px;color:var(--lf-ink)}
.account-v6-profile-copy span{font-size:12px;color:var(--lf-muted);margin:3px 0}
.account-v6-profile-copy small{font-size:10px;color:var(--lf-green);font-weight:800}
.account-v6-profile-summary .btn{white-space:nowrap;padding:10px 13px}
/* Smooth, stable global drawer. */
.site-sidebar{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site-sidebar::-webkit-scrollbar{display:none}
.sidebar-overlay{transition:opacity .22s ease!important}
.sidebar-nav{padding-bottom:20px!important}
.sidebar-nav a{transition:background-color .16s ease,color .16s ease,transform .16s ease}
.sidebar-nav a:active{transform:scale(.985)}
.sidebar-user-avatar,.profile-menu-avatar,.account-avatar,.account-avatar-lg,.account-avatar-xl{background:#dff5e9;color:var(--lf-green);overflow:hidden}
.sidebar-user-avatar img,.profile-menu-avatar img,.account-avatar img,.account-avatar-lg img,.account-avatar-xl img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
/* Modernize the account typography and spacing. */
.account-v6-welcome h1,.account-v6-title h1,.account-v6-section-head h2{letter-spacing:-.55px!important}
.account-v6-welcome-art b{font-weight:750!important;font-size:23px!important}
.account-v6-card,.account-v6-stats button,.account-v6-order,.account-v6-library-row,.account-v6-wish-row,.account-v6-simple-row,.account-v6-note,.account-v6-address{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
@media(hover:hover){
.account-v6-stats button:hover,.account-v6-card:hover{transform:translateY(-1px)}
}
/* Customer theme: this is separate from the administrator's storefront palette. */
html[data-user-theme="dark"]{--lf-shadow:0 10px 30px rgba(0,0,0,.22);--white:#101d19}
html[data-user-theme="dark"] body,html[data-user-theme="dark"] main{background:#0b1412!important}
html[data-user-theme="dark"] header{background:rgba(12,23,19,.96)!important;border-color:var(--lf-line)!important}
html[data-user-theme="dark"] .site-sidebar,html[data-user-theme="dark"] .sidebar-head,html[data-user-theme="dark"] .sidebar-close,html[data-user-theme="dark"] .sidebar-toggle,html[data-user-theme="dark"] .profile-account-menu,html[data-user-theme="dark"] .account-v6-profile-summary,html[data-user-theme="dark"] .account-v6-card,html[data-user-theme="dark"] .account-v6-stats button,html[data-user-theme="dark"] .account-v6-order,html[data-user-theme="dark"] .account-v6-library-row,html[data-user-theme="dark"] .account-v6-wish-row,html[data-user-theme="dark"] .account-v6-simple-row,html[data-user-theme="dark"] .account-v6-note,html[data-user-theme="dark"] .account-v6-address,html[data-user-theme="dark"] .panel,html[data-user-theme="dark"] .card,html[data-user-theme="dark"] .filters,html[data-user-theme="dark"] .mobile-bottom-nav{background:#101d19!important;color:var(--lf-ink)!important;border-color:var(--lf-line)!important}
html[data-user-theme="dark"] .sidebar-nav a{color:#bfd1ca!important}
html[data-user-theme="dark"] .sidebar-nav a:before{background:#193129!important;color:#63ddb4!important}
html[data-user-theme="dark"] .sidebar-nav a.active,html[data-user-theme="dark"] .sidebar-nav a:hover{background:#18332a!important;color:#7ae3bd!important}
html[data-user-theme="dark"] .sidebar-section-label{color:#77928a!important}
html[data-user-theme="dark"] .account-v6-profile-copy strong,html[data-user-theme="dark"] .account-v6-title h1,html[data-user-theme="dark"] .account-v6-section-head h2,html[data-user-theme="dark"] .account-v6-order-body h3,html[data-user-theme="dark"] .account-v6-library-body h3,html[data-user-theme="dark"] .account-v6-wish-row h3{color:var(--lf-ink)!important}
html[data-user-theme="dark"] .account-v6-settings>label,html[data-user-theme="dark"] .account-v6-drawer-head,html[data-user-theme="dark"] .account-v6-section-head{border-color:#29453b!important}
html[data-user-theme="dark"] footer{color:#c8d9d3!important}
@media(max-width:760px){
.account-v6-wrap{padding:12px 10px 34px!important}
.account-v6-profile-summary{grid-template-columns:60px minmax(0,1fr) auto;padding:12px;border-radius:17px;gap:10px}
.account-v6-profile-avatar{width:60px!important;height:60px!important;font-size:22px}
.account-v6-profile-copy strong{font-size:15px}
.account-v6-profile-copy span{font-size:10px}
.account-v6-profile-summary .btn{font-size:0;width:38px;height:38px;padding:0;border-radius:12px;display:grid;place-items:center}
.account-v6-profile-summary .btn:after{content:'✎';font-size:16px}
.account-v6-welcome{margin-top:0!important}
.account-v6-title{margin-top:4px!important}
.site-sidebar{width:min(88vw,344px)!important}
.sidebar-user-card{grid-template-columns:54px minmax(0,1fr)!important}
.sidebar-user-avatar{width:54px!important;height:54px!important}
}
/* Mobile account welcome contrast fix — no white text on pale mint. */
@media(max-width:760px){
html:not([data-user-theme="dark"]) .account-v6-welcome{background:linear-gradient(135deg,#e8fbf2,#d9f4e6)!important;color:#123b32!important}
html:not([data-user-theme="dark"]) .account-v6-welcome span{color:#07865f!important}
html:not([data-user-theme="dark"]) .account-v6-welcome h1{color:#103a31!important}
html:not([data-user-theme="dark"]) .account-v6-welcome p{color:#56716a!important}
html:not([data-user-theme="dark"]) .account-v6-light-btn{background:#fff!important;color:#087159!important;border-color:#d4eae0!important}
}
/* =========================================================
   Lightlyfun V6.3 — approved navigation drawer + header controls
   Guest and signed-in drawer match the approved white/minimal UI.
   ========================================================= */
.header-theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--lf-line);background:#fff;display:grid;place-items:center;padding:0;cursor:pointer}
.header-theme-toggle:hover{background:#f4faf7;border-color:#bdd9cf}
.header-theme-toggle:active{transform:scale(.96)}
.header-theme-toggle svg{width:20px;height:20px;display:block}
.cart-link{min-height:40px;text-decoration:none!important}
.cart-icon svg{display:block}
.cart-label{font-size:14px!important;font-weight:750!important;letter-spacing:-.1px}
#cart-count{width:22px!important;height:22px!important;min-width:22px;display:grid!important;place-items:center;border-radius:999px!important;font-size:11px!important;line-height:1!important;padding:0!important;margin-left:-2px;background:#e9f7f0!important;color:#087154!important}
.sidebar-toggle svg{width:22px;height:22px}
.site-sidebar{width:min(92vw,390px)!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;transition:transform .30s cubic-bezier(.22,.8,.22,1)!important}
.sidebar-head{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px);padding:22px 20px 16px!important;border-bottom:0!important;gap:12px}
.sidebar-brand{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:11px;min-width:0;text-decoration:none!important}
.sidebar-brand>img{width:46px;height:46px;object-fit:contain;border-radius:50%}
.sidebar-brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf9f3;color:#07865f;font-size:26px}
.sidebar-brand-copy{display:block;min-width:0}
.sidebar-brand-copy strong{display:block;font-size:22px;line-height:1.05;font-weight:820;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-brand-copy small{display:block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.1px}
.sidebar-close{flex:0 0 42px;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid #e1ebe7!important;font-size:28px!important;line-height:1!important;display:grid!important;place-items:center!important;padding:0!important}
.sidebar-user-card{grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;margin:0 16px 12px!important;padding:10px 12px!important;border:1px solid #e2eee9!important;border-radius:14px!important;box-shadow:none!important;text-decoration:none!important}
.sidebar-user-card[hidden]{display:none!important}
.sidebar-user-avatar{width:48px!important;height:48px!important;border-radius:50%!important;font-size:17px!important}
.sidebar-user-copy{min-width:0}
.sidebar-user-copy strong{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-copy small{display:block;margin-top:3px;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-search{margin:0 16px 16px;height:48px;border:1px solid #e5ebe9;border-radius:12px;display:grid;grid-template-columns:34px minmax(0,1fr) 42px;align-items:center;overflow:hidden}
.sidebar-search-icon{display:grid;place-items:center;color:#263f39;font-size:23px;line-height:1}
.sidebar-search input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;font-size:13px!important;min-width:0}
.sidebar-search button{height:30px;border:0;border-left:1px solid #dde6e2;background:transparent;color:#1e3832;font-size:21px;cursor:pointer}
.sidebar-nav{display:block!important;padding:0 16px 10px!important}
.sidebar-row{display:grid!important;grid-template-columns:30px minmax(0,1fr) 34px!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:5px 7px!important;border-radius:10px!important;font-size:14px!important;font-weight:720!important;text-decoration:none!important;background:transparent!important}
.sidebar-row:before{display:none!important;content:none!important}
.sidebar-row:hover,.sidebar-row.active{background:#f5faf7!important;color:#0a6f52!important}
.sidebar-row:active{transform:scale(.99)}
.sidebar-icon{width:28px;height:28px;display:grid;place-items:center}
.sidebar-icon svg{width:20px;height:20px;display:block}
.sidebar-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-arrow{justify-self:end;color:#314a44;font-size:20px;font-weight:500}
.sidebar-count{justify-self:end;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f0f2f7;color:#354943;display:grid;place-items:center;font-size:10px;font-weight:800}
.sidebar-sale{background:#fff2f6!important;color:#d42c5d!important;margin:3px 0!important}
.sidebar-sale .sidebar-icon,.sidebar-sale .sidebar-arrow{color:#df2f63!important}
.sidebar-sale:hover,.sidebar-sale.active{background:#ffeaf1!important;color:#c82253!important}
.sidebar-divider{height:1px;margin:9px 0 10px}
.sidebar-foot{margin:0 16px 22px!important;padding:10px 0 0!important;border-top:1px solid #e6ece9!important}
.sidebar-logout{width:100%;display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:10px;min-height:48px;padding:5px 7px;border:0;border-radius:10px;background:#fff4f4;color:#b33742;text-align:left;font:inherit;font-weight:760;cursor:pointer}
.sidebar-logout .sidebar-icon{color:#d64451}
.sidebar-logout .sidebar-arrow{color:#c64b54}
body.sidebar-open{overflow:hidden!important}
body.sidebar-open .mobile-bottom-nav{visibility:hidden!important;pointer-events:none!important}
/* dark theme also covers the approved V6.3 drawer/search/header controls */
html[data-user-theme="dark"] .header-theme-toggle{background:#101d19!important;color:#e6f5ef!important;border-color:#29453b!important}
html[data-user-theme="dark"] .site-sidebar,html[data-user-theme="dark"] .sidebar-head{background:#101d19!important;color:#edf8f4!important}
html[data-user-theme="dark"] .sidebar-brand,html[data-user-theme="dark"] .sidebar-brand-copy strong{color:#edf8f4!important}
html[data-user-theme="dark"] .sidebar-brand-copy small{color:#9db2aa!important}
html[data-user-theme="dark"] .sidebar-close{background:#14231f!important;color:#edf8f4!important;border-color:#29453b!important}
html[data-user-theme="dark"] .sidebar-user-card{background:#14231f!important;border-color:#29453b!important}
html[data-user-theme="dark"] .sidebar-user-copy strong{color:#edf8f4!important}
html[data-user-theme="dark"] .sidebar-user-copy small{color:#9db2aa!important}
html[data-user-theme="dark"] .sidebar-search{background:#0c1714!important;border-color:#29453b!important}
html[data-user-theme="dark"] .sidebar-search input{color:#edf8f4!important;background:transparent!important}
html[data-user-theme="dark"] .sidebar-search button{border-color:#29453b!important}
html[data-user-theme="dark"] .sidebar-row{color:#c7d9d2!important;background:transparent!important}
html[data-user-theme="dark"] .sidebar-row .sidebar-icon,html[data-user-theme="dark"] .sidebar-row .sidebar-arrow{color:#b7d0c7!important}
html[data-user-theme="dark"] .sidebar-row:hover,html[data-user-theme="dark"] .sidebar-row.active{background:#18332a!important;color:#7ae3bd!important}
html[data-user-theme="dark"] .sidebar-count{background:#20342d!important;color:#d6e8e1!important}
html[data-user-theme="dark"] .sidebar-divider,html[data-user-theme="dark"] .sidebar-foot{border-color:#29453b!important;background-color:transparent}
html[data-user-theme="dark"] .sidebar-divider{background:#29453b!important}
html[data-user-theme="dark"] .sidebar-sale{background:#341a23!important;color:#ff7ca0!important}
html[data-user-theme="dark"] .sidebar-sale .sidebar-icon,html[data-user-theme="dark"] .sidebar-sale .sidebar-arrow{color:#ff7ca0!important}
html[data-user-theme="dark"] .sidebar-logout{background:#2c191c!important;color:#ff9ba6!important}
html[data-user-theme="dark"] .cart-link{color:#d9ebe4!important}
html[data-user-theme="dark"] #cart-count{background:#173128!important;color:#70ddb6!important}
@media(min-width:761px){
.site-sidebar{width:420px!important;max-width:420px!important;border-radius:0 22px 22px 0!important}
.sidebar-head{padding:24px 28px 18px!important}
.sidebar-user-card,.sidebar-search,.sidebar-foot{margin-left:28px!important;margin-right:28px!important}
.sidebar-nav{padding-left:28px!important;padding-right:28px!important}
.sidebar-row{min-height:52px!important;font-size:15px!important;padding-left:10px!important;padding-right:10px!important}
.sidebar-brand-copy strong{font-size:23px}
}
@media(max-width:760px){
.site-sidebar{width:min(94vw,370px)!important;border-radius:0 20px 20px 0!important}
.sidebar-head{padding:17px 16px 13px!important}
.sidebar-brand{grid-template-columns:40px minmax(0,1fr)!important;column-gap:9px!important}
.sidebar-brand>img,.sidebar-brand-mark{width:40px!important;height:40px!important}
.sidebar-brand-copy strong{font-size:18px!important}
.sidebar-brand-copy small{font-size:8px!important;margin-top:2px!important}
.sidebar-close{width:38px!important;height:38px!important;font-size:25px!important}
.sidebar-user-card{margin:0 12px 10px!important}
.sidebar-search{margin:0 12px 12px!important;height:46px!important}
.sidebar-nav{padding:0 12px 8px!important}
.sidebar-row{min-height:45px!important;font-size:13.5px!important;grid-template-columns:28px minmax(0,1fr) 30px!important;gap:8px!important}
.sidebar-icon{width:26px!important;height:26px!important}
.sidebar-icon svg{width:18px!important;height:18px!important}
.sidebar-foot{margin:0 12px 18px!important}
.header-theme-toggle{width:38px;height:38px}
.header-theme-toggle svg{width:19px;height:19px}
.cart-label{display:none!important}
.cart-link{gap:3px!important}
}
/* ==========================================================================\n   Lightlyfun V6.4 — dimensional 4K-safe UI, readable dark mode, robust drawer\n   CSS/SVG surfaces are resolution-independent, so they stay crisp on HiDPI/4K.\n   ========================================================================== */
:root{--lf-v64-bg:#f8fcfa;--lf-v64-surface:rgba(255,255,255,.92);--lf-v64-surface-2:#f1f8f5;--lf-v64-text:#102d29;--lf-v64-muted:#60766f;--lf-v64-line:#d7e8e1;--lf-v64-depth:0 16px 44px rgba(10,54,42,.10),0 2px 8px rgba(10,54,42,.05);--lf-v64-depth-sm:0 8px 20px rgba(10,54,42,.10),inset 0 1px 0 rgba(255,255,255,.85)}
html[data-user-theme="dark"]{--lf-mint:#10251f;--lf-mint-2:#143028;--lf-v64-depth:0 18px 48px rgba(0,0,0,.34),0 2px 10px rgba(0,0,0,.24);--lf-v64-depth-sm:0 9px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);color-scheme:dark}
html,body{background:var(--lf-v64-bg)!important;color:var(--lf-v64-text)!important}
body{position:relative;isolation:isolate;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
 radial-gradient(1100px 580px at 8% -5%,rgba(53,211,155,.09),transparent 66%),
 radial-gradient(900px 540px at 96% 12%,rgba(103,177,255,.06),transparent 62%),
 linear-gradient(180deg,var(--lf-v64-bg),var(--lf-v64-bg))}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.17;background-image:
 radial-gradient(circle at 20% 20%,rgba(255,255,255,.6) 0 1px,transparent 1.3px),
 radial-gradient(circle at 80% 70%,rgba(7,134,95,.18) 0 1px,transparent 1.25px);background-size:42px 42px,58px 58px;mix-blend-mode:soft-light}
main{background:transparent!important;min-height:calc(100vh - 76px)}
header{background:color-mix(in srgb,var(--lf-v64-surface) 93%,transparent)!important;border-color:var(--lf-v64-line)!important;box-shadow:0 8px 28px rgba(12,48,38,.045);backdrop-filter:blur(18px) saturate(1.12)}
html[data-user-theme="dark"] header{box-shadow:0 8px 30px rgba(0,0,0,.25)}
header nav a,.cart-link,.profile-link,.sidebar-toggle,.header-theme-toggle{color:var(--lf-v64-text)!important}
header nav a:hover,header nav a.active{color:var(--lf-green)!important}
/* Crisp dimensional icon language */
.sidebar-toggle,.header-theme-toggle,.profile-link,.cart-icon-wrap,.sidebar-icon,.lf-category-card i,.lf-benefit-card i,.filter-btn-icon,.mobile-bottom-nav i{background:linear-gradient(145deg,color-mix(in srgb,var(--lf-card) 90%,#fff),color-mix(in srgb,var(--lf-mint) 86%,#d7f6e9))!important;border:1px solid color-mix(in srgb,var(--lf-line) 88%,#fff)!important;box-shadow:var(--lf-v64-depth-sm)!important;transform:translateZ(0)}
.sidebar-icon{border-radius:9px!important;color:var(--lf-green)!important}
.sidebar-row:hover .sidebar-icon,.sidebar-row.active .sidebar-icon{transform:translateY(-1px) scale(1.04);box-shadow:0 9px 18px rgba(7,134,95,.18),inset 0 1px 0 rgba(255,255,255,.8)!important}
.header-theme-toggle,.profile-link,.sidebar-toggle{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.header-theme-toggle:hover,.profile-link:hover,.sidebar-toggle:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(8,74,54,.15),inset 0 1px 0 rgba(255,255,255,.9)!important}
.cart-link{border-radius:14px;padding:7px 9px!important;transition:background .18s ease,transform .18s ease}
.cart-link:hover{background:var(--lf-mint)!important;transform:translateY(-1px)}
.cart-icon-wrap{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}
.cart-icon-wrap svg{width:21px;height:21px}
/* Left drawer: same direction on mobile + desktop and never floats on the right. */
.site-sidebar{left:0!important;right:auto!important;top:0!important;bottom:0!important;height:100dvh!important;transform:translate3d(-104%,0,0)!important;z-index:5000!important;border-radius:0 22px 22px 0!important;background:var(--lf-card)!important;border-right:1px solid var(--lf-line)!important;box-shadow:28px 0 80px rgba(4,33,25,.25)!important;will-change:transform;contain:layout paint}
.site-sidebar.open{transform:translate3d(0,0,0)!important}
.sidebar-overlay{z-index:4900!important;background:rgba(5,20,16,.52)!important;backdrop-filter:blur(5px) saturate(.85)!important;pointer-events:auto}
.sidebar-overlay[hidden]{display:none!important}
.sidebar-overlay.show{opacity:1!important}
.sidebar-head{background:color-mix(in srgb,var(--lf-card) 94%,transparent)!important;border-color:var(--lf-line)!important}
.sidebar-brand,.sidebar-brand-copy strong,.sidebar-row{color:var(--lf-v64-text)!important}
.sidebar-brand-copy small,.sidebar-user-copy small{color:var(--lf-v64-muted)!important}
.sidebar-user-card,.sidebar-search{background:var(--lf-v64-surface-2)!important;border-color:var(--lf-v64-line)!important}
.sidebar-user-copy strong{color:var(--lf-v64-text)!important}
.sidebar-search input{color:var(--lf-v64-text)!important}
.sidebar-search input::placeholder{color:var(--lf-v64-muted)!important}
.sidebar-row{transition:background .16s ease,color .16s ease,transform .16s ease!important}
.sidebar-row:hover{transform:translateX(3px)}
.sidebar-row.active{background:linear-gradient(90deg,color-mix(in srgb,var(--lf-green) 15%,transparent),transparent)!important;color:var(--lf-green)!important}
.sidebar-close{background:var(--lf-v64-surface-2)!important;color:var(--lf-v64-text)!important;border-color:var(--lf-v64-line)!important}
.sidebar-divider{background:var(--lf-v64-line)!important}
/* Dimensional cards / 4K-safe surfaces */
.card,.panel,.account-v6-card,.lf-category-card,.lf-benefit-card,.product-gallery,.account-v6-profile-summary,.account-v6-order,.account-v6-library-row,.account-v6-wish-row,.account-v6-simple-row,.account-v6-address,.filters{background:var(--lf-card)!important;border-color:var(--lf-v64-line)!important;color:var(--lf-v64-text)!important;box-shadow:var(--lf-v64-depth)!important}
.card,.lf-category-card,.lf-benefit-card{transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease,border-color .24s ease}
@media (hover:hover) and (pointer:fine){
.card:hover,.lf-category-card:hover,.lf-benefit-card:hover{transform:translateY(-5px) perspective(900px) rotateX(.7deg);box-shadow:0 22px 52px rgba(9,65,48,.14)!important;border-color:color-mix(in srgb,var(--lf-green) 34%,var(--lf-line))!important}
}
.cover-area{background:linear-gradient(145deg,var(--lf-v64-surface-2),color-mix(in srgb,var(--lf-mint) 70%,var(--lf-card)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -12px 30px rgba(11,93,67,.035)}
.uploaded-cover{filter:saturate(1.03) contrast(1.015);transform:translateZ(0)}
.lf-home-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--lf-mint) 93%,#fff),color-mix(in srgb,var(--lf-mint-2) 92%,#aee9cf))!important;border-color:var(--lf-v64-line)!important;box-shadow:var(--lf-v64-depth)!important}
.lf-home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.34),transparent 35%,rgba(255,255,255,.12) 65%,transparent);transform:translateX(-120%);animation:lfSheen 12s ease-in-out infinite}
.lf-home-visual>*{animation:lfFloat 5.8s ease-in-out infinite}
.lf-home-visual>*:nth-child(2){animation-delay:-1.2s}
.lf-home-visual>*:nth-child(3){animation-delay:-2.4s}
@keyframes lfFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
@keyframes lfSheen{0%,72%,100%{transform:translateX(-120%)}82%{transform:translateX(120%)}}
/* Readable typography in both themes. */
.page-title,.shop-head h1,.lf-home-hero h1,.lf-home-section-head h2,.card h3,.card h3 a,.price,.detail h1,.account-v6-card h1,.account-v6-card h2,.account-v6-card h3,.account-v6-view h1,.account-v6-view h2,.account-v6-view h3,.filters label,.filter-sheet-head strong{color:var(--lf-v64-text)!important}
p,.intro,.fine,.results-count,.card p,.lf-benefit-card p,.gallery-note,.account-v6-card p,.account-v6-view p{color:var(--lf-v64-muted)}
input,select,textarea{background:var(--lf-card)!important;color:var(--lf-v64-text)!important;border-color:var(--lf-v64-line)!important}
option{background:var(--lf-card)!important;color:var(--lf-v64-text)!important}
.shop-category-chips button{background:var(--lf-card)!important;color:var(--lf-v64-muted)!important;border-color:var(--lf-v64-line)!important}
.shop-category-chips button.active{background:var(--lf-green)!important;color:#fff!important;border-color:var(--lf-green)!important}
.btn.secondary{background:var(--lf-card)!important;color:var(--lf-v64-text)!important;border-color:var(--lf-v64-line)!important}
footer{background:var(--lf-card)!important;color:var(--lf-v64-text)!important;border-top:1px solid var(--lf-v64-line)!important}
footer a,footer p{color:var(--lf-v64-muted)!important}
.mobile-bottom-nav{background:color-mix(in srgb,var(--lf-card) 96%,transparent)!important;border-color:var(--lf-v64-line)!important;backdrop-filter:blur(18px)}
.mobile-bottom-nav a{color:var(--lf-v64-muted)!important}
.mobile-bottom-nav a.active{color:var(--lf-green)!important;background:color-mix(in srgb,var(--lf-green) 10%,transparent)!important}
/* Approved mobile filter sheet. */
.filter-backdrop{position:fixed;inset:0;z-index:4200;background:rgba(5,20,16,.48);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(4px)}
.filter-backdrop.show{opacity:1}
.filter-backdrop[hidden]{display:none!important}
.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.filter-sheet-actions{display:flex;gap:10px;margin-top:14px}
.filter-sheet-actions>*{flex:1}
.filter-sheet-grab{display:none}
.filter-btn-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.filter-btn-icon svg{width:19px;height:19px}
.filter-btn-label{display:inline}
body.filter-sheet-open{overflow:hidden!important}
@media(max-width:760px){
.mobile-filter-btn{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;padding:0!important;border-radius:14px!important;background:var(--lf-card)!important;color:var(--lf-green)!important;border:1px solid var(--lf-v64-line)!important;box-shadow:var(--lf-v64-depth-sm)!important}
.filter-btn-label{display:none}
.filters{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:4300!important;margin:0!important;width:100%!important;max-height:min(74dvh,700px)!important;overflow:auto!important;padding:10px 18px calc(18px + env(safe-area-inset-bottom))!important;border-radius:26px 26px 0 0!important;transform:translate3d(0,108%,0);transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 -24px 70px rgba(0,0,0,.22)!important}
.filters.open{transform:translate3d(0,0,0)!important}
.filter-sheet-grab{display:block;width:46px;height:5px;border-radius:99px;background:color-mix(in srgb,var(--lf-muted) 45%,transparent);margin:2px auto 12px}
.filter-sheet-head{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 15px}
.filter-sheet-head strong{font-size:21px}
.filter-sheet-head button{width:38px;height:38px;border-radius:50%;border:1px solid var(--lf-v64-line);background:var(--lf-v64-surface-2);color:var(--lf-v64-text);font-size:23px}
.filter-grid{grid-template-columns:1fr!important;gap:12px}
.filters label{display:grid!important;gap:7px!important;font-size:13px!important;font-weight:800!important}
.filters select{min-height:48px!important;border-radius:12px!important;margin:0!important}
.filter-sheet-actions{position:sticky;bottom:-1px;background:linear-gradient(180deg,transparent 0,var(--lf-card) 24%);padding-top:22px;margin-top:8px}
}
@media(min-width:761px){
.site-sidebar{width:390px!important;max-width:390px!important}
.sidebar-toggle{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.sidebar-overlay{display:block}
.sidebar-overlay[hidden]{display:none!important}
.filters{position:static!important;transform:none!important}
.filter-sheet-actions{display:none}
.filter-grid{grid-template-columns:repeat(3,1fr)}
}
/* Smooth route/view entrance without hiding content. */
#main>section{animation:lfEnter .28s ease both}
@keyframes lfEnter{from{opacity:.01;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.lf-home-visual>*{animation:none!important}
}
/* V6.4 dark-mode compatibility with the original storefront variable system. */
html[data-user-theme="dark"]{--ink:#edf8f4!important;--muted:#a9c0b8!important;--green:#28d79b!important;--line:#29473d!important;--pale:#10251f!important;--bg:#07110f!important;--text:#edf8f4!important}
html[data-user-theme="dark"] :where(.section-head h2,.benefits h3,.detail h1,.specs,.account-v6-stats strong,.account-v6-order-body h3,.account-v6-library-body h3,.account-v6-wish-row h3,.account-v6-address h3,.account-v6-help strong,.account-v6-help-grid b,.account-v6-bookrail button b){color:#edf8f4!important}
html[data-user-theme="dark"] :where(.section-head p,.benefits p,.detail ul,.specs span,.account-v6-stats span,.account-v6-order-body p,.account-v6-library-body p,.account-v6-wish-row p,.account-v6-address p,.account-v6-address small,.account-v6-help p,.account-v6-help-grid p,.account-v6-settings>label small,.account-v6-simple-row span){color:#a9c0b8!important}
html[data-user-theme="dark"] :where(.account-v6-welcome,.account-v6-help,.notice,.thankyou-note,.empty,.tinted){background:#10251f!important;border-color:#29473d!important;color:#edf8f4!important}
html[data-user-theme="dark"] .sidebar-search-icon,html[data-user-theme="dark"] .sidebar-search button{color:#d6ebe3!important}
html[data-user-theme="dark"] .cart-icon,html[data-user-theme="dark"] .cart-icon svg{color:#dff5ed!important}
.cart-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,color-mix(in srgb,var(--lf-card) 90%,#fff),color-mix(in srgb,var(--lf-mint) 86%,#d7f6e9))!important;border:1px solid color-mix(in srgb,var(--lf-line) 88%,#fff)!important;box-shadow:var(--lf-v64-depth-sm)!important;font-size:0!important}
.cart-icon svg{width:21px!important;height:21px!important}
/* ======================================================================
   Lightlyfun V6.5 — final header/profile/sidebar/filter/theme polish
   - profile photo rendered as a real image in header
   - profile click = Profile details + Log out only
   - active sidebar item follows the exact route/view
   - mobile Filter & Sort slides from the RIGHT
   - dark mode contrast audit for every major storefront surface
   - light mode receives soft 3D mint/white gradient depth
   ====================================================================== */
/* Header geometry: keep menu, brand, theme, profile and cart separated. */
header{isolation:isolate;overflow:visible!important}
.sidebar-toggle,.header-theme-toggle,.profile-link,.cart-link{position:relative;z-index:2}
.sidebar-toggle{display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;line-height:1!important;pointer-events:auto!important}
.sidebar-toggle svg{display:block!important;margin:auto!important;transform:none!important}
.profile-link{overflow:hidden!important;padding:0!important;background-image:none!important}
.header-profile-avatar{width:100%;height:100%;border-radius:inherit;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e9faf2,#d8f0e5);color:var(--lf-green);font-weight:850;font-size:15px}
.header-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;border-radius:inherit}
.profile-link.signed-in{background:transparent!important;color:var(--lf-green)!important;border-color:color-mix(in srgb,var(--lf-green) 38%,var(--lf-line))!important}
.profile-link.has-photo svg{display:none!important}
header>.logo.has-image{display:grid!important;place-items:center!important;overflow:visible!important}
header>.logo.has-image .brand-image{display:block!important;object-fit:contain!important;margin:0!important}
/* Header account popover is intentionally compact. */
.profile-account-backdrop{position:fixed;inset:0;z-index:5190;background:transparent}
.profile-account-menu{z-index:5200!important;padding:12px!important;border-radius:20px!important;border:1px solid color-mix(in srgb,var(--lf-line) 90%,#fff)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--lf-card) 94%,#fff),color-mix(in srgb,var(--lf-mint) 86%,#fff))!important;box-shadow:0 24px 60px rgba(3,30,23,.22),inset 0 1px 0 rgba(255,255,255,.82)!important;overflow:hidden!important}
.profile-menu-user{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:5px 5px 11px!important;border-bottom:1px solid var(--lf-line)!important}
.profile-menu-avatar{width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(145deg,#e7faf1,#d8f1e6)!important;color:var(--lf-green)!important;font-weight:850!important}
.profile-menu-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 35%!important}
.profile-menu-user strong{display:block;color:var(--lf-v64-text)!important;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu-user span{display:block;color:var(--lf-v64-muted)!important;font-size:10px!important;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu-nav{display:block!important;padding:8px 0 4px!important}
.profile-menu-navitem,.profile-menu-action{width:100%!important;min-height:48px!important;border:0!important;border-radius:13px!important;padding:7px 10px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;color:var(--lf-v64-text)!important;background:transparent!important;text-align:left!important;text-decoration:none!important;font-weight:760!important;font-size:13px!important}
.profile-menu-navitem:hover{background:color-mix(in srgb,var(--lf-green) 9%,transparent)!important;color:var(--lf-green)!important}
.profile-menu-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--lf-green);background:linear-gradient(145deg,color-mix(in srgb,var(--lf-card) 86%,#fff),color-mix(in srgb,var(--lf-mint) 90%,#d8f5e8));border:1px solid var(--lf-line);box-shadow:0 5px 12px rgba(6,71,50,.08),inset 0 1px 0 rgba(255,255,255,.82)}
.profile-menu-icon svg{width:17px;height:17px}
.profile-menu-logout{margin-top:4px!important;color:#b53d4d!important;background:color-mix(in srgb,#ffeff1 76%,transparent)!important;cursor:pointer!important}
.profile-menu-logout .profile-menu-icon{color:#d34557!important;background:#fff0f2!important;border-color:#f5d9df!important}
/* Profile summary edit control. */
.account-profile-edit{width:46px;height:46px;border-radius:15px;border:1px solid color-mix(in srgb,var(--lf-green) 24%,var(--lf-line));background:linear-gradient(145deg,color-mix(in srgb,var(--lf-card) 92%,#fff),color-mix(in srgb,var(--lf-mint) 88%,#d7f6e8));color:var(--lf-green);display:grid;place-items:center;padding:0;box-shadow:0 9px 22px rgba(5,74,52,.12),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .16s ease,box-shadow .16s ease}
.account-profile-edit:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(5,74,52,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.account-profile-edit svg{width:20px;height:20px}
.account-profile-edit span{display:none}
/* Exact sidebar selection: one row only. */
.sidebar-row.active{box-shadow:inset 3px 0 0 var(--lf-green)!important}
.sidebar-row:not(.active){box-shadow:none!important}
/* Mobile filter is a right-side drawer, not a bottom sheet. */
@media(max-width:760px){
body.filter-sheet-open{overflow:hidden!important;touch-action:none}
.filter-backdrop{z-index:6100!important;background:rgba(2,18,14,.58)!important;backdrop-filter:blur(7px) saturate(.8)!important}
.filters{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(90vw,420px)!important;height:100dvh!important;max-height:none!important;margin:0!important;z-index:6200!important;border-radius:26px 0 0 26px!important;border:0!important;border-left:1px solid var(--lf-v64-line)!important;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))!important;overflow:auto!important;overscroll-behavior:contain;transform:translate3d(106%,0,0)!important;transition:transform .30s cubic-bezier(.22,.8,.22,1)!important;box-shadow:-28px 0 80px rgba(0,0,0,.28)!important;background:var(--lf-card)!important}
.filters.open{transform:translate3d(0,0,0)!important}
.filter-sheet-grab{display:none!important}
.filter-sheet-head{position:sticky;top:calc(-18px - env(safe-area-inset-top));z-index:3;margin:0 -18px 18px!important;padding:calc(18px + env(safe-area-inset-top)) 18px 13px!important;background:color-mix(in srgb,var(--lf-card) 96%,transparent)!important;border-bottom:1px solid var(--lf-v64-line)!important;backdrop-filter:blur(16px)}
.filter-sheet-head strong{font-size:24px!important;letter-spacing:-.5px}
.filter-sheet-head button{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;background:var(--lf-v64-surface-2)!important;color:var(--lf-v64-text)!important;border-color:var(--lf-v64-line)!important;box-shadow:var(--lf-v64-depth-sm)!important}
.filter-grid{grid-template-columns:1fr!important;gap:16px!important}
.filters label{font-size:14px!important;color:var(--lf-v64-text)!important}
.filters select{min-height:54px!important;border-radius:15px!important;padding:0 14px!important}
.filter-sheet-actions{position:sticky!important;bottom:-18px!important;z-index:3;display:grid!important;grid-template-columns:1fr 1.18fr!important;gap:10px!important;margin:20px -18px -18px!important;padding:20px 18px calc(18px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--lf-card) 96%,transparent) 22%,var(--lf-card) 42%)!important}
.filter-sheet-actions .btn{min-height:52px;border-radius:15px!important;font-weight:800!important}
}
/* Light theme: soft professional 3D gradients, no flat blocks. */
html:not([data-user-theme="dark"]) body{background:linear-gradient(180deg,#fbfffd 0,#f3fbf7 56%,#eef8f3 100%)!important}
html:not([data-user-theme="dark"]) header{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,252,249,.94))!important;box-shadow:0 10px 34px rgba(11,65,48,.07)!important}
html:not([data-user-theme="dark"]) :where(.card,.panel,.account-v6-card,.account-v6-order,.account-v6-library-row,.account-v6-wish-row,.account-v6-simple-row,.account-v6-address,.account-v6-note,.about-values>div,.contact-quick>div,.specs){background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,250,246,.96))!important;box-shadow:0 16px 38px rgba(12,74,54,.075),inset 0 1px 0 rgba(255,255,255,.95)!important}
html:not([data-user-theme="dark"]) .lf-home-hero{background:radial-gradient(circle at 82% 18%,rgba(115,230,190,.32),transparent 28%),linear-gradient(135deg,#f2fcf7 0,#dff8eb 55%,#ecfbf4 100%)!important}
html:not([data-user-theme="dark"]) .account-v6-welcome{background:radial-gradient(circle at 85% 18%,rgba(85,215,171,.25),transparent 30%),linear-gradient(135deg,#eafaf2,#d8f5e7)!important;box-shadow:0 18px 44px rgba(9,78,56,.10)!important}
/* Dark theme: contrast is component-aware rather than a global black fill. */
html[data-user-theme="dark"]{--lf-green:#35e1a5!important;--lf-green-dark:#21bd89!important;--lf-ink:#f1faf6!important;--lf-muted:#bed1ca!important;--lf-line:#315149!important;--lf-card:#0e201b!important;--lf-soft:#0a1714!important;--lf-v64-bg:#06100d!important;--lf-v64-surface:#0e211b!important;--lf-v64-surface-2:#132b24!important;--lf-v64-text:#f2faf7!important;--lf-v64-muted:#bed1ca!important;--lf-v64-line:#315149!important}
html[data-user-theme="dark"] body{color:#f2faf7!important}
html[data-user-theme="dark"] main{color:#f2faf7!important}
html[data-user-theme="dark"] :where(h1,h2,h3,h4,h5,h6,.page-title,.section-head h2,.lf-home-section-head h2,.shop-head h1,.detail h1,.product-info h3,.account-v6-title h1,.account-v6-section-head h2,.account-v6-welcome h1,.panel h2,.about-values h3,.contact-quick b,.card h3,.card h3 a,.price,.filters label){color:#f2faf7!important}
html[data-user-theme="dark"] :where(p,.intro,.fine,.results-count,.detail ul,.detail li,.gallery-note,.account-v6-title p,.account-v6-card p,.account-v6-note p,.account-v6-note small,.account-v6-simple-row span,.account-v6-address p,.account-v6-address small,.account-v6-welcome p,.lf-home-hero p,.lf-benefit-card p,.about-values p,.contact-quick span,footer p,footer a,.specs span,.category-label){color:#bed1ca!important}
html[data-user-theme="dark"] :where(.card,.panel,.account-v6-card,.account-v6-order,.account-v6-library-row,.account-v6-wish-row,.account-v6-simple-row,.account-v6-address,.account-v6-note,.about-values>div,.contact-quick>div,.specs,.payment-choice label,.account-v6-settings>label,.order-tools,.product-gallery,.filters){background:linear-gradient(145deg,#11261f,#0d1d19)!important;border-color:#315149!important;color:#f2faf7!important;box-shadow:0 16px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important}
html[data-user-theme="dark"] .lf-home-hero{background:radial-gradient(circle at 82% 18%,rgba(62,226,170,.20),transparent 30%),linear-gradient(135deg,#12342a,#0b211b 62%,#102b24)!important;border-color:#315149!important}
html[data-user-theme="dark"] .account-v6-welcome{background:radial-gradient(circle at 85% 15%,rgba(49,225,165,.18),transparent 30%),linear-gradient(135deg,#0f3a2d,#0a2a22)!important;border-color:#315149!important}
html[data-user-theme="dark"] .account-v6-welcome :where(h1,p,span){color:#eaf8f3!important}
html[data-user-theme="dark"] .account-v6-welcome>div>span,.account-v6-kicker,.eyebrow{color:#35e1a5!important}
html[data-user-theme="dark"] .account-v6-light-btn{background:#f4fbf8!important;color:#087158!important;border-color:#d7eee5!important}
html[data-user-theme="dark"] .specs{padding:14px 16px!important}
html[data-user-theme="dark"] .specs div{color:#f2faf7!important}
html[data-user-theme="dark"] .specs div strong,html[data-user-theme="dark"] .specs div:not(:has(strong)){color:#f2faf7!important}
html[data-user-theme="dark"] .product-info li{color:#c8dad3!important}
html[data-user-theme="dark"] .product-info li::marker{color:#35e1a5!important}
html[data-user-theme="dark"] .product-info .actions{background:rgba(7,18,15,.96)!important;border-color:#315149!important}
html[data-user-theme="dark"] .payment-choice label:has(input:checked){background:linear-gradient(145deg,#153d31,#102c25)!important;border-color:#35e1a5!important}
html[data-user-theme="dark"] .payment-choice label:has(input:checked) :where(b,small,span){color:#effaf6!important}
html[data-user-theme="dark"] input,html[data-user-theme="dark"] select,html[data-user-theme="dark"] textarea{background:#091713!important;color:#f2faf7!important;border-color:#35584d!important}
html[data-user-theme="dark"] input::placeholder,html[data-user-theme="dark"] textarea::placeholder{color:#7f9f94!important}
html[data-user-theme="dark"] .btn.secondary{background:#10251f!important;color:#eef9f5!important;border-color:#35584d!important}
html[data-user-theme="dark"] footer{background:linear-gradient(180deg,#0b1b17,#081511)!important;border-color:#2c4b41!important}
html[data-user-theme="dark"] .mobile-bottom-nav{background:rgba(8,25,20,.97)!important;border-color:#2c4b41!important}
html[data-user-theme="dark"] .mobile-bottom-nav a{color:#b8ccc5!important}
html[data-user-theme="dark"] .mobile-bottom-nav a.active{color:#35e1a5!important;background:linear-gradient(180deg,rgba(53,225,165,.13),rgba(53,225,165,.06))!important}
html[data-user-theme="dark"] .mobile-bottom-nav i{color:inherit!important}
html[data-user-theme="dark"] .wishlist-heart{background:#10251f!important;color:#d8ebe4!important;border-color:#35584d!important}
html[data-user-theme="dark"] .wishlist-heart.saved{color:#ff8191!important;background:#31181e!important}
html[data-user-theme="dark"] .profile-account-menu{background:linear-gradient(145deg,#132c24,#0d1f19)!important;border-color:#35584d!important}
html[data-user-theme="dark"] .profile-menu-icon{background:linear-gradient(145deg,#17352b,#10251f)!important;border-color:#35584d!important;box-shadow:0 7px 16px rgba(0,0,0,.25)!important}
html[data-user-theme="dark"] .account-profile-edit{background:linear-gradient(145deg,#17352b,#10251f)!important;border-color:#35584d!important;color:#35e1a5!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important}
/* Google sign-in sits inside the same visual system even though Google owns the iframe itself. */
#google-signin-wrap{width:min(100%,380px)}
/* Mobile header precision. */
@media(max-width:760px){
body{padding-bottom:72px!important}
header{height:74px!important;min-height:74px!important;padding:0 12px!important;display:grid!important;grid-template-columns:48px minmax(48px,1fr) auto!important;gap:10px!important;align-items:center!important}
header>.sidebar-toggle{grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important;border-radius:14px!important;margin:0!important;justify-self:start!important;align-self:center!important}
header>.sidebar-toggle svg{width:23px!important;height:23px!important}
header>.logo{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;min-width:48px!important;max-width:64px!important;width:auto!important;margin:0!important}
header>.logo.has-image .brand-image{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;border-radius:50%!important;object-fit:contain!important;filter:drop-shadow(0 5px 10px rgba(5,45,34,.12))}
header>.header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}
.header-theme-toggle,.profile-link{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important}
.profile-link{border-radius:50%!important}
.cart-link{padding:0!important;gap:0!important;background:transparent!important}
.cart-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important}
#cart-count{position:absolute!important;top:-5px!important;right:-7px!important;margin:0!important;width:20px!important;height:20px!important;min-width:20px!important;font-size:10px!important;z-index:3!important}
.cart-label{display:none!important}
.profile-account-menu{left:auto!important;right:10px!important;width:min(86vw,310px)!important;max-height:none!important}
.account-v6-profile-summary{grid-template-columns:70px minmax(0,1fr) 46px!important;gap:12px!important;align-items:center!important}
.account-v6-profile-copy strong{font-size:17px!important}
.account-v6-profile-copy span{font-size:11px!important}
.account-profile-edit{width:44px;height:44px;border-radius:14px}
}
@media(min-width:761px){
header{grid-template-columns:48px minmax(130px,1fr) auto minmax(250px,1fr)!important;column-gap:16px!important}
header>.sidebar-toggle{grid-column:1!important;display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:44px!important;height:44px!important;justify-self:start!important}
header>.logo{grid-column:2!important;justify-self:start!important;min-width:0!important}
header>.logo.has-image .brand-image{width:auto!important;height:52px!important;max-height:52px!important;max-width:150px!important}
header>nav{grid-column:3!important;justify-self:center!important}
header>.header-actions{grid-column:4!important;justify-self:end!important}
}
/* V6.5 account choice / notification contrast completion. */
html[data-user-theme="dark"] .account-v6-choice-list>label{background:linear-gradient(145deg,#10251f,#0c1b17)!important;border-color:#35584d!important;color:#f2faf7!important}
html[data-user-theme="dark"] .account-v6-choice-list>label:has(input:checked){background:linear-gradient(145deg,#164334,#102e26)!important;border-color:#35e1a5!important;box-shadow:inset 0 0 0 1px rgba(53,225,165,.12),0 10px 24px rgba(0,0,0,.18)!important}
html[data-user-theme="dark"] .account-v6-choice-list b{color:#f2faf7!important}
html[data-user-theme="dark"] .account-v6-choice-list small{color:#bed1ca!important}
html[data-user-theme="dark"] .account-v6-note.unread{background:linear-gradient(145deg,#123228,#0f281f)!important;border-color:#438b73!important}
html[data-user-theme="dark"] .account-v6-note strong{color:#f2faf7!important}
html[data-user-theme="dark"] .account-v6-stats button{border-color:#315149!important}
html[data-user-theme="dark"] .account-v6-stats strong{color:#f2faf7!important}
html[data-user-theme="dark"] .account-v6-stats span,html[data-user-theme="dark"] .account-v6-stats em{color:#b9cec6!important}
html[data-user-theme="dark"] .about-mobile-hero,html[data-user-theme="dark"] .contact-hero-card,html[data-user-theme="dark"] .faq-hero,html[data-user-theme="dark"] .blog-hero{background:radial-gradient(circle at 82% 18%,rgba(53,225,165,.13),transparent 30%),linear-gradient(135deg,#102d25,#0d211c)!important;border-color:#315149!important}
html[data-user-theme="dark"] .about-mobile-hero .page-title,html[data-user-theme="dark"] .contact-hero-card .page-title,html[data-user-theme="dark"] .faq-hero h1,html[data-user-theme="dark"] .blog-hero h1{color:#f2faf7!important}
html[data-user-theme="dark"] .about-mobile-hero .intro,html[data-user-theme="dark"] .contact-hero-card .intro,html[data-user-theme="dark"] .faq-hero p,html[data-user-theme="dark"] .blog-hero p{color:#bed1ca!important}
/* ======================================================================
   Lightlyfun V6.6 — focused five-fix hotfix
   Scope ONLY:
   1) tablet + desktop hamburger/sidebar visibility
   2) mobile right-side Filter & Sort drawer layout
   3) cart dark-theme contrast
   4) mobile bottom-nav 3D gradient icons
   5) remaining dark-theme text visibility
   Mobile sidebar (<=650px) intentionally left unchanged.
   ====================================================================== */
/* 1) The legacy stylesheet hides the drawer with display:none!important
      above 650px. Re-enable ONLY tablet/desktop; do not touch mobile drawer. */
@media (min-width:651px){
.sidebar-toggle{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.site-sidebar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;left:0!important;right:auto!important;transform:translate3d(-104%,0,0)!important}
.site-sidebar.open{transform:translate3d(0,0,0)!important}
.sidebar-overlay{display:block!important}
.sidebar-overlay[hidden]{display:none!important}
body.sidebar-open{overflow:hidden!important}
}
@media (min-width:651px) and (max-width:1024px){
.site-sidebar{width:min(410px,82vw)!important;max-width:410px!important}
}
@media (min-width:1025px){
.site-sidebar{width:400px!important;max-width:400px!important}
}
/* 2) Mobile filter: the base .filters is a CSS grid. Force the drawer itself
      back to a normal block flow so labels cannot be pushed/cropped into
      implicit grid columns. The inner .filter-grid remains one column. */
@media (max-width:760px){
.filters#shop-filters{display:block!important;grid-template-columns:none!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;gap:0!important;box-sizing:border-box!important;width:min(90vw,420px)!important;max-width:420px!important;min-width:0!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))!important;border-radius:24px 0 0 24px!important;transform:translate3d(106%,0,0)!important}
.filters#shop-filters.open{transform:translate3d(0,0,0)!important}
.filters#shop-filters .filter-sheet-head{display:flex!important;width:auto!important;min-width:0!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.filters#shop-filters .filter-sheet-head strong{min-width:0!important;overflow:visible!important;white-space:nowrap!important}
.filters#shop-filters .filter-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;gap:16px!important;margin:0!important;padding:0!important}
.filters#shop-filters .filter-grid label{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;color:var(--lf-v64-text)!important}
.filters#shop-filters .filter-grid select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:7px 0 0!important;box-sizing:border-box!important}
.filters#shop-filters .filter-sheet-actions{position:sticky!important;left:0!important;right:0!important;bottom:0!important;z-index:4!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;width:auto!important;gap:10px!important;margin:24px -18px calc(-18px - env(safe-area-inset-bottom))!important;padding:24px 18px calc(18px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--lf-card) 97%,transparent) 18%,var(--lf-card) 38%)!important;backdrop-filter:blur(14px)!important}
.filters#shop-filters .filter-sheet-actions .btn{width:100%!important;min-width:0!important;min-height:50px!important;margin:0!important;padding:11px 10px!important}
}
/* 3) Cart: make every cart surface explicitly theme-aware instead of relying
      on inherited text colors from the old white-card rules. */
html[data-user-theme="dark"] .cart-row{border-color:#315149!important;box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important}
html[data-user-theme="dark"] .cart-row .remove{text-decoration:none!important;font-weight:750!important}
html[data-user-theme="dark"] .cart-row .remove:hover{color:#ffc0c8!important}
html[data-user-theme="dark"] .summary-row,
html[data-user-theme="dark"] .summary-row span,
html[data-user-theme="dark"] .summary-row strong,
html[data-user-theme="dark"] .summary-row.total{color:#f3fbf8!important;border-color:#315149!important}
html[data-user-theme="dark"] .cart-payment-choice legend{color:#f3fbf8!important}
/* 4) Bottom navigation: restore visible SVGs and give each icon a real 3D
      gradient tile. Active state gets a raised emerald highlight. */
@media (max-width:760px){
.mobile-bottom-nav a{min-width:0!important;overflow:visible!important}
.mobile-bottom-nav a i{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;padding:0!important;margin:0 auto 2px!important;color:#176e55!important;background:linear-gradient(145deg,#ffffff 0%,#e8f8f0 48%,#cdebdc 100%)!important;border:1px solid rgba(73,151,124,.22)!important;box-shadow:0 6px 12px rgba(10,80,58,.13),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -2px 5px rgba(24,125,91,.08)!important;transform:translateZ(0)!important}
.mobile-bottom-nav a i svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;color:inherit!important;overflow:visible!important}
.mobile-bottom-nav a.active i{color:#ffffff!important;background:linear-gradient(145deg,#42d7a5 0%,#159d75 52%,#087358 100%)!important;border-color:rgba(5,111,81,.62)!important;box-shadow:0 8px 17px rgba(7,122,88,.28),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 5px rgba(0,64,46,.20)!important;transform:translateY(-1px)!important}
html[data-user-theme="dark"] .mobile-bottom-nav a i{color:#baf5df!important;background:linear-gradient(145deg,#193b31 0%,#102820 52%,#0a1b16 100%)!important;border-color:#315a4c!important;box-shadow:0 7px 16px rgba(0,0,0,.32),inset 0 1px 0 rgba(126,245,205,.10),inset 0 -2px 5px rgba(0,0,0,.25)!important}
html[data-user-theme="dark"] .mobile-bottom-nav a.active i{color:#06150f!important;background:linear-gradient(145deg,#6bf0c0 0%,#32d59f 50%,#16a979 100%)!important;border-color:#63e6b8!important;box-shadow:0 8px 18px rgba(38,213,157,.24),inset 0 1px 0 rgba(255,255,255,.48)!important}
.mobile-bottom-nav a span{line-height:1.15!important}
}
/* 5) Remaining dark-mode visibility: explicitly cover legacy utility text,
      labels and mixed light/dark surfaces that previously inherited low-
      contrast colors. */
html[data-user-theme="dark"] :where(
  .panel legend,.panel label,.panel h2,.panel h3,
  .payment-choice legend,.payment-choice b,.payment-choice strong,
  details summary,.notice strong,.empty h2,.empty h3,
  .textlink,.back,.sample,.results-count,
  .product-info h1,.product-info h2,.product-info h3,
  .product-info strong,.detail strong,
  .account-v6-view label,.account-v6-view h1,.account-v6-view h2,.account-v6-view h3
){color:#effaf6!important}
html[data-user-theme="dark"] :where(
  .panel p,.panel .fine,.notice,.empty p,.detail p,
  .product-info p,.product-info .intro,.product-info .fine,
  details p,.payment-choice small,.gallery-note
){color:#b7cec5!important}
html[data-user-theme="dark"] .sample{background:#10251f!important;border-color:#35584d!important}
html[data-user-theme="dark"] .notice:not(.warning),
html[data-user-theme="dark"] .empty{background:linear-gradient(145deg,#10251f,#0c1c17)!important;border-color:#315149!important}
html[data-user-theme="dark"] .textlink,
html[data-user-theme="dark"] .back{color:#62e3b7!important}
/* Keep page content clear of the fixed bottom nav on mobile. */
@media (max-width:760px){
main{padding-bottom:12px!important}
.wrap,.shop-shell,.account-v6-wrap{scroll-padding-bottom:84px!important}
}
/* ======================================================================
   Lightlyfun V6.7 — UI Studio storefront variables
   These overrides are driven by Admin → UI Studio.
   ====================================================================== */
:root{--lf-ui-icon-start:#ffffff;--lf-ui-icon-end:#cdebdc;--lf-ui-icon-active-start:#42d7a5;--lf-ui-icon-active-end:#087358;--lf-ui-icon-radius:11px;--lf-ui-icon-depth:13px;--lf-ui-light-a:#f8fffc;--lf-ui-light-b:#edf8f3;--lf-ui-dark-bg:#07110f;--lf-ui-dark-card:#12271f;--lf-ui-dark-text:#f3fbf8;--lf-ui-dark-muted:#afc8bf;--lf-ui-card-radius:18px;--lf-ui-card-depth:18px;--lf-ui-filter-width:90vw;--lf-ui-filter-overlay:#08221c;--lf-ui-filter-overlay-alpha:45%;--lf-ui-cart-dark-card:#12271f;--lf-ui-cart-dark-text:#f3fbf8;--lf-ui-cart-dark-muted:#afc8bf;--lf-ui-cart-remove:#ff9aa7}
html:not([data-user-theme="dark"]) body{background:
    radial-gradient(circle at 92% 2%,color-mix(in srgb,var(--lf-ui-icon-active-start) 9%,transparent),transparent 26%),
    linear-gradient(180deg,var(--lf-ui-light-a),var(--lf-ui-light-b))!important}
html[data-user-theme="dark"] body{background:var(--lf-ui-dark-bg)!important}
@media(max-width:760px){
.mobile-bottom-nav a i{border-radius:var(--lf-ui-icon-radius)!important;background:linear-gradient(145deg,var(--lf-ui-icon-start) 0%,var(--lf-ui-icon-end) 100%)!important;box-shadow:0 var(--lf-ui-icon-depth) calc(var(--lf-ui-icon-depth) + 7px) rgba(10,80,58,.14),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -2px 5px rgba(24,125,91,.08)!important}
.mobile-bottom-nav a.active i{background:linear-gradient(145deg,var(--lf-ui-icon-active-start) 0%,var(--lf-ui-icon-active-end) 100%)!important;box-shadow:0 calc(var(--lf-ui-icon-depth) + 1px) calc(var(--lf-ui-icon-depth) + 8px) color-mix(in srgb,var(--lf-ui-icon-active-end) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.4)!important}
.filters#shop-filters{width:min(var(--lf-ui-filter-width),420px)!important}
.filter-backdrop{background:color-mix(in srgb,var(--lf-ui-filter-overlay) var(--lf-ui-filter-overlay-alpha),transparent)!important}
html.lf-bottom-nav-off .mobile-bottom-nav{display:none!important}
html.lf-bottom-nav-off body{padding-bottom:0!important}
}
.card,.account-v6-card,.account-v6-profile-summary,.account-v6-stats button{border-radius:var(--lf-ui-card-radius)!important}
html:not([data-user-theme="dark"]) .card,
html:not([data-user-theme="dark"]) .account-v6-card,
html:not([data-user-theme="dark"]) .account-v6-profile-summary{box-shadow:0 var(--lf-ui-card-depth) calc(var(--lf-ui-card-depth) + 16px) rgba(20,91,69,.10)!important}
html[data-user-theme="dark"] .panel,
html[data-user-theme="dark"] .card,
html[data-user-theme="dark"] .account-v6-card,
html[data-user-theme="dark"] .account-v6-profile-summary,
html[data-user-theme="dark"] .account-v6-stats button{background:var(--lf-ui-dark-card)!important;color:var(--lf-ui-dark-text)!important}
html[data-user-theme="dark"] .fine,
html[data-user-theme="dark"] .note,
html[data-user-theme="dark"] .muted,
html[data-user-theme="dark"] .account-v6-card p,
html[data-user-theme="dark"] .account-v6-card small{color:var(--lf-ui-dark-muted)!important}
html[data-user-theme="dark"] .cart-row{background:var(--lf-ui-cart-dark-card)!important;color:var(--lf-ui-cart-dark-text)!important}
html[data-user-theme="dark"] .cart-row h3,
html[data-user-theme="dark"] .cart-row h3 a,
html[data-user-theme="dark"] .cart-row .price{color:var(--lf-ui-cart-dark-text)!important}
html[data-user-theme="dark"] .cart-row .fine{color:var(--lf-ui-cart-dark-muted)!important}
html[data-user-theme="dark"] .cart-row .remove{color:var(--lf-ui-cart-remove)!important}
/* V6.13 — FAQ contrast + Google sign-in theme match (spacing unchanged) */
/* FAQ: preserve the approved sizes/spacing; only correct contrast and theme colors. */
.faq-cats span{color:#173b32!important;background:#f4faf7!important;border-color:#d9e9e2!important}
.faq-cats span:first-child{color:#fff!important;background:linear-gradient(135deg,var(--lf-green),#04c992)!important;border-color:color-mix(in srgb,var(--lf-green) 78%,#fff)!important}
.faq-shell details{color:#173b32!important;background:linear-gradient(145deg,#ffffff,#f7fbf9)!important;border-color:#d8e8e1!important}
.faq-shell details summary{color:#173b32!important;font-weight:750!important}
.faq-shell details summary::marker,
.faq-shell details summary::-webkit-details-marker{color:var(--lf-green)!important}
.faq-shell details p{color:#5b736c!important}
.faq-shell details[open] summary{color:#08785a!important}
/* Dark theme: never leave white FAQ cards/pills carrying light text. */
html[data-user-theme="dark"] .faq-cats span{color:#d9ebe5!important;background:linear-gradient(145deg,#132c24,#0e211b)!important;border-color:#315149!important}
html[data-user-theme="dark"] .faq-cats span:first-child{color:#061a13!important;background:linear-gradient(135deg,#35e1a5,#12c989)!important;border-color:#52e9b7!important}
html[data-user-theme="dark"] .faq-shell details{color:#f2faf7!important;background:linear-gradient(145deg,#11261f,#0d1d19)!important;border-color:#315149!important;box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important}
html[data-user-theme="dark"] .faq-shell details summary{color:#f2faf7!important}
html[data-user-theme="dark"] .faq-shell details summary::marker,
html[data-user-theme="dark"] .faq-shell details summary::-webkit-details-marker{color:#35e1a5!important}
html[data-user-theme="dark"] .faq-shell details p{color:#bed1ca!important}
html[data-user-theme="dark"] .faq-shell details[open] summary{color:#59e9b8!important}
/* Keep the Google-owned button bright/neutral instead of a black block in dark mode. */
#google-signin-wrap{border-color:#bfe1d2!important}
/* V6.14 — Google sign-in dark green / teal visual match */
/* Google owns the actual sign-in control, so use its official dark theme and
   frame it with Lightlyfun's dark green/teal surface instead of a white block. */
#google-signin-wrap{width:min(100%,380px)!important;margin:12px auto 8px!important;padding:7px!important;border-radius:19px!important;background:linear-gradient(145deg,#0d3a30,#08251f)!important;border:1px solid #2c6f5d!important;box-shadow:0 12px 30px rgba(3,34,27,.22),inset 0 1px 0 rgba(122,255,210,.08)!important;overflow:hidden!important}
#google-signin-wrap>div{margin:auto!important;max-width:100%!important;border-radius:14px!important;overflow:hidden!important}
html[data-user-theme="dark"] #google-signin-wrap{background:linear-gradient(145deg,#0b342b,#071f1a)!important;border-color:#347663!important;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(122,255,210,.08)!important}
/* ==========================================================================
   Lightlyfun V6.26 — Account auth background follows customer theme
   Fixes the hard-coded pale/white strip behind the sign-in/register cards.
   ========================================================================== */
.account-wrap{background:
    radial-gradient(780px 360px at 12% 0%,rgba(40,215,155,.08),transparent 68%),
    linear-gradient(180deg,var(--lf-v64-surface-2) 0%,var(--lf-v64-bg) 48%,var(--lf-v64-bg) 100%)!important}
html[data-user-theme="dark"] .account-wrap{background:
    radial-gradient(780px 360px at 12% 0%,rgba(40,215,155,.11),transparent 68%),
    radial-gradient(620px 320px at 92% 18%,rgba(60,133,111,.08),transparent 65%),
    linear-gradient(180deg,#0d1b17 0%,var(--lf-v64-bg) 50%,var(--lf-v64-bg) 100%)!important}
html:not([data-user-theme="dark"]) .account-wrap{background:
    radial-gradient(780px 360px at 12% 0%,rgba(18,160,112,.07),transparent 68%),
    linear-gradient(180deg,var(--lf-v64-surface-2) 0%,var(--lf-v64-bg) 48%,var(--lf-v64-bg) 100%)!important}
/* ==========================================================================
   Lightlyfun V6.27 — Account dashboard balanced wide desktop layout
   Expands the signed-in account dashboard equally from the left and right.
   Mobile/tablet responsive behavior remains unchanged.
   ========================================================================== */
@media (min-width: 901px){
.account-v6-wrap{padding-left:clamp(20px,2vw,34px)!important;padding-right:clamp(20px,2vw,34px)!important}
.account-v6-main{margin-left:0!important;margin-right:0!important}
}
/* ==========================================================================
   Lightlyfun V6.28 — Global customer-site wide layout
   Uses the same balanced desktop width system as the approved /account page.
   Header/footer remain full-width surfaces while their visible content aligns
   to the same left/right desktop grid. Admin panel is intentionally excluded.
   ========================================================================== */
@media (min-width: 901px){
:root{--lf-v628-site-pad:clamp(20px,2vw,34px)}
/* Home, shop, product, cart, checkout, policies/custom pages, FAQ/blog,
     account (signed-in + auth), payment status and thank-you all share one grid. */
:where(
    .lf-home,
    .shop-shell,
    .wrap,
    .faq-shell,
    .blog-shell,
    .account-v6-wrap,
    .account-wrap,
    .thankyou-wrap
  ){width:var(--lf-v628-site-width)!important;max-width:var(--lf-v628-site-max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lf-v628-site-pad)!important;padding-right:var(--lf-v628-site-pad)!important;box-sizing:border-box!important}
/* Remove older inner caps that would make account/auth/status content narrow
     after the outer container has been widened. */
.account-v6-main,
  .account-wrap .account-shell{width:100%!important;max-width:none!important}
.thankyou-card{width:100%!important;max-width:none!important}
/* Keep the sticky header background/border full viewport width, while its
     logo/nav/actions align with the same content edge as the pages above. */
header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:calc(var(--lf-v628-outer-gap) + var(--lf-v628-site-pad))!important;padding-right:calc(var(--lf-v628-outer-gap) + var(--lf-v628-site-pad))!important;box-sizing:border-box!important}
/* Footer surface stays full width; footer columns follow the same desktop
     left/right alignment as account and the rest of the storefront. */
footer{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:calc(var(--lf-v628-outer-gap) + var(--lf-v628-site-pad))!important;padding-right:calc(var(--lf-v628-outer-gap) + var(--lf-v628-site-pad))!important;box-sizing:border-box!important}
}
/* ==========================================================================
   Lightlyfun V6.29 — Balanced 86% Global Customer Layout
   Narrows the V6.28 94% desktop grid to a balanced 86% across every
   customer-facing page, while keeping header/footer surfaces full width.
   The shared grid has no fixed pixel max-width so it remains 86% on wide
   desktop screens instead of falling below the requested 82–88% range.
   Tablet/mobile behavior below 901px remains unchanged.
   ========================================================================== */
@media (min-width: 901px){
:root{--lf-v628-site-width:86%;--lf-v628-site-max:none;--lf-v628-outer-gap:7vw}
}
/* ==========================================================================\n   Lightlyfun V6.30 — Account 86% specificity fix\n   V6.27 used a direct .account-v6-wrap !important rule at 94%. Because that\n   selector is more specific than V6.28/V6.29's :where(...) rule, the signed-in\n   account dashboard could remain at 94%. This final direct override ensures\n   /account uses the same 86% desktop grid as the rest of the storefront.\n   ========================================================================== */
@media (min-width: 901px){
.account-v6-wrap{width:86%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.account-v6-main{width:100%!important;max-width:none!important}
}

/* >>> STORE-THEMES >>> */
/* ===== STORE THEMES (V6.35) =====
   Chosen in Store Manager → Store theme. Classic = no data-lf-theme attribute = the original look above.
   Every theme has a light and a dark version (customers switch with the sun/moon button).
   Selectors start with html[data-lf-theme]:not(#lf) so they win over the older page rules above. */

/* ---- Theme tokens ---- */
html[data-lf-theme="aurora"]:not(#lf){--lt-bg:#e7f5ee;--lt-a:#6fe0b4b8;--lt-b:#8fd3ffa8;--lt-c:#d7f7c0b0;--lt-glass:rgba(255,255,255,.55);--lt-strong:rgba(255,255,255,.76);--lt-border:rgba(255,255,255,.88);--lt-line:rgba(13,42,35,.12);--lt-text:#0d2a23;--lt-muted:#3f5d54;--lt-accent:#00765b;--lt-on:#ffffff;--lt-soft:rgba(0,118,91,.10);--lt-input:rgba(255,255,255,.72);--lt-shadow:0 18px 50px rgba(18,84,62,.14);--lt-glow:rgba(0,118,91,.30);--lt-head:'Plus Jakarta Sans',system-ui,sans-serif;--lt-body:'Plus Jakarta Sans',system-ui,sans-serif;--lt-hw:800;--lt-track:-.035em;--lt-r:22px;--lt-btnr:999px;--lt-blur:22px}
html[data-lf-theme="aurora"][data-user-theme="dark"]:not(#lf){--lt-bg:#05130e;--lt-a:#0f8a638c;--lt-b:#0e5f868c;--lt-c:#2f6b1f80;--lt-glass:rgba(14,40,32,.58);--lt-strong:rgba(18,48,39,.84);--lt-border:rgba(255,255,255,.12);--lt-line:rgba(255,255,255,.10);--lt-text:#eafaf3;--lt-muted:#a3c5ba;--lt-accent:#3ddc9a;--lt-on:#032318;--lt-soft:rgba(61,220,154,.14);--lt-input:rgba(255,255,255,.06);--lt-shadow:0 20px 60px rgba(0,0,0,.45);--lt-glow:rgba(61,220,154,.30)}

html[data-lf-theme="midnight"]:not(#lf){--lt-bg:#eceefe;--lt-a:#9ae6f5c0;--lt-b:#c4b5fdc0;--lt-c:#fbcfe8b0;--lt-glass:rgba(255,255,255,.56);--lt-strong:rgba(255,255,255,.8);--lt-border:rgba(255,255,255,.9);--lt-line:rgba(19,21,58,.12);--lt-text:#13153a;--lt-muted:#4a4f7c;--lt-accent:#4f3df0;--lt-on:#ffffff;--lt-soft:rgba(79,61,240,.10);--lt-input:rgba(255,255,255,.76);--lt-shadow:0 18px 50px rgba(48,40,140,.14);--lt-glow:rgba(79,61,240,.32);--lt-head:'Sora',system-ui,sans-serif;--lt-body:'Sora',system-ui,sans-serif;--lt-hw:700;--lt-track:-.04em;--lt-r:18px;--lt-btnr:12px;--lt-blur:26px}
html[data-lf-theme="midnight"][data-user-theme="dark"]:not(#lf){--lt-bg:#070919;--lt-a:#0ea5c68c;--lt-b:#7c3aed8c;--lt-c:#1e3a8a8c;--lt-glass:rgba(255,255,255,.06);--lt-strong:rgba(22,26,58,.86);--lt-border:rgba(255,255,255,.14);--lt-line:rgba(255,255,255,.10);--lt-text:#eef2ff;--lt-muted:#a8b2d8;--lt-accent:#22d3ee;--lt-on:#03141b;--lt-soft:rgba(34,211,238,.12);--lt-input:rgba(255,255,255,.05);--lt-shadow:0 24px 70px rgba(0,0,0,.55);--lt-glow:rgba(34,211,238,.35)}

html[data-lf-theme="peach"]:not(#lf){--lt-bg:#fcefe5;--lt-a:#ffad80b3;--lt-b:#f7a1c8b3;--lt-c:#ffd98ab3;--lt-glass:rgba(255,250,246,.56);--lt-strong:rgba(255,251,248,.82);--lt-border:rgba(255,255,255,.9);--lt-line:rgba(58,29,18,.12);--lt-text:#3a1d12;--lt-muted:#76503f;--lt-accent:#b8400f;--lt-on:#ffffff;--lt-soft:rgba(184,64,15,.09);--lt-input:rgba(255,255,255,.72);--lt-shadow:0 18px 50px rgba(120,60,30,.14);--lt-glow:rgba(184,64,15,.28);--lt-head:'Fraunces',Georgia,serif;--lt-body:'Manrope',system-ui,sans-serif;--lt-hw:600;--lt-track:-.02em;--lt-r:26px;--lt-btnr:999px;--lt-blur:20px}
html[data-lf-theme="peach"][data-user-theme="dark"]:not(#lf){--lt-bg:#170e0a;--lt-a:#9a34128c;--lt-b:#8318438c;--lt-c:#7c4a0b8c;--lt-glass:rgba(60,36,26,.52);--lt-strong:rgba(56,34,25,.86);--lt-border:rgba(255,220,200,.14);--lt-line:rgba(255,220,200,.10);--lt-text:#fff3ec;--lt-muted:#d8b6a6;--lt-accent:#ffab7a;--lt-on:#2a1006;--lt-soft:rgba(255,171,122,.13);--lt-input:rgba(255,255,255,.06);--lt-shadow:0 22px 60px rgba(0,0,0,.5);--lt-glow:rgba(255,171,122,.28)}

html[data-lf-theme="prism"]:not(#lf){--lt-bg:#e9efff;--lt-a:#60a5fa99;--lt-b:#f472b699;--lt-c:#a78bfa99;--lt-glass:rgba(255,255,255,.46);--lt-strong:rgba(255,255,255,.78);--lt-border:rgba(255,255,255,.86);--lt-line:rgba(13,26,61,.12);--lt-text:#0d1a3d;--lt-muted:#45537a;--lt-accent:#2453e0;--lt-on:#ffffff;--lt-soft:rgba(36,83,224,.10);--lt-input:rgba(255,255,255,.72);--lt-shadow:0 18px 50px rgba(40,60,160,.16);--lt-glow:rgba(36,83,224,.32);--lt-head:'Outfit',system-ui,sans-serif;--lt-body:'Outfit',system-ui,sans-serif;--lt-hw:800;--lt-track:-.03em;--lt-r:30px;--lt-btnr:999px;--lt-blur:30px}
html[data-lf-theme="prism"][data-user-theme="dark"]:not(#lf){--lt-bg:#050918;--lt-a:#1d4ed880;--lt-b:#be185d80;--lt-c:#6d28d980;--lt-glass:rgba(255,255,255,.07);--lt-strong:rgba(20,26,60,.86);--lt-border:rgba(255,255,255,.15);--lt-line:rgba(255,255,255,.10);--lt-text:#eef4ff;--lt-muted:#a9b7da;--lt-accent:#7cb4ff;--lt-on:#061433;--lt-soft:rgba(124,180,255,.13);--lt-input:rgba(255,255,255,.05);--lt-shadow:0 24px 70px rgba(0,0,0,.55);--lt-glow:rgba(124,180,255,.32)}

html[data-lf-theme="emerald"]:not(#lf){--lt-bg:#f1f5ee;--lt-a:#7fe0b9b3;--lt-b:#f2cf7cb3;--lt-c:#cfe9d9b3;--lt-glass:rgba(255,255,255,.56);--lt-strong:rgba(255,255,255,.82);--lt-border:rgba(255,255,255,.9);--lt-line:rgba(14,42,31,.12);--lt-text:#0e2a1f;--lt-muted:#47604f;--lt-accent:#0b5d43;--lt-on:#ffffff;--lt-soft:rgba(11,93,67,.09);--lt-input:rgba(255,255,255,.76);--lt-shadow:0 18px 50px rgba(20,70,50,.14);--lt-glow:rgba(11,93,67,.30);--lt-head:'DM Serif Display',Georgia,serif;--lt-body:'DM Sans',system-ui,sans-serif;--lt-hw:400;--lt-track:-.01em;--lt-r:16px;--lt-btnr:10px;--lt-blur:18px}
html[data-lf-theme="emerald"][data-user-theme="dark"]:not(#lf){--lt-bg:#03110c;--lt-a:#04785780;--lt-b:#a87b1680;--lt-c:#064e3b80;--lt-glass:rgba(8,38,28,.54);--lt-strong:rgba(10,44,33,.86);--lt-border:rgba(224,180,80,.22);--lt-line:rgba(224,180,80,.14);--lt-text:#f5f1e4;--lt-muted:#bfc9b9;--lt-accent:#e0b450;--lt-on:#1d1503;--lt-soft:rgba(224,180,80,.13);--lt-input:rgba(255,255,255,.05);--lt-shadow:0 22px 60px rgba(0,0,0,.5);--lt-glow:rgba(224,180,80,.28)}

/* ---- Map the page's own colour variables onto the theme ---- */
html[data-lf-theme]:not(#lf),html[data-lf-theme][data-user-theme]:not(#lf){
 --ink:var(--lt-text)!important;--text:var(--lt-text)!important;--lf-ink:var(--lt-text)!important;--lf-v64-text:var(--lt-text)!important;
 --muted:var(--lt-muted)!important;--lf-muted:var(--lt-muted)!important;--lf-v64-muted:var(--lt-muted)!important;
 --green:var(--lt-accent)!important;--lf-green:var(--lt-accent)!important;--gradient-start:var(--lt-accent)!important;--gradient-end:var(--lt-accent)!important;
 --line:var(--lt-line)!important;--border:var(--lt-line)!important;--lf-line:var(--lt-line)!important;--lf-v64-line:var(--lt-line)!important;
 --pale:var(--lt-soft)!important;--soft:var(--lt-soft)!important;--lf-mint:var(--lt-soft)!important;--lf-mint-2:var(--lt-soft)!important;--lf-v64-surface-2:var(--lt-soft)!important;
 --bg:transparent!important;--page-gradient-start:transparent!important;--page-gradient-end:transparent!important;--lf-v64-bg:transparent!important;
 --white:var(--lt-glass)!important;--lf-card:var(--lt-glass)!important;--lf-v64-surface:var(--lt-glass)!important;--account-card:var(--lt-glass)!important;
 --lf-shadow:var(--lt-shadow)!important;--lf-v64-depth:var(--lt-shadow)!important;--lf-v64-depth-sm:var(--lt-shadow)!important;--lf-font:var(--lt-body)!important;
 --lf-ui-icon-start:var(--lt-soft)!important;--lf-ui-icon-end:var(--lt-soft)!important;--lf-ui-icon-active-start:var(--lt-accent)!important;--lf-ui-icon-active-end:var(--lt-accent)!important;
 --lf-ui-dark-bg:var(--lt-bg)!important;--lf-ui-dark-card:var(--lt-glass)!important;--lf-ui-dark-text:var(--lt-text)!important;--lf-ui-dark-muted:var(--lt-muted)!important;
 --lf-ui-cart-dark-card:var(--lt-glass)!important;--lf-ui-cart-dark-text:var(--lt-text)!important;--lf-ui-cart-dark-muted:var(--lt-muted)!important;--lf-ui-card-radius:var(--lt-r)!important;
 color-scheme:light;background:var(--lt-bg)!important}
html[data-lf-theme][data-user-theme="dark"]:not(#lf){color-scheme:dark}

/* ---- Page background, type and links ---- */
html[data-lf-theme]:not(#lf) body{background:radial-gradient(640px 640px at 6% 2%,var(--lt-a),transparent 70%),radial-gradient(560px 560px at 98% 32%,var(--lt-b),transparent 70%),radial-gradient(700px 700px at 30% 100%,var(--lt-c),transparent 70%),var(--lt-bg)!important;background-attachment:fixed!important;color:var(--lt-text)!important;font-family:var(--lt-body)!important}
html[data-lf-theme]:not(#lf) body :is(h1,h2,h3,.page-title,.logo){font-family:var(--lt-head)!important;font-weight:var(--lt-hw)!important;letter-spacing:var(--lt-track)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(h1,h2,h3) em,html[data-lf-theme]:not(#lf) body .logo-dot{color:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body :is(p,li,label,small,.intro,.fine,.category-label,.note,.muted){color:var(--lt-muted)!important}
html[data-lf-theme]:not(#lf) body :is(.eyebrow,.textlink,.back,a.textlink,.price,.price-row strong){color:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body :is(b,strong,dt,th,.summary-row,.summary-row>*){color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(.btn,.btn *,#cart-count,.badge) :is(b,strong){color:inherit!important}

/* ---- Glass surfaces ---- */
html[data-lf-theme]:not(#lf) body :is(header,footer,.strip,aside.site-sidebar,.lf-home-hero,.lf-category-card,.lf-benefit-card,article.card,.bundle-card,.panel,section.filters,.cart-row,.account-card,.product-gallery,.product-info>.actions,.specs,.review-summary,.review-empty,.review-card,.thank-you-card,.notice,.faq-item,details,.custom-page,.blog-card,.contact-card,.payment-method-card,.payment-order-summary,.checkout-grid>*,.two-col>aside,form.panel,.empty,.toast,.modal,.dialog,.review-modal){background:var(--lt-glass)!important;-webkit-backdrop-filter:blur(var(--lt-blur)) saturate(170%)!important;backdrop-filter:blur(var(--lt-blur)) saturate(170%)!important;border:1px solid var(--lt-border)!important;box-shadow:var(--lt-shadow)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(.lf-home-hero,.lf-category-card,.lf-benefit-card,article.card,.bundle-card,.panel,section.filters,.cart-row,.account-card,.product-gallery,.review-card,.thank-you-card,.faq-item,details,.payment-method-card,.checkout-grid>*,.two-col>aside,form.panel){border-radius:var(--lt-r)!important}
html[data-lf-theme]:not(#lf) body header{border-width:0 0 1px!important;border-radius:0!important}
html[data-lf-theme]:not(#lf) body footer{border-width:1px 0 0!important;border-radius:0!important}
html[data-lf-theme]:not(#lf) body .strip{border-width:0 0 1px!important;box-shadow:none!important;color:var(--lt-muted)!important}
html[data-lf-theme]:not(#lf) body aside.site-sidebar{background:var(--lt-strong)!important;border-width:0 1px 0 0!important;border-radius:0!important}
html[data-lf-theme]:not(#lf) body :is(.sidebar-close,.sidebar-search,.sidebar-row,.sidebar-count,.product-thumb,.gallery-arrow,.wishlist-heart,.bundle-price span,.bundle-badge,.account-tabs button,.filter-sheet-head button){background:var(--lt-soft)!important;border-color:var(--lt-line)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body .sidebar-divider{background:var(--lt-line)!important}
html[data-lf-theme]:not(#lf) body :is(.lf-category-card i,.lf-benefit-card i,.sidebar-icon,.cart-icon,.filter-btn-icon){background:var(--lt-soft)!important;color:var(--lt-accent)!important;border-color:var(--lt-line)!important;box-shadow:none!important}
html[data-lf-theme]:not(#lf) body .bundle-covers img{background:var(--lt-soft)!important}

/* ---- Buttons ---- */
html[data-lf-theme]:not(#lf) body :is(.btn,button.btn,a.btn){background:var(--lt-accent)!important;background-image:none!important;color:var(--lt-on)!important;border:0!important;border-radius:var(--lt-btnr)!important;box-shadow:0 12px 28px var(--lt-glow)!important;font-family:var(--lt-body)!important}
html[data-lf-theme]:not(#lf) body :is(.btn.secondary,a.btn.secondary,button.btn.secondary,.mobile-filter-btn,.sidebar-toggle,.header-theme-toggle,.profile-link,.cart-link){background:var(--lt-glass)!important;background-image:none!important;-webkit-backdrop-filter:blur(var(--lt-blur))!important;backdrop-filter:blur(var(--lt-blur))!important;color:var(--lt-text)!important;border:1px solid var(--lt-border)!important;box-shadow:none!important}
html[data-lf-theme]:not(#lf) body :is(.btn.secondary,a.btn.secondary,button.btn.secondary){border-radius:var(--lt-btnr)!important}
html[data-lf-theme]:not(#lf) body :is(#cart-count,.cart-link>span:not(.cart-icon):not(.cart-label)){background:var(--lt-accent)!important;color:var(--lt-on)!important}
html[data-lf-theme]:not(#lf) body header nav a{color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body header nav a.active{color:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body header nav a.active::after{background:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body .shop-category-chips button{background:var(--lt-glass)!important;border:1px solid var(--lt-border)!important;color:var(--lt-text)!important;border-radius:999px!important}
html[data-lf-theme]:not(#lf) body .shop-category-chips button:is(.active,[aria-pressed="true"]){background:var(--lt-accent)!important;border-color:var(--lt-accent)!important;color:var(--lt-on)!important}

/* ---- Forms ---- */
html[data-lf-theme]:not(#lf) body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--lt-input)!important;border:1px solid var(--lt-line)!important;color:var(--lt-text)!important;font-family:var(--lt-body)!important}
html[data-lf-theme]:not(#lf) body :is(input,textarea)::placeholder{color:var(--lt-muted)!important;opacity:.8}
html[data-lf-theme]:not(#lf) body :is(input,select,textarea):focus{outline:2px solid var(--lt-accent)!important;outline-offset:1px}
html[data-lf-theme]:not(#lf) body :is(input[type=checkbox],input[type=radio]){accent-color:var(--lt-accent)}

/* ---- Mobile bottom bar, drawer search, gallery and reviews ---- */
html[data-lf-theme]:not(#lf) body nav.mobile-bottom-nav{background:var(--lt-strong)!important;-webkit-backdrop-filter:blur(var(--lt-blur)) saturate(170%)!important;backdrop-filter:blur(var(--lt-blur)) saturate(170%)!important;border-color:var(--lt-border)!important;box-shadow:var(--lt-shadow)!important}
html[data-lf-theme]:not(#lf) body nav.mobile-bottom-nav a{color:var(--lt-muted)!important}
html[data-lf-theme]:not(#lf) body nav.mobile-bottom-nav a i{background:transparent!important;background-image:none!important;color:var(--lt-muted)!important;border-color:var(--lt-line)!important;box-shadow:none!important}
html[data-lf-theme]:not(#lf) body nav.mobile-bottom-nav a:is(.active,[aria-current="page"]){color:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body nav.mobile-bottom-nav a:is(.active,[aria-current="page"]) i{background:var(--lt-accent)!important;color:var(--lt-on)!important;border-color:var(--lt-accent)!important;box-shadow:0 8px 20px var(--lt-glow)!important}
html[data-lf-theme]:not(#lf) body :is(.sidebar-search-icon,.sidebar-search button){color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body .gallery-counter{background:var(--lt-strong)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(.verified-only-note a,.review-section-head a){color:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body .review-bars i{background:var(--lt-soft)!important}
html[data-lf-theme]:not(#lf) body .review-bars i>*{background:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body img.uploaded-cover{box-shadow:0 18px 40px rgba(0,0,0,.24)!important}

/* ---- Page heroes and info cards (About, Contact, FAQ, Blog, Bundle, Thank-you) ---- */
html[data-lf-theme]:not(#lf) body :is(.about-mobile-hero,.contact-hero-card,.faq-hero,.blog-hero,.thankyou-card,.about-values>div,.contact-quick>div,.bundle-item-card,.bundle-value-numbers>div,.bundle-hero-visual,.bundle-value-card){background:var(--lt-glass)!important;-webkit-backdrop-filter:blur(var(--lt-blur)) saturate(170%)!important;backdrop-filter:blur(var(--lt-blur)) saturate(170%)!important;border:1px solid var(--lt-border)!important;box-shadow:var(--lt-shadow)!important;border-radius:var(--lt-r)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(.coupon-box,.thankyou-note,.account-avatar,.bundle-item-meta>span,.bundle-trust-row>span){background:var(--lt-soft)!important;border-color:var(--lt-line)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(.summary-row,.summary-row>*,.sidebar-divider,.sidebar-foot,.sidebar-search button){border-color:var(--lt-line)!important}
html[data-lf-theme]:not(#lf) body :is(.about-mobile-art,.blog-card-art){background:linear-gradient(135deg,var(--lt-a),var(--lt-b))!important}
html[data-lf-theme]:not(#lf) body .faq-cats>span{background:var(--lt-soft)!important;background-image:none!important;border-color:var(--lt-line)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(summary,details summary){color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body .thankyou-check{background:var(--lt-accent)!important;color:var(--lt-on)!important;box-shadow:0 16px 40px var(--lt-glow)!important}
html[data-lf-theme]:not(#lf) body .cart-icon svg{color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body #google-signin-wrap{background:var(--lt-soft)!important;background-image:none!important;border-color:var(--lt-line)!important;box-shadow:none!important}
html[data-lf-theme]:not(#lf) body .lf-home-hero::after{background:radial-gradient(circle,var(--lt-b),transparent 67%)!important}
html[data-lf-theme]:not(#lf) body .product-info li::before{color:var(--lt-accent)!important;background-color:var(--lt-soft)!important;border-color:var(--lt-accent)!important}
html[data-lf-theme]:not(#lf) body :is(main,.site-sidebar,.sidebar-head,.sidebar-brand,.sidebar-brand-copy,.sidebar-brand-copy strong,.specs>div){color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body :is(.product-thumb img,.blog-cats>span){background:var(--lt-soft)!important}
html[data-lf-theme]:not(#lf) body .blog-cats>span{border-color:var(--lt-line)!important;color:var(--lt-text)!important}
html[data-lf-theme]:not(#lf) body .product-main-stage{background:var(--lt-soft)!important;background-image:none!important}
html[data-lf-theme]:not(#lf) body .thankyou-wrap{background:transparent!important;background-image:none!important}
/* <<< STORE-THEMES <<< */