@layer base{.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.video-block{width:100%}.video-block.right{margin-left:auto}.video-block.center{margin-inline:auto;text-align:center}.video-block .video-item,.media-dialog .video-item{aspect-ratio:16/9}.video-block .video-item>.poster,.video-block .video-item>iframe,.media-dialog .video-item>.poster,.media-dialog .video-item>iframe{aspect-ratio:16/9}.video-block .video-item>.poster img,.video-block .video-item>iframe img,.media-dialog .video-item>.poster img,.media-dialog .video-item>iframe img{aspect-ratio:16/9}.video-component{--caption-color: var(--grey-4);width:100%}.video-component .video-item{border-radius:var(--image-radius);overflow:hidden}.video-component .video-item>.poster,.video-component .video-item>iframe{display:block;width:100%;height:100%}.video-component .video-item>.poster{position:relative}.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:40px;height:40px;background-color:rgba(0,0,0,0);color:var(--white);border-radius:100%;transition:transform var(--transition)}.video-component .video-item>.poster>.play-icon .icon{width:40px}.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>.poster:focus-visible>.play-icon{outline:2px solid var(--white)}.video-component .video-item>video{display:block;width:100%;height: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 .video-item .custom-controls{position:absolute;bottom:24px;left:24px}.video-component .video-item .custom-controls .toggle-button{display:flex;align-items:center;justify-content:center;color:var(--white);transition:color var(--transition)}.video-component .video-item .custom-controls .toggle-button>.icon{width:48px}.video-component .video-item .custom-controls .toggle-button:not([disabled]):active{color:var(--accent-brown)}@media(hover: hover){.video-component .video-item .custom-controls .toggle-button:not([disabled]):hover{color:var(--accent-brown)}}.video-component>figcaption{margin-top:10px;color:var(--caption-color)}.video-component.center{align-self:center}.video-component.bottom{align-self:flex-end}}.component-grid.right .video-block{margin-left:auto}
@layer base{.default-dialog>.content>div>.header .title,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.Dialog.sm>.content{max-width:576px}.Dialog.md>.content{max-width:768px}.Dialog.lg>.content{max-width:992px}.Dialog>.backdrop{background-color:color-mix(in srgb, var(--black) 60%, transparent) !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:16px}.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:16px}.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)}.default-dialog>.content>div>.header .title{--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.default-dialog>.content>div>.header .title{font-weight:500}.default-dialog>.content>div>.body{padding-top:0}.media-dialog>.content>div>.header{position:absolute;top:-40px;right:0;display:inline-flex;justify-content:end;gap:20px;background-color:var(--white);width:100%;padding:16px 16px 8px}.media-dialog>.content>div>.header>.button-icon{width:32px;height:32px;color:var(--black);transition:color var(--transition)}.media-dialog>.content>div>.header>.button-icon:not([disabled]):active{color:var(--accent-brown)}@media(hover: hover){.media-dialog>.content>div>.header>.button-icon:not([disabled]):hover{color:var(--accent-brown)}}.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:auto;margin-inline:auto}.media-dialog>.content>div>.body .title{display:block;padding-inline:20px;padding-top:10px;text-align:center}}
@layer base{.product-detail-info-column .description,.product-detail-info-column .order-sample-button,.product-detail-info-column .advice-container .title,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.section:has(.product-detail-info-column){padding-top:84px}@media(min-width: 768px){.section:has(.product-detail-info-column){padding-top:64px}}@media(min-width: 1194px){.section:has(.product-detail-info-column){padding-top:100px}}.component:has(.product-detail-info-column){display:grid;grid-template-columns:subgrid;align-items:start;row-gap:32px}.component:has(.product-detail-info-column) .product-detail-image-column,.component:has(.product-detail-info-column) .product-detail-info-column{grid-column:span 12}@media(min-width: 576px){.component:has(.product-detail-info-column) .product-detail-image-column,.component:has(.product-detail-info-column) .product-detail-info-column{grid-column:span 6}}@media(min-width: 576px){.product-detail-image-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-detail-image-column :nth-child(1),.product-detail-image-column :nth-child(4){grid-column:span 2}.product-detail-image-column[data-image-count="2"] :nth-child(2){grid-column:span 2}}.product-detail-info-column{display:flex;flex-direction:column;justify-self:center;gap:16px;width:100%}@media(min-width: 576px){.product-detail-info-column{padding-left:8px;gap:24px}}@media(min-width: 768px){.product-detail-info-column{max-width:85%}}@media(min-width: 992px){.product-detail-info-column{max-width:70%}}.product-detail-info-column .header-container{display:flex;justify-content:space-between;gap:16px}.product-detail-info-column .header-container .title{color:var(--black)}.product-detail-info-column .header-container .favorite-button{width:40px;height:40px;flex-shrink:0;background-color:var(--white);border-radius:100px;display:flex;align-items:center;justify-content:center}.product-detail-info-column .header-container .favorite-button .icon{height:16px;transition:transform var(--transition)}.product-detail-info-column .header-container .favorite-button:hover .icon{transform:scale(1.15)}.product-detail-info-column .header-container .favorite-button.favorite .icon{color:var(--favorite-badge-bg-color);fill:var(--favorite-badge-bg-color)}.product-detail-info-column .description{--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.product-detail-info-column .order-sample-button{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:16px;background-color:var(--white);margin-top:16px;font-weight:500;--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large);max-width:fit-content}.product-detail-info-column .order-sample-button .media-component{overflow:hidden}.product-detail-info-column .order-sample-button .media-component img{transition:transform var(--transition)}.product-detail-info-column .order-sample-button .arrow-button{width:28px;height:28px;background-color:var(--black);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;margin-inline:8px 20px}.product-detail-info-column .order-sample-button .arrow-button>svg{width:16px;height:16px}@media(hover: hover)and (pointer: fine){.product-detail-info-column .order-sample-button:hover .media-component img{transform:scale(var(--image-trans-zoom))}.product-detail-info-column .order-sample-button .arrow-button{transition:background-color var(--transition)}.product-detail-info-column .order-sample-button .arrow-button>svg{filter:drop-shadow(-28px 0px 0px var(--white));transition:transform var(--transition)}.product-detail-info-column .order-sample-button:hover .arrow-button{background-color:var(--accent-brown)}.product-detail-info-column .order-sample-button:hover .arrow-button>svg{transform:translateX(28px)}}.product-detail-info-column .order-sample-button .media-component{width:60px;height:60px}@media(min-width: 768px){.product-detail-info-column .order-sample-button .media-component{width:80px;height:80px}}.product-detail-info-column .advice-container{border-top:1px solid var(--item-border-color);margin-top:16px;padding-top:32px;display:flex;flex-direction:column;gap:8px}@media(min-width: 576px){.product-detail-info-column .advice-container{padding-top:40px}}.product-detail-info-column .advice-container .title{font-weight:500;--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}.product-detail-info-column .advice-container .btn-primary{margin-top:16px;width:fit-content}.product-detail-info-column .advice-container .btn-primary .icon{--btn-icon-size: 24px}}