.backpack-page {background:var(--paper);color:var(--ink)}
.backpack-page .site-header {background:var(--navy-dark)}
.bp-main {max-width:1320px;margin:auto;padding:32px clamp(20px,5vw,66px) 60px}
.bp-crumb {font-size:12px;color:#596575}.bp-crumb a:hover{text-decoration:underline}
.bp-intro{text-align:center;max-width:760px;margin:36px auto 44px}.bp-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#b95e3e}
.bp-intro h1{font-size:clamp(38px,5vw,62px);font-weight:900;letter-spacing:-.045em;line-height:1.06;margin:16px 0}.bp-intro h1 span{color:#c86d4c}.bp-intro>p:last-child{line-height:1.6;color:#536070;font-size:16px}
.bp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.bp-card{position:relative;border:1px solid #d9d8d4;border-radius:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.bp-featured{border:2px solid var(--coral);box-shadow:0 12px 32px #07182712}
.bp-tag{position:absolute;top:16px;right:16px;background:var(--coral);padding:8px 12px;border-radius:30px;font-size:10px;font-weight:900;text-transform:uppercase;z-index:1}
.bp-image{display:block;background:#eeeae4}.bp-image img{height:auto;width:100%;aspect-ratio:1;object-fit:cover}.bp-content{padding:26px;display:flex;flex-direction:column;flex:1}
.bp-tier{font-size:11px;letter-spacing:.12em;font-weight:900;text-transform:uppercase;color:#677483;margin:0 0 9px}.bp-card h2{font-size:clamp(23px,2.4vw,29px);font-weight:850;letter-spacing:-.025em;margin:0 0 10px}.bp-desc{font-size:14px;line-height:1.55;color:#576575;min-height:66px;margin:0 0 18px}.bp-model{font-size:12px;color:#677483;margin:0 0 22px}
.bp-price{font-size:37px;letter-spacing:-.04em;font-weight:900}.bp-price small{font-size:13px;letter-spacing:0;font-weight:500;color:#566373}.bp-price-label{font-size:11px;color:#687384;margin:6px 0 21px}
.bp-features{padding:20px 0 0;margin:0 0 24px;list-style:none;border-top:1px solid #e7e8e8;display:grid;gap:13px;font-size:13px}.bp-features li{position:relative;padding-left:22px}.bp-features li:before{content:"✓";position:absolute;left:0;color:#bf6546;font-weight:900}
.bp-button{border-radius:6px;padding:16px 20px;font-weight:800;background:var(--coral);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;font-size:14px}.bp-card .bp-button{margin-top:auto;width:100%;background:var(--navy-dark);color:#fff}.bp-featured .bp-button{background:var(--coral);color:var(--ink)}.bp-button:hover{filter:brightness(.94)}.bp-button:focus-visible,.bp-image:focus-visible{outline:3px solid #c86d4c;outline-offset:3px}
.bp-catalog{margin-top:35px;padding:32px;background:var(--navy-dark);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:25px}.bp-catalog h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 9px}.bp-catalog p{color:#b6c4d0;margin:0;font-size:14px;line-height:1.5}.bp-catalog .bp-button{flex-shrink:0}
.bp-note{text-align:center;font-size:11px;line-height:1.6;color:#687483;margin:24px auto 0;max-width:800px}.bp-help{text-align:center;margin:28px 0 0;font-size:14px}.bp-help a{text-decoration:underline;font-weight:800}
@media(max-width:760px){.bp-cards{grid-template-columns:1fr}.bp-intro{margin:28px auto}.bp-desc{min-height:0}.bp-catalog{display:block}.bp-catalog .bp-button{margin-top:24px;width:100%}.bp-content{padding:24px}.bp-intro>p:last-child{font-size:15px}.bp-intro br{display:none}.bp-intro h1 br{display:block}.bp-card h2{font-size:28px}}
.bp-card { overflow: visible; }
.bp-cards { margin-top: 24px; }
.bp-tier-banner { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 2; background: var(--coral); color: var(--ink); padding: 8px 18px; border-radius: 30px; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.bp-image { overflow: hidden; border-radius: 10px 10px 0 0; }
.bp-content { position: relative; }
.bp-tag { position: absolute; top: 0; right: auto; left: 50%; transform: translate(-50%, -50%); display: block; margin: 0; white-space: nowrap; }
.bp-featured .bp-tier-banner, .bp-featured .bp-tag { background: var(--navy-dark); color: var(--coral); }
@media (max-width: 760px) {
 .bp-cards { gap: 40px; }
 .bp-model, .bp-price-label, .bp-features li:nth-child(n+3) { display: none; }
 .bp-content { padding: 20px; }
 .bp-desc { margin-bottom: 12px; }
 .bp-features { margin-top: 14px; padding-top: 14px; gap: 10px; margin-bottom: 20px; }
}