/* EMERALD EXPERIENCE 2.0 — final design layer, no business logic.
   Colors reference the user-provided mascot guide; this file loads after V3 layers. */
:root,html.dark{
 --background:#071411;--foreground:#F0FBF7;--primary:#00C896;--primary-foreground:#041B16;
 --muted-foreground:#A2BBB2;--accent:#0E2B24;--accent-foreground:#C6FFEA;
 --border:#23473E;--ring:#3FF2B1;--market-background:#071411;--market-surface:#0C201B;
 --market-raised:#12342B;--market-border:#244A41;--market-text:#F0FBF7;
 --market-muted:#A2BBB2;--market-brand:#3FF2B1;--market-button:#00C896;
 --market-on-button:#031F17;--market-success:#3FF2B1;color-scheme:dark;
}
html,body{background:#071411!important;color:#F0FBF7}
.market-store,.market-store .market-main,.market-store .market-catalog-container{background-color:#071411;color:#F0FBF7}
.market-store .announcement-bar{background:#071A15;border-bottom:1px solid #1C453A;color:#BDD8CD}
.market-store .store-header,.store-header{background:#071411f2!important;border-bottom:1px solid #245547!important;box-shadow:0 8px 34px #00150F35}
.market-store .header-search{background:#0C251F!important;border:1px solid #22483D!important}
.market-store .header-search:focus-within{border-color:#00C896!important;box-shadow:0 0 0 3px #00C89620!important}
.market-store .header-actions>a:hover,.market-store .header-actions>button:hover{background:#12392F}
.brand-logo-wordmark.emerald-wordmark{width:min(254px,100%)!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 0 10px #00b98417)}
.logo.logo--image{overflow:visible}
.market-store .store-footer{background:#081914!important;border-top:1px solid #1F4A3D!important;color:#A2BBB2}
.market-store .store-footer a:hover,.market-store .footer-columns a:hover{color:#3FF2B1}
.market-store .support-launcher{background:#0A5C46!important;border:1px solid #23B78C!important;box-shadow:0 5px 20px #021A1490!important}
.market-store :is(input,textarea,select){accent-color:#00C896}
.market-store :is(input,textarea,select):focus,.sz-admin :is(input,textarea,select):focus,.auth-card input:focus{border-color:#00C896!important;box-shadow:0 0 0 3px #00C89621!important;outline-color:#00C896!important}
.market-store :is(.market-primary-link,.card-buy-button,.detail-buy,.sz-btn,button[data-variant="default"]),
.sz-admin .sz-btn,.sz-support .sz-btn,.auth-card button[type="submit"],.checkout-panel button[type="submit"]{
 background:linear-gradient(155deg,#1BDDA9,#00A77D)!important;color:#032319!important;
 border:1px solid #36DFAD!important;box-shadow:inset 0 1px 0 #FFFFFF42,0 5px 14px #001B1445!important;
 font-weight:720;transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.market-store :is(.market-primary-link,.card-buy-button,.detail-buy,.sz-btn,button[data-variant="default"]):hover:not(:disabled),
.sz-admin .sz-btn:hover:not(:disabled),.auth-card button[type="submit"]:hover:not(:disabled){
 transform:translateY(-1px);box-shadow:inset 0 1px 0 #FFFFFF55,0 8px 25px #00B68526!important;
}
.market-store button:disabled,.market-store [aria-disabled="true"]{cursor:not-allowed!important;filter:saturate(.45)!important}
.market-store .market-hero{position:relative;isolation:isolate;min-height:445px;background:radial-gradient(ellipse at 74% 45%,#09593D55 0,transparent 45%),linear-gradient(120deg,#06120F,#071D17 66%,#040F0D);border-bottom:1px solid #1C4638;overflow:hidden}
.market-store .market-hero::after{content:"";position:absolute;pointer-events:none;inset:auto 0 0;height:70px;background:linear-gradient(to bottom,transparent,#071411);z-index:1}
.market-store .market-hero-background{opacity:.13!important;filter:saturate(.65);mix-blend-mode:screen}
.market-store .market-hero-background img{opacity:.12!important}
.market-store .market-wall{opacity:.13;filter:saturate(.7) blur(.3px);pointer-events:none}
.market-store .market-hero-inner{min-height:445px;position:relative;z-index:2}
.market-store .market-hero-copy{position:relative;z-index:4;max-width:min(590px,55%);padding:52px 0 65px}
.market-store .market-hero-copy h1{color:#F0FBF7;line-height:1.065;font-weight:780;text-shadow:0 3px 20px #000A}
.market-store .market-hero-copy .brand-accent{color:#3FF2B1!important}
.market-store .market-hero-copy>p{color:#C6E2D6;font-size:clamp(14px,1.3vw,18px);line-height:1.62}
.experience-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:8px 13px;border:1px solid #1F755A;border-radius:99px;background:#063C2C9c;color:#A8FFE0;letter-spacing:.11em;font-size:10px;font-weight:750}
.experience-kicker-gem{color:#3FF2B1;filter:drop-shadow(0 0 8px #00B68760)}
.experience-hero-mascot{position:absolute;z-index:3;right:0;bottom:-30px;top:0;width:min(51%,600px);display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.experience-hero-mascot img{width:100%;max-height:480px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 45px #00AE7F3a)}
.experience-pathway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 0 7px;border-bottom:1px solid #1E4639}
.experience-pathway>div{display:flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid #1E473C;border-radius:14px;background:linear-gradient(105deg,#0B261E,#0A1A16);min-width:0}
.ex-path-index{font-size:17px;font-weight:800;letter-spacing:-.05em;color:#36E6B1;opacity:.9}
.experience-pathway strong{display:block;font-size:13px;line-height:1.4;color:#ECFFF8}
.experience-pathway small{display:block;font-size:11px;line-height:1.4;color:#9CBEB1;margin-top:3px}
.market-store .market-catalog-container{padding-top:38px}
.market-store .catalog-section{scroll-margin-top:120px}
.market-store .catalog-section .category-section-heading h2{color:#DDFBEE;border-color:#28614F;background:#0A2B20}
.market-store .catalog-section .category-section-heading>span{background:linear-gradient(90deg,#087A5F60,transparent)}
.market-store .product-card{background:linear-gradient(155deg,#0D241E,#0A1B18)!important;border:1px solid #255346!important;border-radius:16px!important;box-shadow:0 12px 25px #00000029!important;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}
.market-store .product-card:hover:not(.sold-out){border-color:#1FBA8D!important;transform:translateY(-3px)!important;box-shadow:0 16px 34px #001C1545!important}
.market-store .product-body{padding-bottom:15px}
.market-store .product-body h3{color:#F0FBF7!important;font-weight:650}
.market-store .price-row .price{color:#F2FFF9!important;font-weight:730}
.market-store .price-row .price small{color:#AAC4BA!important}
.market-store .product-stock-badge{background:#063F2FE9!important;border-color:#20B68A8a!important;color:#C7FFEB!important}
.market-store .product-stock-badge.is-empty{background:#172522e8!important;border-color:#49635d!important;color:#C8D2CD!important}
.market-store .product-card.sold-out{filter:saturate(.63)}
.market-store .product-card.sold-out .card-buy-button,.market-store .product-card.sold-out button{pointer-events:none}
.market-store .product-card .product-delivery-label{color:#9FDBC5}
.market-store .product-card .product-visual{background-color:#071813}
.market-store .signature-section-intro{color:#F0FBF7}
.market-store .market-primary-link{border-radius:11px}
.market-store .card-cart-button{border-color:#267B5E!important;background:#0B4132!important;color:#C7FFE8!important}
.market-store .card-cart-button:hover:not(:disabled){background:#106149!important}
.market-store .card-button:focus-visible,.market-store .market-primary-link:focus-visible{outline:2px solid #3FF2B1;outline-offset:3px}
/* Shared surfaces: product, cart, orders, payment, support and administration. */
.checkout-panel,.checkout-panel-body,.payment-panel,.payment-summary,.cart-summary,
.product-detail-panel,.product-purchase-panel,.order-row,.order-card,.order-details,.checkout-section,
.market-store .cart-product,.market-store .checkout-section,.auth-card,.sz-profile-name-form{
 background:#0D231D!important;border-color:#245044!important;color:#F0FBF7;
}
.market-store .payment-panel-heading,.market-store .checkout-panel-heading{background:#0C251D}
.market-store .payment-page,.market-store .cart-page,.market-store .product-page{color:#F0FBF7}
.market-store .payment-page :is(h1,h2,h3),.market-store .cart-page :is(h1,h2,h3),.market-store .product-page :is(h1,h2,h3),.market-store .page-heading h1{color:#F0FBF7}
.market-store .payment-page :is(p,small),.market-store .cart-page :is(p,small),.market-store .product-page :is(p,small){color:#AEC8BE}
.market-store :is(.payment-check-status,.payment-progress,.cart-summary,.payment-instructions){border-color:#285344}
.market-store .pix-qr{background:#FFFFFF;border:1px solid #5AECC0;border-radius:16px;box-shadow:0 0 0 5px #00C89611}
.market-store .payment-check-status p{color:#ADD9C8}
.market-store .badge.paid{background:#0D4B37;color:#C5FFE7}
.market-store .badge.pending{background:#443B19;color:#F9DF93}
.market-store .badge.cancelled{background:#3D2026;color:#FFD3D7}
.auth-page{background:radial-gradient(ellipse at 50% -10%,#0C6E4A27,transparent 60%),#071411!important;color:#F0FBF7}
.auth-card{background:linear-gradient(155deg,#0D3024,#0B201A)!important;border:1px solid #256449!important;box-shadow:0 18px 44px #010E0A80!important}
.auth-card label,.auth-card h1{color:#F0FBF7!important}
.auth-card p,.auth-card small{color:#A2BBB2!important}
.auth-card input{background:#071A15!important;border:1px solid #2B5A49!important;color:#F0FBF7!important}
.experience-auth-head{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin:-1px auto 18px}
.experience-auth-head img{width:142px;height:77px;object-fit:cover;object-position:top;border:1px solid #22624b;border-radius:15px;background:#091A14}
.experience-auth-head span{color:#6AF4BF;letter-spacing:.17em;font-size:9px;font-weight:750}
.auth-shell>.logo img{max-width:275px;width:275px!important;height:auto}
/* Payment / post-payment experience — all data still comes from /api/orders and the protected delivery endpoint. */
.experience-order-intro{display:flex;align-items:center;gap:20px;padding:18px 21px;margin:0 0 22px;background:linear-gradient(110deg,#0E3024,#091B17);border:1px solid #2B6B51;border-radius:17px}
.experience-order-icon{width:95px;height:85px;flex:0 0 95px;overflow:hidden;border-radius:12px;border:1px solid #2D604C}
.experience-order-icon img{width:100%;height:100%;object-fit:cover}
.experience-order-intro h2{font-size:clamp(17px,2vw,22px);font-weight:740;line-height:1.25;margin:5px 0 6px;color:#F0FBF7}
.experience-order-intro p{font-size:12px;line-height:1.5;color:#AECEC1}
.experience-label{font-size:10px;color:#51E4AE;letter-spacing:.11em;font-weight:760}
#sz-paid-delivery[hidden],#sz-pix-section[hidden]{display:none!important}
#sz-paid-delivery{border:1px solid #297B5B!important;border-radius:17px;background:linear-gradient(150deg,#0F3024,#0B211A)!important;margin-top:26px;padding:24px!important;color:#E9FFF5;box-shadow:0 16px 45px #001E143b}
.experience-delivery-head{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #2B634A}
.experience-delivery-head img{flex:0 0 95px;width:95px;height:92px;object-fit:cover;object-position:center top;border-radius:16px;border:1px solid #1A6950}
.experience-delivery-head h2{font-size:clamp(20px,2.5vw,28px);color:#F0FBF7;margin:5px 0}
.experience-delivery-head p{font-size:13px;line-height:1.6;color:#B5D6C9}
.experience-delivery-list{display:grid;gap:11px;padding:20px 0}
#sz-paid-delivery .sz-delivery-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border-radius:12px;border:1px solid #275444;background:#0C2019;min-width:0}
#sz-paid-delivery .sz-delivery-line>div{min-width:0}
.experience-delivery-caption{font-size:10px;letter-spacing:.1em;color:#76CFB0;display:block;margin-bottom:5px}
#sz-paid-delivery .sz-delivery-line strong{font-size:14px;color:#F0FBF7;display:block;overflow-wrap:anywhere}
#sz-paid-delivery .sz-delivery-line button,#sz-paid-delivery .experience-access-card button{border:1px solid #20B789;background:linear-gradient(145deg,#22C997,#00A579);color:#04251B;font-weight:700;border-radius:9px;padding:10px 14px;white-space:nowrap;cursor:pointer}
#sz-paid-delivery .sz-delivery-line button:hover,#sz-paid-delivery .experience-access-card button:hover{filter:brightness(1.08)}
.experience-delivery-foot,.experience-credential-help{font-size:12px;color:#BDD7CC;line-height:1.7}
.experience-delivery-foot a,.experience-credential-help a{color:#5AF1BB;text-decoration:underline;text-underline-offset:3px}
#sz-paid-delivery .experience-access-card{padding:19px;border:1px solid #2A8061!important;background:#081C16!important;border-radius:13px;box-shadow:none;margin:0}
.experience-access-heading h3{color:#F0FBF7;margin:5px 0 12px;font-size:20px}
.experience-access-card>p{font-size:12px;color:#B0CFC2;line-height:1.5;margin-bottom:15px}
.experience-credential-fields{display:grid;gap:13px}
.experience-credential-field label{display:block;font-size:12px;margin-bottom:7px;color:#E3FFF1;font-weight:650}
.experience-credential-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.experience-credential-controls input{min-width:135px;flex:1 1 175px;min-height:43px;background:#061811!important;color:#F2FBF7!important;border:1px solid #285640!important;border-radius:9px;padding:9px 12px;font-size:13px}
#sz-paid-delivery .experience-credential-controls button{font-size:12px;padding:10px 12px;background:#123B2C;color:#BAFFE2;border-color:#276D53}
#sz-paid-delivery .experience-access-card>button{margin:3px 6px 12px 0}
.experience-raw-access{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border:1px solid #2A624A;border-radius:9px;background:#061811;color:#DAFFED;font-size:12px}
.experience-credential-help{margin:15px 0 0!important}
.experience-paid .payment-primary .payment-panel-heading{background:#0A3B2A}
.experience-paid .experience-order-intro{border-color:#1CA778}
/* Accounts, support, admin: same visual system, without changing their forms or actions. */
.market-store .order-row{border:1px solid #285B48;border-radius:12px;padding:19px;margin-bottom:12px;box-shadow:0 7px 20px #010D092a}
.market-store .order-row:hover{border-color:#249A72}
.market-store .sz-empty{padding:30px;border:1px dashed #346D55;border-radius:13px;background:#0C211A;color:#BDD6CB}
.sz-admin,.sz-support{background:radial-gradient(ellipse at top,#0C483326,transparent 65%),#071411!important;color:#F0FBF7}
.sz-admin header,.sz-admin section,.sz-support main{background:linear-gradient(160deg,#0D271F,#0A1B16)!important;border:1px solid #275746!important;box-shadow:0 11px 25px #010F0B40;border-radius:14px}
.sz-admin h1,.sz-admin h2,.sz-support h1{color:#F0FBF7}
.sz-admin p,.sz-support p{color:#B3D2C5}
.sz-admin th{background:#10392A!important;color:#E1FCEF!important}
.sz-admin td{border-color:#2C5B49!important}
.sz-admin :is(input,select,textarea){background:#071D17!important;border:1px solid #32604E!important;color:#F0FBF7!important}
.sz-admin .sz-secondary{background:#123C2D!important;border:1px solid #31684F!important;color:#D2FBE8!important}
.sz-support main{max-width:520px!important;padding:34px!important;text-align:center}
.experience-support-portrait img{border:1px solid #286D55;border-radius:15px;display:block;margin:0 auto 18px;object-fit:cover}
::selection{background:#008963;color:white}
:focus-visible{outline:2px solid #3FF2B1;outline-offset:3px}
@media(max-width:900px){
 .market-store .market-hero-inner{min-height:500px}
 .market-store .market-hero-copy{max-width:62%;padding-top:43px;padding-bottom:50px}
 .experience-hero-mascot{width:55%;right:-9%;top:5%;}
 .experience-pathway{gap:9px}.experience-pathway>div{padding:11px;gap:9px}
 .experience-pathway small{font-size:10px}
}
@media(max-width:680px){
 .brand-logo-wordmark.emerald-wordmark{max-width:170px!important}
 .market-store .market-hero{min-height:0}
 .market-store .market-hero-inner{min-height:530px;padding-top:0!important;display:block}
 .market-store .market-hero-copy{max-width:none;padding:29px 9px 0;margin:0 auto;text-align:center}
 .market-store .market-hero-copy h1{font-size:clamp(33px,8vw,42px)}
 .market-store .market-hero-copy>p{font-size:13px;line-height:1.55}
 .market-store .market-hero-actions{justify-content:center;gap:10px;margin-top:20px}
 .experience-kicker{font-size:9px;letter-spacing:.06em;padding:6px 10px;margin-bottom:16px}
 .experience-hero-mascot{width:100%;height:255px;top:auto;right:0;bottom:-15px;align-items:flex-end;justify-content:center;opacity:.95}
 .experience-hero-mascot img{height:285px;width:auto;max-width:96%;object-fit:contain}
 .market-store .market-mobile-wall{display:none!important}
 .experience-pathway{grid-template-columns:1fr;margin:0 auto;padding-top:16px;gap:7px}
 .experience-pathway>div{min-height:61px;padding:9px 15px}
 .experience-pathway strong{font-size:12px}
 .market-store .market-catalog-container{padding-top:26px}
 .experience-order-intro{gap:11px;padding:12px;margin-bottom:15px}
 .experience-order-icon{width:68px;height:69px;flex-basis:68px}
 .experience-order-intro h2{font-size:16px}
 .experience-order-intro p{font-size:11px}
 #sz-paid-delivery{padding:15px!important}
 .experience-delivery-head{gap:11px}
 .experience-delivery-head img{width:67px;height:67px;flex-basis:67px}
 .experience-delivery-head h2{font-size:18px}
 .experience-delivery-head p{font-size:11px}
 #sz-paid-delivery .sz-delivery-line{padding:13px;flex-direction:column;align-items:stretch}
 #sz-paid-delivery .sz-delivery-line button{width:100%}
 .experience-credential-controls button{flex:0 0 auto}
 .experience-auth-head img{width:116px;height:66px}
 .auth-shell>.logo img{max-width:220px!important}
}
@media(prefers-reduced-motion:reduce){
 .market-store *,.auth-card *,.sz-admin *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 .market-store .product-card:hover{transform:none!important}
}
/* Desktop composition correction: the legacy hero grid restricted the copy to 267px. */
@media(min-width:901px){
 .market-store .market-hero-inner{display:block!important;min-height:485px!important}
 .market-store .market-hero-copy{width:57%!important;max-width:710px!important;min-height:470px;padding:78px 0 55px!important}
 .market-store .market-hero-copy h1{font-size:clamp(42px,4.15vw,61px)!important;max-width:660px!important;line-height:1.075!important;letter-spacing:-.044em}
 .market-store .market-hero-copy>p{max-width:540px!important;margin-top:24px!important}
 .market-store .market-hero-actions{flex-direction:row!important;flex-wrap:wrap}
 .market-store .market-wall{position:absolute!important;top:0;right:0;height:100%;width:49%;z-index:0;overflow:hidden}
 .experience-hero-mascot{right:1%;top:-12px;bottom:-4px;width:min(49%,590px)}
}

/* Finishing touches after responsive visual review */
.auth-card .experience-auth-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:8px!important}
.auth-card .feature-icon{display:none!important}
.experience-delivery-list>.experience-access-card{width:100%;max-width:none;margin-top:-5px!important;margin-bottom:8px!important}
.experience-paid .payment-instructions{display:none!important}
@media(max-width:680px){.auth-card .experience-auth-head{margin-bottom:17px!important}}
.market-store .market-hero-background{display:none!important}
.experience-order-intro{position:relative;overflow:hidden}
.experience-order-intro::after{content:'◆';position:absolute;right:26px;top:14px;color:#3FF2B129;font-size:58px;line-height:1;pointer-events:none}