/* preview page box  */

#store-view-div { position: relative; height: 96dvh; width: 100%;}
.store__preview__body { 
    position: absolute;
    width: 100%;
    left: 50%;
    --scale: .9;
    transform-origin: top center; transition: all .2s ease-in-out;
    transform: translateX(-50%) scale(var(--scale));
    top: 0; height: 100%; width: 1210px; }
    .store__preview__body  iframe{ user-select: none;}
    .store__preview__body.mobile_mode {width: 360px; --scale:1; }
@media (max-width:1800px){
    .store__preview__body { --scale: .65; height: 150%; }
    .side-menu-closed  .store__preview__body { --scale: .7; height: 130%; }
    .store__preview__body.mobile_mode { height: 100%; }
    .side-menu-closed .store__preview__body.mobile_mode {height: 143%; }
}
@media (max-width:1500px){
    .store__preview__body { --scale: .42; height: 176%; }
    .side-menu-closed  .store__preview__body { --scale: .57; height: 176%; }
    .side-menu-closed .store__preview__body.mobile_mode {height: 175%; }
}
@media (max-width:1199.98px){
    #store-view-div{height: 600px;}
    .store__preview__body, .side-menu-closed  .store__preview__body { --scale: .7; height: 143%; }
    .side-menu-closed .store__preview__body.mobile_mode, .store__preview__body.mobile_mode { height: 600px; --scale: 1 !important; }
}
@media (max-width:991.98px){
    .store__preview__body, .side-menu-closed  .store__preview__body { --scale: .56; height: 180%; }
}
@media (max-width:767.98px){
    #store-view-div{height: 500px;}
    .store__preview__body, .side-menu-closed  .store__preview__body { --scale: .4; height: 250%; }
    .side-menu-closed .store__preview__body.mobile_mode, .store__preview__body.mobile_mode { height:500px; }
}

@media (max-width:575.98px){
    #store-view-div{height: 400px;}
    .store__preview__body.mobile_mode{width: 310px;}
   .store__preview__body, .side-menu-closed .store__preview__body {--scale: .245; height: 410%; }
   .side-menu-closed .store__preview__body.mobile_mode, .store__preview__body.mobile_mode { height:400px; }
}
.store__preview__head { display: flex; justify-content: center; gap: 10px; margin-bottom: 12px; }
.store__preview__device { width: 26px; height: 26px; display: inline-flex; cursor: pointer; align-items: center; justify-content: center; color: #bfbfbf; }
.store__preview__device.is_active { color: #111; }
.store__preview__outer { display: flex; flex-wrap: wrap; }
.store__preview__left { width: 330px; background: #e9e9f026; border: 1px solid #ededed; }
.store__preview__right { width: calc(100% - 330px); padding-left: 26px; }

.store__preview__left .accordion-header { padding: 24px 20px; }
.store__preview__left .accordion-header h6 { margin: 0 !important; position: relative;  font-weight: 600; }
.store__preview__left .accordion-header h6:has(span) {padding-right: 30px;}
.store__preview__left .accordion-item { border-bottom: 1px solid #efefef; }
.store__preview__left .accordion-header h6 span { position: absolute; right: 0; top: 0; width: 16px; height: 16px; }
.store__preview__left .accordion-header h6 span img { width: 100%; height: 100%; object-fit: contain; vertical-align: baseline; }
.store__preview__left .accordion-body { padding: 0 20px 20px; }
.store__preview__left .accordion-body .color_picker { background: #fff; width: 100%; border: 1px solid #e2e5ec; color: #898b92; padding: 6px 12px; display: flex; align-items: center; gap: 10px; }
.store__preview__left .accordion-body .color_picker input[type="color"] {outline: none; padding: 0; border: none; background: transparent; width: 30px; height: 30px; }
.store__preview__left .accordion-body .color_picker label { margin-bottom: 0; }
.store__preview__left .accordion-body .banner-types { display: flex; gap: 1px; }
.store__preview__left .accordion-body .banner-types .banner-type { flex: 1; }
.store__preview__left .accordion-body .banner-type label { display: flex; height: 100%; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin: 0; padding: 14px 10px; border-radius: 10px; border: 1px solid transparent; transition: all .1s ease-in; font-size: 14px; font-weight: 600; color: #111; cursor: pointer; background: transparent; }
.store__preview__left .accordion-body .banner-type label span { font-size: 12px; font-weight: 400; line-height: 1.3; display: block; }
.store__preview__left .accordion-body .banner-type label img { width: 100%; margin: 0 auto 5px; max-height: 70px;}
.store__preview__left .accordion-body .banner-type label:has(input:checked) { background-color: #fff; border-color: #ddd; box-shadow: 0 2px 0px 0px rgb(221 221 221); }

.view-password{ width: 24px; position: absolute; right: 38px; top: 11px; font-size: 16px;}
.form-floating.active .view-password i::before {content: "\f06e";}
.card-body .file-preview.box .remove .btn { min-width: auto;}
.form-control:has(+.view-password) { padding-right: 48px;}
.min-width-auto { min-width: auto;}
.form-control.is-invalid, .was-validated .form-control:invalid{background: #fff !important;}

.aiz-carousel.product-gallery { padding-bottom: 30px; }
.product-intro-wrapper .product-intro-title { font-size: 36px; margin-bottom: 10px; }
.product-intro-rating { margin-bottom: 10px; }
.product-intro-rating-rated i { color: #fda608; }
.product-intro-wrapper { padding-left: 40px; }
.product-intro-rating-rated span { font-size: 14px; color: #666; }
.product-intro-top-cta-btn + .product-intro-top-cta-btn { margin-left: 20px; }
.product-intro-top-cta-btn { font-size: 16px; color: #555; background-color: #f9f9f9; padding: 2px 8px; border: 1px solid #99999929; border-radius: 4px; }
.product-intro-top-cta { margin-bottom: 30px; }
.product-intro-top-cta-btn:hover { color: #111; }
.product-intro-row { margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: start; }
.product-label { width: 100px; font-size: 14px; color: #666; font-weight: 500; }
.product-label-content { width: calc(100% - 100px); padding-left: 14px; }
.product-label-content .product-quantity { display: flex; align-items: center; justify-content: start !important; flex-wrap: wrap; gap: 10px; font-size: 14px; }
.product-label-content .product-quantity .aiz-plus-minus { display: flex; align-items: center; }
.product-intro-price-top { font-size: 20px; font-weight: 600; }
.product-intro-price-top span { font-weight: 400; }
.product-label-content .product-quantity .aiz-plus-minus input.input-number { width: 180px; padding: 11px 50px; height: 44px; border: 1px solid #c7c7c7 !important; border-radius: 0; }
.product-label-content .product-quantity .aiz-plus-minus { position: relative; }
.product-label-content .product-quantity .aiz-plus-minus .btn.btn-icon { z-index: 991; border-radius: 0; user-select: none; cursor: pointer;position: absolute; width: 36px; height: 36px; min-width: auto; border: 1px solid #c7c7c7; display: flex; align-items: center; justify-content: center; padding: 6px; z-index: 1; border-radius: 0; }
.product-label-content .product-quantity .aiz-plus-minus .btn.btn-icon[data-type="minus"] { left: 5px; }
.product-label-content .product-quantity .aiz-plus-minus .btn.btn-icon[data-type="plus"] { right: 4px; }
.product-label-content .product-price { font-size: 20px; color: var(--primary); }
.product-intro-bottom-cta { max-width: 420px; width: 100%; display: flex; flex-wrap: wrap; gap: 10px; }
.product-intro-bottom-cta .btn { flex: 1; margin: 0 !important; white-space: nowrap; min-width: 160px; padding: 11px 10px; font-size: 16px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2); color: #fff; line-height: 20px; }
.product-intro-bottom-cta .btn i { font-size: 20px; margin-right: 3px; }
.product-intro-bottom-cta .btn.btn-add-buy { background: #ff9f00; }
.product-intro-bottom-cta .btn.btn-add-cart { background: var(--bgColor); line-height: 20px;  color: var(--txtColor); }
.product-intro-bottom-cta .btn.btn-add-buy:hover { background: #ed9400; }
.product-intro-bottom-cta .btn.btn-add-cart:hover { background: var(--bgColor); filter: opacity(.95);  color: var(--txtColor); }
.product-gallery-thumb .carousel-box.c-pointer img { object-fit: contain; }
#addToCart-modal-body .product-label { width: 80px;}
.user-side-content.aiz-user-panel { width: calc(100% - 315px);}
#addToCart-modal-body .product-label-content { width: calc(100% - 80px);}
.bootstrap-select .dropdown-menu.inner{background-color: #fff;}
.filter-category-list li a { font-size: 16px; padding-block: 10px; border-top: 1px solid #e9e9e9;}
.min-auto{min-width: auto;}
.quantity-ui.aiz-plus-minus{width: 94px;}
.quantity-ui.aiz-plus-minus input.input-number {width: 100%;padding: 6px 30px !important;height: 30px;border: 1px solid #c7c7c7 !important;border-radius: 0;min-height: 30px;text-align: center !important;}
.quantity-ui.aiz-plus-minus { position: relative; }
.quantity-ui.aiz-plus-minus .btn.btn-icon {z-index: 991;border-radius: 0;user-select: none;cursor: pointer;position: absolute;width: 24px;top: 3px;height: 24px;min-width: auto;border: 1px solid #c7c7c7;display: flex;align-items: center;justify-content: center;padding: 6px;z-index: 1;border-radius: 0;}
.quantity-ui.aiz-plus-minus .btn.btn-icon[data-type="minus"] {left: 3px;}
.quantity-ui.aiz-plus-minus .btn.btn-icon[data-type="plus"] {right: 3px;}
.table_new_drops {
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-radius: 4px;
    margin-top: 8px;
    padding: 6px 16px;
    display: inline-block;
}

.table_new_drops .btn:hover, .table_new_drops a:hover {
    color: red !important;
}
@media (max-width:1199.98px) {
    .store__preview__right {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    
    .store__preview__left {
        width: 100%;
    }
}

@media (max-width:991.98px) {
    .product-intro-wrapper{padding: 0;}
    .aiz-carousel.product-gallery { max-width: 600px; margin-inline: auto; padding-bottom: 20px; }
.aiz-carousel.product-gallery .slick-prev, .aiz-carousel.product-gallery .slick-next { display: flex !important; align-items: center; justify-content: center; text-align: center; }
.aiz-carousel.product-gallery .slick-prev::before { display: block !important; }
.aiz-carousel.product-gallery .slick-prev i, .aiz-carousel.product-gallery .slick-next i { display: none; }
}


@media (max-width:767.98px) {
    .product-intro-wrapper .product-intro-title { font-size: 30px; }
	.product-intro-top-cta { margin-bottom: 24px; }
	.product-intro-row { margin-bottom: 20px; }
	.product-label { width: 84px; }
	.product-label-content { width: calc(100% - 84px); padding-left: 10px; }
    .product-gallery-thumb .slick-list.draggable {max-height: 300px;}
    #header .navbar-brand #logoHeaderTextOrLogo {font-size: 26px;}
    
    #addToCart-modal-body .slick-slider {
        padding-bottom: 20px;
    }
}

.aiz-carousel.product-gallery-thumb.slick-slider {
    padding-inline: 40px !important;
}

.aiz-carousel.product-gallery-thumb.slick-slider .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aiz-carousel.product-gallery-thumb.slick-slider .slick-arrow i {
    display: none;
}

.notifications .tab-content {
    max-height: 50dvh;
    overflow-x: hidden;
    overflow-y: auto;
}

.notifications .tab-content::-webkit-scrollbar {
  width: 5px;
}

.notifications .tab-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.notifications .tab-content::-webkit-scrollbar-thumb {
  background: #ccc;
}