/* =====================================================================
   eurabeltfuels.uk — Contact & official communications (v2.0)
   Loaded after products.css (shares .ticks/.crosses and the short-hero fix).
   ===================================================================== */

/* ---- inquiry ---------------------------------------------------------------- */
.inq-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,5vw,80px);align-items:start}
.inq-h{max-width:18ch;margin-bottom:16px}
.inq-lede{margin-bottom:clamp(28px,3vw,40px)}
.inq{background:#fff;border:1px solid var(--pline);border-top:2px solid var(--ink);padding:clamp(20px,3vw,36px)}
.inq-set{border:0;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #edf0f4}
.inq-set:last-of-type{border-bottom:0;margin-bottom:6px}
.inq-set legend{display:block;width:100%;padding:0;margin-bottom:14px;font:600 22px/1.2 var(--serif);color:var(--ink)}
.inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.inq .field label i{font:normal 400 11px/1 var(--mono);letter-spacing:.06em;color:var(--ink3);margin-left:6px}
.inq .field textarea{min-height:140px;resize:vertical;line-height:1.55}
.inq .field select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2346546d' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:36px}
.inq [aria-invalid=true]{border-color:#b23b36!important;box-shadow:0 0 0 3px rgba(178,59,54,.12)}
.inq .hint{font-size:13px;color:var(--ink3)}
.inq .hint a,.inq .check a{color:#7a5f0c;text-decoration:underline;text-underline-offset:3px}
.paper .check{color:var(--ink2)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:flex;flex-direction:column;gap:3px;padding:14px 16px 14px 44px;border:1px solid #c5ccd6;background:#fff;transition:border-color .2s,background .2s}
.seg span::before{content:"";position:absolute;left:16px;top:18px;width:16px;height:16px;border-radius:50%;border:1px solid #9aa5b5;background:#fff}
.seg b{font:600 19px/1.15 var(--serif);color:var(--ink)}
.seg small{font-size:13px;color:var(--ink3)}
.seg input:checked+span{border-color:var(--gold-d);background:rgba(201,162,39,.07)}
.seg input:checked+span::before{border-color:var(--gold-d);box-shadow:inset 0 0 0 4px #fff;background:var(--gold-d)}
.seg input:focus-visible+span{outline:2px solid var(--gold-d);outline-offset:2px}
.inq-send{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:8px}
.inq-send .msg{margin:0;flex:1;min-width:220px}
.paper .msg.ok{color:#1f7a52}.paper .msg.bad{color:#b23b36}

.inq-side{position:sticky;top:calc(var(--hdr) + 72px)}
.notice-card{background:var(--ink);color:#c4cbd6;padding:28px 26px;border-top:3px solid #b23b36}
.notice-card h3{color:#fff;font-size:24px;margin-bottom:14px}
.notice-card p{font-size:14.5px;color:#c4cbd6!important}
.notice-card p+p,.notice-card ul+p{margin-top:12px}
.notice-card strong{color:#fff}
.notice-card ul{margin:12px 0;font-size:14.5px}
.notice-card li+li{margin-top:6px}
.notice-card .crosses li::before,.notice-card .crosses li::after{background:#e2736f}
.notice-card a{color:var(--gold-l);text-decoration:underline;text-underline-offset:3px}
.notice-em{padding:12px 14px;border-left:2px solid var(--gold);background:rgba(255,255,255,.04)}

/* ---- channels register ------------------------------------------------------ */
.registry{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--line2);border-left:1px solid var(--line)}
.reg-group{padding:24px 22px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.reg-group h3{font-size:22px;margin-bottom:16px}
.reg-group ul{list-style:none}
.reg-group li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--line)}
.reg-group li a{color:var(--gold-l);font-size:13.5px;overflow-wrap:anywhere}
.reg-group li a:hover{text-decoration:underline;text-underline-offset:3px}
.reg-group li span{font-size:13.5px;color:var(--text3);line-height:1.45}
.authenticity{position:relative;margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:clamp(22px,3vw,34px);border:1px solid var(--line2);background:linear-gradient(120deg,rgba(201,162,39,.08),rgba(13,35,65,.45) 55%);scroll-margin-top:calc(var(--hdr) + 70px)}
.authenticity img{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 1px rgba(226,195,90,.3)}
.authenticity h3{font-size:28px;margin-bottom:8px}
.authenticity p{color:var(--text2);font-size:15px}
.authenticity a{color:var(--gold-l)}
.authenticity .btn{color:var(--text)}
.auth-report{margin-top:10px;font-weight:500;color:var(--text)!important}
.auth-report a{text-decoration:underline;text-underline-offset:3px}

/* ---- domains & policy ------------------------------------------------------- */
.dom-head h2{margin-bottom:12px}
.dom-sub{font-size:22px;margin:clamp(30px,4vw,48px) 0 14px}
.domains{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--pline)}
.domains li{display:flex;flex-direction:column;gap:8px;padding:18px;border-right:1px solid var(--pline);border-bottom:1px solid var(--pline);background:#fff}
.domains span{font-size:13px;color:var(--ink3)}
.domains b{font:500 16px/1.2 var(--mono);color:var(--ink)}
.domains li.master{background:var(--ink)}
.domains li.master span{color:#9aa5b5}.domains li.master b{color:var(--gold-l)}
.policies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(36px,4vw,56px)}
.policies div{padding-top:18px;border-top:2px solid #b23b36}
.policies h4{font-size:23px;margin-bottom:10px}
.policies p{font-size:15px}

/* ---- headquarters ----------------------------------------------------------- */
.hqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line2);border-left:1px solid var(--line)}
.hq{padding:26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.hq header{margin-bottom:14px}
.hq h3{font-size:27px}
.hq header span{display:block;margin-top:6px;font:400 11px/1 var(--mono);letter-spacing:.1em;color:var(--gold-l)}
.hq-entity{font-weight:500;color:var(--text);font-size:15px}
.hq address{font-style:normal;color:var(--text2);font-size:14.5px;margin:6px 0 18px;line-height:1.55}
.hq dl{margin-top:auto}
.hq dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.hq dt{color:var(--text3)}
.hq dd a{color:var(--text);font-size:12.5px;text-align:right}
.hq dd a:hover{color:var(--gold-l)}

/* ---- fraud ------------------------------------------------------------------ */
.fraud{background:linear-gradient(180deg,#160a0c,var(--vault))}
.fraud .kicker::before{background:#e2736f}
.fraud-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:start}
.fraud-in p{color:var(--text2);font-size:16.5px}
.fraud-in p+p{margin-top:12px}
.fraud-in strong{color:var(--text)}
.fraud-mail{display:flex;flex-wrap:wrap;gap:10px 24px}
.fraud-mail a{font:500 clamp(18px,1.7vw,22px)/1.2 var(--mono);color:var(--gold-l);border-bottom:1px solid rgba(226,195,90,.4);padding-bottom:4px}
.fraud-mail a:hover{color:#fff}

/* ---- responsive ------------------------------------------------------------- */
@media (max-width:1180px){.hqs{grid-template-columns:repeat(2,minmax(0,1fr))}.domains{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1023px){
  .inq-layout,.fraud-in{grid-template-columns:1fr}
  .inq-side{position:static}
  .authenticity{grid-template-columns:auto minmax(0,1fr)}
  .authenticity .btns{grid-column:1/-1}
  .policies{grid-template-columns:1fr}
}
@media (max-width:640px){
  .inq-grid,.seg,.hqs,.domains{grid-template-columns:1fr}
  .inq{padding:18px 16px}
  .authenticity{grid-template-columns:1fr}
  .authenticity img{width:56px;height:56px}
  .inq-send .btn{width:100%;justify-content:center}
}