@layer bricks {.brxe-tabs-nested{display:flex;flex-direction:column;width:100%}.brxe-tabs-nested .tab-title{cursor:pointer;width:auto}.brxe-tabs-nested .tab-pane,.brxe-tabs-nested .tab-pane:empty{display:none!important}.brxe-tabs-nested .tab-pane.brx-open{display:block!important}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}.hp-slider.splide:not(.is-initialized) { visibility: visible;}@media (min-width: 1200px) { ul.hp-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); }}@media (max-width: 1199px) { ul.hp-rail { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 26rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); margin-inline: calc(var(--gutter) * -1); padding: 0.4rem var(--gutter) var(--space-s); } ul.hp-rail > li { scroll-snap-align: start; }}@media (min-width: 992px) { .hp-slide { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); min-height: 38rem; } .hp-slide__text { padding: var(--space-xl) var(--space-2xl) var(--space-2xl); } .hp-usps { grid-template-columns: repeat(4, minmax(0, 1fr)); } .hp-usp + .hp-usp { border-left: var(--border); } ul.hp-brands__list { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); } .hp-promos { grid-template-columns: repeat(3, minmax(0, 1fr)); } ul.hp-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hp-about { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } .hp-about__main { padding: var(--space-xl); } .hp-tabsec { grid-template-columns: auto minmax(0, 1fr); } .hp-tabsec .tab-menu { justify-content: flex-end; } .hp-tabsec.hp-tabsec--stack { grid-template-columns: minmax(0, 1fr); } .hp-tabsec--stack .tab-menu { flex-wrap: wrap; justify-content: flex-start; } .hp-slide__text { justify-content: center; } .hp-promo { min-height: 24rem; }}@media (max-width: 991px) { .hp-slide { grid-template-columns: minmax(0, 1fr); } .hp-slide__media { order: -1; height: 22rem; } .hp-slide__text { justify-content: flex-start; padding: var(--space-m) var(--space-m) var(--space-xl); } .hp-slider .splide__arrows { display: none; } .hp-usps { grid-template-columns: repeat(2, minmax(0, 1fr)); } ul.hp-brands__list { grid-auto-flow: column; grid-template-rows: repeat(2, auto); grid-auto-columns: 13rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); margin-inline: calc(var(--gutter) * -1); padding: 0 var(--gutter) var(--space-xs); } .hp-brand { scroll-snap-align: start; } ul.hp-posts { grid-auto-flow: column; grid-auto-columns: min(32rem, 80%); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); margin-inline: calc(var(--gutter) * -1); padding: 0.4rem var(--gutter) var(--space-s); } .hp-post { scroll-snap-align: start; } .hp-about { grid-template-columns: minmax(0, 1fr); } .hp-about__main { padding: var(--space-m); } .hp-tabsec { grid-template-columns: minmax(0, 1fr); } .hp-tabsec .tab-menu { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding: 0.2rem var(--gutter) 0.6rem; scrollbar-width: none; }}@media (max-width: 767px) { .hp-slide__title { font-size: var(--text-2xl); } .hp-usp { flex-direction: column; gap: 0.6rem; padding: var(--space-s); text-align: center; } .hp-usp__icon { width: 3.6rem; height: 3.6rem; font-size: 1.5rem; } .hp-promo { min-height: 16rem; } .hp-usp__text { display: none; } .hp-promos { grid-template-columns: minmax(0, 1fr); } .hp-feats { grid-template-columns: minmax(0, 1fr); } ul.hp-rail { grid-auto-columns: min(24rem, 72%); }}@media (min-width: 768px) and (max-width: 991px) { .hp-promos { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hp-promo { min-height: 20rem; }}@media (min-width: 768px) { .hp-slide__title { font-size: var(--text-4xl); } .hp-feats { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hp-usp { gap: 1.2rem; padding: var(--space-m); } .hp-usp__icon { width: 4.4rem; height: 4.4rem; font-size: 1.8rem; } .hp-usp__text { display: block; }}@media (prefers-reduced-motion: reduce) { .hp-promo__img { transition: none; }}section.hp-sec { padding-block: var(--space-m); padding-inline: 0;}section.hp-sec--first { padding-top: var(--space-s);} .hp-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-xs) var(--space-m); margin-bottom: var(--space-m);} .hp-title { margin: 0; font-size: var(--text-2xl); font-weight: 700; line-height: var(--leading-tight); color: var(--neutral-900);} .hp-more { font-size: var(--text-s); font-weight: 600; color: var(--primary-text); text-decoration: none; white-space: nowrap;} .hp-more:hover { text-decoration: underline;} .hp-slider { overflow: hidden; background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: var(--shadow-m);} .hp-slider .splide__pagination { bottom: var(--space-s);} .hp-slider .splide__pagination__page { width: 1rem; height: 1rem; margin: 0 0.4rem; background: var(--neutral-200); opacity: 1;} .hp-slider .splide__pagination__page.is-active { background: var(--primary); transform: none;} .hp-slider .splide__arrow { width: 4.4rem; height: 4.4rem; background: var(--primary); box-shadow: var(--shadow-s); opacity: 1; transition: background-color var(--transition);} .hp-slider .splide__arrow svg { width: 1.4rem; height: 1.4rem; fill: var(--on-primary);} .hp-slider .splide__arrow:hover { background: var(--primary-d-1);} .hp-slide { display: grid; width: 100%; background: var(--neutral-0);} .hp-slider .hp-slide { align-items: stretch; justify-content: stretch; height: auto !important;} .hp-slide__text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s); min-width: 0;} .hp-slide__eyebrow { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary-text);} .hp-slide__title { margin: 0; font-weight: 800; line-height: 1.1; color: var(--neutral-900);} .hp-slide__lead { max-width: 46ch; margin: 0; font-size: var(--text-m); line-height: var(--leading-normal); color: var(--neutral-700);} .hp-slide__media { position: relative; min-width: 0; overflow: hidden; background: var(--neutral-100);} .hp-slide__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;} .hp-usps { display: grid; margin-top: var(--space-s); background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: var(--shadow-s);} .hp-usp { display: flex; align-items: center; min-width: 0;} .hp-usp__icon { flex: none; display: grid; place-items: center; color: var(--primary-text); background: var(--neutral-50); border-radius: 50%;} .hp-usp__title { display: block; font-size: var(--text-s); font-weight: 700; line-height: 1.3; color: var(--neutral-900);} .hp-usp__text { font-size: var(--text-xs); line-height: 1.4; color: var(--neutral-500);} .hp-brands__list { display: grid; gap: var(--space-xs); margin: 0; padding: 0; list-style: none; scrollbar-width: thin;} .hp-brand { display: grid; place-items: center; height: 8rem; padding: 1.2rem; background: var(--media-bg); border: var(--border); border-radius: var(--radius-s); transition: border-color var(--transition), box-shadow var(--transition);} .hp-brand:hover { border-color: var(--neutral-300); box-shadow: var(--shadow-s);} .hp-brand img { width: auto; max-width: 100%; height: auto; max-height: 4.8rem; object-fit: contain; filter: grayscale(1); opacity: 0.8; transition: filter var(--transition), opacity var(--transition);} .hp-brand:hover img { filter: none; opacity: 1;} .hp-tabsec { display: grid; align-items: center; gap: var(--space-s) var(--space-m);} .hp-tabsec .hp-title { grid-row: 1;} .hp-tabsec .brxe-tabs-nested { display: contents;} .hp-tabsec .tab-menu { display: flex; flex-direction: row; gap: 0.8rem; min-width: 0;} .hp-tabsec .tab-title { flex: none; padding: 0.8rem 1.6rem; font-size: var(--text-s); font-weight: 600; line-height: 1.3; color: var(--neutral-700); white-space: nowrap; background: var(--neutral-0); border: var(--border); border-radius: var(--radius-full); cursor: pointer; transition: color var(--transition), border-color var(--transition), background-color var(--transition);} .hp-tabsec .tab-title:hover { color: var(--primary-text); border-color: var(--primary);} .hp-tabsec .tab-title.brx-open { color: var(--neutral-0); background: var(--neutral-900); border-color: var(--neutral-900);} .hp-tabsec .tab-title:focus-visible { outline: none; box-shadow: var(--shadow-focus);} .hp-tabsec .tab-content { grid-column: 1 / -1; min-width: 0; border: 0;} .hp-tabsec .tab-pane { padding: 0;} .hp-rail { position: relative; display: grid; gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; scrollbar-width: thin;} .hp-rail>li { display: flex; min-width: 0;} .hp-rail>li>* { flex: 1;} .hp-pane__foot { display: flex; justify-content: center; margin-top: var(--space-m);} .hp-promos { display: grid; gap: var(--grid-gap);} .hp-promo { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.4rem; padding: var(--space-m); overflow: hidden; color: var(--on-inverse); text-decoration: none; background: var(--inverse); border-radius: var(--radius-m); isolation: isolate;} .hp-promo__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;} .hp-promo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, color-mix(in srgb, var(--inverse) 88%, transparent) 0%, color-mix(in srgb, var(--inverse) 45%, transparent) 45%, color-mix(in srgb, var(--inverse) 5%, transparent) 100%);} .hp-promo:hover .hp-promo__img { transform: scale(1.05);} .hp-promo__eyebrow { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: color-mix(in srgb, var(--on-inverse) 80%, transparent);} .hp-promo__title { margin: 0; font-size: var(--text-xl); font-weight: 700; line-height: var(--leading-tight); color: var(--on-inverse);} .hp-promo__cta { display: inline-flex; align-items: center; gap: 0.6rem; margin-top: 0.6rem; font-size: var(--text-s); font-weight: 600; color: var(--on-inverse);} .hp-promo__cta::after { content: "→"; transition: transform var(--transition);} .hp-promo:hover .hp-promo__cta::after { transform: translateX(0.4rem);} .hp-posts { display: grid; gap: var(--grid-gap); margin: 0; padding: 0; list-style: none; scrollbar-width: thin;} .hp-post { display: flex; min-width: 0;} .hp-post__link { display: flex; flex-direction: column; flex: 1; overflow: hidden; color: var(--neutral-900); text-decoration: none; background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: var(--shadow-s); transition: box-shadow var(--transition), transform var(--transition);} .hp-post__link:hover { box-shadow: var(--shadow-m); transform: translateY(-2px);} .hp-post__img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--neutral-100);} .hp-post__body { display: flex; flex-direction: column; gap: 0.6rem; padding: var(--space-s) var(--space-m) var(--space-m);} .hp-post__date { font-size: var(--text-xs); color: var(--neutral-500);} .hp-post__title { margin: 0; font-size: var(--text-m); font-weight: 700; line-height: 1.3;} .hp-post__link:hover .hp-post__title { color: var(--primary-text);} .hp-post__excerpt { display: -webkit-box; margin: 0; overflow: hidden; font-size: var(--text-s); line-height: var(--leading-normal); color: var(--neutral-700); -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .hp-about { display: grid; overflow: hidden; background: var(--neutral-0); border-radius: var(--radius-m); box-shadow: var(--shadow-s);} .hp-about__main { display: flex; flex-direction: column; gap: var(--space-s); min-width: 0;} .hp-about__eyebrow { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary-text);} .hp-about__text { max-width: 70ch; font-size: var(--text-s); line-height: var(--leading-loose); color: var(--neutral-700);} .hp-about__text p { margin: 0 0 0.8em;} .hp-about__text p:last-child { margin-bottom: 0;} .hp-feats { display: grid; gap: var(--space-s); margin-top: var(--space-xs);} .hp-feat { display: flex; flex-direction: column; gap: 0.6rem; padding: var(--space-s); background: var(--neutral-50); border-radius: var(--radius-s);} .hp-feat__icon { display: grid; place-items: center; width: 4rem; height: 4rem; font-size: 1.6rem; color: var(--on-primary); background: var(--primary); border-radius: 50%;} .hp-feat__title { font-size: var(--text-s); font-weight: 700; color: var(--neutral-900);} .hp-feat__text { font-size: var(--text-xs); line-height: var(--leading-normal); color: var(--neutral-700);} .hp-store { display: flex; flex-direction: column; gap: var(--space-s); padding: var(--space-l) var(--space-m); color: color-mix(in srgb, var(--on-inverse) 85%, transparent); background: var(--inverse);} .hp-store__title { margin: 0; font-size: var(--text-xl); font-weight: 700; line-height: var(--leading-tight); color: var(--on-inverse);} .hp-store__row { display: flex; align-items: flex-start; gap: 1.2rem; font-size: var(--text-s); line-height: 1.5;} .hp-store__row a { color: var(--on-inverse); font-weight: 700; text-decoration: none;} .hp-store__row a:hover { text-decoration: underline;} .hp-store__icon { flex: none; width: 2rem; margin-top: 0.2rem; font-size: 1.6rem; color: var(--primary-text); text-align: center;} .hp-hours { display: grid; grid-template-columns: auto 1fr; gap: 0.2rem 1.6rem; margin: 0;} .hp-hours dt { font-weight: 600; color: var(--on-inverse);} .hp-hours dd { margin: 0;} .hp-store__actions { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: auto; padding-top: var(--space-xs);} .hp-store .btn--outline { color: var(--on-inverse); border-color: color-mix(in srgb, var(--on-inverse) 40%, transparent);} .hp-store .btn--outline:hover { color: var(--inverse); background: var(--on-inverse); border-color: var(--on-inverse);} .hp-slide__media--contain { background: var(--media-bg);} .hp-slide__media--contain img { padding: var(--space-m); object-fit: contain;} .hp-note { margin: 0; font-size: var(--text-xs); color: var(--neutral-500);}.hp-brands__list .hp-brand { place-items: stretch; padding: 0;} .hp-brands__list .hp-brand a { display: grid; place-items: center; min-width: 0; padding: 1.2rem; border-radius: inherit;} .hp-brands__list .hp-brand a:focus-visible { outline: none; box-shadow: var(--shadow-focus);}.brxe-pcf001[data-x-spinner] .x-favorite_icons::before {color: var(--primary-text)}.brxe-pcf001[data-x-spinner] .x-favorite_text:only-child::before {color: var(--primary-text)}#brxe-hp0280 {align-self: center}.brxe-hp0265.brxe-div {display: contents}#brxe-hp0282 {color: var(--on-inverse)}#brxe-hp0283 {display: flex; flex-direction: column; font-weight: var(--weight-semibold)}#brxe-hp0281 {padding-top: var(--space-xs); padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s); background-color: color-mix(in srgb, var(--warning) 22%, var(--inverse)); border-left: 3px solid var(--warning); border-radius: var(--radius-s); color: var(--on-inverse)}