:root{
  --ink:#0a2f30;
  --green:#003c39;
  --emerald:#00665e;
  --emerald2:#008579;
  --paper:#ffffff;
  --soft:#f3f6f5;
  --soft2:#eaf4f2;
  --line:#d9e5e2;
  --text:#172728;
  --muted:#667677;
  --radius:20px;
  --shadow:0 18px 55px rgba(0,55,51,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
button,select,input,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(1240px,calc(100% - 38px));margin:0 auto}

.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(90deg,#003a38,#004d49);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,40,38,.10)}
.header-inner{height:88px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;min-width:270px}.brand img{width:275px;max-height:58px;object-fit:contain;object-position:left center}
.nav{display:flex;gap:6px;margin-left:auto}.nav a,.order-link{color:#fff;padding:10px 12px;border-radius:9px;font-weight:700;font-size:14px}.nav a:hover{background:rgba(255,255,255,.1)}
.order-link{background:linear-gradient(135deg,var(--emerald2),#00a093);box-shadow:0 8px 18px rgba(0,0,0,.11)}
.header-contact-icons{display:flex;align-items:center;gap:8px;margin-left:4px}.header-phone{display:flex;align-items:center;gap:8px;color:#fff;font-weight:760;font-size:13px;white-space:nowrap}
.contact-icon{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;border:0;flex:0 0 auto}.contact-icon img{width:21px;height:21px;object-fit:contain}.icon-button{padding:0}
.menu-toggle{display:none;margin-left:auto;background:transparent;color:#fff;border:0;font-size:26px}

.ticker{overflow:hidden;background:#fff;border-bottom:1px solid #d9e4e2;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:tickerMove 31s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:21px;padding:16px 38px 15px 0}
.ticker-item{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:650;color:#073f3d;letter-spacing:-.012em}
.ticker-item img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.ticker-item img.ticker-delivery{width:62px;height:32px}
.ticker-posts{display:inline-flex;align-items:center;gap:18px;height:35px}
.ticker-posts img{display:block;object-fit:contain}
.ticker-posts .ticker-nova{width:112px;height:34px}
.ticker-posts .ticker-ukr{width:128px;height:34px}
.ticker-dot{font-size:18px;font-weight:900;color:#073f3d;line-height:1}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

.hero{padding:40px 0 44px;background:radial-gradient(circle at 65% 35%,#f8fbfa 0,#fff 53%,#fbfcfc 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:.86fr 1.24fr;align-items:center;gap:28px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--emerald2);margin:0 0 12px}.eyebrow.light{color:#91d6cf}
.hero h1{font-size:55px;line-height:1.01;letter-spacing:-.045em;margin:0 0 18px;color:#102d2e}.hero h1 span{color:var(--emerald2)}
.hero-text{font-size:16px;line-height:1.62;color:var(--muted);max-width:560px;margin:0}
.hero-points{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 27px}.hero-points span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:760;color:#325252}.hero-points img{width:22px;height:22px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:12px 16px;font-weight:820;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn.primary{background:var(--emerald2);color:#fff;box-shadow:0 11px 22px rgba(0,133,121,.20)}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{background:#edf5f4;color:var(--green)}
.hero-visual{min-width:0}.hero-photo-wrap{position:relative;border-radius:0;overflow:hidden;background:#fff}.hero-photo-wrap:before{content:"";position:absolute;inset:auto 3% 0 8%;height:45px;background:rgba(0,70,65,.13);filter:blur(26px);border-radius:50%;z-index:0}.hero-photo-wrap img{width:100%;max-height:520px;object-fit:contain;position:relative;z-index:1;mix-blend-mode:normal}

.services-section{padding:54px 0 62px;background:#f3f5f4}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2,.calculator-head h2{font-size:34px;margin:0;letter-spacing:-.035em;color:#0b2d2e}.section-heading>p,.calculator-head>p{color:var(--muted);max-width:500px;line-height:1.55;margin:0}.section-heading.centered{justify-content:center;text-align:center}.section-subtitle{color:var(--muted);max-width:620px;margin:12px auto 0;line-height:1.55}
.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.service-card{border:1px solid #e5ecea;background:#fff;border-radius:16px;padding:15px 10px 14px;min-height:145px;text-align:center;transition:.2s ease;box-shadow:0 6px 20px rgba(0,55,51,.035)}.service-card:hover,.service-card.active{border-color:#78bcb6;transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,85,79,.12)}
.service-icon{width:78px;height:78px;margin:0 auto 9px;display:grid;place-items:center}.service-icon img{width:76px;height:76px;object-fit:contain}.service-card span{font-size:12px;font-weight:820;color:#234a48;line-height:1.2}.service-card.active{background:#f8fdfc}

.calculator-section{padding:56px 0 70px;background:#fff}.calculator-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}
.calculator-shell{display:grid;grid-template-columns:.94fr 1.28fr .95fr;border:1px solid #e0e8e6;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.product-preview-card{padding:18px;background:#f2f5f4;border-right:1px solid #e0e8e6}.product-photo-frame{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:16px;background:#dfe8e6}.product-photo-frame>img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .35s ease}.product-photo-frame.is-changing>img{opacity:.15;transform:scale(1.025)}.product-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,18,0) 45%,rgba(0,39,36,.82) 100%)}.product-photo-caption{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:center;gap:12px;color:#fff}.mini-product-icon{width:54px;height:54px;border-radius:13px;background:#fff;display:grid;place-items:center;flex:0 0 auto}.mini-product-icon img{width:43px;height:43px;object-fit:contain}.light-label{color:#a9ddd7!important}.product-photo-caption h3{font-size:23px;margin:2px 0 0}.product-help{display:flex;gap:11px;padding:17px 8px 4px}.product-help-icon{width:38px;height:38px;border-radius:10px;background:#e1f1ef;display:grid;place-items:center;flex:0 0 auto}.product-help-icon img{width:22px}.product-help b{font-size:12px}.product-help p{font-size:11px;color:var(--muted);line-height:1.45;margin:3px 0 0}
.calc-form-wrap{padding:27px 26px;background:#fff}.calc-title-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.mini-label{font-size:9px;letter-spacing:.15em;font-weight:900;color:#2d716b;margin:0 0 5px}.calc-title-row h3,.order-preview-title h3{font-size:22px;margin:0;color:var(--green)}#serviceSelect{max-width:230px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;color:#254443;font-size:12px}
.field{margin:0 0 17px}.field>label,.field>span{display:block;font-size:11px;font-weight:850;margin-bottom:8px;color:#2a4141}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:inline-flex;padding:7px 9px;border:1px solid #cedbd8;border-radius:7px;background:#fff;font-size:11px;line-height:1.12;cursor:pointer;transition:.14s}.choice input:checked+label{background:#e1f2ef;border-color:#58aaa2;color:#003d39;font-weight:820;box-shadow:inset 0 0 0 1px #58aaa2}.text-input,.number-input,.textarea-input,.field select{width:100%;border:1px solid #cddbd8;border-radius:8px;padding:9px 10px;background:#fff;color:#203635;font-size:12px}.textarea-input{resize:vertical;min-height:96px;line-height:1.45}.inline-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.unit-input small{display:block;color:#66817f;font-size:9px;margin:0 0 5px}.hidden{display:none!important}.check-row{display:flex!important;gap:8px;align-items:center;font-size:12px!important}.check-row input{accent-color:var(--emerald2);width:17px;height:17px}.multi-choice{position:relative}.multi-choice input{position:absolute;opacity:0;pointer-events:none}.multi-choice label{display:inline-flex;padding:7px 9px;border:1px solid #cedbd8;border-radius:7px;background:#fff;font-size:11px;line-height:1.12;cursor:pointer;transition:.14s}.multi-choice input:checked+label{background:#e1f2ef;border-color:#58aaa2;color:#003d39;font-weight:820;box-shadow:inset 0 0 0 1px #58aaa2}
.order-preview{padding:27px 20px 21px;background:#f7f9f8;display:flex;flex-direction:column}.order-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.clear-btn{border:0;background:transparent;color:#66817f;font-size:10px;padding:5px}.order-preview textarea{width:100%;min-height:350px;resize:vertical;border:1px solid #c7d3d1;border-radius:10px;padding:13px;line-height:1.48;color:#18302f;background:#fff;flex:1;font-size:12px}.message-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.message-actions .copy{grid-column:1/-1;background:#fff;color:var(--green);border:1px solid #b8cbc8}.btn.send{color:#fff}.btn.send img{width:19px;filter:brightness(0) invert(1)}.btn.telegram{background:#179bd2}.btn.viber{background:#7652a8}.messenger-note{font-size:9px;line-height:1.45;color:#748481;margin:9px 2px 0}

.how-section{padding:65px 0 68px;background:#f4f7f6}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.steps article{position:relative;background:#fff;border:1px solid #e2ebe9;border-radius:17px;padding:20px 16px 20px;min-height:218px}.steps b{position:absolute;right:15px;top:15px;color:#b8cac7;font-size:12px;letter-spacing:.08em}.step-icon{width:62px;height:62px;border-radius:15px;background:#e2f2f0;display:grid;place-items:center;overflow:hidden}.step-icon img{width:54px;height:54px;object-fit:contain}.steps h3{margin:18px 0 8px;font-size:15px}.steps p{margin:0;color:var(--muted);line-height:1.5;font-size:11px}

.contact-strip{padding:50px 0;background:linear-gradient(120deg,#003b38,#00544f);color:#fff}.contact-strip-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:42px;align-items:center}.contact-strip-copy h2{font-size:30px;line-height:1.08;margin:0 0 12px}.contact-strip-copy p:last-child{color:#cbe2df;margin:0}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.contact-card{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);padding:14px;border-radius:14px;transition:.18s;color:#fff}.contact-card:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.contact-button{width:100%;text-align:left;font:inherit;cursor:pointer}.contact-card>span{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:0 0 auto}.contact-card>span img{width:24px;height:24px;object-fit:contain}.contact-card small{display:block;color:#bcd8d5;font-size:9px;margin-bottom:3px}.contact-card b{font-size:11px;white-space:nowrap}

footer{background:#002b29;color:#fff;padding:38px 0 17px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr;gap:35px}.footer-brand img{width:285px;max-width:100%}.footer-brand p{color:#a8c8c4;font-size:12px;margin:13px 0 0}.footer-title{font-weight:900;margin:0 0 11px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px}.footer-grid a{color:#c9dfdc;font-size:12px;line-height:1.5}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:28px;padding-top:14px;border-top:1px solid rgba(255,255,255,.11);font-size:10px;color:#96bab6}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);opacity:0;background:#0d3432;color:#fff;padding:11px 16px;border-radius:10px;z-index:100;box-shadow:var(--shadow);transition:.25s;font-size:12px}.toast.show{transform:translate(-50%,0);opacity:1}

@media(max-width:1120px){.header-phone span:last-child{display:none}.header-phone{gap:0}.nav{gap:2px}.brand{min-width:230px}.brand img{width:235px}.services-grid{grid-template-columns:repeat(4,1fr)}.calculator-shell{grid-template-columns:.85fr 1.15fr}.order-preview{grid-column:1/-1}.order-preview textarea{min-height:240px}.contact-strip-grid{grid-template-columns:1fr}.contact-cards{max-width:1000px}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.nav,.order-link,.header-contact-icons{display:none}.menu-toggle{display:block}.header-inner{height:76px}.brand{min-width:0}.brand img{width:230px}.nav.open{display:flex;position:absolute;left:0;right:0;top:76px;background:#003c39;padding:13px 18px 18px;flex-direction:column}.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:780px;margin:auto}.hero h1{font-size:49px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:700px){.container{width:min(100% - 24px,1240px)}.ticker-group{gap:14px;padding:12px 24px 11px 0}.ticker-item{font-size:14px;gap:8px}.ticker-item img{width:25px;height:25px}.ticker-posts{gap:12px;height:29px}.ticker-posts .ticker-nova{width:96px;height:28px}.ticker-posts .ticker-ukr{width:108px;height:28px}.ticker-dot{font-size:15px}.hero{padding-top:32px}.hero h1{font-size:40px}.hero-text{font-size:14px}.hero-points{gap:10px}.services-grid{grid-template-columns:repeat(2,1fr)}.section-heading,.calculator-head{align-items:flex-start;flex-direction:column}.calculator-shell{grid-template-columns:1fr}.product-preview-card{border-right:0;border-bottom:1px solid #e0e8e6}.product-photo-frame{aspect-ratio:3/4}.calc-form-wrap,.order-preview{padding:23px 17px}.calc-title-row{align-items:flex-start;flex-direction:column}.calc-title-row select{max-width:none!important;width:100%}.steps{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.message-actions{grid-template-columns:1fr}.message-actions .copy{grid-column:auto}.section-heading h2,.calculator-head h2{font-size:30px}}
@media(max-width:430px){.hero h1{font-size:35px}.service-card{min-height:123px}.inline-inputs{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.product-photo-frame{aspect-ratio:3/4}.header-inner{height:70px}.nav.open{top:70px}.brand img{width:205px}}


/* V6 — пошук, глобальні опції замовлення, файли, кольори та мобільний зв'язок */
.service-search{display:flex;align-items:center;gap:10px;max-width:650px;margin:-5px 0 24px;background:#fff;border:1px solid #dce7e4;border-radius:14px;padding:9px 12px;box-shadow:0 7px 22px rgba(0,55,51,.04)}
.service-search-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto}.service-search-icon img{width:22px;height:22px}
.service-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#173a38;font-size:14px;padding:5px 2px}.service-search input::placeholder{color:#829390}
#serviceSearchCount{white-space:nowrap;color:#6b817e;font-size:11px;font-weight:750}
.service-card[hidden]{display:none}

.swatch-row{display:flex;gap:9px;flex-wrap:wrap}.swatch-choice{position:relative}.swatch-choice input{position:absolute;opacity:0;pointer-events:none}
.swatch-choice label{display:flex;align-items:center;gap:6px;cursor:pointer;border:1px solid #d5dfdd;border-radius:9px;padding:5px 7px;background:#fff;transition:.14s}
.swatch-choice label i{display:block;width:27px;height:27px;border-radius:6px;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.swatch-choice label small{font-size:9px;color:#4b6260;display:none}.swatch-choice input:checked+label{border-color:#4ea89f;box-shadow:inset 0 0 0 1px #4ea89f,0 3px 10px rgba(0,100,92,.09)}.swatch-choice input:checked+label small{display:block}
.date-input{min-height:38px}
.file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.file-upload-control{display:flex!important;align-items:center;justify-content:space-between;gap:10px;border:1px dashed #7fb6b0;border-radius:10px;background:#f2faf8;padding:11px 12px;cursor:pointer;transition:.15s}
.file-upload-control:hover{background:#e9f7f4;border-color:#4ca69e}.file-upload-control b{font-size:11px;color:#005c55}.file-upload-control small{font-size:9px;color:#728783;text-align:right;max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field[data-field="orderTiming"],.field[data-field="deliveryMethod"],.field[data-field="attachment"]{padding-top:15px;border-top:1px solid #e5ecea;margin-top:21px}

.footer-contact-list a,.footer-contact-list button{display:flex!important;align-items:center;gap:8px!important;color:#c9dfdc;background:transparent;border:0;padding:0;text-align:left;font-size:12px;line-height:1.5;cursor:pointer}
.footer-contact-list img{width:20px;height:20px;object-fit:contain;background:#fff;border-radius:5px;padding:2px;flex:0 0 auto}
.footer-contact-list button:hover,.footer-contact-list a:hover{color:#fff}

.mobile-contact-bar{display:none;position:fixed;left:12px;right:12px;bottom:10px;z-index:95;background:rgba(0,47,44,.96);backdrop-filter:blur(12px);padding:7px;border-radius:16px;box-shadow:0 12px 30px rgba(0,35,32,.3);grid-template-columns:repeat(3,1fr);gap:6px;border:1px solid rgba(255,255,255,.12)}
.mobile-contact-bar a,.mobile-contact-bar button{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:11px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:750;padding:6px}
.mobile-contact-bar img{width:24px;height:24px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}
@media(max-width:700px){
  body{padding-bottom:76px}
  .mobile-contact-bar{display:grid}
  .service-search{max-width:none;margin-bottom:18px}
  .service-search input{font-size:13px}
  #serviceSearchCount{font-size:10px}
  .swatch-choice label small{display:none!important}
  .contact-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .contact-cards{grid-template-columns:1fr}
  .mobile-contact-bar span{display:none}
  .mobile-contact-bar a,.mobile-contact-bar button{min-height:46px}
  .file-upload-control{align-items:flex-start;flex-direction:column}.file-upload-control small{max-width:100%;text-align:left}
}

/* V7: visual type selector for standers */
.image-choice-row{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:12px;max-width:520px}
.image-choice{position:relative;min-width:0}
.image-choice input{position:absolute;opacity:0;pointer-events:none}
.image-choice label{display:flex;flex-direction:column;align-items:center;overflow:hidden;border:1px solid #cedbd8;border-radius:12px;background:#fff;cursor:pointer;transition:.16s ease;box-shadow:0 2px 8px rgba(0,45,41,.035)}
.image-choice label:hover{border-color:#7fbcb6;transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,75,67,.08)}
.image-choice-visual{display:grid;place-items:center;width:100%;height:118px;padding:7px 10px;background:#fbfcfc;border-bottom:1px solid #edf2f1}
.image-choice-visual img{width:100%;height:100%;object-fit:contain;display:block}
.image-choice-title{width:100%;padding:9px 10px;text-align:center;font-size:11px;font-weight:760;color:#2a4141;line-height:1.2}
.image-choice input:checked+label{border-color:#58aaa2;background:#eef8f6;box-shadow:inset 0 0 0 1px #58aaa2,0 5px 14px rgba(0,91,82,.08)}
.image-choice input:checked+label .image-choice-title{color:#003d39;font-weight:850}
@media(max-width:430px){.image-choice-row{grid-template-columns:1fr 1fr;gap:8px}.image-choice-visual{height:96px}.image-choice-title{font-size:10px;padding:8px 5px}}


/* V8 — доступність і підготовка до запуску */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #24b9aa;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(max-width:700px){.toast{bottom:92px}}