.elementor-476 .elementor-element.elementor-element-45dd6c6:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-45dd6c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gymdevil.com/wp-content/uploads/2025/08/Hero-Section-6.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-476 .elementor-element.elementor-element-45dd6c6 > .elementor-container{min-height:650px;}.elementor-476 .elementor-element.elementor-element-45dd6c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-220px;margin-bottom:0px;}.elementor-476 .elementor-element.elementor-element-45dd6c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-476 .elementor-element.elementor-element-6c73c75 > .elementor-element-populated{padding:100px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-476 .elementor-element.elementor-element-934ff7c > .elementor-widget-container{margin:0px 120px 0px 120px;}.elementor-476 .elementor-element.elementor-element-934ff7c{text-align:center;}.elementor-476 .elementor-element.elementor-element-934ff7c .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:96px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-476 .elementor-element.elementor-element-d79cace:not(.elementor-motion-effects-element-type-background), .elementor-476 .elementor-element.elementor-element-d79cace > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-476 .elementor-element.elementor-element-d79cace > .elementor-container{max-width:1536px;}.elementor-476 .elementor-element.elementor-element-d79cace{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:70px 0px 40px 0px;}.elementor-476 .elementor-element.elementor-element-d79cace > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-476 .elementor-element.elementor-element-4b7e823{font-family:"Alexandria", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-476 .elementor-element.elementor-element-1f6d10f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 20px 40px 0px;}.elementor-476 .elementor-element.elementor-element-1f6d10f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-476 .elementor-element.elementor-element-2df5734 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-476 .elementor-element.elementor-element-6566d8f > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1440px){.elementor-476 .elementor-element.elementor-element-934ff7c .elementor-heading-title{font-size:80px;}}@media(max-width:1024px){.elementor-476 .elementor-element.elementor-element-45dd6c6 > .elementor-container{min-height:350px;}.elementor-476 .elementor-element.elementor-element-45dd6c6{padding:150px 0px 0px 0px;}.elementor-476 .elementor-element.elementor-element-6c73c75.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-476 .elementor-element.elementor-element-6c73c75 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-476 .elementor-element.elementor-element-934ff7c{width:var( --container-widget-width, 477px );max-width:477px;--container-widget-width:477px;--container-widget-flex-grow:0;}.elementor-476 .elementor-element.elementor-element-934ff7c .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-476 .elementor-element.elementor-element-934ff7c .elementor-heading-title{font-size:36px;}.elementor-476 .elementor-element.elementor-element-d79cace{padding:30px 0px 40px 0px;}.elementor-476 .elementor-element.elementor-element-bc6ed86{width:50%;}.elementor-476 .elementor-element.elementor-element-bc6ed86 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-476 .elementor-element.elementor-element-fca8752{width:50%;}.elementor-476 .elementor-element.elementor-element-fca8752.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-476 .elementor-element.elementor-element-fca8752 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-476 .elementor-element.elementor-element-43a8b5d{width:auto;max-width:auto;}}@media(min-width:768px){.elementor-476 .elementor-element.elementor-element-6c73c75{width:100%;}.elementor-476 .elementor-element.elementor-element-456f601{width:25%;}.elementor-476 .elementor-element.elementor-element-a8d33ec{width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-476 .elementor-element.elementor-element-456f601{width:100%;}.elementor-476 .elementor-element.elementor-element-bc6ed86{width:90%;}.elementor-476 .elementor-element.elementor-element-fca8752{width:10%;}.elementor-476 .elementor-element.elementor-element-a8d33ec{width:100%;}}/* Start custom CSS for html, class: .elementor-element-43a8b5d */.elementor-476 .elementor-element.elementor-element-43a8b5d h3{
font-family: 'Alexandria';
padding-top:10px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-097a312 */.elementor-476 .elementor-element.elementor-element-097a312 button:focus, button:hover {
    color: #000;
    background-color: #000;
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7c58d2 *//* ==================== FILTERS (Accordion) ==================== */

/* Заглавие на всеки филтър — десктоп/таблет */
.wpc-filter-title {
  font-family: 'Alexandria', sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #1f1f1f;
  margin-bottom: 0 !important;
}

/* Обща обвивка */
.wpc-filters-main-wrap {
  background: #1F1F1F;
  padding: 24px;
  border-radius: 20px;
  font-family: 'Inter', sans-serif;
  border: 1px solid #3a3a3a !important;
}

/* Всяка секция */
.wpc-filters-section {
  margin-bottom: 0 !important;
  overflow: hidden;
}

/* Хедър на таба – ЗАТВОРЕН по дефолт (светъл фон) */
.wpc-filters-section .wpc-filter-header {
  cursor: pointer;
  padding: 28px 20px;
  background: #FEF9F2 !important;      /* затворен = светъл */
  color: #111 !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  border: 1px solid #FEF9F2 !important;
  border-radius: 24px;
  transition: background .2s, color .2s, border-color .2s;
  margin-bottom: 20px;
  padding-right: 44px; /* място за стрелката */
}

/* ОТВОРЕН таб – зелен */
.wpc-filters-section.active .wpc-filter-header {
  background: #E4FF52 !important;
  border-color: #E4FF52 !important;
  color: #111 !important;
}

/* Скриваме вградената стрелка на плъгина */
.wpc-filters-section .wpc-filter-header::after,
.wpc-filters-section .wpc-filter-title::after{
  content: '' !important;
  display: none !important;
  background: none !important;
}

/* Наша стрелка, 20x20 */
.wpc-filters-section .wpc-filter-header::before{
  content: '';
  position: absolute;
  right: 18px; top: 50%;
  width: 20px; height: 20px;
  transform: translateY(-50%);
  background: center / contain no-repeat url('/wp-content/uploads/2025/08/Arrow-Icon-1.svg'); /* надолу (collapsed) */
}
.wpc-filters-section.active .wpc-filter-header::before{
  background-image: url('/wp-content/uploads/2025/08/Arrow-Icon.svg'); /* нагоре (expanded) */
}

/* Съдържание */
.wpc-filters-section .wpc-filter-content {
  display: none;
  padding: 12px 16px 16px;
}
.wpc-filters-section.active .wpc-filter-content { display: block; }

/* Бекъп: ако секцията е без .wpc-filter-content – скрий всичко след header/title когато е затворена */
.wpc-filters-section:not(.active) > *:not(.wpc-filter-header):not(.wpc-filter-title):not(.wpc-filter-item-title) {
  display: none;
}

/* Полета/контроли */
.wpc-filters-section input[type="number"] {
  width: 64px;
  padding: 8px 10px;
  margin-right: 8px;
  font-size: 14px;
  color: #111;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.ui-slider { margin: 12px 0; }
.ui-slider .ui-slider-range, .ui-slider .ui-slider-handle { background: #111; }
.ui-slider .ui-slider-handle { border: none; }

/* Скриваме “Edit Filter Set” */
.wpc-edit-filter-set { display: none !important; }

/* Линкове в списък (десктоп по-едри) */
.wpc-filters-main-wrap li.wpc-term-item a {
  font-family: "Alexandria", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #FEF9F2;
  line-height: 1.3;
}

/* Чекбокси — базов стил */
.wpc-filters-checkboxes li.wpc-term-item{
  display: flex; align-items: center; gap: 10px;
}
.wpc-filters-checkboxes input[type="checkbox"]{
  appearance: none;
  display: inline-block;
  width: 30px; height: 30px;              /* поискано 30x30 */
  border-radius: 16px;                     /* поискано 16 */
  background: #FEF9F2;
  border: 1.5px solid #cfcfcf;
  outline: none;
  margin: 0; /* да не бута текста */
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.wpc-filters-checkboxes input[type="checkbox"]:hover{
  box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}
/* Черно тикче при селектиран */
.wpc-filters-checkboxes input[type="checkbox"]:checked{
  border-color: #111;
  background: #FEF9F2
    center/18px 18px no-repeat
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}

/* Полета в тъмния контейнер */
.wpc-filters-widget-content .wpc-filters-section input[type="number"],
.wpc-filters-widget-content .wpc-filters-section input[type="text"]{
  color: white !important;
  font-size: 20px !important;
  font-family: "Alexandria";
}

/* Псевдо-елементи да не крадат клика */
.wpc-filters-section .wpc-filter-header::before,
.wpc-filters-section .wpc-filter-header::after,
.wpc-filters-section .wpc-filter-title::before,
.wpc-filters-section .wpc-filter-title::after { pointer-events: none; }
.wpc-filters-section .wpc-filter-header,
.wpc-filters-section .wpc-filter-title { position: relative; z-index: 1; pointer-events: auto; }

/* ==================== POPUP (мобилно) ==================== */

/* По подразбиране бутонът е скрит */
.gd-filter-toggle { display: none; }

/* Overlay – прозрачен + blur/saturate (ИЗЧИСТЕНО от конфликтни top/scale) */
.gd-filter-modal__overlay{
  background: rgba(20, 20, 20, .55) !important;
  backdrop-filter: blur(14px) saturate(120%) !important; /* updated */
}

/* Панел – тъмна карта */
.gd-filter-modal__panel{
  background: rgba(58, 58, 58, 0.3);

  backdrop-filter: blur(10px);
  border: 1px solid #3a3a3a !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.35) !important;
  border-radius: 22px !important;
}

/* --------- МОБИЛНО: поведение и стабилизирана височина --------- */
@media (max-width: 1023.98px) {

  /* Мобилен бутон — кръг с custom иконка */
  .gd-filter-toggle{
    display: inline-flex;
    width: 44px; height: 44px;
    padding: 0;
    border-radius: 999px;
    align-items: center; justify-content: center;
    border: 1px solid #3a3a3a;
    background: #1F1F1F;
    color: #fff;
    cursor: pointer;
  }
  .gd-filter-toggle svg,
  .gd-filter-toggle .gd-filter-toggle__label { display: none; }
  .gd-filter-toggle::before{
    content:''; width:24px; height:24px;
    background:center/contain no-repeat url('/wp-content/uploads/2025/09/mage_filter.svg');
    display:block;
  }

  body.gd-no-scroll { overflow: hidden; }

  .gd-filter-modal[hidden]{ display:none; }
  .gd-filter-modal{
    position: fixed; inset: 0; z-index: 9999;
    display: grid; place-items: center;
  }

  .gd-filter-modal__header{
    display:flex; align-items:center; justify-content:space-between;
    padding: 14px 18px;
    color:#fff;
  }

  .gd-filter-modal__close{
    width: 36px; height: 36px;
    border-radius: 50%;
    border: 1px solid #4a4a4a;
    background:#2a2a2a; color:#fff;
    font-size: 20px;
    display:flex; align-items:center; justify-content:center; /* центриран Х */
    line-height: 0;
    cursor:pointer;
    padding-bottom:10px;
  }

  /* ---------- СТАБИЛИЗАЦИЯ: панелът не се свива при затворени табове ---------- */
  .gd-filter-modal__panel{
    display: flex;                 /* updated */
    flex-direction: column;        /* updated */
    width: min(680px, 92vw);       /* updated */
    max-height: 90vh;              /* updated */
    height: clamp(520px, 80vh, 760px); /* updated: стабилна височина */
  }

  .gd-filter-modal__content{
    padding: 10px 14px 6px;
    flex: 1 1 auto;               /* updated: пълни останалото място */
    min-height: 280px;            /* updated: не позволява свиване до 0 */
    overflow-y: auto;             /* updated: само вертикален скрол при нужда */
    overscroll-behavior: contain; /* updated: не „дръпва“ фона */
    -webkit-overflow-scrolling: touch;
  }

  .gd-filter-modal__footer{
    padding: 14px 18px 18px;
    border-top: 1px solid #2b2b2b;
    display:flex; justify-content:center;
  }

  /* Бутон Filter Products – прозрачен, бяла рамка, radius 100 */
  .gd-filter-apply{
    width: 100%;
    padding: 30px 18px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 100px;                 /* поискано 100 */
    font-family: 'Alexandria', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color:#fff;
  }

  /* вътре филтрите – без фон/бордер (панелът ги дава) */
  .gd-filter-modal .wpc-filters-main-wrap{
    background: transparent;
    border: none !important;
    padding: 0;
  }

  /* По-нисък header на таба за мобилно */
  .wpc-filters-section .wpc-filter-header{
    padding: 18px 16px;
    margin-bottom: 14px;
  }

  /* Заглавие на филтъра само на мобилно → 16px */
  .wpc-filter-title { font-size: 16px; }

  /* Линковете/етикетите при термините на мобилно → 16px/400 */
  .wpc-filters-main-wrap li.wpc-term-item a {
    font-size: 16px;
    font-weight: 400;
  }
}

/* Допълнителни малки overrides за inputs */
.wpc-filters-main-wrap input[type=checkbox]:after{
  border-color:#000!important;
}

.wpc-filters-main-wrap input[type=radio]:checked,
.wpc-filters-main-wrap input[type=checkbox]:checked {
  border-color: #fff!important;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]{
  padding: 13px!important;
  border-radius: 9px!important;
}

.wpc-filters-main-wrap input[type=checkbox]:checked:after {
  opacity: 0!important;
}

/* Премахваме конфликтния глобален скейл на модала (НЕ го свива вече) */
.gd-filter-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  /* backdrop-filter: blur(14px) saturate(120%) !important;  // оставяме blur само на overlay */
  /* scale: 75% !important;  // REMOVED: това свиваше целия попъп */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b642e96 *//* Само вътре в .productsView */
.productsView .add_to_cart_button,
.productsView a.ajax_add_to_cart { display: none !important; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6566d8f *//* снимка */
.woocommerce ul.products li.product a img {
  background: white;
  border-radius: 16px;
}

/* Картата като flex-колона за да се изравнява бутонът долу */
.woocommerce ul.products li.product{
  display:flex;
  flex-direction:column;
}

/* заглавие */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:white;
  font-family:'Alexandria';
  font-weight:600;
  line-height:140%;
  font-size:22px;
  margin-bottom:10px;            /* въздух под заглавието */
  /* до 2 реда + … */
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* цена */
.woocommerce ul.products li.product .price{
  color:white;
  font-size:20px;
  font-weight:400;
  font-family:'Alexandria';
  line-height:90%;
  margin-bottom:12px;            /* въздух под цената */
}

/* брояч */
.woocommerce .woocommerce-result-count{
  margin:0 0 1em;
  color:white;
  text-transform:uppercase;
  font-size:24px;
  font-weight:400;
  font-family:Alexandria;
}

/* скриване сортиране */
.woocommerce .woocommerce-ordering select{ display:none; }

/* бутон — ПАЗИ естествената ширина */
.woocommerce ul.products li.product .button{
  background:#c9dfff;
  color:#1f1f1f;
  font-family:'Alexandria';
  font-weight:400;
  padding:21px 21px 21px 18px;
  border-radius:24px;
                 /* залепя долу в картата */
  align-self:flex-start;         /* не се разтяга на 100% ширина */
  display:inline-block;
  width:auto;
  background: #c9dfff;
    color: #1f1f1f;
    font-family: "Alexandria";
    font-weight: 400;
     display:inline-block;
    text-transform: uppercase;
    line-height: 24px;
    border-radius: 30px 30px 30px 30px;
      width:auto;

}

/* махане на badge */
.woocommerce span.onsale{ display:none !important; }

/* pagination */
nav.woocommerce-pagination{
  margin-top:24px;
  border:0 !important; outline:0 !important; box-shadow:none !important;
  background:transparent !important;
}
nav.woocommerce-pagination ul.page-numbers{
  display:flex; align-items:center; justify-content:center;
  gap:18px; list-style:none; padding:0; margin:0;
  border:0 !important; outline:0 !important; box-shadow:none !important;
  background:transparent !important;
}
nav.woocommerce-pagination ul.page-numbers > li{
  margin:0; padding:0;
  border:0 !important; outline:0 !important; box-shadow:none !important;
  background:transparent !important;
}
nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers:not(.prev):not(.next),
nav.woocommerce-pagination ul.page-numbers > li > span.page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  padding:0 6px;
  font-size:20px; line-height:1; font-weight:500; text-decoration:none;
  color:#8e9399;
  border:0 !important; outline:0 !important; box-shadow:none !important;
  background:transparent !important;
}
nav.woocommerce-pagination ul.page-numbers > li > a.page-numbers:hover{ color:#fff; }
nav.woocommerce-pagination ul.page-numbers > li > span.current{
  color:#fff !important; font-weight:700;
}
nav.woocommerce-pagination ul.page-numbers .dots{
  color:#fff; letter-spacing:3px; pointer-events:none;
  border:0 !important; background:transparent !important; box-shadow:none !important;
}
nav.woocommerce-pagination ul.page-numbers > li > a.prev,
nav.woocommerce-pagination ul.page-numbers > li > a.next{
  width:61px; height:61px; flex:0 0 61px;
  display:inline-block; padding:0;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:61px 61px !important;
  border:0 !important; outline:0 !important; box-shadow:none !important;
  color:transparent; font-size:0; line-height:0; overflow:hidden;
}
nav.woocommerce-pagination ul.page-numbers > li > a.prev{
  background: transparent url("https://gymdevil.com/wp-content/uploads/2025/08/arrow-left-1.svg")
              center/61px 61px no-repeat !important;
}
nav.woocommerce-pagination ul.page-numbers > li > a.next{
  background: transparent url("https://gymdevil.com/wp-content/uploads/2025/08/arrow-right-1.svg")
              center/61px 61px no-repeat !important;
}
nav.woocommerce-pagination ul.page-numbers > li > a.prev::before,
nav.woocommerce-pagination ul.page-numbers > li > a.prev::after,
nav.woocommerce-pagination ul.page-numbers > li > a.next::before,
nav.woocommerce-pagination ul.page-numbers > li > a.next::after{
  content:none !important;
}
nav.woocommerce-pagination a:focus{
  outline:none !important; box-shadow:none !important;
}

/* ===== Типография + фиксиран мин. ръст на заглавието за равни бутони ===== */

/* Големи екрани (≥1440px) — 24px, line-height 140% → 24*1.4*2 ≈ 67px */
@media (min-width:1440px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:24px !important;
/*    min-height:68px;                 /* ключово за изравняване на бутоните */
  }
  .woocommerce ul.products li.product .price{ font-size:20px !important; }
  .woocommerce ul.products li.product .button{ font-size:16px !important; line-height:90% !important; 
  }
}

/* Лаптопи (1024–1439px) — 20px, line-height 140% → 20*1.4*2 = 56px */
@media (min-width:1024px) and (max-width:1439px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:20px !important;
    min-height:56px;                 /* ключово за изравняване на бутоните */
  }
  .woocommerce ul.products li.product .price{ font-size:18px !important; }
  .woocommerce ul.products li.product .button{ font-size:14px !important; line-height:90% !important; }
}

/* Таблети (481–1023px) — 12px, line-height 140% → ~34px */
@media (min-width:481px) and (max-width:1023px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:12px !important;
    min-height:34px;
  }
  .woocommerce ul.products li.product .price{ font-size:12px !important; }
  .woocommerce ul.products li.product .button{ font-size:10px !important; }
  .woocommerce .woocommerce-result-count{ font-size:16px !important; }
}

/* Мобилни (≤480px) — 12px, line-height 140% → ~34px */
@media (max-width:480px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:12px !important;
    min-height:34px;
  }
  .woocommerce ul.products li.product .price{ font-size:12px !important; }
  .woocommerce ul.products li.product .button{ font-size:10px !important; }
  .woocommerce .woocommerce-result-count{ font-size:14px !important; }
}


/*btn arrow*/
a.button.view-product {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #CCE0FF; /* син фон като на снимката */
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 9999px; /* напълно заоблен */
  transition: background-color 0.2s ease, transform 0.2s ease;
}

a.button.view-product:hover {
  background-color: #b8d4ff;
  transform: translateY(-2px);
}

a.button.view-product::before {
  content: "";
  display: inline-block;
  width: 10px;
    height: 10px;
    margin-right: 10px;
  background: url("/wp-content/uploads/2025/09/Vector-5.svg") no-repeat center;
  background-size: contain;
}




@media (max-width:1024px){
.woocommerce ul.products li.product .button{
    margin-top: 15px;
}
a.button.view-product::before {
  content: "";
  display: inline-block;
  width: 11px;
    height: 8px;
    margin-right: 10px;
  background: url("/wp-content/uploads/2025/09/Vector-5.svg") no-repeat center;
  background-size: contain;
}
}

@media (max-width: 1024px) {
    a.button.view-product::before { 
        width:10px;
        height:10px;
    }
     .woocommerce ul.products li.product .button {
        font-size: 10px !important; 
        padding: 10px 21px 10px 18px;
     }
         .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 24px;
    }
    .woocommerce ul.products li.product .price {
    
    margin-bottom: 4px;
}
}/* End custom CSS */