/* Peer collections: the same useful products, with different proposed finishes. */
.collection-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;margin-bottom:34px}
.collection-options button{display:flex;flex-direction:column;align-items:flex-start;min-height:224px;padding:28px 30px;text-align:left;border:1px solid #d8d8d0!important;border-radius:23px;background:#e9e8e2;color:#292c2b;box-shadow:none;transition:background .2s,border-color .2s}
.collection-options button+button{background:#343635;color:#faf8f1;border-color:#343635!important}
.collection-options button:hover,.collection-options button.active{background:#e0e2d9;border-color:#6d7567!important}
.collection-options button+button:hover,.collection-options button+button.active{background:#292b2a;border-color:#6d7567!important}
.collection-options button.active{box-shadow:inset 0 0 0 2px #65715d}
.collection-options button+button.active{box-shadow:inset 0 0 0 2px #dedfd0}
.collection-options .collection-number{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 18px;color:#57614f}
.collection-options strong{font-size:31px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 8px}
.collection-options span{font-size:12px;line-height:1.65;margin:0;color:#596153}
.collection-options button+button span{color:#d9ddd3}
.collection-options .collection-select{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:25px;font-size:12px;color:#35452c}
.collection-options .collection-select i{font-size:20px;font-style:normal}
.collection-options button+button .collection-select{color:#f1f3e9}
.collection-context{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:0 0 19px}
.collection-context h3{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-1px;margin-top:8px;line-height:1.3}
.collection-context p{font-size:13px;color:#626b5c;line-height:1.85;max-width:560px}
.collection-shared{font-size:11px;line-height:1.85;color:#6f7667;padding:16px 0 27px;border-top:1px solid #e1e2d9;max-width:100%}
#shop[data-collection=Signature] .collection-context .section-kicker{color:#6e5948}
#shop[data-collection=Signature] .product-frame{background:#e8e5df}
.product-art.leather-duffel{background-image:url('assets/halo-duffel-larger-leather-silver-v7.webp');background-size:cover;background-position:center}
.edition-detail{background:#efeee7;border:1px solid #dfded5;border-radius:14px;padding:15px 17px;margin:22px 0}
.edition-detail>strong{font-size:12px;font-weight:600;color:#4a5343}
.edition-detail>p{font-size:12px;line-height:1.7;margin:7px 0;color:#5d6556}
.edition-detail>small{font-size:10px;line-height:1.65;color:#6b7264;display:block}
.detail-image .leather-duffel{background-size:contain;background-repeat:no-repeat;background-color:#e9e7e3}
.laptop-bag-preview>span{max-width:75%;text-align:center;line-height:1.25}
.laptop-bag-preview>small{max-width:80%;text-align:center;line-height:1.7}
@media(max-width:900px){.collection-options{gap:14px}.collection-options button{padding:24px;min-height:215px}.collection-options strong{font-size:27px}.collection-context{gap:30px;grid-template-columns:1fr 1.1fr}.collection-context h3{font-size:25px}}
@media(max-width:600px){.collection-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.collection-options button{min-height:222px;padding:18px 14px;border-radius:19px}.collection-options .collection-number{font-size:8px;letter-spacing:.6px;margin-bottom:15px}.collection-options strong{font-size:23px;letter-spacing:-.8px;line-height:1.18;margin-bottom:12px}.collection-options span{font-size:10px;line-height:1.7;max-width:none}.collection-options .collection-select{font-size:10px;line-height:1.6;padding-top:22px;gap:5px}.collection-options .collection-select i{font-size:15px}.collection-context{grid-template-columns:1fr;gap:12px;padding-bottom:16px}.collection-context h3{font-size:25px;margin-top:6px}.collection-context p{font-size:12px;line-height:1.8}.collection-shared{font-size:10px;padding:15px 0 22px;line-height:1.8}.edition-detail{padding:14px}.edition-detail>p{font-size:11px}.product-art.laptop-bag-preview>span{font-size:19px}.product-art.laptop-bag-preview>small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.collection-options button{transition:none}}
@media(forced-colors:active){.collection-options button.active{outline:3px solid Highlight;outline-offset:-5px}}
.collection-options button+button .collection-number{color:#d9ddd3}
.product-art.leather-duffel{background-size:contain;background-color:#ddd9d3}
.detail-image .product-art.leather-duffel{width:100%;height:100%;background-size:contain;background-color:#ddd9d3}
.search-result .leather-duffel{background-size:150%;background-position:0 50%}
@media(max-width:600px){.detail-image .product-art.leather-duffel{left:0;transform:none}}
.product-art.slim-briefcase{background-image:url('assets/halo-briefcase-nylon-silver-v7.webp');background-color:#ddd9d3;background-size:contain;background-position:center}
.detail-image .product-art.slim-briefcase{width:100%;height:100%;background-size:contain}
.product-dialog .detail-image:has(.slim-briefcase){background:#ddd9d3}
.search-result .slim-briefcase{background-size:150%;background-position:0 50%}
@media(max-width:600px){.detail-image .product-art.slim-briefcase{left:0;transform:none}}

.product-art.duffel{background-image:url('assets/halo-duffel-larger-nylon-silver-v7.webp');background-size:contain;background-position:center;background-color:#dedbd5}

.product-art.work-gym-backpack{background-image:url('assets/halo-backpack-nylon-silver-v7.webp')}.product-art.leather-backpack{background-image:url('assets/halo-backpack-leather-silver-v7.webp')}.product-art.leather-briefcase{background-image:url('assets/halo-briefcase-leather-silver-v7.webp')}.product-art.wearable-pouch{background-image:url('assets/halo-pouch-nylon-silver-v7.webp')}.product-art.leather-pouch{background-image:url('assets/halo-pouch-leather-silver-v7.webp')}.product-art.work-gym-backpack,.product-art.leather-backpack,.product-art.leather-briefcase,.product-art.wearable-pouch,.product-art.leather-pouch{background-size:contain;background-position:center;background-color:#dedbd5}
