/*
 * Autoqueen — shop & category pages (sidebar filters, product grid, load more, promo cards).
 * Rules taken from the current storefront so the shop looks the same.
 */
.aq-select-field{--select-height: 64px; --select-inset: 16px; --select-arrow-inset: 8px; --select-surface: rgba(0,0,0,.05); --select-line: rgba(0,0,0,.05); position: relative; min-width: 0px; width: 100%; color: rgb(17, 17, 17);}
.aq-select-field.aq-select-field label{position: absolute; top: 8px; left: var(--select-inset); right: 40px; display: block; width: auto; margin: 0px; padding: 0px; color: rgb(85, 85, 85); font-size: 14px; line-height: 18px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; z-index: 1;}
.aq-select-field.aq-select-field select{display: block; width: 100%; min-width: 0px; max-width: none; height: var(--select-height); min-height: var(--select-height); margin: 0px; padding: 16px 40px 0 var(--select-inset); border: 1px solid var(--select-line); border-radius: 4px; background: var(--select-surface); color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; line-height: 16px; appearance: none; cursor: pointer; transition: border-color 0.18s, background-color 0.18s; text-overflow: ellipsis;}
.aq-select-field > svg{position: absolute; right: var(--select-arrow-inset); top: 50%; transform: translateY(-50%); width: 24px; height: 24px; pointer-events: none;}
.aq-select-field select:hover:not(:disabled){border-color: rgb(136, 136, 136);}
.aq-select-field select:disabled{cursor: default; opacity: 0.5;}
.aq-select-field:has(select:disabled) > svg, .aq-select-field:has(select:disabled) > label{opacity: 0.5;}
.aq-select-field select option{color: rgb(17, 17, 17); background: rgb(255, 255, 255);}
@media (prefers-reduced-motion: reduce){
.aq-select-field select{transition: none;}
}
.collection-page{padding: 48px var(--gutter) 0; min-height: 65vh;}
.collection-heading h1{font-size: 60px; line-height: 1.1; letter-spacing: -0.04em; margin: 24px 0px 36px; font-weight: 500;}
.collection-breadcrumb{display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(51, 51, 51);}
.collection-breadcrumb a:hover{text-decoration: underline; text-underline-offset: 4px;}
.collection-type-tabs{display: flex; gap: 16px; align-items: center; overflow-x: auto; scrollbar-width: none; padding: 0px 0px 3px;}
.collection-type-tabs :is(a,button){padding: 14px 28px; border: 1px solid transparent; border-radius: 100px; white-space: nowrap; font-size: 15px; transition: border-color 0.2s;}
.collection-type-tabs :is(a,button):hover, .collection-type-tabs :is(a,button).active{border-color: rgb(189, 189, 189);}
.collection-toolbar{display: flex; justify-content: space-between; align-items: center; margin: 36px 0px 16px; gap: 20px;}
.collection-toolbar > p{text-transform: uppercase; font-size: 14px; white-space: nowrap;}
.collection-filter-toggle{border: 1px solid rgb(34, 34, 34); border-radius: 100px; min-height: 48px; padding: 10px 24px; font-size: 15px; font-weight: 500; transition: background 0.2s;}
.collection-filter-toggle:hover{background: rgb(241, 241, 241);}
.collection-layout{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 24px; align-items: start;}
.collection-layout.with-filters{grid-template-columns: 296px minmax(0px, 1fr);}
.collection-sidebar{position: sticky; top: 20px; max-height: calc(100dvh - 40px); overflow: auto; padding: 8px 20px 40px 0px; scrollbar-width: thin; scrollbar-color: rgb(204, 204, 204) transparent;}
.collection-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 48px 4px;}
.collection-product{min-width: 0px; position: relative; padding-bottom: 8px;}
.collection-product-image{position: relative; background: rgb(240, 241, 243); aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--round);}
.collection-product-image > :is(a,button):first-child{display: block; width: 100%; height: 100%; overflow: hidden;}
.collection-product-image img{height: 100%; width: 100%; object-fit: contain; padding: 12px; transition: transform 0.5s; mix-blend-mode: multiply;}
.collection-product-image > :is(a,button):first-child:hover img{transform: scale(1.025);}
.collection-save{position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; z-index: 1;}
.collection-save:hover{background: rgba(255, 255, 255, 0.5);}
.collection-variants{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 12px 8px 0px; min-height: 64px; align-items: flex-start;}
.collection-variants button{width: 48px; min-width: 48px; height: 48px; position: relative; border-bottom: 1px solid transparent; padding: 3px 0px 6px; border-radius: 0px;}
.collection-variants button[aria-pressed="true"]{border-bottom-color: rgb(0, 0, 0);}
.collection-variants button:hover:not(:disabled){border-bottom-color: rgb(119, 119, 119);}
.collection-variants button:disabled{opacity: 0.2;}
.collection-variants img{width: 100%; height: 100%; object-fit: contain;}
.collection-product-copy{display: flex; flex-direction: column; width: 100%; text-align: left; font-size: 15px; line-height: 1.5; padding: 8px 12px 16px;}
.collection-brand{font-size: 12px; color: rgb(102, 102, 102); margin-bottom: 3px; line-height: 1.4;}
.collection-product-copy strong{font-weight: 500;}
.collection-product-description{color: rgb(68, 68, 68); font-size: 14px;}
.collection-price{margin-top: 3px; font-size: 14px;}
.collection-filter-group{padding: 0px; margin: 0px 0px 40px; border: 0px; min-width: 0px;}
.collection-filter-group legend{font-size: 16px; font-weight: 500; padding: 0px; margin-bottom: 18px;}
.collection-filter-choice{display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 1.4; margin-bottom: 12px; cursor: pointer; min-height: 24px;}
.collection-filter-choice input{accent-color: rgb(0, 0, 0); width: 20px; height: 20px; flex: 0 0 auto; margin: 0px; cursor: pointer;}
.collection-price-inputs{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.collection-price-inputs label{font-size: 12px; color: rgb(85, 85, 85); min-width: 0px;}
.collection-price-inputs input{width: 100%; min-width: 0px; border: 1px solid rgb(204, 204, 204); border-radius: 3px; font-size: 15px; color: rgb(0, 0, 0); padding: 10px 8px; margin-top: 6px; background: rgb(255, 255, 255);}
.collection-price-sliders{display: grid; gap: 8px; margin-top: 16px;}
.collection-price-sliders input{width: 100%; margin: 0px; accent-color: rgb(0, 0, 0); height: 22px; cursor: pointer;}
.collection-size-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.collection-applied{margin-bottom: 40px;}
.collection-chips{display: flex; flex-wrap: wrap; gap: 8px;}
.collection-chips :is(a,button){display: flex; gap: 8px; align-items: center; border: 1px solid rgb(204, 204, 204); border-radius: 40px; padding: 9px 12px; font-size: 13px;}
.collection-chips .icon, .collection-chips svg{width: 14px; height: 14px;}
.collection-clear{font-size: 12px; text-transform: uppercase; letter-spacing: 0.07em; text-decoration: underline; text-underline-offset: 5px; margin-top: 20px; line-height: 24px; display: block;}
.collection-empty{padding: 64px 24px 100px; text-align: center; display: flex; align-items: center; flex-direction: column; gap: 20px;}
.collection-empty h2{font-size: 30px; margin: 0px;}
.collection-empty p{font-size: 16px; line-height: 1.5; color: rgb(85, 85, 85);}
.collection-preview-note{font-size: 12px !important; line-height: 1.5 !important; color: rgb(119, 119, 119) !important; margin-top: 32px !important;}
.collection-filter-header, .collection-filter-footer{display: none;}
@media (max-width: 1199px) and (min-width: 1024px){
.collection-layout.with-filters{grid-template-columns: 240px minmax(0px, 1fr);}
.collection-type-tabs{gap: 4px;}
.collection-type-tabs :is(a,button){padding: 14px 18px;}
.collection-sidebar{padding-right: 12px;}
}
@media (max-width: 1023px){
.collection-page{padding: 24px 16px 0px;}
.collection-heading h1{font-size: 40px; margin: 24px 0px 28px;}
.collection-breadcrumb{font-size: 10px; gap: 7px; letter-spacing: 0.03em;}
.collection-type-tabs{margin-right: -16px; gap: 0px; padding-right: 16px;}
.collection-type-tabs :is(a,button){font-size: 14px; padding: 12px 20px;}
.collection-toolbar{margin: 28px 0px 16px;}
.collection-filter-toggle{min-height: 40px; padding: 8px 18px; font-size: 13px;}
.collection-toolbar > p{font-size: 11px;}
.collection-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 4px; margin: 0px -16px;}
.collection-product-image{border-radius: 0px;}
.collection-product-image img{padding: 6px;}
.collection-product-copy{font-size: 14px; line-height: 1.45; padding: 8px 12px 12px;}
.collection-product-description, .collection-price{font-size: 13px;}
.collection-variants{padding: 10px 8px 0px; min-height: 60px; gap: 4px;}
.collection-variants button{width: 40px; min-width: 40px; height: 40px;}
.collection-save{top: 4px; right: 4px; width: 36px; height: 36px;}
.collection-save .icon, .collection-save svg{width: 22px; height: 22px;}
.collection-sidebar.is-mobile{position: fixed; inset: 0px; z-index: 100; background: rgb(255, 255, 255); width: 100%; max-height: none; padding: 0px; overflow: hidden; display: flex; flex-direction: column;}
.collection-filter-header{display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid rgb(238, 238, 238); flex: 0 0 auto; min-height: 72px; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;}
.collection-filter-content{overflow: auto; flex: 1 1 0%; padding: 28px 16px 8px; overscroll-behavior: contain;}
.collection-filter-footer{display: block; flex: 0 0 auto; padding: 16px 24px max(20px,env(safe-area-inset-bottom)); border-top: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255);}
.collection-filter-footer .pill{width: 100%; justify-content: center;}
.collection-size-grid{grid-template-columns: repeat(4, 1fr);}
.collection-filter-group{margin-bottom: 36px;}
.collection-filter-choice{min-height: 28px; margin-bottom: 12px;}
.collection-empty{padding: 50px 8px 80px;}
}
@media (prefers-reduced-motion: reduce){
.collection-product-image img{transition: none;}
}
.collection-price-sliders{position: relative; height: 32px; display: block;}
.collection-price-sliders::before{content: ""; position: absolute; left: 0px; right: 0px; top: 14px; height: 3px; background: linear-gradient(to right,#ccc var(--price-min),#000 var(--price-min),#000 var(--price-max),#ccc var(--price-max));}
.collection-price-sliders input{position: absolute; inset: 0px; width: 100%; height: 32px; margin: 0px; appearance: none; background: transparent; pointer-events: none;}
.collection-price-sliders input::-webkit-slider-runnable-track{height: 3px; background: transparent;}
.collection-price-sliders input::-webkit-slider-thumb{appearance: none; width: 16px; height: 16px; border: 1px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(0, 0, 0); margin-top: -6px; pointer-events: auto; cursor: grab; box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px;}
.collection-counted-choice{gap: 8px;}
.collection-counted-choice > span:not(.collection-filter-count){flex: 1 1 0%;}
.collection-filter-count{font-size: 12px; color: rgb(119, 119, 119); flex: 0 0 auto;}
.collection-counted-choice:has(input:disabled){color: rgb(153, 153, 153); cursor: default;}
.collection-counted-choice input:disabled{cursor: default;}
.collection-context-links{display: flex; align-items: center; gap: 28px; overflow-x: auto; scrollbar-width: none; margin: -10px 0px 24px; padding: 0px 0px 8px; font-size: 14px;}
.collection-context-links a{white-space: nowrap; line-height: 24px; border-bottom: 1px solid transparent; padding-bottom: 4px; color: rgb(102, 102, 102);}
.collection-context-links a:hover, .collection-context-links a[aria-current="page"]{color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0);}
@media (max-width: 1023px){
.collection-context-links{gap: 22px; margin: 0px -16px 20px 0px; padding-right: 16px; font-size: 13px;}
}
.collection-type-tabs .collection-selected-type{position: relative; display: inline-flex; align-items: center; gap: 12px; border: 1px solid rgb(187, 187, 187); background: rgb(255, 255, 255); margin-left: 12px; margin-right: 8px; z-index: 0;}
.collection-type-tabs .collection-selected-type::before{content: ""; position: absolute; inset: -1px 10px -1px -12px; border: 1px solid rgb(221, 221, 221); border-radius: 100px; z-index: -1; background: rgb(255, 255, 255);}
.collection-selected-type .icon, .collection-selected-type svg{width: 17px; height: 17px;}
.collection-load-more{display: flex; flex-direction: column; align-items: center; gap: 20px; margin: 48px 0px 64px;}
.collection-load-more p{font-size: 13px; color: rgb(102, 102, 102);}
.collection-load-more .pill{min-width: 150px;}
.collection-campaign-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px;}
.collection-campaign{min-width: 0px; background: rgb(243, 244, 244); border-radius: var(--round); overflow: hidden;}
.collection-campaign-image{display: block; aspect-ratio: 1.35 / 1; overflow: hidden; background: rgb(240, 241, 243);}
.collection-campaign-image img{width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform 0.5s;}
.collection-campaign-image:hover img{transform: scale(1.03);}
.collection-campaign > div{padding: 28px;}
.collection-campaign h3{font-size: 26px; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; margin: 0px 0px 12px;}
.collection-campaign p{font-size: 15px; line-height: 1.5; margin: 0px 0px 24px;}
.collection-campaign-links{display: flex; flex-wrap: wrap; gap: 16px 24px;}
.collection-campaign-links a{font-size: 14px; line-height: 1.6; text-decoration: underline; text-underline-offset: 5px;}
.collection-campaign-links a:hover{opacity: 0.65;}
.collection-recommendations{margin-top: 100px;}
.collection-recommendations h2, .collection-related h2{font-size: 38px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.15; margin: 0px 0px 36px;}
.collection-recommendation-rail{display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding-bottom: 16px;}
.collection-recommendation-rail::-webkit-scrollbar{display: none;}
.collection-recommendation-rail > .collection-product{flex: 0 0 calc(31.25% - 7.5px); scroll-snap-align: start;}
.collection-recommendation-controls{display: flex; align-items: center; gap: 24px; margin-top: 20px;}
.collection-recommendation-controls button{width: 40px; height: 44px; font-size: 26px;}
.collection-recommendation-controls button:disabled{opacity: 0.25; cursor: default;}
.collection-recommendation-controls > div{width: 240px; height: 1px; background: rgb(204, 204, 204); position: relative;}
.collection-recommendation-controls span{position: absolute; top: 0px; height: 2px; background: rgb(17, 17, 17);}
.collection-discover-campaigns{margin-top: 88px;}
.collection-description{margin-top: 88px; max-width: 1100px;}
.collection-description h2{font-size: 30px; font-weight: 500; margin-bottom: 20px;}
.collection-description p{font-size: 21px; line-height: 1.6;}
.collection-related{margin: 72px 0px 48px;}
.collection-related nav{display: flex; flex-wrap: wrap; gap: 14px;}
.collection-related a{display: inline-flex; align-items: center; min-height: 48px; padding: 12px 24px; border: 1px solid rgb(51, 51, 51); border-radius: 30px; font-size: 14px;}
.collection-related a:hover{background: rgb(17, 17, 17); color: rgb(255, 255, 255);}
@media (max-width: 1023px){
.collection-recommendation-rail > .collection-product{flex-basis: calc(46.5116% - 5.5814px);}
.collection-campaign-grid{gap: 16px;}
.collection-campaign > div{padding: 24px 20px;}
.collection-campaign h3{font-size: 23px;}
.collection-recommendations h2, .collection-related h2{font-size: 30px;}
.collection-recommendations, .collection-discover-campaigns, .collection-description{margin-top: 64px;}
.collection-description p{font-size: 17px;}
}
@media (max-width: 600px){
.collection-campaign-grid{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 12px;}
.collection-campaign{flex: 0 0 88%; scroll-snap-align: start;}
.collection-campaign-image{aspect-ratio: 1.25 / 1;}
.collection-campaign-links{gap: 12px;}
.collection-load-more{margin: 32px 0px 40px;}
.collection-recommendations h2{font-size: 28px;}
.collection-related{margin-top: 56px;}
.collection-related a{padding: 10px 18px; font-size: 13px;}
.collection-description h2{font-size: 26px;}
}
@media (prefers-reduced-motion: reduce){
.collection-campaign-image img{transition: none;}
}
.collection-price del{font-size: 13px; font-weight: 400; color: rgb(102, 102, 102); margin-left: 10px;}
.collection-toolbar > p{text-transform: none;}
.collection-inline-campaigns{margin-top: 32px;}
@media (max-width: 600px){
.collection-toolbar > p{font-size: 12px; white-space: normal; text-align: right; line-height: 1.5;}
.collection-toolbar{gap: 12px;}
}
.collection-filter-toggle{display: inline-flex; align-items: center; justify-content: center; gap: 12px;}
.collection-filter-symbol{flex: 0 0 24px;}
.collection-applied h2{font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; margin: 0px 0px 22px;}
.collection-chips{gap: 10px;}
.collection-chips :is(a,button){min-height: 44px; padding: 10px 18px; font-size: 15px; gap: 12px; line-height: 1.4; background: rgb(255, 255, 255); color: rgb(17, 17, 17);}
.collection-chips :is(a,button):hover{border-color: rgb(17, 17, 17); background: rgb(247, 247, 247);}
.collection-chips .icon, .collection-chips svg{width: 18px; height: 18px; flex-shrink: 0;}
.collection-applied .collection-clear{font-size: 13px; font-weight: 500; letter-spacing: 0.08em; margin-top: 24px; min-height: 44px; text-underline-offset: 7px;}
.collection-active-summary{margin: 28px 0px 32px;}
.collection-active-summary .collection-applied{margin: 0px;}
.collection-active-summary .collection-applied h2{font-size: 18px; margin-bottom: 16px;}
.collection-active-summary .collection-clear{margin-top: 16px;}
.collection-heading:has(+ .collection-merch-tabs) h1{margin-bottom: 28px;}
@media (max-width: 1023px){
.collection-filter-toggle{gap: 8px;}
.collection-filter-symbol{width: 20px; height: 20px; flex-basis: 20px;}
.collection-applied h2{font-size: 22px;}
.collection-active-summary{margin-top: 24px;}
.collection-chips :is(a,button){font-size: 14px; padding: 9px 15px;}
.collection-applied{margin-bottom: 32px;}
}
.collection-type-tabs{margin-top: 28px; gap: 12px; padding-bottom: 6px; align-items: center;}
.collection-type-tabs :is(a,button){min-height: 48px; flex-shrink: 0;}
.collection-type-tabs :is(a,button):not(.collection-selected-type){border: 0px; border-radius: 0px; position: relative; padding: 12px 20px;}
.collection-type-tabs :is(a,button):not(.collection-selected-type).active::after{content: ""; position: absolute; height: 2px; width: 24px; bottom: 0px; left: 50%; transform: translate(-50%); background: currentcolor;}
.collection-type-tabs :is(a,button):not(.collection-selected-type):hover .hover-label, .collection-type-tabs :is(a,button):focus-visible .hover-label{background-size: 100% 1px;}
.collection-type-tabs .collection-selected-type{padding: 12px 22px; gap: 14px; margin-right: 16px;}
@media (max-width: 700px){
.collection-type-tabs{gap: 8px; margin-top: 22px;}
.collection-type-tabs :is(a,button):not(.collection-selected-type){padding: 12px 16px;}
.collection-type-tabs .collection-selected-type{padding: 12px 20px; margin-right: 8px;}
}
.collection-type-tabs .collection-selected-type{isolation: isolate;}
.collection-type-tabs .collection-selected-type::before{inset: -1px; transform: translate(-12px); z-index: -2;}
.collection-type-tabs .collection-selected-type::after{content: ""; position: absolute; inset: -1px; border: 1px solid rgb(187, 187, 187); border-radius: inherit; background: rgb(255, 255, 255); z-index: -1;}
.collection-auto-toggle{font-size: 12px; text-decoration: underline; text-underline-offset: 4px; min-height: 36px;}
.collection-load-more .collection-auto-note{font-size: 12px; margin: 0px; color: rgb(119, 119, 119);}
.collection-shopping{margin-bottom: 32px; border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 24px;}
.collection-shopping-heading{width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 12px; text-align: left; background: none; border: 0px; padding: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; font-weight: 500; color: inherit; cursor: pointer; min-height: 44px;}
.collection-shopping-heading small{display: block; font-size: 13px; font-weight: 400; color: rgb(101, 101, 101); margin-top: 7px; line-height: 1.4;}
.collection-shopping-heading > span:last-child{font-size: 23px; font-weight: 300;}
.collection-shopping #shopping-for-options{padding-top: 20px;}
.collection-shopping .collection-filter-group{margin-bottom: 0px;}
.collection-shopping-note{font-size: 12px; line-height: 1.6; color: rgb(98, 98, 98); margin: 16px 0px 0px;}
.shopping-sr-only{width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; padding: 0px !important;}
.collection-rider-empty{margin-top: 12px; font-size: 13px; line-height: 1.5;}
.collection-shopping .collection-rider-empty{margin: 12px 0px 0px; font-size: 15px; line-height: 1.5;}
.collection-rider-empty > a{display: block; min-height: 44px; padding: 10px 0px; color: inherit; font-size: inherit; font-weight: 400; text-decoration: underline; text-underline-offset: 4px;}
.collection-structured-filter{border-top: 1px solid var(--line,#ddd); padding: 20px 0px;}
.collection-structured-filter > summary{display: flex; justify-content: space-between; cursor: pointer; list-style: none; font-weight: 600;}
.collection-structured-filter > summary::-webkit-details-marker{display: none;}
.collection-structured-filter .collection-filter-group{padding-bottom: 0px; border: 0px; margin-top: 16px;}
.collection-size-filter{border-top: 1px solid rgb(221, 221, 221); padding: 24px 0px;}
.collection-size-filter h2{font-size: 18px; line-height: 1.4; margin: 0px 0px 16px; font-weight: 600;}
.collection-size-filter .collection-size-grid{margin-top: 16px; grid-template-columns: repeat(3, minmax(0px, 1fr));}
.collection-size-button{border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 12px 5px; min-height: 44px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; overflow-wrap: anywhere; cursor: pointer;}
.collection-size-button[aria-pressed="true"]{background: rgb(17, 17, 17); color: rgb(255, 255, 255); border-color: rgb(17, 17, 17);}
.collection-size-button:disabled{color: rgb(136, 136, 136); background: rgb(245, 245, 245); cursor: default;}
.collection-size-help{font-size: 12px; line-height: 1.5; color: rgb(102, 102, 102); margin: 14px 0px 0px;}
.collection-size-button{text-align: center;}
.collection-size-subgroup{margin-top: 16px;}
.collection-size-subgroup h3{font-size: 12px; font-weight: 500; color: rgb(102, 102, 102); margin: 0px 0px 8px; line-height: 1.5;}
.collection-size-subgroup .collection-size-grid{margin-top: 0px;}
.collection-filter-content > .collection-structured-filter{padding-top: 0px;}
.collection-filter-content > .collection-size-filter{padding-top: 0px;}
.collection-filter-content > .collection-structured-filter .collection-filter-group{margin-bottom: 0px; padding-bottom: 0px;}

/* ---- Theme additions: links in place of the app's buttons, drawer/hidden-filter states, loading state ---- */
.collection-type-tabs a, .collection-chips a, .collection-product-image > a:first-child{color: inherit; text-decoration: none;}
.collection-type-tabs a{display: inline-flex; align-items: center;}
.collection-product-copy{color: inherit; text-decoration: none;}
.collection-price s{color: rgb(119, 119, 119); margin-left: 6px; font-size: 0.92em;}
.collection-save.saved svg path, .collection-save[aria-pressed="true"] svg path{fill: currentcolor;}
.collection-filter-toggle{display: inline-flex; align-items: center; gap: 10px;}
[data-aq-shop].aq-updating [data-aq-grid]{opacity: .45; transition: opacity .15s;}
[data-aq-shop] [data-aq-grid]{transition: opacity .2s;}
.collection-load-more a.pill{text-decoration: none;}
@media (min-width: 1024px){
.collection-layout:not(.with-filters) > .collection-sidebar{display: none;}
[data-aq-shop]:has(.collection-layout.with-filters) .collection-active-summary{display: none;}
}
@media (max-width: 1023px){
.collection-layout.with-filters{grid-template-columns: minmax(0px, 1fr);}
.collection-sidebar:not(.is-mobile){display: none;}
}
.collection-chips .icon svg{width: 24px; height: 24px; flex: 0 0 auto;}
a.collection-clear{display: flex; align-items: center; width: fit-content; color: inherit;}
/* Second picture on hover (as on the original cards) */
:root{--product-fade-duration: .3s; --product-move-duration: .5s; --product-hover-ease: cubic-bezier(.25,1,.5,1);}
.product-media{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.product-media > img{position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; transition: opacity var(--product-fade-duration) ease-out, transform var(--product-move-duration) var(--product-hover-ease) !important;}
.product-media > .product-media-primary{opacity: 1; transform: translate(0) scale(1);}
.product-media > .product-media-secondary{opacity: 0; transform: translate(8px) scale(1.015); pointer-events: none;}
@media (hover: hover) and (pointer: fine){
.product-image-trigger:hover .product-media > .product-media-primary, .product-image-trigger:focus-visible .product-media > .product-media-primary{transform: translate(0) scale(1.025);}
.product-image-trigger:hover .product-media.can-swap > .product-media-primary, .product-image-trigger:focus-visible .product-media.can-swap > .product-media-primary{opacity: 0; transform: translate(-4px) scale(1.015);}
.product-image-trigger:hover .product-media.can-swap > .product-media-secondary, .product-image-trigger:focus-visible .product-media.can-swap > .product-media-secondary{opacity: 1; transform: translate(0) scale(1.025);}
}
@media (prefers-reduced-motion: reduce){.product-media > img{transition: none !important;}}
.product-media > img[hidden]{display: none;}
.aq-colour-dot{width: 16px; height: 16px; border-radius: 50%; flex: 0 0 auto; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18);}
.collection-riders-label{margin: 14px 0 6px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #666;}