/* JAMIS PHOTO — black stage, red + hot-pink brand, poster type */
:root{
  --ink:#0b0b0b; --ink-2:#151515; --paper:#f5f2ed; --mute:#9a958e; --line:rgba(245,242,237,.16);
  --accent:#FF0000; --accent-ink:#fff; --pink:#F857D6; --red:#FF0000;
  --disp:"Anton","Impact","Arial Narrow Bold",sans-serif;
  --ui:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:clamp(16px,3vw,40px); --hdr:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.6 var(--ui);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--accent);padding:8px 14px}
.skip:focus{left:8px}

/* type */
.disp,.disp-xl,.disp-l,.disp-m,.disp-s{font-family:var(--disp);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:-.01em;margin:0}
.disp-xl{font-size:clamp(64px,14vw,220px)}
.disp-l{font-size:clamp(44px,7vw,104px)}
.disp{font-size:clamp(44px,8vw,128px)}
.disp-m{font-size:clamp(26px,3.4vw,44px);text-decoration:none;display:block;word-break:break-word}
.disp-s{font-size:clamp(28px,3vw,40px);margin-bottom:24px}
.kicker{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--mute);margin:0 0 10px}
.lead{font-size:clamp(19px,2vw,26px);line-height:1.35;font-weight:500;max-width:34ch}
.crumbs{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--mute);margin:0 0 18px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent)}
.link{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px;text-decoration:none;white-space:nowrap}
.link:hover{color:var(--accent)}

/* buttons — white tag like a merch store, accent for primary */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--paper);color:var(--ink);
  font:800 12px/1 var(--ui);text-transform:uppercase;letter-spacing:.12em;padding:12px 18px;text-decoration:none;border:2px solid var(--paper);transition:background .15s,color .15s}
.btn:hover{background:transparent;color:var(--paper)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn-accent:hover{background:transparent;color:var(--accent)}
.btn-lg{padding:18px 26px;font-size:14px}
.btn-block{width:100%;padding:18px}
.btn.added{background:var(--accent);border-color:var(--accent);color:#fff}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:40;height:var(--hdr);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);
  background:linear-gradient(var(--ink) 0%,rgba(11,11,11,.0) 100%);transition:background .25s}
.hdr.solid{background:rgba(11,11,11,.92);backdrop-filter:blur(8px)}
.hdr-logo{display:block;background:var(--pink);padding:7px 10px;line-height:0}
.hdr-logo .wm{height:38px;width:auto;color:var(--red)}
.hdr-nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font:800 12px/1 var(--ui);text-transform:uppercase;letter-spacing:.12em}
.hdr-nav a{text-decoration:none}.hdr-nav a:hover{color:var(--accent)}
.menu-btn{border:2px solid var(--paper);padding:9px 14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.menu-btn:hover{background:var(--paper);color:var(--ink)}
@media (max-width:760px){.hide-sm{display:none}}

/* menu overlay — the accent "poster" panel */
.menu{position:fixed;inset:0;z-index:60;display:flex}
.menu[hidden]{display:none}
.menu-panel{position:relative;z-index:1;background:var(--pink);color:var(--red);width:min(620px,100%);height:100%;overflow:auto;padding:18px var(--gut) 32px;
  display:flex;flex-direction:column;gap:28px;animation:slide .35s cubic-bezier(.2,.8,.2,1)}
.menu-scrim{flex:1;background:rgba(0,0,0,.6);cursor:default}
@keyframes slide{from{transform:translateX(-100%)}to{transform:none}}
.menu-top{display:flex;justify-content:space-between;align-items:center}
.menu-top .wm{height:44px;width:auto;color:var(--red)}
.menu-close{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.menu-big{list-style:none;margin:0;padding:0}
.menu-big a{font-family:var(--disp);font-size:clamp(52px,10vh,100px);line-height:1.1;text-transform:uppercase;text-decoration:none;display:inline-block}
.menu-big a:hover{color:var(--ink)}
.menu-sub{display:flex;flex-wrap:wrap;gap:6px 16px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.menu-sub span{width:100%;opacity:.7;font-size:11px;letter-spacing:.16em}
.menu-sub a,.menu-soc a{text-decoration:none}.menu-sub a:hover,.menu-soc a:hover{color:var(--ink)}
.menu-soc{display:flex;gap:18px;margin-top:auto;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.12em}

/* intro sequence (home) */
.intro{height:100svh;position:relative}
.intro-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.outline{font-family:var(--disp);font-size:min(36vw,56svh);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--paper);
  transform:scaleY(1.35);letter-spacing:-.02em;will-change:transform;user-select:none}
.intro-sub{position:absolute;bottom:clamp(28px,8vh,72px);left:var(--gut);right:var(--gut);text-align:center;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.2em;font-size:12px}
.scroll-cue{position:absolute;right:var(--gut);bottom:clamp(28px,8vh,72px);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);animation:bob 1.6s infinite}
@keyframes bob{50%{transform:translateY(6px)}}
@media (max-width:640px){.scroll-cue{display:none}.intro-sub{letter-spacing:.14em;font-size:11px;line-height:1.8}}
.slam{height:100svh;display:grid;place-items:center;overflow:hidden;background:var(--ink)}
.slam-word{font-family:var(--disp);font-size:min(33vw,42svh);line-height:.75;transform:scaleY(2.1);color:var(--paper);letter-spacing:-.03em;
  opacity:0;transition:opacity .5s, transform .8s cubic-bezier(.2,.8,.2,1)}
.slam.in .slam-word{opacity:1;transform:scaleY(1.7)}
.hero-photo{position:relative;min-height:100svh;display:grid;align-items:end}
.hero-photo figure{margin:0;position:absolute;inset:0}
.hero-img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15)}
.hero-quote{position:relative;margin:0;padding:var(--gut);padding-bottom:clamp(40px,10vh,100px);max-width:1100px}
.hero-quote p{font-family:var(--disp);text-transform:uppercase;font-size:clamp(34px,5.4vw,84px);line-height:.95;margin:0 0 14px}
.hero-quote cite{font-style:normal;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--accent)}

/* film grain over photos (the darkroom signature) */
.grain{position:relative;overflow:hidden;margin:0}
.grain::after{content:"";position:absolute;inset:-50%;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 1s steps(4) infinite}
@keyframes grain{25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-2%,-4%)}}
@media (prefers-reduced-motion:reduce){.grain::after,.scroll-cue,.marquee div{animation:none}.slam-word{transition:none}}

/* sections */
.sec{padding:clamp(56px,9vw,120px) var(--gut)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:clamp(24px,4vw,48px);border-bottom:1px solid var(--line);padding-bottom:16px}
.page-head{padding:calc(var(--hdr) + clamp(40px,8vw,110px)) var(--gut) clamp(32px,5vw,64px)}
.page-head.center{text-align:center;min-height:70svh;display:grid;place-content:center;justify-items:center;gap:20px}
.page-head .count{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--accent);margin:16px 0 0}
.intro-txt{max-width:70ch;margin-top:24px;color:#d9d4cc;font-size:18px}
.intro-txt p{margin:0 0 12px}

/* product grid (store) */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px) clamp(14px,2vw,28px)}
@media (max-width:900px){.grid3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid3{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;gap:14px}
.card-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--ink-2)}
.card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s;filter:grayscale(.15)}
.card:hover .card-img,.tile:hover img,.post-card:hover .card-img{transform:scale(1.04);filter:none}
.card-meta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.card-meta h3{margin:0;font:800 14px/1.25 var(--ui);text-transform:uppercase;letter-spacing:.06em}
.card-meta h3 a{text-decoration:none}
.card-cat{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.price{font-weight:700;font-size:14px;margin-bottom:6px}
.ph{background:var(--ink-2)}
/* viewfinder corners on hover */
.vf{position:absolute;inset:12px;pointer-events:none;opacity:0;transition:opacity .25s,inset .25s;
  background:linear-gradient(var(--accent),var(--accent)) 0 0/22px 3px,linear-gradient(var(--accent),var(--accent)) 0 0/3px 22px,
  linear-gradient(var(--accent),var(--accent)) 100% 0/22px 3px,linear-gradient(var(--accent),var(--accent)) 100% 0/3px 22px,
  linear-gradient(var(--accent),var(--accent)) 0 100%/22px 3px,linear-gradient(var(--accent),var(--accent)) 0 100%/3px 22px,
  linear-gradient(var(--accent),var(--accent)) 100% 100%/22px 3px,linear-gradient(var(--accent),var(--accent)) 100% 100%/3px 22px;background-repeat:no-repeat}
a:hover>.vf{opacity:1;inset:18px}

/* gallery big list (home) */
.biglist{list-style:none;margin:0;padding:0}
.biglist a{display:grid;grid-template-columns:56px 1fr auto;align-items:baseline;gap:16px;padding:6px 0;border-bottom:1px solid var(--line);text-decoration:none}
.biglist .idx{font-weight:800;font-size:12px;color:var(--mute);letter-spacing:.1em}
.biglist .nm{font-family:var(--disp);text-transform:uppercase;font-size:clamp(44px,8.5vw,128px);line-height:1.12;padding-top:.06em;transition:color .15s,transform .3s}
.biglist .ct{font-weight:700;color:var(--mute)}
.biglist a:hover .nm{color:var(--accent);transform:translateX(12px)}
.preview{position:fixed;z-index:30;width:260px;aspect-ratio:4/5;object-fit:cover;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(-3deg);transition:opacity .2s}
.preview.on{opacity:1}
@media (hover:none){.preview{display:none}}

.marquee{background:var(--pink);color:var(--red);overflow:hidden;white-space:nowrap;padding:14px 0;font-family:var(--disp);font-size:clamp(28px,4vw,52px);text-transform:uppercase}
.marquee div{display:inline-flex;animation:mq 40s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:80svh}
.split figure{min-height:60svh}
.split-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:grayscale(1) contrast(1.1)}
.split-txt{padding:clamp(32px,6vw,96px) var(--gut);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}
.split-txt .lead{margin:0}
.pricelist-teaser{min-height:auto;grid-template-columns:1fr;background:var(--ink-2)}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* gallery tiles + masonry */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px)}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--ink-2);text-decoration:none}
.tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.75);transition:transform .6s,filter .4s}
.tile-name{position:absolute;left:14px;bottom:10px;font-family:var(--disp);font-size:clamp(28px,3.4vw,52px);text-transform:uppercase;line-height:1}
.tile-ct{position:absolute;right:14px;top:12px;font-weight:800;font-size:12px;letter-spacing:.1em}
.masonry{columns:3 300px;column-gap:clamp(10px,1.4vw,18px);padding:0 var(--gut)}
.sec .masonry{padding:0}
.g-item{display:block;margin:0 0 clamp(10px,1.4vw,18px);break-inside:avoid;position:relative;overflow:hidden;background:var(--ink-2)}
.g-item img{width:100%;transition:transform .6s,opacity .4s}
.g-item:hover img{transform:scale(1.03)}
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:clamp(48px,7vw,96px) var(--gut);padding:clamp(24px,3vw,40px);background:var(--pink);color:var(--red)}
.cta-band p{margin:0;font-family:var(--disp);text-transform:uppercase;font-size:clamp(30px,4vw,60px);line-height:1}
.cta-band .btn{background:var(--red);border-color:var(--red);color:#fff}
.cta-band .btn:hover{background:transparent;color:var(--red)}
.seo{padding:0 var(--gut) clamp(48px,6vw,80px)}
.cols{columns:2 420px;column-gap:56px;color:#d9d4cc}
.cols h3,.prose h3,.prose h2{font:800 15px/1.3 var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--paper);margin:28px 0 8px;break-after:avoid}
.cols p,.prose p{margin:0 0 14px}
.others{display:flex;flex-wrap:wrap;gap:10px;padding:0 var(--gut) clamp(48px,6vw,80px)}
.others span{width:100%;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.others a,.chips a{border:1px solid var(--line);padding:8px 14px;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.others a:hover,.chips a:hover{border-color:var(--accent);color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}

/* product */
.product{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,72px);padding:calc(var(--hdr) + 32px) var(--gut) 40px}
@media (max-width:860px){.product{grid-template-columns:1fr}}
.p-media{display:flex;flex-direction:column;gap:12px}
.p-main{aspect-ratio:4/5;background:var(--ink-2)}
.p-img{width:100%;height:100%;object-fit:cover}
.p-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.pthumb{aspect-ratio:1;overflow:hidden}.pthumb img{width:100%;height:100%;object-fit:cover}
.p-info{position:sticky;top:calc(var(--hdr) + 24px);align-self:start;display:flex;flex-direction:column;gap:20px}
.pprice{font-family:var(--disp);font-size:48px;margin:0;color:var(--accent)}
.buy{display:flex;gap:12px;flex-wrap:wrap}
.qty{display:flex;border:2px solid var(--paper)}
.qty button{width:44px;font-size:20px}.qty input{width:52px;text-align:center;background:none;border:0;color:inherit;font:700 16px var(--ui);-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.p-desc{color:#d9d4cc;border-top:1px solid var(--line);padding-top:20px}
.p-desc p{margin:0 0 12px}
.note{color:var(--mute);font-size:14px}.note a{color:var(--paper)}
.pricelist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pl-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.pl-row h3{margin:0;font:700 15px/1.3 var(--ui)}.pl-row p{margin:4px 0 0;color:var(--mute);font-size:13px}
.pl-row .price{margin:0;font-size:16px;white-space:nowrap}
@media (max-width:520px){.pl-row{grid-template-columns:1fr auto}.pl-row .btn{grid-column:1/-1}}

/* blog */
.post-card a{text-decoration:none;display:flex;flex-direction:column;gap:12px}
.post-card .card-img{aspect-ratio:4/3;height:auto;object-fit:cover}
.post-card h3{margin:0;font:800 17px/1.25 var(--ui);text-transform:uppercase;letter-spacing:.02em}
.post-card p{margin:0;color:var(--mute);font-size:14px}
.post-card:hover h3{color:var(--accent)}
.post{padding-bottom:40px}
.post-head{padding:calc(var(--hdr) + clamp(40px,7vw,96px)) var(--gut) 32px;max-width:1300px}
.post-hero{max-height:80svh;margin:0 var(--gut) 48px}
.post-hero img{width:100%;max-height:80svh;object-fit:cover}
.prose{max-width:72ch;margin:0 auto 48px;padding:0 var(--gut);font-size:18px;color:#ddd8d0}
.prose.wide{max-width:900px}
.prose ul{padding-left:20px}.prose li{margin:6px 0}
.prose h2{font-size:18px}

/* about */
.facts{list-style:none;margin:0;padding:clamp(48px,7vw,96px) var(--gut);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line)}
.facts li{display:flex;flex-direction:column;gap:8px}.facts .disp{color:var(--accent)}
.facts span:last-child{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--mute)}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,1fr)}}

/* contact, forms, cart */
.contact,.checkout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);padding:0 var(--gut) clamp(56px,8vw,110px)}
@media (max-width:860px){.contact,.checkout{grid-template-columns:1fr}}
.contact-cards{display:grid;gap:32px;align-content:start}
.contact-cards p{margin:6px 0 0;color:#d9d4cc}
.contact-cards a:hover{color:var(--accent)}
.form{display:flex;flex-direction:column;gap:18px}
.form label{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.form input,.form textarea{background:transparent;border:0;border-bottom:2px solid var(--line);color:var(--paper);font:500 18px var(--ui);padding:10px 0;border-radius:0}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form fieldset{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px}
.form legend{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:0 6px}
.form .radio{flex-direction:row;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-weight:500;font-size:15px}
.form .radio input{accent-color:var(--accent);width:18px;height:18px}
.form .hp{position:absolute;left:-9999px}
.form-msg{min-height:1.5em;margin:0;font-weight:600}
.form-msg.err{color:var(--accent)}
.cart{padding:0 var(--gut) clamp(56px,8vw,110px);max-width:1100px}
.cart-list{list-style:none;margin:0 0 32px;padding:0;border-top:1px solid var(--line)}
.cart-item{display:grid;grid-template-columns:80px 1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cart-item img,.cart-item .ph{width:80px;aspect-ratio:4/5;object-fit:cover}
.cart-item a{font-weight:700;text-decoration:none}
.cart-item .rm{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
.cart-item .rm:hover{color:var(--accent)}
.compact .cart-item{grid-template-columns:56px 1fr auto}.compact .cart-item img,.compact .cart-item .ph{width:56px}.compact .qty,.compact .rm{display:none}
.cart-sum{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cart-sum p:first-child{font-family:var(--disp);font-size:40px;margin:0;text-transform:uppercase}
.summary{background:var(--ink-2);padding:24px;align-self:start;position:sticky;top:calc(var(--hdr) + 24px)}
.total{font-family:var(--disp);font-size:32px;text-transform:uppercase;margin:0}

/* link-in-bio */
.links{max-width:520px;margin:0 auto;padding:calc(var(--hdr) + 24px) var(--gut) 64px;display:flex;flex-direction:column;gap:20px}
.links figure img{aspect-ratio:4/5;object-fit:cover;width:100%}
.links-logo{background:var(--pink);padding:16px;line-height:0}.links-logo .wm{width:100%;height:auto;color:var(--red)}
.links ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}

/* footer */
.ftr{border-top:1px solid var(--line);margin-top:40px}
.ftr-big a{display:block;padding:clamp(32px,6vw,72px) var(--gut);font-family:var(--disp);text-transform:uppercase;font-size:clamp(48px,10vw,170px);line-height:.9;text-decoration:none;border-bottom:1px solid var(--line)}
.ftr-big a:hover{background:var(--pink);color:var(--red)}
.ftr-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding:48px var(--gut);font-size:14px;color:#cfcac2}
.ftr-grid h3{font:800 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--paper);margin:0 0 14px}
.ftr-grid p{margin:0;line-height:1.8}.ftr-grid a{text-decoration:none}.ftr-grid a:hover{color:var(--accent)}
.ftr-logo{background:var(--pink);display:inline-block;padding:12px;line-height:0;margin-bottom:14px}.ftr-logo .wm{height:40px;width:auto;color:var(--red)}
.ftr-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px var(--gut);border-top:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.ftr-soc{display:flex;gap:18px}.ftr-soc a{text-decoration:none}.ftr-soc a:hover{color:var(--accent)}
@media (max-width:860px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ftr-grid{grid-template-columns:1fr}}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(5,5,5,.97);display:grid;grid-template-columns:64px 1fr 64px;align-items:center}
.lb[hidden]{display:none}
.lb figure{margin:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 0 24px}
.lb img{max-height:calc(100svh - 110px);max-width:100%;width:auto;object-fit:contain}
.lb figcaption{font-weight:800;font-size:12px;letter-spacing:.2em;color:var(--mute)}
.lb button{font-size:28px;height:100%;color:var(--paper)}.lb button:hover{color:var(--accent)}
.lb-x{position:absolute;top:12px;right:16px;height:auto!important;font-size:22px!important;z-index:1}
@media (max-width:640px){.lb{grid-template-columns:40px 1fr 40px}}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--accent);color:#fff;padding:14px 20px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:12px;z-index:90;opacity:0;transition:.3s;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ===== Left nav box (pink panel, red type) — replaces the top bar menu ===== */
.hdr{position:fixed;inset:0 0 auto;z-index:40;height:auto;display:flex;justify-content:space-between;align-items:flex-start;
  padding:clamp(14px,1.8vw,26px) var(--gut);background:none!important;backdrop-filter:none!important;pointer-events:none}
.hdr>*{pointer-events:auto}
.navbox{background:var(--pink);color:var(--red);border:1.5px solid var(--red);width:clamp(240px,20vw,320px);padding:14px 16px 14px;
  display:flex;flex-direction:column;align-items:stretch;transition:width .3s ease}
.nb-logo{display:block;line-height:0}
.nb-logo .wm{width:100%;height:auto;color:var(--red)}
.nb-toggle{display:none;color:var(--red);font:800 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;padding:8px 0 0}
.nb-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease,opacity .25s}
.nb-body>*{overflow:hidden;min-height:0}
.nb-links{list-style:none;margin:0;padding:18px 0 6px;text-align:center}
.nb-links a{display:inline-block;font:700 clamp(26px,2.3vw,38px)/1.32 var(--ui);letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;color:var(--red)}
.nb-links a:hover,.nb-links a[aria-current]{color:#fff}
.nb-soc{display:flex;justify-content:space-between;padding:14px 4px 2px}
.nb-soc a{color:var(--red);width:24px;height:24px;display:block}.nb-soc a:hover{color:#fff}
.nb-soc svg{width:100%;height:100%}
/* collapsed after scrolling: just the logo; hover/tap opens it again */
.navbox.mini .nb-body{grid-template-rows:0fr;opacity:0}
.navbox.mini .nb-toggle{display:block}
.navbox.mini:hover .nb-body,.navbox.mini.open .nb-body{grid-template-rows:1fr;opacity:1}
.navbox.mini:hover .nb-toggle,.navbox.mini.open .nb-toggle{display:none}
.hdr-util{display:flex;gap:20px;font:800 12px/1 var(--ui);text-transform:uppercase;letter-spacing:.12em;padding-top:8px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hdr-util a{text-decoration:none}.hdr-util a:hover{color:var(--pink)}
@media (max-width:760px){
  .navbox{width:150px;padding:10px 12px}
  .navbox .nb-body{grid-template-rows:0fr;opacity:0}
  .navbox .nb-toggle{display:block}
  .navbox.open{width:calc(100vw - 2*var(--gut))}
  .navbox.open .nb-body{grid-template-rows:1fr;opacity:1}
  .navbox.open .nb-toggle{display:none}
  .navbox.mini:hover .nb-body{grid-template-rows:0fr;opacity:0}
  .navbox.mini.open .nb-body{grid-template-rows:1fr;opacity:1}
}
/* keep page titles clear of the open box on desktop */
@media (min-width:1000px){
  body:not(.home) .page-head:not(.center),body:not(.home) .post-head{padding-left:calc(var(--gut) + clamp(240px,20vw,320px) + 40px)}
  body:not(.home) .product{padding-top:calc(var(--hdr) + 32px);padding-left:calc(var(--gut) + clamp(240px,20vw,320px) + 40px)}
}

/* ===== Home cover: full-bleed photo + white headline ===== */
.cover{position:relative;height:100svh;min-height:560px;display:grid;place-items:center;overflow:hidden;background:#000}
.cover-bg{position:absolute;inset:0;margin:0}
.cover-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.cover::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.28) 30%,rgba(0,0,0,.55) 100%)}
.cover-title{text-shadow:0 2px 24px rgba(0,0,0,.35)}
.cover-title{position:relative;z-index:2;margin:0;padding:0 var(--gut);text-align:center;color:#fff;
  font:500 clamp(46px,8vw,150px)/.96 var(--ui);letter-spacing:-.025em;text-transform:uppercase}
.cover-title span{display:block}
.cover-sub{position:absolute;z-index:2;left:0;right:0;bottom:clamp(20px,5vh,48px);margin:0;text-align:center;font:800 12px/1.6 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:#fff;padding:0 var(--gut)}
.cover-bg .cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:0;transition:opacity 1.1s ease}
.cover-bg .cv.on{opacity:1}
.cover-word{display:block;color:#fff;text-decoration:none;transition:opacity .35s}
.cover-word.out{opacity:0}
.cover-word:hover{color:var(--pink)}

/* ===== Store tiles (Madonna-style: 3 in a row, floating square covers, white button) ===== */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(24px,5vw,96px);row-gap:clamp(56px,7vw,110px);background:#000}
@media (max-width:900px){.mgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.mgrid{grid-template-columns:1fr}}
.mcard{display:flex;flex-direction:column;align-items:center;text-align:center}
.mc-media{display:block;position:relative;width:min(100%,460px);aspect-ratio:1;min-height:0;margin-bottom:clamp(32px,4.5vw,70px)}
.mc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mcard:hover .mc-img{transform:translateY(-6px) scale(1.015)}
.mc-title{margin:0;font:700 clamp(15px,1.25vw,20px)/1.45 var(--ui);letter-spacing:.06em;text-transform:uppercase}
.mc-title a{text-decoration:none}.mc-title span{display:block}
.mc-title a:hover{color:var(--pink)}
.mc-price{margin:4px 0 14px;font:600 13px/1 var(--ui);letter-spacing:.08em;color:var(--mute)}
.mc-btn{display:inline-block;background:#fff;color:#000;border:0;font:800 clamp(14px,1.1vw,18px)/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;
  padding:11px 18px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.mc-btn:hover{background:var(--pink);color:var(--red)}
.mc-btn.added{background:var(--red);color:#fff}

/* ===== Corner art: red striped photographer, fixed bottom-right (like madonna.com) ===== */
.corner-art{position:fixed;right:clamp(10px,1.6vw,28px);bottom:clamp(10px,1.6vw,24px);z-index:35;width:clamp(56px,6vw,110px);height:auto;pointer-events:none;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}
.lb:not([hidden])~.corner-art{display:none}
@media (max-width:540px){.corner-art{width:48px}}
@media print{.corner-art{display:none}}

/* ===== Galleries: even grid (rows aligned), full photo opens in the lightbox ===== */
.masonry{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,16px)}
.g-item{margin:0;aspect-ratio:4/5}
.g-item img{width:100%;height:100%;object-fit:cover}
@media (max-width:640px){.masonry{grid-template-columns:repeat(2,1fr)}}
/* fill the last row so the bottom edge is straight too */
@media (min-width:641px){
  .masonry>.g-item:last-child:nth-child(3n+1){grid-column:span 3;aspect-ratio:12/5}
  .masonry>.g-item:last-child:nth-child(3n+2){grid-column:span 2;aspect-ratio:8/5}
}
@media (max-width:640px){
  .masonry>.g-item:last-child:nth-child(2n+1){grid-column:span 2;aspect-ratio:8/5}
}
.masonry>.g-item:last-child img{object-position:50% 35%}
.split-img.color{filter:none;object-position:22% 50%}
.about-fig figcaption{position:absolute;z-index:2;left:12px;bottom:10px;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.75)}
.about-fig figcaption a{text-decoration:none}

/* ===== Reviews: auto-scrolling strip of cards (pauses on hover, static when reduced motion) ===== */
.rv-score{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:24px 0 0;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--mute)}
.rv-score .disp{color:var(--paper);font-size:clamp(48px,6vw,88px)}
.rv-stars{color:var(--red);letter-spacing:.12em;font-size:18px;margin:0}
.rv-marquee{overflow:hidden;padding:8px 0 clamp(40px,6vw,80px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rv-track{display:flex;gap:24px;width:max-content;animation:rvscroll 55s linear infinite}
.rv-dup{display:contents}
.rv-marquee:hover .rv-track,.rv-marquee:focus-within .rv-track{animation-play-state:paused}
@keyframes rvscroll{to{transform:translateX(calc(-50% - 12px))}}
.rv{width:min(380px,82vw);flex:none;background:var(--pink);color:var(--red);padding:26px 26px 22px;display:flex;flex-direction:column;gap:12px}
.rv-head{display:flex;align-items:center;gap:14px}
.rv-av{width:48px;height:48px;border-radius:50%;background:var(--red);color:var(--pink);display:grid;place-items:center;font:800 16px/1 var(--ui);flex:none}
.rv h3{margin:0;font:800 16px/1.2 var(--ui);text-transform:uppercase;letter-spacing:.03em}
.rv time{font-size:12px;font-weight:600;opacity:.8}
.rv-text{margin:0;font:500 16px/1.5 var(--ui);color:#2a0008}
.rv-src{margin:auto 0 0;font:800 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;opacity:.7}
@media (prefers-reduced-motion:reduce){
  .rv-track{animation:none;flex-wrap:wrap;width:auto;padding:0 var(--gut)}
  .rv-dup{display:none}
  .rv-marquee{-webkit-mask-image:none;mask-image:none}
}
.rv-all{margin-left:auto;font-size:13px}

/* ===== Blog: classic card grid (photo → meta → title → excerpt) ===== */
.blog-head{padding-bottom:clamp(16px,3vw,32px)}
.blog-sec{padding-top:clamp(16px,2vw,24px)}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,44px) clamp(18px,2vw,28px)}
@media (max-width:1200px){.bgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.bgrid{grid-template-columns:1fr}}
.bcard-link{display:flex;flex-direction:column;gap:10px;text-decoration:none;height:100%}
.bcard-img{aspect-ratio:3/2;overflow:hidden;background:var(--ink-2);margin-bottom:6px}
.bcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bcard:hover .bcard-img img{transform:scale(1.04)}
.bcard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font:600 12px/1.3 var(--ui);color:var(--mute);letter-spacing:.02em}
.bcard-meta>*+*::before{content:"·";margin-right:12px;color:var(--mute)}
.bcard-topic{color:var(--pink);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.bcard h3{margin:0;font:700 clamp(17px,1.25vw,20px)/1.3 var(--ui);letter-spacing:-.01em;color:var(--paper)}
.bcard:hover h3{color:var(--pink)}
.bcard-ex{margin:0;font-size:14.5px;line-height:1.55;color:#bdb8b0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcard-more{margin-top:auto;padding-top:4px;font:800 12px/1 var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--paper)}
.bcard:hover .bcard-more{color:var(--pink)}
/* article page */
.post-head{max-width:860px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
@media (min-width:1000px){body:not(.home) .post-head{padding-left:var(--gut)}}
.post-title{margin:0 0 16px;font:700 clamp(30px,4vw,54px)/1.12 var(--ui);letter-spacing:-.02em}
.post-hero{max-width:1100px;margin:0 auto 48px;padding:0 var(--gut)}
.post-hero img{width:100%;max-height:70svh;object-fit:cover}
.post-gal{max-width:1100px;margin:0 auto}
.blog-h2{margin:0;font:700 clamp(24px,2.4vw,34px)/1.1 var(--ui);letter-spacing:-.01em}
@media (min-width:1000px){.post-head{margin-left:max(calc(var(--gut) + clamp(240px,20vw,320px) + 24px),calc((100% - 860px)/2))}}

/* ===== Contact map ===== */
.map-sec{padding:0 var(--gut) clamp(56px,8vw,110px)}
.map-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-bottom:20px;border-top:1px solid var(--line);padding-top:clamp(32px,4vw,56px)}
.map-head p{margin:0;color:#cfcac2}
.map-head .mc-btn{margin-left:auto}
.map-frame{position:relative;aspect-ratio:21/9;min-height:320px;background:var(--ink-2);border:1.5px solid var(--red)}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){.map-frame{aspect-ratio:4/5}}

/* ===== Cart & checkout: logo only, no menu, so the cart stays clear ===== */
body.shopflow .navbox{width:auto;padding:10px 12px}
body.shopflow .navbox .nb-logo .wm{width:auto;height:clamp(44px,4.4vw,64px)}
body.shopflow .nb-body,body.shopflow .nb-toggle{display:none!important}
body.shopflow .page-head{padding-top:calc(clamp(44px,4.4vw,64px) + 120px);padding-left:var(--gut)!important}
body.shopflow .cart,body.shopflow .checkout{max-width:1100px}
.compact .cart-item label,.compact .cart-item button{display:none!important}

/* Blog: 3 per row with larger photos (matches shop/gallery scale) */
.bgrid{grid-template-columns:repeat(3,1fr);gap:clamp(40px,4.5vw,72px) clamp(20px,2.6vw,40px)}
@media (max-width:1000px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.bgrid{grid-template-columns:1fr}}
.bcard-img{aspect-ratio:4/3;margin-bottom:10px}
.bcard h3{font-size:clamp(20px,1.7vw,26px)}
.bcard-ex{font-size:15.5px}
.bcard-meta{font-size:13px}

/* ===== Subpages: compact nav box (logo + MENU), opens only on click ===== */
body.compactnav .navbox{width:clamp(170px,13vw,220px);transition:none}
body.compactnav .navbox.open{width:clamp(240px,20vw,320px)}
@media (hover:hover){
  body.compactnav .navbox:hover{width:clamp(240px,20vw,320px)}
  body.compactnav .navbox.mini:hover .nb-body{grid-template-rows:1fr;opacity:1}
  body.compactnav .navbox.mini:hover .nb-toggle{display:none}
}
@media (min-width:1000px){
  body.compactnav .page-head:not(.center),body.compactnav .post-head{padding-left:var(--gut)}
  body.compactnav .product{padding-left:var(--gut)}
  body.compactnav .post-head{margin-left:auto}
}
body.compactnav .page-head{padding-top:calc(var(--hdr) + clamp(90px,10vw,140px))}
body.compactnav .product{padding-top:calc(var(--hdr) + clamp(90px,10vw,140px))}
body.compactnav .post-head{padding-top:calc(var(--hdr) + clamp(90px,10vw,140px))}

/* ===== Cart & checkout (Madonna-clean table + summary card, steps, discount code) ===== */
.cart-wrap{max-width:1240px;margin:0 auto;padding:calc(clamp(44px,4.4vw,64px) + 96px) var(--gut) clamp(40px,6vw,80px)}
body.shopflow .cart-wrap .disp-l{font-size:clamp(44px,6vw,88px)}
.steps{display:flex;align-items:center;gap:14px;margin-bottom:clamp(28px,4vw,48px);font:700 13px/1 var(--ui);color:var(--mute);flex-wrap:wrap}
.steps span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);font-size:12px}
.steps span.on{color:var(--paper)}.steps span.on b{background:var(--pink);border-color:var(--pink);color:var(--red)}
.steps span.done b{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.steps i{flex:0 1 60px;height:1.5px;background:var(--line)}
.cart-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,36px)}
.cart2{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(28px,4vw,64px);align-items:start}
.cart2[hidden]{display:none}
@media (max-width:980px){.cart2{grid-template-columns:1fr}}
.cart-thead{display:grid;grid-template-columns:1fr 170px 110px;padding:0 0 12px;border-bottom:1px solid var(--line);font:800 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cart-thead span:last-child{text-align:right}
.cart-rows{list-style:none;margin:0;padding:0}
.crow{display:grid;grid-template-columns:96px 1fr 170px 110px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.crow-img{display:block;width:96px;aspect-ratio:1;overflow:hidden;background:var(--ink-2)}
.crow-img img{width:100%;height:100%;object-fit:cover}
.crow-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.crow-info a{font:800 15px/1.3 var(--ui);text-transform:uppercase;letter-spacing:.03em;text-decoration:none}
.crow-info a:hover{color:var(--pink)}
.crow-info span{color:var(--mute);font-size:14px}
.crow-qty{display:flex;align-items:center;gap:10px}
.crow-qty .qty{border-width:1.5px}.crow-qty .qty button{width:36px;height:40px}.crow-qty .qty input{width:36px}
.crow-rm{width:36px;height:36px;display:grid;place-items:center;color:var(--mute)}
.crow-rm svg{width:20px;height:20px}.crow-rm:hover{color:var(--pink)}
.crow-total{text-align:right;font:800 16px/1 var(--ui)}
@media (max-width:640px){
  .cart-thead{display:none}
  .crow{grid-template-columns:72px 1fr auto;grid-template-areas:"img info total" "img qty qty";gap:10px 14px}
  .crow-img{grid-area:img;width:72px}.crow-info{grid-area:info}.crow-qty{grid-area:qty}.crow-total{grid-area:total}
}
.cart-rows.mini .crow{grid-template-columns:64px 1fr auto;gap:14px;padding:14px 0}
.cart-rows.mini .crow-img{width:64px}
.cart-rows.mini .crow-info a{font-size:13px}
.cart-count{margin:14px 0 0;color:var(--mute);font-size:14px}
.cart-side{background:var(--ink-2);border-top:3px solid var(--pink);padding:clamp(22px,2.4vw,32px);position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.cart-side h2{margin:0;font:800 14px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase}
.sum-rows{display:grid;grid-template-columns:1fr auto;gap:10px 16px;margin:0;font-size:15px}
.sum-rows dt{color:#cfcac2}.sum-rows dd{margin:0;text-align:right;font-weight:700}
.sum-rows dt[hidden],.sum-rows dd[hidden]{display:none}
.sum-rows [data-disc]{color:var(--pink)}
.code-rm{font-size:12px;color:var(--mute);text-decoration:underline;margin-left:6px}
.code{border:1px dashed var(--line);padding:12px 14px}
.code[hidden]{display:none}
.code summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;align-items:center;gap:10px}
.code summary::before{content:"%";width:22px;height:22px;border-radius:50%;background:var(--pink);color:var(--red);display:grid;place-items:center;font:800 12px/1 var(--ui)}
.code summary::-webkit-details-marker{display:none}
.code-form{display:flex;gap:8px;margin-top:12px}
.code-form input{flex:1;min-width:0;background:transparent;border:1.5px solid var(--line);color:var(--paper);font:600 15px var(--ui);padding:10px 12px;text-transform:uppercase;letter-spacing:.06em}
.code-form input:focus{outline:none;border-color:var(--pink)}
.code-msg{margin:8px 0 0;font-size:13px;min-height:0}.code-msg.err{color:var(--pink)}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:16px}
.sum-total span{font:800 14px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase}
.sum-total strong{font-family:var(--disp);font-weight:400;font-size:clamp(36px,3.4vw,48px);line-height:1}
.cart-side .note{margin:-8px 0 0;font-size:13px}
.btn-block{width:100%}
.trust{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:13px;color:#bdb8b0}
.trust b{color:var(--paper);margin-right:4px}.trust a{color:var(--paper)}
.cart-empty2{text-align:center;max-width:520px;margin:clamp(20px,4vw,60px) auto;display:flex;flex-direction:column;align-items:center;gap:14px}
.cart-empty2[hidden]{display:none}
.cart-empty2 svg{width:72px;height:72px;color:var(--pink)}
.cart-empty2 h2{margin:0;font:700 clamp(24px,2.4vw,32px)/1.2 var(--ui)}
.cart-empty2 p{margin:0;color:#bdb8b0}
.cart-empty-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}
/* checkout form */
.form-h{margin:8px 0 0;font:800 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:640px){.form-2{grid-template-columns:1fr}}
.pay{display:grid;gap:10px}
.pay-opt{flex-direction:row!important;align-items:flex-start;gap:14px!important;border:1.5px solid var(--line);padding:16px;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}
.pay-opt:has(input:checked){border-color:var(--pink);background:rgba(248,87,214,.06)}
.pay-opt input{accent-color:var(--pink);width:18px;height:18px;margin-top:2px}
.pay-opt span{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#bdb8b0}
.pay-opt b{color:var(--paper);font-size:15px}
.ftr-credit a{text-decoration:none;color:var(--paper)}.ftr-credit a:hover{color:var(--pink)}
.ftr-base{padding-right:calc(var(--gut) + clamp(56px,6vw,110px) + 16px);padding-bottom:28px}

/* ===== "Added to cart" popup (top right, under the cart link) ===== */
.added-pop{position:fixed;z-index:70;top:64px;right:var(--gut);width:min(380px,calc(100vw - 2*var(--gut)));background:#000;border:1px solid #2a2a2a;
  padding:22px 26px 26px;display:flex;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 24px 60px rgba(0,0,0,.6);
  opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .25s}
.added-pop.on{opacity:1;transform:none;pointer-events:auto}
.ap-head{display:flex;align-items:center;gap:10px;font:800 13px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}
.ap-head svg{width:18px;height:18px;color:var(--pink)}
.ap-x{margin-left:auto;font-size:18px;color:var(--paper)}.ap-x:hover{color:var(--pink)}
.ap-item{display:flex;align-items:flex-start;gap:16px;padding-bottom:6px}
.ap-item img,.ap-ph{width:80px;aspect-ratio:1;object-fit:cover;border:1px solid #222;flex:none;background:var(--ink-2)}
.ap-item strong{font:800 17px/1.25 var(--ui);text-transform:uppercase;letter-spacing:.03em}
.ap-view{display:block;text-align:center;border:2px solid var(--pink);color:var(--pink);padding:14px;font:800 14px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.ap-view:hover{background:var(--pink);color:var(--red)}
.ap-check,.ap-cont{display:block;text-align:center;color:var(--pink);font:800 14px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:4px}
.ap-cont{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.ap-check:hover,.ap-cont:hover{color:var(--paper)}
@media (max-width:540px){.added-pop{top:auto;bottom:12px}}

/* ===== Light shop theme (cart, checkout, product pages — like shop.madonna.com): black top bar, white page ===== */
body.light{--ink:#ffffff;--ink-2:#f5f5f3;--paper:#0b0b0b;--line:rgba(0,0,0,.13);--mute:#6b6b6b;background:#fff;color:#0b0b0b}
body.light .hdr{background:#000!important;align-items:center;padding-top:14px;padding-bottom:14px}
body.light .hdr-util{color:#fff;text-shadow:none}
body.light .hdr-util a:hover{color:var(--pink)}
body.shopflow .cart-wrap{padding-top:calc(clamp(44px,4.4vw,64px) + 110px)}
body.light .cart-side{background:#f5f5f3;border-top-color:#000}
body.light .crow-img{background:#f0f0f0}
body.light .crow-info span,body.light .trust,body.light .cart-empty2 p,body.light .sum-rows dt{color:#555}
body.light .sum-rows [data-disc],body.light .code-msg.err,body.light .form-h{color:#d1189f}
body.light .code summary::before{background:#000;color:#fff}
body.light .steps span.on b{background:#000;border-color:#000;color:#fff}
body.light .pay-opt:has(input:checked){border-color:#000;background:#f5f5f3}
body.light .pay-opt input,body.light .form .radio input{accent-color:#000}
body.light .pay-opt span{color:#555}
body.light .form input,body.light .form textarea{color:#0b0b0b;border-bottom-color:rgba(0,0,0,.25)}
body.light .form input:focus,body.light .form textarea:focus{border-color:#000}
body.light .btn-accent{background:#000;border-color:#000;color:#fff}
body.light .btn-accent:hover{background:#fff;color:#000}
body.light .btn:not(.btn-accent){background:#fff;color:#000;border-color:#000}
body.light .btn:not(.btn-accent):hover{background:#000;color:#fff}
body.light .link:hover,body.light .crow-info a:hover,body.light .crow-rm:hover{color:#d1189f}
body.light .cart-empty2 svg{color:#000}
body.light .mgrid{background:transparent}
body.light .mc-btn{background:#000;color:#fff}
body.light .mc-btn:hover{background:var(--pink);color:var(--red)}
body.light .mc-img{box-shadow:0 14px 34px rgba(0,0,0,.18)}
body.light .mc-price{color:#6b6b6b}
body.light .corner-art{filter:none}
/* footer stays dark */
body.light .ftr{--ink:#0b0b0b;--ink-2:#151515;--paper:#f5f2ed;--line:rgba(245,242,237,.16);--mute:#9a958e;background:#0b0b0b;color:var(--paper);margin-top:0}
body.light .ftr-big a{color:var(--paper)}
body.light .pprice{color:#000}
body.light .p-desc{color:#444;border-top-color:rgba(0,0,0,.13)}
body.light .p-desc p{text-transform:none}
body.light .p-main{background:#f5f5f3}
body.light .qty{border-color:#000}
body.light .crumbs{color:#6b6b6b}
body.light .note,body.light .note a{color:#555}
body.light .pl-row p{color:#666}
body.light .sec-head{border-bottom-color:rgba(0,0,0,.13)}
body.light .lb{--paper:#f5f2ed}

/* ===== Product page: "Mohlo by sa vám páčiť" (Madonna 'You may also like') ===== */
.also{padding:clamp(48px,6vw,96px) var(--gut) clamp(56px,7vw,110px);max-width:1500px;margin:0 auto}
.also h2{margin:0 0 clamp(24px,3vw,44px);font:800 clamp(28px,3vw,46px)/1 var(--ui);text-transform:uppercase;letter-spacing:-.01em}
.also-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,36px)}
@media (max-width:900px){.also-grid{grid-template-columns:repeat(2,1fr)}}
.also-item{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.also-img{display:block;aspect-ratio:1;overflow:hidden;background:var(--ink-2);margin-bottom:12px}
.also-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.also-item:hover .also-img img{transform:scale(1.04)}
.also-name{font:800 clamp(15px,1.2vw,19px)/1.3 var(--ui);text-transform:uppercase;letter-spacing:.04em}
.also-price{font:700 clamp(15px,1.2vw,19px)/1.3 var(--ui);letter-spacing:.04em}
.also-item:hover .also-name{color:#d1189f}

/* ===== Light shop theme: only the main CTA is pink; % badge = black ring + pink sign ===== */
body.light .cart-side .btn-accent{background:var(--pink);border-color:var(--pink);color:var(--red)}
body.light .cart-side .btn-accent:hover{background:#000;border-color:#000;color:#fff}
body.light .code summary::before{background:transparent;border:2px solid #000;color:var(--pink);box-sizing:border-box}

/* ===== Checkout: split screen like shop.madonna.com (black form · light summary) ===== */
body.checkout2{background:#000;--paper:#f5f2ed}
body.checkout2 .hdr{background:#000!important;border-bottom:1px solid #222;align-items:center;padding-top:14px;padding-bottom:14px}
body.checkout2 .ftr{display:none}
.co{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;padding-top:calc(clamp(44px,4.4vw,64px) + 30px)}
@media (max-width:900px){.co{grid-template-columns:1fr}.co-right{order:-1}}
.co-left{background:#000;color:#fff;display:flex;justify-content:flex-end;padding:clamp(28px,4vw,56px) clamp(16px,4vw,64px)}
.co-right{background:#f5f5f5;color:#111;border-left:1px solid #222;padding:clamp(28px,4vw,56px) clamp(16px,4vw,64px)}
.co-in{width:100%;max-width:560px}
.co-right .co-in{max-width:520px;position:sticky;top:120px}
.co .steps{margin-bottom:28px}
.co-form{display:flex;flex-direction:column;gap:12px}
.co-form h2{margin:22px 0 4px;font:700 22px/1.2 var(--ui);letter-spacing:-.01em}
.co-sec-h{display:flex;justify-content:space-between;align-items:baseline}
.co-sec-h h2{margin-top:0}
.co-sec-h a,.co-links a,.co-check a{color:var(--pink)}
/* floating-label inputs (white, rounded) */
.fl{position:relative;display:block}
.fl input,.fl textarea{width:100%;background:#fff;color:#111;border:1px solid #d9d9d9;border-radius:10px;font:500 16px/1.3 var(--ui);padding:22px 14px 8px;outline:none;transition:border-color .15s,box-shadow .15s}
.fl textarea{resize:vertical;min-height:84px}
.fl span{position:absolute;left:15px;top:16px;color:#777;font-size:16px;pointer-events:none;transition:all .15s}
.fl input:focus,.fl textarea:focus{border-color:var(--pink);box-shadow:0 0 0 2px rgba(248,87,214,.35)}
.fl input:focus+span,.fl input:not(:placeholder-shown)+span,.fl textarea:focus+span,.fl textarea:not(:placeholder-shown)+span{top:7px;font-size:12px}
.fl-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co-hint{margin:-2px 0 6px;color:#aaa;font-size:14px}
/* payment options as a stacked card */
.co-pay{background:#fff;border-radius:10px;overflow:hidden;color:#111}
.co-opt{display:flex;gap:14px;align-items:flex-start;padding:18px 16px;border:1px solid #d9d9d9;cursor:pointer}
.co-opt+.co-opt{border-top:0}
.co-opt:first-child{border-radius:10px 10px 0 0}.co-opt:last-child{border-radius:0 0 10px 10px}
.co-opt input{position:absolute;opacity:0;pointer-events:none}
.co-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid #bbb;flex:none;margin-top:1px;display:grid;place-items:center}
.co-opt:has(input:checked){border-color:var(--pink);background:#fff0fb;box-shadow:inset 0 0 0 1px var(--pink)}
.co-opt:has(input:checked) .co-radio{border:6px solid var(--pink)}
.co-opt:has(input:focus-visible){outline:2px solid var(--pink);outline-offset:-2px}
.co-opt-t{display:flex;flex-direction:column;gap:4px}
.co-opt-t b{font-size:16px}.co-opt-t small{font-size:13.5px;color:#666;line-height:1.4}
.co-check{display:flex;gap:12px;align-items:flex-start;margin-top:10px;font-size:15px;line-height:1.45;cursor:pointer}
.co-check input{position:absolute;opacity:0}
.co-box{width:22px;height:22px;border-radius:6px;border:1.5px solid #666;flex:none;display:grid;place-items:center;background:#fff}
.co-check:has(input:checked) .co-box{background:var(--pink);border-color:var(--pink)}
.co-check:has(input:checked) .co-box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.co-check:has(input:focus-visible) .co-box{outline:2px solid var(--pink);outline-offset:2px}
.co-pay-btn{margin-top:18px;width:100%;background:var(--pink);color:#fff;border:0;border-radius:10px;padding:20px;font:700 19px/1 var(--ui);cursor:pointer;transition:filter .15s}
.co-pay-btn:hover{filter:brightness(1.07)}
.co-pay-btn:disabled{opacity:.6}
.co .form-msg{color:#fff}.co .form-msg.err{color:var(--pink)}.co .form-msg a{color:var(--pink)}
.co-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:48px;padding-top:20px;border-top:1px solid #222;font-size:15px}
/* summary side */
.co-rows{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:18px}
.co-rows .crow{grid-template-columns:72px 1fr auto;gap:16px;padding:0;border:0;align-items:center}
.co-rows .crow-img{position:relative;width:72px;border-radius:10px;overflow:visible;background:#fff;border:1px solid #e3e3e3}
.co-rows .crow-img img{border-radius:9px}
.crow-badge{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#000;color:#fff;font:700 12px/22px var(--ui);text-align:center}
.co-rows .crow-info a{color:#111;font:600 15px/1.35 var(--ui);text-transform:uppercase;letter-spacing:.02em}
.co-rows .crow-total{color:#111;font:600 15px/1 var(--ui)}
.co-code{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:24px}
.co-code[hidden]{display:none}
.co-code input{background:#fff;border:1px solid #d9d9d9;border-radius:10px;padding:16px 14px;font:500 16px var(--ui);color:#111;outline:none;text-transform:uppercase}
.co-code input:focus{border-color:var(--pink);box-shadow:0 0 0 2px rgba(248,87,214,.3)}
.co-code button{border-radius:10px;background:#e9e9e9;color:#555;padding:0 20px;font:700 16px var(--ui);border:1px solid #ddd}
.co-code button:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
.co-code .code-msg{grid-column:1/-1;margin:0;color:#c0168f}
.co-sum{display:grid;grid-template-columns:1fr auto;gap:12px 16px;margin:0 0 18px;font-size:16px;color:#111}
.co-sum dd{margin:0;text-align:right;font-weight:600}
.co-sum dt[hidden],.co-sum dd[hidden]{display:none}
.co-sum [data-disc]{color:#c0168f}
.co-sum .code-rm{color:#777}
.co-muted{color:#777;font-weight:400!important}
.co-total{display:flex;justify-content:space-between;align-items:baseline;color:#111}
.co-total>span:first-child{font:700 24px/1 var(--ui)}
.co-total small{font-size:13px;color:#777;margin-right:6px}
.co-total strong{font:700 28px/1 var(--ui)}
.co-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ===== First-visit splash (home): logo small → bigger → biggest, then reveal ===== */
.splash{position:fixed;inset:0;z-index:200;background:#000;display:grid;place-items:center;cursor:pointer;
  animation:splash-bg 2.6s steps(1,end) forwards, splash-out .5s ease 2.3s forwards}
.splash-mark{line-height:0;animation:splash-size 2.3s steps(1,end) forwards}
.splash-mark .wm{width:100%;height:auto;color:var(--pink);animation:splash-color 2.3s steps(1,end) forwards}
@keyframes splash-size{0%{width:min(22vw,260px)}28%{width:min(48vw,620px)}58%{width:min(92vw,1500px)}100%{width:min(92vw,1500px)}}
@keyframes splash-color{0%,57%{color:var(--pink)}58%,100%{color:var(--red)}}
@keyframes splash-bg{0%,57%{background:#000}58%,100%{background:var(--pink)}}
@keyframes splash-out{to{opacity:0;visibility:hidden}}
.splash.gone{display:none}
body:has(.splash:not(.gone)){overflow:hidden}
/* About: tall portrait studio shot fills the left column */
.about-fig{position:relative;overflow:hidden;margin:0}
.about-fig .split-img{object-position:50% 45%}
.ftr-credit{text-transform:none;letter-spacing:.02em;font-size:13px}

/* ===== Video testimonials (vertical cards, click to play) ===== */
.vrefs{padding:clamp(48px,6vw,96px) var(--gut)}
.vref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,340px));justify-content:center;gap:clamp(16px,2.4vw,36px)}
@media (max-width:760px){.vref-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (max-width:480px){.vref-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}}
.vref{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;background:#111;padding:0;border:0;cursor:pointer}
.vref img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s;filter:brightness(.82)}
.vref:hover img{transform:scale(1.04);filter:brightness(.95)}
.vref::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.75));pointer-events:none}
.vref-play{position:absolute;z-index:1;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--pink);transition:transform .2s}
.vref-play::after{content:"";position:absolute;left:29px;top:22px;border-left:20px solid var(--red);border-top:14px solid transparent;border-bottom:14px solid transparent}
.vref:hover .vref-play{transform:scale(1.08)}
.vref-t{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;color:#fff;text-align:left;font:800 clamp(14px,1.2vw,18px)/1.25 var(--ui);text-transform:uppercase;letter-spacing:.04em}
.vref.playing::after{display:none}
.vref iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* homepage: testimonials strip under the shop */
.vrefs-home{border-top:1px solid var(--line)}
.vref-rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:clamp(24px,3vw,40px) auto 0;text-decoration:none;font:600 15px/1 var(--ui);color:#cfcac2}
.vref-rating b{font:400 40px/1 var(--disp);color:var(--paper)}
.vref-rating .vref-more{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--paper);border-bottom:2px solid var(--pink);padding-bottom:3px}
.vref-rating:hover .vref-more{color:var(--pink)}

/* ===== Cookie consent ===== */
.ck{position:fixed;z-index:150;left:clamp(10px,2vw,24px);bottom:clamp(10px,2vw,24px);width:min(460px,calc(100vw - 20px));background:#000;color:#f5f2ed;
  border:1.5px solid var(--pink);padding:20px 22px;box-shadow:0 20px 60px rgba(0,0,0,.6);font-size:14px;line-height:1.5}
.ck[hidden]{display:none}
.ck p{margin:0 0 10px}.ck a{color:var(--pink)}
.ck-t{font:800 13px/1.2 var(--ui)!important;letter-spacing:.12em;text-transform:uppercase}
.ck-opts{display:grid;gap:10px;margin:12px 0;padding:12px 0;border-top:1px solid #222;border-bottom:1px solid #222}
.ck-opts[hidden]{display:none}
.ck-opts label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.ck-opts input{accent-color:var(--pink);width:18px;height:18px;margin-top:2px}
.ck-opts span{color:#bdb8b0}.ck-opts b{color:#fff;margin-right:4px}
.ck-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.ck-b{padding:12px 10px;font:800 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;background:var(--pink);color:var(--red);border:1.5px solid var(--pink);cursor:pointer}
.ck-b:hover{background:#fff;border-color:#fff;color:#000}
.ck-ghost{background:transparent;color:#f5f2ed;border-color:#444;grid-column:1/-1}
.ck-b[hidden]{display:none}
.link-btn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.ftr .link-btn{text-decoration:none}.ftr .link-btn:hover{color:var(--pink)}
.ftr-small{font-size:12px;color:var(--mute)}
/* map placeholder */
.map-ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:20px;
  background:repeating-linear-gradient(45deg,#121212 0 12px,#161616 12px 24px);color:#cfcac2}
.map-ph p{margin:0;max-width:420px}
/* legal pages */
.legal-head .chips{margin-top:20px}
.chips a[aria-current]{border-color:var(--pink);color:var(--pink)}
.legal h2{font:800 17px/1.3 var(--ui)!important;text-transform:none!important;letter-spacing:0!important;margin:34px 0 10px!important}
.legal a{color:var(--pink)}
.legal-seller,.legal-form{margin-top:40px;padding:24px;border:1px solid var(--line);background:var(--ink-2)}
.legal-seller h2,.legal-form h2{margin-top:0!important}
.wform{display:grid;gap:12px;margin-top:12px}
.wform .btn{justify-self:start}
@media print{.hdr,.ftr,.ck,.corner-art,.legal-head .chips,.wform .btn{display:none!important}body{background:#fff;color:#000}}
/* VAT note + thank-you */
.vat-note{margin:-12px 0 0;font-size:13px;color:var(--mute)}
.order-done{max-width:760px;margin:0 auto;text-align:left;justify-items:start}
.order-done .lead b{color:var(--pink)}
.od-items{list-style:none;margin:8px 0 20px;padding:0;width:100%;border-top:1px solid var(--line)}
.od-items li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.od-sum{font-weight:800}
.od-pay{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:8px 0 18px}
.od-pay dt{color:var(--mute)}.od-pay dd{margin:0;font-weight:700}
.form-msg.step{display:flex;flex-direction:column;gap:12px;color:#fff;font-weight:500}
.msg-btn{display:block;text-align:center;background:#fff;color:#000!important;text-decoration:none;padding:16px;border-radius:10px;font-weight:800}
.msg-btn:hover{background:var(--pink)}

/* ===== Checkout extras: date, billing toggle ===== */
.fl-date input{min-height:58px;color-scheme:light}
.co-toggle{margin-top:6px}
.co-billing{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px dashed #333;border-radius:10px}
.co-billing[hidden]{display:none}
/* contact select */
.form select{background:transparent;border:0;border-bottom:2px solid var(--line);color:var(--paper);font:500 18px var(--ui);padding:10px 0;border-radius:0;appearance:auto}
.form select:focus{outline:none;border-color:var(--accent)}
.form select option{color:#000}
.form input[type=date]{color-scheme:dark}
/* thank-you details */
.od-items li{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px}
.od-img img{width:56px;height:56px;object-fit:cover;display:block}
.od-row,.od-sum{grid-template-columns:56px 1fr auto}
.od-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%;margin:10px 0 6px}
@media (max-width:640px){.od-grid{grid-template-columns:1fr}}
.order-done h2{margin:28px 0 8px}
/* admin */
.admin{max-width:1100px;margin:0 auto}
.admin-login{display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:520px;margin-top:24px}
.admin-login .fl{flex:1}
.admin-login[hidden]{display:none}
.adm-card{border:1px solid var(--line);padding:16px 18px;margin:12px 0;background:var(--ink-2)}
.adm-card header{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline;margin-bottom:6px}
.adm-card header span{color:var(--mute);font-size:14px}.adm-total{margin-left:auto;color:var(--paper)!important;font-weight:800}
.adm-card p,.adm-card ul{margin:6px 0}
.adm-card a{color:var(--pink)}

/* checkout: summary column stays put on desktop, only the form column scrolls with the page */
@media (min-width:901px){
  .co{align-items:start;--hh:calc(clamp(44px,4.4vw,64px) + 30px)}
  .co-left{min-height:calc(100svh - var(--hh))}
  .co-right{position:sticky;top:var(--hh);height:calc(100svh - var(--hh));overflow-y:auto;overscroll-behavior:contain}
  .co-right .co-in{position:static}
}
/* company autocomplete (RPO / RegisterUZ via /api/firma/) */
.fl-ac{position:relative}
.ac-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:6px;list-style:none;background:#fff;color:#111;border:1px solid #d9d9d9;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.35);max-height:320px;overflow-y:auto}
.ac-list li{padding:10px 12px;border-radius:7px;cursor:pointer;line-height:1.35}
.ac-list li b{display:block;font-size:15px}
.ac-list li small{color:#666;font-size:13px}
.ac-list li[aria-selected=true],.ac-list li:hover{background:#f2f2f2}
.ac-list .ac-msg{cursor:default;color:#666;font-size:14px}
.ac-list .ac-msg:hover{background:none}

/* touch screens: bigger invisible hit area for the small header / text links (no visual change) */
@media (pointer:coarse){
  .hdr-util a,.nb-toggle,.link,.disp-m,.co-sec-h a,.code-rm{position:relative}
  .hdr-util a::after,.nb-toggle::after,.link::after,.disp-m::after,.co-sec-h a::after,.code-rm::after{content:"";position:absolute;inset:-14px -8px}
}