@layer components{.PaginationNav{--item-color: var(--main-color-3);--border-color: transparent;--bg-color: transparent;display:flex;justify-content:center;gap:0}@media(min-width: 768px){.PaginationNav{justify-content:flex-end}}.PaginationNav .PaginationNavButton{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;border-radius:100%;font-family:var(--ff-primary);color:var(--item-color);border:1px solid var(--border-color);background-color:var(--bg-color);transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.PaginationNav .PaginationNavButton.left{--border-color: var(--main-color-1);--item-color: var(--main-color-1);font-size:1.2rem}.PaginationNav .PaginationNavButton.right{--border-color: var(--main-color-1);--item-color: var(--main-color-1);font-size:1.2rem}.PaginationNav .PaginationNavButton.disabled{pointer-events:none;opacity:.5}.PaginationNav .PaginationNavButton.active{--item-color: var(--main-color-2);pointer-events:none;cursor:default;color:var(--item-color)}.PaginationNav .PaginationNavButton.active>span{font-weight:600}@media(min-width: 576px){.PaginationNav .PaginationNavButton{min-width:40px;min-height:40px}}.PaginationNav .PaginationNavButton:not(.active):not([disabled]):active{--item-color: var(--main-color-2)}.PaginationNav .PaginationNavButton:not(.active):not([disabled]):active.left,.PaginationNav .PaginationNavButton:not(.active):not([disabled]):active.right{--bg-color: var(--main-color-2);--item-color: var(--white)}@media(hover: hover){.PaginationNav .PaginationNavButton:not(.active):not([disabled]):hover{--item-color: var(--main-color-2)}.PaginationNav .PaginationNavButton:not(.active):not([disabled]):hover.left,.PaginationNav .PaginationNavButton:not(.active):not([disabled]):hover.right{--bg-color: var(--main-color-2);--item-color: var(--white)}}}
@layer base{.item-overview .item-list{--min-column-size: 280px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--min-column-size)), 1fr));gap:32px}.item-overview .item-list>.item-column>*{height:100%}.item-overview .PaginationNav{margin-top:56px}.item-overview-sidebar{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width: 992px){.item-overview-sidebar{grid-template-columns:300px 1fr}}.item-category-navigation>ul{display:flex;flex-direction:column;gap:20px}.item-category-navigation .category-link-item{font-family:var(--ff-primary)}.item-category-navigation .category-link-item.active{display:inline-flex;align-items:center;gap:10px}.item-category-navigation .category-link-item.active:before{display:block;width:6px;height:6px;border-radius:100%;content:""}}@layer theme{.item-category-navigation{--_color: var(--item-category-navigation-color, var(--brand-black));--_active-color: var(--item-category-navigation-active-color, var(--brand-primary-color))}.item-category-navigation .category-link-item{color:var(--_color)}.item-category-navigation .category-link-item.active{color:var(--_active-color)}.item-category-navigation .category-link-item.active:before{background-color:var(--_color)}.item-category-navigation .category-link-item:not([disabled]):active{color:var(--_active-color)}@media(hover: hover){.item-category-navigation .category-link-item:not([disabled]):hover{color:var(--_active-color)}}}
@layer components{.component:not(.col-1,.col-2) .video-block:has(.video-component){--image-max-width: 100%}.component:not(.col-1,.col-2) .video-block:has(.video-component) .media-container img{object-fit:none}.component:not(.col-1,.col-2) .video-block:has(.video-component) .media-container video,.component:not(.col-1,.col-2) .video-block:has(.video-component) .media-container img{aspect-ratio:16/9;width:100%;height:100%}.video-block.right{margin-left:auto}.video-block.center{margin-inline:auto;text-align:center}.is-bleeding-right .video-block,.is-bleeding-left .video-block{max-width:none}.video-component{--caption-color: var(--grey-4);--image-height: 800px;width:100%}.video-component .video-item{overflow:hidden}.video-component .video-item>.poster,.video-component .video-item>iframe{display:block;width:100%;height:100%;aspect-ratio:16/9}.video-component .video-item>.poster{position:relative;width:100%}.video-component .video-item>.poster>.media-component{min-height:100%}.video-component .video-item>.poster>.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--main-color-1);color:var(--white);border-radius:100%;transition:transform var(--transition)}.video-component .video-item>.poster>.play-icon>.icon{width:30px}.video-component .video-item>.poster:not([disabled]):active>.play-icon{transform:translate(-50%, -50%) scale(1.2)}@media(hover: hover){.video-component .video-item>.poster:not([disabled]):hover>.play-icon{transform:translate(-50%, -50%) scale(1.2)}}.video-component .video-item>video{display:block;width:100%;object-fit:cover;object-position:center}.video-component .video-item>video::cue{background-color:var(--black);color:var(--white);line-height:1.5}.video-component>figcaption{margin-top:10px;color:var(--caption-color);letter-spacing:1px}.video-component.center{align-self:center}.video-component.bottom{align-self:flex-end}}@layer theme{.section:not(:has(.col-1)) .video-block{width:100%;max-width:1200px}}
@layer components{.Dialog.sm>.content{max-width:576px}.Dialog.md>.content{max-width:768px}.Dialog.lg>.content{max-width:992px}.Dialog>.backdrop{background-color:rgba(92,52,29,.6) !important}.Dialog>.content{display:flex;flex-direction:column;margin:20px;width:100%;max-height:calc(100dvh - 40px)}.Dialog>.content .header{display:flex;align-items:center;justify-content:space-between;padding:20px}.Dialog>.content .header>div{display:flex;flex-direction:column}.Dialog>.content .header>div .subtitle{margin-top:10px}.Dialog>.content .header .button-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;align-self:flex-start;transition:all var(--transition)}.Dialog>.content .header .button-icon svg{transition:fill .2s ease-in-out}.Dialog>.content .body{padding:20px}.Dialog>.content .body .dialog-content{display:flex;flex-direction:column;gap:20px}.Dialog>.content .body .dialog-content .btn-wrapper{justify-content:space-between}.Dialog>.content .body .dialog-content .btn-wrapper button{align-self:flex-start}.default-dialog>.content{width:100%}.default-dialog>.content>div{background-color:var(--white);border-radius:var(--card-radius)}.default-dialog>.content>div>.body{padding-top:0}.media-dialog>.content>div>.header{position:fixed;top:0;right:0;display:inline-flex;gap:20px}.media-dialog>.content>div>.header>.button-icon{width:40px;height:40px;border-radius:100%;border:2px solid var(--white);color:var(--white)}.media-dialog>.content>div>.header>.button-icon:not([disabled]):active{color:var(--main-color-1);border-color:var(--main-color-1)}@media(hover: hover){.media-dialog>.content>div>.header>.button-icon:not([disabled]):hover{color:var(--main-color-1);border-color:var(--main-color-1)}}.media-dialog>.content>div>.body{background-color:var(--white);border-radius:var(--image-radius)}.media-dialog>.content>div>.body img,.media-dialog>.content>div>.body>video{display:block;border-radius:var(--image-radius);max-height:calc(100dvh - 115px);width:100%}.media-dialog>.content>div>.body .title{display:block;padding-inline:20px;padding-top:10px;text-align:center}}
@layer components{.card-item-container{container:card-item/inline-size}.card-item{display:block;height:100%}.card-item>.body{flex:1;display:flex;flex-direction:column;padding:20px;padding-top:0}.card-item>.body>.title{display:block;margin-bottom:.4em;text-transform:none}.card-item>.body>.btn-wrapper{margin-top:auto;padding-top:20px}}@layer theme{.card-item{--_color: var(--card-color, var(--brand-text-color));--_bg-color: var(--card-bg-color, var(--brand-bg-color));--_bg-hover-color: var(--card-bg-hover-color, var(--brand-support-color-2));display:flex;flex-direction:column;background-color:var(--_bg-color);color:var(--_color);border-radius:0;transition:background-color var(--transition);overflow:hidden}.card-item.category-item{--card-bg-color: color-mix(in srgb, var(--true-black) 20%, transparent);display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.card-item.category-item>.body{padding:24px 24px 64px}.card-item.category-item>.media-component{--default-image-height: 300px}@media(min-width: 768px){.card-item.category-item>.media-component{--default-image-height: 375px}}@media(min-width: 1200px){.card-item.category-item>.media-component{--default-image-height: 425px}}@media(min-width: 1920px){.card-item.category-item>.media-component{--default-image-height: 460px}}.card-item.product-item{--_bg-color: var(--card-bg-color, var(--brand-support-color-1));padding:24px;background-color:var(--_bg-color) !important}.card-item.product-item>.media-component{--default-image-height: 300px}@media(min-width: 768px){.card-item.product-item{padding:44px}}.has-background .card-item{background-color:var(--card-bg-color, var(--brand-component-color))}.has-background .card-item .media-component::after{background-color:var(--card-bg-color, var(--brand-component-color))}.card-item>.media-component{position:relative;overflow:hidden;--default-image-height: 220px;height:var(--default-image-height);width:100%}.card-item>.media-component img{--media-radius: 0;transition:transform var(--transition)}.card-item>.body{padding:0;padding-top:24px}.card-item>.body>.title{transition:color var(--transition);margin-bottom:0;text-align:center}.card-item:not([disabled]):active>.media-component img{transform:scale(var(--image-trans-zoom))}@media(hover: hover){.card-item:not([disabled]):hover>.media-component img{transform:scale(var(--image-trans-zoom))}}}
@layer theme{.category-item{--_bg-color: color-mix(in srgb, var(--true-black) 20%, transparent);position:relative}.category-item>.media-component,.category-item>.body{grid-column:1;grid-row:1}.category-item>.media-component::after{position:absolute;content:"";display:block;height:100%;width:100%;background-color:var(--_bg-color)}.category-item .price-label{position:absolute;bottom:0;background:var(--brand-primary-color);color:var(--white);z-index:var(--z-index-1);padding:8px 16px;min-height:40px;display:flex;align-items:center;font-weight:400;font-size:var(--medium-text-size);right:0}.category-item>.body{position:relative;height:100%;align-items:center;justify-content:end}.category-item>.body>.title{color:var(--white);text-align:center}.category-item>.body .btn-default{position:absolute;top:24px;right:24px;min-width:48px;min-height:48px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-2)}@media(min-width: 768px){.category-item>.body .btn-default{top:36px;right:40px;min-width:56px;min-height:56px}}.category-item>.body .btn-default .icon{width:40px}.category-item:not([disabled]):active>.body>.title{color:var(--white)}@media(hover: hover){.category-item:not([disabled]):hover>.body>.title{color:var(--white)}}}
@layer theme{.category-detail-overview .item-list{--min-column-size: 360px}}