

/* Start:/local/templates/wowbikes_en/bike-collections/collections.css?179460053914046*/
.ae-rides{--ride-ink:#2f2c28;--ride-muted:#625f59;--ride-line:#ded9d2;--ride-surface:#f4f1eb;max-width:1680px;margin:auto;padding:8px 48px 80px;color:var(--ride-ink)}
.ae-rides *,.ae-rides *::before,.ae-rides *::after{box-sizing:border-box}
.ae-rides a{color:inherit;text-decoration:none}
.ae-rides a:focus-visible,.ae-ride-context a:focus-visible{outline:2px solid #000;outline-offset:5px}
.ae-rides__intro{display:block;padding:0 0 18px}
.ae-rides__eyebrow{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:0 0 14px}
.ae-rides h1{font-size:clamp(40px,3vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0;color:var(--ride-ink)}
.ae-rides__lead{max-width:none;margin-top:8px;font-size:16px;line-height:1.5}
.ae-rides__lead p{margin:0}
.ae-rides__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;scroll-margin-top:130px}
.ae-rides__card{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;min-width:0;justify-content:flex-end;border:0;background:#252825;color:#fff}
.ae-rides__card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 25%,rgba(10,15,17,.20) 45%,rgba(10,15,17,.72) 68%,rgba(10,15,17,.92) 100%)}
.ae-rides__card:hover{border:0}
.ae-rides__visual{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;display:block;overflow:hidden;background:transparent}
.ae-rides__visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.ae-rides__card:hover .ae-rides__visual img{transform:scale(1.035)}
.ae-rides__copy{position:relative;z-index:2;display:flex;flex-direction:column;flex:0 0 auto;min-width:0;padding:24px;max-width:100%}
.ae-rides h2{font-size:24px;line-height:1.12;font-weight:600;letter-spacing:-.025em;margin:0 0 9px;color:var(--ride-ink)}
.ae-rides__copy h2{color:#fff;font-size:26px;line-height:1.08;letter-spacing:-.025em;max-width:420px;margin:0 0 10px}
.ae-rides__description{color:#fff;font-size:14px;line-height:1.45;max-width:390px;margin:0 0 15px;text-shadow:0 1px 8px rgba(0,0,0,.2)}
.ae-rides__card--electric .ae-rides__visual img{object-position:60% 50%}
.ae-rides__card--kids .ae-rides__visual img{object-position:50% 15%}
.ae-rides__card--folding .ae-rides__visual img{object-position:25% 50%}
.ae-rides__card--comfort-leisure .ae-rides__visual img{object-position:65% 50%}
.ae-rides__card--road .ae-rides__visual img{object-position:50% 54%}
.ae-rides__card--balance .ae-rides__visual img{object-position:40% 45%}
.ae-rides__accessories{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:24px 28px;background:#2f2c28;color:#fff}
.ae-rides__accessories>.ae-rides__eyebrow{display:none}
.ae-rides__accessories h2{font-size:28px;margin:0;color:inherit}
.ae-rides__accessories p:not(.ae-rides__eyebrow){flex:1;max-width:650px;font-size:15px;line-height:1.5;margin:0;color:#e2ddd6}
.ae-rides__accessories a{display:flex;align-items:center;gap:18px;font-size:14px;width:max-content;white-space:nowrap;border-bottom:1px solid #a7a097;padding-bottom:8px}
.ae-rides__guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px;padding-top:56px;margin-top:56px;border-top:1px solid var(--ride-line)}
.ae-rides__guide>h2{grid-column:1/-1;margin-bottom:10px}
.ae-rides__guide h3{font-size:19px;line-height:1.35;font-weight:600;margin:0 0 12px;color:var(--ride-ink)}
.ae-rides__guide p{font-size:15px;line-height:1.7;color:var(--ride-muted);margin:0}
.ae-rides__help{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0 0}
.ae-rides__help a{border-bottom:1px solid var(--ride-ink);padding-bottom:6px;white-space:nowrap;font-size:15px}
.ae-ride-context{padding:0;color:#2f2c28;font-size:16px;line-height:1.6}
.ae-ride-context>p{margin:8px 0 12px;max-width:700px}
.ae-category-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ae-category-types a{display:block;color:inherit;padding:8px 14px;border:1px solid #ded9d2;text-decoration:none;font:inherit;font-size:14px;background:transparent;cursor:pointer}
.ae-category-types a[aria-current=page],.ae-category-types a:hover{background:#000;border-color:#000;color:#fff}
.ae-category-types a[aria-current=page]::before{content:'\2713';margin-right:6px}
.ae-category-types :focus-visible{outline:2px solid #000;outline-offset:3px}
@media(768px <= width < 1200px){
 .ae-rides{padding:8px 28px 56px}
 .ae-rides__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .ae-rides__card{min-height:clamp(220px,26vw,280px)}
 .ae-rides__copy{padding:18px}
 .ae-rides__copy h2{font-size:24px;line-height:1.12;margin:0}
 .ae-rides__description{display:none}
 .ae-rides__guide{gap:20px}
}
/* Mobile chooser: eight visible categories in a compact, two-column photo grid. */
@media(width < 768px){
 .ae-rides{padding:6px 16px 32px}
 .ae-rides__intro{display:block;padding:4px 0 16px}
 .ae-rides__lead{display:none}
 .ae-rides__intro h1{font-size:clamp(28px,7.5vw,34px);line-height:1.08;max-width:360px}
 .ae-rides__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ae-rides__card{min-height:clamp(170px,47vw,210px)}
 .ae-rides__card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 20%,rgba(10,15,17,.18) 42%,rgba(10,15,17,.78) 73%,rgba(10,15,17,.94) 100%)}
 .ae-rides__copy{padding:12px}
 .ae-rides__copy h2{font-size:18px;line-height:1.12;letter-spacing:-.02em;margin:0;color:#fff;overflow-wrap:normal}
 .ae-rides__description{display:none}
 .ae-rides__accessories{grid-column:1/-1;display:block;padding:16px}
 .ae-rides__accessories h2{font-size:23px;margin-bottom:8px}
 .ae-rides__accessories p:not(.ae-rides__eyebrow){font-size:13px;line-height:1.5;margin:0 0 12px}
 .ae-rides__accessories a{font-size:13px;gap:16px;width:max-content}
 .ae-rides__guide{grid-template-columns:1fr;gap:18px;padding-top:22px;margin-top:24px}
 .ae-rides__guide>h2{font-size:25px;margin:0}
 .ae-rides__guide h3{font-size:17px;margin-bottom:6px}
 .ae-rides__guide p{font-size:14px;line-height:1.55}
 .ae-rides__help{display:block;padding-top:0}
 .ae-rides__help a{display:inline-block;margin-top:12px}
 .ae-ride-context{font-size:15px}
 .ae-category-types a{font-size:13px;padding:8px 11px}
}
@media(max-width:359px){.ae-rides__copy{padding:10px}.ae-rides__copy h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ae-rides a,.ae-rides img{transition:none}.ae-rides__card:hover .ae-rides__visual img{transform:none}}
/* The first row changes category; the second row mirrors important native filters. */
.ae-category-types{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 0 4px;gap:6px;margin:0 0 6px;scrollbar-width:thin;overscroll-behavior-x:contain}
.ae-category-types>a{flex:none;white-space:nowrap}
.ae-category-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;min-width:0}
.ae-category-filter-row__fields{display:grid;gap:4px;flex-basis:100%;min-width:0}
.ae-category-filter-row [hidden]{display:none!important}
.ae-quick-field{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.ae-quick-field__title{font-size:13px;font-weight:500;color:#625f59}
.ae-quick-field__empty{font-size:12px;line-height:1.4;color:#625f59;padding:6px 0}
.ae-quick-field__options{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:3px;overscroll-behavior-x:contain}
.ae-quick-chip{display:block;position:relative;flex:none;margin:0;cursor:pointer}
.ae-quick-chip input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ae-quick-chip span{display:block;border:1px solid #c9c3ba;border-radius:18px;padding:6px 11px;font-size:13px;line-height:1.3;white-space:nowrap;background:transparent;color:#2f2c28}
.ae-quick-chip:hover span{border-color:#000}
.ae-quick-chip input:checked+span{background:#000;color:#fff;border-color:#000}
.ae-quick-chip input:checked+span::before{content:'\2713';margin-right:6px}
.ae-quick-chip input:focus-visible+span{outline:2px solid #000;outline-offset:2px}
.ae-quick-chip input:disabled+span{opacity:.45;cursor:default}
#ae-catalog-preview [data-ae-related-moved]{grid-template-columns:minmax(0,1fr)}
#ae-catalog-preview [data-ae-related-moved]>.catalog-navigation__arrow{display:none!important}
#ae-catalog-preview [data-ae-related-moved] .catalog_smart_filter_tags{grid-column:1}
.ae-related-collections{margin:28px 0;border-top:1px solid #ded9d2;padding-top:16px;color:#625f59;font-size:14px}
.ae-related-collections>summary{cursor:pointer;font-weight:500}
#ae-catalog-preview .ae-related-collections .catalog-navigation__all-filters{position:static;width:auto;height:auto;padding:14px 0!important;overflow:visible}
#ae-catalog-preview .ae-related-collections .catalog-navigation__all-filters-row{display:flex;flex-wrap:wrap;gap:8px;width:auto}
#ae-catalog-preview .ae-related-collections .catalog-navigation__all-filters-item{flex:none;margin:0}
@media(max-width:767px){.ae-category-filter-row{gap:4px}.ae-quick-field{grid-template-columns:1fr;gap:3px}.ae-quick-chip span{font-size:13px;padding:8px 11px}}

/* Native category heading: use the available width before adding height. */
#ae-catalog-preview .catalog-page__header-wrap1:has(.ae-ride-context){padding-top:16px;padding-bottom:12px}
#ae-catalog-preview .catalog-page__header-wrap1:has(.ae-ride-context) .subtitle{display:none}
#ae-catalog-preview .catalog-page__header-wrap1 .col-new:has(>.ae-ride-context){flex:0 0 100%;width:100%;max-width:100%}
@media(min-width:1200px){
 /* Left floats share a column; right controls keep their own normal flow.
    A wrapped title must never create a shared grid row above quick filters. */
 #ae-catalog-preview .catalog-page__header-wrap1 .col-new:has(>.ae-ride-context){display:flow-root;--ae-heading-width:44%;--ae-controls-start:calc(var(--ae-heading-width) + 28px)}
 #ae-catalog-preview .catalog-page__header-wrap1:has(.ae-ride-context) .title{float:left;width:var(--ae-heading-width);margin:0 0 10px;font-size:clamp(22px,1.6vw,30px);line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
 #ae-catalog-preview .catalog-page__header-wrap1 .ae-ride-context{display:contents}
 #ae-catalog-preview .catalog-page__header-wrap1 .ae-ride-context>p{float:left;clear:left;width:var(--ae-heading-width);margin:0;max-width:none;font-size:14px;line-height:1.5}
 #ae-catalog-preview .catalog-page__header-wrap1 .ae-category-filter-row{margin-left:var(--ae-controls-start);min-width:0}
 #ae-catalog-preview .catalog-page__header-wrap1 .ae-quick-field{grid-template-columns:80px minmax(0,1fr);gap:6px}
 #ae-catalog-preview .catalog-page__header-wrap1 .ae-quick-field__options{flex-wrap:wrap;overflow:visible;gap:4px;padding:2px}
 #ae-catalog-preview .catalog-page__header-wrap1 .ae-quick-chip span{padding:5px 9px;font-size:12px}
}
#ae-catalog-preview:has(.ae-ride-context) .catalog-page__navigation{padding:0}
#ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip]{display:none}
#ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip] .selected_filters,
#ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip] .catalog_smart_filter_tags,
#ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip]>.catalog-navigation__arrow{display:none!important}
@media(max-width:991px){
 #ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip]{display:block;margin:0}
 #ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip] .catalog-navigation__row{display:flex!important;margin:0 0 8px}
 #ae-catalog-preview:has(.ae-ride-context) [data-preview-tag-strip] .catalog-navigation__col{padding:0}
}

/* Large-screen mosaic; shared photo-card styling applies at every width. */
@media(min-width:1200px){
 .ae-rides__grid{grid-template-areas:"electric electric urban kids" "electric electric folding folding" "comfort cruisers road balance" "accessories accessories accessories accessories";grid-template-rows:repeat(2,clamp(280px,22vw,370px)) clamp(240px,20vw,320px) auto;gap:18px}
 .ae-rides__card--electric{grid-area:electric}
 .ae-rides__card--electric .ae-rides__visual img{object-position:60% 50%}
 .ae-rides__card--electric .ae-rides__copy{padding:32px}
 .ae-rides__card--electric h2{font-size:44px}
 .ae-rides__card--electric .ae-rides__description{font-size:16px;max-width:350px}
 .ae-rides__card--urban-commuter{grid-area:urban}
 .ae-rides__card--kids{grid-area:kids}
 .ae-rides__card--kids .ae-rides__visual img{object-position:50% 15%}
 .ae-rides__card--folding{grid-area:folding}
 .ae-rides__card--folding .ae-rides__visual img{object-position:50% 50%}
 .ae-rides__card--folding .ae-rides__copy{align-self:flex-end;width:48%;min-width:260px}
 .ae-rides__card--folding .ae-rides__description{max-width:360px}
 .ae-rides__card--comfort-leisure{grid-area:comfort}
 .ae-rides__card--comfort-leisure .ae-rides__visual img{object-position:65% 50%}
 .ae-rides__card--cruisers{grid-area:cruisers}
 .ae-rides__card--cruisers .ae-rides__visual img{object-position:50% 50%}
 .ae-rides__card--road{grid-area:road}
 .ae-rides__card--road .ae-rides__visual img{object-position:50% 54%}
 .ae-rides__card--balance{grid-area:balance}
 .ae-rides__card--balance .ae-rides__visual img{object-position:40% 45%}
 .ae-rides__accessories{grid-area:accessories}
}
@media(min-width:1200px) and (hover:hover){
 .ae-rides__card:not(.ae-rides__card--electric) .ae-rides__description{max-height:0;opacity:0;overflow:hidden;margin-bottom:0;transition:max-height .2s,opacity .2s,margin-bottom .2s}
 .ae-rides__card:not(.ae-rides__card--electric):is(:hover,:focus-within) .ae-rides__description{max-height:240px;opacity:1;margin-bottom:15px}
}
@media(min-width:1200px) and (prefers-reduced-motion:reduce){.ae-rides__description{transition:none!important}}

/* End */
/* /local/templates/wowbikes_en/bike-collections/collections.css?179460053914046 */
