.ap-byob{position:relative;overflow:hidden;background:radial-gradient(90% 130% at 78% 8%,#3A2E1F 0%,#261D12 38%,#161009 72%,#100C08 100%);box-shadow:inset 0 1px 0 rgba(201,168,124,.28),inset 0 0 140px rgba(0,0,0,.5)}
.ap-byob::before{content:"";position:absolute;inset:-20%;background:radial-gradient(46% 40% at 78% 14%,rgba(201,168,124,.32),transparent 68%),radial-gradient(36% 32% at 12% 88%,rgba(232,196,184,.17),transparent 70%),radial-gradient(64% 46% at 50% 112%,rgba(176,125,98,.20),transparent 72%);pointer-events:none}.ap-byob::after{content:"";position:absolute;width:clamp(280px,32vw,460px);height:clamp(280px,32vw,460px);right:-120px;top:-130px;border-radius:50%;border:1px solid rgba(201,168,124,.28);box-shadow:0 0 0 46px rgba(201,168,124,.05),0 0 0 110px rgba(201,168,124,.025);pointer-events:none}
.ap-byob>*{position:relative;z-index:1}
.ap-byob .byob-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;border:1px solid rgba(201,168,124,.4);background:rgba(201,168,124,.12);color:#DCC097;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 auto 16px}
.ap-byob .byob-chip .dot{width:6px;height:6px;border-radius:50%;background:#C9A87C;animation:byobPulse 2.4s infinite}
@keyframes byobPulse{0%,100%{box-shadow:0 0 0 3px rgba(201,168,124,.18)}50%{box-shadow:0 0 0 7px rgba(201,168,124,.04)}}
.ap-byob .ap-byob-thumbs{display:flex;justify-content:center;margin-top:30px}
.ap-byob .ap-byob-thumbs .t{width:84px;height:84px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,248,243,.85);box-shadow:0 14px 34px rgba(0,0,0,.35);margin-left:-16px;background:#FFF8F3;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.ap-byob .ap-byob-thumbs .t:first-child{margin-left:0}
.ap-byob .ap-byob-thumbs .t:hover{transform:translateY(-8px)}
.ap-byob .ap-byob-thumbs .t img{width:100%;height:100%;object-fit:cover}
.ap-byob .ap-byob-thumbs .t.more{display:flex;align-items:center;justify-content:center;font-size:24px;color:#DCC097;background:rgba(201,168,124,.14);border-style:dashed;border-color:rgba(201,168,124,.55)}
.ap-byob .byob-cta{margin-top:26px}
.ap-byob .byob-cta:hover{}
.ap-byob .byob-note{margin-top:14px;font-size:12.5px;color:rgba(245,240,235,.5)}