@font-face{font-family:'Permanent Marker LT';src:url('../assets/fonts/PermanentMarker-LT.woff2') format('woff2');font-weight:400;font-display:swap}
/* Geltonas Tigras – stilius paimtas iš logotipo: šiltai juoda, tigro geltona, sauso teptuko potėpis */
:root{
  --ink:#0c0a07; --coal:#171209; --line:#33291a; --bone:#f2ead8; --mute:#bdb199;
  --tiger:#ffc21a; --amber:#e8890c;
  --f-body:'Source Sans 3',system-ui,sans-serif;
  --f-brush:'Permanent Marker LT','Permanent Marker','Source Sans 3',cursive;
  --f-script:var(--f-brush);
  --max:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{background:var(--ink);color:var(--bone);font:400 1.0625rem/1.65 var(--f-body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--tiger);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Teptuko juosta – pagrindinis firminis elementas (kaip flajeryje) */
.brush{display:block;color:var(--tiger);font:400 clamp(2rem,4.8vw,3.3rem)/1.08 var(--f-brush)}
.script{font-family:var(--f-script);color:var(--amber)}
.section{padding:5.5rem 0}
.section-head{margin-bottom:2.6rem}
.section-head p{color:var(--mute);max-width:56ch;margin-top:1.1rem}

/* Mygtukai */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border:2px solid var(--tiger);
  border-radius:3px;font:800 1rem var(--f-body);cursor:pointer;transition:background .2s,color .2s}
.btn-solid{background:var(--tiger);color:#0c0a07}
.btn-solid:hover{background:#ffd54f}
.btn-line{background:transparent;color:var(--bone)}
.btn-line:hover{background:var(--tiger);color:#0c0a07}
.btn-sm{padding:.5rem 1.1rem;font-size:.95rem}

/* Navigacija */
.navbar{position:fixed;inset:0 0 auto 0;z-index:1000;padding:.8rem 0;background:rgba(12,10,7,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:padding .2s}
.navbar.scrolled{padding:.45rem 0}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.logo-brand{display:flex;align-items:center;gap:.7rem}
.logo-brand img{height:42px;width:auto}
.logo-brand span{font:400 1.45rem/1 var(--f-brush);color:var(--tiger);white-space:nowrap}
.nav-links{display:flex;gap:1.7rem}
.nav-links a{font-weight:600;color:var(--mute);padding:.3rem 0;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--tiger);border-color:var(--tiger)}
.nav-contacts-quick{display:flex;align-items:center;gap:.8rem}
.hamburger{display:none;background:none;border:2px solid var(--line);color:var(--tiger);font-size:1.4rem;width:44px;height:44px;border-radius:3px;cursor:pointer}

/* Hero */
.hero{position:relative;padding:8rem 0 5rem;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(112deg,transparent 0 46px,rgba(232,137,12,.07) 46px 50px,transparent 50px 120px,rgba(232,137,12,.05) 120px 123px);
  -webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.hero-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch}
.hero-grid>:first-child{grid-column:span 7;padding-right:2rem}
.hero-grid>.hero-photo{grid-column:span 5}
.hero h1{font:400 clamp(3.4rem,8.5vw,6.2rem)/.92 var(--f-brush);color:var(--tiger);transform:rotate(-2deg);transform-origin:left;margin-bottom:.5rem}
.hero-script{font-size:clamp(1.6rem,3vw,2.3rem);margin:.2rem 0 1.5rem;transform:rotate(-2deg);transform-origin:left}
.hero-desc{max-width:52ch;color:var(--mute);margin-bottom:1.8rem}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-bottom:2rem}
.pillars li{border-left:3px solid var(--tiger);padding-left:.9rem;color:var(--mute);line-height:1.4}
.pillars b{display:block;color:var(--bone);font-size:1.05rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}
.hero-photo{position:relative;display:flex;min-height:440px}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;cursor:zoom-in;
  clip-path:polygon(0 0,100% 3%,97% 100%,3% 96%)}
.hero-photo .brush{position:absolute;left:0;bottom:0;padding:.75rem 1.2rem;background:rgba(12,10,7,.85);border-left:4px solid var(--tiger);color:var(--bone);font:700 1.05rem/1.2 var(--f-body)}

/* Kainynas */
.price-list li{display:grid;grid-template-columns:230px 1fr;gap:1.8rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid var(--line)}
.pill{justify-self:start;color:var(--tiger);font:400 1.7rem/1.1 var(--f-brush);white-space:nowrap}
.price-list h3{font-size:1.2rem;font-weight:700}
.price-list p{color:var(--mute)}
.price-notes{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.4rem}
.note{border:2px solid var(--tiger);border-radius:14px;padding:1.2rem 1.5rem}
.note h4{color:var(--tiger);font-size:1.1rem;margin-bottom:.3rem}
.note p{color:var(--mute)}
.flyer-link{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--mute)}

/* Priežiūra */
.aftercare{background:var(--coal)}
.aftercare-wrap{display:grid;grid-template-columns:1fr minmax(0,500px);gap:3.5rem;align-items:stretch}
.lead{color:var(--mute);max-width:56ch;margin-bottom:1.6rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rules{counter-reset:r;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.rules li{counter-increment:r;display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.rules li::before{content:counter(r) ".";font:400 2rem/1 var(--f-brush);color:var(--tiger)}
.rules h3{font-size:1.15rem}
.rules p{color:var(--mute)}
.rules .final h3{color:var(--tiger)}
.flyer-thumb{cursor:zoom-in;border:2px solid var(--line);transition:border-color .2s;display:flex;flex-direction:column}
.flyer-thumb img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top}
.flyer-thumb:hover{border-color:var(--tiger)}
.flyer-thumb figcaption{padding:.7rem 1rem;color:var(--mute);font-size:.95rem}

/* Apie */
.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.about-photo{grid-column:span 5}
.about-text{grid-column:span 7;padding-left:2rem}
.about-photo img{width:100%;cursor:zoom-in;clip-path:polygon(3% 0,100% 2%,98% 100%,0 97%)}
.about-text h2{margin-bottom:1.4rem}
.kicker{display:block;font:italic 700 1.2rem var(--f-body);color:var(--amber);margin-bottom:1rem}
.about-text p{color:var(--mute);margin-bottom:1rem;max-width:62ch}
.about-text strong{color:var(--bone)}

/* Galerija */
.gallery{background:var(--coal)}
.strip{display:block;max-width:820px;margin:0 auto}
.strip img{width:100%}
.styles{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin:1.2rem 0 2.2rem;color:var(--mute)}
.gallery-cta{text-align:center}

/* Kontaktai */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.contact-col{padding:0 2rem;border-left:3px solid var(--tiger)}
.contact-col h3{font-size:1.25rem;margin-bottom:.5rem}
.contact-col p{color:var(--mute);margin-bottom:1rem}
.contact-col .big{display:block;font:400 1.6rem/1.2 var(--f-brush);color:var(--tiger);margin-bottom:.6rem}
.hours{color:var(--bone)!important}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:3.5rem;counter-reset:s}
.steps li{counter-increment:s;color:var(--mute);padding:0 2rem;border-left:3px solid var(--tiger)}
.steps li::before{content:counter(s) ".";display:block;font:400 1.6rem/1 var(--f-brush);color:var(--tiger);margin-bottom:.3rem}
.steps b{color:var(--bone)}

/* Poraštė */
.footer{background:#070605;border-top:1px solid var(--line);padding:3.5rem 0 1.5rem}
.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:4rem;text-align:center}
.footer h4{font-size:1rem;margin-bottom:.7rem;color:var(--tiger)}
.footer li{color:var(--mute);margin-bottom:.35rem}
.footer a:hover{color:var(--tiger)}
.footer-brand .logo-brand{margin-bottom:.9rem}
.footer-brand .logo-brand img{height:64px}
.footer-brand .logo-brand span{font-size:2rem}
.footer-bottom{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--mute);font-size:.9rem;text-align:center}

/* Lightbox */
.modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:1.5rem}
.modal.open{display:flex}
.modal-content{position:relative;max-width:min(92vw,820px);max-height:92vh;display:flex;flex-direction:column}
.modal-img-wrap img{max-height:76vh;width:auto;margin:0 auto;border:2px solid var(--line)}
.modal-caption{padding-top:.8rem;text-align:center}
.modal-caption p{color:var(--mute);font-size:.95rem}
.modal-close{position:absolute;top:-.6rem;right:-.6rem;width:44px;height:44px;border-radius:50%;border:2px solid var(--tiger);background:var(--ink);color:var(--tiger);font-size:1.6rem;cursor:pointer;z-index:2}

/* Mobilus */
@media (max-width:900px){
  .hamburger{display:block}
  .nav-contacts-quick .btn{display:none}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--ink);border-bottom:1px solid var(--line);padding:.5rem 4%}
  .nav-links.open{display:flex}
  .nav-links a{padding:.9rem 0;border-bottom:1px solid var(--line)}
  .hero{padding-top:6.5rem}
  .hero-grid,.aftercare-wrap,.about-grid,.footer-grid{grid-template-columns:1fr;gap:2.5rem}
  .hero-grid>*,.about-grid>*{grid-column:1/-1!important;padding:0!important}
  .rules{grid-template-columns:1fr}
  .hero-photo{max-width:440px;margin:0 auto 1.5rem;min-height:0}.hero-photo img{height:auto;aspect-ratio:4/5}
  .price-list li{grid-template-columns:1fr;gap:.6rem}
  .price-notes,.contact-grid,.steps{grid-template-columns:1fr}
  .contact-grid{gap:2rem}.contact-col+.contact-col,.steps li+li{margin-left:0}.steps{gap:1.5rem}
  .flyer-thumb{max-width:360px}.flyer-thumb img{flex:none;height:auto}
  .about-photo{max-width:380px}
  .section{padding:4rem 0}
}
@media (max-width:520px){.pillars{grid-template-columns:1fr}.logo-brand span{font-size:1.2rem}}

/* Priežiūra – kaip flajeryje, be paveikslėlio */
.aftercare{position:relative;overflow:hidden}
.care{position:relative}
.care-title{margin-bottom:2.2rem}
.drug-line{display:flex;align-items:center;gap:1.1rem;margin:.9rem 0 .2rem}
.drug-line::before,.drug-line::after{content:"";flex:1;height:2px;background:var(--tiger)}
.drug-line span{font:800 clamp(1.6rem,5vw,2.4rem)/1 var(--f-body);color:var(--tiger)}
.rules .drug-note{text-align:center;font-style:italic}
.care-end{margin-top:2.2rem;text-align:center;font:900 italic clamp(1.3rem,3.2vw,1.9rem)/1.25 var(--f-body);color:var(--tiger)}

/* Priežiūros fonas – kaip flajeryje: šilta juoda, gintaro švytėjimas, tigro dryžių potėpiai */
.aftercare{background:
  radial-gradient(60% 55% at 94% 6%,rgba(232,137,12,.40),transparent 70%),
  radial-gradient(45% 45% at 4% 98%,rgba(255,194,26,.24),transparent 70%),
  radial-gradient(35% 30% at 88% 88%,rgba(160,90,10,.22),transparent 70%),
  linear-gradient(180deg,#0b0805 55%,#1d1206 100%)}

/* Antraštės – tas pats rašto šriftas visame puslapyje */
.contact-col h3{font:400 1.5rem/1.2 var(--f-brush);color:var(--tiger)}
.footer h4{font:400 1.3rem/1.2 var(--f-brush);color:var(--tiger)}
.note h4{font:400 1.3rem/1.2 var(--f-brush)}

/* Poraštė – vienas blokas */
.footer{padding:3.5rem 0 2.2rem}
.footer-block{max-width:760px;margin:0 auto;text-align:center}
.footer-block h4:not(:first-child){margin-top:1.8rem}
.footer-block p{color:var(--mute);margin-bottom:.3rem}
.footer-block .copy{margin-top:2.2rem;padding-top:1.3rem;border-top:1px solid var(--line);font-size:.9rem;text-align:center}


/* Poraštė – tik autorių teisių eilutė */
.footer{padding:1.6rem 0}
.footer .copy{margin:0;padding:0;border:0;text-align:center;color:var(--mute);font-size:.9rem;text-align:center}