.backpack-layout{align-items:start}
.backpack-container .photo-stage{aspect-ratio:3/4}
.backpack-container .thumbnails{gap:12px}
.backpack-container .thumbnail{aspect-ratio:3/4;height:auto}
.backpack-details .city-price-row{margin:24px 0}
.backpack-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.backpack-tags>span{border:1px solid var(--line);border-radius:30px;padding:6px 12px;font-size:12px;color:var(--muted)}
.backpack-features{display:grid;gap:15px;border-block:1px solid var(--line);padding:22px 0}
.backpack-features>div{display:flex;align-items:start;gap:16px;font-size:15px}
.backpack-features strong{color:var(--muted);font-size:11px;font-weight:400;padding-top:4px}
.backpack-features small{font-size:13px;color:var(--muted)}
.backpack-order-panel>.progress-track>i{background:linear-gradient(90deg,#839f68,#d7fb72)}
.backpack-order-panel>p{margin-top:14px}
.backpack-information{margin-top:28px;border-top:1px solid var(--line)}
.backpack-information details{border-bottom:1px solid var(--line);padding:17px 0}
.backpack-information summary{cursor:pointer;font-size:15px;font-weight:600}
.backpack-information p{font-size:14px;line-height:1.7;color:var(--muted);margin:14px 0 2px}
.backpack-container :is(button,summary):focus-visible{outline:2px solid var(--text);outline-offset:4px}
@media(max-width:760px){
 .backpack-container .thumbnails{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:65px;justify-content:start;gap:10px;overflow-x:auto;padding:2px;min-width:0}
 .backpack-details h1{font-size:38px}
 .backpack-container .gallery-caption button{width:38px;height:36px}
 .backpack-container .zoom-tip{font-size:10px}
 .backpack-container .collection-code{display:none}
}