/* =========================================================
   BASE
========================================================= */

.productdetails-view .quantity-box input {
  width: 150px !important;
}

.cart_content {
  display: none !important;
}

.product.vm-products-horizon .katcustoms .vm-details-button {
  display: block;
}

.btn-group,
.btn-group-vertical {
  padding-bottom: 20px;
}

.product-field-display .inline-control-group label {
  font-size: 10px;
}

.span.addtocart-button input.addtocart-button {
  font-size: 14px;
}

.cf4all_buttons input[type="radio"]:checked + label,
.cf4all_buttons input[type="checkbox"]:checked + label,
.cf4all_color_buttons input[type="radio"]:checked + label,
.cf4all_color_buttons input[type="checkbox"]:checked + label {
  background: #101010;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  	border: 2px solid #fff !important;
  box-shadow: 0 0 0 1px #d6caba !important;
}

/* =========================================================
   LARGE DESKTOP 1400+
========================================================= */

@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 90%;
  }

  .product.vm-col-4 .spacer h4 {
    font-size: 18px;
  }

  .browse-view h1 {
    font-size: 28px;
  }

  div#maximenuck165 ul.maximenuck li.maximenuck.level1.mps {
    width: 40%;
  }

  .pohozie .b-carousel-block {
    width: 20%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }

  #productdetails-view h1.page-header.product-name p {
    font-size: 20px;
    color: #01b770;
  }

  .katcustoms .product-field-desc {
    font-size: 13px;
  }

  .top-product-addtocart .product-field-desc {
    font-size: 12px;
    color: red;
  }

  .product_my-opus {
    border-left: 4px solid red;
    padding: 0 0 0 10px;
    top: -20px;
    position: relative;
    font-style: oblique;
  }

  .product_my-opus .product-fields .product-field {
    margin-bottom: 0;
  }

  .vm-products-horizon .product-price {
    float: none;
  }

  .vm-product-customfields {
    max-width: 52%;
  }

  .vm-product-customfields .product_name h1 {
    padding: 0 0 20px 0;
  }
  .sp-megamenu-parent{list-style:none;padding:0;margin:0 -15px;z-index:99;display:flex;float:right;/*position:relative*/}
}

/* =========================================================
   DESKTOP 1200+
========================================================= */

@media (min-width: 1200px) {
  .product.vm-col-4 .spacer h4 {
    font-size: 16px;
  }
  

  div#maximenuck165 ul.maximenuck li.maximenuck.level1.mps {
    width: 40% !important;
  }

  #productdetails-view h1.page-header.product-name {
    font-size: 32px !important;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 49% !important;
  }

  .vmadCartModule.korz {
    left: 0;
  }

  .katcustoms .product-field-desc {
    font-size: 14px;
  }

  .browse-view .vm-products-horizon .vm-product-media-container {
    margin: 0 20px 0 0 !important;
    max-width: 30% !important;
  }
  
  .sp-megamenu-parent.d-lg-block {display:flex !important;}

  /*body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: -100% !important;
  }*/

}


@media (min-width: 992px) {
  .d-lg-block {
    display: flex !important;
	list-style: none;
  }
}

/* =========================================================
   TABLET / SMALL DESKTOP <= 991
========================================================= */

@media (max-width: 991px) {
  .product.vm-col-4 .spacer h4 {
    font-size: 18px;
  }
  #sp-header {
  height: 80px;
  }
  .align-items-center {
  align-items: flex-end !important;
}
  
    .product-har.col-md-4, .vm-product-media-container.col-md-4, .vm-product-details-container.col-md-4 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  #sp-top1.col-lg-5 {
  width: 20%;
  padding:10px;
  }
  .col-lg-5 {
  width: 50%;
  }
  .col-lg-2 {
  width: 30%;
  padding:10px;
  }
  

  div#productdetails-view {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pohozie .b-carousel-block {
    width: 22%;
  }

  div#maximenuck165 ul.maximenuck li.maximenuck.level1.mps {
    width: 30%;
  }

  .top-product-addtocart input.addtocart-button {
    font-size: 14px !important;
  }

  .vm-product-details-container .product-field-display .inline-control-group label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
  }
     #sp-menu .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    width: auto !important;
  }
}

/* =========================================================
   MOBILE / TABLET <= 768
========================================================= */

@media (max-width: 768px) {
  div#maximenuck165 ul.maximenuck li.maximenuck.level1.mps {
    width: 20%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 100%;
  }

  .vm-product-details-container {
    width: 100%;
  }

  #productdetails-view h1.page-header.product-name {
    font-size: 20px;
  }

  .productdetails-view input.addtocart-button {
    padding: 0 45px;
  }

  .productdetails-view .quantity-minus {
    left: 10px !important;
  }

  li.maximenucklogo {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .katcustoms .product-field-desc {
    font-size: 11px;
    padding-top: 5px;
  }

  .browse-view .product_name h1 {
    font-size: 30px !important;
  }

  .vm-product-customfields .product_name h1 {
    padding: 0 0 20px 0;
  }

  .browse-view .vm-products-horizon .vm-product-media-container {
    margin-left: 120px;
    max-width: 50%;
  }
  element {
}
.sp-megamenu-parent.d-lg-block {
  display: none !important;
}
}

/* =========================================================
   MOBILE <= 640
   Лишив окремо, бо тут є окрема логіка меню
========================================================= */

@media (max-width: 640px) {
  #sp-position1 div#maximenuck165.maximenuckh ul:not(.noresponsive) li {
    float: left !important;
    width: 50% !important;
  }

  #sp-position1 div#maximenuck165 ul.maximenuck li.maximenuck a.cart_dropdown {
    top: 25px;
    left: 50px;
  }

  #productdetails-view h1.page-header.product-name {
    font-size: 17px;
  }

  .vm-product-details-container {
    width: 100%;
  }

  .top-product-addtocart input.addtocart-button {
    font-size: 13px !important;
  }

  .productdetails-view input.addtocart-button {
    padding: 0 25px;
  }

  .vm-product-customfields {
    max-width: 100%;
  }

  .browse-view .product_name h1 {
    font-size: 18px !important;
    margin-bottom: 20px;
  }

  .katcustoms .product-field-desc {
    font-size: 11px;
  }
   	#hero .hero-copy .hero-stats, .hero-section .hero-copy .hero-stats, #hero .hero-copy .hero-proof {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}

/* =========================================================
   SMALL MOBILE <= 480
========================================================= */

@media (max-width: 480px) {
  div.product {
    float: left;
    margin: auto;
    max-width: 100%;
    width: 100%;
  }

  .browse-view h1 {
    font-size: 22px;
  }

  .pohozie .b-carousel-block {
    width: 30% !important;
  }

  .display-number {
    font-size: 10px;
  }

  .product-field-display .inline-control-group label {
    font-size: 11px;
  }

  .sppb-addon-content p {
    text-align: justify !important;
    padding: 0 15px;
  }

  .sppb-addon-content p > img {
    padding: 10px 0;
  }

  .browse-view .vm-products-horizon .vm-product-media-container {
    margin-left: 30px;
    max-width: 80% !important;
  }
  
  #sp-menu {
  padding:0;
}

.burger-icon {
  margin-right: 10px;
}
 .productdetails-view .addtocart-area {
    text-align: left !important;
  }
 
 	#hero .hero-copy .hero-stats, .hero-section .hero-copy .hero-stats, #hero .hero-copy .hero-proof {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}

.kilkist {
background-color: #fcec03;
  border-radius: 50%;
  color: #333;
  font-size: .7692307692rem;
  height: 20px;
  left: calc(50% - 20px);
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 20px;
  z-index: 1;
  left: 1px;
}

/* НАЛАШТУВАННЯ ВІКНА З КІЛЬКІСТЮ ТОВАРА ДЛЯ КУПІВЛІ */
.quantity-controls {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #ccc;
    width: 120px;
	border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.quantity-minus,
.quantity-plus {
    width: 35px;
    background: #eee;
    cursor: pointer;
    font-size: 18px;
}

.quantity-input {
    width: 50px;
    text-align: center;
}
.productdetails-view .quantity-controls input {
  width: 40px;
  border: 0;
  background-color: #fff;
}
.productdetails-view input.addtocart-button {
  padding: 0 15px;
}
.productdetails-view input.addtocart-button {
  height: 58px;
  line-height: 58px;
  margin-left: 10px;
}


.proopc-continue-link a, .proopc-clear-cart-wrapper a {
    min-height: 54px;
  padding: 14px 22px;
  border: 0;
  border-radius: 12px;
  background: #0f0f10;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none;
}

.proopc-continue-link a:hover, .proopc-clear-cart-wrapper a:hover {
	background: #fff;
  border: 1px solid var(--bagful-border-strong);
}
#ProOPC .proopc-toolbar-right {
  max-width: 100%;
}
#ProOPC .proopc-loggedin-user {
  margin-bottom: 20px;
}

#sp-menu {
flex: inherit;
}

/*.sp-megamenu-parent > li {
	padding:15px;
}

#sp-menu ul.sp-megamenu-parent.d-lg-block {display:inherit !important;}
*/
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li > a {
	font-weight: 700;
	text-transform: uppercase;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {display: flex; flex-wrap: wrap;}

.orderby-displaynumber {opacity:0;margin: 0; padding: 0; display: none;}
.top-product-addtocart .product-field-desc {
	font-size:12px;
	color: red;
}
.cf4all_wrapper input[type="radio"]:disabled + label, .dep_cf4all_wrapper input[type="radio"]:disabled + label {
  display:none;
}
 .katcustoms .product-field-desc {
    color: red;
	display:none;
  }

.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child {
text-align: center;
}

 .product_my-opus {
    border-left: 4px solid red;
    padding: 0 0px 0 10px;
    top: -20px;
    position: relative;
    font-style: oblique;
  }
  
#productdetails-view h1.page-header.product-name {
	text-transform: uppercase;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none;
}
.top-product-price span.PricesalesPrice {
	text-transform: uppercase;
  font-size: 44px;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none;
}
#productdetails-view h1.page-header.product-name {
	padding-bottom:0;
}
.vmadCartModule .vmcscart_wrapper .vmadCartModuleTitle {
	margin:0 !important;
}
.container-fluid {
	padding-top: 10px;
}
#menu-right {
	padding:0;
}
.vmadcicon-cart-4 {
	font-size:25px;
}
.vmadCartModule .vmcscart_wrapper .cart_content {
  top: 30px;
}
.vmadCartModule.korz .vmcscart_wrapper .cart_content {
  top: 40px !important;
}
#vmAjaxDropdownCartModule_192 div.cart_content {
  right: 0px;
  left: -320% !important;
}
.sp-megamenu-parent .sp-menu-item > a img {
	height:100px;
}
#maximenuck165 ul.maximenuck li.maximenuck.level1.mkt .maximenuiconck {
  margin-right: 10px;
}
div#maximenuck165 ul.maximenuck li.mkt ul.maximenuck2 li.maximenuck {
  text-align: center !important;
}
div#maximenuck165 ul.maximenuck li.maximenuck.level1 {
	vertical-align: middle;
}

div#maximenuck165 ul.maximenuck li.maximenuck a.cart_dropdown {
	width:100%;
	color:#000;
	font-size: 20px;
}

.vmadCartModule.korz .vmcscart_wrapper a.cart_dropdown {
  padding: 0px 10px;
}
div#maximenuck165 ul.maximenuck li.maximenuck.item101.level1 > div.floatck {
	position: fixed !important;
  top: 0;
  left: 0;
  height: 100%;
}
div#maximenuck165 ul.maximenuck li.maximenuck div.floatck div.floatck {
	left:0!important;
}
div#maximenuck165.maximenuckh li.fullwidth > div.floatck > div.maxidrop-main {
  padding: 20px 25px;
}
.sppb-carousel-inner {border-radius: 16px;}
.browse-view .product {
  margin-top: 20px;
  margin-bottom: 0;
}
.sp-column h1 {
  text-transform: uppercase;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 700;
  margin: 0;
}
.product.vm-col .spacer.product-container {
  padding: 20px 15px;
  border: 1px solid #d8d8d8;
  width: 100%;
  position: relative;
  transition: all 500ms ease;
  border-radius: 30px;
  background: var(--surface-2);
  max-width: 390px;
}

.katcustoms .product-fields-title strong, .top-product-addtocart .product-fields-title strong {
  font-weight: bold;
  color: black;
}
.product.vm-col .spacer h4 {
  text-transform: uppercase;
  margin-top: 0;
  min-height:50px;
}
.vm-categories-wall-catname {
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0px 4px;
  padding: 10px 10px;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
}
.vm-categories-wall-spacer:hover a img {
  opacity: .8;
  filter: alpha(opacity=80);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.vm-categories-wall-img {
padding:16px;
}
div.vm-details-button {
  text-align: right;
}
.product.vm-col .spacer:hover {
  border: 1px solid #101010;
  transition: opacity .2s ease-in-out;
  background: #fff;
}
.product.vm-col .katprice .product-price .PricesalesPrice {
  order: -1;
  font-size: 40px;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  color: #101010;
  font-weight: 800;
padding-top: 10px;
}
.katprice {position:absolute;}
.cf4all_no_color_btn {
  margin:0;
}
.vm-details-button .product-details, .katcustoms span.addtocart-button input.addtocart-button {
    background-size: auto;
  background-size: contain;
  width: 1px;
  border: 0;
  font-size: 1px;
  text-indent: -999em
}

.top-product-addtocart {
	margin:20px 0;
}
.productdetails-view .quantity-box input {
  position: absolute;
  margin-right: 5px;
  border-radius: 0;
  border: 1px solid #101010;
  height: 58px;
  text-align: center;
  font-weight: 700;
}

.highlight-button, .addtocart-button input, input.details-button, input.button, button.vm-button-correct, button.default {
  background: #101010;
  border: 1px solid transparent;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

.browse-view .row .product .spacer span.quantity-box, .browse-view .row .product .spacer span.quantity-controls {
	display:none;
}

.katcustoms span.addtocart-button input.addtocart-button {
	background: url(/images/png-cart.png) 50% 50% no-repeat;
	background-size: auto;
  background-size: contain;
  position: absolute;
  bottom: 20px;
  right: 60px;
}
.vm-details-button .product-details {
background: url(/images/next-step.png) 50% 50% no-repeat;
background-size: auto;
  background-size: contain;
  width: 34px;
  height: 48px;
}	
.vm-details-button a.product-details:hover {
	background-position:0
}
/*.product.vm-col-4:hover {
position: relative;
  z-index: 500;
}*/

.product-field-display .inline-control-group label {
padding:10px;
color: #101010;
  border-top-color: rgb(221, 221, 221);
  border-right-color: rgb(221, 221, 221);
  border-bottom-color: rgb(221, 221, 221);
  border-left-color: rgb(221, 221, 221);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.56;
  font-feature-settings: "pnum" on,"lnum" on;
  -webkit-font-feature-settings: "pnum" on,"lnum" on;
}
.product-field-display .inline-control-group label.cf4all_color_btn {
	width:58px;
	height:30px;
	padding: 0;
	border: 2px solid #fff !important;
  box-shadow: 0 0 0 1px #d6caba !important;
  border-radius:999px;
}
.katcustoms .product-field-display .inline-control-group label.cf4all_color_btn {
	width:30px;
	height:30px;
	padding: 0;
}
.customfield_wrapper {
  margin-bottom: 10px;
}
.product-field-display label {
	padding-bottom:10px;
}
.cf4all_selected_indicator::before {
position:relative;
}
.inline-control-group {
  display: inline-block;
}
	
#sp-topbar {
	font-size: 14px;
  padding: 5px;
}
ul.menutop3 {
	display: flex;
	list-style-type: none;
	font-size: 12px;
}
ul.menutop3 li {
	padding: 0 10px;
}

/*КАРТОЧКА*/
.pohozie .b-carousel-block {
	display: inline-block;
}
.spacer-buy-area .child-product .child-product-wrap {
	display:none;
}
.korzsuma {
	float:right;
	padding-left:10px;
	font-weight: 700;
	margin-top: 3px;
}
span.PricesalesPriceTt {
	position: absolute;
  margin-top: -60px;
  margin-left: 100px;
  color: #00b770;
}
.uk-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
}
.uk-table-striped tbody tr:nth-of-type(2n+1), .uk-table-striped > tr:nth-of-type(2n+1) {
  background: var(--surface-2);
}
.uk-table tbody tr {
  transition: background-color .1s linear;
}
.uk-table-small td, .uk-table-small th {
  padding: 10px 12px;
}
.uk-table td {
  padding: 16px 12px;
  vertical-align: top;
}
#sp-breadcrumb {
	font-size: 13px;
  color: #999;
  font-family: Poppins;
  font-weight: 300;
  letter-spacing: 0;
}
.katprice .PricesalesPriceTt, .float-start {
	display:none;
}
.orderlistcontainer, .pohozie {
	display:none;
}
.virtuemart_country_id-group {
	display:none;
}
.browse-view .row .product .spacer img {
	display: inline;
	width: auto;
}
.cfall-clean-tip {
    display:block;
    position:absolute;
    margin-top:.3rem;
    margin-left:1.7rem;
    background:#ffffff;
    border:1px solid #ccc;
    padding:5px 7px;
    color:black;
    z-index: 9999;
    white-space: nowrap;
    box-shadow:0 2px 5px rgba(0,0,0,0.15);
    font-size: 0.9rem;
}
/* Ховаємо span з тегами {{...}} */
.cf-hidden-tag {
    display: none !important;
}

.cf4all-relative img {
	max-width: fit-content;
}
.product-field-display label, .product-fields-title {
	text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

/* Рядок з кольорами Zeus */
.zeus-colors-row {
    /* можна взагалі нічого не ставити, хай буде як стандартний .sppb-row */
    overflow: hidden;   /* щоб clearfix не потрібен був */
}

/* Колонки всередині – увімкнути float, щоб працювала bootstrap-сітка */
.zeus-colors-row .sppb-row-column {
    float: left;
}
.zeus-colors-row .zeus-color {
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-name span.product-field-wrapper {
	position:absolute;
}
.col-name .cf4all_inner_value, .p-info-inner .cf4all_inner_value {
  min-height: 10px;
}
.proopc-column3 .col-name {
  width: 65% !important;
}
.proopc-column3 tr {
	font-size: 12px;
}
tbody.proopc-cart-product > tr.proopc-p-list a {
	font-weight: 600;
}
.proopc-delete-product {
  float: none;
  display: inline-block;
}
.proopc-name {
	padding: 10px;
  text-align: center;
}
.proopc-p-info .product-field-wrapper {
	display: inline-block;
  width: 100%;
}
.add-padding .proopc-qty-update {
	display: inline-block;
}
.add-padding .proopc-qty-title, .add-padding .proopc-qty-update, .add-padding .proopc-delete-product {
  float: none;
}
/* Fix Fancybox position when Helix uses transform */
body.fancybox-lock,
body.fancybox-lock .site,
body.fancybox-lock .body-wrapper {
    transform: none !important;
}

/* Center fancybox */
#fancybox-wrap {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}
/* робимо тіло TOS скролабельним */
#proopc-tos-fancy .fancy-tos-body{
  max-height: 80vh;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}
/* Заборонити клік по "Каталог товарів" (посилання на hidden-vm) 
.sp-megamenu-wrapper a[href*="/ua/hidden-vm-ua"],
.sp-megamenu-wrapper a[href*="/ru/hidden-vm-ru"]{
  pointer-events: none;
  cursor: default;
}

*/
.sppb-image-layouts-inline-img .sppb-img-responsive {
	height: 50px;
}
/* Заборонити клік по "Каталог товарів" (UA + RU) */
.sp-megamenu-wrapper a[href="/uk/katalog-tovariv"],
.sp-megamenu-wrapper a[href="/ru/katalog-tovarov"] {
  pointer-events: none;
  cursor: default;
}
#proopc-pricelist .proopc-cart-product .col-name span.product-field-label::first-letter {
    text-transform: uppercase;
}
.product-field-label {
    display: inline-block;
}

.cf4all_wrapper {
  display:flex;
  flex-wrap:wrap;
  gap:0 !important;
}
.cf4all_button {
  margin: 5px;
}
.category_description_bottom {
  margin: 28px 0 28px 0;
}

.category_description_bottom__inner {
  margin: 0 auto;
  padding: 0 12px;
}

.seo-bottom__card {
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 18px 18px;
}

.seo-bottom__title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
}

.seo-bottom__content {
  line-height: 1.7;
  font-size: 15px;
}

.seo-bottom__content p:last-child {
  margin-bottom: 0;
}
/* product image caption under main photo */
.vm-img-desc{
  display:none !important;
}

.product_title_container {
	display: table-cell;
  margin-top: 5px;
  height: 72px;
  text-align: center;
  line-height: 30px;
  color: #2b2b2b;
  font-size: 18px;
  vertical-align: middle;
  text-decoration: none;
}

.product_block, .m-kart, .main-image, .category-view .vm-product-media-container {
	box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  //background: rgba(255,255,255,.86) !important;
  border: 1px solid #e4d8ca !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
  padding: 20px;
  overflow: hidden !important;
  
}

.category-view .vm-product-media-container {max-height: 350px;}

.vm-product-details-container, .product-har {
	padding: 0 30px;
}

.bagful-cart-item-details .cf4all_inner_value {
  min-height: 1em;
}

.browse-view .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
}
.sp-module.korz #vmAjaxDropdownCartModule_192 a.cart_dropdown, #vmAjaxDropdownCartModule_192 a.cart_dropdown:hover {
  background: none;
  color: #000000;
}

#sp-main-body {
  padding: 30px 0 !important;
}



/*.browse-view .product.vm-col.vm-col-4 {
    width: calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    flex: 0 0 calc(25% - 15px) !important;
}*/

@media (max-width: 1400px) {
    .browse-view .product.vm-col.vm-col-4 {
        width: calc(33.333% - 14px) !important;
        max-width: calc(33.333% - 14px) !important;
        flex: 0 0 calc(33.333% - 14px) !important;
    }
}

@media (max-width: 1200px) {
    .browse-view .product.vm-col.vm-col-4 {
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
    }
}

@media (max-width: 767px) {
    .browse-view .product.vm-col.vm-col-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
	.category-view .browse-view div.product {
  width: 100%;
}
}

/* Mobile fix for old Fancybox add-to-cart popup */
@media (max-width: 767px) {
  #fancybox-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
  }

  #fancybox-wrap {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;

    width: calc(100vw - 24px) !important;
    max-width: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #fancybox-outer,
  #fancybox-content {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  #fancybox-content {
    overflow: visible !important;
  }

  /* Якщо всередині popup є стандартний VM confirm block */
  .fancybox-inner,
  .continue_link,
  .show_cart,
  .vmCartModule,
  .vm-notification,
  .notify-content,
  .product-related-products,
  .product-related-categories {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Кнопки в popup */
  #fancybox-content .continue_link,
  #fancybox-content .show_cart,
  #fancybox-content .btn,
  #fancybox-content a.btn,
  #fancybox-content input[type="button"],
  #fancybox-content button {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  /* Текст повідомлення */
  #fancybox-content,
  #fancybox-content div,
  #fancybox-content span,
  #fancybox-content p {
    font-size: 16px !important;
    line-height: 1.4 !important;
    word-break: break-word;
  }

  /* Закрити старі фіксовані ширини */
  #fancybox-wrap[style],
  #fancybox-content[style],
  #fancybox-outer[style] {
    max-width: calc(100vw - 24px) !important;
  }
}
#fancybox-overlay {
  cursor: default !important;
}
#ProOPC input[type="text"].invalid {
	border: 3px solid #ccc;
}
/* ===== Реквізити для рахунку ===== */

#company-fields {
  margin-top: 15px;
}

#company-fields .payer-type-switch,
#company-fields .vat-type-switch {
  margin-bottom: 18px;
}

#company-fields .payer-type-switch > label:first-child,
#company-fields .vat-type-switch > label:first-child {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #222;
}

#company-fields .payer-type-switch label:not(:first-child),
#company-fields .vat-type-switch label:not(:first-child) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 14px 8px 0;
  padding: 8px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background: #fafafa;
  cursor: pointer;
  transition: all 0.2s ease;
}

#company-fields .payer-type-switch label:not(:first-child):hover,
#company-fields .vat-type-switch label:not(:first-child):hover {
  border-color: #999;
  background: #f3f3f3;
}

#company-fields .payer-type-switch input[type="radio"],
#company-fields .vat-type-switch input[type="radio"] {
  margin: 0;
}

#company-fields .proopc-field {
  margin-bottom: 14px;
}

#company-fields .proopc-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #222;
}

#company-fields input[type="text"],
#company-fields input[type="email"],
#company-fields input[type="tel"],
#company-fields select,
#company-fields textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#company-fields .field-company,
#company-fields .field-inn,
#company-fields .field-EGRPOY {
  transition: opacity 0.2s ease;
}

/* трохи компактніше на мобілці */
@media (max-width: 767px) {
  #company-fields .payer-type-switch label:not(:first-child),
  #company-fields .vat-type-switch label:not(:first-child) {
    display: flex;
    width: 100%;
    margin-right: 0;
  }
}
.bagful-orderdone-page {
    max-width: 920px;
    margin: 0 auto;
    padding: 20px 15px 40px;
}

.bagful-orderdone-title {
    margin: 0 0 24px;
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
	padding: 60px 0;
}

.bagful-payment-warning-wrap {
    display: flex;
    justify-content: center;
    margin: 0 0 28px;
}

.bagful-payment-warning {
    width: 100%;
    max-width: 860px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 24px 26px;
    border: 2px solid #e3b04b;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff7e8 0%, #fff1d8 100%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.bagful-payment-warning__icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #f0b94d;
    color: #fff;
    font-size: 32px;
    line-height: 54px;
    text-align: center;
    font-weight: 700;
    margin-top: 2px;
}

.bagful-payment-warning__content {
    flex: 1 1 auto;
    min-width: 0;
}

.bagful-payment-warning__title {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: #7a4b00;
}

.bagful-payment-warning__text {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
    color: #6a4a13;
}

.bagful-orderdone-html {
    margin-top: 10px;
}
#sp-menu > .sp-column {
  height: auto;
}
.breadcrumb {background: none !important;}

@media (max-width: 991px) {
    .bagful-orderdone-title {
        font-size: 34px;
    }

    .bagful-payment-warning {
        padding: 22px 20px;
        gap: 16px;
    }

    .bagful-payment-warning__title {
        font-size: 22px;
    }

    .bagful-payment-warning__text {
        font-size: 18px;
        line-height: 1.55;
    }
}

@media (max-width: 767px) {
    .bagful-orderdone-page {
        padding: 16px 12px 30px;
    }

    .bagful-orderdone-title {
        font-size: 28px;
        margin-bottom: 18px;
    }

    .bagful-payment-warning {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 18px 16px;
        border-radius: 14px;
    }

    .bagful-payment-warning__icon {
        margin: 0;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 28px;
    }

    .bagful-payment-warning__title {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .bagful-payment-warning__text {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .bagful-orderdone-title {
        font-size: 24px;
    }

    .bagful-payment-warning__title {
        font-size: 18px;
    }

    .bagful-payment-warning__text {
        font-size: 15px;
    }
}

/* =========================
   BAGFUL TEMPLATE V16
   final adaptive layer
   ========================= */

/* container + section */
.container {
    width: min(1280px, calc(100% - 40px));
    margin: 0 auto;
}

.section {
    padding: clamp(56px, 7vw, 84px) 0;
}

/* typography */
.title {
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.04em;
    margin: 0 0 18px;
}

.section-title {
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.03em;
    margin: 0 0 14px;
}

.subtitle {
    font-size: clamp(16px, 1.3vw, 18px);
    line-height: 1.6;
    color: #6f675f;
    margin: 0 0 30px;
    max-width: 660px;
}

.section-intro {
    font-size: clamp(16px, 1.2vw, 17px);
    line-height: 1.65;
    color: #6f675f;
   /* max-width: 760px;*/
    margin: 0 0 36px;
}

/* buttons */
.btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(50px, 5vw, 54px);
    padding: 0 clamp(20px, 2vw, 24px);
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 600;
    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.2;
    text-align: center;
    transition: .2s ease;
}

.btn:hover {
    transform: translateY(-1px);
}

/* hero */
.hero {
    padding: 28px 0 40px;
}

.hero-shell {
    border-radius: clamp(24px, 3vw, 34px);
    overflow: hidden;
}

.topbar {
    padding: 20px 28px;
}

.brand {
    font-size: clamp(24px, 2.2vw, 28px);
}

.nav {
    gap: 20px;
    font-size: 15px;
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 28px;
    padding: 34px 28px 28px;
    align-items: stretch;
}

.hero-copy {
    padding: 20px 8px 18px 8px;
}

.hero-stats {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.stat {
    background: rgba(255,255,255,.82);
    border: 1px solid #e4d8ca;
    border-radius: 24px;
    padding: 18px;
    min-height: 100%;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08);
}

.stat strong {
    display: block;
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1;
    margin-bottom: 8px;
}

.stat span {
    color: #6f675f;
    font-size: clamp(13px, 1vw, 14px);
    line-height: 1.5;
}

.hero-visual {
    min-height: 560px;
   /* border-radius: clamp(22px, 2vw, 28px);*/
}

.mock-card {
    padding: 18px;
    border-radius: 22px;
}

.mock-card.small {
    width: 210px;
}

.mock-card h3,
.hero-visual .mock-card h3 {
    margin: 0 0 8px;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.2;
}

.mock-card p,
.hero-visual .mock-card p {
    margin: 0;
    color: #6f675f;
    font-size: clamp(13px, 1vw, 15px);
    line-height: 1.5;
}

/* cards */
.card {
    padding: 24px;
    border-radius: clamp(22px, 2vw, 28px);
}

.category-card {
    min-height: 300px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-card h3 {
    margin: 0 0 10px;
    font-size: clamp(22px, 2vw, 24px);
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.category-card p {
    margin: 0;
    color: #6f675f;
    max-width: 260px;
    line-height: 1.6;
}

.card-link {
    margin-top: 18px;
    color: #8f5a36;
    font-weight: 600;
}

/* wide block */
.wide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    align-items: center;
}

.wide-visual {
    padding: 16px;
    border-radius: clamp(22px, 2vw, 28px);
}

/* features */
.feature {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    min-height: 100%;
}

.icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    font-size: 20px;
}

.feature h3 {
    margin: 0 0 8px;
    font-size: clamp(18px, 1.5vw, 20px);
    line-height: 1.25;
}

.feature p {
    margin: 0;
    color: #6f675f;
    line-height: 1.6;
}

/* size cards */
.size-card {
    padding: 28px;
}

.size-card strong {
    display: block;
    font-size: clamp(30px, 2.5vw, 36px);
    margin-bottom: 10px;
    line-height: 1;
}

.size-card p {
    margin: 0;
    color: #6f675f;
    line-height: 1.6;
}

/* product cards */
.product-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
}

.product-visual {
    height: clamp(220px, 22vw, 240px);
    border-radius: 22px;
}

.product-card h3 {
    margin: 0;
    font-size: clamp(22px, 2vw, 24px);
    line-height: 1.2;
}

.product-card p {
    margin: 0;
    color: #6f675f;
    line-height: 1.6;
}

.tag-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 999px;
}

/* stats */
.stats-band {
    padding-top: 10px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 8px;
}

.stat-card {
    padding: 28px 24px;
    border-radius: 24px;
    text-align: center;
    min-height: 100%;
}

.stat-card .stat-number {
    font-size: clamp(38px, 4vw, 52px);
    line-height: 1;
    font-weight: 800;
    margin-bottom: 10px;
    color: #1f1f1f;
}

.stat-card .stat-title {
    font-size: clamp(17px, 1.4vw, 19px);
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.3;
}

.stat-card .stat-desc {
    color: #6f675f;
    margin: 0;
    font-size: clamp(15px, 1.1vw, 16px);
    line-height: 1.6;
}

/* faq */
.faq {
    display: grid;
    gap: 16px;
}

details {
    padding: 18px 20px;
    border-radius: 18px;
}

summary {
    cursor: pointer;
    list-style: none;
    font-weight: 700;
    padding-right: 28px;
    position: relative;
    line-height: 1.4;
}

summary::-webkit-details-marker {
    display: none;
}

/*summary:after {
    content: "+";
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 26px;
    color: #8f5a36;
}

details[open] summary:after {
    content: "–";
}*/

details p {
    margin: 14px 0 0;
    color: #6f675f;
    line-height: 1.65;
}

/* cta */
.cta {
    padding: clamp(24px, 3vw, 42px);
    border-radius: clamp(24px, 2.5vw, 32px);
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 24px;
    align-items: center;
}

.cta p {
    color: rgba(255,255,255,.78);
    margin: 0;
    font-size: clamp(16px, 1.2vw, 17px);
    line-height: 1.65;
}

.cta .btn-secondary {
    border-color: rgba(255,255,255,.22);
    color: #fff;
}

/* footer */
.footer {
    padding: 36px 0 56px;
    color: #6f675f;
    font-size: 14px;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #e4d8ca;
    padding-top: 26px;
}

/* template grids */
.grid-4,
.grid-3,
.grid-2 {
    display: grid;
    gap: 20px;
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}


/* =========================
   SPPB hero fixes
   ========================= */

#hero .hero-grid,
.hero-section .hero-grid {
    align-items: stretch;
}

#hero .hero-copy,
.hero-section .hero-copy {
    display: flex;
    flex-direction: column;
    gap: 0;
}

#hero .btn-row,
.hero-section .btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    width: auto;
}

#hero .btn-row > *,
.hero-section .btn-row > * {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

#hero .btn-row .sppb-btn,
#hero .btn-row .btn,
.hero-section .btn-row .sppb-btn,
.hero-section .btn-row .btn {
    width: auto;
    min-width: 170px;
}

#hero .hero-stats,
.hero-section .hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
    align-items: stretch;
}

#hero .hero-stats > div,
#hero .hero-stats > .sp-pagebuilder-addon,
#hero .hero-stats > .builder-nested-addon,
#hero .hero-stats > [id^="addon-wrap-"],
.hero-section .hero-stats > div,
.hero-section .hero-stats > .sp-pagebuilder-addon,
.hero-section .hero-stats > .builder-nested-addon,
.hero-section .hero-stats > [id^="addon-wrap-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    box-sizing: border-box;
}

#hero .hero-stats > .sp-pagebuilder-addon > .sppb-addon-wrapper,
#hero .hero-stats > .builder-nested-addon > .sppb-addon-wrapper,
#hero .hero-stats > [id^="addon-wrap-"] > .sppb-addon-wrapper,
.hero-section .hero-stats > .sp-pagebuilder-addon > .sppb-addon-wrapper,
.hero-section .hero-stats > .builder-nested-addon > .sppb-addon-wrapper,
.hero-section .hero-stats > [id^="addon-wrap-"] > .sppb-addon-wrapper {
    height: 100%;
}

#hero .hero-stats .stat,
.hero-section .hero-stats .stat {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-width: 0;
}

#hero .hero-stats .sppb-addon,
#hero .hero-stats .sppb-addon-text-block,
#hero .hero-stats .sppb-addon-content,
.hero-section .hero-stats .sppb-addon,
.hero-section .hero-stats .sppb-addon-text-block,
.hero-section .hero-stats .sppb-addon-content {
    width: 100%;
    min-width: 0;
}

#hero .hero-stats .sppb-addon-title,
#hero .hero-stats h3,
.hero-section .hero-stats .sppb-addon-title,
.hero-section .hero-stats h3 {
    margin: 0 0 8px;
    font-size: clamp(20px, 1.8vw, 24px);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

#hero .hero-stats p,
.hero-section .hero-stats p {
    margin: 0;
    color: #6f675f;
    line-height: 1.6;
}

#hero .hero-visual .sppb-addon-single-image-container img,
#hero .hero-visual .sppb-addon-image-container img,
.hero-section .hero-visual .sppb-addon-single-image-container img,
.hero-section .hero-visual .sppb-addon-image-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

#hero .hero-visual,
.hero-section .hero-visual {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================
   adaptive
   ========================= */

@media (max-width: 1080px) {
    .hero-grid,
    .cta {
        grid-template-columns: 1fr;
    }

    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3,
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-visual {
        min-height: 440px;
    }

    .hero-stats {
        grid-template-columns: 1fr;
    }

    .nav {
        display: none;
    }

    .wide {
        grid-template-columns: 1fr;
    }

    .cta .btn-row {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 760px) {
    .container {
        width: min(1280px, calc(100% - 24px));
    }

    .section {
        padding: 48px 0;
    }

    .topbar {
        padding: 18px;
    }

    .hero-grid {
        padding: 22px 18px 18px;
        gap: 20px;
    }

    .grid-4,
    .grid-3,
    .grid-2,
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .card,
    .size-card,
    .cta,
    .stat-card {
        padding: 22px;
    }

    .hero-visual {
        min-height: 360px;
    }

    .mock-card {
        transform: scale(.92);
        transform-origin: center;
    }

    .mock-card.one {
        top: 16px;
        right: 16px;
    }

    .mock-card.two {
        left: 16px;
        bottom: 16px;
        width: 220px;
    }

    .category-card {
        min-height: 260px;
    }

    .btn-row {
        width: 100%;
    }

    .btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 16px 0 28px;
    }

    .hero-shell {
        border-radius: 22px;
    }

    .topbar {
        padding: 14px 16px;
    }

    .hero-grid {
        padding: 18px 16px 16px;
    }

    .hero-visual {
        min-height: 320px;
    }

    .mock-card {
        padding: 14px;
        border-radius: 18px;
    }

    .mock-card.small,
    .mock-card.two {
        width: 180px;
    }

    .stat-card .stat-number {
        word-break: break-word;
    }
	
}
/* =========================
   TYPOGRAPHY
   ========================= */

html {
    font-size: 16px;
}

body {
    font-size: clamp(15px, 0.95vw, 18px);
	margin: 0;
  font-family: Inter, Arial, sans-serif;
  color: #1d1b19;
  background: radial-gradient(circle at top left, #fff8ee 0, transparent 28%), linear-gradient(180deg, #fbf8f3 0%, #f6f1ea 100%);
  line-height: 1.55;
}

p,
li,
.subtitle,
.section-intro,
.card p,
.category-card p,
.product-card p,
.feature p,
.size-card p,
.stat-card .stat-desc,
details p {
    font-size: clamp(15px, 1vw, 14px);
    line-height: 1.65;
}

.title,
h1 {
    font-size: clamp(34px, 5vw, 48px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.section-title,
h2 {
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

h3,
.category-card h3,
.product-card h3,
.feature h3 {
    font-size: clamp(20px, 2vw, 24px);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

h4 {
    font-size: clamp(18px, 1.4vw, 20px);
    line-height: 1.3;
}

.brand {
    font-size: clamp(24px, 2.2vw, 28px);
    line-height: 1.1;
}

.stat strong {
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1;
}

.size-card strong {
    font-size: clamp(30px, 2.5vw, 36px);
    line-height: 1;
}

.stat-card .stat-number {
    font-size: clamp(38px, 4vw, 52px);
    line-height: 1;
}

.stat-card .stat-title {
    font-size: clamp(17px, 1.4vw, 19px);
    line-height: 1.3;
}

.tag,
.pill,
.eyebrow {
    font-size: clamp(12px, 0.85vw, 14px);
    line-height: 1.2;
}

.btn,
summary,
.nav,
.mock-card p,
.mock-card h3 {
    font-size: clamp(14px, 1vw, 16px);
}
@media (max-width: 760px) {
    body {
        font-size: 15px;
        line-height: 1.6;
    }

    .title,
    h1 {
        font-size: clamp(30px, 9vw, 40px);
        line-height: 1.05;
    }

    .section-title,
    h2 {
        font-size: clamp(24px, 7vw, 32px);
        line-height: 1.12;
    }

    h3,
    .category-card h3,
    .product-card h3,
    .feature h3 {
        font-size: clamp(19px, 5.5vw, 24px);
        line-height: 1.22;
    }

    p,
    li,
    .subtitle,
    .section-intro,
    .card p,
    .category-card p,
    .product-card p,
    .feature p,
    .size-card p,
    .stat-card .stat-desc,
    details p {
        font-size: 15px;
        line-height: 1.65;
    }

    .subtitle,
    .section-intro {
        margin-bottom: 22px;
    }
}

@media (max-width: 480px) {
    .title,
    h1 {
        font-size: clamp(28px, 10vw, 34px);
    }

    .section-title,
    h2 {
        font-size: clamp(22px, 7.5vw, 28px);
    }

    h3,
    .category-card h3,
    .product-card h3,
    .feature h3 {
        font-size: 20px;
    }

    p,
    li,
    .subtitle,
    .section-intro,
    .card p,
    .category-card p,
    .product-card p,
    .feature p,
    .size-card p,
    .stat-card .stat-desc,
    details p {
        font-size: 15px;
    }

    .tag,
    .pill,
    .eyebrow {
        font-size: 12px;
    }
}



@media (max-width: 1080px) {
    #hero .hero-stats,
    .hero-section .hero-stats {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    #hero .btn-row,
    .hero-section .btn-row {
        width: 100%;
    }

    #hero .btn-row > *,
    .hero-section .btn-row > * {
        width: 100%;
    }

    #hero .btn-row .sppb-btn,
    #hero .btn-row .btn,
    .hero-section .btn-row .sppb-btn,
    .hero-section .btn-row .btn {
        width: 100%;
    }
}



/* =========================
   HERO V2 SPPB precise overrides
   ========================= */

#hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row,
.hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row {
    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 28px !important;
    padding: 34px 28px 28px !important;
    align-items: stretch !important;
}

#hero .hero-shell .sppb-row-column,
.hero-section .hero-shell .sppb-row-column {
    max-width: none !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#hero .hero-copy,
.hero-section .hero-copy {
    padding: 20px 8px 18px 8px !important;
    min-width: 0;
    width: 100% !important;
    max-width: none !important;
}

#hero .hero-copy .sppb-addon,
#hero .hero-copy .sppb-addon-wrapper,
#hero .hero-copy .sppb-addon-content,
#hero .hero-copy .sppb-addon-text-block,
.hero-section .hero-copy .sppb-addon,
.hero-section .hero-copy .sppb-addon-wrapper,
.hero-section .hero-copy .sppb-addon-content,
.hero-section .hero-copy .sppb-addon-text-block {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

#hero .hero-copy .pill,
.hero-section .hero-copy .pill {
    display: inline-flex !important;
    width: fit-content;
    margin: 0 0 18px !important;
}

#hero .hero-copy .title,
.hero-section .hero-copy .title,
#hero .hero-copy .sppb-addon-title,
.hero-section .hero-copy .sppb-addon-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 18px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

#hero .hero-copy .subtitle,
.hero-section .hero-copy .subtitle,
#hero .hero-copy .subtitle .sppb-addon-content,
.hero-section .hero-copy .subtitle .sppb-addon-content {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #6f675f !important;
    margin: 0 0 30px !important;
}

#hero .hero-copy .subtitle span,
.hero-section .hero-copy .subtitle span {
    font-size: inherit !important;
}

#hero .hero-copy .btn-row,
.hero-section .hero-copy .btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin: 0 0 28px !important;
    width: auto !important;
}

#hero .hero-copy .btn-row > .sppb-addon,
#hero .hero-copy .btn-row > .sp-pagebuilder-addon,
#hero .hero-copy .btn-row > .builder-nested-addon,
#hero .hero-copy .btn-row > [id^="addon-wrap-"],
.hero-section .hero-copy .btn-row > .sppb-addon,
.hero-section .hero-copy .btn-row > .sp-pagebuilder-addon,
.hero-section .hero-copy .btn-row > .builder-nested-addon,
.hero-section .hero-copy .btn-row > [id^="addon-wrap-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

#hero .hero-copy .btn-row .sppb-btn,
.hero-section .hero-copy .btn-row .sppb-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 164px;
    padding: 0 24px !important;
}

#hero .hero-copy .hero-stats,
.hero-section .hero-copy .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 0 !important;
    width: 100%;
    min-width: 0;
}

#hero .hero-copy .hero-stats > .sppb-addon,
#hero .hero-copy .hero-stats > .sp-pagebuilder-addon,
#hero .hero-copy .hero-stats > .builder-nested-addon,
#hero .hero-copy .hero-stats > [id^="addon-wrap-"],
.hero-section .hero-copy .hero-stats > .sppb-addon,
.hero-section .hero-copy .hero-stats > .sp-pagebuilder-addon,
.hero-section .hero-copy .hero-stats > .builder-nested-addon,
.hero-section .hero-copy .hero-stats > [id^="addon-wrap-"] {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
    min-width: 0;
    margin: 0 !important;
}

#hero .hero-copy .hero-stats .stat,
.hero-section .hero-copy .hero-stats .stat {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 140px;
    padding: 18px !important;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    overflow: hidden;
}

#hero .hero-copy .hero-stats .stat .sppb-addon-content,
.hero-section .hero-copy .hero-stats .stat .sppb-addon-content {
    width: 100%;
}

#hero .hero-copy .hero-stats .stat .stat-title,
.hero-section .hero-copy .hero-stats .stat .stat-title {
    display: block;
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1f1f1f;
}

#hero .hero-copy .hero-stats .stat p,
#hero .hero-copy .hero-stats .stat .sppb-addon-content,
.hero-section .hero-copy .hero-stats .stat p,
.hero-section .hero-copy .hero-stats .stat .sppb-addon-content {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #6f675f !important;
    margin: 0 !important;
}

#hero .hero-visual,
.hero-section .hero-visual {
    position: relative;
    min-height: 560px !important;
    border-radius: 28px;
    overflow: hidden;
    background:
      linear-gradient(160deg, rgba(169,111,70,.95), rgba(187,134,95,.86)),
      radial-gradient(circle at 25% 20%, rgba(255,255,255,.18), transparent 22%),
      radial-gradient(circle at 80% 20%, rgba(255,255,255,.12), transparent 18%),
      linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.05));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    display: block !important;
}

#hero .hero-visual::after,
.hero-section .hero-visual::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28%;
    background: rgba(239,230,220,.92);
    z-index: 1;
}

#hero .hero-visual::before,
.hero-section .hero-visual::before {
    content: "";
    position: absolute;
    left: 8%;
    top: 7%;
    width: 22%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    z-index: 1;
}

#hero .hero-visual .hero-image,
.hero-section .hero-visual .hero-image {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-42%);
    width: 72%;
    max-width: 420px;
    z-index: 2;
    margin: 0 !important;
}

#hero .hero-visual .hero-image img,
#hero .hero-visual .hero-image .sppb-img-responsive,
.hero-section .hero-visual .hero-image img,
.hero-section .hero-visual .hero-image .sppb-img-responsive {
    width: 100%;
    height: auto;
    display: block;
}

#hero .hero-visual .mock-card,
.hero-section .hero-visual .mock-card {
    position: absolute !important;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 22px;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08);
    padding: 18px !important;
    z-index: 3;
    width: auto !important;
    max-width: 240px;
}

#hero .hero-visual .mock-card.one,
.hero-section .hero-visual .mock-card.one {
    top: 24px;
    right: 22px;
}

#hero .hero-visual .mock-card.one.small,
.hero-section .hero-visual .mock-card.one.small {
    width: 210px !important;
}

#hero .hero-visual .mock-card.two,
.hero-section .hero-visual .mock-card.two {
    left: 22px;
    bottom: 22px;
    width: 240px !important;
}

#hero .hero-visual .mock-card .sppb-addon-title,
#hero .hero-visual .mock-card h3,
.hero-section .hero-visual .mock-card .sppb-addon-title,
.hero-section .hero-visual .mock-card h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    color: #1f1f1f;
}

#hero .hero-visual .mock-card .sppb-addon-content,
#hero .hero-visual .mock-card p,
.hero-section .hero-visual .mock-card .sppb-addon-content,
.hero-section .hero-visual .mock-card p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #6f675f !important;
}

@media (max-width: 1080px) {
    #hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row,
    .hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row {
        grid-template-columns: 1fr !important;
    }

    #hero .hero-copy .title,
    .hero-section .hero-copy .title,
    #hero .hero-copy .sppb-addon-title,
    .hero-section .hero-copy .sppb-addon-title {
        font-size: clamp(34px, 6vw, 46px) !important;
        line-height: 1.06 !important;
    }

    #hero .hero-copy .hero-stats,
    .hero-section .hero-copy .hero-stats {
        grid-template-columns: 1fr !important;
    }

    #hero .hero-visual,
    .hero-section .hero-visual {
        min-height: 440px !important;
    }
}

@media (max-width: 760px) {
    #hero .hero-copy .title,
    .hero-section .hero-copy .title,
    #hero .hero-copy .sppb-addon-title,
    .hero-section .hero-copy .sppb-addon-title {
        font-size: clamp(30px, 8.2vw, 38px) !important;
        line-height: 1.08 !important;
    }

    #hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row,
    .hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row {
        padding: 22px 18px 18px !important;
        gap: 20px !important;
    }

    #hero .hero-copy .title,
    .hero-section .hero-copy .title,
    #hero .hero-copy .sppb-addon-title,
    .hero-section .hero-copy .sppb-addon-title {
        font-size: clamp(30px, 9vw, 40px) !important;
        line-height: 1.05 !important;
    }

    #hero .hero-copy .subtitle,
    .hero-section .hero-copy .subtitle,
    #hero .hero-copy .subtitle .sppb-addon-content,
    .hero-section .hero-copy .subtitle .sppb-addon-content {
        font-size: 15px !important;
    }

    #hero .hero-copy .btn-row,
    .hero-section .hero-copy .btn-row {
        width: 100% !important;
    }

    #hero .hero-copy .btn-row > .sppb-addon,
    #hero .hero-copy .btn-row > .sp-pagebuilder-addon,
    #hero .hero-copy .btn-row > .builder-nested-addon,
    #hero .hero-copy .btn-row > [id^="addon-wrap-"],
    .hero-section .hero-copy .btn-row > .sppb-addon,
    .hero-section .hero-copy .btn-row > .sp-pagebuilder-addon,
    .hero-section .hero-copy .btn-row > .builder-nested-addon,
    .hero-section .hero-copy .btn-row > [id^="addon-wrap-"] {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    #hero .hero-copy .btn-row .sppb-btn,
    .hero-section .hero-copy .btn-row .sppb-btn {
        width: 100% !important;
    }

    #hero .hero-visual,
    .hero-section .hero-visual {
        min-height: 360px !important;
    }

    #hero .hero-visual .mock-card,
    .hero-section .hero-visual .mock-card {
        transform: scale(.92);
        transform-origin: center;
    }

    #hero .hero-visual .mock-card.one,
    .hero-section .hero-visual .mock-card.one {
        top: 16px;
        right: 16px;
    }

    #hero .hero-visual .mock-card.two,
    .hero-section .hero-visual .mock-card.two {
        left: 16px;
        bottom: 16px;
        width: 220px !important;
    }
}

/* =========================
   HERO STRUCTURE v3
   системне вирівнювання колонок і wrapper-ів SPPB
   ========================= */

#hero .hero-shell,
.hero-section .hero-shell {
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(250,243,235,.88));
    border: 1px solid rgba(228,216,202,.85);
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08);
}

#hero .hero-shell > .sppb-container-inner,
.hero-section .hero-shell > .sppb-container-inner {
    width: 100%;
    max-width: 100%;
    padding-left: 28px;
    padding-right: 28px;
    box-sizing: border-box;
}

#hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row,
.hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
    margin: 0 !important;
}

#hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row > [id^="column-wrap-id-"],
.hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row > [id^="column-wrap-id-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
}

#hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row > [id^="column-wrap-id-"] > .sppb-column,
.hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row > [id^="column-wrap-id-"] > .sppb-column {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
}

#hero .hero-shell .sppb-column-addons,
.hero-section .hero-shell .sppb-column-addons {
    width: 100%;
    min-width: 0;
}

#hero .hero-copy,
.hero-section .hero-copy {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#hero .hero-copy .title,
#hero .hero-copy h1,
.hero-section .hero-copy .title,
.hero-section .hero-copy h1 {
    max-width: 12ch;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 24px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

#hero .hero-copy .pill,
.hero-section .hero-copy .pill {
    margin-bottom: 18px;
    width: fit-content;
}

#hero .hero-copy .subtitle,
#hero .hero-copy .section-intro,
.hero-section .hero-copy .subtitle,
.hero-section .hero-copy .section-intro {
    max-width: 42ch;
    margin: 0 0 30px !important;
    font-size: clamp(18px, 1.25vw, 22px) !important;
    line-height: 1.55 !important;
}

#hero .hero-copy .btn-row,
.hero-section .hero-copy .btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 0 28px !important;
}

#hero .hero-copy .btn-row > .sppb-addon,
#hero .hero-copy .btn-row > .sp-pagebuilder-addon,
#hero .hero-copy .btn-row > .builder-nested-addon,
#hero .hero-copy .btn-row > [id^="addon-wrap-"],
.hero-section .hero-copy .btn-row > .sppb-addon,
.hero-section .hero-copy .btn-row > .sp-pagebuilder-addon,
.hero-section .hero-copy .btn-row > .builder-nested-addon,
.hero-section .hero-copy .btn-row > [id^="addon-wrap-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

#hero .hero-copy .btn-row .sppb-btn,
.hero-section .hero-copy .btn-row .sppb-btn {
    width: auto !important;
    min-width: 190px;
}

#hero .hero-copy .hero-stats,
.hero-section .hero-copy .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

#hero .hero-copy .hero-stats > .sppb-addon-wrapper,
#hero .hero-copy .hero-stats > .sppb-addon,
#hero .hero-copy .hero-stats > .sp-pagebuilder-addon,
#hero .hero-copy .hero-stats > .builder-nested-addon,
#hero .hero-copy .hero-stats > [id^="addon-wrap-"],
.hero-section .hero-copy .hero-stats > .sppb-addon-wrapper,
.hero-section .hero-copy .hero-stats > .sppb-addon,
.hero-section .hero-copy .hero-stats > .sp-pagebuilder-addon,
.hero-section .hero-copy .hero-stats > .builder-nested-addon,
.hero-section .hero-copy .hero-stats > [id^="addon-wrap-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

#hero .hero-copy .hero-stats .stat,
.hero-section .hero-copy .hero-stats .stat {
    height: 100%;
    min-height: 0;
    padding: 18px;
    border-radius: 20px;
}

#hero .hero-copy .hero-stats .stat .stat-title,
.hero-section .hero-copy .hero-stats .stat .stat-title {
    font-size: clamp(20px, 1.6vw, 24px) !important;
    line-height: 1.15 !important;
    margin: 0 0 10px !important;
}

#hero .hero-copy .hero-stats .stat p,
#hero .hero-copy .hero-stats .stat .sppb-addon-content,
.hero-section .hero-copy .hero-stats .stat p,
.hero-section .hero-copy .hero-stats .stat .sppb-addon-content {
    font-size: clamp(15px, 1vw, 17px) !important;
    line-height: 1.6 !important;
}

#hero .hero-visual,
.hero-section .hero-visual {
    position: relative;
    min-height: 560px;
    border-radius: 28px;
    overflow: hidden;
    background:
        linear-gradient(160deg, rgba(143,90,54,.95), rgba(201,142,98,.86)),
        radial-gradient(circle at 25% 20%, rgba(255,255,255,.26), transparent 22%),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,.2), transparent 18%),
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.08));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}

#hero .hero-visual .hero-image,
#hero .hero-visual img,
.hero-section .hero-visual .hero-image,
.hero-section .hero-visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

#hero .hero-visual .mock-card,
.hero-section .hero-visual .mock-card {
    position: absolute !important;
    z-index: 2;
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08);
}

#hero .hero-visual .mock-card.one,
.hero-section .hero-visual .mock-card.one {
    top: 24px;
    right: 22px;
}

#hero .hero-visual .mock-card.two,
.hero-section .hero-visual .mock-card.two {
    left: 22px;
    bottom: 22px;
    width: 240px;
}

@media (max-width: 1080px) {
    #hero .hero-shell > .sppb-container-inner,
    .hero-section .hero-shell > .sppb-container-inner {
        padding-left: 22px;
        padding-right: 22px;
    }

    #hero .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row,
    .hero-section .hero-shell .sppb-container-inner > .sppb-row.sppb-nested-row {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    #hero .hero-copy .title,
    #hero .hero-copy h1,
    .hero-section .hero-copy .title,
    .hero-section .hero-copy h1 {
        max-width: 11ch;
        font-size: clamp(40px, 8vw, 56px) !important;
    }

    #hero .hero-copy .subtitle,
    #hero .hero-copy .section-intro,
    .hero-section .hero-copy .subtitle,
    .hero-section .hero-copy .section-intro {
        max-width: 100%;
        font-size: clamp(16px, 2vw, 18px) !important;
    }

    #hero .hero-copy .hero-stats,
    .hero-section .hero-copy .hero-stats {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    #hero .hero-shell > .sppb-container-inner,
    .hero-section .hero-shell > .sppb-container-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    #hero .hero-copy .btn-row,
    .hero-section .hero-copy .btn-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #hero .hero-copy .btn-row > .sppb-addon,
    #hero .hero-copy .btn-row > .sp-pagebuilder-addon,
    #hero .hero-copy .btn-row > .builder-nested-addon,
    #hero .hero-copy .btn-row > [id^="addon-wrap-"],
    .hero-section .hero-copy .btn-row > .sppb-addon,
    .hero-section .hero-copy .btn-row > .sp-pagebuilder-addon,
    .hero-section .hero-copy .btn-row > .builder-nested-addon,
    .hero-section .hero-copy .btn-row > [id^="addon-wrap-"] {
        width: 100% !important;
    }

    #hero .hero-copy .btn-row .sppb-btn,
    .hero-section .hero-copy .btn-row .sppb-btn {
        width: 100% !important;
        min-width: 0;
    }

    #hero .hero-visual,
    .hero-section .hero-visual {
        min-height: 360px;
    }
}

/* =========================
   HERO lower block tune v5
   ========================= */

#hero .hero-copy .btn-row,
.hero-section .hero-copy .btn-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 28px !important;
}

#hero .hero-copy .btn-row > .sppb-addon,
#hero .hero-copy .btn-row > .sp-pagebuilder-addon,
#hero .hero-copy .btn-row > .builder-nested-addon,
#hero .hero-copy .btn-row > [id^="addon-wrap-"],
.hero-section .hero-copy .btn-row > .sppb-addon,
.hero-section .hero-copy .btn-row > .sp-pagebuilder-addon,
.hero-section .hero-copy .btn-row > .builder-nested-addon,
.hero-section .hero-copy .btn-row > [id^="addon-wrap-"] {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

#hero .hero-copy .btn-row .sppb-btn-block,
.hero-section .hero-copy .btn-row .sppb-btn-block {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
}

#hero .hero-copy .btn-row .sppb-btn,
#hero .hero-copy .btn-row .btn,
.hero-section .hero-copy .btn-row .sppb-btn,
.hero-section .hero-copy .btn-row .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 172px !important;
    justify-content: center !important;
    padding: 0 24px !important;
}

#hero .hero-copy .hero-stats,
.hero-section .hero-copy .hero-stats, #hero .hero-copy .hero-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px !important;
    align-items: stretch !important;
}

#hero .hero-copy .hero-stats .stat,
.hero-section .hero-copy .hero-stats .stat {
    min-height: 146px !important;
    padding: 18px 16px !important;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
}

#hero .hero-copy .hero-stats .stat .stat-title,
.hero-section .hero-copy .hero-stats .stat .stat-title {
    margin: 0 0 10px !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
}

#hero .hero-copy .hero-stats .stat p,
#hero .hero-copy .hero-stats .stat .sppb-addon-content,
.hero-section .hero-copy .hero-stats .stat p,
.hero-section .hero-copy .hero-stats .stat .sppb-addon-content {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

@media (max-width: 1080px) {
    #hero .hero-copy .btn-row,
    .hero-section .hero-copy .btn-row {
        flex-wrap: wrap !important;
    }

    #hero .hero-copy .btn-row .sppb-btn,
    #hero .hero-copy .btn-row .btn,
    .hero-section .hero-copy .btn-row .sppb-btn,
    .hero-section .hero-copy .btn-row .btn {
        min-width: 164px !important;
    }
}

@media (max-width: 760px) {
    #hero .hero-copy .btn-row,
    .hero-section .hero-copy .btn-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #hero .hero-copy .btn-row > .sppb-addon,
    #hero .hero-copy .btn-row > .sp-pagebuilder-addon,
    #hero .hero-copy .btn-row > .builder-nested-addon,
    #hero .hero-copy .btn-row > [id^="addon-wrap-"],
    .hero-section .hero-copy .btn-row > .sppb-addon,
    .hero-section .hero-copy .btn-row > .sp-pagebuilder-addon,
    .hero-section .hero-copy .btn-row > .builder-nested-addon,
    .hero-section .hero-copy .btn-row > [id^="addon-wrap-"] {
        width: 100% !important;
    }

    #hero .hero-copy .btn-row .sppb-btn-block,
    #hero .hero-copy .btn-row .sppb-btn,
    #hero .hero-copy .btn-row .btn,
    .hero-section .hero-copy .btn-row .sppb-btn-block,
    .hero-section .hero-copy .btn-row .sppb-btn,
    .hero-section .hero-copy .btn-row .btn {
        width: 100% !important;
    }

    #hero .hero-copy .hero-stats,
    .hero-section .hero-copy .hero-stats {
        grid-template-columns: 1fr !important;
    }
}


/* =========================
   HERO layout tuning v6
   ========================= */
#hero .hero-copy,
.hero-section .hero-copy {
    justify-content: flex-start;
}

#hero .subtitle,
.hero-section .subtitle {
    margin: 0 0 40px;
    max-width: 680px;
}

#hero .btn-row,
.hero-section .btn-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 0 32px !important;
    position: static !important;
    overflow: visible !important;
}

#hero .btn-row > div,
#hero .btn-row > .sp-pagebuilder-addon,
#hero .btn-row > .builder-nested-addon,
#hero .btn-row > [id^="addon-wrap-"],
.hero-section .btn-row > div,
.hero-section .btn-row > .sp-pagebuilder-addon,
.hero-section .btn-row > .builder-nested-addon,
.hero-section .btn-row > [id^="addon-wrap-"] {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}

#hero .btn-row .sppb-addon,
/*#hero .btn-row .sppb-addon-wrapper,*/
#hero .btn-row .sppb-button-wrapper,
.hero-section .btn-row .sppb-addon,
/*.hero-section .btn-row .sppb-addon-wrapper,*/
.hero-section .btn-row .sppb-button-wrapper {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

#hero .btn-row .sppb-btn,
#hero .btn-row .btn,
.hero-section .btn-row .sppb-btn,
.hero-section .btn-row .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 164px;
    padding-inline: 24px !important;
}

#hero .hero-stats,
.hero-section .hero-stats {
    margin-top: 0 !important;
}

#hero .hero-stats .stat,
.hero-section .hero-stats .stat {
    padding: 16px 14px !important;
    border-radius: 20px !important;
}

#hero .hero-stats .sppb-addon-title,
#hero .hero-stats h3,
.hero-section .hero-stats .sppb-addon-title,
.hero-section .hero-stats h3 {
    font-size: clamp(18px, 1.45vw, 20px) !important;
    margin: 0 0 10px !important;
}

#hero .hero-stats p,
.hero-section .hero-stats p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

@media (max-width: 1080px) {
    #hero .btn-row,
    .hero-section .btn-row {
        margin-bottom: 24px !important;
    }
}

@media (max-width: 760px) {
    #hero .btn-row,
    .hero-section .btn-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #hero .btn-row > div,
    #hero .btn-row > .sp-pagebuilder-addon,
    #hero .btn-row > .builder-nested-addon,
    #hero .btn-row > [id^="addon-wrap-"],
    .hero-section .btn-row > div,
    .hero-section .btn-row > .sp-pagebuilder-addon,
    .hero-section .btn-row > .builder-nested-addon,
    .hero-section .btn-row > [id^="addon-wrap-"] {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    #hero .btn-row .sppb-btn,
    #hero .btn-row .btn,
    .hero-section .btn-row .sppb-btn,
    .hero-section .btn-row .btn {
        width: 100% !important;
    }
}


/* =========================
   HERO V7 button row cleanup
   ========================= */

#hero .hero-copy .btn-row,
.hero-section .hero-copy .btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px !important;
}

/* if SPPB still keeps subtitle/text block inside btn-row, force it onto its own line */
#hero .hero-copy .btn-row > .sppb-addon-wrapper:first-child,
#hero .hero-copy .btn-row > .sp-pagebuilder-addon:first-child,
#hero .hero-copy .btn-row > .builder-nested-addon:first-child,
#hero .hero-copy .btn-row > [id^="addon-wrap-"]:first-child,
.hero-section .hero-copy .btn-row > .sppb-addon-wrapper:first-child,
.hero-section .hero-copy .btn-row > .sp-pagebuilder-addon:first-child,
.hero-section .hero-copy .btn-row > .builder-nested-addon:first-child,
.hero-section .hero-copy .btn-row > [id^="addon-wrap-"]:first-child {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
}

#hero .hero-copy .btn-row > .sppb-addon-wrapper:first-child .sppb-addon,
#hero .hero-copy .btn-row > .sppb-addon-wrapper:first-child .sppb-addon-content,
#hero .hero-copy .btn-row > .sppb-addon-wrapper:first-child .sppb-addon-text-block,
.hero-section .hero-copy .btn-row > .sppb-addon-wrapper:first-child .sppb-addon,
.hero-section .hero-copy .btn-row > .sppb-addon-wrapper:first-child .sppb-addon-content,
.hero-section .hero-copy .btn-row > .sppb-addon-wrapper:first-child .sppb-addon-text-block {
    width: 100% !important;
    max-width: 100% !important;
}

/* button wrappers */
/*#hero .hero-copy .btn-row > .sppb-addon-wrapper:not(:first-child),*/
#hero .hero-copy .btn-row > .sp-pagebuilder-addon:not(:first-child),
#hero .hero-copy .btn-row > .builder-nested-addon:not(:first-child),
#hero .hero-copy .btn-row > [id^="addon-wrap-"]:not(:first-child),
.hero-section .hero-copy .btn-row > .sppb-addon-wrapper:not(:first-child),
.hero-section .hero-copy .btn-row > .sp-pagebuilder-addon:not(:first-child),
.hero-section .hero-copy .btn-row > .builder-nested-addon:not(:first-child),
.hero-section .hero-copy .btn-row > [id^="addon-wrap-"]:not(:first-child) {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

#hero .hero-copy .btn-row .sppb-button-wrapper,
.hero-section .hero-copy .btn-row .sppb-button-wrapper {
    width: auto !important;
    max-width: none !important;
    display: inline-flex !important;
}

#hero .hero-copy .btn-row .sppb-btn,
#hero .hero-copy .btn-row .btn,
.hero-section .hero-copy .btn-row .sppb-btn,
.hero-section .hero-copy .btn-row .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 164px !important;
    white-space: nowrap !important;
}

/* hero stats should start below buttons cleanly */
#hero .hero-copy .hero-stats,
.hero-section .hero-copy .hero-stats {
    clear: both;
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    #hero .hero-copy .btn-row,
    .hero-section .hero-copy .btn-row {
        gap: 12px !important;
    }

    #hero .hero-copy .btn-row > .sppb-addon-wrapper:not(:first-child),
    #hero .hero-copy .btn-row > .sp-pagebuilder-addon:not(:first-child),
    #hero .hero-copy .btn-row > .builder-nested-addon:not(:first-child),
    #hero .hero-copy .btn-row > [id^="addon-wrap-"]:not(:first-child),
    .hero-section .hero-copy .btn-row > .sppb-addon-wrapper:not(:first-child),
    .hero-section .hero-copy .btn-row > .sp-pagebuilder-addon:not(:first-child),
    .hero-section .hero-copy .btn-row > .builder-nested-addon:not(:first-child),
    .hero-section .hero-copy .btn-row > [id^="addon-wrap-"]:not(:first-child) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #hero .hero-copy .btn-row .sppb-btn,
    #hero .hero-copy .btn-row .btn,
    .hero-section .hero-copy .btn-row .sppb-btn,
    .hero-section .hero-copy .btn-row .btn {
        width: 100% !important;
    }
}


/* HERO final polish */
#hero,
.hero-section {
    padding-bottom: 40px !important;
}

#hero .hero-shell,
.hero-section .hero-shell {
    margin-bottom: 24px !important;
}

#hero .hero-copy .hero-stats > .sppb-addon-wrapper,
#hero .hero-copy .hero-stats > .sp-pagebuilder-addon > .sppb-addon-wrapper,
#hero .hero-copy .hero-stats > .builder-nested-addon > .sppb-addon-wrapper,
#hero .hero-copy .hero-stats > [id^="addon-wrap-"] > .sppb-addon-wrapper,
.hero-section .hero-copy .hero-stats > .sppb-addon-wrapper,
.hero-section .hero-copy .hero-stats > .sp-pagebuilder-addon > .sppb-addon-wrapper,
.hero-section .hero-copy .hero-stats > .builder-nested-addon > .sppb-addon-wrapper,
.hero-section .hero-copy .hero-stats > [id^="addon-wrap-"] > .sppb-addon-wrapper {
    height: 100%;
    border-radius: 24px !important;
    overflow: hidden;
}

#hero .hero-copy .hero-stats > .sppb-addon,
#hero .hero-copy .hero-stats > .sp-pagebuilder-addon,
#hero .hero-copy .hero-stats > .builder-nested-addon,
#hero .hero-copy .hero-stats > [id^="addon-wrap-"],
.hero-section .hero-copy .hero-stats > .sppb-addon,
.hero-section .hero-copy .hero-stats > .sp-pagebuilder-addon,
.hero-section .hero-copy .hero-stats > .builder-nested-addon,
.hero-section .hero-copy .hero-stats > [id^="addon-wrap-"] {
    border-radius: 24px !important;
    overflow: hidden;
}

#hero .hero-copy .hero-stats > .sppb-addon > .sppb-addon,
#hero .hero-copy .hero-stats > .sp-pagebuilder-addon > .sppb-addon-wrapper > .sppb-addon,
#hero .hero-copy .hero-stats > .builder-nested-addon > .sppb-addon-wrapper > .sppb-addon,
#hero .hero-copy .hero-stats > [id^="addon-wrap-"] > .sppb-addon-wrapper > .sppb-addon,
.hero-section .hero-copy .hero-stats > .sppb-addon > .sppb-addon,
.hero-section .hero-copy .hero-stats > .sp-pagebuilder-addon > .sppb-addon-wrapper > .sppb-addon,
.hero-section .hero-copy .hero-stats > .builder-nested-addon > .sppb-addon-wrapper > .sppb-addon,
.hero-section .hero-copy .hero-stats > [id^="addon-wrap-"] > .sppb-addon-wrapper > .sppb-addon {
    min-height: 140px;
    padding: 18px !important;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 24px !important;
    box-shadow: none !important;
}

#hero .hero-copy .hero-stats > .sppb-addon:not(.stat) .sppb-addon-content,
#hero .hero-copy .hero-stats > .sp-pagebuilder-addon:not(.stat) .sppb-addon-content,
#hero .hero-copy .hero-stats > .builder-nested-addon:not(.stat) .sppb-addon-content,
#hero .hero-copy .hero-stats > [id^="addon-wrap-"] .sppb-addon-content,
.hero-section .hero-copy .hero-stats > .sppb-addon:not(.stat) .sppb-addon-content,
.hero-section .hero-copy .hero-stats > .sp-pagebuilder-addon:not(.stat) .sppb-addon-content,
.hero-section .hero-copy .hero-stats > .builder-nested-addon:not(.stat) .sppb-addon-content,
.hero-section .hero-copy .hero-stats > [id^="addon-wrap-"] .sppb-addon-content {
    color: #6f675f !important;
}


/* =========================
   HERO right block cleanup v10
   ========================= */

#hero .hero-visual,
.hero-section .hero-visual {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: 560px !important;
    display: block !important;
    overflow: visible !important;
}

#hero .hero-visual::before,
#hero .hero-visual::after,
.hero-section .hero-visual::before,
.hero-section .hero-visual::after {
    display: none !important;
    content: none !important;
}

#hero .hero-visual .hero-image,
.hero-section .hero-visual .hero-image {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    z-index: 1 !important;
}

#hero .hero-visual .hero-image img,
#hero .hero-visual img,
.hero-section .hero-visual .hero-image img,
.hero-section .hero-visual img {
    position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

#hero .hero-visual .mock-card.one,
.hero-section .hero-visual .mock-card.one {
    top: 18px !important;
    left: 26px !important;
    right: auto !important;
    width: 210px !important;
    max-width: 210px !important;
    z-index: 3 !important;
}

#hero .hero-visual .mock-card.two,
.hero-section .hero-visual .mock-card.two {
    display: none !important;
}

@media (max-width: 1080px) {
    #hero .hero-visual,
    .hero-section .hero-visual {
        min-height: 440px !important;
    }

    #hero .hero-visual .mock-card.one,
    .hero-section .hero-visual .mock-card.one {
        left: 18px !important;
        top: 16px !important;
    }
}

@media (max-width: 760px) {
    #hero .hero-visual,
    .hero-section .hero-visual {
        min-height: 360px !important;
    }

    #hero .hero-visual .mock-card.one,
    .hero-section .hero-visual .mock-card.one {
        left: 12px !important;
        top: 12px !important;
        width: 180px !important;
        max-width: 180px !important;
    }
}


/* HERO right block fix v11 - bottom card */

#hero .hero-visual .mock-card.two,
.hero-section .hero-visual .mock-card.two {
    display: block !important;
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;
    width: 220px !important;
    max-width: 220px !important;
    z-index: 1 !important;
}

@media (max-width: 760px) {
    #hero .hero-visual .mock-card.two,
    .hero-section .hero-visual .mock-card.two {
        width: 180px !important;
        max-width: 180px !important;
        bottom: 12px !important;
        left: 12px !important;
    }
}


/* HERO right block tune v12 */
#hero .hero-visual,
.hero-section .hero-visual {
    position: relative !important;
}

#hero .hero-visual .mock-card,
.hero-section .hero-visual .mock-card {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    padding: 18px !important;
    z-index: 4 !important;
}

#hero .hero-visual .mock-card .sppb-addon-title,
#hero .hero-visual .mock-card h3,
.hero-section .hero-visual .mock-card .sppb-addon-title,
.hero-section .hero-visual .mock-card h3 {
    margin: 0 0 10px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #1f1f1f !important;
}

#hero .hero-visual .mock-card .sppb-addon-content,
#hero .hero-visual .mock-card p,
.hero-section .hero-visual .mock-card .sppb-addon-content,
.hero-section .hero-visual .mock-card p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #6f675f !important;
}

#hero .hero-visual .mock-card.one,
.hero-section .hero-visual .mock-card.one {
    top: 20px !important;
    right: 26px !important;
    left: auto !important;
    bottom: auto !important;
    width: 220px !important;
    max-width: 220px !important;
}

#hero .hero-visual .mock-card.two,
.hero-section .hero-visual .mock-card.two {
    left: auto !important;
  bottom: auto !important;
  right: -25px !important;
  top: 0px !important;
  width: 240px !important;
  max-width: 240px !important;
}

.hero-proof {
  display: grid !important;
  gap: 10px;
}

.hero-proof .proof-item {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,.78);
  border: 1px solid #e4d8ca;
  color: #6f675f;
  font-size: 14px;
  box-shadow: 0 18px 50px rgba(33, 25, 18, .08);
  text-align: center !important;
}

@media (max-width: 1080px) {
    #hero .hero-visual .mock-card.one,
    .hero-section .hero-visual .mock-card.one {
        right: 16px !important;
        top: 16px !important;
        width: 200px !important;
        max-width: 200px !important;
    }

    #hero .hero-visual .mock-card.two,
    .hero-section .hero-visual .mock-card.two {
        left: 14px !important;
        bottom: 14px !important;
        width: 210px !important;
        max-width: 210px !important;
    }
}

@media (max-width: 760px) {
    #hero .hero-visual .mock-card.one,
    .hero-section .hero-visual .mock-card.one {
        right: 12px !important;
        top: 12px !important;
        width: 170px !important;
        max-width: 170px !important;
        padding: 14px !important;
    }

    #hero .hero-visual .mock-card.two,
    .hero-section .hero-visual .mock-card.two {
        left: 12px !important;
        bottom: 12px !important;
        width: 180px !important;
        max-width: 180px !important;
        padding: 14px !important;
    }

    #hero .hero-visual .mock-card .sppb-addon-title,
    #hero .hero-visual .mock-card h3,
    .hero-section .hero-visual .mock-card .sppb-addon-title,
    .hero-section .hero-visual .mock-card h3 {
        font-size: 16px !important;
    }

    #hero .hero-visual .mock-card .sppb-addon-content,
    #hero .hero-visual .mock-card p,
    .hero-section .hero-visual .mock-card .sppb-addon-content,
    .hero-section .hero-visual .mock-card p {
        font-size: 14px !important;
    }
}


/* =========================
   CATALOG block rebuild v13
   ========================= */

#catalog.section-catalog,
.section-catalog {
    padding-top: clamp(56px, 7vw, 84px);
    padding-bottom: clamp(56px, 7vw, 84px);
}

#catalog .catalog-head,
.section-catalog .catalog-head {
    margin-bottom: 36px;
}

#catalog .catalog-title-wrap,
#catalog .catalog-intro-wrap,
.section-catalog .catalog-title-wrap,
.section-catalog .catalog-intro-wrap {
    width: 100%;
    max-width: 100%;
}

#catalog .equal-cards,
.section-catalog .equal-cards {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

#catalog .equal-cards > .sppb-container-inner,
.section-catalog .equal-cards > .sppb-container-inner {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
}

#catalog .grid-4.category-grid,
.section-catalog .grid-4.category-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100%;
    max-width: 100%;
    align-items: stretch;
}

#catalog .grid-4.category-grid > [id^="column-wrap-id-"],
.section-catalog .grid-4.category-grid > [id^="column-wrap-id-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#catalog .grid-4.category-grid > [id^="column-wrap-id-"] > .sppb-column,
.section-catalog .grid-4.category-grid > [id^="column-wrap-id-"] > .sppb-column {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
}

#catalog .grid-4.category-grid .sppb-column-addons,
.section-catalog .grid-4.category-grid .sppb-column-addons {
    width: 100%;
    min-width: 0;
}

#catalog .grid-4.category-grid .card.category-card,
.section-catalog .grid-4.category-grid .card.category-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 260px !important;
    padding: 24px !important;
    background: rgba(255,255,255,.8) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    overflow: hidden !important;
    position: relative !important;
    transform: none !important;
}

#catalog .grid-4.category-grid .card.category-card:hover,
.section-catalog .grid-4.category-grid .card.category-card:hover {
    transform: translateY(-4px) !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-media,
#catalog .grid-4.category-grid .card.category-card .sppb-media-content,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-media,
.section-catalog .grid-4.category-grid .card.category-card .sppb-media-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
#catalog .grid-4.category-grid .card.category-card h3,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
.section-catalog .grid-4.category-grid .card.category-card h3 {
    margin: 0 0 10px !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    color: #1f1f1f !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-addon-text,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-text span,
#catalog .grid-4.category-grid .card.category-card .category-copy,
#catalog .grid-4.category-grid .card.category-card p,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-text,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-text span,
.section-catalog .grid-4.category-grid .card.category-card .category-copy,
.section-catalog .grid-4.category-grid .card.category-card p,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-content {
    display: block !important;
    margin: 0 !important;
    max-width: 260px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #6f675f !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-btn,
#catalog .grid-4.category-grid .card.category-card .card-link,
.section-catalog .grid-4.category-grid .card.category-card .sppb-btn,
.section-catalog .grid-4.category-grid .card.category-card .card-link {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    min-height: 0 !important;
    margin-top: 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #8f5a36 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    white-space: normal !important;
}

#catalog .grid-4.category-grid .card.category-card::after,
.section-catalog .grid-4.category-grid .card.category-card::after {
    content: "";
    position: absolute;
    inset: auto -10px -30px auto;
    width: 150px;
    height: 150px;
    border-radius: 36% 64% 53% 47% / 45% 35% 65% 55%;
    background: linear-gradient(145deg, rgba(201,142,98,.35), rgba(143,90,54,.12));
    pointer-events: none;
}

#catalog .home-cena {
	font-size:18px !important;
	font-weight: 700;
	margin-top: 10px;
}

@media (max-width: 1080px) {
    #catalog .grid-4.category-grid,
    .section-catalog .grid-4.category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    #catalog .grid-4.category-grid,
    .section-catalog .grid-4.category-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #catalog .grid-4.category-grid .card.category-card,
    .section-catalog .grid-4.category-grid .card.category-card {
        min-height: 240px !important;
        padding: 22px !important;
    }

    #catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
    #catalog .grid-4.category-grid .card.category-card h3,
    .section-catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
    .section-catalog .grid-4.category-grid .card.category-card h3 {
        font-size: 22px !important;
    }
}


/* =========================
   CATALOG cards stick-bottom fix v14
   ========================= */

#catalog .grid-4.category-grid .card.category-card .sppb-media,
#catalog .grid-4.category-grid .card.category-card .sppb-media-content,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-feature-content,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-media,
.section-catalog .grid-4.category-grid .card.category-card .sppb-media-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-feature-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-addon-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-content {
    flex: 1 1 auto !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-btn,
#catalog .grid-4.category-grid .card.category-card .card-link,
.section-catalog .grid-4.category-grid .card.category-card .sppb-btn,
.section-catalog .grid-4.category-grid .card.category-card .card-link {
    margin-top: auto !important;
    align-self: flex-start !important;
}


/* =========================
   CATALOG cards bottom-link fix v15
   ========================= */

#catalog .grid-4.category-grid .card.category-card,
.section-catalog .grid-4.category-grid .card.category-card {
    min-height: 200px !important;
}

#catalog .grid-4.category-grid .card.category-card > .sppb-addon-content,
.section-catalog .grid-4.category-grid .card.category-card > .sppb-addon-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

#catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > .sppb-media-content,
.section-catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > .sppb-media-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

#catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > .sppb-media-content > .sppb-addon-text,
.section-catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > .sppb-media-content > .sppb-addon-text {
    display: block !important;
}

#catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > .sppb-btn,
#catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > a.sppb-btn,
.section-catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > .sppb-btn,
.section-catalog .grid-4.category-grid .card.category-card > .sppb-addon-content > a.sppb-btn {
    margin-top: auto !important;
}


/* =========================
   CATALOG text styling tune v16
   ========================= */

#catalog .section-title,
.section-catalog .section-title {
    color: #1f1f1f !important;
    letter-spacing: -0.03em !important;
}

#catalog .section-intro,
#catalog .section-intro p,
#catalog .section-intro .sppb-addon-content,
.section-catalog .section-intro,
.section-catalog .section-intro p,
.section-catalog .section-intro .sppb-addon-content {
    color: #6f675f !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
#catalog .grid-4.category-grid .card.category-card h3,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
.section-catalog .grid-4.category-grid .card.category-card h3 {
    color: #1f1f1f !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    text-transform: none !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-addon-text,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-text span,
#catalog .grid-4.category-grid .card.category-card .category-copy,
#catalog .grid-4.category-grid .card.category-card p,
#catalog .grid-4.category-grid .card.category-card .sppb-addon-content,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-text,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-text span,
.section-catalog .grid-4.category-grid .card.category-card .category-copy,
.section-catalog .grid-4.category-grid .card.category-card p,
.section-catalog .grid-4.category-grid .card.category-card .sppb-addon-content {
    color: #6f675f !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

#catalog .grid-4.category-grid .card.category-card .sppb-btn,
#catalog .grid-4.category-grid .card.category-card .card-link,
.section-catalog .grid-4.category-grid .card.category-card .sppb-btn,
.section-catalog .grid-4.category-grid .card.category-card .card-link {
    color: #8f5a36 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

@media (max-width: 760px) {
    #catalog .section-intro,
    #catalog .section-intro p,
    #catalog .section-intro .sppb-addon-content,
    .section-catalog .section-intro,
    .section-catalog .section-intro p,
    .section-catalog .section-intro .sppb-addon-content {
        font-size: 15px !important;
    }

    #catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
    #catalog .grid-4.category-grid .card.category-card h3,
    .section-catalog .grid-4.category-grid .card.category-card .sppb-addon-title,
    .section-catalog .grid-4.category-grid .card.category-card h3 {
        font-size: 22px !important;
    }

    #catalog .grid-4.category-grid .card.category-card .sppb-addon-text,
    #catalog .grid-4.category-grid .card.category-card .sppb-addon-text span,
    #catalog .grid-4.category-grid .card.category-card .category-copy,
    #catalog .grid-4.category-grid .card.category-card p,
    .section-catalog .grid-4.category-grid .card.category-card .sppb-addon-text,
    .section-catalog .grid-4.category-grid .card.category-card .sppb-addon-text span,
    .section-catalog .grid-4.category-grid .card.category-card .category-copy,
    .section-catalog .grid-4.category-grid .card.category-card p {
        font-size: 15px !important;
    }

    #catalog .grid-4.category-grid .card.category-card .sppb-btn,
    #catalog .grid-4.category-grid .card.category-card .card-link,
    .section-catalog .grid-4.category-grid .card.category-card .sppb-btn,
    .section-catalog .grid-4.category-grid .card.category-card .card-link {
        font-size: 15px !important;
    }
}


/* =========================
   CATALOG text styling tune v17
   stronger selectors for SPPB feature addon
   ========================= */

#catalog .catalog-title-wrap .sppb-addon-title,
#catalog .catalog-title-wrap h2,
.section-catalog .catalog-title-wrap .sppb-addon-title,
.section-catalog .catalog-title-wrap h2 {
    color: #1f1f1f !important;
}

#catalog .catalog-intro-wrap .sppb-addon-content,
#catalog .catalog-intro-wrap .sppb-addon-text,
#catalog .catalog-intro-wrap p,
#catalog .catalog-intro-wrap span,
.section-catalog .catalog-intro-wrap .sppb-addon-content,
.section-catalog .catalog-intro-wrap .sppb-addon-text,
.section-catalog .catalog-intro-wrap p,
.section-catalog .catalog-intro-wrap span {
    color: #6f675f !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

#catalog .category-grid .category-card .sppb-feature-box-title,
#catalog .category-grid .category-card .sppb-addon-title,
#catalog .category-grid .category-card h3,
#catalog .category-grid .category-card h3 a,
.section-catalog .category-grid .category-card .sppb-feature-box-title,
.section-catalog .category-grid .category-card .sppb-addon-title,
.section-catalog .category-grid .category-card h3,
.section-catalog .category-grid .category-card h3 a {
    color: #1f1f1f !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    text-transform: none !important;
}

#catalog .category-grid .category-card .sppb-addon-text,
#catalog .category-grid .category-card .sppb-addon-text span,
#catalog .category-grid .category-card .sppb-addon-content,
#catalog .category-grid .category-card p,
.section-catalog .category-grid .category-card .sppb-addon-text,
.section-catalog .category-grid .category-card .sppb-addon-text span,
.section-catalog .category-grid .category-card .sppb-addon-content,
.section-catalog .category-grid .category-card p {
    color: #6f675f !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

#catalog .category-grid .category-card .sppb-btn,
#catalog .category-grid .category-card .sppb-btn *,
#catalog .category-grid .category-card a.sppb-btn,
#catalog .category-grid .category-card a.sppb-btn span,
.section-catalog .category-grid .category-card .sppb-btn,
.section-catalog .category-grid .category-card .sppb-btn *,
.section-catalog .category-grid .category-card a.sppb-btn,
.section-catalog .category-grid .category-card a.sppb-btn span {
    color: #8f5a36 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

@media (max-width: 760px) {
    #catalog .catalog-intro-wrap .sppb-addon-content,
    #catalog .catalog-intro-wrap .sppb-addon-text,
    #catalog .catalog-intro-wrap p,
    #catalog .catalog-intro-wrap span,
    .section-catalog .catalog-intro-wrap .sppb-addon-content,
    .section-catalog .catalog-intro-wrap .sppb-addon-text,
    .section-catalog .catalog-intro-wrap p,
    .section-catalog .catalog-intro-wrap span {
        font-size: 15px !important;
    }

    #catalog .category-grid .category-card .sppb-feature-box-title,
    #catalog .category-grid .category-card .sppb-addon-title,
    #catalog .category-grid .category-card h3,
    .section-catalog .category-grid .category-card .sppb-feature-box-title,
    .section-catalog .category-grid .category-card .sppb-addon-title,
    .section-catalog .category-grid .category-card h3 {
        font-size: 22px !important;
    }

    #catalog .category-grid .category-card .sppb-addon-text,
    #catalog .category-grid .category-card .sppb-addon-text span,
    #catalog .category-grid .category-card .sppb-addon-content,
    #catalog .category-grid .category-card p,
    .section-catalog .category-grid .category-card .sppb-addon-text,
    .section-catalog .category-grid .category-card .sppb-addon-text span,
    .section-catalog .category-grid .category-card .sppb-addon-content,
    .section-catalog .category-grid .category-card p {
        font-size: 15px !important;
    }

    #catalog .category-grid .category-card .sppb-btn,
    #catalog .category-grid .category-card .sppb-btn *,
    .section-catalog .category-grid .category-card .sppb-btn,
    .section-catalog .category-grid .category-card .sppb-btn * {
        font-size: 15px !important;
    }
}


/* =========================
   FEATURES block rebuild v20
   ========================= */

#features.section-features,
.section-features {
    padding-top: 84px;
    padding-bottom: 84px;
}

#features .features-head,
.section-features .features-head {
    margin-bottom: 8px !important;
}

#features .features-head .sppb-container-inner > .sppb-row.sppb-nested-row,
.section-features .features-head .sppb-container-inner > .sppb-row.sppb-nested-row {
   /* display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    align-items: start !important;*/
	gap: 24px !important;
}

#features .features-head .sppb-row-column,
.section-features .features-head .sppb-row-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#features .features-title-wrap .sppb-addon-title,
#features .features-title-wrap h2,
.section-features .features-title-wrap .sppb-addon-title,
.section-features .features-title-wrap h2 {
    color: #1f1f1f !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
}

#features .features-intro-wrap .sppb-addon-content,
#features .features-intro-wrap .sppb-addon-text,
#features .features-intro-wrap p,
#features .features-intro-wrap span,
.section-features .features-intro-wrap .sppb-addon-content,
.section-features .features-intro-wrap .sppb-addon-text,
.section-features .features-intro-wrap p,
.section-features .features-intro-wrap span {
    color: #6f675f !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

#features .features-grid-wrap,
.section-features .features-grid-wrap {
    width: 100%;
    max-width: 100%;
}

#features .features-grid,
.section-features .features-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}

#features .features-grid > .sp-pagebuilder-addon,
#features .features-grid > .builder-nested-addon,
#features .features-grid > .sppb-addon-wrapper,
#features .features-grid > [id^="addon-wrap-"],
.section-features .features-grid > .sp-pagebuilder-addon,
.section-features .features-grid > .builder-nested-addon,
.section-features .features-grid > .sppb-addon-wrapper,
.section-features .features-grid > [id^="addon-wrap-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#features .feature-card,
.section-features .feature-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 100% !important;
    padding: 24px !important;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    transform: none !important;
}

#features .feature-card:hover,
.section-features .feature-card:hover {
    transform: translateY(-4px) !important;
}

#features .feature-card .sppb-media,
#features .feature-card .sppb-media-content,
#features .feature-card .sppb-addon-content,
.section-features .feature-card .sppb-media,
.section-features .feature-card .sppb-media-content,
.section-features .feature-card .sppb-addon-content {
    width: 100% !important;
    min-width: 0 !important;
}

#features .feature-card .sppb-icon,
#features .feature-card .sppb-feature-box-icon,
.section-features .feature-card .sppb-icon,
.section-features .feature-card .sppb-feature-box-icon {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: #f4eadf !important;
    border: 1px solid #e4d8ca !important;
    color: #8f5a36 !important;
    font-size: 20px !important;
    margin: 0 !important;
}

#features .feature-card .sppb-feature-box-title,
#features .feature-card .sppb-addon-title,
#features .feature-card h3,
.section-features .feature-card .sppb-feature-box-title,
.section-features .feature-card .sppb-addon-title,
.section-features .feature-card h3 {
    color: #1f1f1f !important;
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

#features .feature-card .sppb-addon-text,
#features .feature-card .sppb-addon-text span,
#features .feature-card p,
#features .feature-card .feature-copy,
#features .feature-card .sppb-addon-content,
.section-features .feature-card .sppb-addon-text,
.section-features .feature-card .sppb-addon-text span,
.section-features .feature-card p,
.section-features .feature-card .feature-copy,
.section-features .feature-card .sppb-addon-content {
    color: #6f675f !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    white-space: normal !important;
}

@media (max-width: 1080px) {
    #features.section-features,
    .section-features {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    #features .features-head .sppb-container-inner > .sppb-row.sppb-nested-row,
    .section-features .features-head .sppb-container-inner > .sppb-row.sppb-nested-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 760px) {
    #features.section-features,
    .section-features {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #features .features-grid,
    .section-features .features-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #features .feature-card,
    .section-features .feature-card {
        padding: 22px !important;
    }

    #features .features-intro-wrap .sppb-addon-content,
    #features .features-intro-wrap .sppb-addon-text,
    #features .features-intro-wrap p,
    #features .features-intro-wrap span,
    .section-features .features-intro-wrap .sppb-addon-content,
    .section-features .features-intro-wrap .sppb-addon-text,
    .section-features .features-intro-wrap p,
    .section-features .features-intro-wrap span {
        font-size: 15px !important;
    }

    #features .feature-card .sppb-feature-box-title,
    #features .feature-card .sppb-addon-title,
    #features .feature-card h3,
    .section-features .feature-card .sppb-feature-box-title,
    .section-features .feature-card .sppb-addon-title,
    .section-features .feature-card h3 {
        font-size: 19px !important;
    }

    #features .feature-card .sppb-addon-text,
    #features .feature-card .sppb-addon-text span,
    #features .feature-card p,
    #features .feature-card .feature-copy,
    #features .feature-card .sppb-addon-content,
    .section-features .feature-card .sppb-addon-text,
    .section-features .feature-card .sppb-addon-text span,
    .section-features .feature-card p,
    .section-features .feature-card .feature-copy,
    .section-features .feature-card .sppb-addon-content {
        font-size: 15px !important;
    }
}


/* =========================
   STATS block rebuild v21
   ========================= */

#stats.section-stats,
.section-stats {
    padding-top: 84px;
    padding-bottom: 84px;
}

#stats .stats-head,
.section-stats .stats-head {
    margin-bottom: 8px !important;
}

#stats .stats-title-wrap .sppb-addon-title,
#stats .stats-title-wrap h2, #stats .stats-title-partner h2,
.section-stats .stats-title-wrap .sppb-addon-title,
.section-stats .stats-title-wrap h2 {
    color: #1f1f1f !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 8px !important;
}

#stats .stats-grid-wrap,
.section-stats .stats-grid-wrap {
    width: 100%;
    max-width: 100%;
}

#stats .stats-grid,
.section-stats .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}

#stats .stats-grid > .sp-pagebuilder-addon,
#stats .stats-grid > .builder-nested-addon,
#stats .stats-grid > .sppb-addon-wrapper,
#stats .stats-grid > [id^="addon-wrap-"],
.section-stats .stats-grid > .sp-pagebuilder-addon,
.section-stats .stats-grid > .builder-nested-addon,
.section-stats .stats-grid > .sppb-addon-wrapper,
.section-stats .stats-grid > [id^="addon-wrap-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#stats .stat-card,
.section-stats .stat-card {
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 24px !important;
    padding: 28px 24px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    text-align: center !important;
    min-height: 100% !important;
    transform: none !important;
}

#stats .stat-card:hover,
.section-stats .stat-card:hover {
    transform: translateY(-4px) !important;
}

#stats .stat-card .sppb-addon-title,
#stats .stat-card .stat-number,
#stats .stat-card .sppb-addon-title div,
.section-stats .stat-card .sppb-addon-title,
.section-stats .stat-card .stat-number,
.section-stats .stat-card .sppb-addon-title div {
    color: #1f1f1f !important;
    font-size: clamp(38px, 4vw, 52px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    margin: 0 0 10px !important;
    letter-spacing: -0.03em !important;
}

#stats .stat-card .stat-title,
.section-stats .stat-card .stat-title {
    color: #1f1f1f !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
}

#stats .stat-card .stat-desc,
#stats .stat-card .sppb-addon-content,
#stats .stat-card .sppb-addon-text,
.section-stats .stat-card .stat-desc,
.section-stats .stat-card .sppb-addon-content,
.section-stats .stat-card .sppb-addon-text {
    color: #6f675f !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

@media (max-width: 1080px) {
    #stats.section-stats,
    .section-stats {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    #stats .stats-grid,
    .section-stats .stats-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    #stats.section-stats,
    .section-stats {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #stats .stat-card,
    .section-stats .stat-card {
        padding: 22px !important;
    }

    #stats .stat-card .sppb-addon-title,
    #stats .stat-card .stat-number,
    #stats .stat-card .sppb-addon-title div,
    .section-stats .stat-card .sppb-addon-title,
    .section-stats .stat-card .stat-number,
    .section-stats .stat-card .sppb-addon-title div {
        font-size: 38px !important;
    }

    #stats .stat-card .stat-title,
    .section-stats .stat-card .stat-title {
        font-size: 17px !important;
    }

    #stats .stat-card .stat-desc,
    #stats .stat-card .sppb-addon-content,
    .section-stats .stat-card .stat-desc,
    .section-stats .stat-card .sppb-addon-content {
        font-size: 15px !important;
    }
}


/* =========================
   SIZES block rebuild v22
   ========================= */

#sizes.section-sizes,
.section-sizes {
    background: linear-gradient(180deg, rgba(239,230,218,.75), rgba(255,255,255,.55)) !important;
    border-block: 1px solid #e4d8ca;
    padding-top: 84px;
    padding-bottom: 84px;
}

#sizes .sizes-head,
.section-sizes .sizes-head {
    margin-bottom: 8px !important;
}

#sizes .sizes-head .sppb-container-inner > .sppb-row.sppb-nested-row,
.section-sizes .sizes-head .sppb-container-inner > .sppb-row.sppb-nested-row {
   /* display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    align-items: start !important;*/
	gap: 24px !important;
}

#sizes .sizes-head .sppb-row-column,
.section-sizes .sizes-head .sppb-row-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#sizes .sizes-title-wrap .sppb-addon-title,
#sizes .sizes-title-wrap h2,
.section-sizes .sizes-title-wrap .sppb-addon-title,
.section-sizes .sizes-title-wrap h2 {
    color: #1f1f1f !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
}

#sizes .sizes-intro-wrap .sppb-addon-content,
#sizes .sizes-intro-wrap .sppb-addon-text,
#sizes .sizes-intro-wrap p,
#sizes .sizes-intro-wrap span,
.section-sizes .sizes-intro-wrap .sppb-addon-content,
.section-sizes .sizes-intro-wrap .sppb-addon-text,
.section-sizes .sizes-intro-wrap p,
.section-sizes .sizes-intro-wrap span {
    color: #6f675f !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

#sizes .sizes-grid,
.section-sizes .sizes-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}

#sizes .sizes-grid .sppb-row-column,
.section-sizes .sizes-grid .sppb-row-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#sizes .size-card,
.section-sizes .size-card {
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 24px !important;
    padding: 28px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    min-height: 100% !important;
    transform: none !important;
    text-align: left !important;
}

#sizes .size-card:hover,
.section-sizes .size-card:hover {
    transform: translateY(-4px) !important;
}

#sizes .size-card .sppb-addon-title,
#sizes .size-card .sppb-addon-title div,
.section-sizes .size-card .sppb-addon-title,
.section-sizes .size-card .sppb-addon-title div {
    color: #1f1f1f !important;
    font-size: clamp(30px, 2.5vw, 36px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    margin: 0 0 10px !important;
    letter-spacing: -0.03em !important;
}

#sizes .size-card .stat-title,
.section-sizes .size-card .stat-title {
    color: #1f1f1f !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
}

#sizes .size-card .stat-desc,
#sizes .size-card .sppb-addon-content,
#sizes .size-card .sppb-addon-text,
.section-sizes .size-card .stat-desc,
.section-sizes .size-card .sppb-addon-content,
.section-sizes .size-card .sppb-addon-text {
    color: #6f675f !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

@media (max-width: 1080px) {
    #sizes.section-sizes,
    .section-sizes {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    #sizes .sizes-head .sppb-container-inner > .sppb-row.sppb-nested-row,
    .section-sizes .sizes-head .sppb-container-inner > .sppb-row.sppb-nested-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #sizes .sizes-grid,
    .section-sizes .sizes-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    #sizes.section-sizes,
    .section-sizes {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #sizes .size-card,
    .section-sizes .size-card {
        padding: 22px !important;
    }

    #sizes .size-card .sppb-addon-title,
    #sizes .size-card .sppb-addon-title div,
    .section-sizes .size-card .sppb-addon-title,
    .section-sizes .size-card .sppb-addon-title div {
        font-size: 32px !important;
    }

    #sizes .size-card .stat-title,
    .section-sizes .size-card .stat-title {
        font-size: 17px !important;
    }

    #sizes .size-card .stat-desc,
    #sizes .size-card .sppb-addon-content,
    .section-sizes .size-card .stat-desc,
    .section-sizes .size-card .sppb-addon-content {
        font-size: 15px !important;
    }

    #sizes .sizes-intro-wrap .sppb-addon-content,
    #sizes .sizes-intro-wrap .sppb-addon-text,
    #sizes .sizes-intro-wrap p,
    #sizes .sizes-intro-wrap span,
    .section-sizes .sizes-intro-wrap .sppb-addon-content,
    .section-sizes .sizes-intro-wrap .sppb-addon-text,
    .section-sizes .sizes-intro-wrap p,
    .section-sizes .sizes-intro-wrap span {
        font-size: 15px !important;
    }
}


/* =========================
   MODELS block rebuild v23
   ========================= */

#models.section-models,
.section-models {
    background: linear-gradient(180deg, rgba(239,230,218,.75), rgba(255,255,255,.55)) !important;
    border-block: 1px solid #e4d8ca;
    padding-top: 84px;
    padding-bottom: 84px;
}

#models .models-head,
.section-models .models-head {
    margin-bottom: 8px !important;
}

#models .models-head .sppb-container-inner > .sppb-row.sppb-nested-row,
.section-models .models-head .sppb-container-inner > .sppb-row.sppb-nested-row {
  /*  display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    align-items: start !important;*/
	gap: 24px !important;
}

#models .models-head .sppb-row-column,
.section-models .models-head .sppb-row-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#models .models-title-wrap .sppb-addon-title,
#models .models-title-wrap h2,
.section-models .models-title-wrap .sppb-addon-title,
.section-models .models-title-wrap h2 {
    color: #1f1f1f !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
}

#models .models-intro-wrap .sppb-addon-content,
#models .models-intro-wrap .sppb-addon-text,
#models .models-intro-wrap p,
#models .models-intro-wrap span,
.section-models .models-intro-wrap .sppb-addon-content,
.section-models .models-intro-wrap .sppb-addon-text,
.section-models .models-intro-wrap p,
.section-models .models-intro-wrap span {
    color: #6f675f !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

#models .models-grid,
.section-models .models-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}

#models .models-grid > .sp-pagebuilder-addon,
#models .models-grid > .builder-nested-addon,
#models .models-grid > .sppb-addon-wrapper,
#models .models-grid > [id^="addon-wrap-"],
.section-models .models-grid > .sp-pagebuilder-addon,
.section-models .models-grid > .builder-nested-addon,
.section-models .models-grid > .sppb-addon-wrapper,
.section-models .models-grid > [id^="addon-wrap-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#models .model-card,
.section-models .model-card {
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    padding: 24px !important;
    overflow: hidden !important;
    transform: none !important;
}

#models .model-card:hover,
.section-models .model-card:hover {
    transform: translateY(-4px) !important;
}

#models .model-card img,
.section-models .model-card img {
    width: 100% !important;
    height: 240px !important;
    object-fit: contain !important;
    display: block !important;
    margin-bottom: 18px !important;
}

#models .model-card .tag,
.section-models .model-card .tag {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    background: #f3ece5 !important;
    color: #8f5a36 !important;
    display: inline-flex !important;
    margin: 0 8px 8px 0 !important;
}

#models .model-card .sppb-addon-title,
#models .model-card h3,
#models .model-card strong,
.section-models .model-card .sppb-addon-title,
.section-models .model-card h3,
.section-models .model-card strong {
    color: #1f1f1f !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    font-weight: 700 !important;
}

#models .model-card .sppb-addon-content,
#models .model-card .sppb-addon-text,
#models .model-card p,
#models .model-card span:not(.tag),
.section-models .model-card .sppb-addon-content,
.section-models .model-card .sppb-addon-text,
.section-models .model-card p,
.section-models .model-card span:not(.tag) {
    color: #6f675f !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

#models .model-card .sppb-btn,
#models .model-card a.sppb-btn,
.section-models .model-card .sppb-btn,
.section-models .model-card a.sppb-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #8f5a36 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-top: 18px !important;
}

@media (max-width: 1080px) {
    #models.section-models,
    .section-models {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    #models .models-head .sppb-container-inner > .sppb-row.sppb-nested-row,
    .section-models .models-head .sppb-container-inner > .sppb-row.sppb-nested-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #models .models-grid,
    .section-models .models-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    #models.section-models,
    .section-models {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #models .model-card,
    .section-models .model-card {
        padding: 22px !important;
    }

    #models .model-card img,
    .section-models .model-card img {
        height: 220px !important;
    }

    #models .model-card .sppb-addon-title,
    #models .model-card h3,
    #models .model-card strong,
    .section-models .model-card .sppb-addon-title,
    .section-models .model-card h3,
    .section-models .model-card strong {
        font-size: 22px !important;
    }

    #models .model-card .sppb-addon-content,
    #models .model-card .sppb-addon-text,
    #models .model-card p,
    .section-models .model-card .sppb-addon-content,
    .section-models .model-card .sppb-addon-text,
    .section-models .model-card p {
        font-size: 15px !important;
    }

    #models .models-intro-wrap .sppb-addon-content,
    #models .models-intro-wrap .sppb-addon-text,
    #models .models-intro-wrap p,
    #models .models-intro-wrap span,
    .section-models .models-intro-wrap .sppb-addon-content,
    .section-models .models-intro-wrap .sppb-addon-text,
    .section-models .models-intro-wrap p,
    .section-models .models-intro-wrap span {
        font-size: 15px !important;
    }
}


/* =========================
   MODELS visual tune v24
   ========================= */

#models .model-card,
.section-models .model-card {
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

#models .model-card .sppb-addon-content,
.section-models .model-card .sppb-addon-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
}

#models .model-card img,
.section-models .model-card img {
    height: 260px !important;
    margin-bottom: 0 !important;
    padding: 18px 18px 8px !important;
}

#models .model-card .sppb-image-layout-content,
#models .model-card .image-layout-content,
#models .model-card .sppb-image-layouts-content,
#models .model-card .sppb-image-layout-text,
.section-models .model-card .sppb-image-layout-content,
.section-models .model-card .image-layout-content,
.section-models .model-card .sppb-image-layouts-content,
.section-models .model-card .sppb-image-layout-text {
    background: #f3efe9 !important;
    border-radius: 22px !important;
    padding: 28px 26px !important;
    margin: 0 12px 12px !important;
}

#models .model-card .tag,
.section-models .model-card .tag {
    margin-bottom: 12px !important;
}

#models .model-card .sppb-addon-title,
#models .model-card h3,
#models .model-card strong,
.section-models .model-card .sppb-addon-title,
.section-models .model-card h3,
.section-models .model-card strong {
    display: block !important;
    margin: 0 0 16px !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
}

#models .model-card .sppb-addon-content,
#models .model-card .sppb-addon-text,
#models .model-card p,
#models .model-card span:not(.tag),
.section-models .model-card .sppb-addon-content,
.section-models .model-card .sppb-addon-text,
.section-models .model-card p,
.section-models .model-card span:not(.tag) {
    font-size: 15px !important;
    line-height: 1.75 !important;
}

#models .model-card .sppb-btn,
#models .model-card a.sppb-btn,
.section-models .model-card .sppb-btn,
.section-models .model-card a.sppb-btn {
    margin-top: 20px !important;
}

@media (max-width: 760px) {
    #models .model-card img,
    .section-models .model-card img {
        height: 220px !important;
        padding: 14px 14px 4px !important;
    }

    #models .model-card .sppb-image-layout-content,
    #models .model-card .image-layout-content,
    #models .model-card .sppb-image-layouts-content,
    #models .model-card .sppb-image-layout-text,
    .section-models .model-card .sppb-image-layout-content,
    .section-models .model-card .image-layout-content,
    .section-models .model-card .sppb-image-layouts-content,
    .section-models .model-card .sppb-image-layout-text {
        padding: 22px 20px !important;
        margin: 0 8px 8px !important;
    }

    #models .model-card .sppb-addon-title,
    #models .model-card h3,
    #models .model-card strong,
    .section-models .model-card .sppb-addon-title,
    .section-models .model-card h3,
    .section-models .model-card strong {
        font-size: 24px !important;
    }
}


/* =========================
   MODELS closer-to-template override v25
   ========================= */

#models .models-grid .product-card.model-card,
.section-models .models-grid .product-card.model-card {
    background: rgba(255,255,255,.86) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 30px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#models .models-grid .product-card.model-card > .sppb-addon-content,
.section-models .models-grid .product-card.model-card > .sppb-addon-content {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

#models .models-grid .product-card.model-card .sppb-addon-image-layout-wrap,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-wrap {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    background: transparent !important;
	border: 1px solid #e4d8ca;
}

#models .models-grid .product-card.model-card .sppb-addon-image-layout-image,
#models .models-grid .product-card.model-card .image-fit,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-image,
.section-models .models-grid .product-card.model-card .image-fit {
    background: transparent !important;
    /*padding: 22px 22px 8px !important;*/
}

#models .models-grid .product-card.model-card img,
.section-models .models-grid .product-card.model-card img {
    width: 100% !important;
    height: 300px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#models .models-grid .product-card.model-card .sppb-addon-image-layout-content.sppb-text-alignment,
#models .models-grid .product-card.model-card .sppb-addon-image-layout-content,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-content.sppb-text-alignment,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-content {
    background: none !important;
    border-radius: 24px !important;
    padding: 26px 26px 28px !important;
    margin: 0 14px 14px !important;
    flex: 1 1 auto !important;
}

#models .models-grid .product-card.model-card .sppb-addon-image-layout-content h3,
#models .models-grid .product-card.model-card .sppb-addon-image-layout-title,
#models .models-grid .product-card.model-card .sppb-addon-image-layout-title strong,
#models .models-grid .product-card.model-card .sppb-addon-title,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-content h3,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-title,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-title strong,
.section-models .models-grid .product-card.model-card .sppb-addon-title {
    color: #1f1f1f !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
}

#models .models-grid .product-card.model-card .sppb-addon-image-layout-text,
#models .models-grid .product-card.model-card .sppb-addon-image-layout-text p,
#models .models-grid .product-card.model-card .sppb-addon-image-layout-text span:not(.tag),
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-text,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-text p,
.section-models .models-grid .product-card.model-card .sppb-addon-image-layout-text span:not(.tag) {
    color: #6f675f !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

#models .models-grid .product-card.model-card .tag,
.section-models .models-grid .product-card.model-card .tag {
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #f1e9e0 !important;
    color: #a36234 !important;
    margin: 0 8px 10px 0 !important;
}

#models .models-grid .product-card.model-card .sppb-btn,
#models .models-grid .product-card.model-card a.sppb-btn,
.section-models .models-grid .product-card.model-card .sppb-btn,
.section-models .models-grid .product-card.model-card a.sppb-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 18px !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #8f5a36 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}
#models .models-grid .product-card .sppb-addon-image-layout-text .home-cena {
	font-size:22px !important;
	font-weight: 700;
    position: absolute;
    right: 23px;
    bottom: 34px;
}

@media (max-width: 760px) {
    #models .models-grid .product-card.model-card img,
    .section-models .models-grid .product-card.model-card img {
        height: 220px !important;
    }

    #models .models-grid .product-card.model-card .sppb-addon-image-layout-content.sppb-text-alignment,
    #models .models-grid .product-card.model-card .sppb-addon-image-layout-content,
    .section-models .models-grid .product-card.model-card .sppb-addon-image-layout-content.sppb-text-alignment,
    .section-models .models-grid .product-card.model-card .sppb-addon-image-layout-content {
        padding: 22px 20px 24px !important;
        margin: 0 10px 10px !important;
    }

    #models .models-grid .product-card.model-card .sppb-addon-image-layout-content h3,
    #models .models-grid .product-card.model-card .sppb-addon-image-layout-title,
    #models .models-grid .product-card.model-card .sppb-addon-image-layout-title strong,
    .section-models .models-grid .product-card.model-card .sppb-addon-image-layout-content h3,
    .section-models .models-grid .product-card.model-card .sppb-addon-image-layout-title,
    .section-models .models-grid .product-card.model-card .sppb-addon-image-layout-title strong {
        font-size: 24px !important;
    }
}


/* =========================
   FAQ block rebuild v26
   ========================= */

#faq.section-faq,
.section-faq {
    background: #ffffff !important;
    padding-top: 84px;
    padding-bottom: 84px;
}

#faq > .sppb-row-container,
.section-faq > .sppb-row-container {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#faq .faq-wrap,
.section-faq .faq-wrap {
    width: 100%;
    max-width: 100%;
}

#faq .faq-wrap .section-title,
#faq .faq-wrap .sppb-addon-title,
#faq .faq-wrap h2,
.section-faq .faq-wrap .section-title,
.section-faq .faq-wrap .sppb-addon-title,
.section-faq .faq-wrap h2 {
    color: #1f1f1f !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 24px !important;
    text-align: left !important;
}

#faq .faq-accordion,
.section-faq .faq-accordion {
    width: 100%;
}

#faq .sppb-panel-group,
.section-faq .sppb-panel-group {
    display: grid !important;
    gap: 16px !important;
}

#faq .sppb-panel-modern,
.section-faq .sppb-panel-modern {
    background: rgba(255,255,255,.82) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 18px !important;
    padding: 18px 20px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    overflow: hidden !important;
}

#faq .sppb-panel-modern > .sppb-panel-heading,
.section-faq .sppb-panel-modern > .sppb-panel-heading {
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
}

#faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
#faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a,
.section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
.section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a {
    color: #1f1f1f !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

#faq .sppb-panel-modern .sppb-panel-body,
.section-faq .sppb-panel-modern .sppb-panel-body {
    padding: 14px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#faq .faq-answer,
#faq .faq-answer .sppb-addon-content,
#faq .faq-answer p,
.section-faq .faq-answer,
.section-faq .faq-answer .sppb-addon-content,
.section-faq .faq-answer p {
    color: #6f675f !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

#faq .sppb-panel-modern .sppb-toggle-direction,
#faq .sppb-panel-modern .fa,
.section-faq .sppb-panel-modern .sppb-toggle-direction,
.section-faq .sppb-panel-modern .fa {
    color: #8f5a36 !important;
    font-size: 24px !important;
}

#faq .sppb-panel-modern.active,
.section-faq .sppb-panel-modern.active {
    border-color: #d8c7b7 !important;
}

@media (max-width: 760px) {
    #faq.section-faq,
    .section-faq {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #faq > .sppb-row-container,
    .section-faq > .sppb-row-container {
        max-width: calc(100% - 24px) !important;
    }

    #faq .faq-wrap .section-title,
    #faq .faq-wrap .sppb-addon-title,
    #faq .faq-wrap h2,
    .section-faq .faq-wrap .section-title,
    .section-faq .faq-wrap .sppb-addon-title,
    .section-faq .faq-wrap h2 {
        margin-bottom: 18px !important;
    }

    #faq .sppb-panel-modern,
    .section-faq .sppb-panel-modern {
        padding: 16px 18px !important;
    }

    #faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
    #faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a,
    .section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
    .section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a {
        font-size: 18px !important;
    }

    #faq .faq-answer,
    #faq .faq-answer .sppb-addon-content,
    #faq .faq-answer p,
    .section-faq .faq-answer,
    .section-faq .faq-answer .sppb-addon-content,
    .section-faq .faq-answer p {
        font-size: 15px !important;
    }
}


/* =========================
   FAQ closer-to-template override v27
   ========================= */

#faq.section-faq,
.section-faq {
    background: #f7f2ec !important;
    padding-top: 84px !important;
    padding-bottom: 84px !important;
}

#faq1.section-faq {
    background: #f7f2ec !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

#faq > .sppb-row-container,
.section-faq > .sppb-row-container {
    max-width: 1280px !important;
    width: min(1280px, calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#faq .faq-wrap,
.section-faq .faq-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
}
#faq .faq-wrap::before,
.section-faq .faq-wrap::before {
    content: "FAQ";
}	
#stats .stats-title-partner::before, .stats-band .stats-title-partner::before {
  content: "Нам довіряють";
}
#stats .stats-title-wrap::before, .stats-band .stats-title-wrap::before {
  content: "Bagful у цифрах";
}
#features .features-title-wrap::before, .section-features .features-title-wrap::before {
  content: "Переваги бренду";
}
#models .models-head-wrap::before, .section-models .models-head-wrap::before {
  content: "Популярні товари";
}

#faq .faq-wrap::before,
.section-faq .faq-wrap::before, 
#stats .stats-title-partner::before, 
.stats-band .stats-title-partner::before, 
#stats .stats-title-wrap::before, 
.stats-band .stats-title-wrap::before, 
#features .features-title-wrap::before, 
.section-features .features-title-wrap::before,
#models .models-head-wrap::before, 
.section-models .models-head-wrap::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 18px 0;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid #e4d8ca;
    background: rgba(255,255,255,.82);
    color: #6f675f;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
}


#faq .faq-wrap .section-title,
#faq .faq-wrap .sppb-addon-title,
#faq .faq-wrap h2,
.section-faq .faq-wrap .section-title,
.section-faq .faq-wrap .sppb-addon-title,
.section-faq .faq-wrap h2 {
    max-width: 1320px !important;
    color: #1f1f1f !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 10px !important;
    text-align: left !important;
}

#faq .faq-accordion,
.section-faq .faq-accordion {
    width: 100%;
}

#faq .sppb-panel-group,
.section-faq .sppb-panel-group {
    display: grid !important;
    gap: 16px !important;
}

#faq .sppb-panel-modern,
.section-faq .sppb-panel-modern {
    background: rgba(255,255,255,.88) !important;
    border: 1px solid #e4d8ca !important;
    border-radius: 18px !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

#faq .sppb-panel-modern > .sppb-panel-heading,
.section-faq .sppb-panel-modern > .sppb-panel-heading {
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
}

#faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
#faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a,
.section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
.section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a {
    display: block !important;
    position: relative !important;
    padding: 18px 22px 18px 22px !important;
    color: #1f1f1f !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

#faq .sppb-panel-modern .sppb-panel-body,
.section-faq .sppb-panel-modern .sppb-panel-body {
    padding: 0 22px 22px !important;
    border: 0 !important;
    background: transparent !important;
}

#faq .faq-answer,
#faq .faq-answer .sppb-addon-content,
#faq .faq-answer p,
.section-faq .faq-answer,
.section-faq .faq-answer .sppb-addon-content,
.section-faq .faq-answer p {
    color: #6f675f !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

#faq .sppb-panel-modern .sppb-panel-heading .sppb-panel-title::after,
.section-faq .sppb-panel-modern .sppb-panel-heading .sppb-panel-title::after {
    content: "+" !important;
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #8f5a36 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

#faq .sppb-panel-modern.active .sppb-panel-heading .sppb-panel-title::after,
.section-faq .sppb-panel-modern.active .sppb-panel-heading .sppb-panel-title::after {
    content: "–" !important;
}

#faq .sppb-panel-modern .sppb-toggle-direction,
#faq .sppb-panel-modern .fa,
#faq .sppb-panel-modern .fas,
.section-faq .sppb-panel-modern .sppb-toggle-direction,
.section-faq .sppb-panel-modern .fa,
.section-faq .sppb-panel-modern .fas {
    display: none !important;
}

#faq .sppb-panel-modern.active,
.section-faq .sppb-panel-modern.active {
    border-color: #e4d8ca !important;
}

@media (max-width: 760px) {
    #faq.section-faq,
    .section-faq {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    #faq > .sppb-row-container,
    .section-faq > .sppb-row-container {
        width: min(1280px, calc(100% - 24px)) !important;
        max-width: none !important;
    }

    #faq .faq-wrap::before,
    .section-faq .faq-wrap::before {
        margin-bottom: 14px;
        padding: 8px 16px;
        font-size: 13px;
    }

    #faq .faq-wrap .section-title,
    #faq .faq-wrap .sppb-addon-title,
    #faq .faq-wrap h2,
    .section-faq .faq-wrap .section-title,
    .section-faq .faq-wrap .sppb-addon-title,
    .section-faq .faq-wrap h2 {
        font-size: clamp(28px, 8vw, 36px) !important;
        line-height: 1.08 !important;
        margin-bottom: 18px !important;
    }

    #faq .sppb-panel-group,
    .section-faq .sppb-panel-group {
        gap: 16px !important;
    }

    #faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
    #faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a,
    .section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title,
    .section-faq .sppb-panel-modern > .sppb-panel-heading .sppb-panel-title a {
        padding: 20px 58px 20px 18px !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    #faq .sppb-panel-modern .sppb-panel-body,
    .section-faq .sppb-panel-modern .sppb-panel-body {
        padding: 0 18px 18px !important;
    }

    #faq .faq-answer,
    #faq .faq-answer .sppb-addon-content,
    #faq .faq-answer p,
    .section-faq .faq-answer,
    .section-faq .faq-answer .sppb-addon-content,
    .section-faq .faq-answer p {
        font-size: 15px !important;
    }

    #faq .sppb-panel-modern .sppb-panel-heading .sppb-panel-title::after,
    .section-faq .sppb-panel-modern .sppb-panel-heading .sppb-panel-title::after {
        right: 18px !important;
        font-size: 24px !important;
    }
}


/* =========================
   FINAL CTA block rebuild v28
   ========================= */

#final-cta.section-final-cta,
.section-final-cta {
    background: #f7f2ec !important;
    padding-top: 84px;
    padding-bottom: 84px;
}

#final-cta .final-cta-shell-wrap,
.section-final-cta .final-cta-shell-wrap {
    width: 100%;
    max-width: 100%;
}

#final-cta .final-cta-shell,
.section-final-cta .final-cta-shell {
    background: linear-gradient(135deg, #201811, #5d361d 65%, #9d6843) !important;
    color: #fff !important;
    border-radius: 32px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    display: grid !important;
    grid-template-columns: 1.1fr .9fr !important;
    gap: 24px !important;
    align-items: center !important;
    overflow: hidden !important;
}

#final-cta .final-cta-shell .sppb-row-column,
.section-final-cta .final-cta-shell .sppb-row-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#final-cta .final-cta-copy,
#final-cta .final-cta-copy-wrap,
#final-cta .final-cta-col,
.section-final-cta .final-cta-copy,
.section-final-cta .final-cta-copy-wrap,
.section-final-cta .final-cta-col {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

#final-cta .final-cta-copy .section-title,
#final-cta .final-cta-copy .sppb-addon-title,
#final-cta .final-cta-copy h2,
.section-final-cta .final-cta-copy .section-title,
.section-final-cta .final-cta-copy .sppb-addon-title,
.section-final-cta .final-cta-copy h2 {
    color: #fff !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    margin: 0 0 12px !important;
}

#final-cta .final-cta-copy .section-intro,
#final-cta .final-cta-copy .section-intro .sppb-addon-content,
#final-cta .final-cta-copy .section-intro p,
#final-cta .final-cta-copy .section-intro span,
.section-final-cta .final-cta-copy .section-intro,
.section-final-cta .final-cta-copy .section-intro .sppb-addon-content,
.section-final-cta .final-cta-copy .section-intro p,
.section-final-cta .final-cta-copy .section-intro span {
    color: rgba(255,255,255,.78) !important;
    margin: 0 !important;
    font-size: clamp(16px, 1.2vw, 17px) !important;
    line-height: 1.65 !important;
}

#final-cta .final-cta-actions,
.section-final-cta .final-cta-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0;
}

#final-cta .final-cta-btn-row,
.section-final-cta .final-cta-btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
}

#final-cta .final-cta-btn-row > .sppb-row-column,
.section-final-cta .final-cta-btn-row > .sppb-row-column {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#final-cta .final-cta-btn-row .sppb-btn,
.section-final-cta .final-cta-btn-row .sppb-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow: none !important;
    transition: .2s ease !important;
}

#final-cta .final-cta-btn-row .btn-primary,
.section-final-cta .final-cta-btn-row .btn-primary {
    background: #1d1b19 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

#final-cta .final-cta-btn-row .btn-secondary,
.section-final-cta .final-cta-btn-row .btn-secondary {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
}

#final-cta .final-cta-btn-row .sppb-btn:hover,
.section-final-cta .final-cta-btn-row .sppb-btn:hover {
    transform: translateY(-1px) !important;
}

@media (max-width: 1080px) {
    #final-cta.section-final-cta,
    .section-final-cta {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    #final-cta .final-cta-shell,
    .section-final-cta .final-cta-shell {
        grid-template-columns: 1fr !important;
    }

    #final-cta .final-cta-actions,
    .section-final-cta .final-cta-actions {
        justify-content: flex-start !important;
    }

    #final-cta .final-cta-btn-row,
    .section-final-cta .final-cta-btn-row {
        justify-content: flex-start !important;
    }
}

@media (max-width: 760px) {
    #final-cta.section-final-cta,
    .section-final-cta {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #final-cta .final-cta-shell,
    .section-final-cta .final-cta-shell {
        border-radius: 24px !important;
        gap: 20px !important;
    }

    #final-cta .final-cta-btn-row,
    .section-final-cta .final-cta-btn-row {
        width: 100% !important;
    }

    #final-cta .final-cta-btn-row > .sppb-row-column,
    .section-final-cta .final-cta-btn-row > .sppb-row-column {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    #final-cta .final-cta-btn-row .sppb-btn,
    .section-final-cta .final-cta-btn-row .sppb-btn {
        width: 100% !important;
    }
}


/* =========================
   FINAL CTA structure-fit override v30
   for current 7+5 row + direct copy addons + action div
   ========================= */

#final-cta > .sppb-row-container,
.section-final-cta > .sppb-row-container {
    max-width: 1280px !important;
    width: min(1280px, calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#final-cta .final-cta-shell-wrap > .sppb-addon-wrapper,
.section-final-cta .final-cta-shell-wrap > .sppb-addon-wrapper {
    width: 100% !important;
}

#final-cta .final-cta-shell,
.section-final-cta .final-cta-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
    gap: 28px !important;
    align-items: center !important;
    padding: 46px 46px 46px 46px !important;
    border-radius: 34px !important;
}

#final-cta .final-cta-shell > .sppb-row-column,
.section-final-cta .final-cta-shell > .sppb-row-column {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#final-cta .final-cta-copy,
.section-final-cta .final-cta-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-width: 0 !important;
}

#final-cta .final-cta-eyebrow,
#final-cta .final-cta-eyebrow .sppb-addon-content,
#final-cta .final-cta-eyebrow p,
#final-cta .final-cta-eyebrow span,
.section-final-cta .final-cta-eyebrow,
.section-final-cta .final-cta-eyebrow .sppb-addon-content,
.section-final-cta .final-cta-eyebrow p,
.section-final-cta .final-cta-eyebrow span {
    color: rgba(255,255,255,.9) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    margin: 0 0 14px !important;
}

#final-cta .final-cta-title-wrap,
.section-final-cta .final-cta-title-wrap {
    width: 100% !important;
    max-width: 760px !important;
}

#final-cta .final-cta-title-wrap .section-title,
#final-cta .final-cta-title-wrap .sppb-addon-title,
#final-cta .final-cta-title-wrap h2,
.section-final-cta .final-cta-title-wrap .section-title,
.section-final-cta .final-cta-title-wrap .sppb-addon-title,
.section-final-cta .final-cta-title-wrap h2 {
    color: #fff !important;
    font-size: clamp(42px, 4.5vw, 60px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    font-weight: 700 !important;
    margin: 0 0 22px !important;
    max-width: 760px !important;
}

#final-cta .final-cta-intro-wrap,
.section-final-cta .final-cta-intro-wrap {
    width: 100% !important;
    max-width: 700px !important;
}

#final-cta .final-cta-intro-wrap .section-intro,
#final-cta .final-cta-intro-wrap .section-intro .sppb-addon-content,
#final-cta .final-cta-intro-wrap .section-intro p,
#final-cta .final-cta-intro-wrap .section-intro span,
.section-final-cta .final-cta-intro-wrap .section-intro,
.section-final-cta .final-cta-intro-wrap .section-intro .sppb-addon-content,
.section-final-cta .final-cta-intro-wrap .section-intro p,
.section-final-cta .final-cta-intro-wrap .section-intro span {
    color: rgba(255,255,255,.82) !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

#final-cta .final-cta-actions,
.section-final-cta .final-cta-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 100% !important;
}

#final-cta .final-cta-actions > .sppb-addon,
#final-cta .final-cta-actions > .sp-pagebuilder-addon,
#final-cta .final-cta-actions > [id^="addon-wrap-"],
.section-final-cta .final-cta-actions > .sppb-addon,
.section-final-cta .final-cta-actions > .sp-pagebuilder-addon,
.section-final-cta .final-cta-actions > [id^="addon-wrap-"] {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}

#final-cta .final-cta-btn-row,
.section-final-cta .final-cta-btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
}

#final-cta .final-cta-btn-row .sppb-btn,
#final-cta .final-cta-actions > .sppb-btn,
#final-cta .final-cta-actions a.sppb-btn,
.section-final-cta .final-cta-btn-row .sppb-btn,
.section-final-cta .final-cta-actions > .sppb-btn,
.section-final-cta .final-cta-actions a.sppb-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 176px !important;
    min-height: 56px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

#final-cta .final-cta-actions > .btn-primary,
.section-final-cta .final-cta-actions > .btn-primary,
#final-cta .final-cta-btn-row .btn-primary,
.section-final-cta .final-cta-btn-row .btn-primary {
    background: #111111 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

#final-cta .final-cta-actions > .btn-secondary,
.section-final-cta .final-cta-actions > .btn-secondary,
#final-cta .final-cta-btn-row .btn-secondary,
.section-final-cta .final-cta-btn-row .btn-secondary {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #fff !important;
}

@media (max-width: 1080px) {
    #final-cta > .sppb-row-container,
    .section-final-cta > .sppb-row-container {
        width: min(1280px, calc(100% - 32px)) !important;
    }

    #final-cta .final-cta-shell,
    .section-final-cta .final-cta-shell {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 34px 34px 34px 34px !important;
    }

    #final-cta .final-cta-title-wrap .section-title,
    #final-cta .final-cta-title-wrap .sppb-addon-title,
    #final-cta .final-cta-title-wrap h2,
    .section-final-cta .final-cta-title-wrap .section-title,
    .section-final-cta .final-cta-title-wrap .sppb-addon-title,
    .section-final-cta .final-cta-title-wrap h2 {
        font-size: clamp(34px, 6vw, 46px) !important;
    }

    #final-cta .final-cta-actions,
    .section-final-cta .final-cta-actions,
    #final-cta .final-cta-btn-row,
    .section-final-cta .final-cta-btn-row {
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 760px) {
    #final-cta > .sppb-row-container,
    .section-final-cta > .sppb-row-container {
        width: min(1280px, calc(100% - 24px)) !important;
    }

    #final-cta .final-cta-shell,
    .section-final-cta .final-cta-shell {
        padding: 24px 22px 24px 22px !important;
        border-radius: 26px !important;
    }

    #final-cta .final-cta-eyebrow,
    #final-cta .final-cta-eyebrow .sppb-addon-content,
    .section-final-cta .final-cta-eyebrow,
    .section-final-cta .final-cta-eyebrow .sppb-addon-content {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    #final-cta .final-cta-title-wrap .section-title,
    #final-cta .final-cta-title-wrap .sppb-addon-title,
    #final-cta .final-cta-title-wrap h2,
    .section-final-cta .final-cta-title-wrap .section-title,
    .section-final-cta .final-cta-title-wrap .sppb-addon-title,
    .section-final-cta .final-cta-title-wrap h2 {
        font-size: clamp(30px, 8.4vw, 38px) !important;
        margin-bottom: 14px !important;
    }

    #final-cta .final-cta-intro-wrap .section-intro,
    #final-cta .final-cta-intro-wrap .section-intro .sppb-addon-content,
    #final-cta .final-cta-intro-wrap .section-intro p,
    .section-final-cta .final-cta-intro-wrap .section-intro,
    .section-final-cta .final-cta-intro-wrap .section-intro .sppb-addon-content,
    .section-final-cta .final-cta-intro-wrap .section-intro p {
        font-size: 15px !important;
    }

    #final-cta .final-cta-btn-row,
    .section-final-cta .final-cta-btn-row {
        width: 100% !important;
    }

    #final-cta .final-cta-btn-row .sppb-btn,
    #final-cta .final-cta-actions > .sppb-btn,
    #final-cta .final-cta-actions a.sppb-btn,
    .section-final-cta .final-cta-btn-row .sppb-btn,
    .section-final-cta .final-cta-actions > .sppb-btn,
    .section-final-cta .final-cta-actions a.sppb-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* =========================
   FINAL CTA current-DOM hotfix v31
   current structure: section.cta.final-cta-shell
   ========================= */

section.sppb-section.cta.final-cta-shell {
    background: linear-gradient(135deg, #201811, #5d361d 65%, #9d6843) !important;
    border-radius: 34px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    overflow: hidden !important;
    padding: 46px 46px 46px 46px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

section.sppb-section.cta.final-cta-shell > .sppb-container-inner,
section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row,
section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row > .sppb-row-column,
section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column,
section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
    gap: 28px !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row > .sppb-row-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 auto !important;
}

section.sppb-section.cta.final-cta-shell .final-cta-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

section.sppb-section.cta.final-cta-shell .final-cta-eyebrow,
section.sppb-section.cta.final-cta-shell .final-cta-eyebrow .sppb-addon-content,
section.sppb-section.cta.final-cta-shell .final-cta-eyebrow p,
section.sppb-section.cta.final-cta-shell .final-cta-eyebrow span {
    color: rgba(255,255,255,.9) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    margin: 0 0 14px !important;
}

section.sppb-section.cta.final-cta-shell .section-title,
section.sppb-section.cta.final-cta-shell .section-title .sppb-addon-title,
section.sppb-section.cta.final-cta-shell .sppb-addon-header .sppb-addon-title,
section.sppb-section.cta.final-cta-shell h2.sppb-addon-title {
    color: #fff !important;
    font-size: clamp(42px, 4.5vw, 60px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    font-weight: 700 !important;
    margin: 0 0 22px !important;
    max-width: 760px !important;
}

section.sppb-section.cta.final-cta-shell .section-intro,
section.sppb-section.cta.final-cta-shell .section-intro .sppb-addon-content,
section.sppb-section.cta.final-cta-shell .section-intro p,
section.sppb-section.cta.final-cta-shell .section-intro span {
    color: rgba(255,255,255,.82) !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    max-width: 700px !important;
}

section.sppb-section.cta.final-cta-shell .final-cta-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 100% !important;
}

section.sppb-section.cta.final-cta-shell .final-cta-actions > .sppb-column-addons {
    width: auto !important;
    margin-left: auto !important;
}

section.sppb-section.cta.final-cta-shell .final-cta-btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    margin-left: auto !important;
}

section.sppb-section.cta.final-cta-shell .final-cta-btn-row > .sppb-btn,
section.sppb-section.cta.final-cta-shell .final-cta-btn-row a.sppb-btn,
section.sppb-section.cta.final-cta-shell .final-cta-actions > .sppb-btn,
section.sppb-section.cta.final-cta-shell .final-cta-actions a.sppb-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 176px !important;
    min-height: 56px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

section.sppb-section.cta.final-cta-shell .btn-primary {
    background: #111111 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

section.sppb-section.cta.final-cta-shell .btn-secondary {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #fff !important;
}

@media (max-width: 1080px) {
    section.sppb-section.cta.final-cta-shell {
        padding: 34px 34px 34px 34px !important;
    }

    section.sppb-section.cta.final-cta-shell > .sppb-container-inner > .sppb-row {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    section.sppb-section.cta.final-cta-shell .final-cta-actions,
    section.sppb-section.cta.final-cta-shell .final-cta-btn-row,
    section.sppb-section.cta.final-cta-shell .final-cta-actions > .sppb-column-addons {
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }

    section.sppb-section.cta.final-cta-shell .section-title,
    section.sppb-section.cta.final-cta-shell .section-title .sppb-addon-title,
    section.sppb-section.cta.final-cta-shell .sppb-addon-header .sppb-addon-title,
    section.sppb-section.cta.final-cta-shell h2.sppb-addon-title {
        font-size: clamp(34px, 6vw, 46px) !important;
    }
}

@media (max-width: 760px) {
    section.sppb-section.cta.final-cta-shell {
        padding: 24px 22px 24px 22px !important;
        border-radius: 26px !important;
    }

    section.sppb-section.cta.final-cta-shell .final-cta-eyebrow,
    section.sppb-section.cta.final-cta-shell .final-cta-eyebrow .sppb-addon-content {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    section.sppb-section.cta.final-cta-shell .section-title,
    section.sppb-section.cta.final-cta-shell .section-title .sppb-addon-title,
    section.sppb-section.cta.final-cta-shell .sppb-addon-header .sppb-addon-title,
    section.sppb-section.cta.final-cta-shell h2.sppb-addon-title {
        font-size: clamp(30px, 8.4vw, 38px) !important;
        margin-bottom: 14px !important;
    }

    section.sppb-section.cta.final-cta-shell .section-intro,
    section.sppb-section.cta.final-cta-shell .section-intro .sppb-addon-content,
    section.sppb-section.cta.final-cta-shell .section-intro p,
    section.sppb-section.cta.final-cta-shell .section-intro span {
        font-size: 15px !important;
    }

    section.sppb-section.cta.final-cta-shell .final-cta-btn-row,
    section.sppb-section.cta.final-cta-shell .final-cta-actions > .sppb-column-addons {
        width: 100% !important;
    }

    section.sppb-section.cta.final-cta-shell .final-cta-btn-row > .sppb-btn,
    section.sppb-section.cta.final-cta-shell .final-cta-btn-row a.sppb-btn,
    section.sppb-section.cta.final-cta-shell .final-cta-actions > .sppb-btn,
    section.sppb-section.cta.final-cta-shell .final-cta-actions a.sppb-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}


/* =========================
   FINAL CTA no-.cta rebuild v32
   ========================= */

#final-cta > .sppb-row-container,
.section-final-cta > .sppb-row-container {
    max-width: 1280px !important;
    width: min(1280px, calc(100% - 40px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#final-cta .final-cta-shell-wrap > .sppb-addon-wrapper,
.section-final-cta .final-cta-shell-wrap > .sppb-addon-wrapper {
    width: 100% !important;
}

section.sppb-section.final-cta-grid,
.final-cta-grid {
    background: linear-gradient(135deg, #201811, #5d361d 65%, #9d6843) !important;
    border-radius: 34px !important;
    box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
    overflow: hidden !important;
    padding: 46px 46px 46px 46px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

section.sppb-section.final-cta-grid > .sppb-container-inner,
section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row,
section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column,
section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column,
section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons,
.final-cta-grid > .sppb-container-inner,
.final-cta-grid > .sppb-container-inner > .sppb-row,
.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column,
.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column,
.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row,
.final-cta-grid > .sppb-container-inner > .sppb-row {
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
    gap: 28px !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column,
.final-cta-grid > .sppb-container-inner > .sppb-row > .sppb-row-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 auto !important;
}

.final-cta-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.final-cta-eyebrow,
.final-cta-eyebrow .sppb-addon-content,
.final-cta-eyebrow p,
.final-cta-eyebrow span {
    color: rgba(255,255,255,.9) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    margin: 0 0 14px !important;
}

.final-cta-title .sppb-addon-title,
.sppb-addon-header.final-cta-title .sppb-addon-title,
.final-cta-copy .section-title .sppb-addon-title,
.final-cta-copy h2.sppb-addon-title {
    color: #fff !important;
    font-size: clamp(42px, 4.5vw, 60px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    font-weight: 700 !important;
    margin: 0 0 22px !important;
    max-width: 760px !important;
}

.final-cta-intro,
.final-cta-intro .sppb-addon-content,
.final-cta-intro p,
.final-cta-intro span {
    color: rgba(255,255,255,.82) !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    max-width: 700px !important;
}

.final-cta-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 100% !important;
}

.final-cta-actions > .sppb-column-addons {
    width: auto !important;
    margin-left: auto !important;
}

.final-cta-btn-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    margin-left: auto !important;
}

.final-cta-btn-row > .sppb-btn,
.final-cta-btn-row a.sppb-btn,
.final-cta-actions > .sppb-btn,
.final-cta-actions a.sppb-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 176px !important;
    min-height: 56px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.final-cta-btn-row .btn-primary,
.final-cta-actions .btn-primary {
    background: #111111 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}

.final-cta-btn-row .btn-secondary,
.final-cta-actions .btn-secondary {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #fff !important;
}

@media (max-width: 1080px) {
    #final-cta > .sppb-row-container,
    .section-final-cta > .sppb-row-container {
        width: min(1280px, calc(100% - 32px)) !important;
    }

    section.sppb-section.final-cta-grid,
    .final-cta-grid {
        padding: 34px 34px 34px 34px !important;
    }

    section.sppb-section.final-cta-grid > .sppb-container-inner > .sppb-row,
    .final-cta-grid > .sppb-container-inner > .sppb-row {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .final-cta-actions,
    .final-cta-btn-row,
    .final-cta-actions > .sppb-column-addons {
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }

    .final-cta-title .sppb-addon-title,
    .sppb-addon-header.final-cta-title .sppb-addon-title,
    .final-cta-copy .section-title .sppb-addon-title,
    .final-cta-copy h2.sppb-addon-title {
        font-size: clamp(34px, 6vw, 46px) !important;
    }
}

@media (max-width: 760px) {
    #final-cta > .sppb-row-container,
    .section-final-cta > .sppb-row-container {
        width: min(1280px, calc(100% - 24px)) !important;
    }

    section.sppb-section.final-cta-grid,
    .final-cta-grid {
        padding: 24px 22px 24px 22px !important;
        border-radius: 26px !important;
    }

    .final-cta-eyebrow,
    .final-cta-eyebrow .sppb-addon-content {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

    .final-cta-title .sppb-addon-title,
    .sppb-addon-header.final-cta-title .sppb-addon-title,
    .final-cta-copy .section-title .sppb-addon-title,
    .final-cta-copy h2.sppb-addon-title {
        font-size: clamp(30px, 8.4vw, 38px) !important;
        margin-bottom: 14px !important;
    }

    .final-cta-intro,
    .final-cta-intro .sppb-addon-content,
    .final-cta-intro p,
    .final-cta-intro span {
        font-size: 15px !important;
    }

    .final-cta-btn-row,
    .final-cta-actions > .sppb-column-addons {
        width: 100% !important;
    }

    .final-cta-btn-row > .sppb-btn,
    .final-cta-btn-row a.sppb-btn,
    .final-cta-actions > .sppb-btn,
    .final-cta-actions a.sppb-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}

.band {
  background: linear-gradient(180deg, rgba(239,230,218,.75), rgba(255,255,255,.55));
  border-block: 1px solid #e4d8ca;
}

.partners-grid{
  display:grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap:16px;
  margin-top: 24px;
}

.partner-card{
  background:#fff;
  border:1px solid #e4d8ca;
  border-radius:18px;
  padding:20px;
  text-align:center;
  font-weight:600;
  color:#6f675f;
  box-shadow: none !important;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:70px;
}

@media (max-width:1080px){
  .partners-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:760px){
  .partners-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================
   BAGFUL CATEGORY TEMPLATE
   styles imported from category mockup for SPPB structure
   Usage: wrap the page/section with class .category-page
   ========================= */

:root{
      --bg:#f7f4ef;
      --surface:#ffffff;
      --surface-2:#f2ece3;
      --text:#2b241f;
      --muted:#6c5f54;
      --line:#e6ddd1;
      --accent:#b98652;
      --accent-dark:#9a6d42;
      --radius-xl:28px;
      --radius-lg:22px;
      --radius-md:16px;
      --shadow:0 18px 40px rgba(43,36,31,.08);
      --container:min(1280px, calc(100% - 40px));
    }
    *{box-sizing:border-box}
.category-page{
      margin:0;
      font-family: Inter, Arial, sans-serif;
      color:var(--text);
      background:linear-gradient(180deg,#fbf8f3 0%, #f7f4ef 100%);
      line-height:1.55;
    }
.category-page .page{padding:28px 0 72px}
.category-page .container{width:var(--container);margin:0 auto}
    .category-page .crumbs{
      display:flex;flex-wrap:wrap;gap:8px;align-items:center;
      color:var(--muted);font-size:14px;margin-bottom:18px;
    }
    .category-page .crumbs span{opacity:.75}
    .category-page .intro{
  /* priority fix */

      background:var(--surface);
      border:1px solid rgba(185,134,82,.12);
      border-radius:var(--radius-xl);
      padding:34px 34px 28px;
      box-shadow:var(--shadow);
      margin-bottom:26px;
    }
    .category-page .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 14px;border-radius:999px;
      background:#f6eee2;color:var(--accent-dark);
      font-weight:600;font-size:13px;letter-spacing:.02em;
      margin-bottom:16px;
    }
    h1,h2,h3{margin:0 0 12px}
.category-page h1{
  /* priority fix */
font-size:44px;line-height:1.08;letter-spacing:-.03em;max-width:760px;text-transform: unset;}
.category-page h2{font-size:30px;line-height:1.12;letter-spacing:-.02em}
.category-page h3{font-size:20px;line-height:1.2}
    .category-page .lead{
  /* priority fix */
max-width:900px;font-size:18px;color:#4f443a;margin:0 0 18px}
    .category-page .intro-grid{
  /* priority fix */

      display:grid !important;grid-template-columns:1.6fr .9fr;gap:18px;align-items:start;margin-top:20px
    }
    .category-page .mini-card{
  /* priority fix */

      background:var(--surface-2);border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px
    }
    .category-page .mini-list{
  /* priority fix */
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;padding:0;list-style:none}
    .category-page .mini-list li{position:relative;padding-left:18px;color:#4f443a}
    .category-page .mini-list li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent)}

    .category-page .section-title{
  /* priority fix */
font-size:30px;line-height:1.12;letter-spacing:-.02em;margin:0 0 10px}
    .category-page .section-lead{
  /* priority fix */
max-width:860px;color:#4f443a;margin:0 0 18px}
    .category-page .toolbar{
  /* priority fix */

      display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;
      background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px 22px;box-shadow:var(--shadow);margin-bottom:20px
    }
    .category-page .toolbar-left,.category-page .toolbar-right{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
    .category-page .pill,.category-page .sort{
      border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 16px;font-size:14px;color:#4f443a
    }
    .category-page .count{font-weight:700}

    .category-page .catalog-grid{
  /* priority fix */

      display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:34px
    }
    .category-page .card{
  /* priority fix */

      background:var(--surface);border:1px solid rgba(185,134,82,.14);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)
    }
    .category-page .card-media{
      aspect-ratio:1/1;background:linear-gradient(135deg,#efe5d9,#f7f2ea 50%,#ebe1d2);
      display:flex;align-items:center;justify-content:center;padding:18px;position:relative
    }
    .category-page .badge{
      position:absolute;left:16px;top:16px;background:#fff;border:1px solid var(--line);color:var(--accent-dark);
      border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700
    }
    .category-page .bag-shape{
      width:78%;height:78%;background:radial-gradient(circle at 35% 30%, #dfcab0 0%, #c9a47a 52%, #ab7b4c 100%);
      border-radius:44% 44% 46% 46% / 34% 34% 62% 62%;
      box-shadow:inset 0 -18px 34px rgba(0,0,0,.08), 0 22px 30px rgba(122,90,56,.18);
    }
    .category-page .card-body{padding:18px 18px 20px}
    .category-page .meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
    .category-page .meta span{font-size:12px;padding:6px 10px;border-radius:999px;background:#f7f2ea;color:#6b5848}
    .category-page .title{
  /* priority fix */
font-size:18px;font-weight:800;line-height:1.25;margin:0 0 8px}
    .category-page .desc{font-size:14px;color:#62554a;margin:0 0 14px;min-height:44px}
    .category-page .specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0 0 16px;padding:0;list-style:none}
    .category-page .specs li{font-size:13px;color:#53463a;background:#faf7f2;border:1px solid #eee4d7;border-radius:12px;padding:8px 10px}
    .category-page .card-bottom{display:flex;justify-content:space-between;gap:14px;align-items:end}
    .category-page .price{font-size:24px;font-weight:800;line-height:1}
    .category-page .price small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-bottom:6px}
    .category-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}

    .category-page .seo-wrap{
      display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin:22px 0 24px
    }
    .category-page .seo-card,.category-page .faq,.category-page .cta{
      background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)
    }
    .category-page .seo-card{padding:30px}
    .category-page .seo-card p{margin:0 0 14px;color:#4f443a}
    .category-page .seo-card ul{margin:12px 0 0;padding-left:20px;color:#4f443a}
    .category-page .seo-index{
      display:grid;gap:14px;align-content:start;padding:26px;background:linear-gradient(180deg,#fff,#f8f3ec)
    }
    .category-page .toc{display:grid;gap:10px}
    .category-page .toc a{display:block;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:700}
    .category-page .faq{padding:28px;margin-top:6px}
    .category-page .faq-list{display:grid;gap:12px}
.category-page details{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff}
.category-page summary{cursor:pointer;font-weight:700;list-style:none}
.category-page summary::-webkit-details-marker{display:none}
.category-page details p{margin:12px 0 0;color:#4f443a}
    .category-page .cta{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:28px;margin-top:20px;align-items:center}
    .category-page .cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
    .category-page .btn-ghost{background:#fff;color:var(--text);border:1px solid var(--line)}
    .category-page .note{margin-top:28px;font-size:13px;color:#7a6d62}

    @media (max-width: 1120px){
      .category-page .catalog-grid{
  /* priority fix */
grid-template-columns:repeat(3,minmax(0,1fr))}
      .category-page .intro-grid,.category-page .seo-wrap,.category-page .cta{grid-template-columns:1fr}
      .category-page .cta-actions{justify-content:flex-start}
    }
    @media (max-width: 820px){
.category-page h1{
  /* priority fix */
font-size:34px}
.category-page h2{font-size:26px}
      .category-page .catalog-grid{
  /* priority fix */
grid-template-columns:repeat(2,minmax(0,1fr))}
      .category-page .mini-list{
  /* priority fix */
grid-template-columns:1fr}
    }
    @media (max-width: 560px){
.category-page .page{padding-top:18px}
.category-page .container{width:min(100% - 24px, 1280px)}
      .category-page .intro,.category-page .seo-card,.category-page .faq,.category-page .cta{padding:22px}
      .category-page .catalog-grid{
  /* priority fix */
grid-template-columns:1fr}
.category-page h1{
  /* priority fix */
font-size:30px}
      .category-page .toolbar{
  /* priority fix */
padding:16px}

.seo-wrap {
  grid-template-columns: none !important;
}
 .btn1 {
    width: 100%;
  }
  
  .card-bottom .sppb-button-wrapper {
	width: 160px;
}
    }
	
/* BAGFUL CATEGORY TOP BLOCK RESPONSIVE */

.catalog-grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:22px !important;
}

@media (max-width:1280px){
    .catalog-grid{grid-template-columns:repeat(3,1fr)!important;}
}

@media (max-width:1080px){
    .catalog-grid{grid-template-columns:repeat(2,1fr)!important;}
}

@media (max-width:760px){
    .catalog-grid{grid-template-columns:1fr!important;}
}

.catalog-grid .card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    background:#fff!important;
    border:1px solid #e6ddd1!important;
    border-radius:28px!important;
}

.catalog-grid .card-media img{
    width:100%!important;
    height:240px!important;
    object-fit:contain!important;
}

.catalog-grid .btn{
    background:#c08a4d!important;
    color:#fff!important;
    border-radius:18px!important;
    padding:14px 22px!important;
}
	
.catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px;
  margin-bottom: 34px;
}
	
.catalog-grid .sppb-carousel-extended-item {
  width: auto;
}


.section-title1 {
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: -.02em;
  margin: 0 0 10px;
  font-weight: 600;
}

.card-media {
  aspect-ratio: 1/1;
  padding: 20px;
  position: relative;
}
	
.meta {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.meta .span {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f7f2ea;
  color: #6b5848;
}

.card-body {
  padding: 18px 0px 10px;
}

.desc {
  font-size: 14px;
  color: #62554a;
  margin: 0 0 14px;
  min-height: 160px;
}

.specs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px 10px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.specs li {
  font-size: 15px;
  color: #53463a;
  background: #faf7f2;
  border: 1px solid #eee4d7;
  border-radius: 12px;
  padding: 8px 10px;
}

.card-bottom {
  display: flex !important;
  justify-content: space-between;
  gap: 14px;
  align-items: end;
}

.price {
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.price small {
  display: block;
  font-size: 12px;
  color: var(--muted);
  font-weight: 500;
  margin-bottom: 6px;
}

.btn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 14px;
  background: var(--accent) !important;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

.seo-wrap {
  display: grid !important;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
  margin: 22px 0 24px;
}

.seo-card {
  padding: 30px;
}

.seo-card h2 {
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: -.02em;
  margin-top: 24px;
}

.seo-card, .faq, .cta {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: var(--shadow);
}

.seo-index {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 26px;
  background: linear-gradient(180deg,#fff,#f8f3ec);
}

.toc {
  display: grid;
  gap: 10px;
}

.toc p {
  display: block;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--line);
  text-decoration: none;
  color: var(--text);
  font-weight: 700;
}

.cta {
  display: grid !important;
  grid-template-columns: 1.1fr .9fr;
  gap: 20px;
  padding: 28px;
  margin-top: 20px;
  align-items: center;
}

.cta-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.cta .btn-ghost {
  background: #fff !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

/* ===== FORCE OVERRIDES FOR SPPB ===== */
.category-page h1,
.category-page h2,
.category-page h3{
  font-weight:600 !important;
  line-height:1.2 !important;
  margin: 0 0 12px !important;
}

.category-page .catalog-grid{
  display:grid !important;
}

.category-page .mini-card{
  padding:20px !important;
  border-radius:16px !important;
}

.category-page .toolbar{
  display:flex !important;
  justify-content:space-between !important;
}
/* dropdown */
.sp-group-title {
    display: inline-block !important;
    width: auto !important;
}
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 320px !important;
    max-width: calc(100vw - 40px) !important;
    z-index: 9999 !important;
}

/* inner */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main > .sp-dropdown-inner,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main > .sp-dropdown-inner {
    width: auto !important;
    max-width: 100% !important;
    padding: 20px 24px 24px !important;
    box-sizing: border-box !important;
}

/* bootstrap wrappers neutralized */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .row,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .row {
    margin: 0 !important;
}

#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .col-sm-12,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .col-sm-12 {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
}

/* main group */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* header item wrapper */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .item-header,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .item-header {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

/* FIX: title should not stretch across whole menu */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-group-title,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-group-title {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    line-height: 1.35 !important;
}

/* container with cards */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 20px 24px !important;

    width: fit-content !important;
    max-width: min(1400px, calc(100vw - 80px)) !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* one card */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li {
    flex: 0 0 150px !important;
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* card link */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li > a,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li > a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* image */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child img,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child img {
    display: block !important;
    width: 100% !important;
    max-width: 120px !important;
    height: 110px !important;
    object-fit: contain !important;
    margin: 0 0 8px !important;
}

/* title under image */
#sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child .image-title,
#sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child .image-title {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

/* tablet/mobile */
@media (max-width: 768px) {
    #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main,
    #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main {
        left: 10px !important;
        right: 10px !important;
        max-width: calc(100vw - 20px) !important;
    }

    #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child,
    #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child {
        width: 100% !important;
        max-width: 100% !important;
        gap: 16px !important;
    }

    #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li,
    #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li {
        flex: 0 0 calc(50% - 8px) !important;
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        min-width: 0 !important;
    }
}

@media (max-width: 480px) {
    #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li,
    #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child > li {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================
   BAGFUL mega menu PATCH
   append-only, desktop only
   does not modify existing mobile menu logic
   ========================= */
@media (min-width: 992px) {

  #sp-menu .sp-megamenu-parent > li.sp-has-child,
  #sp-header .sp-megamenu-parent > li.sp-has-child {
    position: relative !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main {
    position: absolute !important;
    top: 100% !important;
    left: -150% !important;
    right: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 1250px !important;
    max-width: calc(100vw - 40px) !important;
    z-index: 9999 !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown > .sp-dropdown-inner,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown > .sp-dropdown-inner {
    width: auto !important;
    max-width: 100% !important;
    padding: 18px 22px 22px !important;
    box-sizing: border-box !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .row,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .row {
    margin: 0 !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .col-sm-12,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .col-sm-12 {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .item-header,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .item-header {
    margin: 0 0 16px !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-group-title,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-group-title {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child.sp-dropdown-items,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child.sp-dropdown-items {
    display: grid !important;
    grid-auto-rows: auto !important;
    gap: 15px 5px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    justify-content: start !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child.sp-dropdown-items > li.sp-menu-item,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child.sp-dropdown-items > li.sp-menu-item {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
  #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    display: block !important;
    width: 120px !important;
    max-width: 120px !important;
    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child img,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child img {
    display: block !important;
    width: 100% !important;
    max-width: 120px !important;
    height: 110px !important;
    object-fit: contain !important;
    margin: 0 0 8px !important;
  }

  #sp-menu .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child .image-title,
  #sp-header .sp-megamenu-parent > li.sp-has-child > .sp-dropdown .sp-mega-group-child .image-title {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
	padding:0px;
  }
}

  /* =========================
   FIX: прибрати пусті li в mega menu
   ========================= */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items > li:empty {
    display: none !important;
}

/* якщо li є, але без контенту (Helix інколи так робить) */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items > li:not(:has(a)) {
    display: none !important;
}
/* =========================
   MEGA MENU — авто кількість елементів
   ========================= */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    grid-template-columns: repeat(auto-fit, minmax(120px, max-content)) !important;
}

.card-media .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {height: auto !important;}
#sp-header .logo {height: 80px;}
#sp-header .logo .logo-image {
  height: auto;
  max-height: 80px;
}

/* =========================
   BAGFUL category page responsive fix
   append-only patch
   stabilizes category cards on all widths
   ========================= */

/* desktop / laptop */
@media (max-width: 1400px) and (min-width: 1201px) {
  .catalog-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
  }
}

/* laptop / small desktop */
@media (max-width: 1200px) and (min-width: 992px) {
  .catalog-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
  }

  .catalog-grid .card-media {
    min-height: 250px !important;
    padding: 16px 16px 0 !important;
  }

  .catalog-grid .bag-shape img,
  .catalog-grid .bag-shape .sppb-carousel-img,
  .catalog-grid .bag-shape .sppb-item img,
  .catalog-grid .card-media img {
    height: 210px !important;
  }
}

/* tablet landscape / 991 zone */
@media (max-width: 991px) and (min-width: 761px) {
  .catalog-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
  }
}

/* mobile + tablet shared card stabilization */
@media (max-width: 1200px) {
  .catalog-grid > .sppb-addon,
  .catalog-grid > .sp-pagebuilder-addon,
  .catalog-grid > .builder-nested-addon,
  .catalog-grid > [id^="addon-wrap-"],
  .catalog-grid > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .catalog-grid .card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .catalog-grid .card-media {
    overflow: hidden !important;
  }

  .catalog-grid .card-media .sppb-addon,
  .catalog-grid .card-media .sppb-addon-wrapper,
  .catalog-grid .card-media .sppb-addon-content,
  .catalog-grid .card-media .sppb-addon-image-carousel,
  .catalog-grid .card-media .sppb-carousel,
  .catalog-grid .card-media .sppb-carousel-inner,
  .catalog-grid .bag-shape {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .catalog-grid .bag-shape img,
  .catalog-grid .bag-shape .sppb-carousel-img,
  .catalog-grid .bag-shape .sppb-item img,
  .catalog-grid .card-media img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
  }

  .catalog-grid .card-body {
    min-width: 0 !important;
  }

  .catalog-grid .meta {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .catalog-grid .specs {
    display: grid !important;
  }

  .catalog-grid .card-bottom {
    display: flex !important;
    margin-top: auto !important;
  }
}

/* tablet portrait + wide mobile */
@media (max-width: 760px) and (min-width: 561px) {
  .catalog-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .catalog-grid .card {
    border-radius: 24px !important;
  }

  .catalog-grid .card-media {
    min-height: 230px !important;
    padding: 16px 16px 0 !important;
  }

  .catalog-grid .bag-shape img,
  .catalog-grid .bag-shape .sppb-carousel-img,
  .catalog-grid .bag-shape .sppb-item img,
  .catalog-grid .card-media img {
    height: auto !important;
  }
  

  .catalog-grid .card-body {
    padding: 16px 16px 18px !important;
  }

  .catalog-grid .title,
  .catalog-grid h3,
  .catalog-grid h4 {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }

  .catalog-grid .desc,
  .catalog-grid p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .catalog-grid .specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  .catalog-grid .specs li {
    min-height: 50px !important;
    padding: 10px !important;
    font-size: 13px !important;
  }

  .catalog-grid .btn {
    min-height: 56px !important;
    font-size: 17px !important;
    padding: 0 18px !important;
  }
}

/* mobile */
@media (max-width: 560px) {
  .catalog-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .catalog-grid .card {
    border-radius: 22px !important;
  }

  .catalog-grid .card-media {
    min-height: 200px !important;
    padding: 14px 14px 0 !important;
  }

  .catalog-grid .bag-shape img,
  .catalog-grid .bag-shape .sppb-carousel-img,
  .catalog-grid .bag-shape .sppb-item img,
  .catalog-grid .card-media img {
    height: auto !important;
  }

  .catalog-grid .card-body {
    padding: 14px 14px 16px !important;
  }

  .catalog-grid .meta {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .catalog-grid .meta span,
  .catalog-grid .tag,
  .catalog-grid .pill {
    font-size: 12px !important;
    padding: 7px 10px !important;
  }

  .catalog-grid .title,
  .catalog-grid h3,
  .catalog-grid h4 {
    font-size: 17px !important;
    line-height: 1.24 !important;
    margin-bottom: 10px !important;
  }

  .catalog-grid .desc,
  .catalog-grid p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .catalog-grid .specs {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
  }

  .catalog-grid .specs li {
    min-height: 46px !important;
    padding: 9px !important;
    font-size: 12px !important;
  }

  .catalog-grid .card-bottom {
    gap: 10px !important;
    align-items: flex-end !important;
  }

  .catalog-grid .price {
    font-size: 20px !important;
  }

  .catalog-grid .btn {
    min-height: 50px !important;
    font-size: 15px !important;
    padding: 0 16px !important;
  }
}

.boot-kon .sppb-row-column   {padding:0px;}
.bf-fabric-care__inner {padding:20px;}


/* =========================================================
   BAGFUL PRODUCT PREMIUM BLOCKS V2
   Layout: 6+6 top, 4+4+4 info row
========================================================= */
#productdetails-view.bf-premium-product-view {
  --bf-surface: #fffaf4;
  --bf-surface-soft: #f3eee7;
  --bf-border: #e4d8ca;
  --bf-text: #101010;
  --bf-muted: #6f675f;
}

.bf-premium-product-view .vm-product-container {
  background: rgba(255, 250, 244, .78);
  border: 1px solid var(--bf-border);
  border-radius: 30px;
  padding: clamp(18px, 2.2vw, 28px);
  box-shadow: 0 20px 70px rgba(33, 25, 18, .07);
}

.bf-premium-product-view .bf-premium-title-row {
  margin-bottom: 16px;
}

.bf-premium-product-view h1.page-header.product-name {
  font-size: clamp(30px, 3.8vw, 54px) !important;
  line-height: .95;
  letter-spacing: -.045em;
  margin: 0 0 10px;
}

.bf-premium-product-view .product_my-opus {
  border-left: 4px solid #b26d3f;
  color: var(--bf-text);
}

.bf-premium-product-grid,
.bf-premium-product-info-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  row-gap: 24px;
}

.bf-premium-product-grid > [class*="col-"],
.bf-premium-product-info-row > [class*="col-"] {
  display: flex;
}

.bf-premium-card-inner {
  width: 100%;
  background: #fff;
  border: 1px solid var(--bf-border);
  border-radius: 28px;
  padding: clamp(18px, 2vw, 24px);
  box-shadow: 0 18px 50px rgba(33, 25, 18, .08);
  position: relative;
  overflow: hidden;
}

.bf-premium-gallery-card .bf-premium-card-inner {
  min-height: clamp(390px, 42vw, 560px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #fffaf4 0%, #f2ebe2 100%);
}

.bf-premium-gallery-card .main-image,
.bf-premium-gallery-card .product_block,
.bf-premium-gallery-card .m-kart {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.bf-premium-gallery-card img {
  max-height: clamp(320px, 38vw, 500px);
  object-fit: contain;
}

.bf-premium-selected-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  background: #e7f8ee;
  color: #0c6338;
  border: 1px solid #bde8ce;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.bf-premium-buy-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bf-premium-product-heading h2 {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: clamp(28px, 3vw, 44px);
  line-height: .98;
  letter-spacing: -.04em;
  font-weight: 800;
}

.bf-premium-mini-desc {
  border-left: 4px solid #b26d3f;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1.55;
  font-style: italic;
  color: var(--bf-text);
}

.bf-premium-price-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 14px;
  align-items: center;
  background: var(--bf-surface-soft);
  border-radius: 22px;
  padding: 18px;
}

.bf-premium-sku,
.bf-premium-product-view .product_sku {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  grid-column: 1 / -1;
  background: rgba(255,255,255,.65);
  border: 1px solid var(--bf-border);
  border-radius: 999px;
  padding: 7px 12px !important;
  font-size: 13px;
  color: var(--bf-muted);
}

.bf-premium-product-view .top-product-price span.PricesalesPrice {
  font-size: clamp(38px, 4vw, 54px) !important;
  line-height: .95;
  font-weight: 900;
}

.bf-premium-status-pill {
  justify-self: end;
  background: #fffaf4;
  border: 1px solid #e0b66f;
  color: #8a520f;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.bf-premium-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bf-premium-benefit {
  border: 1px solid var(--bf-border);
  border-radius: 16px;
  padding: 13px 14px;
  background: rgba(255,255,255,.72);
}

.bf-premium-benefit strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 1.2;
  color: var(--bf-text);
}

.bf-premium-benefit span {
  display: block;
  font-size: 13px;
  line-height: 1.35;
  color: var(--bf-text);
}

.bf-premium-addtocart {
  margin: 0;
}

.bf-premium-addtocart .product-fields-title,
.bf-premium-addtocart label {
  font-size: 12px;
  font-weight: 800;
  color: var(--bf-text);
}

.bf-premium-product-view .productdetails-view .quantity-controls,
.bf-premium-product-view .quantity-controls {
  height: 54px;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.bf-premium-product-view input.addtocart-button,
.bf-premium-product-view .addtocart-button input {
  height: 54px !important;
  min-width: 220px;
  border-radius: 14px !important;
  background: #101010 !important;
  color: #fff !important;
  box-shadow: 0 16px 35px rgba(0,0,0,.13);
}

.bf-premium-bottom-card .bf-premium-card-inner {
  min-height: 100%;
  box-shadow: 0 14px 40px rgba(33, 25, 18, .06);
}

.bf-premium-bottom-card h4,
.bf-premium-bottom-card .har {
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  color: var(--bf-text);
}

.bf-premium-spec-card .uk-table {
  margin: 0;
  overflow: hidden;
}

.bf-premium-spec-card .uk-table td {
  padding: 14px 16px;
  border-color: var(--bf-border);
}

.bf-premium-spec-card .uk-table td:first-child {
  width: 45%;
}

.bf-premium-spec-card .uk-table td:last-child {
  font-weight: 700;
  color: #000;
}

.bf-premium-description,
.bf-premium-material-card .product_my-opus,
.bf-premium-ready-card p {
  font-size: 15px;
  line-height: 1.75;
  color: var(--bf-text);
}

.bf-premium-description {
  max-height: 360px;
  overflow: auto;
  padding-right: 8px;
}

.bf-premium-ready-note {
  margin-top: 14px;
  padding: 13px 14px;
  background: #fff7e8;
  border: 1px solid #e4c58c;
  border-radius: 16px;
  color: #6a4a13;
  font-size: 14px;
  line-height: 1.55;
}

.bf-premium-icons {
  margin-top: 18px;
}

/* адаптивність */
@media (max-width: 1199px) {
  .bf-premium-product-view .vm-product-container {
    padding: 18px;
  }

  .bf-premium-product-view input.addtocart-button,
  .bf-premium-product-view .addtocart-button input {
    min-width: 180px;
  }
}

@media (max-width: 991px) {
  .bf-premium-product-grid > .col-md-6,
  .bf-premium-product-info-row > .col-md-4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .bf-premium-gallery-card .bf-premium-card-inner {
    min-height: auto;
  }

  .bf-premium-gallery-card img {
    max-height: 420px;
  }

  .bf-premium-description {
    max-height: none;
  }
}

@media (max-width: 640px) {
  .bf-premium-product-view .vm-product-container {
    border-radius: 22px;
    padding: 12px;
  }

  .bf-premium-card-inner {
    border-radius: 20px;
    padding: 16px;
  }

  .bf-premium-product-view h1.page-header.product-name {
    font-size: 28px !important;
  }

  .bf-premium-product-heading h2 {
    font-size: 28px;
  }

  .bf-premium-price-panel,
  .bf-premium-benefits {
    grid-template-columns: 1fr;
  }

  .bf-premium-status-pill {
    justify-self: start;
  }

  .bf-premium-product-view input.addtocart-button,
  .bf-premium-product-view .addtocart-button input {
    width: 100% !important;
    min-width: 0;
    margin-left: 0 !important;
  }

  .bf-premium-product-view .quantity-controls {
    width: 100%;
    justify-content: space-between;
  }

  .bf-premium-selected-badge {
    position: relative;
    top: auto;
    left: auto;
    align-self: flex-start;
    margin-bottom: 12px;
  }

  .bf-premium-gallery-card .bf-premium-card-inner {
    flex-direction: column;
  }
}

/* =========================================================
   BAGFUL PRODUCT PREMIUM BLOCKS V3
   Hard layout fix: real 6+6 top, adaptive content-based lower cards
========================================================= */
#productdetails-view.bf-premium-product-view {
  max-width: 1220px;
  margin: 0 auto;
}

#productdetails-view.bf-premium-product-view .vm-product-container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr) !important;
  gap: clamp(22px, 3vw, 34px) !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding-top: 20px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-gallery-card,
#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-buy-card {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  min-width: 0 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner,
#productdetails-view.bf-premium-product-view .bf-premium-buy-card .bf-premium-card-inner {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
  min-height: clamp(460px, 45vw, 610px) !important;
  padding: clamp(16px, 2vw, 28px) !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .product_block,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .m-kart,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .vm-product-media-container {
  width: 100% !important;
  max-width: 100% !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
  width: auto !important;
  max-width: min(100%, 560px) !important;
  max-height: clamp(360px, 42vw, 560px) !important;
  margin: 0 auto !important;
  display: block !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-buy-inner {
  min-height: clamp(460px, 45vw, 610px);
  justify-content: center;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
  max-width: 520px;
}

#productdetails-view.bf-premium-product-view .bf-premium-mini-desc {
  max-width: 520px;
}

#productdetails-view.bf-premium-product-view .bf-premium-benefits {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-info-row {
  display: grid !important;
  grid-template-columns: minmax(250px, .9fr) minmax(360px, 1.45fr) minmax(280px, 1fr) !important;
  gap: clamp(18px, 2vw, 24px) !important;
  align-items: stretch !important;
  margin: clamp(24px, 3vw, 34px) 0 0 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-info-row > .bf-premium-bottom-card {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  min-width: 0 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-bottom-card .bf-premium-card-inner {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#productdetails-view.bf-premium-product-view .bf-premium-spec-card .bf-premium-card-inner,
#productdetails-view.bf-premium-product-view .bf-premium-ready-card .bf-premium-card-inner {
  min-height: 260px;
}

#productdetails-view.bf-premium-product-view .bf-premium-material-card .bf-premium-card-inner {
  min-height: 260px;
}

#productdetails-view.bf-premium-product-view .bf-premium-description {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

#productdetails-view.bf-premium-product-view .product_my-opus {
  top: auto !important;
  margin-bottom: 18px;
}

#productdetails-view.bf-premium-product-view .product_my-opus.col-md-12 {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding-right: 0 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-hidden-meta {
  margin: 0 !important;
}

#productdetails-view.bf-premium-product-view .top-product-addtocart .product-field-desc {
  max-width: 100%;
}

#productdetails-view.bf-premium-product-view .bf-premium-addtocart .addtocart-bar,
#productdetails-view.bf-premium-product-view .bf-premium-addtocart .addtocart-area {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#productdetails-view.bf-premium-product-view .bf-premium-addtocart input.addtocart-button,
#productdetails-view.bf-premium-product-view .bf-premium-addtocart .addtocart-button input {
  flex: 1 1 220px;
}

@media (max-width: 1199px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr) !important;
  }
  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row {
    grid-template-columns: minmax(230px, .85fr) minmax(320px, 1.25fr) !important;
  }
  #productdetails-view.bf-premium-product-view .bf-premium-ready-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid,
  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-gallery-card,
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-buy-card,
  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row > .bf-premium-bottom-card {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: auto !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner,
  #productdetails-view.bf-premium-product-view .bf-premium-buy-inner {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  #productdetails-view.bf-premium-product-view .bf-premium-benefits {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-addtocart .addtocart-bar,
  #productdetails-view.bf-premium-product-view .bf-premium-addtocart .addtocart-area {
    display: block;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-addtocart .quantity-controls {
    width: 49% !important;
    margin-bottom: 10px;
  }
}

/* =========================================================
   BAGFUL PRODUCT PREMIUM BLOCKS V4
   4+8 верхній блок + нативна готовність з VirtueMart
========================================================= */
#productdetails-view.bf-premium-product-view .bf-premium-product-grid {
  grid-template-columns: minmax(280px, 0.48fr) minmax(0, 1.52fr) !important;
  gap: clamp(24px, 3vw, 38px) !important;
  align-items: start !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-gallery-card,
#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-buy-card {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
  min-height: auto !important;
  aspect-ratio: 1 / 1.08;
  padding: clamp(16px, 2vw, 24px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
  max-width: 100% !important;
  max-height: clamp(260px, 36vw, 440px) !important;
  object-fit: contain !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-buy-inner {
  min-height: auto !important;
  justify-content: flex-start !important;
  padding: clamp(24px, 2.6vw, 34px) !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
  max-width: 760px !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: .95 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-mini-desc {
  max-width: 760px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-price-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "sku ready"
    "price ready" !important;
  align-items: center !important;
  column-gap: 20px !important;
  row-gap: 10px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-sku {
  grid-area: sku;
}

#productdetails-view.bf-premium-product-view .top-product-price {
  grid-area: price;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native {
  grid-area: ready;
  justify-self: end;
  align-self: center;
  min-width: 110px;
  text-align: center;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native img {
  max-width: 120px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native .availability,
#productdetails-view.bf-premium-product-view .bf-premium-status-native .stock-level,
#productdetails-view.bf-premium-product-view .bf-premium-status-native span,
#productdetails-view.bf-premium-product-view .bf-premium-status-native div {
  max-width: 150px;
margin:0;
}

#productdetails-view.bf-premium-product-view .bf-premium-benefits {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-info-row {
  grid-template-columns: minmax(240px, .8fr) minmax(420px, 1.45fr) minmax(300px, .95fr) !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-ready-card .bf-premium-ready-note {
  margin-top: 18px;
}

@media (max-width: 1199px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    grid-template-columns: minmax(260px, .55fr) minmax(0, 1.45fr) !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid,
  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
    aspect-ratio: auto;
    min-height: 360px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
    font-size: clamp(30px, 7vw, 44px) !important;
  }
}

@media (max-width: 640px) {
  #productdetails-view.bf-premium-product-view .bf-premium-price-panel {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "sku"
      "price"
      "ready" !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-status-native {
    justify-self: start;
    text-align: left;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-benefits {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   BAGFUL PRODUCT PREMIUM BLOCKS V5 REAL ACTUAL
   Верхній блок 5+7: фото не дрібне, правий блок не стискається
========================================================= */
#productdetails-view.bf-premium-product-view .bf-premium-product-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, 5fr) minmax(0, 7fr) !important;
  gap: clamp(24px, 3vw, 38px) !important;
  align-items: start !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-gallery-card,
#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-buy-card {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 0 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
  min-height: clamp(500px, 42vw, 680px) !important;
  aspect-ratio: auto !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
  width: auto !important;
  max-width: min(100%, 560px) !important;
  max-height: clamp(420px, 40vw, 620px) !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-buy-inner {
  min-height: clamp(500px, 42vw, 680px) !important;
  justify-content: flex-start !important;
  padding: clamp(28px, 3vw, 44px) !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
  max-width: 780px !important;
  font-size: clamp(36px, 4.1vw, 76px) !important;
  line-height: .94 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-mini-desc {
  max-width: 760px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-price-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native {
  justify-self: end !important;
  max-width: 190px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native img {
  max-width: 160px !important;
  height: auto !important;
}

@media (max-width: 1199px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    grid-template-columns: minmax(320px, 5fr) minmax(0, 7fr) !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
    font-size: clamp(34px, 4vw, 58px) !important;
  }
}

@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-gallery-card,
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-buy-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner,
  #productdetails-view.bf-premium-product-view .bf-premium-buy-inner {
    min-height: auto !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
    max-height: 520px !important;
  }
}

@media (max-width: 640px) {
  #productdetails-view.bf-premium-product-view .bf-premium-price-panel {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-status-native {
    justify-self: start !important;
  }
}


/* =========================================================
   BAGFUL PRODUCT PREMIUM v6 — clean proportion fix
   Source: v5 actual, no fake/manual info chips
========================================================= */

#productdetails-view.bf-premium-product-view .bf-premium-product-grid {
  align-items: stretch !important;
}

#productdetails-view.bf-premium-product-view .vm-product-media-container.col-md-5 {
  width: 42% !important;
  flex: 0 0 42% !important;
  max-width: 42% !important;
}

#productdetails-view.bf-premium-product-view .vm-product-details-container.col-md-7 {
  width: 58% !important;
  flex: 0 0 58% !important;
  max-width: 58% !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-heading .page-header.product-name,
#productdetails-view.bf-premium-product-view h1.page-header.product-name {
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.04em !important;
  margin-bottom: 18px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-title-row > h1.page-header.product-name {
  display: none !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-benefits {
  display: none !important;
}

#productdetails-view.bf-premium-product-view .top-product-price span.PricesalesPrice {
  font-size: clamp(42px, 5vw, 64px) !important;
  line-height: 0.9 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native img {
  max-width: 150px !important;
  max-height: 70px !important;
  object-fit: contain !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .vm-product-media-container,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
  max-width: 100% !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
  max-height: 560px !important;
  width: auto !important;
  object-fit: contain !important;
}

@media (max-width: 1199px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-heading .page-header.product-name,
  #productdetails-view.bf-premium-product-view h1.page-header.product-name {
    font-size: clamp(30px, 4vw, 46px) !important;
  }
}

@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .vm-product-media-container.col-md-5,
  #productdetails-view.bf-premium-product-view .vm-product-details-container.col-md-7 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-heading .page-header.product-name,
  #productdetails-view.bf-premium-product-view h1.page-header.product-name {
    font-size: clamp(28px, 8vw, 42px) !important;
  }
}

@media (max-width: 640px) {
  #productdetails-view.bf-premium-product-view .bf-premium-price-panel {
    display: block !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-status-native {
    margin-top: 14px !important;
  }
  .bf-blok {
  grid-template-columns: 1fr !important;
}
#productdetails-view.bf-premium-product-view .bf-stock-note, #productdetails-view .bf-stock-note {
	margin:0 !important;
}
 #productdetails-view.bf-premium-product-view .bf-premium-status-native img, #productdetails-view .bf-premium-status-native img {
	max-height: 20px !important;
  }
  #sp-header .logo {
  height: 80px !important;
}
 #bf-fabric-toggle {
    right: -35px !important;
    width: 40px !important;
  }
  .breadcrumb {
  display: block !important;
  }
}

/* =========================================================
   BAGFUL PRODUCT PREMIUM v7 — CENTER + TITLE FIX
   Точкова правка після v6: центрування блоку, нормальний розмір заголовка,
   без зміни логіки VirtueMart і без обрізаних шаблонів.
========================================================= */

/* Центруємо саме сторінку товару, не чіпаючи глобальний .container */
#productdetails-view.bf-premium-product-view {
  width: 100% !important;
  max-width: 1380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(12px, 2vw, 24px) !important;
  padding-right: clamp(12px, 2vw, 24px) !important;
  box-sizing: border-box !important;
}

#productdetails-view.bf-premium-product-view .vm-product-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Фінальна сітка верхнього блоку 5+7 */
#productdetails-view.bf-premium-product-view .bf-premium-product-grid {
  display: grid !important;
  grid-template-columns: minmax(380px, 5fr) minmax(0, 7fr) !important;
  gap: clamp(24px, 3vw, 42px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-gallery-card,
#productdetails-view.bf-premium-product-view .bf-premium-product-grid > .bf-premium-buy-card {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Фото без надмірної порожнечі */
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
  min-height: auto !important;
  aspect-ratio: 1 / 1.06 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .product_block,
#productdetails-view.bf-premium-product-view .bf-premium-gallery-card .m-kart {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
  width: auto !important;
  max-width: 92% !important;
  max-height: clamp(360px, 38vw, 560px) !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Заголовок: преміальний, але не гігантський */
#productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
  font-size: clamp(34px, 3.35vw, 38px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.035em !important;
  max-width: 760px !important;
  margin: 0 0 18px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-mini-desc {
  max-width: 760px !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.55 !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-buy-inner {
  min-height: auto !important;
  justify-content: flex-start !important;
}

#productdetails-view.bf-premium-product-view .top-product-price span.PricesalesPrice {
  font-size: clamp(40px, 4.2vw, 58px) !important;
}

/* На широких екранах не даємо блоку втекти вправо через старі bootstrap/Helix правила */
#productdetails-view.bf-premium-product-view .row.bf-premium-product-grid,
#productdetails-view.bf-premium-product-view .row.bf-premium-product-info-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 1199px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    grid-template-columns: minmax(330px, 5fr) minmax(0, 7fr) !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
    font-size: clamp(32px, 3.8vw, 46px) !important;
  }
}

@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
    aspect-ratio: auto !important;
    min-height: auto !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
    max-height: 520px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
    font-size: clamp(30px, 7vw, 30px) !important;
  }
  #productdetails-view.bf-premium-product-view .bf-premium-sku-top, #productdetails-view .bf-premium-sku-top {
	  top:-10px !important;
  }
  #sp-header .logo .logo-image {
  height: auto;
  max-height: 55px !important;
}
.flex-auto {
  flex: 0 0 auto;
}
}

@media (max-width: 640px) {
  #productdetails-view.bf-premium-product-view {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-heading h2 {
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-price-panel {
    display: block !important;
  }
}


/* =========================================================
   BAGFUL VM AVAILABILITY GIF + EXPLANATION BLOCKS
   ========================================================= */
#productdetails-view.bf-premium-product-view .bf-premium-status-native img,
#productdetails-view .bf-premium-status-native img {
  display: inline-block !important;
  width: auto !important;
  max-width: 260px !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

#productdetails-view.bf-premium-product-view .bf-stock-note,
#productdetails-view .bf-stock-note, .product_my-position .product-fields .product-field-display {
  margin: 16px 0 20px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 2px solid #e4d8ca;
  background: #fff;
  box-shadow: 0 12px 35px rgba(33, 25, 18, 0.06);
  font-size: 14px;
  line-height: 1.55;
}

#productdetails-view.bf-premium-product-view .bf-stock-note__title,
#productdetails-view .bf-stock-note__title {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  color: #101010;
}

#productdetails-view.bf-premium-product-view .bf-stock-note__text,
#productdetails-view .bf-stock-note__text {
  margin: 0;
  color: #2b2b2b;
}

#productdetails-view.bf-premium-product-view .bf-stock-note--green,
#productdetails-view .bf-stock-note--green {
  border-color: #bfe8ce;
  background: #fbfffd;
}

#productdetails-view.bf-premium-product-view .bf-stock-note--orange,
#productdetails-view .bf-stock-note--orange {
  border-color: #f0c99b;
  background: #fffaf3;
}

#productdetails-view.bf-premium-product-view .bf-stock-note--brown,
#productdetails-view .bf-stock-note--brown {
  border-color: #dccbbd;
  background: #fbf8f5;
}

#productdetails-view.bf-premium-product-view .bf-stock-note--beige,
#productdetails-view .bf-stock-note--beige {
  border-color: #f3d7a5;
  background: #fff8e8;
}

@media (max-width: 767px) {
  #productdetails-view.bf-premium-product-view .bf-stock-note,
  #productdetails-view .bf-stock-note {
    padding: 15px 16px;
    font-size: 15px;
    border-radius: 16px;
  }

  #productdetails-view.bf-premium-product-view .bf-stock-note__title,
  #productdetails-view .bf-stock-note__title {
    font-size: 18px;
  }
}


/* =========================================================
   BAGFUL PRODUCT STATUS V9 — price/status refinement
   ========================================================= */

/* Артикул зверху над назвою */
#productdetails-view.bf-premium-product-view .bf-premium-sku-top,
#productdetails-view .bf-premium-sku-top {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 7px 14px;
  border: 1px solid #e4d8ca;
  border-radius: 999px;
  background: #fffaf4;
  color: #6f6257;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  position:relative;
  top:-20px;
}

/* старий артикул всередині ціни ховаємо, щоб не крав місце */
#productdetails-view.bf-premium-product-view .bf-premium-price-panel .bf-premium-sku,
#productdetails-view .bf-premium-price-panel .bf-premium-sku {
  display: none !important;
}

/* компактніший блок ціни */
#productdetails-view.bf-premium-product-view .bf-premium-price-panel,
#productdetails-view .bf-premium-price-panel {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  min-height: 0 !important;
  padding: 18px 22px !important;
}

/* ціна + статус поруч, а не по різних краях */
#productdetails-view.bf-premium-product-view .top-product-price,
#productdetails-view .top-product-price {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native,
#productdetails-view .bf-premium-status-native {
  flex: 0 0 auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-status-native img,
#productdetails-view .bf-premium-status-native img {
  display: inline-block !important;
  width: auto !important;
  height: 38px !important;
  max-height: 38px !important;
  max-width: 300px !important;
  object-fit: contain !important;
  border-radius: 999px !important;
  background: transparent !important;
}
.bf-blok {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* пояснювальні блоки — індивідуальні кольори */
#productdetails-view .bf-stock-note--green {
  border-color: #bfe8ce !important;
  background: #fbfffd !important;
}

#productdetails-view .bf-stock-note--orange {
  border-color: #f0c99b !important;
  background: #fff8ef !important;
}

#productdetails-view .bf-stock-note--brown {
  border-color: #d2bba8 !important;
  background: #fbf6f1 !important;
}

#productdetails-view .bf-stock-note--blue {
  border-color: #bad8f2 !important;
  background: #f4faff !important;
}

#productdetails-view .bf-stock-note--violet {
  border-color: #d8c8f4 !important;
  background: #faf7ff !important;
}

#productdetails-view .bf-stock-note--beige {
  border-color: #f3d7a5 !important;
  background: #fff8e8 !important;
}

@media (max-width: 767px) {
  #productdetails-view.bf-premium-product-view .bf-premium-price-panel,
  #productdetails-view .bf-premium-price-panel {
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 16px !important;
    flex-wrap: wrap !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-status-native img,
  #productdetails-view .bf-premium-status-native img {
    height: 25px !important;
    max-height: 30px !important;
  }
  span.addtocart-button {
  vertical-align: top !important;
  width: 49%;
}
}


/* =========================================================
   BAGFUL PRODUCT STICKY PHOTO V10
   Лівий блок фото рухається вздовж правого блоку і зупиняється в його межах
   ========================================================= */
@media (min-width: 992px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid {
    align-items: start !important;
    overflow: visible !important;
    contain: none !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card {
    position: sticky !important;
    top: 118px !important;
    align-self: start !important;
    height: fit-content !important;
    max-height: calc(100vh - 136px) !important;
    z-index: 2;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
    max-height: calc(100vh - 136px) !important;
    overflow: hidden !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card img {
    max-height: calc(100vh - 210px) !important;
  }

  #productdetails-view.bf-premium-product-view,
  #productdetails-view.bf-premium-product-view .vm-product-container,
  #productdetails-view.bf-premium-product-view .bf-premium-product-grid,
  #sp-main-body,
  #sp-component,
  .body-innerwrapper,
  .site,
  .body-wrapper {
    overflow: visible !important;
  }
}

@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-card-inner {
    max-height: none !important;
  }
}



/* =========================================================
   BAGFUL PRODUCT GALLERY V12.1
   Premium gallery for latest product files
   Main image + right vertical thumbnails on desktop.
   Horizontal thumbnails under image on tablet/mobile.
========================================================= */

@media (min-width: 992px) {
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card > .bf-premium-card-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
    max-height: calc(100vh - 130px) !important;
    overflow: hidden !important;
    padding: 18px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .bf-premium-selected-badge {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    z-index: 3 !important;
    margin: 0 !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: rgba(255, 250, 244, 0.72) !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image a,
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image div {
    max-width: 100% !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 260px) !important;
    object-fit: contain !important;
    border-radius: 20px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 112px !important;
    max-height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    scrollbar-width: thin;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images a,
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images .float-start,
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images div {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images img {
    display: block !important;
    width: 100% !important;
    height: 92px !important;
    max-width: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    border: 1px solid #e4d8ca !important;
    background: #fffaf4 !important;
    padding: 0 !important;
    opacity: .92;
    transition: transform .18s ease, opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images img:hover {
    opacity: 1;
    transform: translateY(-1px);
    border-color: #a87545 !important;
    box-shadow: 0 10px 24px rgba(33, 25, 18, .12);
  }

  /* Fallback when there are no additional images */
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card > .bf-premium-card-inner:not(:has(.additional-images)) {
    grid-template-columns: 1fr !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card > .bf-premium-card-inner:not(:has(.additional-images)) .main-image {
    grid-column: 1 / -1 !important;
  }
}

/* Tablet: main image + horizontal thumbnail strip */
@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card > .bf-premium-card-inner {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: rgba(255, 250, 244, 0.72) !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image img {
    max-height: 520px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    border-radius: 18px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images {
    margin-top: 12px !important;
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 4px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images a,
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images .float-start,
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images div {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images img {
    width: 92px !important;
    height: 78px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    border: 1px solid #e4d8ca !important;
  }
}

@media (max-width: 560px) {
  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .main-image img {
    max-height: 390px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-gallery-card .additional-images img {
    width: 78px !important;
    height: 66px !important;
  }
}



/* =========================================================
   BAGFUL PRODUCT BLOCKS 5X7
   Прибрано зайвий блок "Готовність".
   Нижні блоки: 5+7, місце третього блоку віддане під матеріали.
========================================================= */

/* Блок матеріалів / вільного поля під ціною */
#productdetails-view.bf-premium-product-view .bf-premium-materials-block {
  margin-top: 18px !important;
}

#productdetails-view.bf-premium-product-view .bf-premium-materials-block .bf-stock-note {
  display: none !important;
}

/* Нижній ряд: 5+7 */
#productdetails-view.bf-premium-product-view .bf-premium-product-info-row,
#productdetails-view.bf-premium-product-view .bf-premium-info-row,
#productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 {
  display: grid !important;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin-top: 28px !important;
}

/* Третій нижній блок більше не потрібен */
#productdetails-view.bf-premium-product-view .bf-premium-product-info-row > div:nth-child(3),
#productdetails-view.bf-premium-product-view .bf-premium-info-row > div:nth-child(3),
#productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 > div:nth-child(3),
#productdetails-view.bf-premium-product-view .bf-premium-ready-card,
#productdetails-view.bf-premium-product-view .bf-ready-card,
#productdetails-view.bf-premium-product-view .bf-stock-note-card {
  display: none !important;
}

/* Перший нижній блок */
#productdetails-view.bf-premium-product-view .bf-premium-product-info-row > div:nth-child(1),
#productdetails-view.bf-premium-product-view .bf-premium-info-row > div:nth-child(1),
#productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 > div:nth-child(1) {
  grid-column: 1 !important;
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
}

/* Другий нижній блок займає 7 частин */
#productdetails-view.bf-premium-product-view .bf-premium-product-info-row > div:nth-child(2),
#productdetails-view.bf-premium-product-view .bf-premium-info-row > div:nth-child(2),
#productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 > div:nth-child(2) {
  grid-column: 2 !important;
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
}

/* Загальний стиль нижніх premium-карток */
#productdetails-view.bf-premium-product-view .bf-premium-info-card,
#productdetails-view.bf-premium-product-view .bf-premium-characteristics-card,
#productdetails-view.bf-premium-product-view .bf-premium-materials-card {
  background: rgba(255, 250, 244, 0.72) !important;
  border: 1px solid #e4d8ca !important;
  border-radius: 24px !important;
  padding: 26px 28px !important;
  box-shadow: 0 18px 50px rgba(33, 25, 18, .08) !important;
}

/* Якщо старі col-md-* заважають нижнім блокам */
#productdetails-view.bf-premium-product-view .bf-premium-product-info-row > [class*="col-"],
#productdetails-view.bf-premium-product-view .bf-premium-info-row > [class*="col-"],
#productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Мобільна адаптація */
@media (max-width: 991px) {
  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row,
  #productdetails-view.bf-premium-product-view .bf-premium-info-row,
  #productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row > div:nth-child(1),
  #productdetails-view.bf-premium-product-view .bf-premium-product-info-row > div:nth-child(2),
  #productdetails-view.bf-premium-product-view .bf-premium-info-row > div:nth-child(1),
  #productdetails-view.bf-premium-product-view .bf-premium-info-row > div:nth-child(2),
  #productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 > div:nth-child(1),
  #productdetails-view.bf-premium-product-view .bf-premium-bottom-5x7 > div:nth-child(2) {
    grid-column: 1 !important;
  }
}