:root{--dark-tone:#222831;--darker-tone:#0a131e;--default-color:#e6e6e6;--ink-color:#49423b;--light-tone:#5d6d78;--primary-color:#5b69fc;--red-tone:#5f1f20;--very-large-breakpoint:80rem;--large-breakpoint:64rem;--medium-breakpoint:48rem;--small-breakpoint:40rem;--very-small-breakpoint:30rem}article>a:first-of-type{display:flex;flex-direction:column}article>a:first-of-type>.description>*{margin:0}article h3{margin-bottom:0;min-height:78px}article .heading{display:flex;gap:2rem;justify-content:center;margin:1rem auto}article .heading>nav.splide{max-width:300px}article .heading>.image-container{filter:drop-shadow(0 0 1rem black);flex-grow:0}article .heading .info{display:flex;justify-content:space-between}article .price{font-size:40px;font-weight:700;margin:0;text-align:right}article .shipping_fee{font-size:14px;margin:0;text-align:right}section#product{background:var(--dark-tone);padding-left:2rem;padding-right:2rem}section#product>article{max-width:100%;width:64rem}section#product>article>.heading{flex-direction:column}section#product>article>.heading>.description{align-items:center;display:flex;gap:2rem}@media (max-width:64rem){section#product>article>.heading>.description{flex-direction:column}}section#product>article>.heading>.thumbnails{align-items:center;display:flex;line-height:1;max-width:100%}section#product>article>.heading>.thumbnails>nav{height:80px;max-width:100%}section#product>article>.heading>.thumbnails>.image-container{flex-shrink:0;height:15rem}section#product>article>.heading>.thumbnails>.image-container>img{height:100%}section#product>article>.heading>.thumbnails>.splide:hover .splide__arrows,section#product>article>.heading>.thumbnails>.splide:hover .splide__pagination{opacity:1}section#product>article>.heading>.thumbnails>.splide .splide__arrows{opacity:0;transition:opacity .25s ease}section#product>article>.heading>.thumbnails>.splide .splide__pagination{bottom:-1rem;opacity:0;transition:opacity .25s ease}section#product>article>.heading>.thumbnails>.splide .splide__slide{transition:filter .25s ease}section#product>article>.heading>.thumbnails>.splide .splide__slide.is-active{border-color:transparent;filter:drop-shadow(0 0 .25rem red)!important}section#product>article>.heading>.thumbnails>.splide .splide__slide:hover{filter:drop-shadow(0 0 .5rem red)}section#product>article>.heading>.thumbnails>.splide .splide__track{margin-left:4rem;margin-right:4rem}@media (max-width:48rem){section#product>article>.heading>.thumbnails>.splide .splide__track{margin-left:0;margin-right:0}}section#product>article>.heading>.thumbnails>.text-container>h1,section#product>article>.heading>.thumbnails>.text-container>h2,section#product>article>.heading>.thumbnails>.text-container>h3,section#product>article>.heading>.thumbnails>.text-container>h4,section#product>article>.heading>.thumbnails>.text-container>h5,section#product>article>.heading>.thumbnails>.text-container>h6{margin-bottom:0;margin-top:0}section#product>article>.paper{border-radius:.25rem}.article-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;list-style:none;padding:0}.article-container>li{flex:22rem;height:40rem;max-width:22rem}.article-container>li h3{text-align:center}.article-container>li .image-container{margin:auto;width:fit-content}.article-container>li .image-container>img{margin:0}.button-container{align-content:center;display:flex;gap:.5rem}.button-container>a.button,.button-container>button{flex:1;height:fit-content}.button-container>a.button>*,.button-container>button>*{vertical-align:center}.button-container>a.button.small-button,.button-container>button.small-button{flex:1rem 0;margin-left:auto}.paper .price{font-family:Old London,serif}.paper .price,.paper .shipping_fee{margin:0 0 0 auto}#heading{background:var(--light-tone)}#heading>div .image-container{margin:2rem 0}#heading>div .image-container>img{border-radius:1rem;box-shadow:0 0 1rem #000}#main_products,#other_products{background:var(--dark-tone);display:flex;flex-direction:column}#main_products>h2,#other_products>h2{margin-left:auto;margin-right:auto;padding:0 1rem;width:min(var(--large-breakpoint),100%)}#main_products>ul.article-container,#other_products>ul.article-container{align-content:center;flex:1}#main_products article a:first-of-type,#other_products article a:first-of-type{padding-bottom:1rem}#main_products article img,#other_products article img{filter:drop-shadow(0 0 1rem black)}#catalogue{background:var(--light-tone)}#catalogue>div{display:flex;gap:2rem;justify-content:center}#catalogue>div>ul.products{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));justify-content:center;list-style:none;max-width:calc(100% - 12rem);padding:0}#catalogue>div>ul.products>li{border-radius:1rem;box-shadow:inset .125rem .5rem 4rem #000;padding:2rem}#catalogue>div>ul.products>li img{filter:drop-shadow(0 0 .5rem black)}#catalogue>h2{margin-left:auto;margin-right:auto;max-width:var(--large-breakpoint);padding:0 1rem}#other_products{background:var(--darker-tone)}@media (max-width:64rem){main>section.article-container>article>.heading{flex-wrap:nowrap}}@media (max-width:48rem){#heading>div .image-container{margin:0}#heading>div .image-container>img{border-end-end-radius:0;border-end-start-radius:0}}@media (max-width:40rem){article>div{padding-left:0;padding-right:0}section#product>article{margin-top:0}section#product>article>.heading{align-items:center;flex-direction:column}#catalogue{padding-left:0;padding-right:0}#catalogue>div{flex-direction:column;gap:0}#catalogue>div>nav.filters{margin-left:auto;margin-right:auto;top:1rem;z-index:1}#catalogue>div>nav.filters>ul{flex-direction:row;justify-content:center;margin:0}#catalogue>div>nav.filters>ul>li>button{box-shadow:0 0 1rem #000}#catalogue>div>nav.filters>ul>li>button.active{box-shadow:0 0 1rem #fff}#catalogue>div>nav.filters>ul>li>button>span:not(.fa-solid){display:none}#catalogue>div>ul.products{max-width:100%}#heading>div .image-container>img{border-radius:0;mask-image:linear-gradient(transparent,#000 25%)}}@media (max-width:30rem){#catalogue>div{gap:0;margin-left:1rem;margin-right:1rem}#catalogue>div>nav.filters>ul>li>button>span:not(.fa-solid){display:none}#catalogue>div>.products{padding-left:1rem}section#product{padding-bottom:0;padding-left:0;padding-right:0}section#product>article>.heading{margin-left:1rem;margin-right:1rem}section#product>article .info{align-items:baseline;display:flex;gap:1rem}section#product>article .info>div{order:2}section#product>article .info>a.button{flex:1;order:1}section#product>article .info>a.button>span:not(.fa-solid){display:none}}