.stock-filters { width: 100%; /*white-space: nowrap; overflow-x: auto; */}
.stock-filter { border: 1px solid #ccc; padding: 5px; margin: 10px 10px 10px 0; display: inline-block; }
.stock-filter:last-of-type { margin-right: 0 }
.stock-filter.selected { border: 1px solid #009933; color: #009933; font-weight: bold;}
.stock-filter.selected:before { content: "\2713" }

.accessories-listing-mobile-header .stock-filters { display: flex; overflow-x: auto }
.accessories-listing-mobile-header .stock-filters .dropdown { position: static }
.accessories-listing-mobile-header .stock-filters .dropdown:last-of-type button { margin-right:0 }
.accessories-listing-mobile-header .dropdown-menu { width: 100% }
.accessories-listing-mobile-header .dropdown-item { padding: 10px 20px }
.accessories-listing-mobile-header .dropdown-item:not(:last-of-type) { border-bottom: 1px solid #eee }


.accessories-listing-mobile-items { overflow-x: hidden; }

/*test*/
/*.accessories-listing.container { background: #f2f2f2 }*/
/*.accessories-listing.container h3 { margin-top: 1rem }*/
.accessories-listing-fiters { padding: 0!important; border: none }
.accessories-listing-fiters .filter { padding: 1rem; border-radius: 10px; border: 1px solid #eee; background:#fff; margin-bottom: 1rem }

/*test*/

.product-preview-image { position: relative; }
.badge-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; pointer-events: none;}
.badge-container .badge.badge-campaign, .badge-container .badge.badge-quick-delivery, .badge-container .badge.badge-black-friday { margin-top: 0; position: absolute; font-weight: bold; font-size: 12px; border-radius: 0 5px 5px 0; padding: 10px; line-height: 12px; left: 0;}
.badge.badge-campaign { background-color: #ffd43d; color: #000; bottom: 15px; }
.badge.badge-black-friday { background-color: #000; color: #fff; bottom: 15px; }
.badge.badge-quick-delivery { background-color: #009933; color: #fff; top: 15px; }

.product-preview-title { z-index: 101; }

.product_row { flex-direction: row-reverse;}
.product_ship { width: 100%; display: block}
.product_ship__label { width: 100%;}
.product_ship__label_info { width: 100%;}
.product-price-buy { display: flex; flex-direction: column }
.product-price-buy .price { font-size: 2.857rem }
.product-price-buy .add-to-cart { width: 100% }
.product-price-buy .text-stoc, .product-price-buy .text-stoc-zero { margin-bottom: 10px; font-size: 14px }
.product-price-buy .text-stoc { color: #009933; font-weight: bold }
.product-price-buy .text-stoc-zero { color: #c00033; font-weight: bold }
.price-prp { color: #666; font-size: 1rem }
.product_text { text-align: left}
.product-detail-content-item h2 {margin-bottom: 1rem; display: block}
.brand-shop a { display: flex; align-items: center; justify-content: space-between; border:1px solid #e6e6e6; padding: 10px; margin-top: 20px; border-radius: 5px}
.brand-shop a:hover { border-color: #c21920; text-decoration: none; }
.brand-shop img { max-height: 40px;}
#store-rating { margin: 10px 0; font-size: 1rem}
.table-wrapper { overflow-x: auto}
.product-right { font-size: 1.1rem }
.productCarousel iframe { max-width: 100%; aspect-ratio: 1; height: auto}

.prp { display: inline-flex; align-items: center}
.item-price-prp {font-size: 16px;padding: 0 5px; color: #666; text-decoration: line-through}
.item-discount-prp { background: #ffd43d; color: #000; padding: 0 10px; font-weight: bold; font-size: 16px; line-height: 24px; border-radius: 10px; margin-left: 5px}

.product-voucher { display: flex; flex-direction: column; position: relative; justify-content: space-between; border: 1px solid #c3ffd8; padding: 5px 50px 5px 10px; margin: 10px 0 20px; border-radius: 5px; background: #e8fff0; font-size: 13px }
.product-voucher p { margin-bottom: 0 }
.product-voucher:before { content: ''; display: block; width: 30px; height: 30px; background: url('/assets/icon-discount.png?3'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto }
.product-voucher a { color: #000; margin-top: 10px; }
.product-voucher a:hover { text-decoration: underline; }

.main.product .related-products .related-products-list { border: none; margin: 0 0 50px; background: transparent; }
.main.product .related-products .related-product { border: none; position: relative; padding: 0 5px 60px 5px; background: #fff; border-radius: 10px; margin: 0 8px; /* height: 360px */ }
.main.product .related-products .related-products-title { padding-right: 70px; margin-bottom: 25px}
.main.product .related-products .related-product .product-preview { padding: 0; height: auto }
.main.product .related-products .related-product .product-preview-title { text-align: left; margin: 10px 0; padding: 0 5px; display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;line-height: 20px;height: 100px; max-height: 100px; color: #000 }
.main.product .related-products .related-product .price { position: absolute; text-align: left; bottom: 20px; left: 10px}
.main.product .related-products .related-product a.add-to-cart { background: #ffc600; position: absolute; right: 10px;bottom: -5px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center }
.main.product .related-products .related-product a.add-to-cart:hover { background: #cc9e00;}
.main.product .product-detail-content-item.related-products { background: #f8f9fa; padding: 2rem 0; margin-top: 0}
.main.product .product-detail-content-item.related-products .related-products-list { margin-bottom: 0; margin-left: -5px; margin-right: -5px }
.main.product .related-products .related-products-nav { top: 0; right: 15px}
.main.product section#embed { margin-bottom: 50px }
.main.product .viewed-products .related-product { padding-bottom: 0; height: auto!important; }
.main.product .related-products .container { position: relative; }
.main.product .product_header .related-products .container { padding: 0}
.main.product .product_header .related-products { background: transparent }
.main.product .product_header .related-products .related-product { border: 1px solid #ededed }
.main.product .product_header .productCarousel-count { background: rgba(255,255,255,0.9); position: absolute; bottom: 0; right: 0; padding: 5px 10px }

.main-related .product-detail-content-item.related-products .container { padding: 0}

.mobile-category-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px }
.category-mobile-button a { width: 37vw; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); padding: 10px; flex-direction: column; text-align: center }
.category-mobile-button a:hover { border-color: #c21920; text-decoration: none; }
.category-mobile-button a svg { width: 40px; height: 40px; margin-bottom: 10px; }
.mobile-category-list-wrapper { margin: 20px 0; overflow-x: auto; }

.category-selector-404 { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 20px }
/*.category-selector-404 .category-selector-item a { display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); padding: 10px; flex-direction: column; text-align: center }*/
.category-selector-404 .category-selector-item a { height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); padding: 10px; flex-direction: column; text-align: center }
.category-selector-404 .category-selector-item a:hover { border-color: #c21920; text-decoration: none; }
.category-selector-404 .category-selector-item a svg { width: 40px; height: 40px; margin-bottom: 10px; }
.category-selector-404 { margin: 20px 0; overflow-x: auto; }
@media (max-width: 767px) {
    .category-selector-404 { grid-template-columns: repeat(3, 1fr);}
    .category-selector-404 .category-selector-item a { width: 37vw }
}

.brand-filter-404 { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 10px}
@media(max-width: 1024px) { .brand-filter-404 { grid-template-columns: repeat(6, 1fr); } }
@media(max-width: 767px) { .brand-filter-404 { grid-template-columns: repeat(3, 1fr); } }

.main-products h6 { font-size: 1.3rem; margin-top: 50px}
.main-products .products-listing { display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 0 10px;background: #F2F2F2;padding: 10px; margin: 0}
.main-products .products-listing-item {background: #fff;overflow: hidden;border-radius: 10px;padding-bottom: 50px;position: relative; margin-bottom: 1rem}
.main-products .products-listing-item:nth-child(n+6) { display: none}
.main-products.not-paged .products-listing-item:nth-child(n+6) { display: block}
.main-products .products-listing-item a.btn-at.btn-block {     position: absolute;height: 40px;bottom: 0;border-radius: 0;}
.main-products .products-listing-item .item-image { position: relative; aspect-ratio: 1 }
.main-products .products-listing-item .item-image img {width: 100%;max-width: 100%;height: auto;display: block;margin: auto;}
.main-products .products-listing-item .product-preview-title {padding: 0 5px;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;line-height: 20px;height: 100px;}
.main-products .products-listing-item .product-preview-title h2 { font-size: 14px; line-height: 20px}
.main-products .products-listing-item .badge { padding: 5px; font-size: 12px; /* margin-top: 10px */ }
.main-products .products-listing-item .item-price { padding: 5px; font-size: 18px}
.main-products .products-listing-item .item-extra { padding: 0 5px; font-size: 14px; font-weight: bold }
.main-products .btn-products { grid-column-start: 1; grid-column-end: 6}

.products-404 .products-listing { background: transparent; padding: 10px 0; grid-template-columns: repeat(6, 1fr) }
.products-404 .products-listing .products-listing-item { border: 1px solid #eee; text-align: left }
/*.products-404 .products-listing .products-listing-item img { transform: scale(0.95); transition: transform 0.3s; }*/
/*.products-404 .products-listing .products-listing-item:hover img { transform: scale(1); }*/

@media (max-width: 767px) { .main-products.products-404 .products-listing {margin: 0} }
.main-carousel { height: auto }
.main-carousel.hidden-md-up { aspect-ratio: 3/2 }
.main-carousel.hidden-sm-down { aspect-ratio: 117/31 }
.main-carousel img { max-width: 100%}
.main-carousel .slick-slide img { height: auto; max-height: 100% }

ul.thank-you-list { padding: 0; margin: 0; list-style: none;}
.thank-you-list li { display: flex; align-items: center; margin-bottom: 30px;  }
.thank-you-list li img { max-width: 50px; margin-right: 10px; }

.social-login { display: flex; flex-direction: column; margin-top: 20px; }
.social-login span { margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
.social-login span:before, .social-login span:after { content: ''; display: inline-block; width: 100%; height: 1px; background: #e6e6e6; margin: 0 10px; }
.social-login .btn-facebook, .social-login .btn-google { max-width: 300px; margin-bottom: 10px; border: 0 }
.social-login .btn-google { background: #cf553d; color: #fff;  }
.social-login .btn-google:hover { background: #c21920; }
/* google color */

.related-products-list .product-preview-image { max-width: 215px }

.guest-checkout-container .collapsed .fa-chevron-up { display: none; }
.guest-checkout-container .fa-chevron-up { display: inline-block; }
.guest-checkout-container .fa-chevron-down { display: none; }
.guest-checkout-container .collapsed .fa-chevron-down { display: inline-block; }

.guest-checkout-container { padding: 20px 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px }
.guest-checkout-container:last-of-type { border-bottom: 0 }

.guest-checkout-container:not(:first-of-type) { padding-top: 0}
.guest-checkout-container p { font-size: 1rem; }
.guest-checkout-container .btn-collapse { font-size: 1.2rem; cursor: pointer; text-align: center; display: block; margin-bottom: 10px }
.show-login-container { max-width: 400px; margin: 0 auto; text-align: center }
.show-login-container .social-login .btn-facebook, .show-login-container .social-login .btn-google { width: 100%; max-width: 100%; }

.checkout-step-title a:hover { color: #000 }
.checkout-step-title a:hover { color: #000 }
.checkout-step-title a[aria-expanded="true"]:hover { color: #fff }
.guest-checkout, .guest-checkout-container { max-width: 800px; margin-left: auto; margin-right: auto}
.guest-checkout .labeled-form label input { border-width: 2px }
.guest-checkout label input.is-invalid { border-color: #c00033 }
.guest-checkout label input.is-valid { border-color: #009933 }
.guest-checkout .checkout-step:last-of-type .checkout-step-body:before {background: #ffc600;z-index: 50;}
.guest-checkout .btn-at { margin: auto; display: block }

/* check if .checkout-header sibling .collapse has show and change background of checkout-header */
.checkout-header + .collapse.show { background: #f8f9fa; padding: 20px 0; border-bottom: 1px solid #e6e6e6; }
.checkout-step:has(.collapse.show) .checkout-step-title a, .checkout-step:has(.collapsing) .checkout-step-title a{ color: #fff; background: #2F3638;}
.checkout-step:has(.collapse.show) .checkout-step-title a .checkout-step-number, .checkout-step:has(.collapsing) .checkout-step-title a .checkout-step-number { background:#ffc600;}
.guest-checkout.checkout .checkout-step.completed .checkout-step-title a{ background: #009933; color: #fff }
.guest-checkout.checkout .checkout-step.completed .checkout-step-title .checkout-step-number{ background: #006c23; color: #fff }
.guest-shipping-method { display: flex; align-items: center; flex-wrap: wrap }
.guest-shipping-method .pretty { width: auto; flex-grow: 1}
.guest-shipping-method .select-shipping { display: none }
.guest-shipping-method.has-address .select-shipping { display: block }

.guest-checkout-container .cart-item { display: flex; position: relative }
.guest-checkout-container .cart-item:not(:last-of-type) { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 20px}
.guest-checkout-container .cart-item-quantity { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #000; background: #ffc600;font-weight: bold; position: absolute; top: 0; left: 0; border-radius: 50%; opacity: 0.9 }
.guest-checkout-container .cart-item-details { display: flex; align-items: center; color: #000; flex-grow: 1 }
.guest-checkout-container .cart-item-image { margin-right: 20px }
.guest-checkout-container .cart-item-name { flex-grow: 1 }
.guest-checkout-container .cart-item-price { flex: 100px 0 0; }
.guest-checkout-container .item-total-price { font-weight: 700; font-size: 20px }
.guest-checkout-container .item-piece-price { color: #868e96 }
.guest-checkout-container .price-summary { color: #000; margin-top: 1rem; border-top: 1px solid #e6e6e6; padding-top: 1rem }
.guest-checkout-container .price-summary .price-summary-row { display: flex; justify-content: space-between }
.guest-checkout-container .price-total { font-weight: 700; font-size: 20px }



.shipping-modal-container { display: none; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000;}
.shipping-modal-container.open { display: flex}
.shipping-modal { background: #fff; padding: 20px; border-radius: 10px; max-width: 90vw; width: 100%; max-height: 90vh; height: 1000px; position: relative }
#curierModal { height: auto; max-width: 500px }
#curierModal .btn-at { display: block; margin: auto }

#glsModal #left-canvas, #glsModal #locker-info {position: absolute;top: 30px;left: 30px;z-index: 100;background: #fff;height: auto;max-height: calc(100% - 60px);overflow-y: auto;}
#glsModal #locker-info {padding: 10px;}
#glsModal #right-canvas {width: 100%;}
#glsModal #searchinput {width: 100%;margin: 0;border: 0;padding: 10px;border-bottom: 1px solid #eee;}
#glsModal #psitems-canvas div:last-of-type {display: none}
#glsModal #show-list {padding: 10px 0;cursor: pointer;display: block;}
.selected-shipping  { flex: 100% 0 0; padding-left: 40px}
.select-shipping { margin: 20px 0 10px 40px; cursor: pointer }

.shipping-modal-close { position: absolute; top: -20px; right: -20px; cursor: pointer; font-size: 2rem; color: #000; background: #fff; border-radius: 50%; border: 0; width: 40px; height: 40px}
.shipping-modal-close:hover i { /* rotate 90deg animation */ animation: scale 0.5s; transform: scale(1.1); }
.shipping-modal-close-text { background: #fff; height: 40px; width: 100%; text-align: left; border: none }
.shipping-modal-close-text i { margin-right: 5px }

.btn-border { border: 1px solid #ccc; padding: 10px 15px; margin: 10px 10px 10px 0; display: inline-block; color: #c21920; background: #fff; width: auto!important;  }

/*my account*/
.my-account-tabs { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; margin-bottom: 20px }
.my-account-tabs a { display: flex; padding: 30px 10px; text-align: center; border: 1px solid #e6e6e6; border-radius: 5px; color: #000; background: #fff; flex-direction: column; justify-content: center; align-items: center; font-size: 16px }
.my-account-tabs a:hover { background: #f8f9fa; text-decoration: none; }
.my-account-tabs i { margin-bottom: 5px }

.my-account-menu {border:1px solid #eee; border-radius: 10px; overflow: hidden; margin-right: 20px }
.my-account-menu a { display: flex; padding: 10px ; border-bottom: 1px solid #eee; color: #000; justify-content: space-between}
.my-account-menu a i{ line-height: 21px}
.my-account-menu li:last-child a { border-bottom: 0;}
.my-account-menu a:hover { background: #f8f9fa; text-decoration: none; }
.my-account-menu li.active a { background: #f8f9fa; font-weight: bold }

.header-loggedin-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: #c21920; font-weight: bold; }

.account-history h1 { margin-bottom: 20px }
.account-history .table { margin-bottom: 20px }

.account-orders-header { font-weight: bold; margin-bottom: 10px }
.account-orders-header > .row { margin-right: 0}
.account-orders > .row { line-height: 40px; margin-right: 0; display: block;}
.account-orders > .row > .order-row { display: flex;  border: 1px solid #eee; border-radius: 10px; margin-bottom: 20px  }
.account-orders > .row.open { padding-bottom: 0 }
.account-orders > .row.open .order-row {border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0;position: relative; margin-bottom: 0}
.account-orders > .row.open:before { content: ''; position: absolute; bottom: -20px; left: 10%; transform: translateX(-50%); border: 10px solid transparent; border-top-color: #ffc600; }
.account-orders > .row.open:after { content: ''; position: absolute; bottom: -18px; left: 10%; transform: translateX(-50%); border: 10px solid transparent; border-top-color: #fff; }
.account-orders .btn-order { display: block; margin: 0 auto; background: transparent; position: absolute; top: 0; right: 0; }


.order-delivery-address-title, .order-billing-address-title { font-weight: bold; margin-bottom: 5px }
.products-order-table { border-top: 1px solid #e6e6e6; margin-bottom: 20px; margin-top: 20px }
.products-order-table .product-row { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #e6e6e6; }
.products-order-table .product-row img { max-width: 125px; margin-right: 10px; }
.products-order-table .product-row .product-name { max-width: 800px }
.products-order-table .product-row .product-info { flex-grow: 1; }
.products-order-table .product-row .product-price { font-weight: bold; }

.order-details {margin-left: -15px; margin-bottom: 20px; padding: 10px 15px 15px;border: 1px solid #eee;border-top: 1px dashed #F2F2F2; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}

.row .fa-spinner { display: none }
.row .fa.fa-minus { display: none }
.row.loading .fa-spinner { display: inline-block }
.row.loading .fa-plus, .row.loading .fa-chevron-down { display: none }
.row.open .fa-minus { display: inline-block }
.row.open .fa-plus { display: none }

.order-totals-history { display: flex; justify-content: space-between; margin-top: 20px; }
.order-totals-history .order-totals { font-size: 1.2rem; background: #F2F2F2; padding: 10px; border-radius: 5px; width: 40%; max-width: 370px }
.order-totals-history .order-totals .product-total-row { display: flex; justify-content: space-between; margin-bottom: 10px; }

.main-account .inputRequirement { color: #c00033; font-size: 13px; margin-bottom: 10px }
.account-edit .inputRequirement { color: #c00033; font-size: 13px; margin-bottom: 10px }
.address-book-form .inputRequirement { color: #c00033; font-size: 13px; margin-bottom: 10px }
.address-book-entry {border: 1px solid #eee;border-radius: 10px;margin-bottom: 20px; padding: 15px 15px 40px 15px; position: relative; overflow: hidden}
.address-book-edit {display: grid; position: absolute;bottom: 0; left: 0; right: 0; grid-template-columns: 1fr 1fr}
.address-book-entry.address-main .address-book-edit,
.address-book-entry.address-locker .address-book-edit{ grid-template-columns: 1fr}
.address-book-entry .address-locker-logo { position: absolute; top: 15px; right: 15px; width: 70px}
.address-book-entry.address-locker p:first-of-type { padding-right: 85px}

.form-control-radio { height:40px; position: relative; display: flex }
.form-control-radio label {position: absolute; left: 0; right: 0; top: 0;line-height: 40px; padding-left: 30px; }

.btn-disabled { cursor: not-allowed;  opacity: 0.5 }
.add-new-entry { padding: 0; line-height: 60px; width: 100%; border-color: #c21920; border-style: dashed; text-align: center; display: block; font-weight: bold; font-size: 16px }
.add-new-entry:hover { background: #f8f9fa; text-decoration: none; }

.order-summary-info { display: flex; margin-top: 30px}
.order-summary-info li { padding: 0 10px; border-right: 1px solid #e6e6e6; }
.order-summary-info li:first-of-type { padding-left: 0}
.order-summary-info li:last-of-type { border-right: 0}

.awb-history-row { display: flex; margin-bottom: 20px; align-items: center; line-height: 1.5 }
.awb-history-icon { margin-right: 10px }
.awb-history-status { font-weight: bold }

.modal-review .form-rating input { display: none }
.rating-star.hovered .fa-star,.rating-star.selected .fa-star { color: #ffc600; }
.rating-star .fa-star, .form-rating .fa-star { font-size: 1.5rem; color: #ccc; cursor: pointer; }
.form-rating .fa-star { color: #ccc; }
.form-rating .fa-star { color: #ffc600; }
.form-rating input:checked ~ label .fa-star { color: #ccc; }
.form-rating input:checked + label .fa-star { color: #ffc600; }

@media (max-width: 767px) {
    .my-account-tabs { margin-top: 20px; grid-template-columns: 1fr 1fr}
    .main-my-account h1, .main-my-account .alert { margin-top: 30px }
    .my-account-menu { display: flex; overflow-x: auto; padding-right: 0;margin-right: 0; border: 0 }
    .my-account-menu a { padding: 10px 20px; white-space: nowrap; border: 1px solid #e6e6e6; border-radius: 5px; margin-right: 10px }
    .my-account-menu li:last-of-type a { margin-right: 0}
    .my-account-menu i { display: none }
    .account-orders > .row { line-height: 30px; margin-right: 5px; border-bottom: 0 }

    .account-orders-header { display: none }
    .bold-xs { font-weight: bold }
    .account-orders .btn-order { position: static; margin-left: 0; padding-left: 0; width: 100%; text-align: left }
    .btn-order .fa-chevron-up { display: none }
    .btn-order .fa-plus, .btn-order .fa-minus { display: none }
    .row.open .fa-chevron-up { display: inline-block }
    .row.open .fa-chevron-down { display: none }
    .row.open .fa-minus { display: none }

    .account-orders > .row.open {border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .account-orders > .row.open:after, .account-orders > .row.open:before { display: none}
    .order-details {margin: 0 -5px 20px;padding: 10px 15px 15px;border: 1px solid #eee;border-top: 1px dashed #F2F2F2; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}
    .order-details .col-6 { margin-bottom: 10px}
    .products-order-table .product-row { position: relative; padding-bottom: 40px}
    .products-order-table .product-row .product-price { position: absolute; right: 0; bottom: 10px; font-size: 16px}
    .products-order-table .product-row .product-model { margin: 5px 0}
    .order-totals-history { flex-direction: column-reverse}
    .order-totals-history .order-totals { width: 100%; margin-bottom: 20px; max-width: none }

    .account-orders > .row > .order-row { margin: 0 10px 20px; width: 100%; padding: 10px 0 5px; border: 1px solid #eee; border-radius: 10px; display: block; }
    .account-orders > .row.open .order-row { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0}

    .order-summary-info { flex-direction: column; }
    .order-summary-info li { padding: 0; border-right: none; margin-bottom: 10px }
    .order-summary-info li a { padding: 10px 0 }
}

/* /my account */

.b2b-category .svg-icon { width: 80px; height: 80px; margin: 0 auto 30px; color: #c21920; display: block }
.b2b-category a { font-weight: bold; font-size: 1.5rem; text-align: center; display: block;}
.b2b-subcat-list { text-align: center; margin-bottom: 30px}
.b2b-brands li { margin-bottom: 20px }
.hero-b2b { background-size: cover; width: 100%; height: auto; aspect-ratio: 3.5; position: relative; background-position: top}
.hero-b2b h1 { color: #fff;position: absolute; bottom: 2rem; left: 10px; right: 10px; text-align: center; font-size: 3rem}
.b2b-section { padding: 80px; margin-bottom: 80px}
.b2b-solution { padding: 30px 30px 60px; background: #fff; border-radius: 20px; position: relative; overflow: hidden; text-align: center;}
.b2b-solution h4 { font-size: 1.5rem; font-weight: bold}
.b2b-solution .btn-primary { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; height: 50px; line-height: 50px; padding: 0; font-weight: bold;}
.btn-whatsapp { background: #20b658; color: #fff }
.btn-whatsapp i { margin-right: 10px }
.btn-whatsapp:hover { background: #128C7E; color: #fff }

.main-b2b { font-size: 15px }

@media (max-width: 767px) {        .checkout:before { display: none}
    .checkout-step:first-of-type .checkout-step-body:before { display: none}

    /*.checkout-step-body { padding: 1rem 0;}*/
    #big-canvas { height: 90vh; display: flex; flex-direction: column-reverse}
    #left-canvas { position: relative; width: 100%; height: auto; max-height: 35vh; overflow-y: auto; margin: 0; padding: 0; top: 0; left: 0}
    #locker-info { overflow: visible; max-height: 60vh; padding: 10px; position: relative; top: 0; left: 0}
    .guest-checkout .checkout-step-body {padding: 1rem }
    .guest-checkout .checkout-step .checkout-step-body:before { display: none}
    .guest-checkout.checkout .collapsing { padding-left: 0;}
    .guest-checkout.checkout .collapse.show { padding-left: 0;}
    .guest-checkout.checkout .collapsing.show { padding-left: 0;}
    /*.guest-checkout.checkout .collapse.show { padding-left: 21px }*/
    /*.guest-checkout .checkout-step:first-of-type .checkout-step-body:before { display: block}*/
    .shipping-modal { padding: 0 }
    .shipping-modal-close { z-index: 100}
    #glsModal #left-canvas { top: auto; bottom: 20px; left: 20px; width: 300px; max-width: 70%; max-height: 25vh}
    .shipping-modal { width: 100vw; height: 100vh; max-height: none; max-width: none }
    #glsModal #right-canvas { max-height: calc(100vh - 40px)}
    #curierModal { height: 100vh}

    .product-voucher, .product-voucher p { font-size: 14px }
    .product-voucher { padding-right: 60px }
    .product-voucher:before { width: 45px }

    .b2b-section { padding: 40px 20px; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; }
    .hero-b2b { width: 100vw; margin-left: -15px; margin-right: -15px; margin-top: -15px; aspect-ratio: 1.5}
    .hero-b2b h1 { font-size: 1.5rem; bottom: 10px}
}

@media (max-width: 1250px) {
    .product-right { font-size: 1rem }
    .main-products .products-listing { grid-template-columns: repeat(4, 1fr); }
    .main-products .products-listing-item:nth-child(n+5) { display: none}
    .main-products .btn-products { grid-column-start: 1; grid-column-end: 5}
}

@media (min-width: 1200px) {
    .padding-shipping { padding-left: 40px}
    .main.product .related-products .related-product { height: 420px }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .main.product .related-products .related-product { height: 490px }
}

/*.products-listing-mobile.accessories-listing-mobile-items { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 10px; background: #F2F2F2; padding: 10px; }*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item { background: #fff; overflow: hidden; border-radius: 10px; padding-bottom: 0;}*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details { flex-direction: column; }*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details img { max-width: 100%; height: auto; display: block; margin: auto }*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details span { width: 100%; padding: 0;}*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details p { padding: 0 5px; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5;-webkit-box-orient: vertical; overflow: hidden; line-height: 20px; height: 100px; }*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details .item-price { padding: 5px; font-size: 18px; }*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details:nth-child(2n+2) { background: transparent }*/
/*.products-listing-mobile.accessories-listing-mobile-items .accessories-listing-item .item-details:nth-child(2n+2) .badge { padding: 5px }*/

.accessories-listing-mobile-items { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 10px; background: #F2F2F2; padding: 10px; }
.accessories-listing-mobile-items .accessories-listing-item { background: #fff; overflow: hidden; border-radius: 10px; padding-bottom: 50px; position: relative; }
.accessories-listing-mobile-items .accessories-listing-item a.btn-at.btn-block { position: absolute; height: 40px; bottom: 0; border-radius: 0;}
.accessories-listing-mobile-items .accessories-listing-item > a:first-of-type { color: #000; padding: 0 5px; display: block;}
.accessories-listing-mobile-items .accessories-listing-item > a .item-details > span:first-of-type{ font-size: 12px; }
.accessories-listing-mobile-items .accessories-listing-item .item-details { flex-direction: column; }
.accessories-listing-mobile-items .accessories-listing-item .item-image { position: relative; aspect-ratio: 1 }
.accessories-listing-mobile-items .accessories-listing-item .item-details img,
.accessories-listing-mobile-items .accessories-listing-item .item-image img { width: 100%; max-width: 100%; height: auto; display: block; margin: auto }
.accessories-listing-mobile-items .accessories-listing-item .item-name { margin: 10px 0 5px; }
.accessories-listing-mobile-items .accessories-listing-item .item-details span { width: 100%; padding: 0; text-align: left;}
.accessories-listing-mobile-items .accessories-listing-item .product-name { padding: 0 5px; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5;-webkit-box-orient: vertical; overflow: hidden; line-height: 20px; height: 100px; }
.accessories-listing-mobile-items .accessories-listing-item .item-details .item-price { padding: 5px; font-size: 18px; }
.accessories-listing-mobile-items .accessories-listing-item .item-details .badge { text-align: left; padding: 0 5px; margin-top: 15px; }
.accessories-listing-mobile-items .accessories-listing-item .item-details:nth-child(2n+2) { background: transparent }
.accessories-listing-mobile-items .accessories-listing-item .item-details:nth-child(2n+2) .badge { padding: 5px }

/*.accessories-listing >.row > .col-md-9 { background: #F2F2F2 }*/
.accessories-listing >.row > .col-md-9 .main-products .products-listing { background: transparent; padding: 10px 0 }
.accessories-listing >.row > .col-md-9 .main-products .products-listing-item { border: 1px solid #eee;}
/*.accessories-listing >.row > .col-md-9 .main-products .products-listing-item img { transform: scale(0.95); transition: transform 0.3s; }*/
/*.accessories-listing >.row > .col-md-9 .main-products .products-listing-item:hover img { transform: scale(1); }*/
/*.accessories-listing >.row > .col-md-9 .breadcrumb-inner { margin-top: -0.5rem }*/
.accessories-listing >.row > .col-md-9 .breadcrumb-inner ol:last-of-type  { border-bottom: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.accessories-listing-items-header { background: #fff; border-radius: 10px; border: 1px solid #eee; margin-bottom: 10px }

.accessories-listing-items .price-cell { display: table-cell; }
.badge-cell .badge-container { position: static; }
.badge-cell .badge-container .badge + .badge { margin-top: 5px; }
.badge-cell .badge-container .badge.badge-black-friday, .badge-cell .badge-container .badge.badge-campaign, .badge-cell .badge-container .badge.badge-quick-delivery { position: static; display: block; border-radius: 5px; font-size: 11px; padding: 5px;}

.badge.badge-new { background: #009933; color: #fff; vertical-align:middle; margin-top:2px; width: 40px; margin-right: 5px }
.badge.badge-new.badge-angle { width: auto }
.badge.badge-new.badge-angle:after { background: #009933 }

.products-listing-mobile.accessories-listing-mobile-header { border-bottom: none; }

.checkout .pretty label img { margin: 0 0 10px; }
.checkout .pretty label { display: flex; flex-direction: column; padding: 10px 10px 10px 40px; text-indent: 0; line-height: 1.5}
.checkout .pretty label:before, .checkout .pretty label:after { left: 10px; }
.checkout .contentText textarea { width: 100%; border: 1px solid #d6d6d6; padding: 0.5rem; font-size: 16px }
.checkout .panel p { font-size: 1rem; }
.checkout .selected-delivery-method span { display: block; margin-top: 5px;}

.btn-add-address { color: #c21920; cursor: pointer }
.btn-add-address:hover { color: #951319}

.labeled-form label { display: block; margin-left: 0;}
.labeled-form label .label-text { font-weight: bold; margin-bottom: 3px; }
.labeled-form label .inputRequirement { color: #c00033; margin-left: 3px }
.labeled-form label input, .labeled-form label select { border: 1px solid #d6d6d6; font-size: 14px;  padding: 0.5rem; width: 100%; margin-bottom: 10px;}
.labeled-form .checkbox-label { display: flex; }
.labeled-form .checkbox-label > div:first-of-type { margin-right: 5px }
.labeled-form .checkbox-text-label { position: relative; vertical-align: middle; padding: 5px 0 5px 40px; line-height: 30px }
.labeled-form .checkbox-text-label input { position: absolute; left: 0; width: 30px; height: 30px; }

.product-delivery { margin-right: 20px }
.product-delivery ul { padding-left: 40px; margin-bottom: 30px; margin-top: 5px }
.product-delivery li { position: relative;  }
/*.product-delivery ul li:before { display: inline-block; content: ''; width: 10px; height: 10px; background: #999; border-radius: 50%; position: absolute; left: -20px; top: 0.5em; }*/
.product-delivery ul li:not(:last-of-type):after { display: block; content: ''; width: 100%; height: 1px; background: #e6e6e6; margin: 10px 0;  }

.product-detail-tabs .product-detail-content{padding-top: 0}
body{height:auto}
/*.mobile-header {background: #fff; height: 52px; position:sticky; top: 0; z-index: 10000;}*/

.header-search { z-index: 10000; }
.header-search .results-container { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 0; max-height: 500px; overflow-y: auto; z-index: 10000; }
.header-search .results-container ul { padding: 0; margin: 0; list-style: none; }
.header-search .results-container ul li a { padding: 10px; border-bottom: 1px solid #ccc; cursor: pointer; display: flex; color: #666; align-items: center; white-space: pre }
.header-search .results-container ul li.empty { padding: 10px; color: #666 }
.header-search .results-container ul li a img { mix-blend-mode: multiply }
/* limit span to two lines and clips with ... */
.header-search .results-container ul li a span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.header-search .results-container ul li a b { color: #000}
.header-search .results-container ul li:hover { background: #E8E8E8FF; }
.header-search .results-container ul li:last-of-type a { border-bottom: 0; }
/* handle selected search results */
.header-search .results-container ul li.selected { background: #e8e8e8; }
body.search-focus:before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; }

.youtube-wrapper { height: 100%; display: flex; align-items: center; background: #000; aspect-ratio: 1 }
.youtube-iframe-container {position: relative;width: 100%;padding-bottom: 56.25%; /* 16:9 ratio */height: 0;overflow: hidden;}
.youtube-iframe-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}

.text-underline { text-decoration: underline;}

.cart-item-wrapper {border: 1px solid #d6d6d6; margin-bottom: 10px; border-radius:10px }
.cart .cart-item { display: flex; padding: 10px; border: none }
.cart .cart-item .cart-item-details { margin-left: 0; flex-grow: 1; padding-top: 0 }
.cart-addons { padding: 0 10px 10px; }
.cart-addons-title { font-weight: bold; font-size: 1.2rem; margin-bottom: 10px }
.cart-addon { display: flex; border: 1px solid #d6d6d6; border-radius: 10px; padding: 10px }

.cart-addon:not(:last-of-type) { margin-bottom: 10px; }
.cart-addon .item-image { width: 75px; height: 75px; margin-right: 10px }
.cart-addon .item-image img { width: 75px; height: 75px; }
.cart-addon .item-name { margin-bottom: 10px; font-weight: bold; font-size: 1.143rem; }
.cart-addon .item-price {font-size: 1.714rem;font-weight: 700; margin-bottom: 10px }

/*// v2 */
.cart-addons-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px }
.cart-addon { flex-direction: column; position: relative; padding-bottom: 40px; height: 100% }

.cart-addon .btn-at { position: absolute; left: 0; bottom: 0; right: 0;}
.cart-addon .item-price {font-size: 1.714rem;font-weight: 700; margin-bottom: 0; margin-top: 20px }
/*end v2*/
@media (max-width: 991px) {
    .product-delivery { margin-right: 0 }
    .product_row { flex-direction: column-reverse;}
    .product-price-buy { max-width: 320px; margin-top: 20px }
    .product-price-buy .product_price2 .price {  margin-top: 20px}
    .main.product .related-products .related-product { height: 470px }
}

@media (max-width: 880px) {
    .main.product .related-products .related-product { height: 430px }
}


@media (max-width: 1024px) {
    .badge.badge-campaign, .badge.badge-black-friday { bottom: 7px; }
    .badge.badge-quick-delivery { top: 7px; }
    .badge-container .badge.badge-campaign, .badge-container .badge.badge-quick-delivery, .badge-container .badge.badge-black-friday  {font-size: 11px; padding: 5px; }
    .product-left .badge-container .badge.badge-campaign, .product-left .badge-container .badge.badge-quick-delivery, .product-left .badge-container .badge.badge-black-friday {font-size: 12px; padding: 10px; }
    .main-products .products-listing { grid-template-columns: repeat(3, 1fr); }
    .main-products .products-listing-item:nth-child(n+4) { display: none}
    .main-products .btn-products { grid-column-start: 1; grid-column-end: 4}
}

@media(max-width: 767px) {
    .header {top: 0; z-index: 10000; background: #fff; padding-bottom: 5px;}
    .breadcrumb-nav { margin: 0 -15px; overflow: hidden; min-height: auto!important; }
    .breadcrumb-nav .breadcrumb { padding-left: 15px; padding-right: 15px; overflow-x: auto; white-space: nowrap; flex-wrap: nowrap}
    .breadcrumb-nav .breadcrumb:empty { padding: 0 }
    .filter-box { z-index: 10001; }
    .header-search input, .header-search .input-group-btn, .header-search .btn-primary { height: 50px; }
    .header-search, .header-search input, .header-search button { font-size: 16px; }
    /*.accessories-listing-mobile-header .navbar { padding: 0 }*/
    .accessories-listing-mobile-header .navbar .navbar-brand { white-space: normal; display: block }

    .checkout-step .btn { margin-top: 15px; }
    .checkout .pretty label .shipping-price { margin-top: 10px; }
    /*.checkout .shipping-method:not(:last-of-type) { margin-bottom: 10px; }*/
    .checkout .shipping-contact { margin-bottom: 20px; }

    .labeled-form label input, .labeled-form label select { font-size: 16px; }
    .navbar-product.navbar-product-alt { padding: 10px;}
    .navbar-product-alt .container { padding: 0;}
    .navbar-product-alt .navbar-product-row * { display: none}
    .navbar-product-alt .navbar-product-row a{ display: flex}
    .navbar-product-alt .navbar-product-row a *{ display: block}
    .navbar-product-alt .navbar-product-row .price { display: block; flex-shrink: 0; margin-right: 20px }
    .navbar-product-alt .navbar-product-row .price sup { display: inline }
    .navbar-product .add-to-cart { padding: 0 2rem}
    .navbar-product .add-to-cart span { font-size: 1.2rem}
    .product-price-buy .add-to-cart { font-size: 1.2rem; }
    .product-price-buy .product_ship { font-size: 1rem; padding-left: 0}

    .product-price-buy .product_ship .product_ship__label_info{ padding-left: 0}
    .product-price-buy .product_ship .product_ship__label_info a{ margin-top: 0}

    .product .product-detail-content p { font-size: 1.1rem }
    .price-prp { margin-top: 2rem;}

    .footer .footer-contact, .footer .footer-links { text-align: left }

    .product .table { font-size: 0.95rem}
    .product-right { font-size: 1.1rem }
    .product-price-buy { max-width: none }
    .productCarousel { margin: 0 auto }

    .main.product .related-products .related-products-nav { top: -10px}
    .main.product .related-products .add-to-cart .fa{ font-size: 1.5rem}
    .main.product .related-products .related-product { height: 500px }

    .main-products .products-listing { grid-template-columns: repeat(2, 1fr); margin: 0 -15px}
    .col-md-9.px-sm-10 .main-products .products-listing { margin: 0 -10px }
    .main-products .products-listing-item:nth-child(n+4) { display: block}
    .main-products .products-listing-item:nth-child(n+5) { display: none}
    .main-products .btn-products { grid-column-start: 1; grid-column-end: 3}
    .accessories-listing >.row > .col-md-9 .main-products .products-listing { padding: 10px }

    .product-left:after { display: block; height: 10px; margin: 20px -15px 0 -15px; background: #F2F2F2; content: '';}
    .product-detail-tabs:before { display: block; height: 10px; margin: 0 0 -20px 0; background: #F2F2F2; content: '';}

    .thank-you-list li { flex-direction: column; margin-bottom: 30px;  }
    .thank-you-list li img { max-width: 100px; margin-right: 0; margin-bottom: 20px; }

    .social-login { margin-top: 0; padding-top: 10px}
    .social-login .btn { margin-top: 0 }
    .social-login .btn:last-of-type { margin-bottom: 40px }

    .guest-checkout-container .cart-item-details {flex-direction: column; align-items: flex-start}
    .guest-checkout-container .cart-item-price { flex: auto; display: flex; flex-direction: column-reverse }
    .guest-checkout-container .item-piece-price { display: block }

    .header-search .results-container { left: 16px; right: 15px}

    .accessories-listing >.row > .col-md-9 { background: #fff }
    .accessories-listing >.row > .col-md-9 .accessories-listing-mobile-header { border-bottom: 0 }

    .accessories-listing-mobile-header .navbar-light { padding-left: 10px; padding-right: 10px }
    .px-sm-10 { padding-left: 10px!important; padding-right: 10px!important;}
    .col-md-9.px-sm-10 .navbar-light  { padding-left: 0; padding-right: 0 }

    .cart .cart-item .cart-item-image a { width: 100px; height: 100px; }
    .cart-addons-list { grid-template-columns: 1fr 1fr; grid-gap: 10px}
}

@media (max-width: 665px) {  .main.product .related-products .related-product { height: 470px }  }
@media (max-width: 575px) {  .main.product .related-products .related-product { height: 430px }  }
@media (max-width: 500px) {  .main.product .related-products .related-product { height: 400px }  }
@media (max-width: 450px) {  .main.product .related-products .related-product { height: 370px }  }
@media (max-width: 400px) {  .main.product .related-products .related-product { height: 350px }  }

@media(min-width: 768px) {
    .product-price-buy { padding: 15px; border-radius: 10px; background: #f8f9fa; width: 300px }
    .productSlick { display: flex; flex-direction: row-reverse; max-height: 600px; overflow: hidden}
    .productThumbCarousel { flex: 1 0 0}
    .productThumbCarousel .thumb { width: 100%; height: auto; margin: 0 }
    .productThumbCarousel .thumb img { max-width: 100px}
    .productThumbCarousel .slick-slider { height: auto; max-width: 100px}
    .productThumbCarousel .slick-slider .slick-prev { top: 0;left: 0;right: 0;width: auto;height: 8%;transform: none;padding: 0;}
    .productThumbCarousel .slick-list { display: flex; flex-direction: column; padding:0; height: 100%; margin-top:0;  }
    .productThumbCarousel .slick-slider .slick-prev + .slick-list { margin-top: 50%}
    .productThumbCarousel .slick-slider .slick-next { top: auto; bottom: 0; left: 0;right: 0;width: auto;height: 8%;transform: none;padding: 0;}
    .productCarousel { flex: 6 0 0; margin-left: 20px; margin-bottom: 0}
    .guest-checkout .labeled-form label {display: flex}
    .guest-checkout .labeled-form label .label-text {flex: 120px 0 0; margin-right: 10px; line-height: 40px; margin-bottom: 0}
    .guest-checkout .labeled-form label > div:nth-of-type(2) { flex-grow: 1}
    .guest-checkout .labeled-form label input, .labeled-form label select { margin-bottom: 0; line-height: 36px; padding: 0 0.5rem; height: 36px}
    .guest-checkout .checkout-step-body { padding-right: 0}
}