@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//7sabernutrition.uz/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//7sabernutrition.uz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 21px;
	--wd-brd-radius: 30px;
	--wd-primary-color: rgb(195,161,88);
	--wd-alternative-color: rgb(244,190,51);
	--wd-link-color: rgb(26,26,26);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(23,23,23);
	--btn-default-bgcolor-hover: rgb(25,25,25);
	--btn-accented-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(221,177,88);
	--btn-accented-bgcolor-hover: rgb(221,169,46);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://7sabernutrition.uz/wp-content/uploads/2021/09/hardware-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(16,16,16);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: url(https://7sabernutrition.uz/wp-content/uploads/2021/09/hardware-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.page .wd-page-content {
	background-color: rgb(7,7,7);
	background-image: none;
}
 {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1475px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1475px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* == 1.  Базовая «карточка‑стекло» == */
body .product-grid-item,
body .wd-products-holder .product  {
  position: relative;
  background: rgba(217,217,217,.03);         /* полупрозрачный фон */
  border-radius: 38px;                       /* как в Figma */
  overflow: hidden;
  backdrop-filter: blur(38px);
  -webkit-backdrop-filter: blur(38px);       /* Safari */
  box-shadow:
      inset 0 6px 6px     rgba(255,255,255,.15),
      inset 0 0 108px     rgba(255,255,255,.05);
  transition: box-shadow .3s ease, transform .3s ease;
}
body .product-grid-item:hover{
  transform: translateY(-6px);
  box-shadow:
      0 12px 24px rgba(0,0,0,.35),
      inset 0 6px 6px rgba(255,255,255,.15),
      inset 0 0 108px rgba(255,255,255,.05);
}

/* == 2.  Картинка продукта == */
body .product-grid-item .wd-product-thumb img{
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: scale(.88) translateY(10px);
  transition: transform .3s ease;
}
body .product-grid-item:hover .wd-product-thumb img{
  transform: scale(1) translateY(0);
}

/* == 3.  Бейдж «NEW» (стандартный woodmart‑label) == */
body .product-grid-item .wd-label-new{
  top: 16px !important;
  left: 16px !important;
  background:#C73030 !important;
  border-radius: 8px;
  font-family:'Montserrat',sans-serif;
  font-size:18px;
  height:22px;
  line-height:22px;
  padding:0 20px;
}

/* == 4.  Кнопки «сердце» и «корзина» справа == */
body .product-grid-item .wd-buttons{
  position:absolute;
  top:16px;
  right:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  z-index:5;
}
body .product-grid-item .wd-buttons .wd-action-btn{
  width:50px;
  height:50px;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
body .product-grid-item .wd-buttons .wd-action-btn i,
body .product-grid-item .wd-buttons .wd-action-btn svg{
  width:20px !important;
  height:20px !important;
  color:#323232 !important;
  fill:#323232 !important;
}

/* == 5.  Заголовок, вес, цена == */
body .product-grid-item .wd-entities-title{
  margin-top:24px;
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:22px;
  line-height:30px;          /* 136 % как в макете */
  text-align:center;
  color:#fff;
}

body .product-grid-item .wd-product-cat{
  display:none;              /* категория в макете не показана */
}

/* если «вес/объём» вы выводите через атрибуты */
body .product-grid-item .wd-product-attributes{
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:22px;
  line-height:30px;
  text-align:center;
  color:#fff;
  margin-top:4px;
}

body .product-grid-item .price{
  font-family:'Montserrat',sans-serif;
  font-weight:400;
  font-size:27px;
  line-height:33px;
  text-align:center;
  color:#D7D7D7;
  margin:16px 0 32px;
}

/* == 6.  Адаптив: фикс‑ширина на десктопе, авто на мобиле == */
@media(min-width:1200px){
  .products.columns-4 .product,            /* Woo loop */
  .wd-products-holder .product-grid-item{
    max-width:462px;
  }
}
@media(max-width:767.98px){
  body .product-grid-item{
    border-radius:24px;
  }
}
/* === ПАЛИТРА САЙТА === */
:root{
  --clr-bg:#0e0e0e;
  --clr-panel:#000;
  --clr-text:#fff;
  --clr-accent:#FFCE51;           /* золотой */
  --clr-accent-dark:#D1A054;
  --radius:8px;
  font-family:'Montserrat',Arial,sans-serif;
}

/* === КОНТЕЙНЕР === */
.cfp-wrapper{display:flex;gap:1.5rem;flex-wrap:wrap}
.cfp-filter{
  background:var(--clr-panel);
  padding:1.5rem;
  border-radius:var(--radius);
  flex:0 0 280px;
}
.cfp-products{flex:1}

/* === ТЕКСТ === */
.cfp-filter h3{
  color:var(--clr-text);
  font-size:1.1rem;
  margin:.8rem 0 .4rem;
}
.cfp-filter label{
  display:flex;align-items:center;
  color:var(--clr-text);cursor:pointer;
  margin-bottom:.5rem;
}
.cfp-filter input[type="checkbox"]{
  width:16px;height:16px;margin-right:.5rem;
  accent-color:var(--clr-accent);
}

/* === noUiSlider === */
#price-slider{margin:.6rem 0 1rem}
.noUi-target{
  background:#222;border:none;height:6px;border-radius:3px;
}
.noUi-connect{
  background:linear-gradient(90deg,var(--clr-accent),var(--clr-accent-dark));
}
.noUi-handle{
  width:20px;height:20px;top:-7px;border-radius:50%;
  background:var(--clr-accent);border:2px solid #fff;
  box-shadow:0 0 4px rgba(0,0,0,.4);cursor:pointer;
  transition:transform .15s;
}
.noUi-handle:hover{transform:scale(1.1)}
.price-values{color:var(--clr-text);margin-bottom:1rem}

/* === КНОПКА === */
#cfp-apply{
  width:100%;padding:12px 0;
  background:var(--clr-text);color:#000;font-weight:600;
  border:none;border-radius:var(--radius);text-transform:uppercase;
  transition:background .2s,color .2s;
}
#cfp-apply:hover{background:var(--clr-accent);color:#000}
#cfp-apply:disabled{opacity:.6;cursor:not-allowed}

/* === СЕТКА ТОВАРОВ === */
.cfp-products .grid{
  display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
}
.cfp-products .item{
  background:#fff;border-radius:var(--radius);padding:10px;text-align:center;
  transition:transform .2s,box-shadow .2s;
}
.cfp-products .item:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.cfp-products .price{font-weight:700;margin-top:.4rem}
.no-results{color:var(--clr-text);text-align:center;font-size:1.2rem}

/* === LOADER === */
.cfp-products .loading{opacity:.4;pointer-events:none}

/* === МОБИЛЬНЫЙ === */
@media(max-width:768px){
  .cfp-wrapper{flex-direction:column}
  .cfp-filter{width:100%}
}
body .product-grid-item .wd-buttons .wd-action-btn {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #292727;
}
.wd-toolbar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 350;
    display: none;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    height: 55px;
    background-color: var(--bgcolor-white);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
}


/* Стилизуем именно липкую (sticky) шапку */
.whb-sticked .whb-general-header {
  background: rgba(0, 0, 0, 0.35) !important; /* тёмная прозрачность */
  backdrop-filter: blur(12px); /* размытие как стекло */
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* тонкий низ */
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Убираем лишний фон у контейнера (если есть) */
.whb-sticked .whb-row {
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  /* Контейнер */
  .wd-add-btn.wd-add-btn-replace {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    z-index: 1;
  }

  /* КНОПКА */
  .add_to_cart_button.add_to_cart-loop-button {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    background-color: #d4af37 !important; /* ЗОЛОТОЙ ФОН */
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
    font-size: 0 !important;
    border: none !important;
  }

  /* Убираем текст, если есть */
  .add_to_cart_button.add_to_cart-loop-button span {
    display: none !important;
  }

  /* Иконка */
  .add_to_cart_button.add_to_cart-loop-button::before {
    font-size: 26px !important;
    color: #000 !important;
    background: none !important;
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: none !important;
  }

  /* Слой hover (по желанию) */
  .add_to_cart_button.add_to_cart-loop-button:hover::before {
    color: #fff !important;
  }
}
@media (max-width: 1024px) {
    .wd-product.wd-hover-quick .wd-add-btn {
        transform: none;
        background-color: #e1b14e;
    }