.colorpage .table-of-contents,.colorpage__relatedcolors,.colorpage__content,.colorpage__head-wrap{width:100%;margin-inline:auto}.colorpage .table-of-contents>*,.colorpage__relatedcolors>*,.colorpage__content>*,.colorpage__head-wrap>*{width:min(var(--block-width, 95%),128rem);margin-inline:auto}.colorpage{--block-screen-gap: 2.5vw}.colorpage .breadcrumbs,.colorpage .breadcrumbs span{color:var(--theme-text)}.colorpage[text-color=black],.colorpage[text-color^="#000"]{--theme-text: #000}.colorpage[text-color=white],.colorpage[text-color^="#fff"]{--theme-text: #ffffff}.colorpage>.grid:nth-child(1),.colorpage>.grid:nth-child(1):after{background-color:color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%)}.colorpage__head{background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%)), color-stop(60%, white), to(white));background:linear-gradient(to bottom, color-mix(in srgb, var(--theme, #F3F3F3), #fff 10%) 60%, white 60%, white 100%)}.colorpage__head-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width: 767px){.colorpage__head-wrap{grid-template-columns:1fr}}@media(min-width: 1300px){.colorpage__head-wrap{gap:2rem 6rem}}.colorpage__head__gallery{--block-width: 97.5%;margin-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width: 1300px){.colorpage__head__gallery{--block-width: 100%;margin-left:calc((100vw - 128rem)*.5);margin-right:0;width:auto}}.colorpage__head__info{background:#fff;border-radius:1.5rem;padding:2rem}@media(min-width: 1300px){.colorpage__head__info{--block-width: 100%;border-top-right-radius:0;padding-right:calc((100vw - 128rem)*.5)}}.colorpage__head__info::after{content:"";position:absolute;inset:0 0 0 100%;background-color:#fff;width:calc((100vw - 128rem)*.5)}.colorpage__head__info-wrap{position:sticky;top:calc(var(--nav-offset, 8rem) + 2rem)}.colorpage__head__options{margin-block:3rem}.colorpage__head .gallery__thumbs,.colorpage__head .flickity-page-dots{display:none}.colorpage__head .gallery__slide img{background-color:var(--theme)}.colorpage__head__actions{display:grid;margin-bottom:3rem;gap:1rem}.colorpage__head__actions .btn{width:min(90%,30rem);text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.colorpage__head__actions .btn+.btn{margin:0}.colorpage__head__actions .price{-ms-flex-wrap:wrap;flex-wrap:wrap}.colorpage__head__actions .price .discountprice{-ms-flex-preferred-size:100%;flex-basis:100%}.colorpage__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6rem;margin-bottom:6rem}@media(max-width: 549px){.colorpage__content{gap:2rem}}@media(min-width: 550px){.colorpage__content>.colorpage__combinations:first-child{margin-top:1rem}}.colorpage__ctablock .twz-element-images{margin-block:4rem}.colorpage__ctablock .twz-element-images img{max-height:50rem;background-color:var(--theme)}@media(max-width: 1024px){.colorpage__ctablock .twz-element-images{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.colorpage__ctablock .twz-element-images img{width:75%;scroll-snap-align:start}}.colorpage__ctablock .twz-element-buttonrow{text-align:center;margin-block:2rem}@media(max-width: 1024px){.colorpage__ctablock .twz-element-buttonrow{margin-block:1rem}}.colorpage .twz-inspiration{padding-block:4.5rem;position:relative}.colorpage .twz-inspiration:after{content:"";contain:paint;position:absolute;top:0;bottom:0;z-index:-1;width:100vw;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--fullbg-color, #F7F7F7)}.colorpage .table-of-contents{margin-block:4rem}@media(max-width: 767px){.colorpage .table-of-contents{width:100%;margin-block:4rem}}.colorpage__combinations{width:100%}.colorpage__combinations .title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2.5%}@media(min-width: 1300px){.colorpage__combinations .title-wrap{padding-left:calc((100vw - 128rem)*.5)}}.colorpage__combinations .title-wrap .title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.colorpage__combinations .controls{margin-right:2.5%}@media(min-width: 1300px){.colorpage__combinations .controls{margin-right:calc((100vw - 128rem)*.5)}}.colorpage__combinations .controls .btn--slider{--btn-theme-color: transparent;border:1px solid var(--grey-500);border-radius:4px;height:4.8rem;aspect-ratio:1;padding:0;place-content:center}.colorpage__combinations .controls .btn--slider:hover svg path{fill:#fff}.colorpage__combinations .controls .btn--slider svg{translate:0 .2rem}.colorpage__combinations .controls .btn--slider svg path{fill:#143D59}.colorpage__combinations .controls .disabled{opacity:.3;pointer-events:none}.colorpage__combinations-list{position:relative}.colorpage__combinations-list::before{content:"";contain:paint;position:absolute;top:0;height:12rem;z-index:-1;width:120vw;margin-left:50%;translate:-50% 0;background-color:var(--theme);-webkit-filter:none;filter:none}.colorinfo-titlewrap{display:grid;grid-template-columns:8rem 1fr;gap:2rem;margin-bottom:3rem}.colorinfo-titlewrap .colorinfo-color{height:auto;aspect-ratio:1;background-image:url("../../../shared/assets/img/thumbnail_color_product.png");background-size:cover;background-repeat:no-repeat;background-position:center;background-color:var(--theme);border-radius:4px}.colorinfo-titlewrap .title{margin:0}.colorinfo-titlewrap .titlewrap{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.colorinfo-titlewrap .info{grid-column:1/-1}.colorinfo-titlewrap .category{color:#5789ac}.savedcolor-cta .savedcolor__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.savedcolor-cta .savedcolor__body .btn{margin:0}
.colorlist{--group-gap: 5rem;position:relative;container-type:inline-size;container-name:colorlist;display:flex;padding-top:4rem;overflow-x:scroll;scroll-snap-type:x mandatory;padding-right:2.5%}@media(min-width: 1300px){.colorlist{padding-right:calc((100vw - 128rem)*.5)}}@media(min-width: 1025px){.colorlist{scrollbar-width:none}.colorlist::-webkit-scrollbar{display:none}}@media(max-width: 767px){.colorlist{--group-gap: 4rem;grid-template-columns:1fr}}.colorlist__list{gap:1.5rem;display:flex}@media(max-width: 1024px){.colorlist__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.colorlist__list>.twz-card{flex:0 0 19.5rem;scroll-snap-align:start}}@media(max-width: 1024px)and (min-width: 768px)and (max-width: 1024px){.colorlist__list>.twz-card{flex-shrink:1}}.colorlist__list-wrap:first-of-type{padding-left:2.5%}@media(min-width: 1300px){.colorlist__list-wrap:first-of-type{padding-left:calc((100vw - 128rem)*.5)}}.colorlist__list-wrap:not(:last-child){margin-right:var(--group-gap)}:is([text-color^="#fff"],[text-color=white]) .colorlist__list-wrap .title{color:var(--theme-text)}.colorlist__list-wrap .title{margin-bottom:1rem;text-wrap:nowrap}.colorlist__list-wrap .twz-card{width:20rem}