@font-face{font-family:'Clash Display';src:url('./public/fonts/font-1.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('./public/fonts/font-3.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('./public/fonts/font-4.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--ink:#1a1a1a;--body:#505050;--gold:#b08d57;--gold-text:#96713c;--line:#e5e3de;--light:#f9f9f9;--display:'Clash Display',Arial,sans-serif;--text:Satoshi,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;padding-bottom:82px;background:white;color:var(--ink);font:16px/1.6 var(--text)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:500}
h1{font-size:clamp(40px,4.5vw,60px);line-height:1.07;letter-spacing:-1.1px}
h2{font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-.5px;text-wrap:balance}
h3{font-size:24px;line-height:1.3}
a{color:inherit;text-decoration:none}
a,button,input,textarea{outline-offset:5px}
:focus-visible{outline:2px solid var(--gold-text)}
button,input,textarea{font:inherit;border-radius:0}
button{cursor:pointer}
img{display:block;max-width:100%}
.wrap{width:calc(100% - 112px);max-width:1360px;margin-inline:auto}
.section{padding-block:80px;text-align:center}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 22px;border:1px solid var(--gold);background:transparent;color:#76592f;font-size:15px;font-weight:500;line-height:1.4;text-align:center;transition:background .15s,color .15s}
.button:hover{background:var(--gold);color:white}
.button.primary{background:var(--gold);color:white}
.button.primary:hover{background:#c39e65;border-color:#c39e65}
.arrow-link::after,.link-arrow::after{content:'→';margin-left:10px;flex-shrink:0}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:145px;height:66px;object-fit:contain}
.site-header nav{display:flex;gap:36px;font-size:15px}
.site-header a:hover{color:var(--gold-text)}
.header-phone{font-size:16px;font-weight:500;white-space:nowrap}
/* Hero */
.hero{position:relative;min-height:580px;background:#bbaa8b;display:flex;align-items:center}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 48%}
.hero-inner{position:relative;padding-block:48px}
.hero-card{width:610px;max-width:100%;padding:48px;background:white}
.hero-card>p{font-size:18px;color:var(--body);margin:24px 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions .button{padding-inline:18px;white-space:nowrap}
.hero-address{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:28px;font-size:16px;font-weight:700;line-height:1.5}
.hero-address svg{flex-shrink:0;color:var(--gold-text)}
.hero-address:hover span{text-decoration:underline;text-underline-offset:4px}
/* Sortiments */
.catalog.section{padding-bottom:0}
.catalog-inner>h2{margin-bottom:42px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:38px 32px;padding-bottom:48px}
.product{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.product>img{width:100%;aspect-ratio:1.65;height:auto;object-fit:cover;margin-bottom:20px}
.product h3{width:100%;font-size:24px}
.product-detail{margin-top:7px;color:var(--body);font-size:14px}
.price{display:flex;align-items:baseline;gap:8px;margin:14px 0 20px;white-space:nowrap}
.price strong{font:500 42px/1.1 var(--display);letter-spacing:-1px;color:var(--gold)}
.price span{font:400 18px/1.4 var(--text);color:var(--body)}
.price-agreement{min-height:46px;align-items:center}
.price-agreement span{font:500 24px/1.3 var(--display);color:var(--gold-text)}
.product-link{min-height:48px;padding:12px 18px;font-size:14px}
.catalog-note{width:100%;min-height:192px;padding:36px 24px;display:flex;align-items:center;justify-content:center;gap:34px;color:white;background:linear-gradient(90deg,rgba(22,20,17,.71),rgba(22,20,17,.51)),url('./public/images/planed-timber.jpg') center/cover}
.catalog-note strong{font:500 clamp(28px,3vw,38px)/1.18 var(--display);max-width:580px;text-wrap:balance}
.catalog-note .button{min-height:56px;border-color:var(--gold);background:var(--gold);color:white;white-space:nowrap}
.catalog-note .button:hover{background:#c39e65;border-color:#c39e65;color:white}
/* Izmēri un apstrāde */
.specifications{width:calc(100% - 112px);max-width:1360px;padding-inline:0;background:white}
.specifications h2{max-width:800px;margin-inline:auto}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:40px auto 0}
.spec-grid article{padding:0 24px}
.spec-grid article+article{border-left:1px solid var(--line)}
.spec-grid h3{font-size:23px;margin-bottom:14px}
.spec-grid p{color:var(--body);font-size:15px;line-height:1.8}
.spec-grid .spec-value{font:500 clamp(23px,2.2vw,30px)/1.3 var(--display);color:var(--gold);margin-bottom:8px}
.spec-value span{font:400 18px var(--text);color:var(--body)}
/* Piegāde */
.delivery.section{position:relative;isolation:isolate;padding:0;background:#d0c6b8;text-align:center;overflow:hidden}
.delivery-layout{position:static}
.delivery-copy{width:620px;max-width:58%;margin-inline:auto;padding:56px 52px;background:white}
.delivery-intro{display:flex;min-height:150px;flex-direction:column;justify-content:center;text-align:center;align-items:center}
.delivery h2{margin:0;font-size:36px}
.delivery-radius{margin-top:18px;font-size:16px;line-height:1.7;color:var(--body)}
.delivery-radius strong{font-size:inherit;font-weight:700;color:var(--gold-text)}
.delivery-image{position:absolute;z-index:-1;inset:0 0 0 auto;width:100%;height:100%;object-fit:cover;object-position:center center}
.delivery-grid{display:grid;margin-top:28px}
.delivery-grid article{padding:24px 0;border-top:1px solid var(--line)}
.delivery-grid article:last-child{border-bottom:1px solid var(--line)}
.delivery-grid h3{font-size:25px;margin-bottom:8px}
.delivery-grid p{max-width:460px;margin-inline:auto;color:var(--body);font-size:15px;line-height:1.7}
.delivery-grid .delivery-address{color:var(--gold-text);font-weight:500;margin-bottom:8px}
.delivery-grid .button{margin-top:18px}
.delivery-note{margin-top:22px;color:var(--gold-text);font-size:14px}
/* Kontakti */
.section-intro{font-size:16px;color:var(--body);margin:16px auto 0;max-width:620px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:42px;text-align:left}
.contact-copy,.location{min-width:0}
.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:36px}
.contact-details a{display:inline-flex;align-items:baseline;color:var(--gold-text);font-size:20px;line-height:1.35}
.contact-details .contact-phone{font-family:var(--display);font-size:clamp(26px,2.6vw,36px);white-space:nowrap}
.contact-details a:hover{color:#76592f}
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin:-16px 0 36px}
.social-links a{padding:8px 12px;border:1px solid var(--line);color:var(--gold-text);font-size:14px;font-weight:500}
.social-links a:hover{border-color:var(--gold);background:var(--gold);color:white}
form h3{font-size:24px;margin-bottom:24px}
.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
form label{min-width:0;font-size:14px;color:var(--body)}
input,textarea{display:block;min-width:0;width:100%;background:white;border:1px solid #d8d8d3;padding:12px 14px;font-size:16px;color:var(--ink)}
input{margin:7px 0 16px;height:50px}
textarea{resize:vertical;min-height:140px}
input::placeholder,textarea::placeholder{color:#82827c}
.form-submit{margin-top:16px;width:100%;background:var(--gold);color:white}
.form-submit:disabled{opacity:.65;cursor:not-allowed}
.form-status{margin-top:12px;font-size:14px;color:var(--body)}
.form-status[data-state="error"]{color:#9e3028}
.form-privacy{margin-top:12px;font-size:12px;color:var(--body)}
.form-privacy a{text-decoration:underline;text-underline-offset:3px}
.consent-options{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}
.consent-options label{display:flex;align-items:center;gap:8px;font-size:14px}
.consent-options input{width:18px;height:18px;margin:0;accent-color:var(--gold-text)}
.map-frame{position:relative;height:390px;background:var(--light)}
.location iframe{display:block;width:100%;height:100%;border:0;background:var(--light)}
.location h3{margin-top:22px;font-size:24px}
.map-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:20px}
.map-actions .button{min-height:56px;padding:14px 12px}
.site-footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:#74746e;font-size:13px}
.site-footer nav{display:flex;justify-content:center;gap:18px;margin-top:8px}
.site-footer a,.site-footer button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.site-footer a:hover,.site-footer button:hover{color:var(--gold-text)}
.legal-page{padding-bottom:0}
.legal-content{max-width:900px;padding-block:56px 88px}
.legal-back{display:inline-block;margin-bottom:28px;color:var(--gold-text);font-weight:500}
.legal-content h1{font-size:clamp(38px,5vw,58px);margin-bottom:10px}
.legal-updated{color:#74746e}
.legal-content section{margin-top:44px}
.legal-content h2{font-size:28px;margin-bottom:12px}
.legal-content section p{color:var(--body)}
.legal-content section p+p{margin-top:14px}
.legal-content section a{text-decoration:underline;text-underline-offset:3px;color:var(--gold-text)}
.error-page{padding:0;min-height:100vh;display:grid;place-items:center;background:var(--light)}
.error-page main{width:calc(100% - 40px);max-width:600px;padding:48px;background:white;text-align:center}
.error-page img{margin:0 auto 28px}
.error-page p{margin:14px 0 26px;color:var(--body)}
/* Paldies lapa */
.thanks-page{display:flex;flex-direction:column;min-height:100vh;background:var(--light)}
.thanks-main{flex:1;display:flex;justify-content:center;align-items:center;padding-block:48px 56px}
.thanks-card{width:100%;max-width:700px;padding:56px;background:white;border:1px solid var(--line);text-align:center}
.thanks-mark{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 26px;border-radius:50%;background:#f3ece1;color:var(--gold-text)}
.thanks-card h1{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.8px;margin-bottom:16px}
.thanks-lead{max-width:500px;margin-inline:auto;color:var(--body);font-size:17px}
.thanks-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.thanks-actions .button{flex:1;min-width:230px;min-height:56px}
.thanks-back{display:inline-block;margin-top:28px;color:var(--gold-text);font-weight:500}
.thanks-back:hover{text-decoration:underline;text-underline-offset:4px}
/* Pastāvīgā zvana un maršruta josla */
.sticky-cta{position:fixed;z-index:20;inset:auto 0 0;min-height:82px;padding:12px max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:white;border-top:1px solid #ffffff20}
.sticky-cta p{font:500 20px var(--display)}
.sticky-cta>div{display:flex;gap:10px}
.sticky-cta .button{min-height:54px}
.sticky-cta .primary{color:white}
.sticky-cta .secondary{color:white;border-color:#d8d2c8}
.sticky-cta .secondary:hover{background:var(--gold);border-color:var(--gold);color:white}
.consent-banner{position:fixed;z-index:40;left:20px;right:20px;bottom:102px;max-width:1100px;max-height:calc(100dvh - 130px);overflow:auto;margin:auto;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:white;border:1px solid var(--line);box-shadow:0 12px 36px #0000001c}
.consent-banner[hidden]{display:none}
.consent-banner strong{display:block;font:500 19px/1.3 var(--display);margin-bottom:4px}
.consent-banner p{max-width:610px;color:var(--body);font-size:13px;line-height:1.5}
.consent-banner p a{text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;flex-wrap:wrap;gap:8px}
.consent-actions .button{min-height:46px;padding:10px 14px;font-size:13px}
.visually-hidden,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:30;background:white;padding:12px 20px}
@media(min-width:1600px){
  .hero{min-height:640px}
  .hero-card{padding:58px;width:630px}
}
@media(min-width:1900px){
  .wrap{max-width:1600px}
  .section{padding-block:96px}
  .hero{min-height:720px}
  .hero-card{width:680px;padding:64px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:46px 36px}
  .delivery-copy{width:720px;padding:68px 64px}
}
@media(min-width:2800px){
  .wrap{max-width:1760px}
  .section{padding-block:112px}
  .hero{min-height:800px}
  .hero-card{width:720px}
  .catalog-note{min-height:232px}
  .delivery-copy{width:780px;max-width:52%}
}
@media(max-width:1100px){
  .wrap{width:calc(100% - 64px)}
  .site-header nav{gap:22px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}
  .specifications{width:calc(100% - 64px);padding-inline:0}
  .spec-grid article{padding-inline:16px}
  .spec-grid h3{font-size:21px}
  .spec-grid .spec-value{font-size:26px}
  .delivery-copy{padding:44px 32px;max-width:55%}
  .delivery h2{font-size:32px}
  .contact-grid{gap:32px}
  .contact-details a{font-size:18px}
}
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
  .contact-details{padding-bottom:28px;border-bottom:1px solid var(--line)}
  .map-frame{height:360px}
}
@media(max-width:760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .wrap{width:calc(100% - 40px)}
  .section{padding-block:52px}
  h2{font-size:32px}
  .site-header{height:84px;gap:14px}
  .brand img{width:120px;height:58px}
  .site-header nav{display:none}
  .header-phone{font-size:14px}
  .hero{min-height:0;padding-block:30px}
  .hero-inner{padding:0}
  .hero-card{width:550px;padding:34px}
  .hero h1{font-size:46px}
  .hero-card>p{font-size:16px;margin:20px 0 24px}
  .hero-actions{flex-direction:column}
  .hero-actions .button{width:100%}
  .hero-address{margin-top:24px;font-size:15px}
  .catalog{padding-bottom:0}
  .catalog-inner>h2{margin-bottom:30px}
  .product-grid{gap:34px 24px;padding-bottom:36px}
  .product h3{font-size:22px}
  .product>img{margin-bottom:16px}
  .price strong{font-size:40px}
  .price-agreement span{font-size:22px}
  .catalog-note{min-height:232px;flex-direction:column;gap:24px;padding:36px 24px}
  .catalog-note strong{max-width:440px;font-size:32px}
  .specifications{width:calc(100% - 48px);padding-inline:0}
  .spec-grid{grid-template-columns:1fr;max-width:480px;gap:0;margin-top:30px}
  .spec-grid article{padding:28px 0}
  .spec-grid article:first-child{padding-top:0}
  .spec-grid article:last-child{padding-bottom:0}
  .spec-grid article+article{border-left:0;border-top:1px solid var(--line)}
  .spec-grid h3{font-size:24px;margin-bottom:12px}
  .spec-grid .spec-value{font-size:30px}
  .spec-grid p{line-height:1.7}
  .delivery{padding:0;background:white}
  .delivery-layout{width:100%}
  .delivery-copy{width:100%;max-width:none;padding:48px 24px}
  .delivery-intro{min-height:180px;padding-block:12px}
  .delivery h2{font-size:32px;max-width:440px}
  .delivery-radius{margin-top:16px}
  .delivery-image{position:static;width:calc(100% + 48px);max-width:none;height:280px;margin:28px -24px 0;object-position:center 60%}
  .delivery-grid{margin-top:8px}
  .delivery-grid article{padding:26px 0}
  .delivery-grid article:first-child{border-top:0}
  .delivery-grid p{max-width:560px}
  .delivery-note{margin-top:22px}
  .contact{border-top:1px solid var(--line)}
  .contact h2{max-width:500px;margin-inline:auto}
  .section-intro{font-size:15px;max-width:430px}
  .contact-grid{grid-template-columns:1fr;gap:40px;max-width:540px;margin:32px auto 0}
  .contact-details{gap:14px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
  .contact-details .contact-phone{font-size:32px}
  .contact-details a{font-size:19px}
  .site-footer nav{flex-direction:column;gap:6px}
  .legal-content{padding-block:38px 64px}
  .legal-content section{margin-top:34px}
  .thanks-main{padding-block:32px 56px}
  .thanks-card{padding:32px 24px}
  .thanks-lead{font-size:16px}
  .thanks-actions{flex-direction:column;gap:10px}
  .thanks-actions .button{min-width:0}
  form h3{font-size:24px;margin-bottom:22px}
  .map-frame{height:300px}
  .consent-banner{bottom:88px;flex-direction:column;align-items:stretch;gap:14px;padding:16px}
  .consent-actions{display:grid;grid-template-columns:1fr 1fr}
  .location h3{font-size:23px}
  .sticky-cta{min-height:72px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
  .sticky-cta p{display:none}
  .sticky-cta>div{width:100%;gap:8px}
  .sticky-cta .button{flex:1;min-width:0;min-height:52px;padding:10px 8px;font-size:13px;line-height:1.3}
}
@media(max-width:560px){
  .product-grid{grid-template-columns:1fr;max-width:400px;margin-inline:auto;grid-auto-rows:auto}
  .product{min-height:410px}
  .product h3{font-size:25px}
  .hero-card{padding:30px 24px}
  .hero h1{font-size:clamp(34px,10vw,42px);letter-spacing:-.8px}
  .hero-address{align-items:flex-start}
  .hero-address svg{margin-top:1px}
  .form-row{grid-template-columns:1fr;gap:0}
  .map-actions{grid-template-columns:1fr}
  .social-links{margin-top:-12px}
  .consent-banner{left:10px;right:10px}
  .consent-actions{grid-template-columns:1fr 1fr}
  .consent-actions .button:last-child{grid-column:1/-1}
  .catalog-note strong{max-width:340px}
}
@media(max-width:360px){
  h2,.delivery h2{font-size:29px}
  .hero-card{padding:26px 20px}
  .hero-actions .button{padding-inline:10px;font-size:14px}
  .contact-details .contact-phone{font-size:28px}
  .contact-details a{font-size:17px}
  .sticky-cta .button{font-size:12px}
  .spec-grid .spec-value{font-size:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}