/* Кнопками становятся ТОЛЬКО ссылки на WB и Ozon */
[class*="prod-popup__text"] a[href*="wildberries"],
[class*="prod-popup__text"] a[href*="ozon"],
[class*="prod__details-text"] a[href*="wildberries"],
[class*="prod__details-text"] a[href*="ozon"],
[class*="product-text"] a[href*="wildberries"],
[class*="product-text"] a[href*="ozon"],
.t-store__prod-popup__text a[href*="wildberries"],
.t-store__prod-popup__text a[href*="ozon"],
.js-product-popup-text a[href*="wildberries"],
.js-product-popup-text a[href*="ozon"] {
  display: inline-block !important;
  padding: 14px 28px !important;
  margin: 8px 8px 8px 0 !important;
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: none !important;
  border: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  border-radius: 10px !important;
}

/* WB — фиолетовый */
[class*="prod-popup__text"] a[href*="wildberries"],
[class*="prod__details-text"] a[href*="wildberries"],
[class*="product-text"] a[href*="wildberries"],
.t-store__prod-popup__text a[href*="wildberries"],
.js-product-popup-text a[href*="wildberries"] {
  background-color: #BB20E2 !important;
}

/* Ozon — синий */
[class*="prod-popup__text"] a[href*="ozon"],
[class*="prod__details-text"] a[href*="ozon"],
[class*="product-text"] a[href*="ozon"],
.t-store__prod-popup__text a[href*="ozon"],
.js-product-popup-text a[href*="ozon"] {
  background-color: #005BFF !important;
}


/* Цветовые кружочки — форма */
a[href*="#sw-"] {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  margin: 4px 8px 4px 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  border: 2px solid #e0e0e0 !important;
  transition: transform 0.15s !important;
}
a[href*="#sw-"]:hover { transform: scale(1.15) !important; }

/* Цвета */
a[href*="#sw-beige"] { background-color: #CABEAC !important; }
a[href*="#sw-white"] { background-color: #ffffff !important; }
a[href*="#sw-orange"] { background-color: #FB9250 !important; }
a[href*="#sw-black"] { background-color: #000000 !important; }
a[href*="#sw-olive"] { background-color: #6F8F86 !important; }
a[href*="#sw-grey"]  { background-color: #A0A0A0 !important; }
a[href*="#sw-violet"]  { background-color: #A649C0 !important; }
a[href*="#sw-aqua"]  { background-color: #40C9C9 !important; }
a[href*="#sw-pink"]  { background-color: #F5A9C7 !important; }
a[href*="#sw-blue"]  { background-color: #28386E !important; }
a[href*="#sw-grafit"]  { background-color: #484848 !important; }
a[href*="#sw-lightblue"]  { background-color: #78B7E8 !important; }


/* Половинчатый: левая половина серая, правая бирюзовая */
a[href*="#sw-duo"] {
  background: linear-gradient(90deg, #A0A0A0 0 50%, #40C9C9 50% 100%) !important;
}
a[href*="#sw-duo2"] {
  background: linear-gradient(90deg, #F5A9C7 0 50%, #ffffff 50% 100%) !important;
}
a[href*="#sw-duo3"] {
  background: linear-gradient(90deg, #78B7E8 0 50%, #ffffff 50% 100%) !important;
}
a[href*="#sw-duo4"] {
  background: linear-gradient(90deg, #F5A9C7 0 50%, #78B7E8 50% 100%) !important;
}
a[href*="#sw-duo5"] {
  background: linear-gradient(90deg, #28386E 0 50%, #A649C0 50% 100%) !important;
}
a[href*="#sw-duo6"] {
  background: linear-gradient(90deg, #000000 0 50%, #ffffff 50% 100%) !important;
}
a[href*="#sw-duo7"] {
  background: linear-gradient(90deg, #000000 0 50%, #C81A1A 50% 100%) !important;
}
a[href*="#sw-duo9"] {
  background: linear-gradient(90deg, #2F6690 0 50%, #67CBCB 50% 100%) !important;
}

/* Активный цвет — кольцо */
a[href*="#sw-"][href*="-active"] {
  border-color: #fff !important;
  box-shadow: 0 0 0 2px #6F8F86 !important;
}


a[href*="#fin-"] {
    width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: center !important;
  box-sizing: border-box !important;
  
  display: inline-block !important;
  padding: 7px 16px !important;
  margin: 4px 8px 4px 0 !important;
  border-radius: 20px !important;
   border: 1px solid #d8d8d8 !important;
  border-bottom: 1px solid #d8d8d8 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  color: #555 !important;
  text-decoration: none !important;
  background: #fff !important;
  transition: all 0.15s !important;
}
a[href*="#fin-"]:hover {
  border-color: #999 !important;
  color: #000 !important;
}
a[href*="#fin-"][href*="-active"] {
  background: #6F8F86 !important;
  border-color: #6F8F86 !important;
  color: #fff !important;
}