@font-face {
    font-family: "ChakraPetchLight";
    src: url("fonts/ChakraPetch-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchSemiBold";
    src: url("fonts/ChakraPetch-SemiBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchRegular";
    src: url("fonts/ChakraPetch-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchBold";
    src: url("fonts/ChakraPetch-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


:root {

    --fontFaimly_default: "ChakraPetchRegular", sans-serif;
    --fontFaimly_text: "ChakraPetchRegular", sans-serif;
    --fontFaimly_header: "ChakraPetchLight", sans-serif;
    --fontFaimly_button: "ChakraPetchBold", sans-serif;
    --fontFaimly_semi: "ChakraPetchSemiBold", sans-serif;


    --merchwork-color-font: #171618;

    --merchwork-color2-font: #ffca0d;


    --merchwork-color-th-background: black;
    --merchwork-color-th-font: white;
    --merchwork-color-td-font: black;


    --merchwork-red-color: #cd4628;
    --accounting-background-color: #fffdea;
    --accounting-border-color: #80808087;
    --accounting-font-color: black;

    --merchwork-color: #071321;
    --merchwork-color2: #17375c;
    --merchwork-body-background: rgba(4, 12, 22, 0.78);
    --merchwork-html-background: #02070d;
    --merchwork-body-text: #d9e0e9;
    --merchwork-body-text-inverted: #07101a;
    --merchwork-border-color: #223448;
    --merchwork-button-color: #246fc4;
    --merchwork-button-text: #ffffff;
    --merchwork-button-hover-color: #409cff;
    --merchwork-button-hover-text: #ffffff;
    --merchwork-link-text: #65aef7;
    --merchwork-header-background: rgba(1, 6, 12, 0.80);
    --merchwork-color-prodectshadow: rgba(19, 86, 161, 0.34);

    --outspace-panel: rgba(4, 13, 24, 0.78);
    --outspace-panel-strong: rgba(3, 10, 19, 0.92);
    --outspace-line: #1d3044;
    --outspace-line-light: #2b425a;
    --outspace-blue: #4aa2ff;
    --outspace-blue-soft: rgba(55, 148, 255, 0.16);
    --outspace-muted: #8d9bab;
}


* {
    box-sizing: border-box;
}

html {

    background-color: #02070d;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: var(--fontFaimly_default);
    background-position: center top;
    background-attachment: fixed;
    background-repeat: repeat, repeat;
    
    background-image: url(merchstore_bckgr.jpg);
}

body {
    height: 100%;
    color: var(--merchwork-body-text);
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    background:
        linear-gradient(180deg, rgba(1, 5, 10, 0.08), rgba(1, 5, 10, 0.40));
    font-family: var(--fontFaimly_default);

}

hr {
    border: transparent;
    border-top: 1px solid var(--merchwork-border-color);
}

.night input,
.night select{
    color: white;
    background: #2b335d;
}

legend {
    color: #22364a;

}
.night legend {
    color: white;

}
label {
    color: white;

}
.night label {
    color: white;

}

button {
    font-family: "Inter", sans-serif;
}


@media (max-width: 767px) {

    body {
        min-width: unset;
        width: auto;
    }
}


a,
a:link,
a:active,
a:visited {
    text-decoration: underline;
    color: var(--merchwork-link-text);
}


a:hover{
    color: var(--merchwork-link-text);
    text-decoration: none;
}


.button {
    display: inline-block;
    margin: 5px 0 0px;
    padding: 0px 22px;
    background: linear-gradient(180deg, #328dea 0%, #1762b7 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 0px 16px rgba(17, 93, 174, 0.28);
    color: white !important;
    height: 45px;
    line-height: 44px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--merchwork-button-color);
    text-decoration: none !important;
    white-space: nowrap;
}

.button:hover {
    background:
    linear-gradient(180deg, #46a5ff 0%, #2375cc 100%);
    color: #fff;
    border-color: #7bc0ff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 8px 16px rgba(17, 93, 174, 0.48);
}

.categories {

    color: black;
    font-family: var(--fontFaimly_button);
    background-color: var(--merchwork-header-background);
}

.categories a {

    color: var(--merchwork-body-text);
}


.categories > ul {
    display: flex;

    list-style: none;
    margin: 0px auto 0px auto;


    align-items: center;
}

@media (max-width: 767px) {

    .categories > ul {
        width: 100%;
        margin: 0px auto;
    }
}

.categories a {
    text-decoration: none;
}


.categories li {
    position: relative;
}


.categories > ul > li > .caname {


    cursor: pointer;
    white-space: nowrap;

}


.categories ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;

    list-style: none;
    margin: 0;
    padding: 8px 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s;
    z-index: 1000;
}


.categories ul ul ul {
    top: 0;
    left: 100%;
}


.categories li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: .1s;
}


.categories ul ul li .caname {
    display: block;
    padding: 10px 16px;

    cursor: pointer;
}


.categories li:has(ul) > .caname::after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid var(--merchwork-body-text);
    border-right: unset;
}

.categories > ul > li:has(ul) > .caname::after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(100% - 8px);
    border-top: 5px solid var(--merchwork-body-text);
    border-bottom: unset;

    bottom: unset;

}


@media (hover: none), (max-width: 767px) {
    .categories ul ul {
        width: 100%;
        opacity: 1;
        visibility: visible;
        position: relative;
        padding: 5px;
        transform: none;
    }


    .categories > ul {
        flex-direction: column;
        height: auto;
        align-items: stretch;
        gap: 0px;
        padding: 0px;
    }

    .categories > ul > li > .caname {
        line-height: 44px;

    }
}


a img {
    border: 0px;
}


.order-id {
    background-color: var(--accounting-background-color);
    border: 1px solid var(--accounting-border-color);
    border-radius: 4px;
    white-space: nowrap;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 800;
    color: var(--accounting-font-color);
}


.container {
    position: relative;
    margin: 0px auto 0px auto;


}

.container.categories {
    position: relative;
    margin: 0px auto 0px auto;


}

@media (max-width: 767px) {

    .container {
        min-width: unset;
        width: calc(100% - 10px);
        margin: 0px auto;
    }

    .container.header {
        min-width: unset;
        
        margin: 0px auto;
        padding: 0px 10px;
    }

}

.bckground-header {
    position: relative;
    background-color: var(--merchwork-header-background);
    background:
        linear-gradient(180deg, rgba(1, 6, 12, 0.96), rgba(1, 6, 12, 0.76));
    border-top: 1px solid rgba(90, 124, 160, 0.20);
    border-bottom: 1px solid rgba(90, 124, 160, 0.20);
    backdrop-filter: blur(14px);
}

.container.header {
    position: relative;

    z-index: 99;

}

.container.list,
.container.product-detail,
.container.cms,
.container.checkout,
.container.bigcart,
.container.hpbanner,
.container.order{
    background-color: var(--merchwork-body-background);
}


.container.cms {
    padding: 1px 0px 80px;
}

.container.list {

    padding: 1px 0px 80px;
}

.container.hpbanner{
    padding: 0px 0px 20px 0px;
}


.category-description {
    display: block;
    position: relative;
    padding: 40px 0px 0px 0px;
    margin: 40px 0px 0px 0px;
    text-align: center;
    line-height: 1.4;
}

.category-description:before {
    content: "";
    display: block;
    position: absolute;
    height: 7px;
    top: 0px;
    width: 40%;
    left: 30%;
    background: linear-gradient(253deg, var(--merchwork-color2), var(--merchwork-color));
    border-radius: 5px;

}

.night .category-description:before {
    filter: brightness(2.2) saturate(2);
}

h1.hpheader {
    text-align: center;
    text-transform: uppercase;
    font-size: 31px;
    font-weight: 800;
    clear: both;
}

.container {
    width: min(94%, 1200px);
    max-width: 1200px;
    min-width: 0;
}

.container.categories {
    width: 100%;
    max-width: none;
}

.container.list .products {

    justify-items: start;
    align-items: start;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    padding: 5px 0px 0px 0px;
    margin-right: -1px;
    margin-bottom: -1px;
    overflow: hidden;

}


.container.list .products .product {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;


}
.container.list .products .product:before {
    content: "";

    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);

}

.container.list .products .product .neniskladem {
    padding: 0px;

    position: absolute;
    bottom: calc(100% - 306px);
    left: 0px;
    right: 0px;
    text-align: center;
}


.container.list .products .product .name {
    position: absolute;

    display: block;
    width: 100%;

    transform: translateY(50%);
    bottom: calc(100% - 318px);
    z-index: 1;
    font-size: 19px;
    line-height: 23px;
    text-align: center;
    padding: 0px 10px;
    margin: 0px;
    cursor: pointer;
}


.container.list .products .product .name a {
    text-decoration: none;

    font-weight: 500;
}

.container.list .products .product .variants {
    position: absolute;
    width: 100%;
    bottom: calc(100% - 286px);
    z-index: 1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(auto, auto);
    justify-content: center;
    align-items: center;
    justify-items: center;
    gap: 3px;
    padding: 0;
    margin: 0;
    list-style: none;
   
}

@media (max-width: 767px) {
    .container.list .products .product .variants {
        bottom: calc(100% - 273px);
    }
}

@media (max-width: 530px) {
    .container.list .products .product .variants {
        display: none;
    }
}


.container.list .products .product .variants .variant {
    padding: 0px 6px;
    /* font-weight: 600; */
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    border-radius: 3px;
    color: var(--merchwork-button-text);
    background: #051629;
    /*border: 1px solid #1c324b;*/
    text-decoration: none;
}


.container.list .products .product .price {
    position: absolute;
    overflow: hidden;
    display: block;
    width: 100%;
    bottom: calc(100% - 375px);
    z-index: 1;
    font-size: 22px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}


.container.list .products .product .images {

    display: block;
    position: absolute;
    top: 20px;
    left: 10px;
    right: 10px;
    height: 215px;

}


.container.list .products .product .images .mainimage {
    opacity: 0;
    transform: scale(1);

    transition: opacity 0.25s ease, transform 0.25s ease, background-image 0.25s ease;

    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 215px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    filter: drop-shadow(0px 0px 20px var(--merchwork-color-prodectshadow));

}


.container.header .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.night .container.header .logo .mainlogo {

    filter: invert(0);
}


.container h1 {
    font-size: 35px;
    text-align: center;

    text-transform: uppercase;
    font-weight: 400;
    padding: 15px;
    margin: 0px;
}


.container.list p {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;

}

.container.cms h2 {
    margin: 0px;
    padding: 10px 20px;
    font-size: 19px;
    font-weight: 300;
}

.container.cms p {
    margin: 0px;
    padding: 10px 50px;

}

.container.cms ul {
    padding: 0px 0px 0px 100px;
    margin: 5px;
}

.container.cms ul li {
    list-style-type: square;
}

.container.header {
    height: 92px;
}

.container.header .logo {
    top: 15px;
}

.container.header .logo .mainlogo {
    height: 62px;
    width: auto;
    filter: none;
}

.container.header .header-links {
    position: absolute;

    right: 0px;
    align-items: stretch;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;

    width: max-content;
    top: 50%;
    transform: translateY(-50%);
    gap: 10px;
    padding: 0px;
    margin: 0px;


}


.container.header  .header-links li {
    display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    position: relative;

}
.container.header .header-links li a {
    text-decoration: none;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    margin: 0;
    color: #e6ebf1;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #1e2c3a;
    border-radius: 10px;
    background: rgba(4, 10, 17, 0.62);
}
.container.header  .header-links li a:hover {
    color: #fff;
    background: rgba(38, 91, 151, 0.24);
    border-color: #396b9e;
}

.container.header .header-links li select {
    height: 30px;
}




.bigscreen {
    position: relative;
    aspect-ratio: 3;

    background-position: top right;
    background-repeat: no-repeat;

    background-size: cover;

}


.cleaner {
    clear: both;
    font-size: 1px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}


.footer {
    padding: 20px 0px 150px;


}

.footer .container .footer-columns {
    display: grid;
    list-style-type: none;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    justify-items: start;
    align-items: start;
    justify-content: center;

    margin: 25px 0px 60px 0px;
    padding: 0px 20px;
}

.footer .container .footer-columns > li:nth-child(3n/**/+1) {
    justify-self: start;
}
.footer .container .footer-columns > li:nth-child(3n/**/+2) {
    justify-self: right;
    text-align: right;
}
.footer .container .footer-columns > li:nth-child(3n/**/+3) {
    justify-self: end;
}

.footer .container .footer-columns .footer-column ul{
    margin: 0px;
    padding: 0px;
}

.footer .container .footer-columns .footer-column ul li{
    margin: 10px 0px;
    list-style-type: none;
}


.footer .container .payments {
    display: grid;
    text-align: center;
    list-style-type: none;
    grid-template-columns: repeat(auto-fit, minmax(50px, 50px));
    grid-gap: 10px;
    justify-items: start;
    align-items: start;
    justify-content: center;
    margin: 20px 0px;
    padding: 0px;
    opacity: 1;
}

.night .footer .container .payments {
    opacity: 0.5;
}

@media (max-width: 900px) {
    .footer .container .footer-columns {
        grid-template-columns: 1fr;
    }

    .footer .container .footer-columns > li:nth-child(3n/**/+3) {
        justify-self: center;
    }
}


#slides {

    position: relative;
    margin: 0px;
    padding: 0px;
}


#slides {
    display: none
        ;
}






.orderdiv {
    position: relative;
}

.price {
    display: block;
    padding: 15px 10px;
}


.emptycart {
    text-align: center;
    padding: 60px;
}


.carttable {
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}

.carttable th {
    background-color: var(--merchwork-color-th-background);
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid rgb(204,204,204);
    color: var(--merchwork-color-th-font);
    padding: 15px 5px 5px 5px;
    text-align: left;
}

.night .carttable th {
    background-color: var(--merchwork-border-color);
    border-bottom: 1px solid var(--merchwork-border-color);
    color: var(--merchwork-color-td-font);
}


.carttable td,
.carttable th{
    padding: 10px 15px;
    border-color: var(--merchwork-border-color);
}


.carttable td {
    font-size: 17px;
    font-weight: normal;
    border-bottom: 1px solid var(--merchwork-border-color);
}

.carttable td .itemname {
    font-size: 17px;
    font-weight: bold;

}

.carttable td .itemname a:hover {
    text-decoration: underline;
}

.carttable td .minqtytag {
    font-size: 14px;
    font-weight: normal;

    display: block;
}

.carttable td.image-column {
    text-align: center;
    padding-top: 10px;
    width: 140px;
    padding-left: 0px;
    padding-right: 0px;
}

.carttable td.name-column {
    padding-left: 20px;

}

.carttable td.remove-column {
    padding-top: 10px;
    width: 35px;
    text-align: right;
    border-left: 1px solid var(--merchwork-border-color);
}

.carttable td.remove-column img {
    cursor: pointer;
    width: 16px;
    opacity: 0.5;
    transition: opacity .25s ease;
    filter: invert(1);
}

.carttable td.remove-column {
    padding-right: 0px;
}

.carttable tr:hover td.remove-column img {
    opacity: 1;
}


.carttable td.qty-column {
    text-align: right;
}

.carttable th.qty-column {
    text-align: right;
}

.carttable th.price-column {
    text-align: right;
}

.carttable td.price-column {
    text-align: right;

}

.carttable td.price-column.tdoldprice {
    text-decoration: line-through;
}

.carttable td.price-column.tdyourprice {
    font-size: 18px;
    border-right: 1px solid var(--merchwork-border-color);
}

.carttable td.total-column {
    text-align: right;
}


@media (hover: none), (max-width: 767px) {
    .carttable .image-column {
        display: none;
    }

    .carttable td.remove-column img {
        opacity: 0.5;
    }
}

.orderlink button {
    display: inline-block;
    margin: 5px 0 0px;
    padding: 8px 22px;
    background: var(--merchwork-button-color);
    color: var(--merchwork-button-text);

    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--merchwork-button-color);
}

.orderlink button:hover {
    background: black;
    color: white;
    border-color: var(--outspace-blue, #4aa2ff);
    box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
}

.orderdiv {
    text-align: right;
}

.orderdiv button {
    width: auto;
    margin: 20px 0 12px;
    padding: 16px 54px;
    background: var(--merchwork-button-color);
    color: white;
    border: 1px solid var(--merchwork-button-color);
    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.orderdiv button:hover {
    background: black;
    color: white;
}

.padder {
    padding: 30px 0px 120px;
    overflow: hidden;
}

.product-detail .padder {
    padding-top: 0px;

}
.vatinf {
    font-size: 11px;
}

.product-detail-grid {
    display: grid;
}

.product-detail-grid .images {
    position: relative;
    display: block;
    width: 100%;

}

.product-detail-grid .images:before {
    content: "";

    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);

}

.product-detail-grid .mainimage-wrap {
    position: absolute;

}

.product-detail-grid .mainimage {
    width: 100%;
    height: 100%;


    background-repeat: no-repeat;

    cursor: zoom-in;


}


.product-detail-grid .effectimage {
    position: absolute;
    display: block;
    width: 100%;
    top: 0px;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    mix-blend-mode: multiply;
    visibility: hidden;
    z-index: 1000000990;
}


.product-detail-grid .thumbs-vertical {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;


}

.product-detail-grid .thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;


}


.product-detail-grid .info {
    position: relative;
    display: flex;
    flex-direction: column;

    margin: 0px 0px 0px 0px;
}

.product-detail-grid .info:before {
    content: "";

    top: 0px;

    bottom: 0px;
    width: 1px;
    left: -15px;
    position: absolute;
    pointer-events: none;
}

.product-detail-grid .product-name {


    text-align: left;
}


.product-detail-grid .price {


    margin: 0px 0px 0px 0px;

}


.product-icons .icon {
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 4px;

    font-weight: 600;
    line-height: 1;
}

.product-icons .sex {
    background-color: #e6f0ff;
}

.product-icons .body {
    background-color: #f5f5f5;
}

.night .product-icons .body {
    background-color: #f5f5f5;
    filter: invert(1);
}

.badge-brand {
    display: grid;
    grid-template-columns: minmax(50%, 100px) 1fr;
    width: 100%;
    font-size: 12px;
    font-weight: 600;

    gap: 15px;

    margin: 10px 0px 0px;
    list-style: none;
    align-items: center;

}


.badge-brand > a {
    display: block;
    text-decoration: none;
}

.badge-brand .bimg{
    min-height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;

}
.night .badge-brand .bimg{
    filter: invert(1);
}


.badge-brand .bhtml{

    font-size: 13px;
    font-weight: 400;

}

.badge-brand .bhtml strong{
    display: block;
}


@media (max-width: 900px) {
    .product-detail-grid {
        grid-template-columns: 1fr;
    }

    .product-detail-grid .images {
        grid-template-columns: 1fr;
    }

    .thumbs-vertical {
        flex-direction: row;
        order: 2;
    }
}


.personalization a,
.offers a{

    font-weight: 500;
}

.personalization {
    display: flex;
    align-items: center;
    gap: 8px;
}

.personalization .plus {
    color: var(--merchwork-button-color);
    font-weight: 700;
}

.personalization .price {


    font-size: unset;
    margin: unset;
    padding: unset;
}

.quantity {
    display: flex;


}



.product-detail-grid .qty {
    display: flex;
    align-items: center;

}

.product-detail-grid .qty button {


    cursor: pointer;


    line-height: 26px;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.product-detail-grid .qty button:hover {
    background-color: var(--merchwork-button-hover-color);


}

.product-detail-grid .qty input {

    text-align: center;


    padding-left: 17px;
    border-radius: 3px;
}




.btn-primary:disabled {
    opacity: .5;
    cursor: not-allowed;
}



.offers {
    margin-top: 10px;
    font-size: 13px;
}


.alternative-list {
    display: grid;
    text-align: center;
    list-style-type: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.alternative-list > a{
    cursor: pointer;
}


.alternative-list .alternative {
    cursor: pointer;
    text-align: center;
    overflow: hidden;
}

.alternative-list .alternative .alternative-image {
    width: 100%;
    aspect-ratio: 1/1;
    min-height: unset;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: outline .2s;
    cursor: unset;
}


.variant-list {
    display: grid;
    text-align: center;
    list-style-type: none;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}


.variant-list > a{
    cursor: pointer;
}


.variant-list .variant {
    cursor: pointer;
    text-align: center;
    overflow: hidden;
}

.variant-list .variant .variant-image {
    width: 100%;
    aspect-ratio: 1/1;
    min-height: unset;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: outline .2s;
    cursor: unset;
}


.variant-boxes {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(auto, auto);
    justify-content: left;
    align-items: center;
    justify-items: center;

    padding: 0;
    margin: 6px 0px 0px 0px;
    list-style: none;
}

.variant-boxes .variant-box {


    cursor: pointer;


}

.variant-boxes .variant-box.active {
    background-color: var(--merchwork-button-hover-color);


}

.size-guide {
    margin-left: 12px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: 500;

}

.size-guide-panel {
    position: absolute;
    right: 0;
    top: 28px;
    min-width: 360px;
    background: #111;

    border-radius: 8px;
    padding: 16px;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 10;
    color: var(--merchwork-body-text-inverted);
}


.size-guide-panel.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.size-guide-panel table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: var(--merchwork-body-text-inverted);
}

.size-guide-panel th,
.size-guide-panel td {
    padding: 4px 9px;
    border-bottom: 1px solid #333;
    text-align: left;
}

.size-guide-close {
    position: absolute;
    top: 6px;
    right: 8px;
    background: none;
    border: 0;
    filter: invert(1);
    font-size: 18px;
    cursor: pointer;
}


.checkoutform {

    margin: 0 auto;
    display: grid;
    gap: 50px;
    justify-content: center;
    grid-template-columns: 490px minmax(100px, 760px);
}

@media (max-width: 767px) {
    .checkoutform {
        grid-template-columns: 1fr;
    }
}

.checkoutform fieldset {
    border: 1px solid var(--merchwork-border-color);
    border-radius: 8px;
    padding: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 24px;
    margin: 0px 0px 40px 0px;
}


.checkoutform legend {
    color: white;

}

.checkoutform label {
    display: flex;
    flex-direction: column;
    font-size: 17px;

    gap: 6px;
}

.checkoutform input,
.checkoutform select {
    height: 44px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 15px;

    transition: border-color 0.2s, box-shadow 0.2s;
}

.checkoutform fieldset label.label-jmeno,
.checkoutform fieldset label.label-delivery,
.checkoutform fieldset label.label-payment {
    grid-column: span 2;
}

@media (max-width: 720px) {
    .checkoutform fieldset {
        grid-template-columns: 1fr;
    }

    .checkoutform fieldset label {
        grid-column: span 1;
    }


}

.checkoutform fieldset label.label-delivery .dummy-info {
    display: block;
    color: #4f82b9;
    text-align: center;
    padding: 7px 0px 0px;
}

.checkoutform .payments {
    display: grid;
    text-align: center;
    list-style-type: none;
    grid-template-columns: repeat(auto-fit, minmax(50px, 50px));
    grid-gap: 10px;
    justify-items: start;
    align-items: start;
    justify-content: center;
    margin: 35px 0px;
    padding: 0px;
}

.checkoutform p {
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
}

.ordertable {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

.ordertable th {
    background-color: rgb(231,231,231);
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid rgb(204,204,204);
    color: gray;
    padding: 15px 5px 5px 5px;
    text-align: left;
}

.ordertable td,
.ordertable th {
    padding: 10px 15px;
}

.ordertable td {
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid rgb(231,231,231);
}

.ordertable td .itemname {
    font-size: 14px;
    font-weight: bold;

}

.ordertable td.image-column {
    text-align: center;
    padding-top: 10px;
    width: 140px;
    padding-left: 0;
    padding-right: 0;
}

.ordertable td.name-column {
    padding-left: 20px;
}

.ordertable td.qty-column,
.ordertable th.qty-column {
    text-align: right;
}

.ordertable td.price-column,
.ordertable th.price-column {
    text-align: right;
}

.ordertable td.price-column.tdyourprice {
    font-size: 18px;
}

.ordertable tr.totalrow td {


}

.ordertable td.total-column,
.ordertable td.name-column {
    text-align: right;
}

@media (hover: none), (max-width: 767px) {
    .ordertable .image-column {
        display: none;
    }
}

.order-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px 30px;
    margin: 20px 0 30px 0;
    padding: 15px 20px;
    border-radius: 4px;
    font-weight: 600;
    background-color: var(--accounting-background-color);
    border: 1px solid var(--accounting-border-color);
    color: var(--accounting-font-color);
}

.order-summary > div {
    font-size: 14px;
    color: #333;
}

.order-summary strong {
    display: inline-block;

    padding: 0px 10px 0px 0px;
    font-weight: 800;
    color: var(--accounting-font-color);
}

@media (max-width: 767px) {
    .order-summary {
        grid-template-columns: 1fr;
        padding: 15px;
    }
}

.icon.sex-F:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.7'/%3E%3Cpath d='M12 11.7v8.3'/%3E%3Cpath d='M8.8 16.8h6.4'/%3E%3C/svg%3E");
    background-size: 25px;
}

.icon.sex-M:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='14.5' r='3.7'/%3E%3Cpath d='M12.1 11.9 18.7 5.3'/%3E%3Cpath d='M14.8 5.3h3.9v3.9'/%3E%3C/svg%3E");
    background-size: 25px;
}

.icon.sex-U:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8.5' cy='13.8' r='3.2'/%3E%3Cpath d='M8.5 17v4'/%3E%3Cpath d='M6 19h5'/%3E%3Ccircle cx='15.3' cy='9.3' r='2.8'/%3E%3Cpath d='M17.3 7.3 20.5 4.1'/%3E%3Cpath d='M17.9 4.1h2.6v2.6'/%3E%3C/svg%3E");
    background-size: 25px;
}

.icon.sex-K:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6.3' r='2.3'/%3E%3Cpath d='M8.8 19.5 9.6 12c.2-1.8 1-2.8 2.4-2.8s2.2 1 2.4 2.8l.8 7.5'/%3E%3Cpath d='M9.7 12.4 7.8 15.8'/%3E%3Cpath d='M14.3 12.4 16.2 15.8'/%3E%3C/svg%3E");
    background-size: 25px;
}

.product-icons.figure-shape .icon {
    width: 33px;
    height: 55px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}


.icon.fit-1:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.5 7 8.7 7.3 8.1 7.9L6.4 11.7M13.7 6.8C14.5 7 15.3 7.3 15.9 7.9L17.6 11.7M8.4 7.7C8.7 10 9.7 11.5 10 13.4C10.2 15.1 9.8 17.8 9.7 20H14.3C14.2 17.8 13.8 15.1 14 13.4C14.3 11.5 15.3 10 15.6 7.7'/%3E%3C/svg%3E");
}

.icon.fit-2:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.5 7 8.7 7.3 8 7.9L6.3 11.7M13.7 6.8C14.5 7 15.3 7.3 16 7.9L17.7 11.7M8.3 7.7C8.5 10 9.4 11.5 9.7 13.4C9.9 15.1 9.6 17.8 9.5 20H14.5C14.4 17.8 14.1 15.1 14.3 13.4C14.6 11.5 15.5 10 15.7 7.7'/%3E%3C/svg%3E");
}

.icon.fit-3:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.4 7 8.6 7.3 7.9 7.9L6.2 11.7M13.7 6.8C14.6 7 15.4 7.3 16.1 7.9L17.8 11.7M8.2 7.7C8.3 10 9.1 11.5 9.4 13.4C9.6 15.2 9.3 17.8 9.2 20H14.8C14.7 17.8 14.4 15.2 14.6 13.4C14.9 11.5 15.7 10 15.8 7.7'/%3E%3C/svg%3E");
}

.icon.fit-4:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.4 7 8.5 7.3 7.8 7.9L6.1 11.7M13.7 6.8C14.6 7 15.5 7.3 16.2 7.9L17.9 11.7M8.1 7.7C8.1 10 8.8 11.5 9 13.4C9.2 15.3 9 17.8 8.9 20H15.1C15 17.8 14.8 15.3 15 13.4C15.2 11.5 15.9 10 15.9 7.7'/%3E%3C/svg%3E");
}

.icon.fit-5:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.3 7 8.4 7.3 7.7 7.9L6 11.7M13.7 6.8C14.7 7 15.6 7.3 16.3 7.9L18 11.7M8 7.7C7.9 10 8.5 11.5 8.6 13.5C8.7 15.4 8.7 17.8 8.6 20H15.4C15.3 17.8 15.3 15.4 15.4 13.5C15.5 11.5 16.1 10 16 7.7'/%3E%3C/svg%3E");
}

.icon.fit-6:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.3 7 8.3 7.3 7.6 7.9L5.9 11.7M13.7 6.8C14.7 7 15.7 7.3 16.4 7.9L18.1 11.7M7.9 7.7C7.6 9.9 8.1 11.4 8.1 13.5C8.1 15.5 8.4 17.8 8.3 20H15.7C15.6 17.8 15.9 15.5 15.9 13.5C15.9 11.4 16.4 9.9 16.1 7.7'/%3E%3C/svg%3E");
}

.icon.fit-7:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.2 7 8.2 7.3 7.5 7.9L5.8 11.7M13.7 6.8C14.8 7 15.8 7.3 16.5 7.9L18.2 11.7M7.8 7.7C7.3 9.9 7.7 11.4 7.6 13.6C7.5 15.7 8 17.9 8 20H16C16 17.9 16.5 15.7 16.4 13.6C16.3 11.4 16.7 9.9 16.2 7.7'/%3E%3C/svg%3E");
}

.icon.fit-8:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.2 7 8.1 7.3 7.4 7.9L5.7 11.7M13.7 6.8C14.8 7 15.9 7.3 16.6 7.9L18.3 11.7M7.7 7.7C7 9.8 7.2 11.4 7.1 13.7C7 15.9 7.6 18 7.7 20H16.3C16.4 18 17 15.9 16.9 13.7C16.8 11.4 17 9.8 16.3 7.7'/%3E%3C/svg%3E");
}

.icon.fit-9:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4.3' r='2.1'/%3E%3Cpath d='M10.3 6.8C9.1 7 8 7.3 7.3 7.9L5.6 11.7M13.7 6.8C14.9 7 16 7.3 16.7 7.9L18.4 11.7M7.6 7.7C6.7 9.8 6.7 11.4 6.5 13.8C6.3 16.1 7.2 18.1 7.4 20H16.6C16.8 18.1 17.7 16.1 17.5 13.8C17.3 11.4 17.3 9.8 16.4 7.7'/%3E%3C/svg%3E");
}

.swich-day-night {
    display: none;

    width: 26px;
    height: 26px;
    background-image: url("/img/ico/dn-icon.png");
    background-size: contain;
    margin: 4px;
    cursor: pointer;
    transition: filter 0.1s linear;
    filter: invert(1);
}

html.night .swich-day-night {
    filter: invert(0.5);
}


html.day .swich-day-night {
    filter: invert(1);
}


#card-element {
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

#card-errors {
    color: #e5424d;
    font-size: 15px;
    margin-top: 8px;
}

#dpd-widget-container {
    min-height: 600px;
}




.checkoutform button:disabled {
    cursor: not-allowed;
    background: linear-gradient(180deg, #535252 0%, #232323 100%);
    box-shadow: none;
    border: 1px solid #454545;
    color: #7f7f7f !important;
   
}


.checkoutform .cardlabel {
    text-align: center;
    margin: 45px 0px 13px;
}

.checkoutform .cardlabel .payments {
    padding: 0px;
    margin: 18px 0px;
}



.checkoutform .label-payment {
    display: block;
    grid-column: 1 / -1;
    text-align: center;


}
.checkoutform .cardlabel .payment-secured {
    display: block;
    opacity: 0.5;
}

.checkoutform .cardlabel .payment-secured a{
    display: block;
    margin-top: 5px;
}

.checkoutform .cardlabel .payment-secured svg{
    margin: 0px 5px;
    filter: invert(1);
}


.bottom-checkout{
    margin: 80px 5px 20px 5px;
}

.bottom-checkout p{
    font-size: 14px;
    text-align: center;
    line-height: 21px;
}

.night .bottom-checkout p{
    opacity: 0.5;
}





button,
input,
select,
textarea {
    font-family: var(--fontFaimly_default);
}





.categories {
    position: relative;
    background: rgba(1, 6, 12, 0.70);
    border-bottom: 1px solid #172637;
    backdrop-filter: blur(12px);
    z-index: 1000;
}

.categories > ul {
    width: min(94%, 1560px);
    height: 58px;
    gap: 6px;
    padding: 0;
}

.categories > ul > li > .caname {
    line-height: 58px;
    padding: 0 18px;
    color: #e3e8ee;
    font-family: var(--fontFaimly_semi);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.categories > ul > li > .caname:hover {
    color: #fff;
}

.categories ul ul {
    background: rgba(5, 12, 21, 0.97);
    border: 1px solid #24364a;
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.categories ul ul li .caname {
    color: #dce4ed;
}

.categories ul ul li .caname:hover {
    color: #fff;
    background: rgba(53, 129, 212, 0.18);
}


.container.list,
.container.product-detail,
.container.cms,
.container.checkout,
.container.bigcart,
.container.hpbanner,
.container.order {
    background: transparent;
}

.container h1 {
    font-family: var(--fontFaimly_header);
    letter-spacing: 0.025em;
    font-size: clamp(28px, 4vw, 42px);
}

.terms {
    
}

.product-detail-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(500px, 0.95fr);
    gap: 34px;
    align-items: stretch;
    margin-top: 28px;
    margin-bottom: 50px;
}

.product-detail-grid .images {
    min-height: 720px;
    border-radius: 20px;

    z-index: 10;
}

.product-detail-grid .images:before {
    background:
        radial-gradient(circle at 50% 55%, rgba(30, 91, 156, 0.13), transparent 52%),
        linear-gradient(180deg, rgba(3, 10, 18, 0.05), rgba(2, 8, 15, 0.20));
    border: 1px solid rgba(39, 62, 86, 0.22);
    border-radius: 20px;
}

.product-detail-grid .mainimage-wrap {
    inset: 0 0 0 0;
    border-radius: 20px;
    overflow: hidden;
}

.product-detail-grid .mainimage {
    min-height: 700px;
    max-height: 840px;
    background-size: contain;
    background-position: center center;
    filter: drop-shadow(0 30px 35px rgba(0, 0, 0, 0.48));
}

.product-detail-grid .mainimage {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: zoom-in;
}

.product-detail-grid .mainimage.zoomed {
    background-size: auto;
    cursor: grab;
    touch-action: none;
}

.product-detail-grid .mainimage.zoomed:active {
    cursor: grabbing;
}

.product-detail-grid .thumbs-vertical {
    width: 82px;
    padding: 18px 0 18px 8px;
    gap: 14px;
}

.product-detail-grid .thumb {
    border-radius: 10px;
    border: 1px solid #28415a;
    background-color: rgba(4, 12, 21, 0.72);
    opacity: 0.78;
    transition:
        opacity .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.product-detail-grid .thumb:hover,
.product-detail-grid .thumb.active,
.product-detail-grid .thumb.selected {
    opacity: 1;
    border-color: var(--outspace-blue);
    box-shadow:
        0 0 0 1px rgba(74, 162, 255, 0.30),
        0 0 18px rgba(53, 143, 245, 0.24);
    transform: translateX(2px);
}


.product-detail-grid .info {
    gap: 13px;
    padding: 10px 38px 28px;
    border: 1px solid #213348;
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(8, 19, 32, 0.91), rgba(2, 10, 19, 0.91));
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
    backdrop-filter: blur(12px);
}

.product-detail-grid .info:before {
    display: none;
}

.product-detail-grid .product-name {
    padding: 8px 0 2px;
    margin: 0;
    color: #f0f3f7;
    font-family: var(--fontFaimly_semi);
    font-size: clamp(28px, 2.1vw, 38px);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}



.product-detail-grid .price {
    padding: 8px 0 4px;
    color: var(--outspace-blue);
    font-family: var(--fontFaimly_semi);
    font-size: 35px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .015em;
}


.info-section {
    padding: 16px 0 0;
    border-top: 1px solid var(--outspace-line);
    color: #cbd3dc;
    font-size: 15px;
    line-height: 1.55;
}



.badge-brand {
    margin-top: 4px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--outspace-line);
}

.badge-brand .bhtml {
    color: #aeb9c5;
}

.badge-brand .bimg {
    
}

.product-icons {
    gap: 8px;
}

.product-icons .icon {
    border: 1px solid #24394f;
    background-color: rgba(10, 26, 43, 0.72);
}

.product-icons .sex,
.product-icons .body {
    background-color: rgba(10, 26, 43, 0.72);
}


.variant-boxes {
    gap: 8px;
    margin-top: 9px;
}

.variant-boxes .variant-box {
    min-width: 46px;
    height: 42px;
    padding: 0 13px;
    color: #e2e8ef;
    background: rgba(4, 11, 20, 0.72);

    border: 1px solid #4aa2ff;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, opacity .18s ease;
    background: linear-gradient(180deg, #328dea 0%, #1762b7 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 8px 26px rgba(17, 93, 174, 0.28);
}

.variant-boxes .variant-box:hover {
    background:
        linear-gradient(180deg, #46a5ff 0%, #2375cc 100%);
    border-color: #7bc0ff;
    color: #fff;

}

.variant-boxes .variant-box.active {
    color: #fff;
    background:
        linear-gradient(180deg, #46a5ff 0%, #2375cc 100%);
    border-color: white;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20), 0 8px 26px rgba(17, 93, 174, 0.28);
}

.size-guide {
    color: #86bdf4;
}


.quantity {
    justify-content: center;
    grid-auto-flow: column;
    grid-auto-columns: minmax(auto, auto);
    justify-content: center;

    list-style: none;
    display: grid;

    grid-gap: 36px;
}



.product-detail-grid .qty {
    height: 52px;
    gap: 0;
    padding: 0 4px;
    border: 1px solid #24374b;
    border-radius: 100px;
    background: rgba(2, 9, 17, 0.68);
}

.product-detail-grid .qty button {
    width: 38px;
    height: 38px;
    color: #d8e1eb;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 22px;
    font-weight: 400;
    border-radius: 43px;
}

.product-detail-grid .qty button:hover {
    color: #fff;
    background: rgba(53, 134, 219, 0.14);
}

.product-detail-grid .qty input {
    width: 52px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
    font-size: 18px;
}

.btn-primary{
    min-height: 54px;
    margin: 0;
    padding: 13px 28px;
    border: 1px solid #4aa2ff;
    border-radius: 8px;
    color: #fff;
    background:
        linear-gradient(180deg, #328dea 0%, #1762b7 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        0 8px 26px rgba(17, 93, 174, 0.28);
    font-family: var(--fontFaimly_semi);
    font-size: 17px;
    letter-spacing: .03em;
    text-transform: uppercase;
    cursor: pointer;
}



.btn-primary:hover{
    background:
        linear-gradient(180deg, #46a5ff 0%, #2375cc 100%);
    border-color: #7bc0ff;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
}


.free-delivery {
    padding: 13px 16px;
    border: 1px solid #1f3348;
    border-radius: 8px;
    background: rgba(7, 22, 37, 0.66);
    color: #c7d2de;
}

.free-delivery .check {
    color: var(--outspace-blue);
    margin-right: 6px;
}


.delivery-time {
    padding: 13px 16px;
    border-radius: 8px;
    background: rgba(7, 22, 37, 0.66);
    color: #c7d2de;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.delivery-time .check {
    display: inline-block;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    margin-right: 2px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3z'/%3E%3Cpath d='M14 10h3l4 4v3h-7z'/%3E%3Ccircle cx='7' cy='20' r='2'/%3E%3Ccircle cx='17' cy='20' r='2'/%3E%3Cpath d='M14 14h7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center -2px;
    background-size: 25px;
}

.delivery-note {
    padding: 13px 16px;
}


.container.list .products {
    gap: 18px;
}

.container.list .products .product {
    height: 420px;
    border: 1px solid #1d3044;
    border-radius: 14px;
    background: rgba(4, 12, 21, 0.64);
    transition:
        transform .20s ease,
        border-color .20s ease,
        box-shadow .20s ease;
}

.container.list .products .product:hover {
    transform: translateY(-3px);
    border-color: #31577e;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .30);
}

.container.list .products .product:before {
    background:
        linear-gradient(180deg, rgba(6, 16, 27, .10), rgba(2, 8, 15, .64));
    border-radius: 14px;
}

.container.list .products .product .name a {
    color: #e7ecf2;
}

.container.list .products .product .price {
    color: var(--outspace-blue);
}

.night .container.list .products .product .price {
    color: var(--outspace-blue);
}


.alternative-list .alternative,
.variant-list .variant {
    border: 1px solid #21364b;
    border-radius: 10px;
    background: rgba(4, 12, 21, 0.58);
    transition: border-color .18s ease, background .18s ease;
}

.alternative-list .alternative:hover,
.variant-list .variant:hover {
    border-color: #3c6f9f;
    background: rgba(20, 55, 91, 0.22);
}


.cart {
    background:
        linear-gradient(180deg, rgba(18, 79, 143, .96), rgba(8, 47, 91, .96));
    border: 1px solid #3478b9;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
}

.carttable,
.ordertable {
    background: rgba(3, 10, 18, .62);
    border: 1px solid #1e3145;
    border-radius: 10px;
    overflow: hidden;
}

.carttable th,
.ordertable th {
    color: #9eacba;
    background: rgba(9, 24, 40, .88);
    border-color: #22374d;
}

.carttable td,
.ordertable td {
    border-color: #1d3043;
}

.checkoutform fieldset {
    background: rgba(74, 162, 255, 0.12);
    color: #75b9ff;
    border-radius: 7px;
    border: 1px solid rgba(74, 162, 255, 0.55);
}

.checkoutform input,
.checkoutform select {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #294962;
    border-radius: 8px;
    outline: none;
    background: #040d18;
    color: #fff;
    font: inherit;
    
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease;
}

.checkoutform input[type="text"],
.checkoutform input[type="number"],
.checkoutform select {
    min-height: 48px;
}

.checkoutform input:hover,
.checkoutform select:hover {
    border-color: #3c6380;
}

.checkoutform input:focus,
.checkoutform select:focus {
    border-color: var(--outspace-blue, #4aa2ff);
    background: #0a1c2c;
    box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
}

checkoutform input::placeholder,
.checkoutform select::placeholder {
    color: #718799;
    opacity: 1;
}
.checkoutform fieldset.delivery-select-fieldset {
    
}

.checkoutform fieldset.delivery-select-fieldset .label-delivery-grid {
    text-align: center;
    grid-column: 1 / -1;
    padding: 8px 25px 8px 10px;
    border-radius: 8px;
    background: rgba(7, 22, 37, 0.66);
    color: #c7d2de;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 25px;
    color: white;
    width: 100%;
    margin: auto;
}

.checkoutform fieldset.delivery-select-fieldset .label-delivery-grid .label-delivery {
    width: 100%;
}

.checkoutform fieldset.delivery-select-fieldset .delivery-price {
    display: block;
    text-align: center;
    grid-column: 1 / -1;
   
   
    color: #c7d2de;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    width: max-content;
    margin: auto;
    white-space: nowrap;
}

.checkoutform fieldset.delivery-select-fieldset .delivery-price  .check {
    display: inline-block;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    margin-right: 2px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3z'/%3E%3Cpath d='M14 10h3l4 4v3h-7z'/%3E%3Ccircle cx='7' cy='20' r='2'/%3E%3Ccircle cx='17' cy='20' r='2'/%3E%3Cpath d='M14 14h7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center -2px;
    background-size: 25px;
}

.checkoutform fieldset.delivery-select-fieldset .delivery-price  .delivery-price-text {
    display: block;
    grid-column: 1 / -1;
    color: #c7d2de;
    display: flex;
    align-items: center;
    gap: 26px;
    color: #84a1be;
}

.checkoutform fieldset.delivery-select-fieldset .delivery-price  .delivery-price-text strong {
    color: white;
    padding-left: 5px;
}

.checkoutform fieldset.delivery-select-fieldset .delivery-price  .delivery-price-text .ddeliverytip {
    color: white;
    opacity: 0.5;
    display: none;
}










.checkoutform fieldset.card-payment-fieldset .topay-price {
    display: block;
    text-align: center;
    grid-column: 1 / -1;
    padding: 13px 48px;
    border-radius: 8px;
    background: rgba(7, 22, 37, 0.66);
    color: #c7d2de;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    width: max-content;
    margin: auto;
}

.checkoutform fieldset.card-payment-fieldset .topay-price  .check {
    display: inline-block;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    margin-right: 2px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3z'/%3E%3Cpath d='M14 10h3l4 4v3h-7z'/%3E%3Ccircle cx='7' cy='20' r='2'/%3E%3Ccircle cx='17' cy='20' r='2'/%3E%3Cpath d='M14 14h7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center -2px;
    background-size: 25px;
}

.checkoutform fieldset.card-payment-fieldset .topay-price  .total-price-text {
    display: block;
    grid-column: 1 / -1;
    color: #c7d2de;
    display: flex;
    align-items: center;
    gap: 26px;
    color: #84a1be;
}

.checkoutform fieldset.card-payment-fieldset .topay-price  .total-price-text strong {
    color: white;
    padding-left: 5px;
}

.footer {
    color: #778696;
    background:
        linear-gradient(180deg, rgba(2, 8, 14, .72), rgba(1, 5, 9, .94));
    border-top: 1px solid #172739;
}

.footer .container .footer-columns .footer-column ul li a {
    color: #8998a8;
}

.footer .container .footer-columns .footer-column ul li a:hover {
    color: #b8c8d8;
}

.footer .footerlogo {
    text-align: center;
    background-image: url(/img/outspace_gear_web.png);
    background-position: center;
    background-size: 261px;
    background-repeat: no-repeat;
    height: 120px;
    opacity: 0.1;
}



@media (max-width: 1100px) {
    .product-detail-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .product-detail-grid .images {
        min-height: 620px;
    }

    .product-detail-grid .mainimage {
        min-height: 600px;
    }

    .product-detail-grid .info {
        padding: 28px;
    }
}

@media (max-width: 767px) {
    .container {
        width: calc(100% - 20px);
    }

    .container.header {
        height: 72px;
    }

    .container.header .logo {
        top: 13px;
    }

    .container.header .logo .mainlogo {
        height: 46px;
    }

    .categories > ul {
        width: 100%;
    }

    .product-detail-grid {
        margin-top: 12px;
    }

    .product-detail-grid .images {
        min-height: 480px;
        border-radius: 14px;
    }

    .product-detail-grid .mainimage-wrap {
        inset: 8px 0 0 68px;
    }

    .product-detail-grid .mainimage {
        min-height: 460px;
    }

    .product-detail-grid .thumbs-vertical {
        width: 62px;
        padding-left: 4px;
        gap: 8px;
    }

    .product-detail-grid .info {
        padding: 22px 18px;
        border-radius: 15px;
    }

    .product-detail-grid .product-name {
        font-size: 27px;
    }

    .product-detail-grid .price {
        font-size: 30px;
    }




}

.product-detail-grid .description h3 {
    margin: 20px 0 14px;
    padding: 0;
    color: #eef3f8;
    font-family: var(--fontFaimly_semi);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.product-icons {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin: 0;
}

.product-icons-title {
    width: 100%;
    color: silver;
    text-align: center;
    opacity: 0.5;
}

.product-icons-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.product-icons .icon {
    position: relative;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid #23384d;
    border-radius: 6px;
    background-color: rgba(5, 16, 28, 0.55);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.92;
}

.product-icons .icon:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 0 5px rgba(74, 162, 255, .18))
}


.product-icons.figure-shape .icon {
    width: 30px;
    height: 45px;
    background-size: 30px;
}

.night .product-icons .icon {
    background-color: rgba(5, 16, 28, 0.55);
    filter: none;
}

.checkout-processing {
    display: none;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}

.checkout-processing.active {
    display: block;
}

.checkout-spinner {
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: checkout-spin 0.8s linear infinite;
}

@keyframes checkout-spin {
    to {
        transform: rotate(360deg);
    }
}



.checkout-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto 18px;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: checkout-spin 0.8s linear infinite;
}



@keyframes checkout-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {

    /* ===== HEADER ===== */

    .container.header {
        
        height: 62px;
        padding: 0 10px;
    }

    .container.header .logo {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .container.header .logo .mainlogo {
        height: 42px;
        width: auto;
    }

    .container.header .header-links{
        
    }


    /* ===== KATEGORIE ===== */

    .categories {
        overflow: hidden;
        background: rgba(1, 6, 12, 0.96);
    }

    .categories > ul {
        display: flex;
        flex-direction: row;
        align-items: center;

        width: 100%;
        height: 48px;

        margin: 0;
        padding: 0 8px;

        gap: 4px;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .categories > ul::-webkit-scrollbar {
        display: none;
    }

    .categories > ul > li {
        flex: 0 0 auto;
    }

    .categories > ul > li > .caname {
        display: block;

        line-height: 48px;
        padding: 0 13px;

        font-size: 14px;
        white-space: nowrap;
    }


    /* Na mobilu nezobrazovat desktopová podmenu */

    .categories ul ul {
        display: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }

    .categories li:hover > ul {
        display: none;
    }

    .categories > ul > li:has(ul) > .caname::after {
        display: none;
    }


    /* ===== HLAVNÍ KONTEJNER ===== */

    .container {
        width: calc(100% - 16px);
        max-width: none;
    }


    /* ===== DETAIL PRODUKTU ===== */

    .product-detail-grid {
        display: block;
        margin-top: 8px;
        margin-bottom: 30px;
    }

    .product-detail-grid .images {
        min-height: 390px;
        border-radius: 12px;
        overflow: hidden;
    }

    .product-detail-grid .mainimage-wrap {
        inset: 0 0 0 56px;
    }

    .product-detail-grid .mainimage {
        min-height: 390px;
        height: 390px;
        max-height: 390px;

        background-size: contain;
        background-position: center;
    }

    .product-detail-grid .thumbs-vertical {
        position: absolute;

        top: 0;
        left: 0;

        width: 56px;

        padding: 10px 4px;

        flex-direction: column;
        gap: 7px;
    }

    .product-detail-grid .thumb {
        width: 48px;
        border-radius: 6px;
    }


    /* ===== INFO PRODUKTU ===== */

    .product-detail-grid .info {
        margin-top: 10px;
        padding: 18px 14px 22px;

        gap: 10px;

        border-radius: 13px;
    }

    .badge-brand {
        grid-template-columns: 48% 1fr;
        gap: 10px;
    }

    .badge-brand .bimg {
        min-height: 34px;
    }

    .badge-brand .bhtml {
        font-size: 11px;
    }

    .product-detail-grid .product-name {
        padding-top: 4px;

        font-size: 23px;
        line-height: 1.12;
    }

    .product-detail-grid .price {
        padding: 6px 0;
        font-size: 28px;
    }

    .free-delivery {
        padding: 11px 12px;
        font-size: 12px;
    }


    /* ===== VARIANTY ===== */

    .variant-boxes {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .variant-boxes .variant-box {
        min-width: 42px;
        height: 40px;
        padding: 0 10px;
    }

    .variant-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 7px;
        padding: 0;
    }

    .alternative-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 0;
    }


    /* ===== NÁKUP ===== */





    .quantity {
        width: auto;
    }

    .product-detail-grid .qty {
        min-height: 50px;
    }


    /* ===== PROČ SI PRODUKT OBLÍBÍŠ ===== */




    /* ===== PRODUKTOVÝ VÝPIS ===== */

    .container.list .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .container.list .products .product {
        height: 330px;
        border-radius: 10px;
    }

    .container.list .products .product .images {
        top: 20px;
        left: 4px;
        right: 4px;
        height: 190px;
    }

    .container.list .products .product .images .mainimage {
        height: 180px;
    }

    .container.list .products .product .name {
        bottom: auto;
        top: 220px;

        font-size: 14px;
        line-height: 17px;

        transform: none;
    }

    .container.list .products .product .price {
        bottom: auto;
        top: 280px;

        font-size: 18px;
    }


    /* ===== KOŠÍK ===== */

    .cart {
        top: auto;

        right: 12px;

        width: 54px;

        min-height: 54px;

        padding: 0;

        border-radius: 9px;

        transform: none;
    }

    .cart .cart_icon {
        top: 12px;
        left: 12px;
    }

    .cart .text_in_cart,
    .cart .edit_cart {
        display: none;
    }

    .cart.open {
        left: 8px;
        right: 8px;
        bottom: 8px;

        width: auto;
        height: auto;
        max-height: calc(100vh - 80px);

        padding: 15px 10px 15px 50px;

        transform: none;

        overflow-y: auto;
    }

    .cart.open .text_in_cart,
    .cart.open .edit_cart {
        display: block;
    }


    /* ===== CHECKOUT ===== */

    .checkoutform {
        display: block;
        width: 100%;
    }

    .checkoutform fieldset {
        grid-template-columns: 1fr;

        padding: 16px;

        gap: 15px;
        margin-bottom: 20px;
    }

    .checkoutform fieldset label,
    .checkoutform fieldset label.label-jmeno,
    .checkoutform fieldset label.label-delivery,
    .checkoutform fieldset label.label-payment {
        grid-column: 1;
    }

    .checkoutform button {
        width: 100%;
        padding: 15px;
    }


    /* ===== TABULKY ===== */

    .carttable td,
    .carttable th,
    .ordertable td,
    .ordertable th {
        padding: 8px 6px;
    }

    .carttable td,
    .ordertable td {
        font-size: 13px;
    }


    /* ===== FOOTER ===== */

    .footer {
        padding-bottom: 80px;
    }

    .footer .container .footer-columns {
        grid-template-columns: 1fr;
        gap: 20px;

        padding: 0 10px;
    }

    .footer .container .footer-columns > li {
        justify-self: start !important;
        text-align: left !important;
    }
}

.container.cms .contact-page {
    width: auto;
    margin: 50px auto 100px;
}



.container.cms .contact-header {
    text-align: center;
    margin-bottom: 45px;
}

.container.cms .contact-header h1 {
    margin: 0 0 15px;
    font-size: 42px;
}

.container.cms .contact-header p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
}

.container.cms .contact-grid {
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(400px, 700px);
    gap: 50px;
    align-items: start;
}


.container.cms .contact-info {
    display: grid;
    gap: 20px;
}




.container.cms .contact-box p,
.container.cms .contact-form-box p {
    margin: 0px;
    padding: 10px 35px;
}


.container.cms .contact-box p {
    line-height: 1.6;
}

.container.cms .contact-box a,
.container.cms .contact-privacy a {
    color: inherit;
}

.container.cms .contact-form {
    display: grid;
    gap: 20px;
}




.container.cms .contact-form .form-row {
    display: grid;
    gap: 7px;
}




.container.cms .contact-form .form-row textarea {
    resize: vertical;
    min-height: 160px;
}



.container.cms .contact-form .contact-message {
    padding: 15px 18px;
    margin-bottom: 20px;
}

.container.cms .contact-form .contact-message.success {
    background: rgb(60 180 100 / 15%);
    border: 1px solid rgb(60 180 100 / 40%);
}

.container.cms .contact-form .contact-message.error {
    background: rgb(220 70 70 / 15%);
    border: 1px solid rgb(220 70 70 / 40%);
}

.contact-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 800px) {

    .contact-page {
        width: calc(100% - 30px);
        margin-top: 30px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .contact-header h1 {
        font-size: 32px;
    }

    .contact-box,
    .contact-form-box {
        padding: 22px;
    }
}


.cart {
    position: fixed;
    top: 200px;
    right: -338px;
    z-index: 50000000;
    width: 400px;
    min-height: 66px;
    border-radius: 5px 0px 0px 5px;
    padding: 15px 10px 15px 50px;
    color: white;
    background-color: var(--merchwork-button-color);
    cursor: pointer;
    transition: right 0.20s ease, transform 0.20s ease;

}

.cart.open {
    right: 0;
}

@media (hover: none), (max-width: 767px) {
    .cart {
        top: 50%;
        transform: translateY(-50%) scale(0.8);
        right: -310px;
    }
    .cart.open {
        right: 0;
        width: 100%;
        transform: translateY(-50%) scale(1);
    }
}

.cart .cart_icon {
    position: absolute;
    top: 17px;
    left: 18px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z' stroke='%23D9D9DA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z' stroke='%23D9D9DA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6' stroke='%23D9D9DA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.cart .cart_icon .cartQTY {
    position: absolute;
    top: 13px;
    left: 16px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background-color: white;
    border-radius: 15px;
    font-weight: 800;
    font-size: 13px;
    color: black;
}

.cart .text_in_cart {
    font-size: 16px;
    display: block;
    text-decoration: none;
    color: white;
    padding: 12px 0px;

    border: 1px solid transparent;
    line-height: 3px;
    position: absolute;
    top: 19px;
    left: 71px;
    box-sizing: border-box;
}

.cart .text_in_cart .qty_in_cart {
    padding: 0px 0px 0px 4px;
}

.cart .edit_cart {
    font-size: 12px;
    display: block;
    text-decoration: none;
    color: white;
    padding: 12px 15px;

    border-radius: 37px;
    border: 1px solid rgba(255, 255, 255, .5);
    line-height: 3px;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: 18px;
    right: 14px;
    box-sizing: border-box;
}

.cart .edit_cart:hover {
    background: white;
    border: 1px solid rgba(255, 255, 255, 1);
    color: black;
    border-color: var(--outspace-blue, #4aa2ff);
     box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
}

.cart #ordernow {
    margin: 15px auto 15px auto;
    position: relative;
    padding: 0px 3px 0px 10px;
}

.cart #ordernow a {
    display: block;
    text-decoration: none;
    color: white;
    font-size: 16px;
    padding: 12px 16px;
    margin: 4px;

    border-radius: 37px;
    border: 1px solid rgba(255, 255, 255, .5);
    line-height: 15px;
    text-align: center;
    font-weight: 500;
}

.cart #ordernow a:hover {
    background: white;
    border-color: var(--outspace-blue, #4aa2ff);
    box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
    color: black;
}

.cart .cart_tip  {
    display: flex;
    color: rgb(139, 192, 247);
    align-items: center;
    font-size: 13px;
    width: max-content;
    padding: 0px 0px 0px 34px;
    min-height: 35px;
    
    border: none;
    text-align: left;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(139,192,247)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3z'/%3E%3Cpath d='M14 10h3l4 4v3h-7z'/%3E%3Ccircle cx='7' cy='20' r='2'/%3E%3Ccircle cx='17' cy='20' r='2'/%3E%3Cpath d='M14 14h7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 25px;
    /* width: calc(100% + -27px); */
    position: relative;
    /* left: 22px; */
    margin: 12px auto;
    max-width: 90%;
}

.cart .cart_tip strong {
    display: inline;
    color: white;
}

.cart #ordernow a.continueshopping  {
    display: block;

    color: white;
    font-size: 13px;
    padding: 7px 11px;
    margin: 4px;

    border-radius: 37px;
    border: none;
    line-height: 15px;
    text-align: center;
    font-weight: 400;
    text-decoration: underline;
}

.cart #ordernow a.continueshopping:hover  {
    background: unset;
    text-decoration: none;
    border-color: rgba(0,0,0,0);
    box-shadow: unset;
}

.cart #cart_table {
    margin-top: 33px;
    max-height: 320px;
    position: relative;
    left: 10px;
    width: calc(100% + -10px);
}

.cart .cart-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    margin: 4px;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    background: rgba(255,255,255,0.08);
}

.cart .cart-row:first-child {
    margin-top: 52px;
}

.cart .cart-row:hover {
    background: rgba(255,255,255,0.2);
}

.cart .cart-img {
    flex: 0 0 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    left: -60px;
}

.cart .cart-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart .cart-info {
    flex: 1;
    min-width: 0;
    position: relative;
    left: -48px;
    line-height: 10px;
}

.cart .cart-name {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 0px;
}

.cart .cart-sku {
    font-size: 10px;
    opacity: 0.8;
    padding: 3px 0px;
}

.cart .cart-qty {
    font-size: 17px;
    opacity: 0.9;
    padding: 5px 0px;
}

.cart .cart-price {
    font-size: 18px;

    white-space: nowrap;
    padding: 0px 5px 0px 0px;
}

.product-detail-grid .description .product-why {
    margin-top: 6px;
    padding: 18px 0 2px;
    border-top: 1px solid var(--outspace-line);
    border-bottom: 1px solid var(--outspace-line);
}

.product-detail-grid .description .product-why h3 {
    margin: 0 0 14px;
    padding: 0;
    color: #eef3f8;
    font-family: var(--fontFaimly_semi);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.product-detail-grid .description .product-why-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 34px;
    row-gap: 12px;
    padding-bottom: 18px;
}

.product-detail-grid .description .product-why-item {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-width: 0;
    color: #cbd4de;
    font-size: 14px;
    line-height: 1.42;
}

.product-detail-grid .description .product-why-icon {
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 0 5px rgba(74, 162, 255, .18));
}


.product-detail-grid .description .product-why-icon.comfort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5.5 10 3h4l2 2.5 3 2.5-2 3-2-1.3V21H9V9.7L7 11 5 8l3-2.5Z'/%3E%3C/svg%3E");
}


.product-detail-grid .description .product-why-icon.hood {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 10c0-4 1.7-6 4-6s4 2 4 6c0 3-1 5-4 7-3-2-4-4-4-7Z'/%3E%3Cpath d='M6 20c1-2.2 3.2-3.5 6-3.5s5 1.3 6 3.5'/%3E%3C/svg%3E");
}


.product-detail-grid .description .product-why-icon.breathable {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h9a3 3 0 1 0-3-3'/%3E%3Cpath d='M4 12h13a3 3 0 1 1-3 3'/%3E%3Cpath d='M4 16h6'/%3E%3C/svg%3E");
}


.product-detail-grid .description .product-why-icon.material {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c4 3 7 5.5 7 9a7 7 0 1 1-14 0c0-3.5 3-6 7-9Z'/%3E%3Cpath d='M8.5 13.5c2 .2 3.7-.8 5-3'/%3E%3C/svg%3E");
}


.product-detail-grid .description .product-why-icon.daily {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9h8a4 4 0 0 1 3.8 5.2l-1 3A2.5 2.5 0 0 1 14.5 18L13 16h-2l-1.5 2a2.5 2.5 0 0 1-4.3-.8l-1-3A4 4 0 0 1 8 9Z'/%3E%3Cpath d='M8 12v3M6.5 13.5h3M15.5 13h.01M17.5 15h.01'/%3E%3C/svg%3E");
}

.product-detail-grid .description .product-why-icon.shape {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 14.5V11a7 7 0 0 1 14 0v3.5'/%3E%3Cpath d='M5 14.5h14c1.1 0 2 .9 2 2H10c-3.5 0-5.7-.6-7-2h2Z'/%3E%3Cpath /%3E%3C/svg%3E");
}

.product-detail-grid .description .product-why-icon.embroidery {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.5 3-9 9'/%3E%3Cpath d='m16.5 3 2 2M8.5 11l4.5 4.5'/%3E%3Cpath d='M5 12.5c-2.5 2.5-2.5 6.5 0 8.5 2-2.5 4-2.5 6-1 2 1.5 5 .5 6-1.5 1-2-.5-4.5-2.5-5.5'/%3E%3Cpath d='M6 15c1.5-1 3-.5 4 1s2.5 2 4 1'/%3E%3C/svg%3E");
}

.product-detail-grid .description .product-why-icon.adjustable {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234aa2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16v6H4z'/%3E%3Cpath d='M8 9v6M16 9v6M11 12h2'/%3E%3Cpath d='m6 6-3 3 3 3M18 18l3-3-3-3'/%3E%3C/svg%3E");
}

@media (max-width: 700px) {
    .product-detail-grid .description .product-why-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }
}

.cookie-consent {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 10000;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 24px;
    border: 1px solid #1d3044;
    background: linear-gradient(180deg, rgba(6, 16, 27, .90), rgba(2, 8, 15, .94));
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0,0,0,.45);
}

.cookie-consent__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.cookie-consent p {
    margin: 8px 0 0;
    opacity: .75;
    line-height: 1.5;
}

.cookie-consent__buttons {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}




@media (max-width: 700px) {
    .cookie-consent {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    .cookie-consent__content {
        display: block;
    }

    .cookie-consent__buttons {
        margin-top: 15px;
    }
}

label.terms-consent  {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    gap: 10px;
    margin: 20px 0px 20px;
}

label.terms-consent input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex: 0 0 auto;
}

label.terms-consent a {
    text-decoration: underline;
}

.faq-page {
    width: min(960px, calc(100% - 32px));
    margin: 40px auto 70px;
    color: #c7d2de;
}

.faq-header {
    padding: 36px;
    margin-bottom: 28px;
    border: 1px solid rgba(74, 162, 255, 0.25);
    border-radius: 14px;
    background:
        radial-gradient(circle at top right, rgba(74, 162, 255, 0.14), transparent 42%),
        rgba(7, 22, 37, 0.82);
}

.faq-header h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.1;
}

.faq-header p {
    max-width: 720px;
    margin: 0;
    color: #9fb0c1;
    font-size: 17px;
    line-height: 1.65;
}

.faq-list {
    display: grid;
    gap: 12px;
}

.faq-item {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(7, 22, 37, 0.7);
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.faq-item:hover,
.faq-item[open] {
    border-color: rgba(74, 162, 255, 0.45);
    background: rgba(9, 29, 48, 0.9);
}

.faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 0 58px 0 20px;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    list-style: none;
    user-select: none;
    text-transform: uppercase;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "";
    position: absolute;
    right: 22px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #4aa2ff;
    border-bottom: 2px solid #4aa2ff;
    transform: rotate(45deg) translateY(-3px);
    transition: transform 0.2s ease;
}

.faq-item[open] summary::after {
    transform: rotate(225deg) translate(-3px, -3px);
}

.faq-answer {
    padding: 0 20px 22px;
    color: #dde6ed;
    line-height: 1.7;
}

.faq-answer p {
    margin: 0;
}

.faq-answer p + p {
    margin-top: 12px;
}



.faq-answer a:hover,
.faq-contact a:hover {
    text-decoration: underline;
}

.faq-answer strong {
    color: #e7eef5;
}

.faq-contact {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
    padding: 26px 30px;

    background: linear-gradient(
        135deg,
        rgba(20, 66, 104, 0.9),
        rgba(7, 22, 37, 0.95)
        );
    border: 1px solid #1d3044;
    border-radius: 14px;

}

.faq-contact h2 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 22px;
}

.faq-contact p {
    margin: 0;
    color: #dde6ed;
}



@media (max-width: 700px) {
    .faq-page {
        width: min(100% - 20px, 960px);
        margin-top: 20px;
    }

    .faq-header {
        padding: 25px 20px;
    }

    .faq-item summary {
        min-height: 58px;
        padding-left: 16px;
        font-size: 16px;
    }

    .faq-answer {
        padding: 0 16px 18px;
    }

    .faq-contact {
        grid-template-columns: 1fr;
        padding: 22px 20px;
    }

    .faq-contact .button {
        width: 100%;
        text-align: center;
    }
}

a.withdrawal-link {
    display: inline-block;
    margin: 5px 0 0px;
    padding: 8px 22px;
    background: var(--merchwork-button-color);
    color: var(--merchwork-button-text);
    
    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--merchwork-button-color);
    text-decoration: none;
}

a.withdrawal-link:hover {
    background: black;
    color: white;
    border-color: var(--outspace-blue, #4aa2ff);
    box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
}

.withdrawal-page {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.container.cms .contact-box,
.container.cms .contact-form-box,
.withdrawal-page .withdrawal-panel {
    display: grid;
   
    gap: 24px;
    position: relative;
    box-sizing: border-box;
    padding: 26px 30px;
    overflow: hidden;
    border: 1px solid #1d3044;
    border-radius: 14px;
    background: linear-gradient(135deg, rgb(0 34 82 / 77%), rgba(7, 22, 37, 0.95));
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.24);
    color: #c7d2de;
}

.withdrawal-page .withdrawal-panel h1,
.withdrawal-page .withdrawal-panel h2 {
    color: #fff;
    margin: 0px;
    padding: 0px;
}



.withdrawal-page .withdrawal-intro {
    max-width: 760px;
    margin: 0 0 26px;
    color: #aebdca;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.withdrawal-page .withdrawal-form {
    display: grid;
    gap: 20px;
}

.withdrawal-page .withdrawal-field {
    display: grid;
    gap: 7px;
}
.container.cms .contact-form .form-row label,
.withdrawal-page .withdrawal-field label {
    padding-left: 15px;
    color: white;
}

.withdrawal-page .withdrawal-legend {
  
    color: white;
}
.container.cms .contact-form .form-row input,
.container.cms .contact-form .form-row select,
.container.cms .contact-form .form-row textarea,
.withdrawal-page .withdrawal-field input,
.withdrawal-page .withdrawal-field textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #294962;
    border-radius: 8px;
    outline: none;
    background: #040d18;
    color: #fff;
    font: inherit;
    min-height: 48px;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease;
}


.container.cms .contact-form .form-row textarea,
.withdrawal-page .withdrawal-field textarea {
    min-height: 130px;
    resize: vertical;
    line-height: 1.55;
}
.container.cms .contact-form .form-row input:hover,
.container.cms .contact-form .form-row select:hover,
.container.cms .contact-form .form-row textarea:hover,
.withdrawal-page .withdrawal-field input:hover,
.withdrawal-page .withdrawal-field textarea:hover {
    border-color: #3c6380;
}
.container.cms .contact-form .form-row input:focus,
.container.cms .contact-form .form-row select:focus,
.container.cms .contact-form .form-row textarea:focus,
.withdrawal-page .withdrawal-field input:focus,
.withdrawal-page .withdrawal-field textarea:focus {
    border-color: var(--outspace-blue, #4aa2ff);
    background: #0a1c2c;
    box-shadow: 0 0 0 3px rgba(74, 162, 255, 0.16);
}
.container.cms .contact-form .form-row input::placeholder,
.container.cms .contact-form .form-row select::placeholder,
.container.cms .contact-form .form-row textarea::placeholder,
.withdrawal-page .withdrawal-field input::placeholder,
.withdrawal-page .withdrawal-field textarea::placeholder {
    color: #718799;
    opacity: 1;
}

.withdrawal-page .withdrawal-field small {
    color: #94a9ba;
    font-size: 13px;
    line-height: 1.5;
}

.withdrawal-page .withdrawal-scope {
    display: grid;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid #294962;
    border-radius: 8px;
    background: #040d18;
}


.withdrawal-page .withdrawal-option {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    box-sizing: border-box;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #294962;
    border-radius: 8px;
    background: rgba(7, 22, 37, 0.48);
    color: #c7d2de;
    cursor: pointer;
    line-height: 1.5;
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        color 0.18s ease;
}

.withdrawal-page .withdrawal-option:hover {
    border-color: rgba(74, 162, 255, 0.42);
    background: rgba(74, 162, 255, 0.07);
    color: #fff;
}

.withdrawal-page .withdrawal-option:has(input:checked) {
    border-color: rgba(74, 162, 255, 0.65);
    background: rgba(74, 162, 255, 0.12);
    color: #fff;
}

.withdrawal-page .withdrawal-option input {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 3px 0 0;
    accent-color: var(--outspace-blue, #4aa2ff);
    cursor: pointer;
}

.withdrawal-page .withdrawal-statement {
    
    border-left: 3px solid var(--outspace-blue, #4aa2ff);
   
}

.withdrawal-page .withdrawal-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 2px;
}


.withdrawal-page .withdrawal-actions .button.secondary {
    border: 1px solid #42657f;
    background: transparent;
    color: #d5e7f7;
}

.withdrawal-page .withdrawal-actions .button.secondary:hover,
.withdrawal-page .withdrawal-actions .button.secondary:focus-visible {
    border-color: var(--outspace-blue, #4aa2ff);
    background: rgba(74, 162, 255, 0.1);
    color: #fff;
}

.withdrawal-page .withdrawal-actions .button:disabled {
    cursor: wait;
    opacity: 0.6;
}

.withdrawal-page .withdrawal-preview {
    display: none;
    margin-top: 4px;
    padding: clamp(17px, 3vw, 24px);
    border: 1px solid rgba(74, 162, 255, 0.42);
    border-radius: 10px;
    background: rgba(8, 23, 37, 0.94);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.withdrawal-page .withdrawal-preview.active {
    display: block;
}

.withdrawal-page .withdrawal-preview h2 {
    margin: 0 0 18px;
    font-size: 22px;
}

.withdrawal-page .withdrawal-preview dl {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    margin: 0;
    overflow: hidden;
    border: 1px solid #23384b;
    border-radius: 8px;
}

.withdrawal-page .withdrawal-preview dt,
.withdrawal-page .withdrawal-preview dd {
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 11px 13px;
    border-bottom: 1px solid #23384b;
}

.withdrawal-page .withdrawal-preview dt {
    color: #8297aa;
    background: rgba(7, 22, 37, 0.72);
    font-weight: 600;
}

.withdrawal-page .withdrawal-preview dd {
    color: #fff;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.withdrawal-page .withdrawal-preview .withdrawal-actions {
    margin-top: 20px;
}

.withdrawal-page .withdrawal-message {
    margin: 22px 0;
    padding: 18px 20px;
    border-radius: 9px;
    line-height: 1.65;
}

.withdrawal-page .withdrawal-message h2 {
    margin: 0 0 8px;
    font-size: 22px;
}

.withdrawal-page .withdrawal-message p {
    margin: 0;
}

.withdrawal-page .withdrawal-message p + p {
    margin-top: 10px;
}

.withdrawal-page .withdrawal-message.error {
    border: 1px solid rgba(255, 102, 102, 0.5);
    background: rgba(102, 20, 25, 0.42);
    color: #ffd6d6;
}

.withdrawal-page .withdrawal-message.success {
    border: 1px solid rgba(91, 211, 150, 0.5);
    background: rgba(16, 80, 54, 0.38);
    color: #d8f7e7;
}

.withdrawal-page .withdrawal-message.error h2,
.withdrawal-page .withdrawal-message.success h2 {
    color: inherit;
}

.withdrawal-page .withdrawal-reference {
    color: #fff;
    font-weight: 800;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
}

.container.cms .contact-form .contact-privacy,
.withdrawal-page .withdrawal-note,
.withdrawal-page .withdrawal-statement{
    
    padding: 16px 18px;
    border-radius: 9px;
    background: rgba(13, 38, 60, 0.72);
    color: #aebdca;
    line-height: 1.65;
}

.withdrawal-page .withdrawal-note a {
    color: #71b7ff;
    text-decoration: none;
}

.withdrawal-page .withdrawal-note a:hover,
.withdrawal-page .withdrawal-note a:focus-visible {
    color: #9bceff;
    text-decoration: underline;
}

.withdrawal-page .withdrawal-honeypot {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 620px) {
    .withdrawal-page .withdrawal-panel {
        padding: 22px 16px;
        border-radius: 10px;
    }

    .withdrawal-page .withdrawal-panel h1 {
        font-size: 28px;
    }

    .withdrawal-page .withdrawal-scope {
        padding: 12px;
    }

    .withdrawal-page .withdrawal-option {
        padding: 11px 12px;
    }

    .withdrawal-page .withdrawal-preview {
        padding: 16px;
    }

    .withdrawal-page .withdrawal-preview dl {
        grid-template-columns: 1fr;
    }

    .withdrawal-page .withdrawal-preview dt {
        padding-bottom: 4px;
        border-bottom: 0;
    }

    .withdrawal-page .withdrawal-preview dd {
        padding-top: 4px;
    }

    .withdrawal-page .withdrawal-actions {
        width: 100%;
    }

    .withdrawal-page .withdrawal-actions .button {
        width: 100%;
    }

    .withdrawal-page .withdrawal-message,
    .withdrawal-page .withdrawal-note,
    .withdrawal-page .withdrawal-statement {
        padding: 15px;
    }
}

@media print {
    @page {
        size: A4;
        margin: 15mm;
    }

    html,
    body {
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 0;
        background: #fff;
        color: #000;
        font-size: 11pt;
    }

    header,
    footer,
    nav,
    .no-print,
    button,
    .button,
    .cart,
    .bckground-header,
    .categories,
    .footer,
    .cookie-consent{
        display: none !important;
    }

    main,
    .page,
    .content {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        background: transparent;
    }

    h1,
    h2,
    h3,
    p,
    table,
    section {
        break-inside: avoid;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    th,
    td {
        border: 1px solid #999;
        color: #000;
    }

    a {
        color: #000;
        text-decoration: none;
    }

    img {
        max-width: 100%;
        break-inside: avoid;
    }
}