@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}}@layer bricks {.brxe-code{width:100%}}.skip-link { position: absolute; top: -100px; left: 0; padding: 1rem 2rem; background-color: var(--color-primary); color: var(--color-white); text-decoration: none; font-weight: var(--font-weight-semibold); z-index: 10000; border-radius: 0 0 var(--radius-md) 0; transition: top var(--transition-fast); } .skip-link:focus { top: 0; outline: 3px solid var(--color-white); outline-offset: 2px; }@media (prefers-reduced-motion: reduce) { .skip-link { transition: none; }}.top-banner__text { display: block; font-family: var(--font-family-primary); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); line-height: var(--line-height-base); color: var(--color-text-dark); margin: 0; text-align: center; } .top-banner__slide { display: none; flex-direction: row; align-items: center; justify-content: center; gap: 0.625rem; opacity: 0; transition: opacity var(--transition-carousel); }@media (min-width: 1024px) { .top-banner__slide { display: flex; opacity: 1; justify-content: center; margin: 0; }}@media (prefers-reduced-motion: reduce) { .top-banner__slide { transition: none; }} .top-banner__link { display: block; font-family: var(--font-family-primary); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); line-height: var(--line-height-base); color: var(--color-text-dark); text-decoration: none; transition: opacity var(--transition-fast), transform var(--transition-fast); } .top-banner__link:hover { opacity: 0.7; transform: translateY(-1px); } .top-banner__link:focus { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: var(--radius-sm); }@media (prefers-reduced-motion: reduce) { .top-banner__link { transition: none; }}.top-banner__carousel { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1200px; margin: 0 auto; }@media (min-width: 1024px) { .top-banner__carousel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; align-items: center; }}.top-banner__progress-bar { position: absolute; top: 0; left: 0; height: 100%; width: 0%; background-color: var(--color-text-dark); transition: width linear; border-radius: var(--radius-full); }@media (prefers-reduced-motion: reduce) { .top-banner__progress-bar { transition: none; }}@media (min-width: 1024px) { .top-banner__progress { display: none; }} .top-banner__progress { position: relative; width: 100%; height: 3px; background-color: rgba(51, 51, 51, 0.1); margin-top: 0.75rem; border-radius: var(--radius-full); overflow: hidden; }.top-banner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background-color: var(--color-bg-light); color: var(--color-text-dark); padding: 1rem 1.5rem; overflow: hidden; min-height: 60px; }@media (min-width: 768px) { .top-banner { padding: 1.25rem 2rem; min-height: 70px; }}@media (min-width: 1024px) { .top-banner { padding: 1.5rem 2.5rem; min-height: 80px; }}@media (min-width: 1440px) { .top-banner { padding: 1.5rem 3rem; }}.header__logo { display: block; height: clamp(40px, 8vw, 60px); width: auto; object-fit: contain; background-color: transparent !important; }@media (min-width: 768px) { .header__logo { height: 60px; }}.header__logo-link { display: flex; align-items: center; justify-content: flex-start; text-decoration: none; transition: opacity var(--transition-fast); } .header__logo-link:hover { opacity: 0.8; } .header__logo-link:focus { outline: 2px solid var(--color-primary); outline-offset: 4px; border-radius: var(--radius-sm); }@media (prefers-reduced-motion: reduce) { .header__logo-link { transition: none; }}.header__nav-placeholder { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 1rem; min-height: 44px; }.header__basket-placeholder { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; min-height: 44px; min-width: 120px; }.header__nav { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: clamp(1rem, 3vw, 2rem); }.header__wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding: 1rem 0; }@media (min-width: 768px) { .header__wrapper { padding: 1.25rem 0; }}@media (min-width: 1024px) { .header__wrapper { padding: 1.5rem 0; }}.header__container { display: flex; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .header__container { padding: 0 2rem; }}@media (min-width: 1024px) { .header__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .header__container { padding: 0 3rem; }}.header { position: sticky; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; background-color: var(--color-black); border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 100; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); transition: box-shadow var(--transition-fast); }