/*
Theme Name: Magic Print
Text Domain: mgp
Version: 0.2.0
Requires PHP: 8.1
Description: Tema mgp.ro. CSS-ul vine din design/surse/K.dc.html, cu valorile exacte.
*/

@font-face{font-family:'Special Gothic';src:url(assets/fonts/SpecialGothic.woff2) format('woff2'),url(assets/fonts/SpecialGothic.ttf) format('truetype');font-weight:400 700;font-stretch:75% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'Besley';src:url(assets/fonts/Besley.woff2) format('woff2'),url(assets/fonts/Besley.ttf) format('truetype');font-weight:400 900;font-style:normal;font-display:swap}

html{-webkit-text-size-adjust:100%}
body{font-family:'Special Gothic','Arial Narrow',Arial,sans-serif;font-size:19px;line-height:1.45;color:#000000;background:#FFFFFF}
img{max-width:100%;height:auto}

/* ===== din K.dc.html ===== */
/* REGULĂ DE DESIGN — culori fixe pe secțiuni, în ordinea CMYK și a meniului:
   Tipografie = cyan #239FDA · Editură = magenta #E21F81 · Librărie = galben #FAEC12 · Contact = negru #000000.
   Butoanele unei secțiuni folosesc culoarea ei; împreună apar mereu în ordinea C, M, Y, K. */
body{margin:0}
*{box-sizing:border-box}
a{color:#000000}
:focus-visible{outline:3px solid #000000;outline-offset:3px}
.wrap{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:clamp(20px,4.5vw,40px);padding-right:clamp(20px,4.5vw,40px)}
.hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:24px clamp(24px,4vw,64px)}
.hero>.art{order:2;justify-self:end;width:auto!important;height:clamp(240px,16.9vw + 91px,344px);max-width:100%}
.ctas{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:clamp(6px,1vw,14px)}
.marq{overflow:hidden;border-top:2px solid #000000;border-bottom:2px solid #000000;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000000 6%,#000000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000000 6%,#000000 94%,transparent 100%)}
.marq-track{display:flex;width:max-content;animation:marq 36s linear infinite}
.marq:hover .marq-track{animation-play-state:paused}
.marq-list{display:flex;flex:none;margin:0;padding:0;list-style:none}
.marq-list>li{display:flex;align-items:center;height:clamp(104px,9vw,136px);padding:0 clamp(32px,4vw,64px)}
.lg{display:block;width:auto;max-width:none;filter:grayscale(1) brightness(0.55);opacity:0.85;transition:filter .3s ease,opacity .3s ease}
.marq:hover .lg{filter:none;opacity:1}
.lg-sq{height:clamp(64px,5.6vw,84px)}
.lg-mn{height:clamp(38px,3.3vw,50px)}
.lg-mr{height:clamp(50px,4.4vw,64px)}
.lg-w{height:clamp(32px,2.9vw,44px)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marq-track{animation:none}}
.triage{display:grid;grid-template-columns:minmax(0,clamp(300px,30vw,400px)) minmax(0,1fr);grid-template-rows:repeat(4,1fr);border:2px solid #000000}
.triage>.opt{grid-column:1}
.triage>.opt+.opt{border-top:2px solid #000000!important}
.triage>.panel{grid-column:2;grid-row:1/-1;border-left:2px solid #000000}
.btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 clamp(16px,2.2vw,28px);border:0;border-radius:0;cursor:pointer;font:inherit;font-size:21px;font-weight:700;text-decoration:none;white-space:nowrap;color:#000000}
.hhero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px clamp(28px,3.6vw,56px);align-items:start}
.hhero>.ctrl{order:1}
.hhero>.stage{order:2;position:sticky;top:16px;height:clamp(460px,46vw,660px);--k:clamp(0.6px,0.105vw,1.55px)}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg>button{height:46px;margin:0;padding:0 16px;border:1.5px solid #BDBDBD;border-radius:0;cursor:pointer;font:inherit;font-size:18px;font-weight:600;white-space:nowrap}
.seg>button[aria-pressed="true"]{border-color:#000000}
.pricebar{position:sticky;bottom:0;z-index:2;background:#FFFFFF;padding-bottom:12px}
.pb-hint{max-width:220px;font-size:17px;line-height:1.35;color:#555555}
.tabs>button{height:50px;font-size:19px;font-weight:700}
.pick{display:flex;flex-direction:column;gap:8px}
.pg-b{flex:none;width:44px;height:44px;margin:0;padding:0;border:2px solid #000000;border-radius:0;background:#FFFFFF;color:#000000;cursor:pointer;font:inherit;font-size:24px;font-weight:700;line-height:1}
.pg-b:hover{background:#F4F5F6}
input[type=range]{touch-action:none}
.upl{display:inline-flex;align-items:center;height:46px;padding:0 16px;border:2px solid #000000;background:#FFFFFF;cursor:pointer;font-size:18px;font-weight:700}
.upl:hover{background:#F4F5F6}
#h-file:focus-visible+.upl,#h-file2:focus-visible+.upl{outline:3px solid #000000;outline-offset:3px}
.pick>button{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;margin:0;padding:0 16px 0 20px;border:1.5px solid #BDBDBD;border-radius:0;cursor:pointer;font:inherit;font-size:20px;font-weight:700;text-align:left}
.pick svg{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square}
.pick>button[aria-pressed="true"]{border-color:#000000}
.prog{height:4px;background:#E6E6E6}
.prog>div{height:100%;background:#000000;transition:width .3s ease}
.lnk{min-height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:18px;font-weight:600;color:#000000;text-decoration:underline;text-underline-offset:0.16em}
.look{display:flex;flex-direction:column;gap:20px}
.face{position:absolute;left:50%;top:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:width .45s ease,height .45s ease,transform .45s ease}
.obj{position:absolute;left:50%;top:47%;width:0;height:0;transform-style:preserve-3d;transition:transform .6s ease}
.spin{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
input[type=range]{width:100%;height:44px;margin:0;accent-color:#000000;cursor:pointer}
#h-file:focus-visible+label{outline:3px solid #000000;outline-offset:3px}
.bgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(36px,3.4vw,48px) clamp(16px,2.2vw,32px)}
.bgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bk{display:flex;flex-direction:column;gap:10px;min-width:0;container-type:inline-size}
.cov{position:relative;display:flex;flex-direction:column;aspect-ratio:5/7;padding:11% 10% 9%;text-decoration:none;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,0.22) 0,rgba(0,0,0,0) 3.5%,rgba(255,255,255,0.10) 4.5%,rgba(0,0,0,0) 8%);box-shadow:0 1px 1px rgba(0,0,0,0.12),0 10px 18px -12px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(0,0,0,0.06);transition:transform .2s ease}
.cov:hover{transform:translateY(-3px)}
.cov-t{font-family:'Besley',Georgia,serif;font-weight:700;line-height:1.14;letter-spacing:-0.005em}
.cov-a{margin-top:7cqw;font-size:6.2cqw;font-weight:600;line-height:1.2;opacity:0.85}
.cov-m{margin-top:auto;font-size:5.2cqw;font-weight:600;opacity:0.7}
.bk-i{display:flex;flex-direction:column;gap:2px;flex-grow:1}
.bk-t{font-size:clamp(18px,0.4vw + 15px,21px);font-weight:700;line-height:1.2;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bk-t:hover{text-decoration:underline}
.bk-a{font-size:17px;line-height:1.3;color:#333333}
.bk-p{display:flex;align-items:baseline;gap:10px;font-size:24px;font-weight:700;line-height:1.1}
.bk-p s{font-size:18px;font-weight:500;color:#6B6B6B}
.pct{align-self:center;padding:3px 7px 2px;background:#FAEC12;color:#000000;font-size:15px;font-style:normal;font-weight:700;line-height:1.1}
.bk-b{height:46px;margin:0;padding:0 10px;border:2px solid #000000;border-radius:0;cursor:pointer;font:inherit;font-size:18px;font-weight:700;white-space:nowrap}
.shop-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px}
.srch{position:relative;flex:0 1 460px;min-width:0}
.srch svg{position:absolute;left:14px;top:50%;width:24px;height:24px;transform:translateY(-50%);fill:none;stroke:#000000;stroke-width:2.2;pointer-events:none}
.srch input{width:100%;height:56px;margin:0;padding:0 14px 0 48px;border:2px solid #000000;border-radius:0;background:#FFFFFF;font:inherit;font-size:19px;color:#000000;-webkit-appearance:none;appearance:none}
.srch input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.cats{margin-top:clamp(20px,2.4vw,32px)}
.shop-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin:clamp(20px,2.4vw,32px) 0 clamp(20px,2.4vw,32px);padding-top:14px;border-top:2px solid #000000;font-size:18px}
.sort{display:flex;align-items:center;gap:10px}
.sort select{height:44px;margin:0;padding:0 34px 0 12px;border:1.5px solid #BDBDBD;border-radius:0;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat right 8px center/18px;font:inherit;font-size:18px;font-weight:600;color:#000000;cursor:pointer;-webkit-appearance:none;appearance:none}
@media (max-width:1100px){.bgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bkp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(32px,5vw,80px);align-items:start}
.bkp-cov .bk{max-width:440px}
.cov-big{cursor:default}
.cov-big:hover{transform:none}
.bkp-h2{margin:clamp(36px,3.4vw,48px) 0 14px;padding-top:14px;border-top:2px solid #000000;font-size:clamp(24px,0.8vw + 17px,29px);font-weight:700;font-stretch:112%;line-height:1.1}
.dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 28px;margin:0;font-size:19px;line-height:1.35}
.dl dt{color:#555555}
.dl dd{margin:0;font-weight:600}
.toc{margin:0;padding:0;list-style:none;columns:2 260px;column-gap:32px;font-size:19px;line-height:1.35}
.toc li{break-inside:avoid;padding:6px 0;border-bottom:1px solid #DDDDDD}
.btn,.act{transition:transform .14s ease,box-shadow .14s ease}
.btn:active,.act:active{transform:translate(0,0)!important;box-shadow:0 0 0 #000000!important;transition-duration:.05s}
.seg>button,.pick>button,.chip,.opt{transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
.navl{transition:text-decoration-color .14s ease}
a{text-underline-offset:0.16em}
@media (hover:hover){
.btn:hover,.act:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 #000000}
.seg>button[aria-pressed="false"]:hover,.pick>button[aria-pressed="false"]:hover{border-color:#000000;box-shadow:inset 0 0 0 1px #000000}
.qty>button:hover{background:#000000;color:#FAEC12}
.chip[aria-pressed="false"]:hover{box-shadow:inset 0 0 0 1.5px #000000}
.opt[aria-pressed="false"]:hover{background-color:#F4F5F6!important}
.navl:hover{text-decoration:underline!important;text-decoration-thickness:3px!important;text-underline-offset:0.3em!important}
a:not(.btn):not(.navl):not(.cov):not(.bk-t):hover,.lnk:hover{text-decoration-thickness:2.5px}
.bk-t:hover{text-decoration:underline}
}
@media (prefers-reduced-motion:reduce){.btn,.act,.cov{transition:none}}
.qty{align-items:stretch;height:46px;border:2px solid #000000;background:#FAEC12;color:#000000}
.qty>button{flex:none;width:44px;margin:0;padding:0;border:0;border-radius:0;background:#FAEC12;color:#000000;cursor:pointer;font:inherit;font-size:24px;font-weight:700;line-height:1;transition:background-color .14s ease}
.qty>span{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;white-space:nowrap}
.qty-big{width:100%;max-width:380px;height:60px;margin-top:16px}
.qty-big>button{width:58px;font-size:28px}
.qty-big>span{font-size:21px}
.triage{min-height:630px}
@keyframes qtyIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes qtyTxt{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.qty{animation:qtyIn .32s cubic-bezier(.2,.7,.2,1) both}
.qty>span,.qty>button{animation:qtyTxt .3s .12s ease both}
@media (prefers-reduced-motion:reduce){.qty,.qty>span,.qty>button{animation:none}}
.co>div{max-width:860px}
.co>.co-grid{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(32px,4vw,64px);align-items:start}
.co-main{min-width:0;max-width:860px}
.co-side{position:sticky;top:24px;padding:20px 22px 22px;border:2px solid #000000;background:#FFFFFF}
.co-side .sum{margin-top:0}
.co-side .co-end{margin-top:20px}
.mn{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;flex-direction:column;background:#FFFFFF;overflow-y:auto}
.mn>.wrap{width:100%;max-width:none;box-sizing:border-box}
.mn-top{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.mn-x{display:flex;align-items:center;height:44px;padding:0 12px;border:2px solid #000000;border-radius:0;background:#FFFFFF;color:#000000;cursor:pointer;font:inherit;font-size:18px;font-weight:700}
.mn-nav{display:flex;flex-direction:column;margin-top:8px}
.mn-nav a{display:flex;align-items:center;gap:16px;min-height:66px;border-top:1px solid #D0D0D0;font-size:28px;font-weight:700;letter-spacing:-0.01em;text-decoration:none;color:#000000}
.mn-nav a:first-child{border-top:2px solid #000000}
.mn-nav a:last-child{border-bottom:1px solid #D0D0D0}
.mn-nav i{flex:none;width:16px;height:16px}
.mn-nav .mn-cart{padding-left:32px}
.mn-cart span{margin-left:auto;font-size:18px;font-weight:600;color:#555555}
.mn-foot{padding-top:32px;padding-bottom:28px}
.mn-call{width:100%;background:#000000;color:#FFFFFF}
.mn-foot p{margin:10px 0 0;font-size:17px;color:#555555;text-align:center}
.mn-ct{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:14px;border-top:2px solid #000000;font-size:18px;font-weight:400}
.mn-ct a{padding:6px 0;font-size:22px;font-weight:700}
.co-more{display:inline-block;margin-top:14px;padding:10px 0;font-size:18px;font-weight:600}
.ci-list{margin:clamp(24px,2.6vw,36px) 0 0;padding:0;list-style:none;border-top:2px solid #000000}
.ci{display:grid;grid-template-columns:76px minmax(0,1fr) auto 110px;align-items:center;gap:12px 24px;padding:18px 0;border-bottom:1px solid #CCCCCC}
.ci-cov .cov{padding:12% 10%;box-shadow:0 1px 1px rgba(0,0,0,.12),0 6px 10px -6px rgba(0,0,0,.4)}
.ci-cov .cov-t{font-size:13cqw!important;line-height:1.1}
.ci-i{display:flex;flex-direction:column;gap:3px;min-width:0}
.ci-q{display:flex;flex-direction:column;align-items:center;gap:2px}
.ci-q .qty{width:140px}
.ci-t{text-align:right;font-size:22px;font-weight:700;white-space:nowrap}
.sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;margin:18px 0 0;font-size:19px}
.sum dd{margin:0;text-align:right;font-weight:600;white-space:nowrap}
.sum .sum-t{padding-top:8px;font-size:22px;font-weight:700}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.fld label{font-size:19px;font-weight:600}
.fld input,.fld select{width:100%;height:56px;margin:0;padding:0 14px;border:2px solid #000000;border-radius:0;background:#FFFFFF;font:inherit;font-size:20px;color:#000000}
.fld select{-webkit-appearance:none;appearance:none;padding-right:40px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat right 12px center/20px;cursor:pointer}
.fld [aria-invalid="true"]{border-color:#C8102E;box-shadow:inset 0 0 0 1px #C8102E}
.ft-l{display:block;width:fit-content;padding:5px 0;white-space:nowrap}
.err{font-size:17px;font-weight:600;color:#C8102E}
input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#C8102E!important;box-shadow:inset 0 0 0 1px #C8102E}
.firm{display:flex;align-items:center;gap:10px;min-height:44px;font-size:19px;cursor:pointer}
.firm input{width:22px;height:22px;margin:0;accent-color:#000000}
.co-end{margin-top:clamp(32px,3.4vw,44px)}
.ed{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px clamp(40px,5vw,80px);align-items:start;margin-top:clamp(40px,4.4vw,64px)}
.ed-steps{padding-top:calc(clamp(22px,2.6vw,36px) + 2px)}
.ed-h2{margin:0 0 18px;font-size:clamp(26px,1.2vw + 16px,34px);font-weight:700;font-stretch:112%;line-height:1.05}
.steps{margin:0;padding:0;list-style:none;border-top:2px solid #000000}
.st{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid #CCCCCC}
.st-n{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #000000;font-size:20px;font-weight:700;font-stretch:112%}
.st h3{margin:0;font-size:clamp(21px,0.4vw + 18px,24px);font-weight:700;line-height:1.2}
.st p{margin:4px 0 0;font-size:18px;line-height:1.4;color:#333333}
.ed-panel{padding:clamp(22px,2.6vw,36px);border:2px solid #000000;background-color:#FDF2F7;background-image:radial-gradient(circle,rgba(226,31,129,0.17) 1.3px,rgba(226,31,129,0) 1.9px);background-size:7px 7px}
.pcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);margin-top:clamp(40px,4.4vw,64px)}
.pc{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 0 18px;border:2px solid #000000;cursor:pointer}
.pc-go::after{content:"";position:absolute;inset:0}
.pc:hover h2{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:0.12em}
.pc-art{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;margin-bottom:8px;border-bottom:2px solid #000000;background:#F7F7F5}
.pc-art svg{width:72%;height:auto;display:block;overflow:visible}
.pc h2{margin:0;padding:0 18px;font-size:clamp(21px,0.4vw + 18px,24px);font-weight:700;line-height:1.15}
.pc p{margin:0;padding:0 18px;flex-grow:1;font-size:18px;line-height:1.4;color:#333333}
.pc-go{align-self:flex-start;margin:6px 18px 0;font-size:18px}
.files{max-width:760px;margin-top:clamp(48px,5vw,72px);padding-top:14px;border-top:2px solid #000000}
.files ul{margin:0;padding:0 0 0 22px;font-size:20px;line-height:1.5}
.files p{margin:14px 0 0;font-size:20px;font-weight:600}
@media (max-width:1100px){.pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes stampIn{0%{opacity:0;transform:rotate(-14deg) scale(2.3) translateY(-24px);filter:url(#k-ink) drop-shadow(0 26px 18px rgba(0,0,0,0.28))}50%{opacity:1;transform:rotate(-14deg) scale(1.5) translateY(-10px);filter:url(#k-ink) drop-shadow(0 16px 12px rgba(0,0,0,0.22))}72%{transform:rotate(-8deg) scale(0.94);filter:url(#k-ink) drop-shadow(0 0 0 rgba(0,0,0,0))}84%{transform:rotate(-8deg) scale(1.03)}100%{opacity:1;transform:rotate(-8deg) scale(1);filter:url(#k-ink) drop-shadow(0 0 0 rgba(0,0,0,0))}}
.stamp{transform:rotate(-8deg);filter:url(#k-ink);mix-blend-mode:multiply;animation:stampIn .62s cubic-bezier(.3,.6,.3,1) .15s both}
@media (prefers-reduced-motion:reduce){.stamp{animation:none}}
.ct{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px clamp(40px,5vw,80px);align-items:stretch;margin-top:clamp(28px,3vw,44px)}
.ct-info{display:flex;flex-direction:column;gap:10px}
.ct-tel{display:flex;flex-direction:column;gap:2px}
.ct-tel a{align-self:flex-start;padding:2px 0;font-size:clamp(40px,3.6vw,56px);font-weight:700;font-stretch:112%;line-height:1.1;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap}
.ct-tel a:hover{text-decoration:underline;text-decoration-thickness:3px}
.ct-map{display:block;align-self:start;aspect-ratio:4/3;border:2px solid #000000;overflow:hidden}
.ct-map svg{transition:transform .4s ease}
.ct-map:hover svg{transform:scale(1.03)}
.ct-form{max-width:860px;margin-top:clamp(48px,5vw,72px);padding-top:14px;border-top:2px solid #000000}
.lgl{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,96px);margin-top:clamp(32px,3.6vw,52px);padding-top:18px;border-top:2px solid #000000}
.lg-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:24px}
.lg-nav a{padding:10px 0 10px 16px;border-left:4px solid transparent;font-size:19px;line-height:1.3;text-decoration:none}
.lg-nav a:hover{border-left-color:#C8C8C8}
.lg-nav a[aria-current="page"]{border-left-color:#000000;font-weight:700}
.lg-doc{max-width:68ch;font-size:20px;line-height:1.55}
.lg-doc h2{margin:40px 0 10px;font-size:clamp(23px,0.6vw + 18px,27px);font-weight:700;font-stretch:112%;line-height:1.15}
.lg-doc p{margin:0 0 14px}
.lg-doc ol,.lg-doc ul{margin:0 0 14px;padding-left:1.3em}
.lg-doc li{margin-bottom:10px;padding-left:4px}
.lg-doc a{text-underline-offset:0.16em}
.lg-lead{font-size:clamp(22px,0.6vw + 17px,26px);line-height:1.4}
.lg-date{margin-top:48px!important;font-size:17px;color:#555555}
.todo{background:#FAEC12;color:#000000;padding:0 3px}
.sal{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;width:250px;height:50px;box-sizing:border-box;padding:0 12px;border:2px solid #000000;background:#FFFFFF;text-decoration:none;color:#000000;font-size:14px;line-height:1.15}
.sal b{font-size:17px;font-weight:800;letter-spacing:0.02em}
.sal span{font-weight:600}
.sal:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 #000000}
.lg-doc .sal{margin-top:8px}
@media (max-width:960px){.lgl{grid-template-columns:minmax(0,1fr);gap:40px}.lg-nav{position:static;order:2;border-top:2px solid #000000;padding-top:12px}.lg-nav a{min-height:44px;box-sizing:border-box}.lg-doc{font-size:19px}.lg-lead{font-size:22px}}
.nf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,5vw,96px);align-items:start;padding-top:clamp(24px,4vw,72px)}
.nf-txt{order:-1}
.nf-art{position:relative;width:100%;max-width:620px;justify-self:center}
.nf-art svg{display:block;width:100%;height:auto;overflow:visible}
.nf-sheet{animation:nfFall 1.1s cubic-bezier(.3,.7,.3,1) .3s both}
@keyframes nfFall{from{transform:translate(-74px,-58px) rotate(-11deg);transform-origin:330px 150px;opacity:0}25%{opacity:1}to{transform:none;transform-origin:330px 150px}}
@media (prefers-reduced-motion:reduce){.nf-sheet{animation:none}}
.nf-links{display:flex;flex-direction:column;margin-top:40px;border-top:2px solid #000000}
.nf-links a{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid #D0D0D0;text-decoration:none;color:#000000}
.nf-links i{grid-row:1/3;align-self:center;width:18px;height:18px}
.nf-links b{font-size:22px;font-weight:700}
.nf-links span{font-size:18px;color:#444444}
.nf-links a:hover b{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:0.16em}
@media (max-width:960px){.nf{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:8px}.nf-txt{order:0}.nf-art{max-width:420px;justify-self:start}.nf-links{margin-top:32px}.nf-links a{min-height:44px}}
.fis{position:relative;border:2px solid #000000;background:#FFFFFF;color:#000000}
.fis-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 16px 12px;border-bottom:2px solid #000000}
.fis-t{font-size:clamp(22px,0.8vw + 16px,28px);font-weight:700;font-stretch:112%;line-height:1.05}
.fis-sub{margin-top:3px;font-size:15px;color:#555555}
.fis-nr{text-align:right;white-space:nowrap}
.fis-nr>span{display:block;font-size:14px;color:#555555}
.fis-nr b{display:block;font-size:clamp(28px,1.6vw + 16px,40px);font-weight:800;line-height:1}
.fis-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:#000000}
.fis-g>div{min-width:0;padding:8px 12px 10px;background:#FFFFFF}
.fis-g dt{font-size:14px;color:#555555}
.fis-g dd{margin:2px 0 0;font-size:18px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.fis-g .w2{grid-column:span 2}
.fis-g .w3{grid-column:1/-1}
.fis-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fis-tb{width:100%;border-collapse:collapse;border-style:hidden}
.fis-tb th,.fis-tb td{border:1px solid #000000;padding:9px 10px;vertical-align:top;text-align:left}
.fis-tb th{padding:6px 10px;font-size:14px;font-weight:400;color:#555555}
.fis-tb .c{text-align:center}.fis-tb .r{text-align:right;white-space:nowrap}
.fis-tb td b{display:block;font-size:17px;line-height:1.3}
.fis-tb td small{display:block;font-size:14px;color:#555555;line-height:1.35}
.fis-tot td{border-top:2px solid #000000;padding:12px 10px;font-size:18px;font-weight:700}
.fis-tot .r{font-size:22px;font-weight:800}
.fis-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#000000;border-top:2px solid #000000}
.fis-st>div{padding:10px 12px;background:#FFFFFF;font-size:16px;line-height:1.25}
.fis-st i{display:block;width:18px;height:18px;margin-bottom:6px;border:2px solid #000000}
.fis-st .on{font-weight:700}
.fis-st .on i{background:#FAEC12}
.fis-strip{display:flex;height:10px;border-top:2px solid #000000}
.fis-strip>span{flex:1}
.fis-sec{border-top:2px solid #000000}
.fis .stamp{position:absolute;right:clamp(130px,14vw,190px);top:12px;border:4px solid #2E3BB0;padding:8px 16px 6px;color:#2E3BB0;text-align:center;line-height:1.1;pointer-events:none}
.fis .stamp b{display:block;font-size:30px;font-weight:700;letter-spacing:0.06em}
.fis .stamp>span{display:block;margin-top:2px;font-size:14px;font-weight:600}
.fis .stamp.stamp-r{top:10px;bottom:auto;right:16px}
@media (max-width:600px){.fis-g{grid-template-columns:repeat(2,minmax(0,1fr))}.fis-g .w2{grid-column:1/-1}.fis-g dd{font-size:17px}.fis-st{grid-template-columns:repeat(2,minmax(0,1fr))}.fis-hd{padding:12px 12px 10px}.fis-tb th,.fis-tb td{padding:8px 7px}.fis .stamp{top:auto;bottom:20px;right:6px;padding:5px 10px 3px}.fis .stamp b{font-size:19px}.fis .stamp>span{font-size:12px}.fis-g .o1{order:1}.fis-g .o2{order:2}.fis-g .o3{order:3;grid-column:1/-1}.fis-g .o4{order:4}.fis-g .o5{order:5;grid-column:1/-1}.fis-g .wm{grid-column:1/-1}.fis .rt-ls .stamp{left:96px;top:10px}.fis .stamp.stamp-r{top:10px;bottom:auto;right:10px}}
.rt{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(32px,3.6vw,52px);padding-top:18px;border-top:2px solid #000000}
.rt .form{max-width:720px}
.fis .rt-ls{position:relative}
.fis .rt-ls .stamp{left:110px;right:auto;top:8px;bottom:auto}
.rt-hint{font-size:16px;line-height:1.4;color:#555555}
.rt-lbl{font-size:19px;font-weight:600}
.rt-ta{width:100%;padding:12px 14px;border:2px solid #000000;border-radius:0;background:#FFFFFF;font:inherit;font-size:20px;line-height:1.4;color:#000000;resize:vertical}
.rt-side{padding:22px 22px 24px;border:2px solid #000000;background:#FFFFFF}
.rt-steps{margin:0;padding:0;list-style:none;counter-reset:rs}
.rt-steps li{position:relative;padding:10px 0 10px 44px;border-top:1px solid #D0D0D0;font-size:18px;line-height:1.4;counter-increment:rs}
.rt-steps li:first-child{border-top:0}
.rt-steps li::before{content:counter(rs);position:absolute;left:0;top:10px;width:28px;height:28px;border:2px solid #000000;font-size:15px;font-weight:700;line-height:28px;text-align:center}
.rt-next{margin:0;padding-left:1.3em;font-size:19px;line-height:1.5}
.rt-next li{margin-bottom:8px;padding-left:4px}
@media (max-width:960px){.rt{grid-template-columns:minmax(0,1fr)}.rt-side{order:2}}
.ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;padding:20px;border:2px dashed #9A9A9A;background:#F2F2F0;color:#555555;text-align:center;min-width:0}
.ph-i{width:34px;height:34px}
.ph figcaption{max-width:340px;font-size:16px;line-height:1.4}
.ph figcaption b{display:block;margin-bottom:2px;font-size:13px;letter-spacing:0.02em;color:#333333}
.ph figcaption span{display:block;margin-top:6px;font-size:14px;color:#6B6B6B}
.ph-32{aspect-ratio:3/2}.ph-11{aspect-ratio:1/1}.ph-43{aspect-ratio:4/3}
.atl{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:clamp(24px,2.6vw,36px)}
.atl>.ph:first-child{aspect-ratio:auto}
.ph-34{aspect-ratio:3/4}
.atl3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(20px,2.4vw,32px)}
.ed-ph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(20px,2.4vw,32px)}
@media (max-width:600px){.atl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.atl>.ph:first-child{grid-column:1/-1;aspect-ratio:3/2}.atl3{grid-template-columns:minmax(0,1fr)}.ed-ph{grid-template-columns:minmax(0,1fr)}.ph{padding:14px}.ph figcaption{font-size:15px}}
.skip{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;background:#000000;color:#FFFFFF;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.pmq{--shw:clamp(140px,13vw,200px);--pw:clamp(64px,6.4vw,96px);position:relative;height:calc(var(--shw) * 2 / 3 + clamp(44px,4vw,64px));overflow:hidden;border-top:2px solid #000000;border-bottom:2px solid #000000;background:#FFFFFF}
.pmq-run{position:absolute;top:0;bottom:0;left:calc(var(--pw) - 10px);right:0;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.pmq-track{display:flex;width:max-content;animation:pmqR 44s linear infinite}
.pmq:hover .pmq-track{animation-play-state:paused}
@keyframes pmqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.pmq-list{display:flex;flex:none;gap:clamp(16px,1.8vw,28px);margin:0;padding:0 clamp(16px,1.8vw,28px) 0 0;list-style:none}
.sh{display:flex;align-items:center;justify-content:center;width:var(--shw);height:calc(var(--shw) * 2 / 3);background:#FFFFFF;box-shadow:0 1px 2px rgba(0,0,0,0.14),0 8px 18px -10px rgba(0,0,0,0.35);outline:1px solid #E2E2E2}
.sh .lg{max-width:78%;max-height:66%;width:auto;height:auto}
.pmq:hover .lg{filter:none;opacity:1}
.pmq-fade{position:absolute;top:0;bottom:0;left:var(--pw);width:clamp(70px,8vw,130px);z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0.96) 0,rgba(255,255,255,0.7) 35%,rgba(255,255,255,0) 100%)}
.pmq-press{position:absolute;top:0;bottom:0;left:0;width:var(--pw);z-index:3;background:#FFFFFF}
.pmq-run{z-index:1}
.pmq-tray{position:absolute;left:calc(var(--pw) - 1px);top:50%;width:clamp(40px,3.8vw,62px);height:calc(var(--shw) * 2 / 3 + 22px);transform:translateY(-50%);z-index:0;display:block}
.pmq-plain .pmq-run{left:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.pmq-plain .pmq-track{animation-name:marq}
.pmq-plain{background:#EEEEEB;border-color:#EEEEEB}
.pmq-plain .sh{position:relative;background:#FFFFFF;outline:0;box-shadow:0 1px 1px rgba(0,0,0,0.10),0 10px 16px -10px rgba(0,0,0,0.45);transition:transform .25s ease}
.pmq-plain .sh:nth-child(3n+1){transform:rotate(-1.4deg) translateY(2px)}
.pmq-plain .sh:nth-child(3n+2){transform:rotate(0.9deg) translateY(-3px)}
.pmq-plain .sh:nth-child(3n){transform:rotate(-0.3deg) translateY(1px)}
.pmq-plain .sh:hover{transform:rotate(0) translateY(-4px)}
.pmq-svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.pmq-led{animation:pmqLed 1.4s ease-in-out infinite}
@keyframes pmqLed{50%{opacity:0.25}}
@media (prefers-reduced-motion:reduce){.pmq-track,.pmq-led{animation:none}}
.only-narrow{display:none!important}
@media (max-width:960px){
.pricebar{padding-top:10px!important;padding-bottom:10px}
.pricebar>div:first-child{flex:1 1 auto}
.pricebar>button{flex:none;height:52px!important;padding:0 18px!important;font-size:18px!important}
.pb-hint{max-width:none;font-size:15px}
.pricebar span[aria-live]{font-size:28px!important}
.ct{grid-template-columns:minmax(0,1fr)}
.ct-tel a{font-size:38px}
.ct-map{min-height:0;aspect-ratio:4/3}
.pcs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pc h2{padding:0 12px;font-size:19px}
.pc p{padding:0 12px;font-size:16px}
.pc-go{margin:6px 12px 0;font-size:16px;text-align:left}
.ed{grid-template-columns:minmax(0,1fr)}
.ed-steps{padding-top:0}
.ed-h1{font-size:40px!important}
.ci{grid-template-columns:60px minmax(0,1fr) auto;gap:10px 14px}
.ci-q{grid-column:2;align-items:flex-start}
.ci-t{grid-column:3;grid-row:2;align-self:start;font-size:19px}
.form{grid-template-columns:minmax(0,1fr)}
.co-h1{font-size:34px!important}
.co>.co-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.co-side{position:static;padding:0;border:0;margin-top:32px}
.bkp{gap:24px clamp(24px,4vw,40px)}
.bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}
.bgrid-4,.rel{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 16px}
.rel>article:nth-child(n+5){display:none}
.bk-b{height:44px;font-size:16px}
.qty:not(.qty-big){height:44px}
.qty>span{font-size:16px}
.triage{min-height:0}
.bk-p{font-size:21px}
.srch{flex:1 1 100%}
.tabs.cats{margin:16px -20px 0}
.shop-h1{font-size:34px!important}
.sort{font-size:16px}

.hero>.art{height:clamp(220px,30vw,280px)}
.marq-track{animation-duration:28s}
.triage{display:flex;flex-direction:column}
.triage>.panel{border-left:0;border-top:2px solid #000000}
.hhero{grid-template-columns:minmax(0,1fr)}
.hhero{gap:20px}
.hhero>.stage{order:0;position:relative;top:auto;height:170px;--k:clamp(0.58px,0.16vw,0.74px)}
.seg>button{flex:1 1 auto;height:44px;padding:0 10px;font-size:16px}
.tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs>button{flex:none;height:44px;padding:0 16px;font-size:17px}
.pick>button{height:52px;font-size:18px}
.crumbs{display:none!important}
.calc-h1{font-size:28px!important}
.ctrl label,.ctrl [id^="h-"]{font-size:17px!important}
.only-wide{display:none!important}
.only-narrow{display:flex!important}
}
@media (max-width:600px){
.hero{grid-template-columns:minmax(0,1fr)}
.hero>.art{order:-1;justify-self:start;width:auto!important;height:clamp(150px,46vw,190px)!important;max-width:100%}
.hero [data-loupe]{width:78px!important;border-width:2px!important}
.ctas{width:100%;flex-wrap:nowrap}
.ctas>.btn{flex:1 1 0;min-width:0;padding:0 8px;font-size:18px}
.bgrid,.bgrid-4,.rel{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
.bkp{grid-template-columns:112px minmax(0,1fr);column-gap:16px;row-gap:0;align-items:start}
.bkp-cov{grid-column:1;grid-row:1/span 3}
.bkp-cov .bk{max-width:none}
.bkp-info{display:contents}
.bkp-info>*{grid-column:1/-1}
.bkp-info>h1{grid-column:2;grid-row:1;font-size:26px!important}
.bkp-info>.bkp-au{grid-column:2;grid-row:2;margin-top:6px!important;font-size:18px!important}
.bkp-info>.bkp-pr{grid-column:2;grid-row:3;margin-top:10px!important}
.bkp-info>.bkp-pr>span:first-child{font-size:30px!important}
.bkp-info>button,.bkp-info>.qty{margin-top:20px!important}
.ft-l{padding:10px 0}
}
/* ===== /din K.dc.html ===== */

/* Adaptări pentru WordPress (stări care în design erau randate condiționat) */
[hidden]{display:none!important}
.bk-b{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000000}
.cov img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.cov-img{padding:0}
.chip .x{display:none}
.chip[aria-pressed="true"] .x{display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tri0 .triage [data-triage-panel]{display:none!important}
.tri0 #o1{background-color:#FFFFFF!important;background-image:none!important}
.tri0 #o1 path{fill:#FFFFFF}
.bkp-desc{max-width:640px;font-size:clamp(19px,0.3vw + 18px,21px);line-height:1.5}
.bkp-desc p{margin:0}
.bkp-desc p+p{margin-top:0.8em}
.cov-big.cov-img img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
@media (max-width:600px){.bkp-info>form>button{margin-top:20px!important}}
main:has(.fis){overflow-x:clip}
a.pc-go{display:inline-flex;align-items:center}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* Copertele reale: întregi, aliniate jos; umbra din design doar pe cele plate (machetele 3D au umbra lor) */
.cov.cov-img{background:none;box-shadow:none;overflow:visible}
.cov-img.cov-flat img{filter:drop-shadow(0 1px 1px rgba(0,0,0,0.12)) drop-shadow(0 10px 9px rgba(0,0,0,0.28))}
/* Pachete: eticheta galbenă (ca .pct din design) și lista „Ce conține” (stilul .toc din design) */
.pkg{align-self:flex-start;margin-bottom:4px;padding:3px 7px 2px;background:#FAEC12;color:#000000;font-size:15px;font-weight:700;line-height:1.1}
.pkg-list li{padding:8px 0}
.pkg-list li,.pkg-list li>a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#000000}
.pkg-list img,.pkg-noimg{flex:none;width:44px;height:62px;object-fit:contain;object-position:50% 100%}
.pkg-noimg{background:#F2F2F0}
.pkg-list b{display:block;font-size:18px;line-height:1.25}
.pkg-list small{display:block;font-size:16px;color:#555555;line-height:1.3}
.pkg-list a:hover b{text-decoration:underline;text-decoration-thickness:2.5px;text-underline-offset:0.16em}
.in-pkg{margin:10px 0 0;font-size:18px;line-height:1.45}
.in-pkg a{font-weight:700}
/* Zone de atingere de min. 44px, fără să se schimbe aspectul (padding compensat cu margine negativă) */
a[data-home]{padding:6px 0;margin:-6px 0}
.ct-info>a[href^="mailto:"]{padding:7px 0;margin:-7px 0}
/* Calculatorul se desenează din JS: îi rezervăm locul, ca footerul să nu „sară” (CLS) */
[data-calc]:not(:has(.ctrl)){min-height:100vh}

/* ===== Intro-urile (design/surse/J.dc.html și L.dc.html): o dată pe vizită, doar cu JS și fără prefers-reduced-motion ===== */
.intro{display:none}
html.in-j .intro-j,html.in-l .intro-l{display:block}
.jv{position:fixed;left:0;top:0;right:0;bottom:0;z-index:40;background:#FFFFFF}
.js{position:fixed;left:0;right:0;top:0;height:min(100vh,860px);z-index:41;display:flex;align-items:center;justify-content:center;pointer-events:none}
.jp{display:block;width:min(800px,92vw);height:auto;overflow:visible}
.jc{position:fixed;left:0;top:0;z-index:42;width:min(400px,76vw);aspect-ratio:380/268;opacity:0;pointer-events:none;will-change:transform}
.jc-paper{position:absolute;left:0;top:0;right:0;bottom:0;background:#FFFFFF;box-shadow:0 24px 44px -14px rgba(0,0,0,0.38),0 2px 6px rgba(0,0,0,0.12)}
.jc-svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:visible}
.lv{position:fixed;left:0;top:0;right:0;bottom:0;z-index:40;background:#FFFFFF;cursor:pointer}
.ls{position:fixed;left:0;right:0;top:0;height:min(100vh,860px);z-index:41;display:flex;align-items:center;justify-content:center;pointer-events:none}
.lp{display:block;width:min(620px,90vw);height:auto;overflow:visible}
.lc{position:fixed;left:0;top:0;z-index:42;width:min(250px,48vw);aspect-ratio:5/7;opacity:0;pointer-events:none;will-change:transform;transform-style:preserve-3d}
.lc-paper{position:absolute;left:0;top:0;right:0;bottom:0;background:#FFFFFF;box-shadow:0 24px 44px -14px rgba(0,0,0,0.38),0 2px 6px rgba(0,0,0,0.12)}
.lc-ink{position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #000000}
.lc-ink::before{content:'';position:absolute;left:7%;top:0;bottom:0;border-left:1.5px solid #000000;opacity:0.5}
.lc-spine{position:absolute;left:0;top:0;bottom:0;width:11%;background:#E21F81;border-right:2px solid #000000}
.lc-band{position:absolute;left:11%;right:0;bottom:9%;height:3px;background:#000000}
.lc-logo{position:absolute;left:18%;top:34%;width:70%;height:auto;display:block;overflow:visible}
.jv{cursor:pointer}
/* Carte care nu mai e pe stoc: în locul butonului, același loc, fără acțiune */
.bk-out{display:flex;align-items:center;justify-content:center;height:46px;margin:0;border:2px dashed #6B6B6B;color:#555555;font-size:18px;font-weight:700;white-space:nowrap}
@media (max-width:960px){.bk-out{height:44px;font-size:16px}}
/* Comanda în 3 pași (Coș, Livrare, Plată), doar cu JS. Căsuțele sunt cele de pe fișa de comandă: galben = făcut. */
.co-steps{display:flex;align-items:center;margin:0 0 clamp(22px,2.6vw,34px);padding:0;list-style:none;font-size:18px;font-weight:600;color:#6B6B6B}
.co-steps li{display:flex;align-items:center;gap:10px;white-space:nowrap}
.co-steps li+li::before{content:'';display:block;width:clamp(28px,5vw,64px);height:2px;margin:0 14px;background:#BDBDBD}
.co-steps i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid #BDBDBD;font-style:normal;font-size:16px;font-weight:700;line-height:1}
.co-steps .now,.co-steps .done{color:#000000}
.co-steps .now i{border-color:#000000}
.co-steps .done i{border-color:#000000;background:#FAEC12}
.co-steps .now::before,.co-steps .done::before{background:#000000!important}
.co-js [data-step]>.bkp-h2:first-child{margin-top:0!important}
.co-rec{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 18px;border:2px solid #000000}
.co-rec dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin:0;font-size:18px;line-height:1.35}
.co-rec dt{color:#555555}
.co-rec dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.co-h3{margin:clamp(28px,3vw,40px) 0 12px;font-size:23px;font-weight:700;line-height:1.15}
@media (max-width:600px){.co-steps{font-size:16px}.co-steps li{gap:7px}.co-steps i{width:26px;height:26px;font-size:15px}.co-steps li+li::before{width:16px;margin:0 8px}.co-rec{flex-direction:column;gap:6px;padding:14px}.co-rec dl{grid-template-columns:minmax(0,1fr);gap:2px}.co-rec dd{margin-bottom:8px}}
[data-step] [tabindex="-1"]:focus{outline:none}
.co-back{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:16px;border:2px solid #000000;border-radius:0;background:#FFFFFF;color:#000000;cursor:pointer;font:inherit;font-size:19px;font-weight:700}
.co-back:hover{background:#F4F5F6}
/* Căsuțele de ales pentru livrare și plată (radio), ca să se vadă că e o alegere chiar și cu o singură variantă */
.oc-set{min-width:0;margin:0;padding:0;border:0}
.oc-set>legend{padding:0}
.oc+.oc{margin-top:10px}
.oc{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 16px;border:2px solid #BDBDBD;background:#FFFFFF;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}
.oc:hover{border-color:#000000}
.oc:has(input:checked){border-color:#000000;box-shadow:inset 0 0 0 1px #000000}
.oc input{flex:none;width:22px;height:22px;margin:0;accent-color:#000000}
.oc input:focus-visible{outline:3px solid #000000;outline-offset:3px}
.oc-ic{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:40px;border:1.5px solid #000000;background:#FFFFFF}
.oc:has(input:checked) .oc-ic{background:#FAEC12}
.oc-ic svg{width:26px;height:26px}
.oc-t{flex:1 1 auto;min-width:0;font-size:19px;font-weight:700;line-height:1.25}
.oc-t small{display:block;margin-top:4px;font-size:16px;font-weight:400;line-height:1.4;color:#555555}
.oc-p{flex:none;max-width:130px;font-size:17px;font-weight:700;line-height:1.25;text-align:right}
/* Pașii de sus se pot apăsa: te duc înapoi (sau mai departe, dacă poți) */
.co-steps button{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}
.co-steps button:disabled{cursor:default}
.co-steps .done button:hover,.co-steps button:not(:disabled):hover{text-decoration:underline;text-underline-offset:0.18em}
.co-steps button:focus-visible{outline:3px solid #000000;outline-offset:3px}
@media (max-width:600px){.oc{gap:10px;padding:12px}.oc-ic{width:42px;height:34px}.oc-ic svg{width:22px;height:22px}.oc-t{font-size:17px}.oc-t small{font-size:15px}.oc-p{max-width:84px;font-size:15px}.co-steps button{gap:7px}}
.oc-set{margin-top:clamp(28px,3vw,40px)}
.oc-set>legend.co-h3{margin:0 0 12px}
@media (max-width:600px){.oc-p{display:none}}
/* Pozele reale, în locul placeholder-elor (aceleași proporții) */
.foto{margin:0;overflow:hidden;background:#F2F2F0}
.foto img{display:block;width:100%;height:100%;object-fit:cover}
.grp{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
/* Picăturile din hero au o margine nevăzută de desen; nu trebuie să dea scroll orizontal pe telefon */
body:has(#f-art){overflow-x:clip}
html.mgp-ink #f-art>svg{visibility:hidden}