/* Burgtec Accessories — flat white, store palette */
.btacc{
  --paper-2:#F2F3EF; --hair:rgba(22,25,21,.11);
  --green:#162A24; --green-2:#1F3A2E; --orange:#DB792E;
  --ink:#161915; --ink-2:#3D423B; --mut:#8A8F86;
  max-width:1240px;margin:0 auto;padding:0 30px 70px;color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.btacc *{box-sizing:border-box}
.btacc button{cursor:pointer;font-family:inherit}

.btacc-head{padding:42px 0 8px}
.btacc-title{font-size:clamp(26px,3.4vw,36px);font-weight:500;letter-spacing:-.02em;margin:0}
.btacc-sub{margin:8px 0 0;font-size:14.5px;color:var(--ink-2);max-width:640px}

/* pills */
.btacc-pills{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 8px;position:sticky;top:0;background:#fff;z-index:5}
.btacc-pill{border:none;background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}
.btacc-pill:hover{background:#E8E9E4}
.btacc-pill.active{background:var(--green);color:#fff}

/* product blocks */
.btacc-item{display:grid;grid-template-columns:340px 1fr 360px;gap:36px;padding:38px 0;border-bottom:1px solid var(--hair);align-items:start}
.btacc-item.hidden{display:none}

/* gallery */
.btacc-main{background:var(--paper-2);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.btacc-main img{width:100%;height:100%;object-fit:cover}
.btacc-thumbs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.btacc-thumb{border:none;padding:0;background:var(--paper-2);width:56px;height:44px;overflow:hidden;opacity:.65;transition:opacity .15s}
.btacc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.btacc-thumb.active,.btacc-thumb:hover{opacity:1}

/* info */
.btacc-name{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 10px}
.btacc-copy{font-size:14px;line-height:1.7;color:var(--ink-2)}
.btacc-copy p{margin:0 0 10px}
.btacc-specs{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hair)}
.btacc-spec{font-size:12px;color:var(--mut)}
.btacc-spec b{color:var(--ink);font-weight:600;margin-right:4px}

/* tabs */
.btacc-tabbar{display:flex;gap:4px;border-bottom:1px solid var(--hair)}
.btacc-tab{border:none;background:none;padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--mut);border-bottom:2px solid transparent;margin-bottom:-1px}
.btacc-tab.active{color:var(--ink);border-bottom-color:var(--green)}
.btacc-panel{display:none;padding:16px 2px 0;font-size:13px;line-height:1.7;color:var(--ink-2)}
.btacc-panel.active{display:block}
.btacc-panel ul{margin:0;padding-left:18px}
.btacc-panel li{margin-bottom:5px}
.btacc-dl{display:flex;justify-content:space-between;align-items:center;background:var(--paper-2);border-radius:10px;padding:11px 14px;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;transition:background .15s}
.btacc-dl:hover{background:#E8E9E4}
.btacc-dl span{color:var(--orange)}

/* responsive */
@media (max-width:1020px){
  .btacc-item{grid-template-columns:300px 1fr;gap:26px}
  .btacc-tabs{grid-column:1 / -1}
}
@media (max-width:640px){
  .btacc{padding:0 18px 50px}
  .btacc-item{grid-template-columns:1fr;gap:18px;padding:28px 0}
  .btacc-pills{position:static}
}

/* ── full-bleed banner ── */
.btacc-banner{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:min(46vh,420px);background-size:cover;background-position:center;display:flex;align-items:flex-end}
.btacc-banner-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,42,36,.12) 0%,rgba(22,42,36,.62) 100%)}
.btacc-banner-inner{position:relative;max-width:1240px;width:100%;margin:0 auto;padding:0 30px 44px;color:#fff}
.btacc-banner-title{font-size:clamp(30px,4.4vw,52px);font-weight:500;letter-spacing:-.02em;margin:0}
.btacc-banner-text{margin:10px 0 0;font-size:15.5px;line-height:1.6;max-width:560px;color:rgba(255,255,255,.88)}
@media (max-width:640px){.btacc-banner{height:300px}.btacc-banner-inner{padding:0 18px 28px}}