/*global*/
.master-column-wrapper,
.master-wrapper-content{position: initial;}

.whatsapp-btn-wrapper{ position: fixed; bottom: 6em; right: 2em; display: block; border: 0; border-radius: 50%; font-size: 1.2em; cursor: pointer; z-index: 9999; transition: opacity .3s,transform .3s; background: transparent }
.whatsapp-btn-wrapper svg{width:50px;height:50px;}
.field-validation-error{color:red !important;font-size:14px !important;font-weight:500 !important;text-align: left;}

.back-to-top{display: none;}
.block .list .active > a{color: #0681c1;}
.link-rss{display: none;}

.input-validation-error { border-color: red;  color: red; font-size: 16px; margin-top: 4px;}

.item-box .add-to-wishlist-button{border: none !important;}
.slick-next, .slick-prev{height: 50px !important; width: 100% !important; padding: 0; margin: 0; max-width: 40px !important; z-index: 99;}
.slick-next{right: 0 !important;}
.slick-prev{left: 0 !important;}
.custom-arrow svg { fill: #cfcfcf; transition: fill 0.3s; }
.picture-thumbs .slick-next,
.picture-thumbs .slick-prev{height: auto !important;max-width: 20px !important;}
.slick-prev:before,
.slick-next:before{display: none;}

label,
.inputs label{width: 100%; display: block; text-align: left; font-weight: 600; font-size: 18px; color: var(--font-color); margin-bottom: 3px;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea,
.inputs input[type="text"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs input[type="password"],
.inputs select,
.inputs textarea{ width: 100%; min-height: 47px; border-radius: 8px; border: 1px solid #bfbfbf;}

input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="tel"]:read-only,
input[type="password"]:read-only,
textarea:read-only,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled,
select:disabled,
textarea:disabled{background-color: #f5f5f5;}

input:focus-visible,
select:focus-visible,
textarea:focus-visible{outline: none;}

textarea{min-height: 200px !important;}

.custom-check-list { list-style: none; padding: 0; margin: 0; }
.custom-check-list li { position: relative; padding-left: 28px; margin-bottom: 8px; line-height: 1.4; }
.custom-check-list li::before { content: ''; position: absolute; left: 0; top: -3px; width: 30px; height: 30px; background-image: url("data:image/svg+xml;utf8,<svg fill='%23007dc5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2l-4.2-4.2-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>"); background-repeat: no-repeat; background-size: contain; } 

.loader-svg{position: absolute;  z-index: 9; visibility: hidden; display: flex ; align-items: center; justify-content: center; width: 100%; background: #ffffffb3; height: 100%;}
.product-popup .modal-body .col-md-6{margin-bottom: 10px;}

/*auto complete*/
.ui-autocomplete{width: 30% !important;border-radius: 12px;}

/*header popup*/
.header-popup{border-radius: 6px; position: absolute; width: 400px; background: white; border: 1px solid #ccc; z-index: 9999; box-shadow: 0 4px 10px rgba(0,0,0,0.1); font-family: Arial, sans-serif; }
.header-arrow { position: absolute; top: -10px; right: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0079c1; }
.close-popup { background: none; border: none; color: white; font-size: 36px; cursor: pointer;padding-right: 9px; line-height: 1px;}
.popup-header{border-top-left-radius: 6px; border-top-right-radius: 6px; display: flex; justify-content: space-between; align-items: center; background: #0079c1; color: white; padding: 10px; font-weight: bold; font-size: 16px; }
.popup-header h5{font-weight: bold; margin: 0;}
.header-body { margin-top: 15px; padding: 0 20px ;}
.popup-footer { margin-top: 15px; font-size: 14px; text-align: center; display: flex;justify-content: space-between;align-items: baseline;padding: 0 20px;}
.popup-footer *{font-size: 16px;}

/*flyout cart*/
.header-arrow { position: absolute; top: -10px; right: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0079c1; }
#topcartlink{background: transparent;padding: 0;}
#topcartlink a{background: none;padding: 0;background-color: transparent;}
.flyout-cart{right: 11.3%;width: 400px;top: 70%;border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);position: absolute;background-color: #fff;}
.mini-shopping-cart{padding: 0;background-color: #fff;}
.mini-shopping-cart .item{display: flex ; justify-content: space-between; align-items: center; border-bottom: 1px solid #000;padding: 20px 0;}
.mini-shopping-cart .picture + .product{margin: 0;display: flex;max-width: 60%;}
.mini-shopping-cart .name a:hover,
.mini-shopping-cart .name a:focus,
.mini-shopping-cart .name a{color: #000;}
.mini-shopping-cart .name{margin: 0;text-align: center;}
.mini-shopping-cart .name a{font-size: 16px; font-weight: 600; line-height: 120%;}
.mini-shopping-cart .price{font-size: 18px;font-weight: 600;line-height: normal;display: flex ; flex-direction: column;}
.mini-shopping-cart .price .old-price{ text-decoration: auto; position: relative; display: block; overflow: visible;width: fit-content;}
.mini-shopping-cart .price .old-price:after { content: ""; height: 3px; display: block; background: var(--red); position: absolute; width: 109%; left: -3px; right: -1px; z-index: 1; top: 50%; transform: translateY(-50%) rotate(-11deg); }
.mini-shopping-cart .header{background: #0681c1;display: flex ; justify-content: space-between;padding: 12px;border-top-left-radius: 6px; border-top-right-radius: 6px; }
.mini-shopping-cart .header h5{font-weight: bold; margin: 0;color: #fff;}
.mini-shopping-cart .header .close-popup { background: none; border: none; color: white; font-size: 36px; cursor: pointer;padding-right: 9px; line-height: 1px;font-weight: bold;}
.mini-shopping-cart .header .close-popup:hover{background: transparent;}
.mini-shopping-cart .items{padding: 0 12px;border: none;margin: 0;}
.mini-shopping-cart .totals{padding: 20px 12px;display: flex;justify-content: space-between; font-size: 16px;font-weight: 500;margin: 0;}
.mini-shopping-cart .totals strong{font-size: 18px;font-weight: 600;color: #000;}
.mini-shopping-cart .buttons {margin: 0 12px 12px 12px;text-align: right;}
.mini-shopping-cart button[type="button"]{border-radius: 6px;font-weight: 600;border: none; display: inline-block; background-color: #0682c2; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase;}
.mini-shopping-cart .no-item-wrapper{min-height: 100px;padding: 12px;}
.mini-shopping-cart .price .old-price + .current-price {color: #e30613;}

.cart-logo{position: relative;}
.header-popup.flyout-modal{top:50px;right: -17px;display: none;}
.popup-footer.flyout{margin-bottom: 20px;justify-content:flex-end;}
.popup-footer.flyout a{line-height: normal;font-size: 16px;width: fit-content;padding: 12px 16px; color: #fff !important;}
.header-body.flyout .product-info-ul{padding: 0;display: block;}
.header-body.flyout .product-info-ul .product-info-li:first{border-top: none;}
.header-body.flyout .product-info-ul .product-info-li{ padding: 20px 0; border-bottom: 1px solid #000;}
.header-body.flyout .product-info-wrapper{display: flex;justify-content:space-between;align-items:center;}
.header-body.flyout .product-info-wrapper .price-wrapper{display: flex;flex-direction: column;}
.header-body.flyout .product-info-wrapper .old-price{width: fit-content; text-decoration: auto; position: relative; display: block; overflow: visible; color: var(--font-color); font-weight: 600; font-size: 18px; margin: 0; line-height: 24px; margin-bottom: 3px; }
.header-body.flyout .product-info-wrapper .old-price::after{ content: ""; height: 3px; display: block; background: var(--red); position: absolute; width: 109%; left: -3px; right: -1px; z-index: 1; top: 50%; transform: translateY(-50%) rotate(-11deg); }
.header-body.flyout .product-info-wrapper .current-price{font-size: 18px;font-weight: 600;line-height: normal;}
.header-body.flyout .product-info-wrapper .product-detail-wrapper{max-width: 55%;text-align: center;}
.header-body.flyout .product-info-wrapper .product-detail-wrapper *{font-size: 16px; font-weight: 600; line-height: 120%;}
.header-body.flyout .total-wrapper{display: flex;justify-content: space-between;padding-top: 20px;}
.header-body.flyout .total-wrapper label{font-size: 16px;font-weight: 500;}
.header-body.flyout .total-wrapper p{font-size: 18px;font-weight: 600;}

/*login popup*/
.header-links>ul li .sublinks{border: none !important;}
.header-popup.login-modal{right: 105px;top: 10px;}
.login-password .label-wrapper{display: flex;justify-content: space-between;align-items: center;}
.login-password .label-wrapper a {margin: 0; line-height: normal;white-space: nowrap;}
.header-body.login label { display: block; margin-bottom: 5px; font-weight: bold; color: #555; font-size: 16px;text-align: left;}
.header-body.login input { width: 100%; padding: 8px; margin-bottom: 12px; border: 1px solid #ccc; border-radius: 4px; }
.password-wrapper { position: relative; }
.toggle-password,
.toggle-password-login { position: absolute; right: 10px; top: 8px; background: none; border: none; cursor: pointer; }
.toggle-password svg,
.toggle-password-login svg{width: 20px;height: 20px;}
.forgot-link { float: right; font-size: 12px; color: #0079c1; margin-top: -10px; margin-bottom: 10px; }
.login-button {font-size: 16px; width: 100%; background: #0079c1; color: white; border: none; padding: 10px; font-weight: bold; cursor: pointer; border-radius: 4px; }
.popup-footer.login a { color: #0079c1; margin-left: 5px; }
.header-links ul.error-list{font-size: 13px;justify-content: center;}

/*header links*/

/* product detail page */
.html-product-details-page .title strong{width: 100%;font-size: 24px;color: #46a2d1;font-weight: bold;padding-bottom: 8px;}
.html-product-details-page .title {border-color: #46a2d1;padding: 0;border-bottom: 2px solid #46a2d1;}
.gallery,
.overview{width: 100%;float: none;}
.overview{margin-bottom: 25px;}
.add-to-cart-wrapper{display: flex;gap: 20px;align-items: end;}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button{width: 100%;font-weight: bold; display: flex ; justify-content: center; align-items: center;}
.overview .add-to-cart{width: 100%;}
.overview .add-to-cart-panel, .variant-overview .add-to-cart-panel{width: 100%;display: flex;gap: 20px;}
.quantity-wrapper { display: flex ; align-items: center; gap: 5px; padding: 0px 6px; border: 2px solid #b3b3b2; border-radius: 8px; } 
.quantity-wrapper button{border: none;background: transparent;font-size: 18px;font-weight: bold;color: #000;}
.overview .qty-input, .variant-overview .qty-input{border: none;height: auto;font-size: 16px;font-weight: bold;color: #000;width: 100px !important;}
.overview .qty-input:focus-visible, .variant-overview .qty-input:focus-visible{outline: none !important;}
.add-to-cart-wrapper .add-to-wishlist-button{border: 2px solid #989898 !important;background-color: transparent !important;background-image: none !important;padding: 12px !important;border-radius: 4px;}
.overview .product-price span{display: flex; gap: 12px;align-items: baseline;font-size: 32px;color: #000;}
.overview .product-price span p{font-size: 18px;margin: 0;font-weight: 300;}
.picture-gallery .picture a{width: 100%;display: flex;}
.picture-gallery .picture-thumbs .slick-track{display: flex;justify-content: space-between;}
.picture-gallery .picture-thumbs .slick-slide{width: 160px !important;height: 160px !important;}
/* .picture-gallery .picture-thumbs .slick-slide.slick-active img{background: transparent;} */
.picture-gallery .picture-thumbs .thumb-item{height: 100%; border: 1px solid #b0b0af; border-radius: 5px;margin: 0;}
.picture-gallery .picture-thumbs img {margin: 0 !important;padding: 5px;background-color: #dadada;object-fit: contain;width: 160px;height: 150px;min-width: 100%;min-height: 70px;}
.long-description-wrapper label{width: 100%;font-size: 24px;color: #46a2d1;border-bottom: 2px solid #46a2d1;font-weight: bold;padding-bottom: 8px;}
.html-product-details-page .item-box .picture a img{width: 300px;height: 300px;object-fit: contain;}
.tier-prices table td{border: none; padding-left: 0;background-color: transparent;font-weight: bold;}
.tier-prices .quantity-tr{border-bottom:2px solid #2a94ca;}
.tier-prices .quantity-tr td {color: #0682c2;}
.tier-prices .price-tr td{background-color: transparent;color: #716f6f;}
.overview .short-description{margin: 50px 0 !important; }
.overview .short-description li{font-size: 18px;padding-bottom: 8px;}
.spec-detail-wrapper .spec-name{font-size: 18px;font-weight: bold;color: #46a2d1;}
.spec-detail-wrapper .spec-value{margin:0;font-size: 18px;font-weight: 400;text-align: left;}
.product-details-page{padding: 0;}
.html-product-details-page .product-name h1{font-weight: bold;}
.html-product-details-page .product-specs-box .title{margin-bottom: 24px;}
.spec-detail-row{gap:24px 0;}
.long-description-wrapper{margin-bottom: 50px;}
.html-product-details-page .block .title{ display: flex ; height: 48px; align-items: center;}
.html-product-details-page .block .title strong{font-size: 40px;}
.html-product-details-page .breadcrumb{margin-bottom: 30px;}
.html-product-details-page .overview .prices,
.html-product-details-page .overview .prices > div{margin: 0;}
.html-product-details-page .overview .availability .stock .value{color: var(--blue); font-weight: 400;font-size: 15px; text-align: left;}

/*detail image*/
.gallery .picture img, .picture-gallery .picture-thumbs img, .video-gallery .video-thumbs iframe, .variant-picture img{position: inherit;}
.gallery .picture img{width: 550px;height: 550px;object-fit: contain;}
.gallery .picture:before{padding: 0 !important;}

/*contact us*/
.contact-page .page-body{max-width:850px;margin: 0 auto;}
.contact-page .page-title{border: none;padding: 60px 0 40px 0;}
.contact-page .page-title h1{margin: 0;color: #000;}
.contact-page .page-title p{margin: 0; padding-top:18px;font-size: 22px;}
.contact-page .form-fields{background: transparent;border: none;padding: 0;}
.contact-page .form-fields .inputs{display: flex;flex-direction: column;}

/*catalog page*/
.topic-page .page-title{border: none;padding-top: 40px;}
.topic-page .page-title h1{color: #000;font-size: 28px;}
.catalog-content-wrapper{ display: flex ; flex-direction: column; gap: 50px; padding-top: 50px;}
.catalog-info-wrapper h3.title{color: #0682c2;font-weight: 600;text-align: left;margin: 0;}
.catalog-info-wrapper h6.sub-title{text-align: left;font-weight: 600;margin-bottom: 32px;}
.custom-catalog-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; margin-top: 20px; }
.custom-catalog-grid .catalog-card { text-align: left; }
.custom-catalog-grid .catalog-image { width: 100%; aspect-ratio: 1 / 1; background-color: #eee; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.custom-catalog-grid .catalog-image img { max-width: 100%; max-height: 100%; }
.custom-catalog-grid .catalog-title h6{ font-weight: bold; margin-top: 32px; font-size: 20px;}
.custom-catalog-grid .catalog-description p{ font-size: 16px; margin: 0px 0 5px 0; }
.custom-catalog-grid .catalog-link { color: #007bff; font-size: 14px; text-decoration: none; font-size: 16px;}
.custom-catalog-grid .catalog-link:hover { text-decoration: underline; }
#pdfModal .modal-lg { max-width: 90% !important; }
iframe#pdfFrame { width: 100%; height: 80vh; border: none; }

/*news-list page*/
.news-list-page .page-title {margin: 24px 0 0 0; text-align: center;border: none;color: #000;}
.news-list-page .page-title h1{margin: 0; text-align: center;border: none;color: #000;width: 100%;}
.news-list-page .page-body{padding-top: 60px;}
.html-news-list-page .news-wrapper { padding: 20px; }
.html-news-list-page .news-item { background-color: #fff; border-radius: 5px; display: flex; flex-direction: column; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; height: 100%; }
.html-news-list-page .news-image .image-placeholder { background-color: #ccc; height: 250px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; border-radius: 8px; text-align: center; }
.html-news-list-page .news-image img{height: 250px;object-fit: contain;width: 100%;padding: 20px;border: 1px solid #ccc;border-radius: 8px;}
.html-news-list-page .news-content { padding:20px 0 0 0px; flex-grow: 1; display: flex; flex-direction: column; }
.html-news-list-page .news-date {margin-bottom: 0;padding: 0; font-size: 14px; color: #333; font-weight: 600; margin-bottom: 8px; background: transparent;}
.html-news-list-page .news-title {padding: 0; font-size: 28px; font-weight: bold; color: #0078b8; text-decoration: none; margin-bottom: 10px;  display: block; line-height: 100%;}
.html-news-list-page .news-body { font-size: 18px; color: #000; margin-bottom: auto; padding: 0;line-height: 160%;font-weight: 600;}
.html-news-list-page .read-more { margin-top: 10px; }
.html-news-list-page .read-more a { color: #0078b8; font-size: 16px; font-weight: 600; }
.html-news-list-page .read-more a::after { content: ' >>'; } 

/*news detail page*/
.news-container { max-width: 1500px; margin: 0 auto; padding: 40px 20px; }
.news-container h2 { font-size: 20px; font-weight: bold; line-height: 1.6; margin-bottom: 30px; }
.news-container .content-row { display: flex; gap: 40px; margin-bottom: 40px; align-items: flex-start; flex-wrap: wrap; }
.news-container .img-wrapper{flex: 1 1 300px;}
.news-container .img-wrapper .image-placeholder {border-radius: 10px;  height: 250px; background-color: #ccc; display: flex; justify-content: center; align-items: center; font-style: italic; color: #666; text-align: center; }
.news-container .img-wrapper img{height:250px;object-fit: contain;border-radius: 10px;padding: 20px;}
.news-container .text-block { flex: 2 1 400px; }
.news-container h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.news-container p { line-height: 1.6; font-size: 18px; }
.news-container .section { margin-bottom: 40px; }
.html-news-item-page .post-date,.html-news-item-page .news-date{background: transparent;border: none;text-align: center;}
.html-news-item-page  .page-title{border: none;}
.html-news-item-page  .hero-banner{padding: 20px;}
.html-news-item-page  .hero-banner img{height:350px;width: 100%;border-radius:12px ;object-fit: cover;}

/*topic*/
.topic-page p{text-align: left !important;}

/*video-section-wrapper instruction-section*/
.instruction-section .heading-section{padding-bottom: 24px;padding-top: 75px;}
.instruction-section .heading-section h3{margin: 0;color:#0682c2;font-weight: bold;}
.instruction-section .heading-section h5{margin: 0;color:#000; font-weight: bold;}
.instruction-section .column-wrapper{margin-bottom: 20px;}

.video-section-wrapper .video-wrapper { position: relative; width: 100%; max-width: 500px; }
.video-section-wrapper .video-thumbnail { width: 100%; display: block; height: 280px; object-fit: cover;border: 1px solid #000; border-radius: 12px;}
.video-section-wrapper .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgb(6 130 194 / 30%); border: none; border-radius: 50%; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease; }
.video-section-wrapper .play-button::before { content: ''; width: 60px; height: 60px;background-repeat: no-repeat;background-position:center; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 67.78 76.05"><defs><style> .cls-1 { fill: %23fff; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M64.17,31.77L10.83,.98C6.02-1.8,0,1.67,0,7.23v61.58c0,5.56,6.02,9.04,10.83,6.26l53.33-30.79c4.82-2.78,4.82-9.73,0-12.51"/></g></svg>'); }
.video-section-wrapper .play-button:hover { background: rgb(6 130 194 / 50%); }
.video-section-wrapper video { width: 100%; height: 280px; display: none; object-fit: cover;border-radius: 12px;}

.manual-pdf-section img{height: 280px;object-fit: contain;border: 1px solid #000;border-radius: 12px;}

/*cart order summary*/
.html-shopping-cart-page .order-progress{display: none;}
.shopping-cart-page .page-title{border-bottom: 1px solid #ddd;margin: 0 0 30px 0;padding-top: 40px;}
.shopping-cart-page .page-title h1{text-align: left;color: #000;}
.shopping-cart-page .page-title h5{text-align: left;color: #707070;}
.shopping-cart-page .page-title h5 a{color: #707070;text-decoration: underline;}
.cart-options .common-buttons{background: transparent;padding:0 ;margin: 0;}
.shopping-cart-page .selected-checkout-attributes{margin: 0;}
.shopping-cart-page .common-buttons button{position:relative; width: 100%;margin: 0;background: transparent !important;color: #0682c2;font-size: 24px;}
.shopping-cart-page .common-buttons button::before{content: '';position: absolute;left: 15%;top: 50%;transform: translateY(-50%) rotate(90deg);display: inline-block;width: 20px;height:20px;background-repeat: no-repeat;background-position: center;fill: #0682c2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24.64 13.74'%3E%3Cpolygon fill='%230682c2' points='12.32 13.74 0 1.41 1.41 0 12.32 10.91 23.23 0 24.64 1.41 12.32 13.74'/%3E%3C/svg%3E");
}
.cart-products-list ul li{position: relative;}

.order-detail-section{position: relative;}
.order-detail-section .cart-products-list ul{padding: 0;}
.order-detail-section .cp-right .price-wrapper{display: flex;align-items: flex-start;justify-content: space-between;}
.order-detail-section .price-wrapper .unit-price .product-unit-price{font-size: 18px;}
.order-detail-section .price-wrapper .subtotal {display: flex;flex-direction: column;}
.order-detail-section .price-wrapper .subtotal label{display: none;}
/* .order-detail-section .price-wrapper .subtotal .old-price{width: fit-content; text-decoration: auto; position: relative; display: block; overflow: visible; color: var(--font-color); font-weight: 600; font-size: 22px; margin: 0; line-height: 24px; margin-bottom: 3px; }
.order-detail-section .price-wrapper .subtotal .old-price::after{ content: ""; height: 3px; display: block; background: var(--red); position: absolute; width: 109%; left: -3px; right: -1px; z-index: 1; top: 50%; transform: translateY(-50%) rotate(-11deg); } */
.order-detail-section .price-wrapper .subtotal .product-subtotal{font-size: 22px;font-weight: 600;}
.order-detail-section .quantity input.qty-input{border: none;background-color: transparent  ;}
.order-detail-section .quantity-wrapper { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 8px; width: fit-content; padding: 5px 10px; }
.order-detail-section .qty-btn { background: none; border: none; font-size: 20px; padding: 0 10px; cursor: pointer; user-select: none; }
.order-detail-section .qty-input { width: 30px; text-align: center; border: none; font-size: 16px; outline: none; background: transparent; pointer-events: none; }
.order-detail-section .qty-btn:focus { outline: none; }
.order-detail-section .quantity .td-title{display: none;}
.order-detail-section .cart-collaterals{width: 100%;}
.order-detail-section .price-wrapper .subtotal .old-price + .product-subtotal{color: #e30613;}
.order-detail-section .price-wrapper .subtotal .discount,
.order-detail-section .price-wrapper .subtotal .discount-additional-info{color: red;}

.order-detail-section .cp-right .price-wrapper .price-parent-wrapper {display: flex;flex-direction: column;}
.order-detail-section .cp-right .price-wrapper .price-parent-wrapper .old-price{width: fit-content; text-decoration: auto; position: relative; display: block; overflow: visible; color: var(--font-color); font-weight: 600; font-size: 18px; margin: 0; line-height: 24px; margin-bottom: 3px; }
.order-detail-section .cp-right .price-wrapper .price-parent-wrapper .old-price::after{ content: ""; height: 3px; display: block; background: var(--red); position: absolute; width: 109%; left: -3px; right: -1px; z-index: 1; top: 50%; transform: translateY(-50%) rotate(-11deg); }
.order-detail-section .cp-right .price-wrapper .price-parent-wrapper .old-price + .unit-price .product-unit-price{color: #e30613;}

.order-notes label{font-size: 20px;padding-bottom: 15px;}
.order-notes textarea{min-height: 100px;}

.checkout-page .order-total-wrapper{width: 100%;}
.order-total-section{border: 1px solid #0682c2;border-radius: 10px;padding: 24px;height: fit-content;}
.order-total-section .cart-footer{margin: 0;border: none;}
.order-total-section .cart-footer .totals{background: transparent;width: 100%;padding: 0;float: none;}
.order-total-section .cart-footer .cart-collaterals{background: transparent;width: 100%;float: none;}
.order-total-section .cart-footer .total-info{padding: 0;border: none !important;}
.order-total-section .cart-footer .terms-of-service{padding: 0;display: flex;align-items: baseline;gap: 10px;}
.order-total-section .cart-total-left label{font-weight: 500;font-size: 16px;color: #6f6f6f;}
.order-total-section .cart-total-right span{font-size: 22px; font-weight: 600;color: #000;}
.cart-total .discount-total span.discount-code{font-size: 14px;font-weight: 600;}
.order-total-section .cart-total .order-total{border-top: 1px solid #000;}
.discount-total .cart-total-right  span{font-weight: 500;color: #e30613 !important;}
.order-total-section .cart-footer .checkout-button{width: 100%;font-size: 24px;background: #0681c1;}
.order-total-section .cart-footer .checkout-buttons{padding: 0  ;}
.order-total-section .user-info-wrapper h1{font-weight: bold;}
.order-total-section .shpping-detail-wrapper{margin-top: 24px;margin-bottom: 40px;}
.order-total-section .invoice-detail-wrapper label,
.order-total-section .shpping-detail-wrapper label{margin: 0;font-size: 20px;font-weight: 600;color: #abacae;font-weight: 600;}
.order-total-section .user-detail-info{padding: 0;}
.order-total-section .user-detail-info p{margin: 0;font-size: 20px;color: #abacae;font-weight: 400;}
.order-total-section .cart-supported-option{margin: 50px 0; display: flex;flex-direction: column; justify-content: center;gap: 20px;align-items:center;}
.order-total-section .cart-supported-option label{text-align: center;color: #abacae; font-size: 18px;}


/*disocunt box*/
.coupon-box { padding: 0; border-radius: 5px; overflow: hidden; margin-bottom: 20px; }
.coupon-header { display: flex; justify-content: space-between; align-items: center; background: white; font-size: 16px; font-weight: bold; color: #007dc3; cursor: pointer;  }
.coupon-header strong{font-size: 22px;font-weight: 600;}
.coupon-header .arrow { transition: transform 0.3s; }
.coupon-header .arrow svg{width: 20px;fill: #0682c2;}
.coupon-header.active .arrow { transform: rotate(180deg); }
.coupon-content {padding-top: 16px; background: #fff; }
.discount-coupon-code { width: 100%; padding: 10px; font-size: 14px; margin-bottom: 10px; border-radius: 6px; border: 1px solid #ccc; }
.apply-discount-coupon-code-button { width: 100%; background-color: #007dc3; color: white; font-weight: bold; padding: 10px; border: none; border-radius: 6px; cursor: pointer; }
.apply-discount-coupon-code-button:hover { background-color: #005fa3; } 
#discountcouponcode{width: 100%; padding: 10px; font-size: 14px; margin-bottom: 10px; border-radius: 6px; border: 1px solid #ccc;height: 50px;}
.remove-discount-button{border: none;}
.cart-collaterals .current-code{margin: 0;display: flex ; align-items: center; justify-content: space-between;}
.applied-discount-code{font-size: 20px;}


/*home page*/
.block-data-section .col-md-4{margin-bottom: 20px;}

/*html-checkout-page*/
.html-checkout-page .checkout-page{margin-top: 50px;}
.html-checkout-page .page-title h1 ,
.html-checkout-page .summary-title{text-align: left;color: #000;font-size: 40px;padding-bottom: 50px;font-weight: bold;}
.html-checkout-page .column-wrapper{display: flex;justify-content: space-between;flex-direction: column;}
.html-checkout-page .checkout-steps { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 40px; }
.html-checkout-page .step { text-align: center; position: relative; width: 100px; background-color: #fff;}
.html-checkout-page .step:not(:last-child)::after { content: ''; position: absolute; top: 25px; left: 90px; width: 215px; height: 2px; background-color: #009fe3; }
.html-checkout-page .circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #0682c2; display: flex; align-items: center; justify-content: center; margin: 0 auto 5px; color: #009fe3; font-weight: bold; font-size: 24px;}
.html-checkout-page .step.completed .circle { background-color: #0682c2; color: white; }
.html-checkout-page .step.current .circle { background-color: white; }
.html-checkout-page .step > div:last-child { font-size: 18px; margin-top: 5px; color: #0682c2;}
.html-checkout-page .address-section {margin-bottom: 50px; }
.html-checkout-page .address-block h2 { font-size: 28px; margin-bottom: 10px; font-weight: 600;}
.html-checkout-page .address-block p {line-height: 1.6;margin: 0px;font-size: 20px;}
.html-checkout-page .address-block button {width: fit-content; margin-top: 20px; padding: 10px 20px; border: 1px solid #888; background-color: #fff; cursor: pointer; font-weight: bold; border-radius: 6px; }
.html-checkout-page .address-block li.email{padding-top: 24px;}
.html-checkout-page .address-block{width: 100%;}
.html-checkout-page .address-block ul{padding: 0;}
.html-checkout-page .btn-primary{width: 100%;}
.html-checkout-page .checkout-product-summary{border:1px solid #0681c1; border-radius: 12px;padding: 20px;}
.html-checkout-page .product-info-ul{padding: 0;}
.html-checkout-page .product-info-ul .product-info-li:first{border-top: none;}
.html-checkout-page .product-info-ul .product-info-li{ padding: 20px 0; border-bottom: 1px solid #000;}
.html-checkout-page .product-info-wrapper{display: flex;justify-content:space-between;align-items:center;}
.html-checkout-page .product-info-wrapper .price-wrapper{display: flex;flex-direction: column;}
.html-checkout-page .product-info-wrapper .old-price{width: fit-content; text-decoration: auto; position: relative; display: block; overflow: visible; color: var(--font-color); font-weight: 600; font-size: 22px; margin: 0; line-height: 24px; margin-bottom: 3px; }
.html-checkout-page .product-info-wrapper .old-price::after{ content: ""; height: 3px; display: block; background: var(--red); position: absolute; width: 109%; left: -3px; right: -1px; z-index: 1; top: 50%; transform: translateY(-50%) rotate(-11deg); }
.html-checkout-page .product-info-wrapper .item-discount{font-size: 22px;font-weight: 600;color: #e30613;}
.html-checkout-page .product-info-wrapper .current-price{font-size: 22px;font-weight: 600;}
.html-checkout-page .product-info-wrapper .old-price + .current-price {color: #e30613;}
.html-checkout-page .product-info-wrapper .product-detail-wrapper{max-width: 60%;text-align: center;}
.html-checkout-page .product-info-wrapper .product-detail-wrapper *{font-size: 20px; font-weight: 600;}
.html-checkout-page .product-info-wrapper .product-img-wrapper img{width: 80px;height: 80px;object-fit: cover;}
.html-checkout-page .cart-total .order-total{border-top: 1px solid #000;}
.html-checkout-page .checkout-page .total-info{padding: 0;}
.html-checkout-page .cart-total-left label{font-weight: 500;font-size: 20px;color: #6f6f6f;margin: 0;font-weight: 600;}
.html-checkout-page .cart-total-right span{font-size: 22px; font-weight: 600;color: #000;}
.html-checkout-page .cart-supported-option{margin: 25px 0; display: flex;flex-direction: column; justify-content: center;gap: 20px;align-items:center;}
.html-checkout-page .cart-supported-option label{text-align: center;color: #abacae; font-size: 18px;}
.html-checkout-page .cart-total td{padding: 0;padding-bottom: 5px;}
.html-checkout-page .cart-total .order-subtotal td,
.html-checkout-page .cart-total .order-total td{padding-top: 16px;}
.html-checkout-page .address-wrapper{border: 1px solid #abacae;border-radius: 6px;padding: 20px;height: 100%;}
.html-checkout-page .address-wrapper h3{font-weight: 600;margin-bottom: 15px;}
.html-checkout-page .billing-address,
.html-checkout-page .shipping-address{margin-bottom: 30px;}
.html-checkout-page .ship-to-same-address .field-wrapper{display: flex;gap: 10px;}
.spend-more{font-weight: 500;text-align: center; color:var(--red);margin: 0;padding-top: 15px;}
#billing-form input,
#billing-form select{font-size: 16px;}


#address-popup-content{max-height: 500px;overflow: auto;}
#addressPopupLabel{font-weight: 600;color: #fff;}
#address-popup-content .col-md-6{margin-bottom: 10px;}

.custom-radio-card.active{border-color: #0681c1;}
.custom-radio-card { display: block; position: relative; height: 100%; cursor: pointer; border: 2px solid #ccc; border-radius: 8px; overflow: hidden; transition: 0.3s ease-in-out; }
.custom-radio-card input[type="radio"] { display: none; }
.custom-radio-card .radio-content { padding: 16px; background-color: #fff; transition: 0.3s ease-in-out; }
.custom-radio-card p { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 1.5; color: #333;}
.custom-radio-card ul li { color: #333; }
.custom-radio-card strong { display: block; font-weight: 600; color: #000; margin-bottom: 4px; }
.custom-radio-card:hover { border-color: #0681c1; }
.custom-radio-card input[type="radio"]:checked + .radio-content { background-color: #e6f5ff; border-left: 4px solid #0681c1; }
.custom-radio-card input[type="radio"]:checked ~ .radio-content, .custom-radio-card input[type="radio"]:checked + .radio-content { border-color: #0681c1; height: 100%;}
.custom-radio-card .radio-content { border: none; } 

/*shipping-method*/
.shipping-method .method-list { list-style: none; padding: 0; margin: 0; }
.shipping-method .shipping-method-option { border: 1px solid #ccc; border-radius: 8px; padding: 16px; margin-bottom: 12px; transition: border-color 0.3s;  width: 100% !important;margin: 10px 0 !important;}
.shipping-method .shipping-method-option.selected { border-color: #0681c1; }
.shipping-method .method-label { display: flex; align-items: center; gap: 12px; font-weight: bold; cursor: pointer; }
.shipping-method .method-label input[type="radio"] { width: 20px; height: 20px; accent-color: #0681c1; }
.shipping-method .method-title { flex-grow: 1; font-size: 16px; } 

/*payment method*/
.payment-method-page .method-list { list-style: none; padding: 0; margin: 0; display: flex;flex-direction: column;}
.payment-option { border: 1px solid #abacae; border-radius: 8px; margin-bottom: 15px; transition: border-color 0.3s; width: 100% !important;margin: 10px 0 !important;}
.payment-option.selected { border-color: #0681c1; }
.payment-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 15px; cursor: pointer; }
.payment-left { display: flex; align-items: center; gap: 10px; }
.payment-left input[type="radio"] { width: 20px; height: 20px; accent-color: #0681c1; }
.method-title { font-weight: 600; font-size: 16px; color: #000; }
.payment-logo img { height: 30px; width: auto; } 
.payment-method .payment-logo{background-color: transparent;padding: 0;}
.section.payment-info{}
.payment-info .info p{
    font-size: 17px;
    text-align: left;
    margin-bottom: 8px;
}
.checkout-page .cart-footer .totals{max-width: 100%;}
.checkout-page .order-detail-section{display: none;}
.checkout-page .order-total-section{width: 100%;}
.checkout-page .section.order-summary{margin: 0;}

/*order-completed*/
.order-completed .title{text-align: left;}
.order-completed .title strong{font-size: 40px;font-weight: 500; line-height: 1.2; color: #444;}
.order-completed .details{padding-top: 0;}
.order-completed .details .order-details p{font-size: 20px;text-align: left;font-weight: 600;}
.order-completed .details .rate-us{display: flex;gap: 25px;align-items:flex-end;margin-top: 20px;}
.order-completed .details .rate-us a{font-size: 24px;}
.order-completed .details .rate-us .kiyoh-wrapper{display: flex;gap: 10px;align-items:baseline;}


/*login page*/
.login-page .new-wrapper{width: 100%;float: none;margin: 50px auto;}
.html-login-page .checkout-as-guest-or-register-block .buttons{display: flex;justify-content: center;gap: 20px;}
.login-page .returning-wrapper{width: 100%;}
.login-page .returning-wrapper .title p{text-align: center;}

/*search page*/
.basic-search{display:flex;flex-wrap: wrap;gap: 20px;}
.basic-search input[type="checkbox"]{width: 20px !important;height: 20px !important;}
.advanced-search{background-color: #f5f5f5;padding: 15px;border-radius: 12px;display: flex;align-items: flex-end;gap: 80px;flex-wrap: wrap;justify-content: center;}
.advanced-search .inputs{text-align: left;} 
.advanced-search input,
.advanced-search select{font-size: 16px;max-width:400px !important;width:100% !important;}
.advance-search-wrapper{display:flex;align-items:center;gap: 20px;}
.advance-search-wrapper .buttons{margin:0;margin-top: 14px;}
.advanced-search  button{font-weight: 600;border-radius: 12px;}
.advanced-search .inputs.reversed{display: flex;margin: 0;}
.advanced-search .inputs.reversed label{white-space: normal !important;}
.basic-search .search-text{max-width:400px !important;width: 100% !important; }
.basic-search .inputs{flex-wrap: wrap;}


/* Toggle switch */
.switch { position: relative; display: inline-block; width: 52px !important; height: 30px; margin-right: 8px; }
.switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.slider { position: absolute; cursor: pointer; inset: 0; background-color: #e6e6e6; border-radius: 999px; transition: background-color 0.2s; }
.slider::before { content: ""; position: absolute; height: 22px; width: 22px; left: 4px; top: 4px; background: white; border-radius: 50%; transition: transform 0.2s; box-shadow: 0 2px 4px rgba(0,0,0,0.12); }
.switch input:checked + .slider { background-color: #0682c2; }
.switch input:checked + .slider::before { transform: translateX(22px); } 
.checkout-page .button-1.payment-info-next-step-button{font-size: 22px;}

.account-address-wrapper{margin-top: 30px;}
.account-address-wrapper h2{font-weight: 600;}
.account-address-wrapper h5{font-weight: 600; }
.account-address-wrapper .address-wrapper{margin-bottom: 30px ; border: 1px solid #abacae; border-radius: 12px;overflow: auto;max-height: 500px;padding: 15px;}
.address-box { border: 2px solid #ccc; border-radius: 8px; padding: 12px; background: #fff; transition: all 0.3s ease; margin-top: 20px; }
.address-box.active { border-color: #0682c2; border-left: 10px solid #0682c2; background: transparent; } 
.address-box p{text-align: left;}

.news-letter-wrapper{ border-bottom: 1px solid rgb(6 130 194 / 70%); padding: 30px 0;}

.html-account-page .two-col-wrap .center-2{width: 100%;}
.customer-info .comapany-details ul li b{font-weight: bold;}
.html-customer-info-page .customer-info ul li span{word-break: break-all;}