/* ===== Независимая кнопка Shop Now (никаких конфликтов с другой кнопкой) ===== */

.section-button-shop-now .btn-combo-shop{
  width:150px;
  height:50px;
  border:0;
  cursor:pointer;
  margin-left: -16px;
  /* фон берём из data-bg-*, никаких заливок */
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
  border-left: 5px solid #DFDFDF;
  position: relative;           /* для абсолютного позиционирования текста */
  background-color: transparent;
  padding:0;

  will-change: transform, filter;
  transition: transform .08s ease, filter .12s ease;
}
.section-button-shop-now .btn-combo-shop:active{
  transform: translateY(1px) scale(.985);
  filter: brightness(.98) contrast(1.02);
}
.section-button-shop-now .btn-combo-shop:focus-visible{
  outline:2px solid #000; outline-offset:2px; border-radius:16px;
}

/* Слой текста поверх фона */
.section-button-shop-now .btn-layer-shop{
  position:absolute; inset:0;
  z-index:1;
  pointer-events:none; /* кликается вся кнопка */
}

/* Один фиксированный блок текста слева (под ширину 300px) */
.section-button-shop-now .price-wrap-shop{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  left:-40px;
  width:auto;
  text-align:left;
  white-space:nowrap;
  line-height:1;
}

/* Текст */
.section-button-shop-now .btn-price-shop{
  font-weight:800;
  font-size:20px;
  color:#8B8B8B;
}

/* Состояние «после клика» (меняется JS через aria-pressed) */
.section-button-shop-now .btn-combo-shop[aria-pressed="true"]{
  transform: translateY(1px) scale(.985);
  filter: brightness(.98) contrast(1.02);
}
.section-button-shop-now .btn-combo-shop[aria-pressed="true"]::before{
  content:"";
  position:absolute; inset:0;
  border-radius:16px;
  pointer-events:none; z-index:2; opacity:1;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .section-button-shop-now .btn-combo-shop,
  .section-button-shop-now .btn-combo-shop::before,
  .section-button-shop-now .btn-price-shop{
    transition: none !important;
  }
}