/*
 * EMERALD CRYSTAL 3.0 — V6 fidelity pass
 * Isolated additive presentation layer. Business logic, API, Worker and price/stock remain untouched.
 * All decorative graphics are individual assets already bundled under /crystal-v5/.
 */
:root { --emerald-glow:#3FF2B1; --emerald-core:#00C896; --emerald-ink:#071411; --emerald-border:rgba(56,241,171,.32) }
html { scroll-behavior:smooth; }
html:focus-within {scroll-behavior:smooth;}
body {background-color:#071411;}
/* Integrated logo: true transparent visual asset, never a static screenshot of controls. */
.market-store .store-header {background:linear-gradient(180deg,#02120e 0%,#031b15 100%)!important; box-shadow:0 14px 42px rgba(0,8,6,.85),inset 0 -1px rgba(39,251,166,.13)!important}
.market-store .brand-logo-wordmark.emerald-wordmark {mix-blend-mode:normal!important;filter:drop-shadow(0 0 15px rgba(13,237,153,.18))!important;object-position:left center!important}
.market-store .header-search {background:linear-gradient(115deg,rgba(6,42,30,.95),rgba(6,32,25,.95))!important;border-color:rgba(48,218,159,.55)!important;box-shadow:inset 0 1px rgba(124,255,200,.06),0 0 18px rgba(0,200,150,.09)!important}
.market-store .header-search:focus-within {border-color:#37eeb0!important;box-shadow:0 0 0 3px rgba(0,200,150,.16)!important}
.market-store .cart-header-button {box-shadow:0 6px 22px rgba(0,204,145,.19)!important}
.market-store .header-actions a,.market-store .header-actions button {transition:border-color .17s,box-shadow .17s,background-color .17s,transform .17s}
.market-store .header-actions a:focus-visible,.market-store .header-actions button:focus-visible {outline:2px solid #3ff2b1;outline-offset:3px}

/* Cinematic hero, designed to match the approved composite and retain the V5 HTML/animation. */
.market-store .market-hero {min-height:725px!important;background:radial-gradient(ellipse 54% 65% at 73% 58%,rgba(0,138,89,.25),transparent 75%),radial-gradient(ellipse 30% 70% at 3% 25%,rgba(4,105,71,.25),transparent 90%),linear-gradient(112deg,#03110d 0%,#06271c 59%,#041810 100%)!important;}
.market-store .market-hero::before {opacity:.86; background-size:clamp(190px,21vw,360px) auto,clamp(190px,22vw,370px) auto;filter:drop-shadow(0 3px 28px rgba(0,224,143,.12));}
.market-store .market-hero::after {height:86px; background:linear-gradient(0deg,rgba(0,34,24,.75),transparent)!important;}
.market-store .market-hero-inner {min-height:725px!important;}
.market-store .market-hero-copy {min-height:690px!important;padding-top:102px!important;width:54%!important;max-width:735px!important;}
.market-store .market-hero-copy h1 {font-size:clamp(44px,4.48vw,77px)!important;line-height:1.08!important;max-width:730px!important;letter-spacing:-.045em!important;text-shadow:0 4px 36px rgba(0,0,0,.56)!important}
.market-store .market-hero-copy>p {margin-top:27px!important;max-width:530px!important;color:#DCEFE8!important}
.market-store .market-hero-actions {margin-top:34px!important;}
.market-store .market-primary-link {border:1px solid #65ffce!important; box-shadow:0 6px 20px rgba(0,199,144,.2),inset 0 1px rgba(255,255,255,.32)!important}
.market-store .market-support-link {background:rgba(10,31,26,.78)!important;backdrop-filter:blur(6px);}
.market-store .experience-kicker {border-radius:999px!important;box-shadow:0 0 16px rgba(0,215,146,.20),inset 0 0 8px rgba(0,215,146,.1)!important}
.market-store .crystal-hero-benefits {margin-top:48px!important;max-width:690px!important;}
.market-store .crystal-hero-benefits>div {padding-right:13px!important;}
.market-store .crystal-hero-benefits b {color:#DBF4E7!important;}
/* Keep exact .market-track DOM and @keyframes animations; improve only visual treatment. */
.market-store .market-wall {right:-1%!important;width:59%!important;opacity:.68!important;filter:saturate(1.22) contrast(1.08) blur(.08px)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 22%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 22%,#000 100%)!important;}
.market-store .market-wall .market-column {min-width:0!important;}
.market-store .market-wall .market-column:nth-child(1) {padding-top:80px;}
.market-store .market-wall .market-column:nth-child(2) {padding-top:3px;}
.market-store .market-wall .market-column:nth-child(3) {padding-top:105px;}
.market-store .market-wall .market-tile {border:1px solid rgba(11,227,154,.48)!important;background:linear-gradient(145deg,rgba(1,41,30,.93),rgba(4,20,16,.98))!important;border-radius:15px!important;box-shadow:0 4px 34px rgba(0,195,132,.2),inset 0 1px rgba(136,255,200,.12)!important;}
.market-store .market-wall .market-tile img {filter:brightness(1.14) contrast(1.07) saturate(1.12)!important;}
.market-store .market-wall .market-tile::after {background:linear-gradient(140deg,rgba(38,255,187,.065),transparent 42%,rgba(1,10,8,.19))!important;}
.market-store .experience-hero-mascot {right:6.2%!important;width:clamp(455px,39vw,645px)!important;max-width:55%!important;}
.market-store .experience-hero-mascot img {max-height:95%!important;filter:drop-shadow(0 18px 39px rgba(0,4,3,.68)) drop-shadow(0 4px 16px rgba(0,251,148,.19))!important}

/* Auth pages: identical frame, identical shared mascot asset, no crossfades. */
.auth-page {background:radial-gradient(ellipse 48% 43% at 50% 44%,rgba(0,94,67,.24),transparent),linear-gradient(180deg,#03120f,#06251b 58%,#041611)!important;}
.auth-page::before,.auth-page::after {opacity:.72!important;filter:drop-shadow(0 0 26px rgba(0,225,141,.24))!important;}
.auth-page .auth-shell {position:relative;z-index:2;}
.auth-shell>.logo {filter:drop-shadow(0 0 18px rgba(0,220,142,.15))!important;}
.auth-card {background:linear-gradient(140deg,rgba(7,49,35,.79),rgba(4,37,28,.92) 65%,rgba(2,28,21,.91))!important;border:1px solid #16DF9C!important;box-shadow:0 0 0 1px rgba(72,247,180,.11),0 0 35px rgba(0,206,144,.16),0 28px 75px rgba(0,7,5,.56),inset 0 1px rgba(138,255,203,.12)!important;}
.auth-card::after {content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;z-index:1;border-radius:100%;background:linear-gradient(90deg,transparent,#50FEC3,transparent);box-shadow:0 0 12px rgba(24,255,155,.56);pointer-events:none}
.auth-card .experience-auth-head img {object-fit:cover!important;object-position:center!important;filter:none!important;animation:none!important;transition:none!important}
.auth-page .experience-auth-head img,.auth-page .auth-shell>.logo img {transition:none!important;animation:none!important}
.auth-card h1 {color:#F2FFFA!important;letter-spacing:-.035em!important}
.auth-card input {background:rgba(0,25,18,.68)!important;border-color:rgba(28,186,130,.72)!important;}
.auth-card input:focus-visible {box-shadow:0 0 0 3px rgba(0,200,150,.21)!important;}
.auth-card button[type=submit] {box-shadow:0 6px 25px rgba(0,219,145,.27),inset 0 1px rgba(255,255,255,.26)!important}

/* Internal experiences share the same neutral near-black surfaces and crystal outlines. */
.market-store :is(.payment-panel,.checkout-panel,.cart-summary,.order-row,.order-card,.product-detail-panel,.product-purchase-panel),
.sz-admin :is(header,section),.sz-support main {background:linear-gradient(155deg,#0D2B22 0%,#081C17 75%)!important;border-color:rgba(45,188,133,.46)!important;box-shadow:0 11px 37px rgba(0,9,6,.32)!important;}
.market-store :is(.payment-panel,.checkout-panel,.cart-summary,.order-row,.order-card) :is(a,button,input,select):focus-visible,
.sz-admin :is(a,button,input,select):focus-visible {outline:2px solid var(--emerald-glow)!important;outline-offset:2px!important;}
.market-store :is(.product-card,.signature-card) {transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.market-store :is(.product-card,.signature-card):hover {border-color:rgba(44,218,157,.67)!important;box-shadow:0 14px 38px rgba(0,141,99,.16)!important}
.market-store .payment-qr-code,.market-store .pix-qr {background:#fff!important;border-radius:13px!important;padding:10px!important;}
#sz-paid-delivery {background:linear-gradient(150deg,#0C2B21,#091A15)!important;border-color:#2E9773!important;box-shadow:0 15px 45px rgba(0,13,9,.45)!important;}
#sz-paid-delivery .experience-access-card {border-color:#288364!important;}
#sz-paid-delivery .experience-credential-controls input {background:#061B14!important;border-color:#26684F!important;}

@media(min-width:1500px){
 .market-store .market-hero,.market-store .market-hero-inner {min-height:745px!important;}
 .market-store .market-hero-copy {min-height:720px!important;padding-top:105px!important;}
 .market-store .experience-hero-mascot {right:5.7%!important;width:clamp(540px,38vw,668px)!important;}
}
@media (min-width:901px) and (max-width:1199px){
 .market-store .market-hero-copy {width:59%!important;}
 .market-store .market-hero-copy h1 {font-size:clamp(42px,4.7vw,59px)!important;}
 .market-store .market-wall {width:52%!important;opacity:.48!important;}
 .market-store .experience-hero-mascot {right:-2%!important;max-width:48%!important;}
}
@media(max-width:900px){
 .market-store .market-hero,.market-store .market-hero-inner {min-height:615px!important;}
 .market-store .market-hero-copy {width:64%!important;max-width:64%!important;min-height:590px!important;padding-top:66px!important;}
 .market-store .market-wall {width:54%!important;opacity:.34!important;}
 .market-store .experience-hero-mascot {right:-9%!important;width:56%!important;max-width:56%!important;}
}
@media(max-width:680px){
 .market-store .market-hero,.market-store .market-hero-inner {min-height:680px!important;}
 .market-store .market-hero-copy {width:100%!important;max-width:100%!important;min-height:0!important;padding:28px 4px 0!important;}
 .market-store .market-hero-copy h1 {font-size:clamp(34px,8vw,47px)!important;}
 .market-store .experience-hero-mascot {right:0!important;width:100%!important;max-width:100%!important;bottom:-12px!important;}
 .market-store .market-wall {width:100%!important;opacity:.24!important;}
 .market-store .market-hero::before {opacity:.57!important;}
 .market-store .header-search {position:relative!important;flex:0 0 38px!important;z-index:12;}
 .market-store .header-search:focus-within {position:absolute!important;left:12px;right:12px;top:calc(100% - 3px);width:calc(100% - 24px)!important;max-width:none!important;min-width:0!important;height:48px!important;padding:0 13px!important;background:#092B21!important;border:1px solid #3FF2B1!important;border-radius:12px!important;box-shadow:0 10px 32px rgba(0,9,6,.65)!important;z-index:30!important;}
 .market-store .header-search:not(:focus-within) input {color:transparent!important;caret-color:transparent!important;}
 .market-store .header-search:focus-within input {color:#F0FBF7!important;caret-color:#3FF2B1!important;font-size:14px!important;min-width:0!important;}
 .market-store .header-search kbd {display:none!important;}
 .auth-page::before,.auth-page::after {opacity:.47!important;}
 .auth-card {padding:22px 22px 25px!important;}
}
@media(prefers-reduced-motion:reduce){
 html,html:focus-within {scroll-behavior:auto!important;}
 .market-store .market-track {animation:none!important;}
 .market-store :is(.product-card,.signature-card,.header-actions a,.header-actions button),.auth-card button {transition:none!important;transform:none!important;}
}
/* Mobile search is a real editable control. The base theme hid its input entirely. */
@media(max-width:680px){
 .market-store .header-inner {position:relative!important;}
 .market-store .header-search input {display:block!important;position:absolute!important;inset:0!important;opacity:0!important;cursor:text!important;min-width:0!important;}
 .market-store .header-search:focus-within input {display:block!important;position:relative!important;inset:auto!important;width:100%!important;opacity:1!important;cursor:text!important;}
 .market-store .header-search svg {pointer-events:none;flex-shrink:0;}
 .market-store .market-hero,.market-store .market-hero-inner {min-height:720px!important;}
}