/* ── TOKENS ──────────────────────────────────────────────────────────────────── */
:root {
  --cream:    #FAF7F2;
  --cream-2:  #F2EBD9;
  --ink:      #1A1814;
  --ink-2:    #514D46;
  --ink-3:    #8C8880;
  --gold:     #C9991F;
  --gold-d:   #A87A16;
  --gold-lt:  #E8D48A;
  --gold-bg:  #FBF4DC;
  --green:    #2A6145;
  --green-lt: #D6EBE0;
  --red:      #C0392B;
  --red-bg:   #FDF0EE;
  --white:    #FFFFFF;
  --border:   #E6DCCC;
  --border-2: #D4C9B5;
  --sh:       0 4px 20px -6px rgba(26,24,20,.11);
  --sh-lg:    0 10px 40px -10px rgba(26,24,20,.19);
  --r:        18px;
  --r-sm:     10px;
  --max:      1120px;
  --fh:       'Playfair Display', Georgia, serif;
  --fb:       'Manrope', system-ui, sans-serif;
  --ease:     .28s cubic-bezier(.25,.8,.25,1);
}

/* ── RESET ───────────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}

/* ── LANG ────────────────────────────────────────────────────────────────────── */
body.lang-en .az{display:none!important}
body:not(.lang-en) .en{display:none!important}

/* ── UTILS ───────────────────────────────────────────────────────────────────── */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:1.1rem}
.eyebrow{font:700 .7rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.4rem}
.section-h{font:600 clamp(1.55rem,3.4vw,2.4rem)/1.1 var(--fh);color:var(--ink);margin-bottom:1.1rem}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:100px;font:700 .88rem/1 var(--fb);transition:var(--ease);white-space:nowrap;text-decoration:none}
.btn-gold{background:var(--gold);color:var(--white)}
.btn-gold:hover{background:var(--gold-d);transform:translateY(-2px);box-shadow:var(--sh)}
.btn-ghost{border:1.5px solid var(--border-2);color:var(--ink-2)}
.btn-ghost:hover{border-color:var(--gold);background:var(--gold-bg);color:var(--ink)}

/* ── REVEAL ──────────────────────────────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ══════════════════════════════════════════════════════ HEADER ═════════════ */
.site-header{
  position:sticky;top:0;z-index:200;
  background:rgba(250,247,242,.93);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border-2);
  box-shadow:0 2px 12px -2px rgba(26,24,20,.18);
  transition:border-color .3s,box-shadow .3s;
  padding:.5rem 0;
  /* prevent layout shift & sub-pixel wobble */
  will-change:transform;
  -webkit-font-smoothing:antialiased;
}
.site-header.scrolled{border-bottom-color:var(--border-2);box-shadow:0 1px 16px -2px rgba(26,24,20,.09)}
.hdr{display:flex;align-items:center;gap:1rem}

/* Logo */
.site-logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;text-decoration:none}
.logo-icon{width:30px;height:30px;flex-shrink:0}
.logo-name{font:700 1.06rem/1 var(--fh);color:var(--ink);display:block}
.logo-domains{font:600 .69rem/1 var(--fb);letter-spacing:.04em;color:var(--ink-3);display:block;margin-top:2px}

/* Nav */
.hdr-nav{display:flex;align-items:center;gap:.1rem;margin-left:auto}
.hdr-nav a{font:600 .92rem/1 var(--fb);color:var(--ink-2);padding:.45rem .7rem;border-radius:7px;transition:color .2s,background .2s}
.hdr-nav a:hover{color:var(--ink);background:var(--cream-2)}

/* Actions */
.hdr-right{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
.lang-sw{display:flex;background:var(--cream-2);border:1px solid var(--border);border-radius:100px;padding:.18rem;gap:.08rem}
.lang-sw button{font:700 .82rem/1 var(--fb);padding:.28rem .58rem;border-radius:100px;color:var(--ink-3);transition:var(--ease);min-width:36px;text-align:center}
.lang-sw button.on{background:var(--gold);color:var(--white);box-shadow:0 1px 6px rgba(201,153,31,.3)}
.hdr-cta{padding:.58rem 1.1rem;font-size:.89rem}

@media(max-width:680px){
  .hdr-nav{display:none}
  .hdr-right{margin-left:auto}
}
@media(max-width:560px){
  .logo-domains{display:none}
  .logo-name{font-size:.9rem}
  .hdr-cta .btn-lbl{display:none}
  .hdr-cta::after{content:'→';font-size:.95rem}
  .hdr-cta{padding:.5rem .85rem}
}

/* ══════════════════════════════════════════════════════ HERO ═══════════════ */
.hero{position:relative;overflow:hidden;padding:clamp(1.2rem,3vw,2.2rem) 0 clamp(1rem,2.5vw,1.8rem)}
.hero .wrap{display:flex;align-items:center;gap:2rem}
.hero-visual{flex:1;min-width:0;display:flex;align-items:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 32%);mask-image:linear-gradient(to right,transparent 0%,#000 32%)}
.hero-visual svg{width:100%;height:auto}
@media(max-width:820px){.hero-visual{display:none}}
.blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(55px)}
.blob-1{top:-15%;right:-6%;width:min(60vw,460px);height:min(60vw,460px);background:radial-gradient(circle,var(--gold-lt) 0%,transparent 70%);opacity:.32;animation:bf 15s ease-in-out infinite}
.blob-2{bottom:-8%;left:-4%;width:min(40vw,320px);height:min(40vw,320px);background:radial-gradient(circle,var(--green-lt) 0%,transparent 70%);opacity:.25;animation:bf 19s ease-in-out infinite reverse}
@keyframes bf{0%,100%{transform:translate(0,0)}40%{transform:translate(16px,-24px) scale(1.05)}70%{transform:translate(-10px,12px) scale(.96)}}
@media(prefers-reduced-motion:reduce){.blob{animation:none}}
.hero-inner{position:relative;z-index:1;max-width:640px}
.hero h1{font:700 clamp(2rem,5vw,3.8rem)/1.06 var(--fh);color:var(--ink);margin-bottom:.6rem}
.hero-sub{font-size:clamp(.9rem,1.7vw,1.05rem);color:var(--ink-2);line-height:1.7;margin-bottom:1.1rem;max-width:500px}
.d-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}
.d-chip{font:700 clamp(.95rem,2vw,1.2rem)/1 var(--fh);padding:.38rem .85rem;border:2px solid var(--border);border-radius:100px;cursor:pointer;transition:var(--ease);background:var(--white)}
.d-chip:hover,.d-chip:focus-visible{border-color:var(--gold);background:var(--gold-bg);transform:translateY(-2px)}
.d-chip .tl{color:var(--gold)}
.hero-acts{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.down-link{font:600 .85rem/1 var(--fb);color:var(--ink-3);display:flex;align-items:center;gap:.3rem;transition:color .2s}
.down-link:hover{color:var(--ink)}

/* ══════════════════════════════════════════════════════ CARDS ══════════════ */
.domains{padding:clamp(1.2rem,3vw,2.2rem) 0;border-top:1px solid var(--border)}
.d-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.1rem}
.d-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);position:relative}
.d-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:var(--gold-lt)}
.d-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ag);transition:height var(--ease)}
.d-card:hover::before{height:5px}
.card-milk  {--ag:linear-gradient(90deg,#C9991F,#E8D48A)}
.card-sud   {--ag:linear-gradient(90deg,#2A6145,#6BAF88)}
.card-pnd   {--ag:linear-gradient(90deg,#A87818,#C9991F)}
.card-cheese{--ag:linear-gradient(90deg,#E07B00,#F5C518)}
.card-img{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--cream-2)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.d-card:hover .card-img img{transform:scale(1.04)}
.card-body{padding:1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.card-head{display:flex;align-items:center;justify-content:space-between}
.card-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.card-milk   .card-icon{background:var(--gold-bg)}
.card-sud    .card-icon{background:var(--green-lt)}
.card-pnd    .card-icon{background:#FBF0CC}
.card-cheese .card-icon{background:#FEF3DC}
.status{display:inline-flex;align-items:center;gap:.3rem;font:700 .67rem/1 var(--fb);letter-spacing:.09em;text-transform:uppercase;color:var(--green);background:var(--green-lt);padding:.25rem .6rem;border-radius:100px}
.pdot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pdot 2s infinite}
@keyframes pdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.35)}}
.flagship{position:absolute;top:.7rem;right:.8rem;font:700 .6rem/1 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);background:var(--gold-bg);border:1px solid var(--gold-lt);padding:.2rem .55rem;border-radius:100px}
.c-name{font:700 clamp(1.65rem,3.5vw,2.2rem)/1 var(--fh);color:var(--ink)}
.c-name .tl{color:var(--gold)}
.c-tag{font-size:.88rem;color:var(--ink-2);line-height:1.5}
.c-pts{list-style:none;display:flex;flex-direction:column;gap:.4rem;flex:1}
.c-pts li{display:flex;align-items:flex-start;gap:.4rem;font-size:.83rem;color:var(--ink-2)}
.chk{flex-shrink:0;color:var(--green);margin-top:.1rem}
.c-price{font:700 .85rem/1 var(--fb);color:var(--gold-d);background:var(--gold-bg);padding:.5rem .85rem;border-radius:7px;align-self:flex-start}
.c-cta{width:100%;justify-content:center;padding:.8rem;font-size:.88rem;border-radius:9px;margin-top:auto}

/* ══════════════════════════════════════════════════════ CONTACT ════════════ */
.contact{padding:clamp(1.2rem,3vw,2.2rem) 0;border-top:1px solid var(--border);background:var(--cream-2)}
.contact-grid{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start}

/* Form card */
.form-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r);padding:1.25rem}

/* Checkbox domain pills */
.d-checks{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem}
.d-check-label{display:flex;align-items:center;gap:.38rem;padding:.45rem .9rem;border:1.5px solid var(--border);border-radius:100px;cursor:pointer;font:600 .85rem/1 var(--fb);color:var(--ink-2);transition:var(--ease);user-select:none}
.d-check-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.d-check-label:has(input:checked){border-color:var(--gold);background:var(--gold-bg);color:var(--ink)}
.d-check-label:hover{border-color:var(--gold-lt)}
.d-check-box{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--border-2);transition:var(--ease);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.d-check-label:has(input:checked) .d-check-box{background:var(--gold);border-color:var(--gold)}
.d-check-label:has(input:checked) .d-check-box::after{content:'✓';font-size:.7rem;color:var(--white);line-height:1}
/* Fallback for browsers without :has */
.d-check-label.checked{border-color:var(--gold);background:var(--gold-bg);color:var(--ink)}
.d-check-label.checked .d-check-box{background:var(--gold);border-color:var(--gold)}
.d-check-label.checked .d-check-box::after{content:'✓';font-size:.7rem;color:var(--white);line-height:1}

/* Form fields */
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem}
.f-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}
.f-group:last-of-type{margin-bottom:0}
.f-label{font:600 .78rem/1 var(--fb);color:var(--ink-2)}
.req{color:var(--gold)}
.f-input,.f-textarea{
  width:100%;background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r-sm);
  padding:.65rem .85rem;font-size:1rem;color:var(--ink);
  transition:border-color .2s,box-shadow .2s,background .2s;outline:none;-webkit-appearance:none
}
.f-input:focus,.f-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,153,31,.15);background:var(--white)}
.f-input.err,.f-textarea.err{border-color:var(--red);background:var(--red-bg)}
.f-input.err:focus,.f-textarea.err:focus{box-shadow:0 0 0 3px rgba(192,57,43,.13)}
.f-textarea{resize:vertical;min-height:90px;line-height:1.55}
.f-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.f-err{font:.78rem/1.4 var(--fb);color:var(--red);display:none;margin-top:.2rem}
.f-err.show{display:block}
.domain-err-wrap .f-err{margin-top:.4rem}

/* Submit */
.f-submit{width:100%;justify-content:center;padding:.9rem;font-size:.92rem;border-radius:var(--r-sm);margin-top:1.1rem}
.f-submit:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.form-global-err{font:.82rem/1.4 var(--fb);color:var(--red);margin-top:.5rem;display:none}
.form-global-err.show{display:block}

/* Success */
.form-success{text-align:center;padding:2.25rem 1rem}
.success-icon{width:52px;height:52px;border-radius:50%;background:var(--green-lt);display:flex;align-items:center;justify-content:center;margin:0 auto .9rem;color:var(--green)}
.form-success h3{font:600 1.15rem/1.2 var(--fh);margin-bottom:.45rem}
.form-success p{font-size:.88rem;color:var(--ink-2);margin-bottom:1.1rem}
.sp-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--r-sm);text-align:left;overflow:hidden;margin-top:.2rem;max-width:100%;box-sizing:border-box}
.sp-table{width:100%;border-collapse:collapse;font-size:.82rem;padding:.75rem .85rem;display:block;box-sizing:border-box;max-width:100%}
.sp-lbl{color:var(--ink-3);padding:.35rem .75rem .35rem 0;vertical-align:top;white-space:nowrap;width:68px}
.sp-val{color:var(--ink);padding:.35rem 0;line-height:1.5;word-break:break-word;overflow-wrap:anywhere;min-width:0}
.sp-msg{white-space:pre-wrap}

/* Sidebar */
.c-side{display:flex;flex-direction:column;gap:1rem}
.c-box{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r);padding:1.35rem;display:flex;flex-direction:column;gap:.8rem}
.c-box h3{font:600 1rem/1 var(--fh)}
.c-box p{font-size:.85rem;color:var(--ink-2);line-height:1.55}
.c-link{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border:1.5px solid var(--border);border-radius:var(--r-sm);font:600 .85rem/1 var(--fb);color:var(--ink);transition:var(--ease);word-break:break-all}
.c-link:hover{border-color:var(--gold);background:var(--gold-bg)}
.c-link svg{flex-shrink:0;color:var(--gold)}
.c-reply{display:flex;align-items:center;gap:.38rem;font:.8rem/1 var(--fb);color:var(--ink-3)}
.c-reply::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}
.trust-row{display:flex;align-items:flex-start;gap:.55rem;font-size:.85rem;color:var(--ink-2)}
.trust-row svg{flex-shrink:0;color:var(--green);margin-top:.1rem}
.c-box h4{font:700 .67rem/1 var(--fb);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}

/* Pulse on checkbox after card prefill */
@keyframes cpulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 4px rgba(201,153,31,.3)}}
.d-check-label.pulse{animation:cpulse .7s ease}

/* ══════════════════════════════════════════════════════ FAQ ════════════════ */
.faq{padding:clamp(1.2rem,3vw,2.2rem) 0;border-top:1px solid var(--border)}
.faq-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem}
.faq-item{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.faq-item.open{border-color:var(--gold-lt)}
.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.2rem;text-align:left;font:600 .92rem/1.4 var(--fb);color:var(--ink);gap:.85rem;transition:background .2s}
.faq-btn:hover{background:var(--cream)}
.faq-chev{flex-shrink:0;color:var(--ink-3);transition:transform .3s ease}
.faq-item.open .faq-chev{transform:rotate(180deg);color:var(--gold)}
.faq-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-body{padding:.85rem 1.2rem;font-size:.88rem;color:var(--ink-2);line-height:1.7;border-top:1px solid var(--border)}

/* ══════════════════════════════════════════════════════ FOOTER ═════════════ */
.site-footer{
  background:var(--cream-2);
  border-top:1.5px solid var(--border-2);
  padding:1.1rem 0 .7rem;
  color:var(--ink);
}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:.7rem;align-items:start}
.f-brand .logo-name{color:var(--ink)}
.f-brand .logo-domains{color:var(--ink-3)}
.f-tagline{font-size:.85rem;color:var(--ink-2);margin-top:.6rem;line-height:1.6;max-width:210px}
.f-col h4{font:700 .65rem/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.85rem}
.f-col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.f-col a{font:600 .95rem/1 var(--fh);color:var(--ink);transition:color .2s}
.f-col a:hover{color:var(--gold)}
.f-col address{font-style:normal;display:flex;flex-direction:column;gap:.5rem}
.f-col address a{font-family:var(--fb);font-size:.88rem;font-weight:500;display:flex;align-items:center;gap:.45rem;color:var(--ink-2);transition:color .2s;word-break:break-all}
.f-col address a:hover{color:var(--gold)}
.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.footer-bar p{font-size:.76rem;color:var(--ink-3)}

/* ══════════════════════════════════════════════════════ MOBILE BAR ═════════ */
.m-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;
  background:var(--white);border-top:1px solid var(--border);
  padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom));
  box-shadow:0 -4px 20px -4px rgba(26,24,20,.13);
  align-items:center;gap:.6rem
}
.m-bar .btn{flex:1;justify-content:center;font-size:.85rem}
.m-ico{width:42px;height:42px;border-radius:100px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--ease);color:var(--ink)}
.m-ico:hover{border-color:var(--gold);background:var(--gold-bg)}
.m-bar.hidden{display:none!important}

/* ══════════════════════════════════════════════════════ RESPONSIVE ══════════ */
@media(max-width:820px){
  .contact-grid{grid-template-columns:1fr;gap:1.75rem}
  .c-side{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
}
@media(max-width:560px){
  .f-row{grid-template-columns:1fr}
  .c-side{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem}
  .f-brand{grid-column:1/-1}
}
@media(max-width:380px){
  .footer-grid{grid-template-columns:1fr}
  .d-chips{gap:.35rem}
}
@media(max-width:768px){
  .m-bar{display:flex}
  body{padding-bottom:64px}
  body.err-page{padding-bottom:0}
  /* 404 page: remove forced full-height so footer doesn't push off-screen */
  body.err-page .err-section{min-height:0;align-items:flex-start;padding-block:2rem}
  /* hide full footer grid on 404 mobile — keep only copyright bar */
  body.err-page .footer-grid{display:none}
}

/* ══════════════════════════════════════════════════════ ADMIN BAR ══════════ */
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}

/* Spin keyframe for submit button */
@keyframes spin{to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════════════════ ERROR PAGES ════════ */
.err-section{
  position:relative;overflow:hidden;
  min-height:calc(100dvh - 130px);
  display:flex;align-items:center;
  padding:clamp(1.5rem,4vw,3.5rem) 0
}
.err-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,var(--border-2) 1.4px,transparent 1.4px);
  background-size:28px 28px
}
.err-inner{
  text-align:center;max-width:520px;width:100%;
  margin-inline:auto;position:relative;z-index:1;
  padding-inline:1rem
}
/* badge */
.err-badge{
  width:88px;height:88px;border-radius:50%;
  background:var(--gold-bg);
  border:2px solid var(--gold-lt);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1.5rem;
  box-shadow:0 4px 24px rgba(201,153,31,.18),0 0 0 6px rgba(201,153,31,.07)
}
.err-badge svg{width:40px;height:40px;display:block;flex-shrink:0}
/* ghost number — solid color, no clip-text (unreliable on Android) */
.err-code{
  display:block;
  font:700 clamp(5.5rem,18vw,11rem)/.9 var(--fh);
  color:var(--gold);
  letter-spacing:-.03em;opacity:.18;
  margin-bottom:-.38em;
  user-select:none;pointer-events:none
}
.err-title{
  font:700 clamp(1.5rem,4vw,2.3rem)/1.2 var(--fh);
  color:var(--ink);margin-bottom:.75rem
}
.err-sub{
  font-size:clamp(.88rem,1.8vw,1rem);
  color:var(--ink-2);line-height:1.75;margin-bottom:1.75rem;
  max-width:430px;margin-inline:auto
}
.err-actions{
  display:flex;align-items:center;justify-content:center;
  gap:.65rem;flex-wrap:wrap
}
.err-domains{
  border-top:1px solid var(--border);
  padding-top:1.5rem;margin-top:2rem
}
.err-domain-label{
  font:600 .7rem/1 var(--fb);color:var(--ink-3);
  text-transform:uppercase;letter-spacing:.14em;margin-bottom:.85rem
}
.err-domains .d-chips{justify-content:center}
.err-domains .d-chip{font-size:.85rem;padding:.3rem .7rem}
@media(max-width:540px){
  .err-badge{width:76px;height:76px}
  .err-badge svg{width:34px;height:34px}
  .err-code{margin-bottom:-.28em}
}
@media(max-width:380px){
  .err-badge{width:66px;height:66px}
  .err-badge svg{width:28px;height:28px}
  .err-domains .d-chip{font-size:.8rem;padding:.25rem .6rem}
}