/* instagram-carousel Style */
.instagram-carousel {width: 100vw;margin-right: -20px;padding-top: unset !important;}
.instagram-carousel .swiper-wrapper {margin-left: 8px;}
.instagram-carousel .swiper-slide {padding: 0px !important;}
.instagram-carousel .manufacturer-picture {width: 90px; padding-top: 50% !important;}
.instagram-carousel .col-xl-2 {flex: auto;}
.instagram-carousel *{border: unset !important;}
.instagram-carousel .swiper-wrapper {margin-left: 8px;}
.instagram-carousel .swiper-slide {padding: 0px !important;}
.instagram-carousel .manufacturer-picture {width: 90px; padding-top: 50% !important;}
.instagram-carousel .col-xl-2 {flex: auto;}
.instagram-carousel *{border: unset !important;}
.d1m1 {width: 100%;}
@media (max-width: 768px) {.home-page-top {flex-direction: column;}}

/* fix root base color */
:root {--primary-color: #ff8c00 !important}
.btn-primary {background-color: var(--primary-color); border: 2px;}
.btn-primary:hover {background-color: var(--secondary-color);}

/* Mobile Bottom Navigation Styles */
.mobile-bottom-navigation .vp-item>.vp-btn .vp-title {font-size: x-small;font-weight: 700}
.mobile-bottom-navigation .vp-item.vp-active>.vp-btn {background: var(--primary-color);color: #fff !important}
.mobile-bottom-navigation a {display: inline-block;text-decoration: none;color: #515151}

/* login buttons style */
.login-wrapper .inputs a {width: 49%;background-color: var(--secondary-color);color: white;margin: auto;min-height: 48px;align-content: center;border-radius: 15px;text-align: center;}
.login-wrapper .inputs {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: center;}

/* discount-percent font style */
.discount .discount-percent {min-width: 30px;min-height: 30px;align-content: center;font-size: small;font-weight: bold;}

/* dont want underline on any text or main menu */
*:hover{text-decoration: unset !important;}

/* Logo gap on left side in mobile */

/* Deals Carousel Style */
.dealoftheday-container {margin-top: 15px;background: linear-gradient(-150deg, #ff8c007a, #ff8c00) !important}
.dealoftheday-leftadd .deals-image .swiper .slider-image a::before {padding-top: 130% !important}

/* MainPage See More Style */
.see-more {background-color: #e77f00 !important}

/* Category page */
/* filter temporary FIX */
.product-selector-wrapper {display: none !important}.product-selectors {display: none !important;top: unset !important}
/* Category AnchorLink Style */
.category-description a {color: white !important;font-weight: 700;background-color: #ff8c00;padding: 3px;border-radius: 5px;}
.category-description img{max-height: 70vh}

/* Product Page Styles */
.product-reviews-overview .product-review-links a:hover{background-color: #424750!important;color:#f2f2f2 !important;transition: 200ms}
/* FIX Product page like and compare botton position */
.overview-buttons{top: 3px !important;}
/* Fix Stick button is higher than category list in  mobile */
.sticky-add-tocart {z-index: 999}
.full-description p:has(img) {text-align: center;max-height: 50vh !important;height: 100%;}
.full-description img {max-height: 50vh !important;}

/* Desktop Menu styles */
.nav-icon {margin: 0px 10px 0px 10px!important;}
.nav-icon img {border-radius: 0px !important;}

/* Cart Page */
#fixed-checkout{width:100%;font-size: large;}

/* FIX Breadcrumb gap & Style */
.breadcrumb ul {margin-bottom: 0px;}
.breadcrumb {max-width: 1336px !important;margin: auto;background-color: unset;position: relative;}

/* Video Styles */
video{margin:auto!important;max-width:100%;border-radius:16px} video::-webkit-media-controls-play-button { display: none } video::-webkit-media-controls-timeline { display: none } video::-webkit-media-controls-current-time-display { display: none } video::-webkit-media-controls-time-remaining-display { display: none } .h_iframe-aparat_embed_frame iframe { width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 16px } div.h_iframe-aparat_embed_frame { margin: auto; width: 80% }

/* Swiper Pagination Style */
.swiper-pagination-bullet {width: 10px !important;height: 10px !important;margin: 2px !important;background:rgba(0,0,0,0.2) !important;}
.swiper-pagination-bullet-active {background:rgba(0,0,0,0.5) !important;}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {padding: 5px 5px 0px 5px!important;margin: 0px !important;width: auto !important;border-radius: 50px !important;left: 5px !important;bottom: 0px !important;}

/* Dont Display Swiper button when incactive */
.swiper-button-disabled {display: none !important;}

/* promotion-popup style */
.promotion-popup-modal p {font-weight: inherit;font-size: inherit}
.news-letter-popup-modal .close-button,.promotion-popup-modal .close-button {border-radius: 100%}
.promotion-popup-modal {box-shadow: unset !important;background: rgba(0, 0, 0, .6) !important}
.promotion-popup-modal-wrapper {background: rgba(124, 124, 124, .1) !important;backdrop-filter: blur(15px)}
.promotion-popup-modal-wrapper:before {background-color: unset !important}
.promotion-popup-modal-wrapper .text {color: #fff}
.promotion-popup-modal-wrapper .modal-content {background-color: unset;border: unset}
.news-letter-popup-modal .close-button,.promotion-popup-modal .close-button {background: #ff8c00}
.do-not-show-popup {display: none !important}
.close-button {top: 10px;left: 10px}
.news-letter-popup.promotion-popup.popup-single-column.ui-dialog-content.ui-widget-content {min-height: 0 !important}
.promotion-popup-modal-wrapper div {border-radius: 8px !important;overflow: hidden}
.close-button {padding: 3px !important}

/* Support Icon style */
.support-label { position: fixed; bottom: 80px; right: 20px; width: 60px; height: 60px; background-color: #25d366; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); z-index: 999; transition: transform .2s } .support-label:hover { transform: scale(1.1) } .support-label img { width: 35px; height: 35px } #support-toggle { display: none } .support-box { position: fixed; bottom: 120px; right: 20px; width: max-content; background: #fff; border-radius: 16px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .2); padding: 0; display: none; z-index: 999; overflow: hidden } #support-toggle:checked+.support-box { display: block } .close-btn { font-size: 22px; color: #fff; cursor: pointer; float: left } .close-btn:hover { color: #555 } .green-box { background: linear-gradient(259deg, #25d366 66%, #21c45e 100%); padding: 15px; color: #fff; border-radius: 0 !important } .chat-boxes { background-color: #fff; padding: 15px } .chat-boxes div { white-space: nowrap } .chat-boxes a { color: var(--black); text-decoration: auto } .chat-boxes a:hover { transform: scale(1.05); transition: all .5s } .guide-box { display: flex; align-items: center; background-color: #eee; border-bottom: solid 2px #21c45e; padding: 10px; border-radius: 0 !important; margin-top: 10px } .text-guide { margin-right: 15px } .text-guide div { padding-top: 5px }
.image-guide {width: 50px !important}
.image-guide img {width: 100%;border-radius: 100% !important}
/* Support Icon style Mobile */
@media (max-width:450px) {.support-box {position: fixed;bottom: 0 !important;right: 0 !important;width: 100% !important;border-radius: 0 !important;padding: 0 !important;z-index: 100000 !important;overflow: hidden}}
@media (max-width: 922px){.html-category-page .support-label,.html-home-page .support-label {bottom: 80px !important;}}

/* fix announcement size in mobile */
@media (max-width: 992px) {
#announcement-slider .announcement-item .announcement-title {max-width: 100vw;overflow: visible}
#announcement-slider .announcement-item {font-size: x-small;text-align: unset}
}

/* FIX mobile category menu is under the screen and is not visible */
@media only screen and (width <=959px) {.vp-category-mobile {height: 95%}}

/* FIX not displaying payment button when flyout shopping cart list is full */
.flyout-cart .items {height: max-content;max-height: calc(100vh - 170px) !important}

/* FIX banner is showing in one column inside xiaomi phone */
.d4m2 .swiper-wrapper {width: 100.1% !important}