/* Глобальные переменные */
:root {
	--box-shadow-m: rgba(0, 0, 0, 0.02) 0px 1.17px 2px 0px, rgba(0, 0, 0, 0.03) 0px 1.4px 5px 0px, rgba(0, 0, 0, 0.03) 0px 2px 10px 0px, rgba(0, 0, 0, 0.04) 0px 2px 18px 0px, rgba(0, 0, 0, 0.03) 0px 9px 33px 0px;
}

#mb3_customer_number, #mb3_virtuemart_shoppergroup_id, .vm-add-edit-address.mb-4, #vendor_nameBlock, #vendor_currencyBlock, 
#member-profile > fieldset:nth-child(2), #users-profile-custom, #mb3_virtuemart_vendor_id,
#adminForm > div.vm-form-row.row.gy-4.mb-4 > div:nth-child(2) > fieldset > div:nth-child(7),
#adminForm > div.vm-form-row.row.gy-4.mb-4 > div:nth-child(2) > fieldset > div:nth-child(8) 
{
    display: 1none;
}
.spasibo-za-registratsiyu #system-message-container {display: none;}

#tabs > li:nth-child(2) {}
#tab-1 > div.vm-form-row.row.gy-4.mb-4 > div:nth-child(1) {}

.text-white {color: #fff;}

.PoyasnenieZagrizke {margin: 40px 0;}

#excelTeplates {padding: 8px; margin: 0 0 20px 0; background-color: #cff4fc ; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px;}
#excelTeplates a {text-decoration: underline; font-weight: bold;}

.alert-message {text-align: center;}

#profile-message {
    display: flex;
    margin-top: 10px;
    padding: 8px;
    background: #fff;
    border: 1px solid #ddd;
    flex-wrap: wrap;
}
.profile-message-text { color: #000; }
.excelheadrs {
  padding: 8px;
  margin: 4px;
  background: #ffffff;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.excelheadrs:nth-child(odd) { background: #f7f7f7;}

.excelheadrs.required { border-left: 3px solid #dc3545; }
.excelheadrs.vendor-field { }
.excelheadrs.price-field {font-weight: bold;}
.excelheadrs[title] { cursor: help; } /* Подсказка при наведении */
.excel-col {color: #000000; background: #ffef8f; padding: 2px 5px; border-radius: 3px; margin-right: 2px; text-align: center; font-family: monospace; }

#sp-slider .mod_ext_owl_carousel_images{padding: 0;}

.productdetails-view {max-width: 98%;}
#imgBlock {display: flex; justify-content: space-evenly;}
.main-image {}
.main-image img {max-height: 440px;object-fit: contain;object-position: 50% 50%;}

#zoom-image { width: 500px; height: auto; }
.zoomContainer .zoomWindow {/* width: 560px !important; *//* height: 440px !important; */}

.image-additional {height: 540px;width: 160px;overflow: hidden;position: relative;}

.ba-form-submit-btn {width: 100%;}

#buyGoods {width: 100%;display: block;text-align: center;font-weight: bold;text-transform: uppercase;padding: 18px 20px 20px;color: #fff;background: #444;border-radius: 3px;transition: all 0.3s ease-in-out 0s;}
#buyGoods:hover {background-color: #f7891a}

.toolbar-center .form-label {display: none;}
.category-view .orderby-displaynumber .toolbar-center {display: flex;justify-content: flex-end;flex-wrap: nowrap;}
.category-view .orderby-displaynumber .toolbar-center .flex-nowrap {max-width: 50%;}

.products-list .item .item-wrap .item-inner .item-image {height: 250px; justify-content: center; display: flex; align-content: center; flex-wrap: wrap; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);}

.productdetails .content_product_detail .product-price {display: flex;}
.productdetails .content_product_detail .product-price .PricesalesPrice {order: 2;}
.productdetails .content_product_detail .product-price .PricebasePriceVariant {line-height: 24px;padding: 0 5px 0 0; order: 1;}

.mob_thumb {object-fit: cover;max-height: 400px;}
.mob-inner {display: flex;justify-content: center;}

.lineThrough {text-decoration: line-through;}
.howMany {padding: 10px 0;}
.productdetails  .PricesalesPrice, .productdetails .howMany span, .productdetails .discountPerM2 span {color: #f7891a;font-weight: bolder;}

.myGoods .row {margin-bottom: 20px; }
.myGoods .product-container {}
.myGoods .product-container .spacer {display: flex;justify-content: center;flex-flow: wrap;padding: 20px;background-color: whitesmoke;}
.myGoods .spacer > a:first-child {min-height: 270px;padding-bottom: 10px;}
.myGoods .spacer  a:nth-child(3) {min-height: 60px;padding-bottom: 20px;}
.myGoods .PricesalesPrice {font-weight: bolder;padding-bottom: 5px;}


/* Основной контейнер карусели */
#additional_images_gallery {
    transform: rotate3d(0, 0, 1, 90deg); 
    transform-origin: center center; 
    width: 480px; 
    height: 100px; 
    margin: 0 auto; 
    overflow: hidden; 
    position: absolute;
    top: 200px;
    left: -180px;
}
#additional_images_gallery .owl2-stage-outer {margin: 0 40px;}

/* Элементы карусели */
#additional_images_gallery .owl2-item {transform: rotate3d(0, 0, 1, -90deg); width: 100px !important; height: 100px !important; }

/* Стрелки навигации */
#additional_images_gallery .owl2-controls  .owl2-nav {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    opacity: 1;
}
#additional_images_gallery .owl2-controls  .owl2-nav div {
    background: #fff;
    border: none;
    margin: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: var(--box-shadow-m);
}
#additional_images_gallery .owl2-controls  .owl2-nav .owl2-prev {position: absolute; left: 0;}
#additional_images_gallery .owl2-controls  .owl2-nav .owl2-next {position: absolute; right: 0;}
#additional_images_gallery .owl2-controls  .owl-nav button:hover {  background: #bbb; }
#additional_images_gallery li a {display: flex;height: 94px; background-color: #f7f7f7;}


/* Мобильная карусель */
.owl2-carousel .owl2-dots {display: flex; justify-content: center; margin-top: 10px;}
.owl2-carousel .owl2-dots .owl2-dot {
    width: 10px;
    height: 10px;
    background: #869791;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.owl2-carousel .owl2-dots .owl2-dot.active, .owl-theme .owl-controls .owl-page.active span { background: #f7891a; }

.content_product_detail { padding: 25px; box-shadow: var(--box-shadow-m); }

/* Фильтр */
.cf_flt_wrapper {padding: 6px 0px 22px;}
.cf_flt_header {min-height: 40px;}
#sp-left  .cf_filters_list .cf_filters_list_li  {margin-bottom: 7px;border: none;}
.cf_wrapper_input_text .form-horizontal {display: flex;}
.cf_search_button[type=submit] {display: none;}


#fancybox-wrap {max-width: 900px;}
.view-productdetails #fancybox-wrap #fancybox-outer {margin-top: auto;padding: 0;background: transparent;}
#fancybox-wrap #fancybox-outer #fancybox-content {padding: 0}

/* Основной контейнер с двойной прокруткой */
.table-scroll-container {
    width: 100%;
    max-height: 600px; /* Максимальная высота перед появлением вертикальной прокрутки */
    overflow: auto; /* Автоматические прокрутки по обеим осям */
    border: 1px solid #ddd;
    margin: 20px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Стили таблицы */
.scrollable-table {
    width: 100%;
    min-width: 800px; /* Минимальная ширина для горизонтальной прокрутки */
    border-collapse: collapse;
}

/* Фиксированные заголовки */
.scrollable-table thead th {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;
    padding: 12px 15px;
    border-bottom: 2px solid #ddd;
}

/* Стили ячеек */
.scrollable-table td {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
}

/* Подсветка строк */
.scrollable-table tr:hover {
    background-color: #f5f5f5;
}

/* Стили скроллбаров (опционально) */
.table-scroll-container::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.table-scroll-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

.table-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}


@media (max-width: 767px) {
    .container-inner .row #sp-left {order: 2;}
    .container-inner .row #sp-component {order: 1;}
	
}
@media (min-width: 768px) {  }
@media (min-width: 768px) and (max-width:991px) { }
@media (min-width: 992px) and (max-width:1199px) { }
@media (min-width: 1200px) { }
@media (min-width: 1201px) and (max-width:1399px) { }
@media (min-width: 1400px) { .container, .sppb-row-container {max-width:1500px;} }

#jform_confirm-lbl {display:flex; flex-wrap: wrap;}
div.form-check.form-check-inline {display: inline-block;float:left; margin:0;padding:0;padding-left:20px;}
#jform[confirm]-desc {float:left;}