html:not(.avoid) {
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin-top: 0px !important;
}


body {
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    font-family: ibm-plex-sans, sans-serif;
    color: #1B3B48;
}

body>div {
    scroll-margin-top: 150px;
}

input:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s linear, color 5000s linear;
}

p,
h6,
h5,
h4,
h3,
h2,
h1,
ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

img {
    display: block;
}

body {
    position: relative;
}

p,
li,
a.button,
input,
textarea {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    font-family: ibm-plex-sans, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}

strong *,
strong,
b *,
b {
    font-weight: 900;
}

h6 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}

h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}

h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}

h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    color: #193B47;
}

h2 {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    color: #193B47;
}

h1 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    color: #193B47;
}

.textarea>* {
    color: inherit;
    margin-bottom: 10px;
}

.textarea>*:last-child {
    margin-bottom: 0px;
}

.textarea a,
.button,
a.button,
.form .wpcf7-submit,
.outerCart .wc-proceed-to-checkout a.checkout-button:not(.styled),
.outerCart .actions button:not(.styled),
.outerCart form.woocommerce-shipping-calculator button.button:not(.styled),
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:not(.styled),
.outerAccount .woocommerce nav ul li a,
.outerCheckout #payment #place_order {
    display: block;
    width: fit-content;
    max-width: 100%;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 8px 35px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #193B47;
    color: #193B47;
    transition: all 0.1s linear;
    background: transparent;
}

.textarea a:hover,
.button:hover,
a.button:hover,
.form .wpcf7-submit:hover,
.outerCart .wc-proceed-to-checkout a.checkout-button:not(.styled):hover,
.outerCart .actions button:not(.styled):hover,
.outerCart form.woocommerce-shipping-calculator button.button:not(.styled):hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:not(.styled):hover,
.outerAccount .woocommerce nav ul li a:hover,
.outerCheckout #payment #place_order:hover {
    background: #1b3b48;
    color: #FFFFFF;
}

.textarea>p:first-child strong {
    font-weight: 600;
    background: #3DD9C9;
    padding: 3px 15px;
    border-radius: 20px;
    font-family: degular-display, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    color: #193B47;
}

.textarea p>a {
    margin-top: 15px;
}

.textarea p>img {
    width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

.textarea p.buttonArea {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.textarea p.buttonArea a {
    margin-right: 20px;
}



.blueButton a,
.blueButton .button {
    background: #3DD9C9;
    color: #1B3B48;
    border: 2px solid #3DD9C9;
}

.blueButton a:hover,
.blueButton .button:hover {
    border: 2px solid #1b3b48;
}

.whiteButton a,
.whiteButton .button {
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}

.whiteButton a:hover,
.whiteButton .button:hover {
    border: 2px solid #1b3b48;
    background: #1b3b48;
}

div>.inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.intro {
    width: 80%;
    padding: 10vh 10%;
    min-height: 80vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #193b474a;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(3px);
}

.intro video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: 1;
}

.intro .inner {
    position: relative;
    z-index: 3;
    text-align: center;
}

.intro .inner a {
    width: fit-content;
    margin: 20px auto 0 auto;
}

.intro .inner img {
    width: 100%;
    margin: 0 auto 30px auto;
    max-width: 600px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    padding: 20px 10%;
    width: 80%;
    transition: all 0.3s linear;
}

.header.move {
    background: #3DD9C9;
}

.header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .inner .links {
    width: 60%;
    max-width: 600px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header .inner .links:last-child {
    justify-content: flex-end;
    width: 30%;
}

.header .inner .links a {
    color: #193b47;
    font-weight: 600;
    margin: 0 20px;
    text-decoration: none;
}

.header .inner .links a:first-child {
    margin-left: 0px;
}

.header .inner .links a:last-child {
    margin-right: 0px;
}

.header .inner .links .cartLogo>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}

.header .inner .links .cartLogo a>img {
    width: 40px;
}

.header .inner a.logo img {
    width: 190px;
    padding-top: 10px;
}

.textblock {
    width: 80%;
    padding: 150px 10%;
    position: relative;
}

.textblock .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.textblock .bg div:first-child {
    width: 100%;
    height: 100%;
}

.textblock .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.textblock .inner>img {
    width: 48%;
    border-radius: 20px;
    object-fit: cover;
}

.textblock .inner .textarea {
    width: 48%;
    max-width: 480px;
}

.textblock .inner .textarea .pointers {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.textblock .inner .textarea .pointers>div {
    width: 24%;
    margin-right: 1%;
    text-align: center;
    margin-bottom: 20px;
    color: #1B3B48;
}

.textblock .inner .textarea .pointers>div h5 {
    min-height: 40px;
}

.textblock .inner .textarea .pointers>div img {
    width: 100%;
    max-width: 110px;
    margin: 10px auto 0 auto;
}

.textblock.bgShort .bg div:first-child {
    height: 88%;
}

.textblock.bgShort .bg div:last-child {
    height: 12%;
}

.textblock.bgReflect .bg div:first-child {
    display: none;
}

.textblock.bgReflect .bg div:nth-child(3) {
    height: 85%;
}

.textblock.bgReflect .bg div:nth-child(4) {
    height: 5%;
}

.textblock.bgReflect .bg div:nth-child(5) {
    height: 10%;
}

.bestSellers {
    width: 80%;
    padding: 150px 10%;
}

.bestSellers .products {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.bestSellers .products .single {
    width: 24%;
    text-decoration: none;
    color: inherit;
}

.bestSellers .products .single img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-bottom: 10px;
    object-fit: contain;
    object-position: 50% 50%;
}

.bestSellers .products .single .details p:first-child {
    color: #557A89;
}

.bestSellers .products .single .details p:last-child {
    color: #193B47;
    font-weight: 700;
    font-family: degular-display, sans-serif;
    font-size: 16px;
}

.bestSellers .inner>.button {
    margin: 30px auto 0 auto;
}

.actionbanner {
    width: 80%;
    padding: 100px 10%;
    position: relative;
    background-size: cover !important;
    background-position: 50% 50% !important;
    color: #FFFFFF;
    min-height: 250px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    overflow: hidden;
}

.actionbanner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #00000057;
}

.actionbanner .inner {
    position: relative;
    z-index: 2;
}

.actionbanner .textarea h1,
.actionbanner .textarea h2,
.actionbanner .textarea h3,
.actionbanner .textarea h4,
.actionbanner .textarea h5 {
    color: #FFFFFF;
}

.whyCuppion {
    width: 80%;
    padding: 100px 10%;
}

.whyCuppion .inner>.textarea {
    width: 100%;
    text-align: center;
    margin: 0 auto 50px auto;
    max-width: 900px;
}

.whyCuppion .inner>.textarea strong {
    margin: 0 auto;
}

.whyCuppion .inner>.button {
    margin: 50px auto 0 auto;
}

.whyCuppion .why {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.whyCuppion .why .single {
    width: 49%;
    margin-bottom: 30px;
}

.whyCuppion .why .single img {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    object-fit: cover;
    height: 300px;
    margin-bottom: 20px;
}

.whyCuppion .why .single p {
    color: #557A89;
}

.productInfo {
    width: 80%;
    padding: 0 10%;
    margin: 100px 0;
}

.productInfo .inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.productInfo .inner .images {
    width: 48%;
}

.productInfo .inner .images .mobile {
    display: none;
}

.productInfo .inner .images .big {
    width: 100%;
    margin-bottom: 20px;
}

.productInfo .inner .images .big img {
    width: calc(100% - 20px);
    height: 500px;
    object-fit: contain;
    padding: 10px;
    background: white;
    border-radius: 10px;
}

.productInfo .inner .images .buttons {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.productInfo .inner .images .buttons img {
    width: 24%;
    margin-right: 1%;
    aspect-ratio: 1 / 1;
    cursor: pointer;
    transition: all 0.2s linear;
    border-radius: 10px;
    object-fit: cover;
}

.productInfo .inner .images .buttons img:hover {
    transform: scale(1.05);
}

.productInfo .inner .details {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

body.single-product {
    background: linear-gradient(0deg, #EAEEF5, white);
}

.productInfo .inner .details>h3 {
    margin-top: 20px;
    font-weight: 400;
}

.productInfo .inner .details .infodrop {
    margin: 20px 0;
    width: 100%;
    border-top: 1px solid #bac8cf;
    border-bottom: 1px solid #bac8cf;
    padding: 20px 0;
    color: #557A89;
}

.productInfo .inner .details .infodrop .expand {
    margin-top: 10px;
    text-decoration: underline;
    cursor: pointer;
}

.productInfo .inner .details .usage {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.productInfo .inner .details .usage .quantity {
    width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.productInfo .inner .details .usage .quantity p {
    font-weight: 800;
}

.productInfo .inner .details .usage .quantity .slider {
    border: 1px solid #B9C7CF;
    display: flex;
    border-radius: 50px;
    justify-content: space-between;
    align-items: center;
}

.productInfo .inner .details .usage .quantity .slider .use {
    padding: 2px 10px;
    cursor: pointer;
    color: #557A89;
}

.productInfo .inner .details .usage .quantity .slider #amount {
    color: #557A89;
    margin: 0 10px;
}

.productInfo .inner .details .usage .price {
    width: calc(100% - 230px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.productInfo .inner .details .usage .price h1 {
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
}

.productTabs {
    width: 80%;
    padding: 0 10%;
    margin: 100px 0;
}

.productTabs .inner {
    border: 1px solid #557A89;
    width: 100%;
    border-radius: 20px;
}

.productTabs .inner .tabButtons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.productTabs .inner .tabButtons .single {
    width: calc(33.33% - 40px);
    text-align: center;
    cursor: pointer;
    padding: 15px 20px;
    border-bottom: 1px solid #557A89;
    border-left: 1px solid #557A89;
    border-right: 1px solid #557A89;
}

.productTabs .inner .tabButtons .single.selected {
    border: 0px;
}

.productTabs .inner .tabButtons .single:first-child {
    border-left: 0px;
}

.productTabs .inner .tabButtons .single:last-child {
    border-right: 0px;
}

.productTabs .inner .tabInfo {
    padding: 40px;
    width: calc(100% - 80px);
    position: relative;
}

.productTabs .inner .tabInfo .single {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.productTabs .inner .tabInfo .single.selected {
    opacity: 1;
    pointer-events: all;
    position: relative;
}

.productTabs .inner .tabInfo .single.features {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.productTabs .inner .tabInfo .single.features .feature {
    width: 30%;
    margin: 0 3% 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.productTabs .inner .tabInfo .single.features .feature img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-right: 10px;
}

.productTabs .inner .tabInfo .single.features>.textarea {
    width: 100%;
    margin-top: 10px;
}

.productRelations {
    width: 80%;
    padding: 0 10%;
    margin: 100px 0;
    position: relative;
}

.productRelations .products {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.products .single {
    width: 23%;
    margin: 0 2% 40px 0;
    text-decoration: none;
    color: #557A89;
}

.products .single a {
    text-decoration: none;
    color: #557A89;
}

.products .single img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    object-fit: cover;
    box-shadow: 0px 3px 6px #00000029;
}

.products .single .textarea p:last-child {
    font-weight: 800;
    color: #193B47;
}

.shopList {
    width: 80%;
    padding: 100px 10%;
    background: linear-gradient(0deg, #EAEEF5, white);
}

.shopList .inner>.textarea {
    max-width: 700px;
}

.shopList .products {
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.videoArea .inner .content {
    width: 48%;
}

.videoArea .inner .content>div {
    width: 100%;
}

.videoArea .inner .content>div iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
}

.textblock.imageSwap .inner {
    flex-direction: row-reverse;
}

#headerWatch {
    display: block;
    width: 100%;
    height: 95px;
    background: #3dd9c9;
}

body.home #headerWatch {
    height: 0px;
}

.intro.textIntro video {
    display: none;
}

.intro.textIntro {
    min-height: 0px;
    padding: 100px 10%;
    text-align: left;
}

.intro.textIntro::after {
    display: none;
}

.intro.textIntro .inner {
    text-align: left;
}

.textarea ol ::marker {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'degular-display', sans-serif;
    position: relative;
    letter-spacing: 3px;
}

.textarea ol li {
    margin-bottom: 15px;
    position: relative;
}

.textarea ol li:last-child {
    margin-bottom: 0px;
}

.textarea ol {
    margin: 10px 0;
    padding-left: 30px;
}

.textarea ol li::after,
.textarea ul li::after {
    content: "";
    position: absolute;
    top: 12px;
    right: calc(100% + 8px);
    width: 7px;
    height: 7px;
    background: #3DD9C9;
    border-radius: 100%;
}

.textarea ul li::after {
    top: 9px;
}

.textarea ul li {
    position: relative;
}

.textarea ul {
    padding-left: 15px;
}

.textblock.bgSolid .bg>div {
    display: none;
}

.textblock.bgSolid .bg>div:nth-child(3) {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.textblock.bgImage>img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: 50% 100%;
    z-index: 2;
}

.textblock.bgImage>.inner {
    z-index: 3;
}

.form form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.form form>p {
    width: 48%;
}

.form form>p.fullwidth {
    width: 100%;
}

.textblock .inner .form {
    width: 48%;
}

.form form>p input,
.form form>p textarea,
.form .form-row span.woocommerce-input-wrapper>input {
    padding: 10px 15px;
    width: calc(100% - 30px);
    border: 1px solid #193B47;
    border-radius: 5px;
    margin: 10px 0 20px 0;
    color: #193B47;
    box-sizing: content-box;
}

.form form ::placeholder {
    color: #557A89;
    opacity: 0.5;
}

.form form br {
    display: none;
}

.form form>p textarea {
    resize: none;
    height: 150px;
}

.textblock.contactArea {
    background: linear-gradient(0deg, #EAEEF5, white);
}

.form form .wpcf7-radio {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.form form .wpcf7-radio input[type="radio"] {
    appearance: none;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0px;
    position: relative;
    margin: 0 10px 0 0;
    background-color: white;
}

.form form .wpcf7-radio input:checked {
    background: url(/wp-content/uploads/2026/02/tick.png);
    background-size: 80%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: white;
}

.form form .wpcf7-radio label {
    display: flex;
    margin: 10px 30px 20px 0;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

.form form label {
    color: #193B47;
    font-weight: 700;
    font-family: 'degular-display', sans-serif;
    font-size: 16px;
    line-height: 18px;
}

.textblock.contactArea .inner {
    align-items: flex-start;
}

.form form .wpcf7-acceptance {
    cursor: pointer;
}

.form form .wpcf7-acceptance label {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.form form .wpcf7-acceptance label input {
    appearance: none;
    width: 23px;
    height: 23px;
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
    transition: all 0s linear;
}

.form form .wpcf7-list-item {
    margin: 0px;
}

.form form .wpcf7-acceptance label>span {
    margin: 2px 0 30px 15px;
}

.form form .wpcf7-acceptance label input:checked {
    background: url(/wp-content/uploads/2026/02/tick.png);
    background-size: 80%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.form form .wpcf7-not-valid-tip {
    display: none;
}

.form form input.wpcf7-not-valid {
    border: 1px solid red;
}

.outerCart,
.outerCheckout {
    width: 80%;
    padding: 100px 10%;
    background: linear-gradient(0deg, #f0f3f8, white);
}

.outerCart .inner>h1 {
    margin-bottom: 30px;
}

.woocommerce-message,
.woocommerce-info {
    border-top-color: #3dd9c9 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #3dd9c9 !important;
}

.outerCart .woocommerce table.shopList_table {
    border: 1px solid #707070;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
}

.outerCart table.cart .product-thumbnail a>img {
    width: 100%;
    object-fit: contain;
    object-position: 50% 50%;
    max-width: 80px;
    margin: 0px;
}

.outerCart .woocommerce {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.outerCart .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
}

.outerCart .woocommerce form.woocommerce-cart-form {
    width: 60%;
}

.outerCart .woocommerce .cart-collaterals {
    width: 38%;
}

.outerCart .woocommerce .cart-collaterals .cart_totals {
    width: calc(100% - 40px);
    float: none;
    padding: 20px;
    border: 1px solid #707070;
    border-radius: 20px;
}

.outerCart .woocommerce .cart-collaterals .cart_totals h2 {
    display: none;
}

.outerCart .woocommerce .cart-collaterals .cart_totals table.shopList_table.shopList_table_responsive {
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
}

.outerCart .woocommerce .cart-collaterals .cart_totals *:not(input, select) {
    border: 0px;
}

.outerCart .product-name a {
    color: #557A89;
    text-decoration: none;
}

.outerCart .woocommerce a.remove {
    font-size: 0px;
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2026/02/Group-5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 0;
    cursor: pointer;
}

.outerCart .woocommerce a.remove:hover {
    color: black !important;
    background: url(/wp-content/uploads/2026/02/Group-5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.outerCart .wc-proceed-to-checkout a.checkout-button {
    background: #3cd9c9 !important;
    text-transform: uppercase;
}

.outerCart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #193B47 !important;
    color: #3cd9c9 !important;
}

.outerCart .woocommerce table.cart td.actions .coupon {
    display: none;
}

.outerCart .actions button:not(.styled),
.outerCart form.woocommerce-shipping-calculator button.button:not(.styled) {
    padding: 8px 35px !important;
    text-transform: uppercase;
    background: none;
}

.outerCart .actions button:not(.styled):hover,
.outerCart form.woocommerce-shipping-calculator button.button:not(.styled):hover {
    background: #1b3b48;
    color: #FFFFFF;
}

.outerCart table.cart td.actions {
    padding: 10px;
}

.outerCart a.shipping-calculator-button {
    display: none !important;
}

.outerCart .cart-collaterals .shipping-calculator-form {
    display: block !important;
    margin: 0px !important;
}

.outerCart .cart-collaterals .shipping-calculator-form>p {
    padding: 0px;
    margin: 10px 0;
}

.form .form-row span.woocommerce-input-wrapper>input {
    margin: 0px;
}

.outerCheckout #order_review_heading {
    width: 100%;
    margin: 50px 0 20px 0;
}

.outerCheckout form .form-row {
    padding: 0px;
    margin: 20px 0;
}

.outerCheckout form div#woocommerce_eu_vat_compliance {
    margin-top: 30px;
}

.outerCheckout form div#woocommerce_eu_vat_compliance span.woocommerce-input-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.outerCheckout form p#vat_self_certify_field input {
    width: 30px;
    margin: 0px;
    float: none;
}

.outerCheckout form div#woocommerce_eu_vat_compliance span.woocommerce-input-wrapper label {
    width: calc(100% - 35px);
}

.header .inner .links .cartLogo {
    position: relative;
}

.header .inner .links .cartLogo .cartPopup {
    position: absolute;
    top: calc(100% + 10px);
    right: 4px;
    background: white;
    border-radius: 20px;
    padding: 15px;
    width: 300px;
    border: 1px solid #557A89;
    opacity: 0;
    transition: all 0.2s linear;
    pointer-events: none;
}

.header .inner .links .cartLogo:hover .cartPopup {
    opacity: 1;
    pointer-events: all;
}

.cartPopup::before {
    content: "";
    position: absolute;
    bottom: calc(100% - 1px);
    right: 25px;
    background: url(/wp-content/uploads/2026/02/Group-296.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.header .inner .links .cartLogo .cartPopup .items {
    width: 100%;
    margin: 20px 0;
}

.header .inner .links .cartLogo .cartPopup .items .single {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: flex-start;
}

.header .inner .links .cartLogo .cartPopup .items .single>img {
    width: 63px;
    height: 63px;
    border-radius: 6px;
    border: 1px solid #193b47;
    object-position: 50% 50%;
}

.header .inner .links .cartLogo .cartPopup .items .single .productContent {
    width: calc(100% - 75px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.header .inner .links .cartLogo .cartPopup .items .single .productContent>p:nth-child(1) {
    color: #193B47;
    font-weight: 800;
    width: calc(100% - 50px);
}

.header .inner .links .cartLogo .cartPopup .items .single .productContent>p:nth-child(2) {
    color: #193B47;
    font-weight: 800;
    width: 45px;
    text-align: right;
}

.header .inner .links .cartLogo .cartPopup .items .single .productContent>p:nth-child(3) {
    color: #557A89;
    width: 100%;
}

.header .inner .links .cartLogo .cartPopup .cartOutro {
    width: 100%;
    border-top: 1px solid #bbcad0;
    padding-top: 20px;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .totals {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .totals h5 {
    width: 48%;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .totals h5:nth-child(2) {
    text-align: right;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .totals p {
    width: 100%;
    color: #557A89;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    font-weight: 400;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .buttonArea {
    width: 100%;
    display: flex;
    margin: 20px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .buttonArea a {
    margin: 0;
    color: #193B47;
    padding: 6px 25px;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .buttonArea a:last-child {
    background: #3ACEBF;
    border: 2px solid #3ACEBF;
    color: white;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .buttonArea a:last-child:hover {
    background: white;
    color: #3ACEBF;
}

.header .inner .links .cartLogo .cartPopup .cartOutro .buttonArea a:first-child:hover {
    color: white;
}

.products .single a.button {
    color: black;
    margin-top: 10px;
}

.products .single a.button:hover {
    color: white;
}

.productInfo .inner .details .sizeOptions,
.productInfo .inner .details .lidOptions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.productInfo .inner .details .sizeOptions .options,
.productInfo .inner .details .lidOptions .options {
    width: calc(100% - 70px);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.productInfo .inner .details .sizeOptions .options a {
    width: calc(20% - 10px);
    margin: 0 10px 10px 0;
    text-decoration: none;
    text-align: center;
    color: black;
}

.productInfo .inner .details .sizeOptions .options a#\35 33 {
    display: none;
}

.productInfo .inner .details .sizeOptions .options a img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    outline: 1px solid white;
    border-radius: 5px;
    transition: all 0.1s linear;
}

.productInfo .inner .details .sizeOptions .options a:hover img,
.productInfo .inner .details .sizeOptions .options a.selected img {
    outline: 1px solid black;
}


.productInfo .inner .details .lidOptions {
    padding: 20px 0;
    border-top: 1px solid #bac8cf;
    margin: 20px 0;
    border-bottom: 1px solid #bac8cf;
}

.productInfo .inner .details .lidOptions .options {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.productInfo .inner .details .lidOptions .options .single {
    width: 32%;
    text-align: center;
    cursor: pointer;
}

.productInfo .inner .details .lidOptions .options .single .upper {
    width: calc(100% - 12px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: all 0.2s linear;
}

.productInfo .inner .details .lidOptions .options .single:hover .upper,
.productInfo .inner .details .lidOptions .options .single.selected .upper {
    border: 1px solid #193B47;
}

.productInfo .inner .details .lidOptions .options .single .upper img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.productInfo .inner .details .lidOptions .options .single .upper p {
    color: #557A89;
    font-size: 11px;
    line-height: 13px;
    width: calc(100% - 55px);
    text-align: left;
}

.productInfo .inner .details .lidOptions .options .single>p {
    width: 100%;
    height: 50px;
    min-height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productInfo .inner .details .lidOptions .options .single.selected>p {
    font-weight: 800;
}

.single-product .products .single.personalisation .textarea p:first-child {
    color: black;
    font-weight: 800;
}

.single-product .products .single.personalisation .discoverButton {
    text-decoration: underline;
}

.personalisationPopup {
    position: absolute;
    padding: 20px;
    top: 0;
    left: 10%;
    z-index: 10;
    width: 500px;
    max-width: 80%;
    background: #DFE9EF;
    border-radius: 20px;
    pointer-events: none;
    opacity: 0;
    transition: all 0.2s linear;
}

.personalisationPopup.selected {
    opacity: 1;
    pointer-events: all;
}

.personalisationPopup .form {
    width: 100%;
    margin-top: 20px;
}

.footer {
    width: 80%;
    padding: 50px 10%;
    background: url(/wp-content/uploads/2026/03/bgimg-scaled.png);
    background-color: #3DD9C9;
    background-size: cover;
    background-position: 50% -60%;
    background-repeat: no-repeat;
}

.footer .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.footer .inner .logo img,
.footer .inner .logo {
    width: 190px;
}

.footer .inner .links {
    width: calc(100% - 250px);
    max-width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .inner .links .single {
    width: 24%;
    max-width: fit-content;
}

.footer .inner .links .single br {
    display: none;
}

.footer .inner .links .single a,
.footer .inner .links .single p,
.footer .inner .outro a {
    font-size: 18px;
    line-height: 20px;
    color: #193B47;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-family: 'degular-display', sans-serif;
    font-weight: 500;
}

.footer .inner .links .single a:hover {
    text-decoration: underline;
}

.footer .inner .links .single .socials {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.footer .inner .links .single .socials a {
    width: fit-content;
    margin: 0 10px 0 0;
}

.footer .inner .links .single .socials a img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.footer .inner .outro {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #193B47;
}

.outerAccount {
    width: 80%;
    padding: 100px 10%;
}

.outerAccount .woocommerce {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.outerAccount .woocommerce nav ul {
    padding-left: 0px;
}

.outerAccount .woocommerce nav ul ::marker {
    display: none;
    opacity: 0;
    font-size: 0px;
}

.outerAccount .woocommerce nav ul li a {
    margin: 10px 0;
    min-width: 120px;
}

.outerAccount .woocommerce nav.woocommerce-MyAccount-navigation {
    float: unset;
    width: 200px;
    padding: 30px;
    border: 1px solid black;
    border-radius: 10px 0 0 10px;
}

.outerAccount .woocommerce .woocommerce-MyAccount-content {
    float: unset;
    width: calc(100% - 320px);
    padding: 30px;
    border: 1px solid black;
    border-radius: 0 10px 10px 0;
    border-left: 0px;
}

.outerAccount .woocommerce nav ul li.is-active a {
    background: #1b3b48;
    color: #FFFFFF;
}

.outerCheckout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
.outerCheckout table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details,
.outerCheckout .woocommerce-customer-details address {
    margin: 30px 0;
}

.fullwidthImg {
    width: 100%;
}

.fullwidthImg img {
    width: 100%;
    max-height: 60vh;
    object-fit: cover;
}

.outerAccount .woocommerce .woocommerce-MyAccount-content a {
    color: #193b47;
    text-decoration: underline;
}

.outerCheckout .woocommerce-checkout #payment {
    background: none;
}

.outerCheckout .woocommerce-checkout #payment>div {
    border: 1px solid rgba(0, 0, 0, .1);
}

.outerCheckout .woocommerce-checkout #payment div.payment_box {
    background-color: #193b47;
    color: white;
}

.outerCheckout .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #193b47;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.outerCheckout a {
    color: #193b47;
}

.outerCheckout #payment #place_order {
    margin-top: 30px;
}

.textblock.imageHide .inner>img {
    display: none;
}

.textblock.imageHide .textarea {
    width: 100%;
    max-width: 100%;
}

.textblock.imageHide table tr,
.textblock.imageHide table th,
.textblock.imageHide table td {
    border: 1px solid black;
    padding: 10px
}

.header .inner .burger {
    cursor: pointer;
    height: 24px;
    width: 36px;
    display: none;
}

.header .inner .burger>div {
    width: 100%;
    height: 3px;
    margin-bottom: 8px;
    background: white;
    position: relative;
    transition-delay: 1s;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    transition: all 0.3s ease-in-out;
}

.header.open .burger>div {
    background: white;
}

.header.closed .inner .burger>div:nth-child(1) {
    animation-name: headerAnimOne2;
}

.header.closed .inner .burger>div:nth-child(2) {
    animation-name: headerAnimTwo2;
}

.header.closed .inner .burger>div:nth-child(3) {
    animation-name: headerAnimThree2;
}

.header.begin .inner .burger>div:nth-child(1) {
    animation-name: headerAnimOne;
}

.header.begin .inner .burger>div:nth-child(2) {
    animation-name: headerAnimTwo;
}

.header.begin .inner .burger>div:nth-child(3) {
    animation-name: headerAnimThree;
}

@keyframes headerAnimOne {
    0% {
        top: 0;
    }

    50% {
        top: 11px;
        transform: rotate(0deg);
    }

    100% {
        top: 11px;
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimOne2 {
    0% {
        top: 11px;
        transform: rotate(-45deg);
    }

    50% {
        top: 11px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes headerAnimTwo {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimTwo2 {
    0% {
        transform: rotate(-45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes headerAnimThree {
    0% {
        top: 0;
    }

    50% {
        top: -11px;
        transform: rotate(0deg);
    }

    100% {
        top: -11px;
        transform: rotate(45deg);
    }
}

@keyframes headerAnimThree2 {
    0% {
        top: -11px;
        transform: rotate(45deg);
    }

    50% {
        top: -11px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
    }
}

.imageCarousel {
    width: 80%;
    padding: 100px 10%;
    background: #eaeef4;
}

.imageCarousel .inner {
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative;
}

.imageCarousel .inner .buttons {
    position: absolute;
    height: 100%;
    width: calc(100% + 80px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: -40px;
    top: 0;
}

.imageCarousel .inner .buttons img {
    width: 20px;
    cursor: pointer;
}

.imageCarousel .carousel {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
}

.imageCarousel .carouselHeight {
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.imageCarousel .carouselHeight img {
    width: 24%;
    aspect-ratio: 1/1;
    height: auto;
}

.imageCarousel .carousel img {
    width: 24%;
    aspect-ratio: 1 / 1;
    height: auto;
    border-radius: 20px;
    max-width: 0px;
    transition: all 0.4s ease-in-out;
    left: -100%;
    position: absolute;
}

.imageCarousel .carousel img.moveright {
    left: 100%;
}

.imageCarousel .carousel img.selected,
.imageCarousel .carousel img.selectedtwo,
.imageCarousel .carousel img.selectedthree,
.imageCarousel .carousel img.selectedfour {
    max-width: 24%;
    left: 0%;
}

.imageCarousel .carousel img.selectedtwo {
    left: 25%;
}

.imageCarousel .carousel img.selectedthree {
    left: 51%;
}

.imageCarousel .carousel img.selectedfour {
    left: 76%;
}

.header .mobileDrop {
    position: absolute;
    right: 20px;
    top: 100%;
    background: #193b47;
    border: 0px solid #3dd9c9;
    padding: 0 20px;
    max-height: 0px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.header.begin .mobileDrop {
    border: 1px solid #3dd9c9;
    padding: 20px;
    max-height: 120px;
}

.header .mobileDrop a {
    display: block;
    color: white;
    text-decoration: none;
    margin: 5px 0;
}

.productInfo .inner .details .usage p.noStock {
    width: 100%;
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

@media(max-width: 1200px) {
    .productInfo .inner .details {
        width: 62%;
    }

    .productInfo .inner .images {
        width: 35%;
    }
}

@media(max-width: 1000px) {
    .productInfo .inner .images .mobile {
        display: block;
    }

    .productInfo .inner .details .info>h1:first-child {
        display: none;
    }

    .productInfo .inner,
    .productRelations .products {
        flex-wrap: wrap;
    }

    .productInfo .inner .images .big img {
        height: 40vh;
    }

    .productInfo .inner .images {
        width: 100%;
    }

    .productInfo .inner .details {
        width: 100%;
        margin-top: 50px;
    }

    .outerAccount .woocommerce nav.woocommerce-MyAccount-navigation {
        width: calc(100% - 60px);
        border-radius: 10px 10px 0 0;
    }

    .outerAccount .woocommerce nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .outerAccount .woocommerce .woocommerce-MyAccount-content {
        width: calc(100% - 60px);
        border: 1px solid black;
        border-top: 0px;
        border-radius: 0 0 10px 10px;
    }

    .outerAccount .woocommerce {
        flex-wrap: wrap;
    }

    .products .single {
        width: 31%;
    }

    .header .inner .burger {
        display: block;
    }

    .header .inner .links:first-child a:not(.logo) {
        display: none;
    }

    .outerCart .woocommerce form.woocommerce-cart-form,
    .outerCart .woocommerce .cart-collaterals {
        width: 100%;
    }

    .footer .inner .links {
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }

    .outerCart .inner>.button {
        margin-top: 30px;
    }

    .textblock .inner {
        flex-wrap: wrap;
    }

    .textblock .inner .textarea {
        width: 100%;
        max-width: 100%;
    }

    .videoArea .inner .content {
        margin: 20px 0;
        width: 100%;
    }

    .textblock .inner .form {
        width: 100%;
        margin-top: 50px;
    }

    .textblock .inner>img {
        width: 100%;
        max-height: 50vh;
        object-fit: contain;
        margin: 20px 0;
    }
}

@media(max-width: 700px) {
    .productTabs .inner .tabInfo .single.features .feature {
        width: 47%;
    }

    .products .single {
        width: 48%;
        margin: 30px 2% 30px 0;
    }

    .whyCuppion .why .single {
        width: 100%;
    }

    .whyCuppion .why .single img {
        max-height: 40vh;
    }

    .textblock,
    .intro.textIntro {
        padding: 50px 10%;
    }

    .header .inner .links:first-child {
        width: 210px;
    }

    .header .inner .links:last-child {
        width: calc(100% - 250px);
        max-width: 100%;
    }


    .footer .inner .links {
        flex-wrap: wrap;
    }

    .footer .inner .links .single {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    .footer .inner .logo {
        margin: 0 auto;
    }

    .footer .inner .links .single .socials {
        justify-content: center;
        margin-top: 10px;
    }

    .footer .inner .outro {
        text-align: center;
    }
}

@media(max-width: 600px) {
    .productInfo .inner .details .lidOptions .options .single .upper {
        flex-wrap: wrap;
    }

    .productInfo .inner .details .lidOptions .options .single .upper img {
        margin: 0 auto;
        max-width: 100%;
    }

    .productInfo .inner .details .lidOptions .options .single .upper p {
        width: 100%;
        margin-top: 5px;
        text-align: center;
    }
}


@media(max-width: 500px) {
    .personalisationPopup {
        left: 5%;
        max-width: calc(90% - 40px);
    }

    .productTabs .inner .tabInfo .single.features .feature {
        width: 100%;
    }

    .header .inner .links:first-child,
    .header .inner a.logo img {
        width: 150px;
    }

    .header .inner .links:last-child {
        width: calc(100% - 180px);
    }

    .header .inner .links:last-child>a,
    .header .inner .links:last-child .cartLogo {
        display: none;
    }

    #headerWatch {
        height: 80px;
    }

    .productInfo .inner .details .usage .price {
        width: 100%;
    }
}