.ten4-category-hero[data-ten4-category="bags"]{padding:32px 0}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-layout{min-height:260px}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-copy{width:52%;max-width:58ch}
.ten4-category-hero[data-ten4-category="bags"] h1{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(38px,4.2vw,68px);line-height:1.12;text-transform:uppercase;letter-spacing:.025em;margin-bottom:14px}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-eyebrow{font-size:11px;font-weight:400;letter-spacing:.23em;margin-bottom:14px}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-intro{font-size:15px;font-weight:400;line-height:1.5}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo{width:50%}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo img{object-position:50% 40%}
.ten4-category-hero[data-ten4-category="bags"] details{margin:12px 0 0}
.ten4-bag-navigation{background:#f0ece2;color:#252722;border-bottom:1px solid #d5cfc2}
.ten4-bag-navigation__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px}
.ten4-bag-builds{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.ten4-bag-builds a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;color:#252722;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border-bottom:2px solid transparent}
.ten4-bag-builds a[aria-current="true"]{border-color:#b8202b;font-weight:700}
.ten4-bag-builds a:hover{border-color:#252722}
.ten4-bag-builds a:focus-visible,.ten4-bag-pattern select:focus-visible{outline:2px solid #b8202b;outline-offset:4px}
.ten4-bag-pattern{display:flex;align-items:center;gap:10px;font-size:12px}
.ten4-bag-pattern select{min-height:44px;width:220px;max-width:100%;padding:10px 34px 10px 12px;border:1px solid #8d8d81;border-radius:2px;background:#f0ece2;color:#252722;font:inherit}
body:has([data-ten4-category="bags"]) #product-grid .card__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-transform:uppercase;letter-spacing:.025em}
body:has([data-ten4-category="bags"]) #product-grid .card__information{padding:14px 12px}
@media(max-width:749px){
.ten4-category-hero[data-ten4-category="bags"]{padding:28px 0}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-layout{min-height:0}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-copy{width:100%}
.ten4-category-hero[data-ten4-category="bags"] h1{font-size:40px;max-width:80%}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo{width:78%;opacity:.3}
.ten4-bag-navigation__inner{display:block;padding-top:8px;padding-bottom:12px}
.ten4-bag-builds{justify-content:center;gap:22px;margin-bottom:10px}
.ten4-bag-pattern{justify-content:space-between}
.ten4-bag-pattern select{width:calc(100% - 70px)}
}

@media(min-width:990px){body:has([data-ten4-category="bags"]) #product-grid>.grid__item{width:calc((100% - var(--grid-desktop-horizontal-spacing)*2)/3);max-width:calc((100% - var(--grid-desktop-horizontal-spacing)*2)/3)}}

.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo{width:62%;mask-image:linear-gradient(90deg,transparent,#000 32%)}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo img{object-position:75% 48%}
@media(max-width:749px){
.ten4-category-hero[data-ten4-category="bags"]{padding:26px 0}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo{inset:0 0 0 auto;width:100%;height:100%;opacity:.36;mask-image:linear-gradient(90deg,transparent 3%,#000 90%)}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-photo img{object-position:75% 48%}
}

@media(max-width:749px){
.ten4-category-hero[data-ten4-category="bags"] h1{font-size:36px;margin-bottom:10px}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-eyebrow{margin-bottom:10px}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-intro{font-size:14px;margin-bottom:6px}
.ten4-category-hero[data-ten4-category="bags"] details{margin:0}
.ten4-category-hero[data-ten4-category="bags"] summary{min-height:44px;padding:10px 0}
.ten4-category-hero[data-ten4-category="bags"] .ten4-category-browse{min-height:44px;margin-top:4px}
}