/* Sunset Fashion Men – svetainės stilius (WordPress portas iš landing-v7).
   Blokai pažymėti [BLOKAS: …]; WPBakery sluoksnis – failo gale. */
:root{
  --bg:#1C1A19;--graphite:#3A3431;--graphite-2:#2A2522;
  --ink:#F3EEE7;--ink-2:#CFC6BC;--ink-3:#A79D94;--line:rgba(243,238,231,.22);
  --copper:#C99A73;--copper-2:#9A6B43;
  --ivory:#F3EEE7;--ivory-2:#EAE4DB;--ivory-ink:#2B2725;--ivory-ink-2:#625953;--ivory-ink-3:#6E655E;--ivory-line:rgba(43,39,37,.16);
  --scrim:20,18,17;
  --serif:"Bodoni Moda","Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Inter Tight","Montserrat","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(20px,4vw,64px);--section:clamp(72px,8.5vw,136px);
  --hd-h:92px;
  --ease-out:cubic-bezier(0.23,1,0.32,1);--ease-soft:cubic-bezier(0.33,1,0.68,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --t-hover:220ms;--t-press:120ms;--t-reveal:900ms;--t-curtain:1200ms;
  color-scheme:dark;font-optical-sizing:none;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
::selection{background:var(--copper);color:var(--bg)}
:target{scroll-margin-top:calc(var(--hd-h) + 24px)}
p{text-wrap:pretty}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:var(--pad);top:-80px;z-index:90;background:var(--ink);color:var(--bg);padding:12px 18px;text-decoration:none;font-weight:400}
.skip:focus-visible{top:16px}
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}

.display{font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.12;text-wrap:balance}
h1.display{font-size:clamp(38px,5vw,74px);letter-spacing:.02em}
h2.display{font-size:clamp(28px,3.2vw,48px)}
h3.display{font-size:clamp(22px,2vw,30px)}
.label{font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:400;color:var(--ink-3)}
.lede{font-size:17px;line-height:1.7;color:var(--ink-2);max-width:34em}
.statement{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,36px);line-height:1.35;letter-spacing:.01em;text-wrap:balance}
.ln{display:block;overflow:hidden;padding-top:.12em;margin-top:-.12em}
.ln>span{display:block}

.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;border:1px solid currentColor;color:var(--ink);background:transparent;text-decoration:none;font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;white-space:nowrap;cursor:pointer;transition:color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.btn::before{content:"";position:absolute;inset:-1px;background:var(--ink);z-index:-1;clip-path:inset(0 100% 0 0);transition:clip-path 300ms var(--ease-out)}
.btn:active{transform:scale(.98)}
.btn.solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.solid::before{background:var(--copper)}
.on-ivory .btn,.btn.dark{color:var(--ivory-ink)}
.on-ivory .btn::before,.btn.dark::before{background:var(--ivory-ink)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{color:var(--bg)}
  .btn:hover::before{clip-path:inset(0 0 0 0)}
  .btn.solid:hover{color:var(--bg);border-color:var(--copper)}
  .on-ivory .btn:hover,.btn.dark:hover{color:var(--ivory)}
}
.lnk{display:inline-block;text-decoration:none;font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;padding:12px 0;position:relative}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(1);transform-origin:left;transition:transform 300ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.lnk:hover::after{transform:scaleX(.5)}}

/* ── Juostelė + antraštė ───────────────────────────────────── */
.strip{position:relative;z-index:50;background:var(--copper);color:var(--bg);text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;padding:9px var(--pad);line-height:1.5}
.strip b{font-weight:600}
.hd{position:fixed;top:var(--strip-h,38px);left:0;right:0;z-index:40;color:var(--ink);background:rgba(28,26,25,.96);transition:background-color 320ms ease,color 320ms ease,transform 300ms var(--ease-out)}
.hd.is-hidden{transform:translateY(calc(-100% - var(--strip-h,38px)))}
.hd .progress{position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--copper);transform:scaleX(0);transform-origin:left}
.hd .bar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,48px);min-height:var(--hd-h);padding-inline:var(--pad)}
.logo{display:inline-flex;line-height:0;padding:10px 0}
.logo img{width:clamp(200px,18vw,290px);height:auto;transition:filter 320ms ease}
.nav{justify-self:center}
.nav>ul{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px);list-style:none;margin:0;padding:0}
.nav a,.nav button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:14px 0;font-size:11px;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;font-weight:400;color:inherit;white-space:nowrap;background:none;border:0;cursor:pointer}
.nav a::after,.nav button::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--ease-out)}
.nav a[aria-current="page"]::after{transform:scaleX(0)}
@media (hover:hover) and (pointer:fine){.nav a:hover::after,.nav a:focus-visible::after,.nav button:hover::after{transform:scaleX(1)}}
.nav button svg{width:10px;height:10px;transition:transform 240ms var(--ease-out)}
.nav .has-sub{position:relative}
.nav .sub{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);min-width:240px;background:var(--graphite-2);border:1px solid var(--line);padding:10px 0;list-style:none;margin:0;opacity:0;visibility:hidden;transition:opacity 200ms var(--ease-out),transform 220ms var(--ease-out),visibility 0s 220ms}
.nav .has-sub.is-open .sub,.nav .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
@media (hover:hover) and (pointer:fine){.nav .has-sub:hover .sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}.nav .has-sub:hover button svg{transform:rotate(180deg)}}
.nav .has-sub.is-open button svg{transform:rotate(180deg)}
.nav .sub a{display:flex;padding:10px 22px;letter-spacing:.22em;color:var(--ink)}
.nav .sub a::after{display:none}
@media (hover:hover) and (pointer:fine){.nav .sub a:hover{background:var(--graphite);color:var(--copper)}}
.nav .sub a[aria-current="page"]{color:var(--copper)}
.tools{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.8vw,28px)}
.lang{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em}
.lang a{text-decoration:none;padding:12px 2px;opacity:.6;transition:opacity var(--t-hover) ease}
.lang a[aria-current="page"]{opacity:1}
.lang span{opacity:.4}
@media (hover:hover) and (pointer:fine){.lang a:hover{opacity:1}}
.tools .btn{min-height:42px;padding:0 20px;font-size:10px}
.burger{display:none;width:48px;height:48px;background:none;border:0;cursor:pointer;color:inherit;padding:0;place-items:center}
.burger span{display:block;width:24px;height:1px;background:currentColor;margin:4px auto;transition:transform 260ms var(--ease-out),opacity 200ms ease}
.menu-open .burger span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
/* Šviesi tonacija virš šviesaus hero: tamsus rašalas ant kreminio stiklo */
.hd.is-light{background:rgba(243,238,231,.84);color:var(--ivory-ink)}
.hd.is-light .logo img{filter:brightness(0) saturate(100%) invert(14%) sepia(6%) saturate(900%) hue-rotate(330deg) brightness(90%)}
.hd.is-light .nav .sub{background:var(--ivory);border-color:var(--ivory-line)}
.hd.is-light .nav .sub a{color:var(--ivory-ink)}
@media (hover:hover) and (pointer:fine){.hd.is-light .nav .sub a:hover{background:var(--ivory-2);color:var(--copper-2)}}
.hd.is-light .btn{color:var(--ivory-ink)}
.hd.is-light .btn::before{background:var(--ivory-ink)}
@media (hover:hover) and (pointer:fine){.hd.is-light .btn:hover{color:var(--ivory)}}
/* Mobilus meniu */
.mnav{position:fixed;inset:0;z-index:35;background:var(--bg);color:var(--ink);padding:calc(var(--strip-h,38px) + var(--hd-h) + 24px) var(--pad) 40px;overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity 240ms var(--ease-out),transform 280ms var(--ease-out),visibility 0s 280ms}
.menu-open .mnav{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mnav ul{list-style:none;margin:0;padding:0}
.mnav>ul>li{border-top:1px solid var(--line)}
.mnav a{display:flex;align-items:center;min-height:56px;padding:8px 0;text-decoration:none;font-family:var(--serif);font-size:24px;letter-spacing:.1em;text-transform:uppercase}
.mnav a[aria-current="page"]{color:var(--copper)}
.mnav .sub a{font-family:var(--sans);font-size:12px;letter-spacing:.26em;min-height:44px;padding-left:18px;color:var(--ink-2)}
.mnav .sub{padding-bottom:12px}
.mnav .mfoot{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.mnav .mfoot a{font:inherit;min-height:44px;padding:0;letter-spacing:inherit;text-transform:none}
.menu-open{overflow:hidden}
main.page{padding-top:calc(var(--strip-h,38px) + var(--hd-h))}
body.page{padding-top:0}

/* ── Hero ───────────────────────────────────────────────────── */
.hero{position:relative;color:var(--ivory-ink);background:#6E6B70}
.hero .stage{position:relative;height:100svh;min-height:max(560px,calc(100vw / 1.92));max-height:1200px;overflow:hidden}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1800ms var(--ease-soft)}
.hero .slide.is-on{opacity:1}
.hero .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,46%) 62%}
/* ultra plati: visas kadras telpa aukščiu, kraštai – iš sulieto to paties kadro */
@media (min-aspect-ratio:21/10) and (min-width:901px){
  .hero .stage{min-height:560px}
  .hero .slide::before{content:"";position:absolute;inset:-4%;background:var(--blur) center/cover no-repeat;filter:blur(34px) brightness(1.02) saturate(.9)}
  .hero .slide img{object-fit:contain;object-position:100% 50%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
}
@media (max-aspect-ratio:3/2) and (min-width:901px){.hero .slide img{object-position:60% 62%}}
@media (max-aspect-ratio:6/5) and (min-width:901px){.hero .slide img{object-position:72% 62%}}
.hero .veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(243,238,231,.78) 0%,rgba(243,238,231,.55) 30%,rgba(243,238,231,0) 58%),linear-gradient(0deg,rgba(243,238,231,.5) 0%,rgba(243,238,231,0) 30%)}
.hero[data-tone="dark"]{color:var(--ink)}
.hero[data-tone="dark"] .veil{background:linear-gradient(90deg,rgba(var(--scrim),.66) 0%,rgba(var(--scrim),.4) 32%,rgba(var(--scrim),0) 60%),linear-gradient(0deg,rgba(var(--scrim),.5) 0%,rgba(var(--scrim),0) 36%)}
.hero .copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(40px,6.5vh,80px);max-width:min(620px,46vw);z-index:2;transition:color 600ms ease}
.hero .label{color:inherit;opacity:.78;margin-bottom:20px}
.hero h1{margin-bottom:18px}
.hero .lede{color:inherit;opacity:.9;margin-bottom:32px;max-width:30em}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.hero .cta .btn{color:inherit}
.hero .cta .btn::before{background:currentColor}
@media (hover:hover) and (pointer:fine){.hero .cta .btn:hover{color:var(--ivory)}.hero[data-tone="dark"] .cta .btn:hover{color:var(--bg)}}
.hero .meta{display:flex;align-items:center;gap:22px;margin-top:30px}
.hero .cap{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.75;margin:0}
.hero .cap span{display:none}
.hero .cap span.is-on{display:inline}
.dots{display:flex;margin:0;padding:0;list-style:none}
.dots button{width:44px;height:44px;margin:-16px -8px;background:none;border:0;cursor:pointer;display:grid;place-items:center;padding:0;color:inherit}
.dots button::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid currentColor;background:transparent;transition:background-color 300ms ease,transform 300ms var(--ease-out)}
.dots button[aria-current="true"]::before{background:currentColor;transform:scale(1.15)}
.dots li{margin:16px 8px}

/* ── Firma ──────────────────────────────────────────────────── */
.say{background:var(--ivory);color:var(--ivory-ink);padding-block:var(--section)}
.say .inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,112px);align-items:start}
.say .statement{color:var(--ivory-ink);max-width:17em}
.say .lede{color:var(--ivory-ink-2);padding-top:.6em}
.say .label{color:var(--ivory-ink-3);margin-bottom:28px}
.facts{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:36px;padding-top:22px;border-top:1px solid var(--ivory-line)}
.facts b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2vw,30px);line-height:1.1;letter-spacing:.04em;color:var(--ivory-ink)}
.facts span{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ivory-ink-3);margin-top:8px}

/* ── Prekės ženklai ir audiniai (juosta iš gyvo puslapio) ──── */
.col-head{text-align:center;padding:var(--section) var(--pad) clamp(40px,5vw,64px)}
.col-head .label{margin-bottom:22px}
.col-head .lede{margin:18px auto 0;max-width:36em}
.brandline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:clamp(34px,4.5vw,56px);overflow:hidden}
.brandline .brands-label{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--copper);font-weight:400;margin:0 0 30px;display:flex;align-items:center;gap:14px}
.brandline .brands-label::before{content:"";width:36px;height:1px;background:currentColor}
.marquee{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.marquee-track{display:flex;width:max-content}
.marquee-group{display:flex;align-items:center;gap:clamp(42px,6vw,84px);padding-right:clamp(42px,6vw,84px)}
.marquee a{display:block;line-height:0}
.marquee img{display:block;width:auto;opacity:.8;transition:opacity .35s}
@media (hover:hover) and (pointer:fine){.marquee a:hover img{opacity:1}}
.marquee img[data-b="olymp"]{height:20px}.marquee img[data-b="calamar"]{height:24px}.marquee img[data-b="hattric"]{height:26px}.marquee img[data-b="digel"]{height:24px}
.marquee img[data-b="marzotto"]{height:32px}.marquee img[data-b="drago"]{height:30px}.marquee img[data-b="vbc"]{height:13px}.marquee img[data-b="marlane"]{height:13px}
@keyframes sfMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:no-preference){.marquee-track{animation:sfMarquee 92s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{width:100%}.marquee-group{flex-wrap:wrap;justify-content:center;padding-right:0;row-gap:26px}.marquee-group:not(:first-child){display:none}}

/* Ženklų kortelės (tik modelių nuotraukos) */
.brands{padding-block:clamp(48px,6vw,88px) var(--section)}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
.card{display:block;color:var(--ink);text-decoration:none;min-width:0}
.card .ph{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ivory-2)}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;mix-blend-mode:multiply;transition:transform 900ms var(--ease-soft)}
.card.photo .ph img{mix-blend-mode:normal}
.card .meta{display:block;padding:16px 2px 0}
.card .meta img{height:18px;width:auto;opacity:.9}
.card .meta img.big{height:22px}
.card .word{font-family:var(--serif);font-size:20px;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.card .meta .label{display:block;margin-top:10px}
.card .meta .lnk{margin-top:6px;padding:8px 0;color:var(--ink)}
.card .meta .lnk::after{bottom:4px}
@media (hover:hover) and (pointer:fine){.card:hover .ph img{transform:scale(1.03)}}
.brands .end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:clamp(28px,3.5vw,48px)}
.brands .note{font-size:13px;color:var(--ink-3);max-width:42em}


/* ── Paslaugos: kliento kelias ──────────────────────────────── */
.journey{background:var(--graphite);color:var(--ink);padding-block:var(--section)}
.journey .head{text-align:center;margin-bottom:clamp(40px,5vw,72px)}
.journey .head .label{margin-bottom:20px}
.journey .head .lede{margin:18px auto 0}
.steps{position:relative;display:grid;gap:clamp(48px,7vw,112px)}
.step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:center}
.step:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.step:nth-child(even) .txt{order:2}
.step .num{font-family:var(--serif);font-size:clamp(64px,8vw,120px);line-height:.9;letter-spacing:.02em;color:var(--copper);display:block;margin-bottom:18px}
.step h3{font-size:clamp(26px,2.6vw,38px);margin-bottom:18px}
.step h3 em{font-style:normal;color:var(--copper)}
.step p{color:var(--ink-2);font-size:17px;max-width:30em}
.step .free{display:block;font-family:var(--serif);font-size:clamp(30px,3vw,44px);letter-spacing:.06em;line-height:1;text-transform:uppercase;color:var(--copper);margin:10px 0 18px}
.step .pic{position:relative;aspect-ratio:16/9;overflow:hidden;background:#6E6B70;margin:0}
.step .pic img{width:100%;height:100%;object-fit:cover}
.step .pic.tall{aspect-ratio:3/4}
.journey .cta{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:center;margin-top:clamp(40px,5vw,72px)}
/* Prisegta scena (tik .js, plati, be reduce) */
.js .journey.is-pinned .steps{display:block;height:230svh}
.js .journey.is-pinned .stage{position:sticky;top:calc(var(--strip-h,38px) + var(--hd-h));height:calc(100svh - var(--strip-h,38px) - var(--hd-h));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:center}
.js .journey.is-pinned .step{display:contents}
.js .journey.is-pinned .txt{grid-column:1;grid-row:1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity 500ms var(--ease-out),transform 700ms var(--ease-out),visibility 0s 500ms}
.js .journey.is-pinned .step.is-active .txt{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.js .journey.is-pinned .pic{grid-column:2;grid-row:1;aspect-ratio:auto;height:min(72svh,640px);opacity:0;transform:scale(1.04);transition:opacity 700ms var(--ease-out),transform 1200ms var(--ease-soft)}
.js .journey.is-pinned .step.is-active .pic{opacity:1;transform:none}
.js .journey.is-pinned .rail{position:absolute;left:calc(var(--pad) - 1px);top:0;bottom:0;width:1px;background:var(--line)}
.js .journey.is-pinned .rail i{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--copper);transform-origin:top;transform:scaleY(var(--p,0))}
.journey .rail{display:none}
.journey .jmark{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.js .journey.is-pinned .rail{display:block}
.js .journey.is-pinned .txt{padding-left:clamp(28px,3vw,48px)}
.js .journey.is-pinned .txt .num{display:block}
.journey .index{display:none}
.js .journey.is-pinned .index{display:flex;gap:14px;grid-column:1;grid-row:2;align-self:end;padding-left:clamp(28px,3vw,48px);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3)}
.js .journey.is-pinned .index b{font-weight:400;color:var(--copper)}
.js .journey.is-pinned .stage{grid-template-rows:1fr auto}

/* ── Parduotuvės ────────────────────────────────────────────── */
.stores{padding-block:var(--section)}
.stores .head{text-align:center;margin-bottom:clamp(40px,5vw,64px)}
.stores .head .label{margin-bottom:20px}
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}


/* ── Poraštė ─────────────────────────────────────────────────── */
.foot{border-top:1px solid var(--line);padding:clamp(56px,7vw,96px) var(--pad) 36px;color:var(--ink-2)}
.foot .top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.foot .mark{display:block;line-height:0}
.foot .mark img{width:clamp(300px,34vw,440px);height:auto}
.foot .brandline-txt{margin-top:26px;font-size:15px;color:var(--ink-2);max-width:30em;line-height:1.7}
.foot .brandline-txt b{display:block;font-weight:400;color:var(--ink);margin-bottom:6px}
.foot .free{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--copper);font-weight:500}
.foot .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px clamp(20px,3vw,48px)}
.foot h4{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);font-weight:400;margin-bottom:16px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{font-size:15px;line-height:1.8}
.foot li a{text-decoration:none;transition:color var(--t-hover) ease}
@media (hover:hover) and (pointer:fine){.foot a:hover{color:var(--ink)}}
.foot .addr b{display:block;font-family:var(--serif);font-weight:500;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.foot .addr p{font-size:15px;line-height:1.75}
.foot .addr a{text-decoration:none;border-bottom:1px solid var(--line)}
.foot .addr+.addr{margin-top:22px}
.foot .social{display:flex;gap:14px;margin-top:18px}
.foot .social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);color:var(--ink-2);transition:border-color var(--t-hover) ease,color var(--t-hover) ease}
.foot .social svg{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){.foot .social a:hover{border-color:var(--copper);color:var(--copper)}}
.foot .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.foot .bottom .links{display:flex;flex-wrap:wrap;gap:8px 28px}
.foot .bottom a{text-decoration:none}

/* ── Vidiniai puslapiai ─────────────────────────────────────── */
.ph-head{padding:clamp(56px,7vw,104px) var(--pad) clamp(40px,5vw,72px);text-align:center}
.ph-head .label{margin-bottom:22px}
.ph-head .lede{margin:20px auto 0;max-width:40em}
.ph-head .brand-logo{height:34px;width:auto;margin:0 auto 26px}
.ph-head .brand-logo.big{height:40px}
.ph-head .word{display:block;font-family:var(--serif);font-size:40px;letter-spacing:.16em;text-transform:uppercase;line-height:1;margin-bottom:26px}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);margin-bottom:26px}
.crumbs a{text-decoration:none}
.crumbs span{opacity:.5}
.facts-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;margin-top:28px}
.facts-row div{text-align:center}
.facts-row b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2vw,28px);letter-spacing:.04em}
.facts-row span{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);margin-top:8px}
/* Prekių tinklelis ženklo puslapyje */
.grid-wrap{background:var(--ivory);color:var(--ivory-ink);padding-block:clamp(48px,6vw,88px) var(--section)}
.ptools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:clamp(28px,3.5vw,44px)}
.ptools .label{color:var(--ivory-ink-3)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,28px) clamp(10px,1.4vw,20px)}
.pgrid.small{grid-template-columns:repeat(5,minmax(0,1fr))}
.item{display:block;min-width:0;color:inherit;text-decoration:none;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}
.item .ph{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ivory-2)}
.item .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;mix-blend-mode:multiply;transition:opacity 500ms var(--ease-soft),transform 900ms var(--ease-soft)}
.item .ph img.b{opacity:0}
.item.photo .ph{background:var(--graphite-2)}
.item.photo .ph img{mix-blend-mode:normal}
.item .cap{display:block;padding:14px 2px 0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-ink-3);line-height:1.7}
.item .cap b{display:block;font-weight:400;color:var(--ivory-ink)}
@media (hover:hover) and (pointer:fine){.item:hover .ph img.b,.item:focus-visible .ph img.b{opacity:1}.item:hover .ph img.a{transform:scale(1.02)}}
.grid-wrap .note{font-size:13px;color:var(--ivory-ink-3);max-width:46em;margin-top:clamp(28px,3.5vw,44px)}
.brand-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}
.brand-nav a{display:flex;flex-direction:column;gap:8px;padding:clamp(28px,3.4vw,48px) var(--pad);background:var(--graphite-2);text-decoration:none;color:var(--ink);transition:background-color var(--t-hover) ease}
.brand-nav a:last-child{text-align:right;align-items:flex-end}
.brand-nav .label{color:var(--ink-3)}
.brand-nav b{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.4vw,34px);letter-spacing:.12em;text-transform:uppercase}
@media (hover:hover) and (pointer:fine){.brand-nav a:hover{background:var(--graphite)}}
/* Lightbox (<dialog>) */
.lb{border:0;padding:0;background:transparent;max-width:min(96vw,1200px);width:100%;color:var(--ink)}
.lb::backdrop{background:rgba(20,18,17,.9)}
.lb .box{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.lb figure{margin:0;background:var(--ivory-2);aspect-ratio:4/5;max-height:84vh;display:grid;place-items:center;overflow:hidden;margin-inline:auto;width:min(100%,calc(84vh * .8))}
.lb figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.lb figure.photo{background:var(--graphite-2)}
.lb figure.photo img{mix-blend-mode:normal}
.lb .bar{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2)}
.lb .bar b{font-weight:400;color:var(--ink)}
.lb button{min-width:44px;min-height:44px;background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:0 16px;transition:border-color var(--t-hover) ease}
@media (hover:hover) and (pointer:fine){.lb button:hover{border-color:var(--copper)}}
.lb .close-btn{position:absolute;top:0;right:0;z-index:2}
.lb .arrows{display:flex;gap:10px}
/* Paslaugų puslapis */
.svc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:center;padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--line)}
.svc:nth-child(even) .txt{order:2}
.svc .num{font-family:var(--serif);font-size:clamp(48px,6vw,88px);line-height:.9;color:var(--copper);display:block;margin-bottom:14px}
.svc h2{margin-bottom:16px}
.svc h2 em{font-style:normal;color:var(--copper)}
.svc p{color:var(--ink-2);font-size:17px;max-width:32em}
.svc p+p{margin-top:14px}
.svc ul{margin:16px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:16px}
.svc li{padding:10px 0;border-top:1px solid var(--line)}
.svc .pic{position:relative;aspect-ratio:16/9;overflow:hidden;background:#6E6B70;margin:0}
.svc .pic.tall{aspect-ratio:4/5}
.svc .pic img{width:100%;height:100%;object-fit:cover}
.svc-cta{background:var(--graphite);padding-block:var(--section)}
.svc-cta .row{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.svc-cta .box{background:var(--graphite-2);padding:clamp(28px,3.4vw,48px)}
.svc-cta .box h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,34px);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.svc-cta .box p{color:var(--ink-2);font-size:15px;line-height:1.75;margin-bottom:22px}
.svc-cta .box p a{text-decoration:none;border-bottom:1px solid var(--line)}
.svc-cta .box .acts{display:flex;flex-wrap:wrap;gap:10px}

/* ── Judesys ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion:no-preference){
  .js .hero .slide img{transform:scale(1.06);transition:transform 10000ms linear}
  .js .hero .slide.is-on img{transform:scale(1)}
  .js .hero .ln>span{transform:translateY(112%);transition:transform 1100ms var(--ease-out)}
  .js .hero .ln:nth-child(1)>span{transition-delay:380ms}
  .js .hero .ln:nth-child(2)>span{transition-delay:500ms}
  .js .hero .copy>:not(h1){opacity:0;transform:translateY(20px);transition:opacity var(--t-reveal) var(--ease-out),transform 1000ms var(--ease-out)}
  .js .hero .copy>:nth-child(1){transition-delay:300ms}
  .js .hero .copy>:nth-child(3){transition-delay:700ms}
  .js .hero .copy>:nth-child(4){transition-delay:820ms}
  .js .hero .copy>:nth-child(5){transition-delay:1000ms}
  .js .hero.go .ln>span{transform:none}
  .js .hero.go .copy>:not(h1){opacity:1;transform:none}
  .reveal [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 800ms var(--ease-out),transform var(--t-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
  .reveal [data-reveal].is-in{opacity:1;transform:none}
  .reveal .shutter[data-reveal]{opacity:1;transform:none}
  .reveal .shutter[data-reveal] img:not(.b){clip-path:inset(100% 0 0 0);transform:scale(1.08);transition:clip-path var(--t-curtain) var(--ease-out),transform 1700ms var(--ease-soft);transition-delay:calc(var(--i,0) * 90ms)}
  .reveal .shutter[data-reveal].is-in img:not(.b){clip-path:inset(0 0 0 0);transform:none}
  .reveal .store .ph.shutter[data-reveal].is-in img,.reveal .card .ph.shutter[data-reveal].is-in img{transition:clip-path var(--t-curtain) var(--ease-out),transform 1000ms var(--ease-soft)}
  .reveal .item.shutter[data-reveal] .ph img.a{clip-path:none;transform:none;opacity:0;transition:opacity 700ms var(--ease-out),transform 900ms var(--ease-soft);transition-delay:calc(var(--i,0) * 50ms)}
  .reveal .item.shutter[data-reveal].is-in .ph img.a{opacity:1}
  .reveal .lines .ln>span{transform:translateY(112%);transition:transform 1000ms var(--ease-out);transition-delay:calc(var(--i,0) * 70ms + var(--l,0) * 110ms)}
  .reveal .lines.is-in .ln>span{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .hero .slide{transition:opacity 300ms ease}
  .card .ph img,.store .ph img,.item .ph img{transition:opacity 200ms ease}
  .btn{transition:color var(--t-hover) ease}
  .btn::before{transition:none}
  .hd{transition:background-color 200ms ease,color 200ms ease}
  .hd.is-hidden{transform:none}
  .js .journey.is-pinned .steps{height:auto}
}
@media print{[data-reveal],.shutter img,.ln>span{opacity:1!important;transform:none!important;clip-path:none!important}.hd{position:static}}

/* ── Planšetė ────────────────────────────────────────────────── */
@media (max-width:1180px){
  .logo img{width:clamp(180px,16vw,240px)}
  .nav>ul{gap:16px}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgrid,.pgrid.small{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot .top{grid-template-columns:1fr}
  .foot .cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .store .body{grid-template-columns:1fr}
}
@media (max-width:1000px){
  .nav,.tools .lang,.tools .btn{display:none}
  .burger{display:grid}
  .hd .bar{grid-template-columns:auto 1fr auto}
}
@media (max-width:900px){
  :root{--hd-h:76px}
  .logo img{width:clamp(170px,46vw,220px)}
  .hero{color:var(--ivory-ink)}
  .hero .stage{height:auto;min-height:0;aspect-ratio:16/9}
  .hero .slide img{object-position:62% 50%}
  .hero .veil{display:none}
  .hero .copy{position:static;max-width:none;background:var(--ivory);padding:clamp(28px,6vw,48px) var(--pad) clamp(36px,7vw,56px);text-align:center}
  .hero .lede{margin-inline:auto}
  .hero .cta{justify-content:center}
  .hero .meta{justify-content:center;margin-top:24px}
  .hero .cap{display:none}
  .say .inner{grid-template-columns:1fr;gap:28px}
  .cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:none;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad)}
  .cards::-webkit-scrollbar{display:none}
  .cards .card{flex:0 0 58vw;scroll-snap-align:start}
  .step,.step:nth-child(even){grid-template-columns:1fr}
  .step:nth-child(even) .txt{order:0}
  .store-grid{grid-template-columns:1fr}
  .foot .cols{grid-template-columns:1fr 1fr}
  .svc,.svc:nth-child(even){grid-template-columns:1fr}
  .svc:nth-child(even) .txt{order:0}
  .svc-cta .row{grid-template-columns:1fr}
  .brand-nav{grid-template-columns:1fr}
  .brand-nav a:last-child{text-align:left;align-items:flex-start}
  .pgrid,.pgrid.small{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .strip{font-size:10px;letter-spacing:.12em;padding:9px 14px}
  .hero .stage{aspect-ratio:2/3}
  .hero .slide img{object-position:50% 50%}
  h1.display{font-size:clamp(34px,10.5vw,44px)}
  .cards .card{flex-basis:70vw}
  .facts{gap:20px 28px}
  .foot .cols{grid-template-columns:1fr}
  .foot .mark img{width:min(360px,100%)}
  .step .free{font-size:clamp(26px,7vw,34px)}
  .btn.wrap{white-space:normal;text-align:center;line-height:1.5;padding:12px 22px}
}

/* ── Prekių ženklų puslapis ─────────────────────────────────── */
.nav .has-sub{display:flex;align-items:center}
.nav .has-sub>button{padding:14px 4px;width:28px;justify-content:center}
.nav .has-sub>button::after{display:none}
.subnav{position:sticky;top:calc(var(--strip-h,38px) + var(--hd-h));z-index:30;background:rgba(28,26,25,.96);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:clamp(18px,3vw,44px);overflow-x:auto;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{display:inline-flex;align-items:center;min-height:52px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--ink-2);white-space:nowrap;position:relative}
.subnav a::after{content:"";position:absolute;left:0;right:0;bottom:12px;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform 300ms var(--ease-out)}
.subnav a.is-cur{color:var(--ink)}
.subnav a.is-cur::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.subnav a:hover{color:var(--ink)}}
.hd.is-hidden+.mnav+main .subnav,.hd.is-hidden~main .subnav{top:var(--strip-h,38px)}
.bsec{scroll-margin-top:calc(var(--strip-h,38px) + var(--hd-h) + 52px);padding-block:var(--section) clamp(48px,6vw,88px);border-top:1px solid var(--line)}
.bsec:first-of-type{border-top:0}
.bhead{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);align-items:start;margin-bottom:clamp(36px,4.5vw,64px)}
.bintro .brand-logo{height:30px;width:auto;margin:0 0 24px}
.bintro .brand-logo.big{height:36px}
.bintro .word{display:block;font-family:var(--serif);font-size:38px;letter-spacing:.16em;text-transform:uppercase;line-height:1;margin-bottom:22px}
.bintro h2{margin-bottom:16px}
.binfo{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;padding-top:8px}
.binfo h4{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);font-weight:400;margin-bottom:8px}
.binfo p{font-size:15px;color:var(--ink-2);line-height:1.7}
.bsec .pgrid{background:var(--ivory);color:var(--ivory-ink);padding:clamp(14px,1.8vw,28px)}
.mills-sec{padding-block:var(--section);border-top:1px solid var(--line)}
@media (max-width:900px){.bhead{grid-template-columns:1fr;gap:24px}.binfo{grid-template-columns:1fr}}

.card.logo-only .ph{display:grid;place-items:center;background:var(--graphite-2)}
.card.logo-only .ph img{position:static;width:60%;height:auto;object-fit:contain;mix-blend-mode:normal;opacity:.9}

/* =====================================================================
   v7 – pataisymai pagal kliento pastabas (perrašo ankstesnes taisykles)
   ===================================================================== */

/* ── [BLOKAS: hero] kadras telpa po antrašte; tekstas matiniame skydelyje ── */
.hero{background:var(--ivory-2);color:var(--ivory-ink)}
.hero .stage{height:100svh;min-height:600px;max-height:1200px;aspect-ratio:auto;overflow:hidden;position:relative}
.hero .slide{position:absolute;inset:0;opacity:1;visibility:hidden;transition:none}
.hero .slide.was-on{visibility:visible;z-index:1}
.hero .slide.is-on{visibility:visible;z-index:2}
.hero .slide::before{display:none}
.hero .slide .bg{display:none}
.hero .stage{background:linear-gradient(100deg,#EFEAE2 0%,#E6DFD5 55%,#DCD3C7 100%)}
.hero .slide .bgc{position:absolute;inset:0;background:linear-gradient(100deg,#EFEAE2 0%,#E6DFD5 55%,#DCD3C7 100%)}
.hero .slide[data-tone="dark"] .bgc{background:linear-gradient(100deg,#2A2522 0%,#3A3431 55%,#2A2522 100%)}
.hero .lede p{margin:0}
.hero .lede p+p{margin-top:10px}
.hero .slide .ph{position:absolute;right:0;top:calc(var(--strip-h,38px) + var(--hd-h) + 1.5svh);height:calc((100svh - var(--strip-h,38px) - var(--hd-h)) * .86);aspect-ratio:2400/1340;max-width:100%;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.hero .slide .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero .veil{display:none}
.hero .copy{position:absolute;left:var(--pad);right:auto;bottom:auto;top:calc(var(--strip-h,38px) + var(--hd-h) + 6svh);max-width:min(600px,44vw);z-index:3}
.hero .hero-panel{background:rgba(243,238,231,.8);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);padding:clamp(24px,2.6vw,40px) clamp(24px,2.6vw,40px) clamp(20px,2.2vw,32px);border:1px solid rgba(255,255,255,.5)}
.hero .label{font-size:12px;letter-spacing:.3em;font-weight:500;opacity:1;color:var(--copper-2);margin-bottom:16px}
.hero h1{font-size:clamp(40px,4.3vw,72px);margin-bottom:16px}
.hero .lede{font-size:clamp(16px,1.15vw,19px);font-weight:400;line-height:1.6;opacity:1;color:var(--ivory-ink);margin-bottom:26px;max-width:32em}
.hero .lede strong{font-weight:600}
.hero .cta .btn{color:var(--ivory-ink)}
.hero .cta .btn::before{background:var(--ivory-ink)}
@media (hover:hover) and (pointer:fine){.hero .cta .btn:hover{color:var(--ivory)}}
.hero .meta{margin-top:24px}
.hero .cap{opacity:.85;color:var(--ivory-ink-2)}
.hero[data-tone="dark"]{color:var(--ink)}
.hero[data-tone="dark"] .hero-panel{background:rgba(28,26,25,.74);border-color:rgba(255,255,255,.12)}
.hero[data-tone="dark"] .label{color:var(--copper)}
.hero[data-tone="dark"] .lede,.hero[data-tone="dark"] .cap{color:var(--ink)}
.hero[data-tone="dark"] .cta .btn{color:var(--ink)}
.hero[data-tone="dark"] .cta .btn::before{background:var(--ink)}
.hd.is-light{background:rgba(243,238,231,.9)}
@media (max-aspect-ratio:3/2) and (min-width:901px){.hero .slide .ph{height:calc((100svh - var(--strip-h,38px) - var(--hd-h)) * .8)}}
@media (prefers-reduced-motion:no-preference){
  .js .hero .slide .ph img{transform:scale(1.04);transition:transform 10000ms linear}
  .js .hero .slide.is-on .ph img{transform:scale(1)}
  .js .hero .slide.pre{clip-path:inset(0 0 0 100%)}
  .js .hero .slide.is-on{clip-path:inset(0 0 0 0);transition:clip-path 1300ms var(--ease-in-out)}
  .js .hero .copy>*{opacity:1;transform:none}
  .js .hero .hero-panel>*{opacity:0;transform:translateY(16px);transition:opacity 800ms var(--ease-out),transform 900ms var(--ease-out)}
  .js .hero .hero-panel>:nth-child(1){transition-delay:250ms}.js .hero .hero-panel>:nth-child(2){transition-delay:350ms}.js .hero .hero-panel>:nth-child(3){transition-delay:550ms}.js .hero .hero-panel>:nth-child(4){transition-delay:680ms}.js .hero .hero-panel>:nth-child(5){transition-delay:820ms}
  .js .hero.go .hero-panel>*{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.hero .slide.is-on{clip-path:none}.hero .slide.pre{clip-path:none}}
@media (max-width:900px){
  .hero .stage{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
  .hero .slide .bg{display:none}
  .hero .slide .ph{position:absolute;inset:0;top:0;height:100%;aspect-ratio:auto;width:100%;-webkit-mask-image:none;mask-image:none}
  .hero .slide .ph img{object-position:62% 50%}
  .hero .copy{position:static;max-width:none;padding:0}
  .hero .hero-panel{background:var(--ivory);backdrop-filter:none;border:0;padding:clamp(28px,6vw,48px) var(--pad) clamp(36px,7vw,56px);text-align:center}
  .hero .lede{margin-inline:auto}
}
@media (max-width:600px){.hero .stage{aspect-ratio:2/3}.hero .slide .ph img{object-position:50% 50%}}

/* ── [BLOKAS: ženklų kortelės] vienodas fonas, galvos viename lygyje ── */
.card .ph img{object-position:50% 0}
.card .ph.logo-only{display:grid;place-items:center;background:var(--ivory-2)}
.card .ph.logo-only img{position:static;width:62%;height:auto;object-fit:contain;mix-blend-mode:normal;filter:brightness(0) invert(16%) sepia(8%) saturate(600%) hue-rotate(330deg);opacity:.9}

/* ── [BLOKAS: Sunset Fashion etiketė] redakcinė kompozicija + audiniai ── */
.label-sec{padding-block:var(--section) 0}
.label-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,2vw,28px);align-items:stretch}
.label-grid figure{position:relative;margin:0;overflow:hidden;background:#6E6B70}
.label-grid figure img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.label-grid figcaption{position:absolute;left:18px;bottom:16px;z-index:2;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);padding:6px 10px;background:rgba(var(--scrim),.55)}
.label-main{aspect-ratio:2/3}
.label-right{display:grid;grid-template-rows:auto 1fr;gap:clamp(16px,2vw,28px);min-width:0}
.label-txt{display:grid;grid-template-columns:minmax(0,1fr) clamp(140px,16vw,220px);gap:clamp(20px,3vw,40px);align-items:end}
.label-txt .label{margin-bottom:18px}
.label-txt h2{margin-bottom:16px}
.label-txt .lede{max-width:30em}
.label-detail{aspect-ratio:1}
.label-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.label-pair figure{aspect-ratio:4/5}
.fabrics{margin-top:clamp(40px,5vw,72px);background:var(--ivory);color:var(--ivory-ink);padding:clamp(48px,6vw,88px) clamp(24px,4vw,64px) clamp(40px,5vw,64px)}
.fabrics-head{max-width:40em;margin-bottom:clamp(28px,3.5vw,44px)}
.fabrics-head .label{color:var(--ivory-ink-3);margin-bottom:14px}
.fabrics-head h3{font-size:clamp(24px,2.6vw,38px);color:var(--ivory-ink)}
.fabrics-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px clamp(20px,3vw,48px)}
.fabrics-list li{position:relative;border-top:0;padding-top:26px;min-height:132px;display:flex;flex-direction:column}
.fabrics-list img{height:26px;width:auto;filter:brightness(0);opacity:.78;margin-bottom:18px;transition:opacity 300ms var(--ease-out),transform 420ms var(--ease-out)}
.fabrics-list img.tall{height:34px}
.fabrics-list img.wide{height:15px;margin-top:10px}
.fabrics-list span{display:block;margin-top:auto;font-size:14px;color:var(--ivory-ink-2);letter-spacing:.02em;transition:color 300ms var(--ease-out)}
@media (max-width:900px){
  .label-grid{grid-template-columns:1fr}
  .label-main{aspect-ratio:3/4}
  .label-txt{grid-template-columns:1fr;align-items:start}
  .label-detail{max-width:60%}
  .fabrics-list{grid-template-columns:1fr 1fr}
}

/* ── [BLOKAS: kliento kelias] linija savame stulpelyje, mažesni kadrai, „Nemokamai“ telpa ── */
.journey{margin-top:var(--section)}
.journey .head .lede{max-width:40em}
.step{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}
.step .txt{container-type:inline-size;min-width:0}
.step h3{font-size:clamp(26px,2.6vw,38px)}
.step .free{font-size:clamp(28px,8cqi,44px);letter-spacing:.04em;white-space:nowrap;max-width:100%;overflow:hidden}
.step .pic{aspect-ratio:4/5;width:min(100%,420px);justify-self:center;max-height:none}
.step:nth-child(even) .pic{justify-self:center}
.js .journey.is-pinned .stage{grid-template-columns:28px minmax(0,5fr) minmax(0,7fr);grid-template-rows:1fr auto;column-gap:clamp(20px,3vw,48px)}
.js .journey.is-pinned .rail{position:static;grid-column:1;grid-row:1 / span 2;width:1px;justify-self:center;height:100%;background:var(--line);left:auto}
.js .journey.is-pinned .txt{grid-column:2;grid-row:1;padding-left:0}
.js .journey.is-pinned .pic{grid-column:3;grid-row:1;height:min(62svh,560px);aspect-ratio:4/5;width:auto;max-width:100%;justify-self:center;align-self:center}
.js .journey.is-pinned .index{grid-column:2;grid-row:2;padding-left:0}
@media (max-width:900px){.step .pic{width:min(100%,360px)}}

/* ── [BLOKAS: parduotuvės] kaip gyvame sunsetfashion.lt puslapyje ── */
.stores{padding-block:var(--section)}
.stores .sec-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:44px}
.stores .sec-head .lede{max-width:36em}
.stores-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.stores .store{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);background:var(--graphite-2)}
.map-card{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--graphite);border-bottom:1px solid var(--line)}
.map-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-card .open{position:absolute;right:14px;bottom:14px;background:var(--graphite-2);color:var(--ink);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;text-decoration:none;border:1px solid var(--line);transition:background-color var(--t-hover) ease,color var(--t-hover) ease}
@media (hover:hover) and (pointer:fine){.map-card .open:hover{background:var(--ink);color:var(--bg)}}
.store-body{padding:clamp(22px,3vw,36px)}
.store-body .city{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--copper);margin:0 0 10px;font-weight:400}
.store-body h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2vw,30px);line-height:1.2;margin:0 0 18px;text-transform:none;letter-spacing:0}
.store-body dl{margin:0;display:grid;grid-template-columns:auto 1fr;column-gap:22px;row-gap:9px;font-size:15px}
.store-body dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding-top:4px}
.store-body dd{margin:0}
.store-body dd a{text-decoration:none;border-bottom:1px solid var(--line)}
@media (hover:hover) and (pointer:fine){.store-body dd a:hover{border-color:var(--copper)}}
.store-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.link-pill{font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:11px 16px;border:1px solid var(--ink);display:inline-flex;gap:8px;align-items:center;min-height:44px;transition:background-color var(--t-hover) ease,color var(--t-hover) ease}
@media (hover:hover) and (pointer:fine){.link-pill:hover{background:var(--ink);color:var(--bg)}}
.link-pill svg{width:12px;height:12px}
@media (max-width:900px){.stores .sec-head,.stores-grid{grid-template-columns:1fr}}

/* ── [BLOKAS: laukiame jūsų] tipografinis blokas su dviem parduotuvių nuotraukomis ── */
.welcome{padding-block:var(--section);background:var(--graphite)}
.welcome-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center}
.welcome-txt .label{margin-bottom:18px}
.welcome-txt h2{margin-bottom:24px}
.welcome-list{list-style:none;margin:0 0 30px;padding:0;max-width:34em}
.welcome-list li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--line);font-size:16px;color:var(--ink-2)}
.welcome-list li:last-child{border-bottom:1px solid var(--line)}
.welcome-list li::before{content:"";position:absolute;left:0;top:22px;width:12px;height:1px;background:var(--copper)}
.welcome-list b{font-weight:500;color:var(--copper)}
.welcome-txt .acts{display:flex;flex-wrap:wrap;gap:12px}
.welcome-pics{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,22px)}
.welcome-pics figure{position:relative;margin:0;aspect-ratio:1;overflow:hidden;background:var(--graphite-2)}
.welcome-pics img{width:100%;height:100%;object-fit:cover}
.welcome-pics figcaption{position:absolute;left:14px;bottom:12px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);padding:6px 10px;background:rgba(var(--scrim),.55)}
@media (max-width:900px){.welcome-grid{grid-template-columns:1fr}}

.js .journey.is-pinned .rail{position:relative}
.hero .label{color:#8A5E3A}

/* =====================================================================
   [WP] WordPress / WPBakery sluoksnis
   ===================================================================== */
/* WPBakery numatytų tarpų neutralizavimas – maketą valdo mūsų blokai */
.sf-content .vc_row,.sf-content .vc_row_inner{margin-left:0;margin-right:0}
.sf-content .vc_column_container>.vc_column-inner{padding-left:0;padding-right:0}
.sf-content .wpb_content_element,.sf-content .wpb_row,.sf-content .vc_row{margin-bottom:0}
.sf-content .wpb_text_column :where(p,h1,h2,h3,h4,ul,ol){margin:0}
.sf-content .wpb_text_column p+p{margin-top:14px}
.sf-content .wpb_single_image{margin:0}
.sf-content .wpb_single_image .vc_figure,.sf-content .wpb_single_image .vc_single_image-wrapper{display:block;width:100%;max-width:none}
.sf-content .wpb_single_image img{display:block;width:100%;height:auto}
/* paprastos eilutės – bendras turinio plotis; pilno pločio blokai gauna el_class="sf-bleed" */
.sf-content :is(.wpb-content-wrapper,main)>.vc_row:not(.sf-bleed),.sf-content :is(.wpb-content-wrapper,main)>.vc_section:not(.sf-bleed){width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}
.sf-content .vc_row::before,.sf-content .vc_row::after{display:none}
.sf-content .wpb-content-wrapper>br{display:none}
.sf-content a{color:inherit}
/* ── [WP BLOKAS: paslauga] vc_row el_class="sf-svc sf-bleed" – skaidytas kadras per visą plotį.
      Modifikatoriai: "sf-rev" nuotrauka dešinėje, "sf-svc-text" juosta be nuotraukos,
      "sf-svc-light" dramblio kaulo juosta. 2026-10-30. ── */
.vc_row.sf-svc{position:relative;display:flex;align-items:stretch;gap:0;padding:0;border-top:0;min-height:clamp(420px,46vw,660px);overflow:hidden}
.vc_row.sf-svc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--copper);z-index:3;pointer-events:none}
.reveal .vc_row.sf-svc::before{background:rgba(243,238,231,.16);transition:background 800ms var(--ease-out)}
.reveal .vc_row.sf-svc:has(.is-in)::before{background:var(--copper)}
.vc_row.sf-svc>.wpb_column{width:55%;float:none;min-width:0;display:flex;padding:0}
.vc_row.sf-svc>.wpb_column:first-child{width:45%}
.vc_row.sf-svc>.wpb_column>.vc_column-inner{display:flex;width:100%;padding:0}
.vc_row.sf-svc>.wpb_column>.vc_column-inner>.wpb_wrapper{display:flex;flex-direction:column;justify-content:center;width:100%}
.vc_row.sf-svc.sf-rev>.wpb_column:first-child{order:2}
.vc_row.sf-svc>.wpb_column{position:relative}
.vc_row.sf-svc .sf-pic{position:absolute;inset:0;margin:0;width:auto;max-width:none}
.vc_row.sf-svc .sf-pic .vc_figure,
.vc_row.sf-svc .sf-pic .vc_single_image-wrapper{display:block;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;overflow:hidden;background:#141211}
.vc_row.sf-svc .sf-pic img{width:100%;height:100%;object-fit:cover;object-position:var(--p,50% 40%)}
.vc_row.sf-svc .wpb_text_column{padding-block:clamp(34px,3.6vw,52px);padding-inline:clamp(22px,3.4vw,56px) var(--pad)}
.vc_row.sf-svc.sf-rev .wpb_text_column{padding-inline:var(--pad) clamp(22px,3.4vw,56px)}
.vc_row.sf-svc .num{display:inline-block;font-family:var(--serif);font-weight:500;font-size:15px;letter-spacing:.22em;line-height:1;color:var(--copper);margin:0 0 8px}
.vc_row.sf-svc .free{display:inline-block;margin-left:12px;font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);background:var(--ivory-ink);padding:5px 10px}
.vc_row.sf-svc h2{font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;font-size:clamp(26px,2.9vw,38px);text-wrap:balance;margin:0 0 18px}
.vc_row.sf-svc h2 em{font-style:normal;color:var(--copper)}
.vc_row.sf-svc p{color:var(--ink-2);font-size:16px;line-height:1.8;max-width:34em;margin:0 0 14px}
.vc_row.sf-svc p:last-child{margin-bottom:0}

/* 03 – juosta be nuotraukos */
.vc_row.sf-svc.sf-svc-text{min-height:0;background:var(--graphite-2);align-items:center;gap:clamp(28px,4.4vw,64px);padding-block:clamp(34px,3.6vw,48px);padding-inline:var(--pad)}
.vc_row.sf-svc.sf-svc-text>.wpb_column:first-child{width:38%}
.vc_row.sf-svc.sf-svc-text>.wpb_column:last-child{width:62%}
.vc_row.sf-svc.sf-svc-text .wpb_text_column{padding:0}
.vc_row.sf-svc.sf-svc-text h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:16px}
.vc_row.sf-svc.sf-svc-text p{font-size:15px}
.vc_row.sf-svc ol.steps-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:22px 0 0;padding:0;list-style:none;counter-reset:sfs}
.vc_row.sf-svc.sf-svc-text ol.steps-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin:0}
.vc_row.sf-svc ol.steps-list li{counter-increment:sfs;display:flex;gap:16px;padding:15px 0;border-top:1px solid rgba(243,238,231,.14);font-size:15px;line-height:1.6;color:var(--ink-2)}
.vc_row.sf-svc ol.steps-list li::before{content:counter(sfs,decimal-leading-zero);flex:0 0 22px;font-size:12px;letter-spacing:.1em;color:var(--ink-3)}

/* 04 – dramblio kaulo juosta */
.vc_row.sf-svc.sf-svc-light{background:var(--ivory);color:var(--ivory-ink)}
.vc_row.sf-svc.sf-svc-light .num{color:#7A573A}
.vc_row.sf-svc.sf-svc-light h2{color:var(--ivory-ink)}
.vc_row.sf-svc.sf-svc-light h2 em{color:#7A573A}
.vc_row.sf-svc.sf-svc-light p{color:#574F49}
.vc_row.sf-svc.sf-svc-light .sf-pic .vc_figure,
.vc_row.sf-svc.sf-svc-light .sf-pic .vc_single_image-wrapper{background:#DDD6CC}

/* Paslaugų antraštė – į kairę, įžanga dešinėje */
.ph-head.ph-left{text-align:left;padding-block:clamp(48px,6vw,76px) clamp(30px,3.6vw,44px)}
.ph-head.ph-left .crumbs{justify-content:flex-start;margin-bottom:clamp(20px,2.4vw,28px)}
.ph-head.ph-left h1{margin:0;max-width:15em}
.ph-head.ph-left .lede{margin:0;max-width:30em}
@media (min-width:901px){
  .ph-head.ph-left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:end;column-gap:clamp(40px,5vw,72px)}
  .ph-head.ph-left .crumbs{grid-column:1 / -1}
  .ph-head.ph-left .lede{padding-bottom:10px}
}

@media (max-width:900px){
  .vc_row.sf-svc{display:block;min-height:0}
  .vc_row.sf-svc>.wpb_column,
  .vc_row.sf-svc>.wpb_column:first-child{width:100%;display:block}
  .vc_row.sf-svc>.wpb_column>.vc_column-inner,
  .vc_row.sf-svc>.wpb_column>.vc_column-inner>.wpb_wrapper{display:block}
  .vc_row.sf-svc.sf-rev>.wpb_column:first-child{order:0}
  .vc_row.sf-svc .sf-pic{position:relative;inset:auto;width:100%}
  .vc_row.sf-svc .sf-pic .vc_figure,
  .vc_row.sf-svc .sf-pic .vc_single_image-wrapper{aspect-ratio:4/5;height:auto}
  .vc_row.sf-svc .wpb_text_column,
  .vc_row.sf-svc.sf-rev .wpb_text_column{padding-inline:var(--pad);padding-block:clamp(26px,7vw,36px)}
  .vc_row.sf-svc.sf-svc-text{padding-block:clamp(26px,7vw,36px)}
  .vc_row.sf-svc.sf-svc-text>.wpb_column:first-child,
  .vc_row.sf-svc.sf-svc-text>.wpb_column:last-child{width:100%}
  .vc_row.sf-svc.sf-svc-text .wpb_text_column{padding:0}
  .vc_row.sf-svc ol.steps-list{grid-template-columns:minmax(0,1fr)}
  .vc_row.sf-svc h2{font-size:clamp(24px,7vw,32px)}
}

.sf-content .wpb-content-wrapper{min-width:0;max-width:100%;overflow-x:clip}
.sf-content .wpb_column,.sf-content .vc_column-inner,.sf-content .wpb_wrapper{min-width:0;max-width:100%}
/* ── [WP] bendros smulkmenos ── */
.sf-phase-note{background:var(--graphite-2);border:1px dashed var(--copper);color:var(--ink-2);padding:24px;margin:40px auto;max-width:1440px;font-size:14px}
#wpadminbar~.strip{margin-top:0}
.admin-bar .hd{top:calc(var(--strip-h,38px) + 32px)}
.admin-bar .page{padding-top:calc(var(--strip-h,38px) + var(--hd-h) + 32px)}
@media (max-width:782px){.admin-bar .hd{top:calc(var(--strip-h,38px) + 46px)}.admin-bar .page{padding-top:calc(var(--strip-h,38px) + var(--hd-h) + 46px)}}
.hours{font-variant-numeric:tabular-nums}

/* ── [WP BLOKAS: firma] vc_row.sf-say – kreminis intro blokas ── */
.vc_row.sf-say{background:var(--ivory);color:var(--ivory-ink);padding-block:var(--section)}
.sf-content :is(.wpb-content-wrapper,main)>.vc_row.sf-say{max-width:none;padding-inline:max(var(--pad),calc((100% - 1440px)/2 + var(--pad)))}
.vc_row.sf-say>.wpb_column{width:100%;float:none;min-width:0}
.vc_row.sf-say{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,112px);align-items:start;box-sizing:border-box}
.vc_row.sf-say .label{color:var(--ivory-ink-3);margin:0 0 28px;display:block}
.vc_row.sf-say .statement{color:var(--ivory-ink);max-width:17em;font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,36px);line-height:1.35;letter-spacing:.01em;text-wrap:balance;margin:0}
.vc_row.sf-say .lede{color:var(--ivory-ink-2);padding-top:.6em;font-size:17px;line-height:1.7;max-width:34em}
.vc_row.sf-say .facts b{color:var(--ivory-ink)}
.vc_row.sf-say .facts span{color:var(--ivory-ink-3)}
@media (max-width:900px){.vc_row.sf-say{grid-template-columns:1fr;gap:28px}}
/* ── [WP BLOKAS: etiketė] vc_row.sf-label – redakcinė kompozicija standartiniais elementais ── */
.vc_row.sf-label{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(16px,2vw,28px);align-items:stretch;padding-top:var(--section)}
.vc_row.sf-label>.wpb_column{width:100%;float:none;min-width:0}
.vc_row.sf-label .vc_column-inner,.vc_row.sf-label .wpb_wrapper{height:100%}
.vc_row.sf-label>.wpb_column:last-child>.vc_column-inner>.wpb_wrapper{display:grid;grid-template-rows:auto 1fr;gap:clamp(16px,2vw,28px)}
.vc_row.sf-label .vc_row_inner{margin:0;display:grid;gap:clamp(16px,2vw,28px)}
.vc_row.sf-label .vc_row_inner::before,.vc_row.sf-label .vc_row_inner::after{display:none}
.vc_row.sf-label .vc_row_inner>.vc_column_inner{width:100%;float:none;min-width:0;padding:0}
.vc_row.sf-label .vc_row_inner.sf-label-txt{grid-template-columns:minmax(0,1fr) clamp(140px,16vw,220px);gap:clamp(20px,3vw,40px);align-items:end}
.vc_row.sf-label .vc_row_inner.sf-label-pair{grid-template-columns:1fr 1fr}
.vc_row.sf-label .wpb_single_image{height:100%}
.vc_row.sf-label .wpb_single_image .vc_figure{position:relative;display:block;height:100%;overflow:hidden;background:#6E6B70}
.vc_row.sf-label .wpb_single_image .vc_single_image-wrapper{display:block;height:100%}
.vc_row.sf-label .wpb_single_image img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.vc_row.sf-label .sf-label-main .vc_figure{aspect-ratio:2/3;height:auto}
.vc_row.sf-label .sf-label-detail .vc_figure{aspect-ratio:1;height:auto}
.vc_row.sf-label .sf-label-pic .vc_figure{aspect-ratio:4/5;height:auto}
.vc_row.sf-label .vc_figure-caption{position:absolute;left:18px;bottom:16px;z-index:2;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);padding:6px 10px;background:rgba(var(--scrim),.55);margin:0;line-height:1.6}
.vc_row.sf-label .label{margin:0 0 18px;display:block}
.vc_row.sf-label h2{font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.08em;line-height:1.12;font-size:clamp(28px,3.2vw,48px);margin:0 0 16px}
.vc_row.sf-label .lede{max-width:30em;font-size:17px;line-height:1.7;color:var(--ink-2)}
@media (max-width:900px){
  .vc_row.sf-label{grid-template-columns:1fr}
  .vc_row.sf-label .sf-label-main .vc_figure{aspect-ratio:3/4}
  .vc_row.sf-label .vc_row_inner.sf-label-txt{grid-template-columns:1fr;align-items:start}
  .vc_row.sf-label .sf-label-detail{max-width:100%}
}
.fabrics-sec{padding-block:0}
.brands.brands-a{padding-top:0;padding-bottom:0}
.brands.brands-b{padding-top:0}
.fabrics-list .word{display:block;font-family:var(--serif);font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory-ink);margin-bottom:14px}
/* ── [WP BLOKAS: ženklų katalogas] ── */
.pgrid .item[hidden]{display:none}
.pmore{display:flex;justify-content:center;margin-top:clamp(24px,3vw,40px)}
.bsec .note{font-size:13px;color:var(--ink-3);max-width:46em;margin-top:24px}
.bintro .word{color:var(--ink)}
.lb .close-btn{position:absolute;top:0;right:0;z-index:2}
.fabrics-note{margin:28px 0 0;font-size:14px;color:var(--ivory-ink-2)}
.marquee{overflow:hidden;max-width:100%}

/* 2026-10-28: Bodoni Moda yra Didone – prie didelių dydžių plonėja. */
.display,.statement,.step .num,.step .free,.svc .num,.vc_row.sf-svc .num,.card .word,.ph-head .word,.bintro .word,.fabrics-list .word,.facts b,.facts-row b{font-weight:500;font-optical-sizing:none;font-variation-settings:'opsz' 11}

/* 2026-10-28: audiniu blokas – brukšnys nusibrežia, užvedus logotipas pakyla. */
.fabrics-list li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--ivory-line);transform-origin:left}
.reveal .fabrics-list li[data-reveal]::before{transform:scaleX(0);transition:transform 900ms var(--ease-out);transition-delay:calc(var(--i,0) * 90ms + 140ms)}
.reveal .fabrics-list li[data-reveal].is-in::before{transform:scaleX(1)}
.fabrics-list li:hover::before{background:var(--copper)}
.fabrics-list li:hover img{opacity:1;transform:translateY(-3px)}
.fabrics-list li:hover span{color:var(--ivory-ink)}
@media (prefers-reduced-motion: reduce){.reveal .fabrics-list li[data-reveal]::before{transform:none;transition:none}}

/* ── 2026-10-28  HERO: pilno ploto nuotrauka be rėmo ir be matinio stiklo ── */
@media (min-width:901px){
  /* nuotrauka užpildo visą sceną – nebelieka išlietų kraštų ir gradientinio fono */
  .hero .stage{background:#141211}
  .hero .slide .bgc{display:none}
  .hero .slide .ph{position:absolute;inset:0;top:0;height:100%;width:100%;max-width:none;
    aspect-ratio:auto;-webkit-mask-image:none;mask-image:none}
  .hero .slide .ph img{object-position:58% 46%}
  /* vietoj plokštės – tamsus uždangalas tik ten, kur tekstas */
  /* kadras šviesus (dienos gatvė), todėl reikia ir bendro pritemdymo, ir vietinio uždangalo */
  .hero .slide .ph img{filter:brightness(.74) contrast(1.06) saturate(.92)}
  .hero .stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
    linear-gradient(90deg,rgba(14,12,11,.90) 0%,rgba(14,12,11,.64) 28%,rgba(14,12,11,.20) 54%,rgba(14,12,11,0) 74%),
    linear-gradient(0deg,rgba(14,12,11,.84) 0%,rgba(14,12,11,.30) 32%,rgba(14,12,11,0) 58%)}
  .hero .copy{z-index:4}
  .hero .hero-panel{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;padding:0}
  /* tekstas – apačioje kairėje, tiesiai ant nuotraukos */
  .hero .copy{top:auto;bottom:clamp(56px,9vh,112px);max-width:min(660px,50vw)}
  .hero,.hero .lede,.hero .cap,.hero .cta .btn{color:var(--ink)}
  .hero .label{color:var(--copper)}
  .hero .cta .btn::before{background:var(--ink)}
  .hero .cta .btn:hover{color:var(--bg)}
  .hero .cap{opacity:.8}
}
/* ── 2026-10-28  AUDINIAI: viso plocio kremine juosta, redakcinis dvieju stulpeliu islygiavimas ── */
.fabrics-sec{background:var(--ivory);padding-block:clamp(60px,7.5vw,112px)}
.fabrics{margin-top:0;background:none;color:var(--ivory-ink);padding:0;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(28px,5vw,88px);align-items:start}
.fabrics-head{max-width:none;margin-bottom:0;position:sticky;top:calc(var(--hd-h) + 40px)}
.fabrics-head .label{color:var(--copper-2)}
.fabrics-head h3{font-size:clamp(28px,3.1vw,46px);margin:0}

/* audyklos – ne keturi stulpeliai, o keturios eilutes */
.fabrics-list{grid-template-columns:1fr;gap:0}
.fabrics-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:clamp(14px,3vw,40px);min-height:0;
  padding:clamp(20px,2.4vw,30px) 0;border-top:0}
.fabrics-list img{margin:0;height:24px;opacity:.8}
.fabrics-list img.tall{height:30px}
.fabrics-list img.wide{height:13px;margin:0}
.fabrics-list span{margin:0;text-align:right;font-size:14px}
.fabrics-list li:last-child::after{content:"";position:absolute;left:0;right:0;bottom:0;
  height:1px;background:var(--ivory-line)}
.fabrics-note{grid-column:2;margin:clamp(18px,2vw,26px) 0 0;max-width:46em;align-self:start}

@media (max-width:900px){
  .fabrics{grid-template-columns:1fr;gap:clamp(24px,5vw,40px)}
  .fabrics-head{position:static}
  .fabrics-list li{grid-template-columns:1fr;gap:10px;align-items:start}
  .fabrics-list span{text-align:left}
  .fabrics-note{grid-column:1}
}
/* ── 2026-10-28  KADRAVIMAS ir juoda juosta ── */
/* 6) tarp audiniu juostos ir „Jusu kelio“ prasisviesdavo juodas puslapio fonas */
.journey{margin-top:0}

/* 1-3) placiuose languose scena tampa platesne uz kadra ir nukerpa galva su kojomis.
   Kadravima nukreipiam i virsu, kad galva visada liktu; kerpama tik is apacios. */
@media (min-width:901px){
  .hero .slide .ph img{object-position:58% 14%}
  /* kuo platesnis langas, tuo auksciau laikom kadra */
  @media (min-aspect-ratio:2/1){ .hero .slide .ph img{object-position:58% 8%} }
}
/* ══ 2026-10-28  SUBTILIOS ANIMACIJOS ══ */

@media (hover:hover) and (pointer:fine){
  /* 2) Prekių ženklų plyteles – nuotrauka lėtai priartėja rėmelyje */
  .card .ph img{transition:transform 900ms var(--ease-soft)}
  .card:hover .ph img{transform:scale(1.045)}

  /* 3) Parduotuvių kortelės – rėmelis sušyla iki varinio, be jokio šokinėjimo */
  .stores .store{transition:border-color 420ms var(--ease-out)}
  .stores .store:hover{border-color:rgba(201,154,115,.55)}

  /* 4) Logotipų juosta sustoja užvedus – galima perskaityti ženklą */
  .marquee:hover .marquee-track{animation-play-state:paused}
}
/* Antrastes su .lines: tik eiluciu slinkimas is po kaukes, be papildomo issiryskinimo.
   Kaukė guli ant .ln (vaiko), tad stebimo elemento plotas nesikeicia ir IntersectionObserver veikia. */
@media (prefers-reduced-motion:no-preference){
  .reveal h2.display.lines[data-reveal],
  .reveal h3.display.lines[data-reveal]{opacity:1;transform:none}
}
/* ══ 2026-10-28  IEJIMO UZSKLANDA (1600 ms) ══
   Grynai CSS: be JS negali užstrigti, veikia ir išjungus skriptus.
   Logotipas atsidengia skersine banga (tarsi graviruojamas), trumpa pauzė,
   tada visa užsklanda ištirpsta – puslapis prasišviečia pro ją. */
.sf-intro{
  position:fixed;inset:0;z-index:900;
  display:grid;place-items:center;
  background:#332E2B;
  animation:sfIntroFade 1600ms linear both;will-change:opacity;
}
@keyframes sfIntroFade{
  0%,50%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}

.sf-intro-mark{position:relative;display:block;width:min(300px,54vw)}
.sf-intro-mark img{
  display:block;width:100%;height:auto;
  animation:sfMarkIn 1600ms linear both;will-change:opacity,transform;
}
@keyframes sfMarkIn{
  0%{clip-path:inset(0 100% 0 0);transform:translateY(5px);opacity:1;animation-timing-function:cubic-bezier(0.23,1,0.32,1)}
  40%{clip-path:inset(0 0 0 0);transform:none;opacity:1;animation-timing-function:linear}
  48%{clip-path:inset(0 0 0 0);transform:none;opacity:1;animation-timing-function:cubic-bezier(0.4,0,0.6,1)}
  74%,100%{clip-path:inset(0 0 0 0);transform:translateY(-12px);opacity:0}
}
  40%{clip-path:inset(0 0 0 0);transform:none;opacity:1}
  48%{clip-path:inset(0 0 0 0);transform:none;opacity:1}
  56%{opacity:.78;transform:translateY(-3px)}
  64%{opacity:.42;transform:translateY(-7px)}
  74%,100%{clip-path:inset(0 0 0 0);transform:translateY(-12px);opacity:0}
}

@media (prefers-reduced-motion:reduce){ .sf-intro{display:none} }
@media print{ .sf-intro{display:none} }
/* ══ 2026-10-28  MOBILIOJI TVARKA ══ */
@media (max-width:900px){

  /* 1) Prekių ženklų plytelės. Juosta slenkama šonu, bet pirma plytelė lįpdavo
        prie pat krašto – atrodė kaip sulūžęs maketas, ne kaip karuselė.
        Tarpai iš šonų + „prikišimas“, kad plytelė visada sustotų lygiai su tekstu. */
  .cards{
    padding-inline:var(--pad);
    scroll-padding-inline:var(--pad);
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .cards::-webkit-scrollbar{display:none}
  .cards > *{scroll-snap-align:start}

  /* 2) „Su Sunset Fashion etikete“ – viena nuotrauka buvo 201 px, kitos 335 px.
        Visos lygiuojasi per visą stulpelį. */
}
/* ══ 2026-10-28  VIENUOLIKOS TAISYMU blokas ══ */

/* 3) Po prekių ženklais buvęs 11 px su .32em tarpais – per smulkus. */
.card .meta .label{font-size:12.5px;letter-spacing:.16em;color:var(--ink-2);margin-top:12px}

/* 10a) Poraštės tekstas stambesnis */
.foot li{font-size:16px}
.foot .addr p{font-size:16px}
.foot .brandline-txt{font-size:16px}
.foot h4{font-size:12px;letter-spacing:.22em}
.foot .addr b{font-size:18px}

/* 10b) Juosta po porašte – daugiau kontrasto */
.foot .bottom{font-size:12px;letter-spacing:.14em;color:var(--ink-2)}
.foot .bottom a{color:var(--ink-2)}
.foot .bottom a:hover{color:var(--ink)}

/* 11) Antraštė – vientisas fonas, tik kiek skaidresnis nei buvo (.9 → .65). */
.hd.is-light{background:rgba(243,238,231,.65)}
/* ══ 2026-10-30  ETIKETES BLOKAS: detale po tekstu ══
   Turinyje detalė perkelta į tą patį stulpelį po tekstu (buvo gretimas 1/3 stulpelis).
   Čia lieka tik kadravimas – 4:3, kad etiketė pamušale nebūtų nukerpama. */
@media (min-width:901px){
  .vc_row.sf-label .sf-label-detail{max-width:100%;margin-top:clamp(24px,2.6vw,36px)}
  .vc_row.sf-label .sf-label-detail .vc_figure{aspect-ratio:4/3;height:auto}
  .vc_row.sf-label .sf-label-detail img{object-position:50% 45%}
}

/* ══ 2026-10-30  KOSTIUMU BLOKAS (A variantas) ══
   Viena nuotrauka per visą plotį, tekstas ant jos kairėje – ta pati kalba kaip herojuje. */
.vc_row.sf-suit{
  position:relative;
  min-height:clamp(520px,54vw,760px);
  display:flex;align-items:stretch;
  overflow:hidden;
  background:#1C1A19;
  margin-top:var(--section);
}
.vc_row.sf-suit>.wpb_column{width:100%;float:none;min-width:0;display:flex;padding:0}
.vc_row.sf-suit .vc_column-inner{display:flex;width:100%}
.vc_row.sf-suit .wpb_wrapper{display:flex;flex-direction:column;justify-content:center;width:100%}

/* nuotrauka – fonas */
.vc_row.sf-suit .sf-suit-pic{position:absolute;inset:0;margin:0;max-width:none;transform:none}
.vc_row.sf-suit .sf-suit-pic .vc_figure,
.vc_row.sf-suit .sf-suit-pic .vc_single_image-wrapper{display:block;height:100%;width:100%;overflow:hidden}
.vc_row.sf-suit .sf-suit-pic img{width:100%;height:100%;object-fit:cover;object-position:62% 58%}
/* uždangalas, kad tekstas būtų įskaitomas */
.vc_row.sf-suit .sf-suit-pic::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(16,14,13,.93) 0%,rgba(16,14,13,.82) 32%,rgba(16,14,13,.28) 60%,rgba(16,14,13,0) 80%);
}
/* parašas – apatiniame dešiniajame kampe */
.vc_row.sf-suit .sf-suit-pic .vc_figure-caption{
  position:absolute;right:var(--pad);bottom:28px;left:auto;z-index:3;margin:0;
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);
  background:rgba(16,14,13,.62);padding:7px 12px;line-height:1.6;
}

/* tekstas */
.vc_row.sf-suit .sf-suit-txt{position:relative;z-index:2;padding-inline:max(var(--pad),calc((100% - 1440px)/2 + var(--pad))) var(--pad);max-width:none;width:100%;box-sizing:border-box}
.vc_row.sf-suit .sf-suit-txt>*{max-width:560px}
.vc_row.sf-suit .label{display:block;margin:0 0 20px;color:var(--copper)}
.vc_row.sf-suit h2{
  font-family:var(--serif);font-weight:500;text-transform:uppercase;
  letter-spacing:.02em;line-height:1.1;font-size:clamp(30px,3.6vw,54px);
  color:var(--ink);margin:0 0 22px;
}
.vc_row.sf-suit .lede{max-width:30em;font-size:17px;line-height:1.75;color:var(--ink-2);margin:0}

@media (max-width:900px){
  /* Telefone – nuotrauka viršuje per visą plotį, tekstas po ja. */
  .vc_row.sf-suit{min-height:0;display:block;margin-top:0}
  .vc_row.sf-suit>.wpb_column,
  .vc_row.sf-suit .vc_column-inner,
  .vc_row.sf-suit .wpb_wrapper{display:block}
  /* iš krašto į kraštą: neigiamos paraštės panaikina stulpelio tarpą */
  .vc_row.sf-suit .sf-suit-pic{position:relative;inset:auto;transform:none;margin:0;width:100%;max-width:none}
  .vc_row.sf-suit .sf-suit-pic .vc_figure{aspect-ratio:4/5;height:auto}
  .vc_row.sf-suit .sf-suit-pic img{object-position:60% 55%}
  /* uždangalas tik apačioje – po parašu */
  .vc_row.sf-suit .sf-suit-pic::after{background:linear-gradient(180deg,rgba(16,14,13,0) 62%,rgba(16,14,13,.62) 100%)}
  .vc_row.sf-suit .sf-suit-pic .vc_figure-caption{right:auto;left:var(--pad);bottom:16px;font-size:10px;letter-spacing:.24em;background:none;padding:0}
  .vc_row.sf-suit .sf-suit-txt{padding-inline:var(--pad);padding-block:clamp(30px,8vw,46px) clamp(30px,8vw,46px);max-width:none}
  .vc_row.sf-suit h2{font-size:clamp(28px,8.4vw,38px);margin-bottom:18px}
  .vc_row.sf-suit .label{margin-bottom:16px}
  .vc_row.sf-suit .lede{max-width:none;font-size:16px}
}
/* ══ 2026-10-30  Prekių ženklai – „iš arti“ (C variantas) ══ */
.brands.brands-c{--bh:clamp(300px,33vw,486px);padding-top:0;padding-bottom:var(--section)}
.brands-c .zc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(28px,4.5vw,64px);padding-block:clamp(44px,5.6vw,80px) clamp(24px,3vw,40px);text-align:left}
.brands-c .zc-head-l{min-width:0}
.brands-c .zc-head .label{margin:0 0 16px}
.brands-c .zc-head h2{margin:0}
.brands-c .zc-head .lede{margin:0 0 4px;max-width:30em}
.brands-c .zc-head .lede p{margin:0}
.brands-c .zc-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;align-items:start}
.brands-c .zc{position:relative;display:block;color:var(--ink);text-decoration:none;background:#1C1A19;height:calc(var(--bh) * var(--hm,1));margin-top:calc(var(--bh) * var(--om,0));overflow:hidden}
.brands-c .zc-ph{position:absolute;inset:0;display:block;overflow:hidden}
.brands-c .zc-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--p,50% 44%);filter:saturate(.95) contrast(1.02) brightness(.97);transition:transform 1200ms var(--ease-soft)}
.brands-c .zc::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(16,14,13,.97) 0%,rgba(16,14,13,.90) 14%,rgba(16,14,13,.58) 28%,rgba(16,14,13,.16) 46%,rgba(16,14,13,0) 64%)}
.brands-c .zc-meta{position:absolute;z-index:2;left:clamp(14px,1.5vw,24px);right:clamp(12px,1.2vw,20px);bottom:clamp(15px,1.6vw,24px);display:flex;flex-direction:column;gap:10px}
.brands-c .zc-logo{height:clamp(11px,1.05vw,15px);width:auto;align-self:flex-start}
.brands-c .zc-meta .word{font-family:var(--serif);font-weight:500;font-optical-sizing:none;font-variation-settings:'opsz' 11;font-size:clamp(14px,1.25vw,18px);letter-spacing:.22em;color:var(--ink);line-height:1}
.brands-c .zc-cat{font-size:clamp(10px,.8vw,11px);letter-spacing:.15em;text-transform:uppercase;color:#E6E0D8;line-height:1.5}
@media (hover:hover){.brands-c .zc:hover .zc-ph img{transform:scale(1.045)}}
.brands-c .zc:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}
.brands-c .end{margin-top:clamp(22px,2.6vw,36px)}
.brands-c .note{margin-top:0}
@media (max-width:900px){
  .brands-c .zc-head{display:block;padding-block:clamp(36px,8vw,56px) clamp(18px,4vw,28px)}
  .brands-c .zc-head .lede{margin-top:16px;max-width:none}
  .brands-c .zc-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;margin-inline:0;padding-inline:var(--pad) 0;scroll-padding-inline:var(--pad) 0;scrollbar-width:none;align-items:stretch}
  .brands-c .zc-row::-webkit-scrollbar{display:none}
  .brands-c .zc{flex:0 0 66vw;scroll-snap-align:start;height:auto;aspect-ratio:3/4.4;margin-top:0}
  .brands-c .zc-meta{left:18px;right:16px;bottom:18px}
  .brands-c .zc-cat{font-size:10px}
}
/* Paslaugu kadravimas */
.vc_row.sf-svc .sf-pic-a img{object-position:50% 24%}
.vc_row.sf-svc .sf-pic-b img{object-position:50% 30%}
.vc_row.sf-svc .sf-pic-c img{object-position:50% 50%}
.vc_row.sf-svc .sf-pic-d img{object-position:50% 50%}
@media (max-width:900px){
  .vc_row.sf-svc .sf-pic-a img{object-position:50% 30%}
  .vc_row.sf-svc .sf-pic-b img{object-position:46% 26%}
  .vc_row.sf-svc .sf-pic-c img{object-position:50% 50%}
  .vc_row.sf-svc .sf-pic-d img{object-position:50% 50%}
}
