[data-type="main-product"] {padding:40px 0px;}
[data-type="main-product"] .main-product-panel {display:grid;grid-template-columns:60% 1fr;gap:20px;}
[data-type="main-product"] .main-product-panel .col {display:flex;flex-direction:column;gap:20px;}
[data-type="main-product"] .panel {background-color:var(--background);color:var(--textColour);padding:20px 30px;}

[data-type="main-product"] .thumb-media-slider-wrapper {padding:0px 40px;margin-top:-120px;gap:20px;display:flex;flex-direction:column;position:relative;z-index:2;}
[data-type="main-product"] .thumb-media-slider {border-radius:20px;background-color:rgba(255, 255, 255, 0.7);backdrop-filter:blur(5px);padding:10px 20px;}
[data-type="main-product"] .splide__track--nav>.splide__list>.splide__slide {border:2px solid transparent;border-radius:10px;overflow:hidden;}
[data-type="main-product"] .splide__track--nav>.splide__list>.splide__slide.is-active {border:2px solid var(--gold);}

[data-type="main-product"] .main-info-panel {display:flex;flex-direction:column;gap:15px;}
[data-type="main-product"] h1.product-name {font-size:22px;font-weight:600;text-wrap:balance;line-height:140%;}
[data-type="main-product"] .product-code {font-weight:300;}
[data-type="main-product"] .stock-left {font-size:20px;font-weight:300;}
[data-type="main-product"] .stock-left .quantity {font-weight:600;}
[data-type="main-product"] .order-sample-button {border:0;appearance:none;background-color:transparent;display:flex;flex-direction:row;gap:15px;align-items:center;padding:0;}
[data-type="main-product"] .order-sample-button:hover {cursor:pointer;}
[data-type="main-product"] .order-sample-button:disabled {opacity:0.5;}
[data-type="main-product"] .order-sample-button .icon {background-color:var(--black);display:block;width:45px;height:45px;border-radius:10px;position:relative;}
[data-type="main-product"] .order-sample-button .icon::after {content:'';display:block;height:22px;width:22px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-image:url('../icons/fabric.svg');background-size:contain;background-position:center;background-repeat:no-repeat;}
[data-type="main-product"] .order-sample-button .text {font-size:18px;}
[data-type="main-product"] .quantity-wrapper {margin-bottom:10px;}

.product-fabric-template {background-color:var(--white);position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%;aspect-ratio:1/1;}
.product-fabric-template.fslightbox-source {width:min(100vw, calc(100vh - 100px)) !important;height:min(100vw, calc(100vh - 100px)) !important;max-width:100vw;max-height:100vh;aspect-ratio:1/1 !important;}
.product-fabric-template .wrapper {aspect-ratio:1/1;width:100%;position:relative;display:grid;justify-content:center;align-items:center;}
.product-fabric-template .wrapper .fabric-tiled {grid-row:1;grid-column:1;background-repeat:repeat;background-position:center;background-size:12.5%;height:100%;width:100%;aspect-ratio:1/1;position:relative;z-index:1;border:5px solid var(--white);}
.product-fabric-template .wrapper .template-overlay {grid-row:1;grid-column:1;height:100%;width:100%;aspect-ratio:1/1;position:relative;z-index:2;background-position:center;background-size:cover;background-repeat:no-repeat;}
.product-fabric-template.jacket-1 .wrapper .template-overlay {background-image:url('../templates/jacket-template-1.svg');}
.product-fabric-template.jacket-1 .wrapper .fabric-tiled {background-size:15.38%;} /* based on shoulder width 40cm */
.product-fabric-template.jacket-2 .wrapper .template-overlay {background-image:url('../templates/jacket-template-2.svg');}
.product-fabric-template.jacket-2 .wrapper .fabric-tiled {background-size:16.14%;} /* based on shoulder width 40cm */
.product-fabric-template.dress-1 .wrapper .template-overlay {background-image:url('../templates/dress-template.svg');}
.product-fabric-template.dress-1 .wrapper .fabric-tiled {background-size:13.44%;} /* based on shoulder width 40cm */

[data-type="main-product"] .price .cost {font-size:30px;}
[data-type="main-product"] .price .unit {font-size:18px;}
[data-type="main-product"] .original-price .cost {text-decoration:line-through;font-size:20px;font-weight:300;}
[data-type="main-product"] .out-of-stock-banner {background-color:var(--black);color:var(--blackText);padding:20px;width:100%;display:block;text-align:center;font-size:30px;font-weight:800;}

[data-type="main-product"] .free-delivery-banner {background-color:#F2F4F7;padding:12px 15px;display:flex;flex-direction:row;gap:15px;width:100%;align-items:center;font-size:15px;font-weight:600;}
[data-type="main-product"] .free-delivery-banner::before {content:'';display:block;height:30px;width:40px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../icons/delivery-van.svg');}

[data-type="main-product"] .bottom-links {display:flex;flex-direction:row;gap:20px;align-items:end;margin-top:10px;font-weight:300;}
[data-type="main-product"] .bottom-links .size-ruler {height:10px;width:45px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../icons/ruler.svg');margin-bottom:3px;}
[data-type="main-product"] .bottom-links a {color:inherit;text-decoration:underline;}

[data-type="main-product"] .aftercare-information {color:inherit;text-decoration:none;margin-top:20px;border:0;background-color:#F2F4F7;padding:12px 15px;display:flex;flex-direction:row;gap:15px;width:100%;align-items:center;font-size:15px;font-weight:600;}
[data-type="main-product"] .aftercare-information::before {content:'';display:block;height:30px;width:40px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../icons/aftercare.svg');}

[data-type="main-product"] .accordion-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
[data-type="main-product"] .accordion-list .accordion-item {border-bottom:1px solid var(--black);}
[data-type="main-product"] .accordion-list .accordion-item button {display:block;border:none;position:relative;width:100%;appearance:none;background-color:transparent;color:inherit;text-align:left;padding:10px 0px;font-size:20px;font-weight:400;line-height:100%;cursor:pointer;display:grid;grid-template-columns:1fr 20px;align-items:center;gap:20px;}
[data-type="main-product"] .accordion-list .accordion-item .accordion-content {font-size:16px;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(0.075, 0.820, 0.165, 1.000), opacity .4s cubic-bezier(0.075, 0.820, 0.165, 1.000);}
[data-type="main-product"] .accordion-list .accordion-item .accordion-detail {padding:0 10px;transition: padding 0.4s ease;}
[data-type="main-product"] .accordion-list .accordion-item.open .accordion-content {max-height:1000px;opacity:1;transition:max-height 0.8s ease, opacity 0.8s ease;}
[data-type="main-product"] .accordion-list .accordion-item.open .accordion-content .accordion-detail {padding:5px 0px 20px 0px;}
[data-type="main-product"] .accordion-list .accordion-item button .plus {display:block;position:relative;width:20px;height:20px;}
[data-type="main-product"] .accordion-list .accordion-item button .plus::before {content:'';position:absolute;left:50%;top:50%;background-color:var(--whiteText);height:2px;width:12px;margin-top:-1px;margin-left:-6px;}
[data-type="main-product"] .accordion-list .accordion-item button .plus::after {content:'';position:absolute;left:50%;top:50%;background-color:var(--whiteText);width:2px;height:12px;margin-left:-1px;margin-top:-6px;transition:transform .25s ease;transform:scaleY(1);}
[data-type="main-product"] .accordion-list .accordion-item.open button .plus::after {transform:scaleY(0);}

[data-type="main-product"] .product-details-row {display:grid;grid-template-columns:100px 1fr;gap:20px;padding:10px 0px;}
[data-type="main-product"] .product-details-row .label {font-size:16px;font-weight:600;}
[data-type="main-product"] .product-details-row .value {font-weight:300;font-size:16px;}
[data-type="main-product"] .product-details-row:not(:last-child) {border-bottom:1px solid #F0F0F0;}

[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar {display:flex;flex-direction:row;justify-content:end;gap:10px;}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .image-slider-scale-tag {background-color:#FFF;color:inherit;text-decoration:none;border-radius:10px;padding:5px 10px;height:33px;display:flex;flex-direction:row;align-items:center;gap:4px;border:1px solid var(--black);font-weight:300;font-size:16px;font-family:var(--primaryFont);}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .image-slider-scale-tag[data-calculated="false"] {display:none;}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .wishlist-fav {appearance:none;padding:0;display:block;transform:scale(1);height:33px;width:33px;border:1px solid var(--black);border-radius:100px;background-color:#FFF;background-repeat:no-repeat;background-size:19px auto;background-position:center;transition:transform .25s ease-in-out;}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .wishlist-fav:hover {cursor:pointer;transform:scale(1.2);}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .wishlist-fav[data-in-wishlist="false"] {background-image:url('../icons/heart.svg');}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .wishlist-fav[data-in-wishlist="true"] {background-image:url('../icons/heart-filled.svg');}

[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .fullscreen-media {appearance:none;padding:0;display:block;transform:scale(1);height:33px;width:33px;border:1px solid var(--black);border-radius:100px;background-image:url('../icons/fullscreen.svg');background-color:#FFF;background-repeat:no-repeat;background-size:19px auto;background-position:center;transition:transform .25s ease-in-out;}
[data-type="main-product"] .thumb-media-slider-wrapper .buttons-bar .fullscreen-media:hover {cursor:pointer;transform:scale(1.2);}

[data-type="main-product"] .inspired-banner .heading {display:flex;flex-direction:row;gap:10px;align-items:center;font-size:30px;font-weight:800;margin-bottom:5px;}
[data-type="main-product"] .inspired-banner .heading::before {content:'';display:block;height:28px;width:28px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../icons/instagram.svg');}
[data-type="main-product"] .inspired-banner .content {font-size:20px;font-weight:300;}
[data-type="main-product"] .inspired-banner .content strong {font-weight:800;}

[data-product-block="other-products"] .other-products-wrapper {padding:40px 0px;}
[data-product-block="other-products"] .other-products-wrapper .arrow-bar {display:flex;flex-direction:row;gap:20px;margin-bottom:20px;justify-content:space-between;align-items:center;}
[data-product-block="other-products"] .other-products-wrapper .arrow-bar .title {font-family:var(--secondaryFont);font-size:30px;font-weight:600;}
/*[data-product-block="other-products"] .other-products-wrapper .products-list {display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;}*/
[data-product-block="other-products"] .other-products-wrapper .splide__arrows {position:relative;width:75px;}
[data-product-block="other-products"] .other-products-wrapper .splide__arrows .splide__arrow--next {right:0px;}
[data-product-block="other-products"] .other-products-wrapper .splide__arrows .splide__arrow--prev {left:0px;}

[data-type="community-banner"] .block-wrapper{padding:80px 0;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;}
[data-type="community-banner"] .block-wrapper .featuredwrap{width:60%;margin:0;display:grid;grid-template-columns:1fr 1.5fr;gap:15px;}
[data-type="community-banner"] .block-wrapper .featuredwrap .featureditem:first-of-type{align-self:center;}
[data-type="community-banner"] .block-wrapper .featuredwrap .featureditem img{border-radius:20px;}
[data-type="community-banner"] .block-wrapper .featuredwrap .featureditem p.credit{font-style:italic;margin-bottom:0;font-size:1rem;color:var(--gold);}
[data-type="community-banner"] .block-wrapper .headinglarge{font-size:4.688rem;font-family:var(--secondaryFont);font-weight:800;text-align:center;margin-top:-4%;color:var(--white);}

[data-type="community-banner"] .block-wrapper .right{text-align:center;}
[data-type="community-banner"] .block-wrapper .right h3{color:var(--gold);font-weight:800;font-family:var(--secondaryFont);font-size:2.5rem;margin-bottom:30px;position:relative}

[data-type="community-banner"] .block-wrapper .right h3::after{content:'';width:44px;height:3px;background-color:var(--white);display:block;margin:30px auto;}

[data-type="community-banner"] .block-wrapper .right div p{font-size:1.125rem;font-weight:500;line-height:140%;}
[data-type="community-banner"] .block-wrapper .right div p a{color:var(--white);text-decoration:underline;}

[data-type="community-banner"] .communityProduct{margin-left:25%;margin-top:30px;margin-bottom:30px;}
[data-type="community-banner"] .communityProduct .communityItem img{border-radius:20px;}
[data-type="community-banner"] .communityProduct .splide__arrows{position:absolute;bottom:16px;left:-60px;}
[data-type="community-banner"] .communityProduct .splide__arrows .splide__arrow--prev{right:2px;left:unset;}
[data-type="community-banner"] .communityProduct .splide__arrows .splide__arrow--next{left:2px;right:unset;}
[data-type="community-banner"] .communityProduct .splide__arrows .splide__arrow{background:#fefefe;opacity:1;}

[data-type="community-banner"] .popupwindow{display:none;width:360px;background-color:var(--white);border-radius:20px;padding:20px;position:absolute;top:50%;left:-5%;transform:translateY(-50%);opacity:0;transition: opacity 0.3s ease;z-index:999;}
[data-type="community-banner"] .popupwindow.show{display:block;opacity:1;}
[data-type="community-banner"] .close-popup{position:absolute;top:10px;right:10px;background-color:var(--black);width:20px;height:20px;border:none;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;}
[data-type="community-banner"] .close-popup::after{content:'';position:absolute;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1);background-image:url('../icons/close-lines.svg');}

[data-type="community-banner"] .popupwindow .image img{border-radius:20px;}
[data-type="community-banner"] .popupwindow .text{margin-top:20px;}
[data-type="community-banner"] .popupwindow .text h3{font-weight:600;font-size:1.375rem;margin-bottom:20px;color:var(--black);}
[data-type="community-banner"] .popupwindow .text p{font-style:italic;font-size:1.125rem;font-weight:400;line-height:130%;color:var(--black);}
[data-type="community-banner"] .popupwindow .socials{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px;}
[data-type="community-banner"] .popupwindow .socials a{display:flex;background-color:var(--black);border-radius:50%;width:32px;height:32px;text-decoration:none;color:var(--white);align-items:center;justify-content:center;}
[data-type="community-banner"] .popupwindow .socials a::after{content:'';position:absolute;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1);}
[data-type="community-banner"] .popupwindow .socials a.instagram::after{background-image:url('../icons/instagram.svg');}
[data-type="community-banner"] .popupwindow .socials a.facebook::after{background-image:url('../icons/facebook.svg');}
[data-type="community-banner"] .popupwindow .socials a.x::after{background-image:url('../icons/x.svg');}
[data-type="community-banner"] .popupwindow .socials a.tiktok::after{background-image:url('../icons/tiktok.svg');}
[data-type="community-banner"] .popupwindow .socials a.youtube::after{background-image:url('../icons/youtube.svg');}
[data-type="community-banner"] .popupwindow .socials a.website::after{background-image:url('../icons/website.svg');}

.product-bottom-wrapper[data-stock="false"] {display:flex;flex-direction:column;}
.product-button-wrapper[data-stock="false"] section[data-type="community-banner"] {order:2;}
.product-button-wrapper[data-stock="false"] section[data-product-block="other-products"] {order:1;}

.centimeter-calibration-cube {height:1cm;width:1cm;position:fixed;top:-9999px;right:-9999px;opacity:0;z-index:-10;}

.lightbox-content-hider {height:0px;width:0px;overflow:hidden;position:absolute;right:-9999px;top:-9999px;opacity:0;}

.fabric-full-scale .scale-container {position:relative;margin:auto;height:15cm;width:15cm;display:block;border:1px solid var(--black);object-fit:cover;}
.fabric-full-scale .scale-container .top-ruler {position:absolute;top:0;left:0;right:0;margin:auto;background-color:rgba(255, 255, 255,0.8);width:100%;height:25px;backgrop-filter:blur(5px);}
.fabric-full-scale .scale-container .side-ruler {position:absolute;top:0;left:0;bottom:0;margin:auto;height:100%;width:25px;background-color:rgba(255, 255, 255,0.8);backgrop-filter:blur(5px);}
.fabric-full-scale .scale-container div.cm {display:block;left:var(--measurement);position:absolute;font-size:12px;font-weight:300;height:8px;width:1px;background-color:var(--black);bottom:0;}
.fabric-full-scale .scale-container div.cm::after {content:attr(data-number);display:block;font-size:12px;font-weight:300;width:15px;text-align:center;bottom:10px;left:0;right:0;margin:auto;position:absolute;transform:translateX(-50%);}
.fabric-full-scale .scale-container div.mm {display:block;left:var(--measurement);position:absolute;height:2px;width:1px;background-color:var(--black);bottom:0;}
.fabric-full-scale .scale-container div.mm.center {height:4px;}
.fabric-full-scale .scale-container .side-ruler div.cm {width:8px;height:1px;left:unset;bottom:unset;right:0;top:var(--measurement);}
.fabric-full-scale .scale-container .side-ruler div.mm {left:unset;top:var(--measurement);right:0;width:2px;height:1px;}
.fabric-full-scale .scale-container .side-ruler div.mm.center {width:4px;}
.fabric-full-scale .scale-container .side-ruler div.cm::after {transform: rotate(-90deg) translateX(-50%);bottom:unset;left:-25px;top:-14px;}
.fabric-full-scale .scale-container .unit {position:absolute;top:0;left:0;font-weight:600;z-index:2;padding:5px;}
.fabric-full-scale .scale-container img {height:15cm;width:15cm;display:block;}

.aftercare-panel {height:auto !important;width:100%;max-width:90vw;}
.aftercare-panel .aftercare-wrapper {background-color:#FFF;border-radius:10px;padding:20px 30px;font-family:var(--primaryFont);display:flex;flex-direction:column;gap:20px;}
.aftercare-panel .aftercare-wrapper .aftercare-items {display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.aftercare-panel .heading {font-weight:600;font-size:25px;}
.aftercare-panel .aftercare-item {display:grid;grid-template-columns:40px 1fr;gap:20px;align-items:center;}
.aftercare-panel .aftercare-item .icon {width:40px;height:40px;}
.aftercare-panel .aftercare-item .name {font-size:16px;font-weight:600;}

@media (max-width:1400px)
{
    [data-type="community-banner"] .popupwindow{left:5%;}
}

@media (max-width:1200px)
{
    [data-type="community-banner"] .block-wrapper .featuredwrap{width:80%;}
}

@media (max-width:1080px)
{
    [data-type="main-product"] .main-product-panel {display:flex;flex-direction:column;}
}

@media (max-width:920px)
{
    [data-type="community-banner"] .block-wrapper{grid-template-columns:unset;}
    [data-type="community-banner"] .block-wrapper .headinglarge{font-size:4.25rem;}
}

@media (max-width:700px)
{
    [data-type="main-product"] {padding:0px 0px 40px 0px;}
    section[data-type="main-product"] > .container.main {padding:0;}
    [data-type="main-product"] .thumb-media-slider-wrapper .thumb-media-slider {display:none;}
    [data-type="main-product"] .thumb-media-slider-wrapper {margin-top:-50px;margin-bottom:16px;}
    [data-type="main-product"] .inspired-banner.panel {display:none;}
    [data-type="main-product"] .main-product-panel {gap:0px;}
    [data-type="main-product"] .splide__arrow {opacity:1;}
    [data-type="main-product"] .splide__arrow:disabled {opacity:0.5;}
    
    .aftercare-panel .aftercare-wrapper .aftercare-items {grid-template-columns:1fr;}
}

@media (max-width:500px)
{
    [data-product-block="other-products"] .other-products-wrapper .arrow-bar .title {font-size:22px;}
    [data-type="community-banner"] .block-wrapper .headinglarge{font-size:3.25rem;margin-top:-2%;}
    [data-type="community-banner"] .popupwindow{width:90%;}
    [data-type="community-banner"] .block-wrapper .right h3{font-size:2.125rem;}
    
    [data-type="main-product"] h1.product-name {font-size:20px;}
    [data-type="main-product"] .product-code {margin-top:-10px;}
    [data-type="main-product"] .stock-left {font-size:18px;}
}

@media (max-width:420px)
{
    [data-type="community-banner"] .communityProduct{margin-left:30%;}
    
    .quantity-wrapper .quantity-options {flex-wrap:wrap;}
    [data-type="main-product"] .main-product-panel .col {max-width:100vw;}
    .quantity-wrapper .quantity-options label::after {content:'Metres';}
    
    .aftercare-panel .aftercare-wrapper .aftercare-items {gap:10px;}
    .aftercare-panel .aftercare-item .icon {height:30px;width:30px;}
    .aftercare-panel .aftercare-item {grid-template-columns:30px 1fr;gap:15px;}
    .aftercare-panel .aftercare-item .name {font-size:14px;}
}