.pill.ok{background:#e6f4ec;color:#1f7a45}.pill.warn{background:#fdf1dc;color:#a8650a}.pill.bad{background:#fbe9e1;color:#b3402f}.pill.info{background:#e5eef8;color:#2563a8}.pill.mute{background:#eeebe3;color:#6b645a}
.notice{background:#fff;border:1px solid var(--line);border-left:4px solid var(--brass);border-radius:14px;padding:18px 22px;margin-bottom:22px;box-shadow:0 6px 20px rgba(40,14,16,.05)}
.notice h3{font:400 20px var(--serif);color:var(--green);margin-bottom:6px}.notice p{color:var(--mute);font-size:14px}
.notice .code{display:inline-block;font:600 20px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:var(--green);background:var(--cream);border:1px dashed var(--brass);padding:8px 16px;border-radius:10px;margin:10px 0}
.notice--ok{border-left-color:#1f7a45}.notice--bad{border-left-color:#b3402f}
.wrapn{max-width:880px;margin:0 auto}
.fcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(40,14,16,.06)}
.fcard h2{font:400 28px var(--serif);color:var(--green);margin-bottom:6px}
.field .err,.err-t{color:#b3402f;font-size:12.5px;margin-top:5px;display:block}
.field input[type=file]{padding:10px;background:#fff}
.prodinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 18px}
.prodinfo div{background:var(--cream);border-radius:12px;padding:12px 14px}.prodinfo small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.prodinfo b{font:500 20px var(--serif);color:var(--green)}
.pinopts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pinopts button{border:1px solid var(--line);background:#fff;border-radius:30px;padding:6px 14px;font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.05em;color:var(--green);cursor:pointer}.pinopts button:hover{border-color:var(--brass);background:var(--cream)}
.proofimg{display:block;max-width:150px;border-radius:10px;border:1px solid var(--line)}
.stlink{color:var(--green);text-decoration:underline}
@media(max-width:700px){.prodinfo{grid-template-columns:1fr 1fr}.fcard{padding:20px}}
.eyew{position:relative;display:block;width:100%}.eyew input{width:100%}
.eyeb{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:none;cursor:pointer;color:#8a8478;display:grid;place-items:center;border-radius:8px}
.eyeb:hover{color:#8a1020}.eyeb svg{width:19px;height:19px}
.fi__w .eyew{flex:1}
.fi__w>svg{z-index:2}.eyew input{background:transparent}
[hidden]{display:none!important}

/* top bar contact: icons, full-width on mobile */
.topbar__l a{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.topbar__l a svg{width:15px;height:15px;color:var(--brass-l);flex:none}
.menu__foot a:not(.btn){display:flex;align-items:center;gap:10px}.menu__foot a:not(.btn) svg{width:18px;height:18px;color:var(--brass-l);flex:none}
@media(max-width:1000px){.topbar__in{padding:0 5%}.topbar__l{width:100%;justify-content:space-between}}
@media(max-width:420px){.topbar__l{font-size:11px}.topbar__l a{gap:6px}.topbar__l a svg{width:13px;height:13px}}

/* compact mobile sizing */
@media(max-width:700px){
 .btn{padding:11px 20px;font-size:11px;letter-spacing:.1em;gap:6px}
 .hero__btns{gap:10px;margin:24px 0 20px}.hero__btns .btn{flex:1 1 calc(50% - 5px);padding:12px 10px;font-size:10.5px}
 .nav__cta .btn{padding:9px 16px}
 .menu>a:not(.btn){font-size:20px;padding:12px 0}.menu__foot{gap:10px;padding-top:22px}.menu__foot .btn{padding:11px;font-size:10.5px}
 .wa,.callfab{width:40px;height:40px;right:12px}.wa{bottom:62px}.callfab{bottom:14px}.callfab svg{width:18px;height:18px}.wa svg{width:20px;height:20px}
 .dash__top h1{font-size:28px}.dash__top .script{font-size:1.5rem}.dash__act{gap:8px}.dash__act .btn{padding:9px 12px;font-size:10px;flex:1 1 auto}
 .kpi{padding:16px 18px;border-radius:14px}.kpi small{font-size:10px}.kpi b{font-size:28px}
 .tabs button{padding:11px 12px;font-size:10.5px;letter-spacing:.1em}
 .pcard__a .btn{padding:9px 6px;font-size:10px}
 .fcard{padding:18px}.fcard h2{font-size:22px}
 .field input,.field select,.field textarea{padding:12px 14px;font-size:14px}
 .lcard .btn,.btn--full{padding:13px}
 .mini{padding:7px 12px;font-size:10px}
 .cert__a .btn{padding:10px 14px}
 .notice{padding:14px 16px}.notice h3{font-size:17px}.notice .code{font-size:16px;padding:6px 12px}
}
/* four steps: compact timeline on mobile */
@media(max-width:700px){
 .steps:not(.steps--5){grid-template-columns:1fr;gap:0;margin-top:6px}.steps:not(.steps--5)::before{display:none}
 .steps:not(.steps--5) .step{display:grid;grid-template-columns:46px 1fr;column-gap:16px;text-align:left;padding:0 0 22px;position:relative}
 .steps:not(.steps--5) .step:last-child{padding-bottom:0}
 .steps:not(.steps--5) .step i{grid-row:1/3;width:46px;height:46px;margin:0;font-size:15px;display:grid;place-items:center;border-width:1.5px}
 .steps:not(.steps--5) .step:not(:last-child)::after{content:"";position:absolute;left:23px;top:50px;bottom:4px;border-left:1.5px dashed rgba(246,212,106,.5)}
 .steps:not(.steps--5) .step h3{font-size:18px;margin:2px 0 4px}
 .steps:not(.steps--5) .step p{font-size:13.5px;line-height:1.55;margin:0}
 .sec--green .head{margin-bottom:26px}
}

/* top bar: store timing */
.topbar__h{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.85)}
.topbar__h svg{width:15px;height:15px;color:var(--brass-l);flex:none}
@media(max-width:600px){.topbar__l a[href^="mailto"]{display:none}.topbar__h{font-size:11px;gap:6px}.topbar__h svg{width:13px;height:13px}}

/* ===== home hero slider (admin Home Banners) ===== */
.hero--slides{display:block;padding:0;min-height:100vh}
.hs{display:grid;min-height:100vh}
.hs__s{grid-area:1/1;position:relative;display:flex;align-items:center;padding:180px 0 130px;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease;overflow:hidden}
.hs__s.on{opacity:1;visibility:visible;z-index:1}
.hs__s .hero__bg{background:linear-gradient(90deg,rgba(40,6,10,.58) 0,rgba(40,6,10,.4) 30%,rgba(40,6,10,.12) 55%,rgba(40,6,10,0) 80%),linear-gradient(0deg,rgba(40,6,10,.22),transparent 18%),var(--bg) 70% center/cover;animation:none;transform:scale(1.04);transition:transform 7s ease}
.hs__s.on .hero__bg{transform:scale(1)}
.hs__s .hero__txt>*{animation:none}.hs__s.on .hero__txt>*{animation:up .9s var(--ease) both}
.hero h2.hero__h{font-size:clamp(40px,5.8vw,77px);font-weight:500;letter-spacing:-.02em;line-height:1.04;margin-bottom:22px}
.hero__h em{color:var(--brass-l);font-style:italic}
.hs__nav{position:absolute;z-index:4;left:4%;bottom:44px;display:flex;align-items:center;gap:12px}
.hs__a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(40,4,10,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:.25s}.hs__a:hover{background:var(--brass);border-color:var(--brass);color:var(--green-d)}
.hs__dots{display:flex;gap:8px}.hs__dots button{width:30px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:.3s}.hs__dots button.on{background:var(--brass-l);width:46px}
@media(max-width:1000px){.hs__s{padding:150px 0 120px}.hs__s .hero__bg{background:linear-gradient(180deg,rgba(40,6,10,.5) 0,rgba(40,6,10,.34) 55%,rgba(40,6,10,.58) 100%),var(--bgm) center/cover}.hs__nav{left:50%;transform:translateX(-50%);bottom:30px}}
@media(max-width:700px){.hs,.hero--slides{min-height:92vh}.hs__s{padding:130px 0 110px}.hs__a{width:36px;height:36px;font-size:19px}.hs__nav{bottom:24px}}
@media(prefers-reduced-motion:reduce){.hs__s,.hs__s .hero__bg{transition:none}}
.hero--slides .scrollv{display:none}