/*
 Theme Name: Custom Landing
 Author: Yasha Sudama
 Description: Custom Landing
 Version: 1.0.0
*/

@font-face {
    font-family: "Open Sans";
    src: url('fonts/open-sans/open-sans.eot');
    src: url('fonts/open-sans/open-sans.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/open-sans.woff2') format('woff2'),
         url('fonts/open-sans/open-sans.woff') format('woff'),
         url('fonts/open-sans/open-sans.ttf') format('truetype'),
         url('fonts/open-sans/open-sans.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Poiret One';
    src: url('fonts/poiret-one/poiret-one.eot');
    src: url('fonts/poiret-one/poiret-one.eot') format('embedded-opentype'),
         url('fonts/poiret-one/poiret-one.woff2') format('woff2'),
         url('fonts/poiret-one/poiret-one.woff') format('woff'),
         url('fonts/poiret-one/poiret-one.ttf') format('truetype'),
         url('fonts/poiret-one/poiret-one.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,
a,
a:hover, 
a:focus,
.summary .price:has(del),
.after-summary-3 .price:has(del),
.footer-fixed-block .price-block:has(del),
.home .woocommerce-ordering select,
.home .woocommerce nav.woocommerce-pagination ul li span.current {
    color: #051832 !important;
}
.woocommerce-product-gallery .onsale-block,
.after-summary-3 .countdown,
footer,
footer a,
.phone a:hover,
.phone a:focus,
.footer-nav ul li a:hover,
.footer-nav ul li a:focus {
    color: #fff !important;
}
header,
.container {
    background-color: #fff;
}
.button-scroll-order a,
.container .place-order button,
.after-summary-3 .countdown,
.container .place-order button:focus,
.container .place-order button:hover,
.footer-fixed-block .button-timer-block a,
.woocommerce-order-received .order-number {
    background: linear-gradient(225deg, rgb(218 138 1) 0%, rgb(252 227 39) 100%);
}
.header-nav ul,
.summary .price:has(del),
.after-summary-3 .price:has(del),
.additional_information ul li,
.reviews ul li,
.after-summary-3 .countdown #timer,
.footer-fixed-block,
.adding-products,
.home .container .woocommerce .products,
.home header,
.page header,
.error404 header {
    display: flex;
}
.header-nav ul,
.footer-fixed-block,
.adding-products,
.home .container .woocommerce .products,
.home header,
.page header,
.error404 header {
    justify-content: space-between;
}
.header-nav ul,
.footer-fixed-block,
.summary .price,
.after-summary-3 .price,
.reviews ul li,
.after-summary-3 .countdown #timer,
.adding-products,
.home header,
.page header,
.error404 header {
    align-items: center;
}
.summary .price del .amount,
.after-summary-3 .price del .amount,
.summary .price del .discount-badge,
.after-summary-3 .price del .discount-badge,
.woocommerce form.checkout:has(#shipping_method_0_flat_rate4[checked="checked"]) #mrkv_ua_shipping_nova-poshta_address_fields,
.button-scroll-order a,
.button-scroll-order span,
.after-summary-3 .countdown .timer-block span,
.footer-fixed-block .price-block del,
.footer-fixed-block .price-block ins,
.adding-products span,
.adding-products + .message {
    display: block !important;
}
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection__rendered .select2-selection__placeholder,
.container .woocommerce .woocommerce-billing-fields #billing_country_field,
.woocommerce-error,
.checkout-inline-error-message,
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.home .container .woocommerce .products li .add_to_cart_button {
    display: none;
}
.summary .price,
.after-summary-3 .price,
.summary .price del .discount-badge,
.after-summary-3 .price del .discount-badge,
.landing-woocommerce-tabs .description iframe,
.landing-woocommerce-tabs .description img,
.reviews ul li,
.button-scroll-order a,
.button-scroll-order span strong,
.after-summary-3 .countdown,
.container .woocommerce .woocommerce-billing-fields .form-row input,
.container .woocommerce-checkout-payment ul li .payment_box,
.container .place-order button,
.summary .price,
.after-summary-3 .price,
.footer-fixed-block .price-block del .discount-badge,
.footer-fixed-block .button-timer-block a,
.adding-products,
.woocommerce-order-received .order-number,
.home .woocommerce-ordering select,
.home .container .woocommerce .products li,
.home .container .woocommerce .products li img,
.home .woocommerce nav.woocommerce-pagination ul li a:focus, 
.home .woocommerce nav.woocommerce-pagination ul li a:hover, 
.home .woocommerce nav.woocommerce-pagination ul li span.current {
    border-radius: 8px !important;
}
.summary .price del .amount,
.after-summary-3 .price del .amount,
.reviews ul li .comment-text time,
.after-summary-3 .countdown .countdown-text,
.side-fixed-block .side-fixed-block-text,
.single-product .select2-container--open .select2-search--dropdown input,
.adding-products + .message,
.turn-block .text-turn-block,
.home .container .woocommerce .products li .onsale,
.home .woocommerce-ordering select {
    font-size: 14px;
}
.header-menu a,
.button-scroll-order a,
.onsale-block .onsale-discount,
.summary .price del .discount-badge,
.after-summary-3 .price del .discount-badge,
.additional_information ul li .label,
.summary .price .amount:not(del .amount),
.after-summary-3 .price .amount:not(del .amount),
.after-summary-3 .countdown,
.footer-fixed-block .price-block del .discount-badge,
.footer-fixed-block .price-block .amount:not(del .amount),
.footer-fixed-block .button-timer-block a,
.footer-fixed-block #timer-footer-fixed-block,
.side-fixed-block .side-fixed-block-icon-number .number,
.adding-products span,
.home .slogan,
.page .slogan,
.error404 .slogan {
    font-weight: bold;
}
.single .container,
.woocommerce-product-gallery .onsale-block,
footer,
.footer-fixed-block #timer-footer-fixed-block,
.footer-nav ul,
.home .slogan,
.page .slogan,
.error404 .slogan,
.home .woocommerce nav.woocommerce-pagination ul li {
    text-align: center !important;
}
ul,
.reviews ul li .comment-text,
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection__rendered,
.side-fixed-block .side-fixed-block-icon-number {
    text-align: left;
}
.container .woocommerce,
ul:not(.description ul),
.landing-woocommerce-tabs .description iframe,
.landing-woocommerce-tabs .description img,
.button-scroll-order,
.after-summary-3 .countdown,
.price {
    max-width: 600px;
}
header,
footer,
.footer-fixed-block,
.summary,
.after-summary,
.after-summary-3,
.home .container, 
.page .container, 
.error404 .container {
    box-sizing: border-box;
}  
#minus,
#plus {
    cursor: pointer;
}
ul:not(.description ul) {
    list-style: none;
}
ul {
    margin: 0 auto;
}
.description ul {
    width: fit-content;
}
.reviews ul,
.header-nav ul,
.footer-nav ul {
    padding: 0 !important;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}
body {
    font-family: "Open Sans";
    font-size: 17px;
    margin: 0;
    background-color: #595959;
}
a {
    text-decoration: none;
}
a:hover, 
a:focus {
    text-decoration: none;
} 
header,
.container,
footer,
.footer-fixed-block {
    max-width: 800px;
    margin: 0 auto;
}
.home .container,
.page .container,
.error404 .container {
    padding: 20px;
}
.home .container,
.error404 .container,
.blog .container {
    min-height: 80vh;
}
header {
    position: sticky;
    top: 0;
    padding: 20px 10px;
    box-shadow: 0 0 25px -5px #000;
    z-index: 100;
}
.home header,
.page header,
.error404 header {
    padding: 7px 10px 2px;
}
.header-nav ul {
    font-size: 12px;
    text-transform: uppercase;
}
.home .container .woocommerce .products {
    flex-wrap: wrap;
}
.home .container .woocommerce .products li {
    position: relative;
    margin-bottom: 50px;
}
.home .container .woocommerce .products li .onsale {
    background: linear-gradient(225deg, rgb(248, 17, 85) 0%, rgb(217 26 37) 100%);
}
.home .logo img,
.page .logo img,
.error404 .logo img {
    width: 80px;
    height: 75px;
}
.home .slogan,
.page .slogan,
.error404 .slogan {
    width: 33%;
    font-family: 'Poiret One';
    font-size: 18px;
}
.home .woocommerce-ordering select {
    padding: 5px 10px;
    border: 1px solid #05183275;
}
.home .price del {
    margin-right: 10px;
}
.home .price ins {
    font-size: 18px;
    color: #005bff;
}
.home .woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.home .woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
}
.home .woocommerce nav.woocommerce-pagination ul li a {
    color: #05183275 !important;
} 
.home .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #0030780a;
}
.home .woocommerce nav.woocommerce-pagination ul li a:focus, 
.home .woocommerce nav.woocommerce-pagination ul li a:hover {
    border: none;
    background: transparent;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%;
}
.woocommerce-product-gallery .onsale-block {
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-radius: 50%;
    padding: 24px 15px;
    background: linear-gradient(225deg, rgb(248, 17, 85) 0%, rgb(217 26 37) 100%);
    z-index: 1;
}
.woocommerce-product-gallery:has(.flex-viewport) .onsale-block {
    bottom: 96px;
}
.woocommerce-product-gallery .onsale-block span {
    display: block;
}
.woocommerce-product-gallery .onsale-block .onsale-text {
    font-size: 16px;
}
.woocommerce-product-gallery .onsale-block .onsale-discount {
    font-size: 26px;
    letter-spacing: 2px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    height: 85px;
    object-fit: cover;
}
.summary,
.after-summary,
.after-summary-3 {
    padding: 0 20px;
}
.summary .price,
.after-summary-3 .price {
    background-color: #0030780a;
    padding: 12px 0;
    margin-right: auto;
    margin-left: auto;
}
.summary .price del,
.after-summary-3 .price del {
    width: 50%;
    opacity: 1 !important;
    border-right: 1px solid #e4e4e4;
    text-decoration: none;
}
.summary .price del .amount,
.after-summary-3 .price del .amount {
    text-decoration: line-through;
}
.summary .price del .discount-badge,
.after-summary-3 .price del .discount-badge,
.footer-fixed-block .price-block del .discount-badge {
    background-color: #e6d73e;
    padding: 5px 12px;
    letter-spacing: 1px;
    margin: 5px auto 0;
}
.summary .price del .discount-badge,
.after-summary-3 .price del .discount-badge {
    width: fit-content;
}
.summary .price ins,
.after-summary-3 .price ins {
    width: 50%;
    text-decoration: none;
    background-color: transparent !important;
}
.summary .price .amount:not(del .amount),
.after-summary-3 .price .amount:not(del .amount),
.footer-fixed-block .price-block .amount:not(del .amount) {
    color: #005bff;
}
.woocommerce-product-details__short-description ul li,
.additional_information ul li {
    position: relative;
    margin-bottom: 15px;
}
.woocommerce-product-details__short-description ul li::before,
.additional_information ul li::before {
    content: "";
    position: absolute;
    transform: rotate(45deg);
}
.woocommerce-product-details__short-description ul li::before {
    top: 8px;
    left: -20px;
    width: 8px;
    height: 8px;
    background: #000;
}
.landing-woocommerce-tabs .description iframe,
.landing-woocommerce-tabs .description img {
    width: 100%;
}
.additional_information h2,
.reviews h2 {
    padding: 20px 0 10px;
}
.additional_information ul li p {
    margin: 0;
}
.additional_information ul li::before {
    width: 6px;
    height: 6px;
    top: 6px;
    left: -22px;
    border: 2px solid #000;
}
.additional_information ul li .label {
    margin-right: 10px;
}
.reviews ul li {
    padding: 10px;
    margin-bottom: 15px;
    background-color: #0030780a;
}
.reviews ul li .photo-review img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%;
}
.reviews ul li .comment-text {
    margin-left: 20px;
}
.reviews ul li .comment-text p {
    margin: 0;
}
.reviews ul li .comment-text .meta {
    font-size: 15px;
}
.reviews ul li .comment-text .description p {
    margin-top: 5px;
}
.button-scroll-order {
    margin: 30px auto;
}
.button-scroll-order a,
.container .place-order button {
    text-transform: uppercase;
}
.button-scroll-order a {
    font-size: 22px;
    letter-spacing: 1px;
    padding: 15px 0;
    margin-bottom: 15px;
}
.button-scroll-order span strong {
    background-color: #e6d73e;
    padding: 3px 6px;
}
.after-summary-2 {
    margin-top: 30px;
}
.after-summary-3 .countdown {
    margin: 30px auto;
    padding: 15px;
}
.after-summary-3 .countdown #timer {
    justify-content: center;
}
.after-summary-3 .countdown .countdown-text {
    margin-bottom: 5px;
}
.after-summary-3 .countdown #timer .timer-block .number {
    font-size: 24px;
}
.after-summary-3 .countdown #timer .timer-block .text {
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 1px;
}
.after-summary-3 .countdown #timer .colon {
    font-size: 24px;
    margin: 7px;
}
.container .woocommerce {
    padding: 50px 20px 30px;
    margin: 0 auto;
}
.home .container .woocommerce {
    padding: 0;
}
.container .woocommerce .woocommerce-shipping-methods {
    padding-left: 15px !important;
}
.container .woocommerce .woocommerce-shipping-methods li input {
    vertical-align: inherit !important;
}
.container .woocommerce .woocommerce-billing-fields .form-row input,
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection--single {
    background-color: #f6f7fa;
    border: 1px solid #000;
}
.container .woocommerce .woocommerce-billing-fields .form-row input {
    font-size: 18px;
    padding: 20px 20px;
}
.container .woocommerce .woocommerce-billing-fields .form-row:has(input[type="hidden"]) {
    margin: 0;
    padding: 0;
}
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection--single {
    height: 66px;
}
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection__rendered {
    font-size: 18px;
    color: #000;
    padding: 17px 20px 0;
}
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection__arrow {
    height: 100%;
    right: 5px;
}
.container .woocommerce .woocommerce-billing-fields .form-row .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    border-width: 7px 5px 0 4px;
}
.container .woocommerce .woocommerce-billing-fields .form-row label {
    line-height: 1;
    font-size: 15px;
}
.single-product .select2-container--open .select2-search--dropdown {
    padding: 0;
}
.single-product .select2-container--open .select2-search--dropdown input {
    padding: 10px;
    border-top: 1px solid #00000026;
    border-bottom: 1px solid #00000026;
    border-left: 0;
    border-right: 0;
}
.container .woocommerce .woocommerce-billing-fields #mrkv_ua_shipping_nova-poshta_address_house::placeholder,
.container .woocommerce .woocommerce-billing-fields #mrkv_ua_shipping_nova-poshta_address_flat::placeholder {
    color: transparent !important;
}
.single-product .select2-container--open .select2-results ul li {
    font-size: 15px;
    padding: 5px 10px;
}
.container .woocommerce-checkout-payment {
    margin-top: 30px;
    background-color: transparent !important;
}
.container .woocommerce-checkout-payment ul {
    padding: 0 !important;
    padding-left: 15px !important;
    border-bottom: 0 !important;
}
.container .woocommerce-checkout-payment ul li {
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}
.container .woocommerce-checkout-payment ul li input {
    margin: 0 !important;
    margin-right: 5px !important;
}
.container .woocommerce-checkout-payment ul li .payment_box {
    background-color: #f6f7fa !important;
}
.container .woocommerce-checkout-payment ul li .payment_box::before {
    border: 1em solid #f6f7fa !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}
.container .place-order {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 20px !important;
}
.container .place-order button {
    width: 100%;
    color: #000 !important;
    letter-spacing: 0.5px;
    font-size: 18px;
    padding: 20px 0;
    margin-top: 30px;
}
footer {
    font-size: 13px;
    padding: 30px 20px;
    background-color: #000;
}
footer .information {
    margin-bottom: 30px;
}
footer .information > div,
footer .footer-menu ul li {
    margin-bottom: 5px;
}
footer a {
    font-weight: 400;
    text-decoration: underline;
}
.footer-fixed-block {
    position: sticky;
    bottom: 0;
    padding: 20px;
    background-color: #f6f7fa;
    box-shadow: 0 0px 20px -8px #000;
    z-index: 1;
}
.footer-fixed-block .price-block del {
    opacity: 1 !important;
    text-decoration: none;
}
.footer-fixed-block .price-block del .amount {
    font-size: 16px;
    text-decoration: line-through;
}
.footer-fixed-block .price-block ins {
    margin-top: 5px;
    text-decoration: none;
}
.footer-fixed-block .button-timer-block a {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px;
}
.footer-fixed-block .price-block .amount:not(del .amount) {
    font-size: 24px;
}
.footer-fixed-block #timer-footer-fixed-block {
    margin-top: 15px;
    font-size: 20px;
}
.side-fixed-block {
    position: fixed;
    top: 50%;
    right: 0;
    font-size: 15px;
    padding: 12px;
    transform: translateY(-50%);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 20px -12px #000;
    z-index: 1;
}
.side-fixed-block .side-fixed-block-text {
    margin-bottom: 8px;
}
.side-fixed-block .side-fixed-block-icon-number .icon {
    font-size: 26px;
    color: coral;
    margin-right: 12px;
}
.side-fixed-block .side-fixed-block-icon-number .number {
    font-size: 18px;
}
.adding-products {
    width: 75%;
    font-size: 24px;
    padding: 6px 0;
    margin: 0 auto;
    border: 1px solid #000;
}
.adding-products span {
    width: calc(100% / 3);
}
.adding-products #minus {
    font-size: 16px;
}
.adding-products #plus {
    font-size: 30px;
}
.adding-products + .message {
    margin-top: 10px;
}
.adding-products + .update {
    color: green;
}
.adding-products + .error {
    color: #d91a25;
}
.turn-block .icon-turn-block {
    width: 14px;
    margin-left: 5px;
    transform: translateY(2px);
}
.woocommerce-order-received .woocommerce {
    padding: 0;
}
.woocommerce-order-received .payment-description {
    font-size: 14px;
}
.woocommerce-order-received .payment-description p {
    margin-bottom: 5px;
}
.woocommerce-order-received .woocommerce-order-details {
    margin-top: 25px;
}
.woocommerce-order-received table {
    font-size: 14px;
    border: none !important;
}
.woocommerce-order-received table tr {
    display: table-row;
    margin-bottom: 0;
    border: none;
}
.woocommerce-order-received table tr th {
    padding: 10px 10px 10px 0 !important;
    border: none !important;
    border-bottom: 1px solid lightgray !important;
}
.woocommerce-order-received #main table tr td {
    padding: 10px 10px 10px 0 !important;
    border-top: none !important;
    text-align: left !important;
    border-bottom: 1px solid lightgray;
}
.woocommerce-order-received .order-number {
    width: fit-content;
    font-size: 15px;
    padding: 10px;
    margin-bottom: 20px;
}
.woocommerce-order-received .order-number p {
    margin: 0;
}
.phone a:hover,
.phone a:focus,
.footer-nav ul li a:hover,
.footer-nav ul li a:focus {
    text-decoration: none;
}
form.checkout:has(.novalid-phone) .validate-phone input {
    border-color: var(--wc-red) !important;
}
form.checkout:has(.novalid-phone) .validate-phone label,
form.checkout:has(.novalid-phone) .validate-phone input {
    color: var(--wc-red) !important;
}
.wp-video {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
}
.wp-video > div,
.wp-video video,
.wp-video .mejs-controls {
    border-radius: 8px;
}

@media (min-width: 500px) {

    .woocommerce div.product div.images .flex-control-thumbs li img {
        height: 120px;
    }
    .woocommerce-product-gallery:has(.flex-viewport) .onsale-block {
        bottom: 130px;
    }
    .home .container .woocommerce .products li {
        width: 46%;
    }

}

@media (min-width: 640px) {

    header {
        padding: 20px 40px;
    }
    .header-nav ul {
        font-size: 14px;
    }
    .woocommerce div.product div.images .flex-control-thumbs li img {
        height: 150px;
    }
    .woocommerce-product-gallery:has(.flex-viewport) .onsale-block {
        bottom: 160px;
    }
    footer {
        font-size: 15px;
    }
    .woocommerce-order-received table {
        font-size: 16px;
    }
    .home .logo img,
    .page .logo img,
    .error404 .logo img {
        width: 100px;
        height: 95px;
    }
    .home .slogan,
    .page .slogan,
    .error404 .slogan {
        width: 28%;
        font-size: 20px;
    }

}


@media (min-width: 800px) {

    .container .woocommerce .woocommerce-shipping-methods,
    .container .woocommerce-checkout-payment ul {
        padding-left: 0 !important;
    }
    .home header,
    .page header,
    .error404 header {
        padding: 7px 50px 2px;
    }

}