@import url('fonts.css');

:root{
  --bg:#0f1113; --bg-alt:#131619; --bg-card:#15181b; --bg-footer:#0a0b0d;
  --line:#24282c; --line2:#2a2e33; --line3:#3a3f45;
  --text:#eceae4; --muted:#a3a6a8; --muted2:#b9bcbf; --muted3:#c9cbcd; --muted4:#d4d6d8;
  --faint:#8b9096; --faint2:#9ea2a6; --faint3:#5c6166;
  --accent:#f5b81c; --accent-hover:#ffd35c; --ink:#111;
  --ok:#1f7a3a; --bad:#9b2c2c; --stock:#8fd19e;
  --f-body:'Barlow',system-ui,sans-serif;
  --f-head:'Barlow Condensed',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased}
body{min-height:100vh;display:flex;flex-direction:column}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
input,select,textarea,button{font-family:inherit;font-size:16px}
p,li{text-wrap:pretty}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--f-head)}
.container{max-width:1240px;margin:0 auto;padding:0 24px}

/* TOP BAR */
.topbar{background:var(--accent);color:var(--ink);font-size:14px;font-weight:500}
.topbar-inner{max-width:1240px;margin:0 auto;padding:8px 24px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
.topbar-left{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}
.open-status{display:flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.open-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.open-dot.open{background:var(--ok)}
.open-dot.closed{background:var(--bad)}
.topbar-phone{color:var(--ink);font-weight:700;font-family:var(--f-head);font-size:17px;letter-spacing:.03em}
.topbar-phone:hover{color:var(--ink);opacity:.8}

/* HEADER */
.site-header{position:sticky;top:0;z-index:40;background:rgba(15,17,19,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;cursor:pointer}
.brand-badge{width:44px;height:44px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:800;font-size:22px;letter-spacing:-.02em;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-title{font-family:var(--f-head);font-weight:800;font-size:24px;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}
.brand-title span{color:var(--accent)}
.brand-sub{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;color:var(--faint2);margin-top:4px}
.site-nav{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
.nav-link{cursor:pointer;font-family:var(--f-head);font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.05em;color:var(--text);padding:6px 0;border-bottom:2px solid transparent}
.nav-link:hover{color:var(--accent)}
.nav-link.active{color:var(--accent);border-bottom-color:var(--accent)}
.header-actions{display:flex;gap:10px;align-items:center}
.btn-cart{background:transparent;border:1px solid var(--line3);color:var(--text);padding:10px 14px;cursor:pointer;display:flex;gap:10px;align-items:center;font-family:var(--f-head);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.05em}
.btn-cart:hover{border-color:var(--accent)}
.cart-badge{background:var(--accent);color:var(--ink);min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:12px;font-weight:500}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--f-head);font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.05em;border:0;padding:16px 26px}
.btn-primary{background:var(--accent);color:var(--ink)}
.btn-primary:hover{background:var(--accent-hover);color:var(--ink)}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--line3);padding:15px 24px}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-dark{background:var(--ink);color:var(--accent);border:0}
.btn-sm{font-size:16px;padding:12px 18px}
.btn-block{width:100%}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* MAIN */
main{flex:1}
.section{max-width:1240px;margin:0 auto;padding:60px 24px}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--accent)}
.section-head{display:flex;flex-direction:column;gap:14px}
.section-head-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}
h2.section-title{margin:0;font-weight:800;font-size:clamp(36px,4.6vw,60px);line-height:1;text-transform:uppercase}
.section-link{cursor:pointer;color:var(--accent);font-family:var(--f-head);font-weight:600;font-size:18px;text-transform:uppercase;letter-spacing:.05em}

/* HERO */
.hero{border-bottom:1px solid var(--line)}
.hero-grid{padding:72px 24px 64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px;align-items:center}
.hero-content{display:flex;flex-direction:column;gap:26px}
h1.hero-title{margin:0;font-weight:800;font-size:clamp(48px,7vw,96px);line-height:.92;text-transform:uppercase;letter-spacing:-.01em}
h1.hero-title span{color:var(--accent)}
.hero-lead{margin:0;font-size:19px;line-height:1.6;color:var(--muted2);max-width:560px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-media{position:relative}
.hero-media img{width:100%;aspect-ratio:5/4;object-fit:cover;border:1px solid var(--line2)}
.price-badge{position:absolute;left:-12px;bottom:-22px;background:var(--accent);color:var(--ink);padding:16px 20px;display:flex;flex-direction:column;gap:2px}
.price-badge-amt{font-family:var(--f-head);font-weight:800;font-size:34px;line-height:1}
.price-badge-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em}

/* STRIP */
.strip{border-bottom:1px solid var(--line);background:var(--bg-alt)}
.strip-grid{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.strip-item{padding:26px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.strip-item:last-child{border-right:0}
.strip-item strong{font-family:var(--f-head);font-weight:700;font-size:22px;text-transform:uppercase}
.strip-item span{color:var(--muted);font-size:15px}

/* SERVICES GRID */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.service-card{background:var(--bg);padding:30px 28px;display:flex;flex-direction:column;gap:14px;cursor:pointer;min-height:260px}
.service-card:hover{background:#16191c}
.service-card-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:12px}
.service-card-top .num{color:var(--accent)}
.service-card-top .price{color:var(--muted)}
.service-card h3{margin:0;font-weight:700;font-size:28px;line-height:1.05;text-transform:uppercase}
.service-card p{margin:0;color:var(--muted);line-height:1.55;font-size:16px;flex:1}
.card-link{color:var(--accent);font-family:var(--f-head);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.05em}

/* DIAGNOSTIC BOX */
.diag-box{background:var(--bg-card);border:1px solid var(--line2);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.diag-left{padding:44px 40px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--line2)}
.diag-left p{margin:0;color:var(--muted);line-height:1.6}
.diag-right{padding:44px 40px;display:flex;flex-direction:column;gap:20px;justify-content:center}
.diag-right p{margin:0;color:var(--muted);line-height:1.6}
.symptom-list{display:flex;flex-direction:column;gap:8px}
.symptom-btn{text-align:left;background:transparent;color:var(--text);border:1px solid var(--line3);padding:13px 16px;cursor:pointer;font-size:16px;font-weight:500;display:flex;justify-content:space-between;gap:12px;width:100%}
.symptom-btn:hover{border-color:var(--accent)}
.symptom-btn.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.diag-label{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--muted)}
.diag-cause{margin:0;font-family:var(--f-head);font-weight:600;font-size:30px;line-height:1.15}
.tag-row{display:flex;flex-wrap:wrap;gap:10px}
.tag{font-family:var(--f-mono);font-size:12px;padding:6px 10px;border:1px solid var(--accent);color:var(--accent)}
.tag-outline{font-family:var(--f-mono);font-size:12px;padding:6px 10px;border:1px solid var(--line3);color:var(--muted3)}
.diag-note{font-size:13px;color:var(--faint)}

/* STEPS */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.step{border-top:3px solid var(--accent);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.step-num{font-family:var(--f-head);font-weight:800;font-size:48px;color:#2f3439;line-height:1}
.step h3{margin:0;font-weight:700;font-size:24px;text-transform:uppercase}
.step p{margin:0;color:var(--muted);line-height:1.55}

/* PRODUCTS */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}
.product-card{background:var(--bg-card);border:1px solid var(--line2);display:flex;flex-direction:column}
.product-media{position:relative;aspect-ratio:4/3;border-bottom:1px solid var(--line2);overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:cover}
.product-tag{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--ink);padding:4px 8px;font-size:11px;letter-spacing:.06em;font-family:var(--f-mono)}
.product-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.product-body h3{margin:0;font-weight:600;font-size:21px;line-height:1.15;flex:1}
.product-desc{margin:0;color:var(--muted);font-size:15px;line-height:1.5;flex:1}
.product-stock{font-size:13px;color:var(--stock)}
.product-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.product-price-col{display:flex;flex-direction:column}
.price-main{font-family:var(--f-head);font-weight:700;font-size:24px;color:var(--accent);line-height:1}
.price-note{font-size:12px;color:var(--faint)}
.btn-add{background:var(--accent);color:var(--ink);border:0;padding:10px 16px;cursor:pointer;font-family:var(--f-head);font-weight:700;font-size:15px;text-transform:uppercase}
.btn-add:hover{background:var(--accent-hover)}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center}
.about-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line2)}
.about-text{display:flex;flex-direction:column;gap:20px}
.about-text p{margin:0;color:var(--muted2);line-height:1.65;font-size:17px}
.check-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.check-list li{display:flex;gap:12px;color:var(--muted4)}
.check-list li::before{content:'—';color:var(--accent);font-family:var(--f-mono)}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.review-card{border:1px solid var(--line2);padding:28px;display:flex;flex-direction:column;gap:16px}
.stars{color:var(--accent);letter-spacing:.2em}
.review-card blockquote{margin:0;font-size:18px;line-height:1.55;color:var(--muted4);flex:1;font-style:normal}
.review-name{font-weight:600;display:block}
.review-car{font-family:var(--f-mono);font-size:12px;color:var(--muted);display:block}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px}
.faq-intro p{margin:0;color:var(--muted);line-height:1.6}
.faq-list{display:flex;flex-direction:column;border-top:1px solid var(--line2)}
.faq-item{border-bottom:1px solid var(--line2)}
.faq-q{width:100%;background:transparent;border:0;color:var(--text);padding:20px 0;display:flex;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-size:18px;font-weight:600}
.faq-sign{color:var(--accent);font-family:var(--f-mono)}
.faq-a{margin:0 0 20px;color:var(--muted);line-height:1.65;display:none}
.faq-item.open .faq-a{display:block}

/* CTA BAND */
.cta-band{background:var(--accent);color:var(--ink)}
.cta-band-inner{max-width:1240px;margin:0 auto;padding:44px 24px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.cta-band-title{font-family:var(--f-head);font-weight:800;font-size:clamp(30px,4vw,46px);text-transform:uppercase;line-height:1;display:block}
.cta-band-sub{font-size:17px}
.cta-band-phone{background:var(--ink);color:var(--accent);padding:16px 26px;font-family:var(--f-head);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.04em}
.cta-band-phone:hover{color:var(--accent-hover)}

/* FOOTER */
.site-footer{background:var(--bg-footer);border-top:1px solid var(--line);margin-top:auto}
.footer-grid{max-width:1240px;margin:0 auto;padding:60px 24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
.footer-col{display:flex;flex-direction:column;gap:9px}
.footer-brand{font-family:var(--f-head);font-weight:800;font-size:24px;text-transform:uppercase;color:var(--text)}
.footer-brand span{color:var(--accent)}
.footer-col p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.footer-legal-block{font-size:13px;color:var(--faint);line-height:1.7}
.footer-title{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--accent);margin-bottom:4px}
.footer-col a{color:var(--muted3);font-size:15px}
.footer-col a:hover{color:var(--accent)}
.footer-cookies-link{cursor:pointer;color:var(--muted3);font-size:15px;background:none;border:0;padding:0;text-align:left;font-family:inherit}
.footer-cookies-link:hover{color:var(--accent)}
.footer-bottom{max-width:1240px;margin:0 auto;padding:20px 24px 32px;border-top:1px solid #1d2024;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13px;color:var(--faint)}

/* PAGE HEAD (subpages) */
.page-head{border-bottom:1px solid var(--line);background:var(--bg-alt)}
.page-head-inner{max-width:1240px;margin:0 auto;padding:56px 24px 48px;display:flex;flex-direction:column;gap:16px}
.breadcrumb{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .current{color:var(--accent)}
.page-head h1{margin:0;font-weight:800;font-size:clamp(42px,6vw,78px);line-height:.95;text-transform:uppercase;max-width:960px}
.page-head p{margin:0;color:var(--muted2);font-size:18px;line-height:1.6;max-width:720px}

/* SERVICES LIST PAGE */
.service-rows{display:flex;flex-direction:column;gap:18px}
.service-row{border:1px solid var(--line2);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.service-row-media{min-height:220px;overflow:hidden}
.service-row-media img{width:100%;height:100%;object-fit:cover;min-height:220px}
.service-row-body{padding:30px;display:flex;flex-direction:column;gap:12px;grid-column:span 2}
.service-row-meta{font-family:var(--f-mono);font-size:12px;color:var(--accent)}
.service-row-body h2{margin:0;font-weight:700;font-size:34px;text-transform:uppercase;line-height:1}
.service-row-body p{margin:0;color:var(--muted2);line-height:1.6}
.service-row-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

/* SERVICE DETAIL PAGE */
.service-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:48px}
.service-detail-main{display:flex;flex-direction:column;gap:30px;grid-column:span 2}
.service-detail-main img{width:100%;aspect-ratio:16/8;object-fit:cover;border:1px solid var(--line2)}
.service-detail-main>p{margin:0;font-size:19px;line-height:1.65;color:var(--muted4)}
.service-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px}
.service-col{display:flex;flex-direction:column;gap:14px}
.service-col h3{margin:0;font-weight:700;font-size:26px;text-transform:uppercase}
.check-row{display:flex;gap:12px;color:var(--muted3);line-height:1.5}
.check-row .mark{color:var(--accent);font-family:var(--f-mono)}
.tip-box{background:var(--bg-card);border:1px solid var(--line2);padding:24px 28px;display:flex;flex-direction:column;gap:8px}
.tip-box .diag-label{margin-bottom:0}
.tip-box p{margin:0;line-height:1.6;color:var(--muted4)}
.service-aside{display:flex;flex-direction:column;gap:18px}
.price-box{background:var(--accent);color:var(--ink);padding:28px;display:flex;flex-direction:column;gap:12px}
.price-box .label{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}
.price-box .amount{font-family:var(--f-head);font-weight:800;font-size:46px;line-height:1}
.price-box .btn-dark{padding:14px;font-size:18px;margin-top:6px}
.price-box a{color:var(--ink);text-align:center;font-weight:600;display:block}
.other-services{border:1px solid var(--line2);padding:24px;display:flex;flex-direction:column;gap:4px}
.other-services .diag-label{margin-bottom:8px}
.other-services a{display:block;cursor:pointer;padding:9px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--text)}
.other-services a:hover{color:var(--accent)}

/* PRICES */
.price-groups{max-width:1000px;margin:0 auto;padding:56px 24px 96px;display:flex;flex-direction:column;gap:44px}
.price-group h2{margin:0 0 12px;font-weight:700;font-size:30px;text-transform:uppercase;color:var(--accent)}
.price-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);align-items:baseline}
.price-row-text{display:flex;flex-direction:column;gap:3px}
.price-row-text strong{font-weight:600;font-size:17px}
.price-row-text span{color:var(--muted);font-size:14px}
.price-row-amt{font-family:var(--f-mono);font-size:15px;white-space:nowrap}
.price-footnote{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

/* SHOP */
.cat-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.cat-btn{background:transparent;color:var(--text);border:1px solid var(--line3);padding:9px 16px;cursor:pointer;font-family:var(--f-head);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.04em}
.cat-btn.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.shop-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line2);border:1px solid var(--line2);margin-top:28px}
.shop-strip-item{background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:6px}
.shop-strip-item strong{font-family:var(--f-head);font-weight:700;font-size:20px;text-transform:uppercase}
.shop-strip-item span{color:var(--muted);font-size:15px}
.shop-strip-item button{background:none;border:0;padding:0;font:inherit}

/* FORMS */
.form-field{background:var(--bg-card);border:1px solid var(--line3);color:var(--text);padding:14px;width:100%}
.form-field::placeholder{color:var(--faint)}
textarea.form-field{resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.form-grid .full{grid-column:1/-1}
.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--muted3)}
.checkbox-row input{margin-top:3px;accent-color:var(--accent)}
label.block-label{display:flex;flex-direction:column;gap:8px}

/* CHECKOUT */
.checkout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px;align-items:start}
.checkout-col{display:flex;flex-direction:column;gap:28px}
.checkout-step h2{margin:0;font-weight:700;font-size:28px;text-transform:uppercase}
.checkout-step{display:flex;flex-direction:column;gap:14px}
.opt-row{border:1px solid var(--line2);background:var(--bg-card);padding:16px;display:flex;justify-content:space-between;gap:16px;cursor:pointer}
.opt-row.selected{background:#1c1a12;border-color:var(--accent)}
.opt-row-text{display:flex;flex-direction:column;gap:3px}
.opt-row-text strong{font-weight:600}
.opt-row-text span{color:var(--muted);font-size:14px}
.opt-row-price{font-family:var(--f-mono)}
.order-summary{background:var(--bg-card);border:1px solid var(--line2);padding:28px;display:flex;flex-direction:column;gap:16px;position:sticky;top:100px}
.order-summary h2{margin:0;font-weight:700;font-size:28px;text-transform:uppercase}
.order-line{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line2)}
.order-line span:last-child{font-family:var(--f-mono);white-space:nowrap}
.order-total-row{display:flex;justify-content:space-between;color:var(--muted)}
.order-grand{display:flex;justify-content:space-between;font-family:var(--f-head);font-weight:700;font-size:28px;border-top:1px solid var(--line3);padding-top:14px}
.order-grand span:last-child{color:var(--accent)}
.vat-note{font-size:13px;color:var(--muted)}
.empty-cart{border:1px solid var(--line2);padding:48px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.empty-cart h2{margin:0;font-size:34px;text-transform:uppercase}

/* ORDER / BOOKING SUCCESS */
.success-box{max-width:760px;margin:0 auto;padding:96px 24px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.success-box h1{margin:0;font-weight:800;font-size:clamp(42px,6vw,72px);line-height:.95;text-transform:uppercase}
.success-box p{margin:0;color:var(--muted2);font-size:18px;line-height:1.6}
.success-tag{font-family:var(--f-mono);font-size:13px;color:var(--accent);letter-spacing:.1em}

/* BOOKING */
.booking-wrap{max-width:1100px;margin:0 auto;padding:48px 24px 96px;display:flex;flex-direction:column;gap:36px}
.choice-row{display:flex;flex-wrap:wrap;gap:8px}
.choice-btn{background:transparent;color:var(--text);border:1px solid var(--line3);padding:11px 16px;cursor:pointer;font-weight:600;font-size:16px}
.choice-btn.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.date-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.date-btn{background:transparent;color:var(--text);border:1px solid var(--line3);padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.date-btn.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.date-btn .dow{font-family:var(--f-mono);font-size:12px;text-transform:uppercase}
.date-btn .dom{font-family:var(--f-head);font-weight:700;font-size:24px}
.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
.time-btn{background:transparent;color:var(--text);border:1px solid var(--line3);padding:12px 6px;cursor:pointer;font-family:var(--f-mono);font-size:15px}
.time-btn.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.time-btn.taken{background:transparent;color:var(--faint3);border-color:var(--line);text-decoration:line-through;cursor:not-allowed}
.hint-note{font-size:13px;color:var(--faint)}
.booking-summary{background:var(--bg-card);border:1px solid var(--line2);padding:22px 24px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.booking-summary-text{display:flex;flex-direction:column;gap:6px}
.booking-summary-label{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.08em}
.booking-summary-value{font-family:var(--f-head);font-weight:700;font-size:24px}

/* ABOUT PAGE */
.stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line2);border:1px solid var(--line2);max-width:1240px;margin:40px auto;padding:0 24px}
.stat-box{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:6px}
.stat-box strong{font-family:var(--f-head);font-weight:800;font-size:52px;color:var(--accent);line-height:1}
.stat-box span{color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.team-card{display:flex;flex-direction:column;gap:12px}
.team-card img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line2)}
.team-name{font-family:var(--f-head);font-weight:700;font-size:24px;text-transform:uppercase}
.team-role{font-family:var(--f-mono);font-size:12px;color:var(--accent)}
.team-card p{margin:0;color:var(--muted);line-height:1.55}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:24px}
.blog-card{cursor:pointer;display:flex;flex-direction:column;gap:14px}
.blog-card:hover{opacity:.85}
.blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line2)}
.blog-meta{font-family:var(--f-mono);font-size:12px;color:var(--accent)}
.blog-card h2{margin:0;font-weight:700;font-size:28px;line-height:1.05;text-transform:uppercase}
.blog-card p{margin:0;color:var(--muted);line-height:1.55}

/* POST */
.post{max-width:780px;margin:0 auto;padding:48px 24px 96px;display:flex;flex-direction:column;gap:24px}
.post img{width:100%;aspect-ratio:16/8;object-fit:cover;border:1px solid var(--line2)}
.post-lead{margin:0;font-size:21px;line-height:1.6;color:var(--muted4)}
.post-section h2{margin:12px 0 0;font-weight:700;font-size:30px;text-transform:uppercase}
.post-section p{margin:0;font-size:18px;line-height:1.75;color:var(--muted3)}
.post-cta{background:var(--accent);color:var(--ink);padding:28px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:20px}
.post-cta strong{font-family:var(--f-head);font-weight:700;font-size:26px;text-transform:uppercase}
.post-back{cursor:pointer;color:var(--accent);font-family:var(--f-head);font-weight:600;font-size:18px;text-transform:uppercase}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:48px}
.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line2);border:1px solid var(--line2)}
.contact-info-box{background:var(--bg);padding:22px;display:flex;flex-direction:column;gap:6px}
.contact-info-box .diag-label{margin-bottom:0}
.contact-info-box a,.contact-info-box span{color:var(--text);font-size:17px}
.map-embed{border:1px solid var(--line2);min-height:300px;width:100%;margin-top:22px}
.contact-note{margin:12px 0 0;color:var(--muted);line-height:1.6}
.contact-sent{border:1px solid var(--accent);padding:32px;display:flex;flex-direction:column;gap:10px}
.contact-sent strong{font-family:var(--f-head);font-weight:700;font-size:30px;text-transform:uppercase}
.contact-sent span{color:var(--muted2)}

/* LEGAL */
.legal-grid{max-width:1240px;margin:0 auto;padding:48px 24px 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:48px;align-items:start}
.legal-nav{display:flex;flex-direction:column;border:1px solid var(--line2);position:sticky;top:100px}
.legal-nav a{cursor:pointer;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--muted3);font-weight:500}
.legal-nav a:hover{color:var(--accent)}
.legal-nav a.active{color:var(--accent);background:var(--bg-card)}
.legal-content{display:flex;flex-direction:column;gap:28px;grid-column:span 2;max-width:780px}
.legal-date{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.legal-section{display:flex;flex-direction:column;gap:10px}
.legal-section h2{margin:0;font-weight:700;font-size:26px;text-transform:uppercase}
.legal-section p{margin:0;line-height:1.75;color:var(--muted3);font-size:16px}

/* CART DRAWER */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80;display:none}
.cart-overlay.open{display:block}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg-alt);border-left:1px solid var(--line2);z-index:90;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease}
.cart-drawer.open{transform:translateX(0)}
.cart-head{padding:22px 24px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}
.cart-head strong{font-family:var(--f-head);font-weight:800;font-size:28px;text-transform:uppercase}
.cart-close{background:transparent;border:1px solid var(--line3);color:var(--text);width:40px;height:40px;cursor:pointer;font-size:18px}
.cart-items{flex:1;overflow:auto;padding:12px 24px;display:flex;flex-direction:column}
.cart-empty-msg{color:var(--muted);margin:24px 0}
.cart-line{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-line-media{width:64px;height:64px;flex:none;object-fit:cover;border:1px solid var(--line2)}
.cart-line-body{flex:1;display:flex;flex-direction:column;gap:8px}
.cart-line-name{font-weight:600;line-height:1.3}
.cart-line-row{display:flex;justify-content:space-between;align-items:center}
.qty-control{display:flex;align-items:center;border:1px solid var(--line3)}
.qty-control button{background:transparent;border:0;color:var(--text);width:44px;height:44px;cursor:pointer;font-size:18px}
.qty-control span{font-family:var(--f-mono);min-width:28px;text-align:center}
.cart-line-total{font-family:var(--f-mono)}
.cart-line-remove{cursor:pointer;font-size:13px;color:var(--muted);background:none;border:0;padding:0}
.cart-line-remove:hover{color:var(--accent)}
.cart-foot{padding:22px 24px;border-top:1px solid var(--line2);display:none;flex-direction:column;gap:12px}
.cart-foot.show{display:flex}
.cart-foot-msg{font-size:14px;color:var(--muted)}
.cart-foot-sub{display:flex;justify-content:space-between;font-family:var(--f-head);font-weight:700;font-size:26px}
.cart-foot-sub span:last-child{color:var(--accent)}

/* COOKIE BANNER */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:760px;margin:0 auto;background:var(--bg-card);border:1px solid var(--line3);padding:22px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.cookie-banner.hidden{display:none}
.cookie-banner strong{font-family:var(--f-head);font-weight:700;font-size:22px;text-transform:uppercase}
.cookie-banner p{margin:0;color:var(--muted3);font-size:15px;line-height:1.6}
.cookie-actions{display:flex;flex-wrap:wrap;gap:10px}
.btn-cookie-accept{background:var(--accent);color:var(--ink);border:0;padding:12px 18px;cursor:pointer;font-family:var(--f-head);font-weight:700;font-size:16px;text-transform:uppercase}
.btn-cookie-outline{background:transparent;color:var(--text);border:1px solid var(--line3);padding:12px 18px;cursor:pointer;font-family:var(--f-head);font-weight:600;font-size:16px;text-transform:uppercase}

/* TOAST */
.toast{position:fixed;top:96px;right:20px;z-index:95;background:var(--accent);color:var(--ink);padding:14px 18px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.4);display:none}
.toast.show{display:block}

/* UTIL */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}