

/* =========================
   БАЗОВО ДЛЯ ОПЦІЙ
========================= */

.t-store label.t-product__option-item{
  position:relative;
}




/* =========================
   РОЗМІР — виправлення позиції
========================= */

.t-store label.t-product__option-item.t-product__option-item_simple{
  position:relative !important;
  overflow:visible !important;
}

.t-store label.t-product__option-item.t-product__option-item_simple.t-product__option-item_active::after{
  content:"";
  position:absolute;
  top:-7px !important;
  right:-7px !important;
  left:auto !important;
  bottom:auto !important;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#BBB2E9;
  z-index:20;
}

.t-store label.t-product__option-item.t-product__option-item_simple.t-product__option-item_active::before{
  content:"";
  position:absolute;
  top:-7px !important;
  right:-7px !important;
  left:auto !important;
  bottom:auto !important;
  width:18px;
  height:18px;

  background-image:url("https://demox-000-13.site-x.pro/Media/demox-000-03/check-white.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:10px;

  z-index:21;
}


/* щоб кружок не обрізався */
.t-store .t-product__option-variants,
.t-store .t-product__option-variants_buttons,
.t-store .t-product__option-variants_buttons .t-product__option-item{
  overflow:visible !important;
}


/* =========================
   БЛОК РОЗМІРНОЇ СІТКИ
========================= */

.size-params-box{
  display:block !important;
  margin-top:12px !important;
  padding:10px 16px !important;
  background:#ead3de !important;
  border:none !important;
  border-radius:0 !important;
  color:#3b3136 !important;
  font-size:16px !important;
  line-height:1.4 !important;
  width:100% !important;
  box-sizing:border-box !important;
}


/* =========================
   НЕАКТИВНІ РОЗМІРИ
========================= */

.t-store label.t-product__option-item.t-product__option-item_simple{
  overflow:hidden;
}

.t-store label.t-product__option-item.t-product__option-item_simple:has(input[disabled]),
.t-store label.t-product__option-item.t-product__option-item_simple.t-product__option-item_disabled{
  opacity:0.65 !important;
}

.t-store label.t-product__option-item.t-product__option-item_simple:has(input[disabled])::after,
.t-store label.t-product__option-item.t-product__option-item_simple.t-product__option-item_disabled::after{
  content:"";
  position:absolute;
  top:50%;
  left:10%;
  width:80%;
  height:1px;
  background:rgba(0,0,0,0.35);
  transform:rotate(-35deg);
  pointer-events:none;
  z-index:3;
}

.t-store label.t-product__option-item.t-product__option-item_simple:has(input[disabled]) .t-product__option-title,
.t-store label.t-product__option-item.t-product__option-item_simple.t-product__option-item_disabled .t-product__option-title{
  color:#999 !important;
}



/* =========================
   СТИЛЬ ДЛЯ НОВА ПОШТА КОРЗИНА
========================= */



#np-widget{font-family:inherit;width:100%;margin:0;padding:0}
#np-widget *{box-sizing:border-box}
.npw-card{border:1.5px solid #1a1a1a;border-radius:8px;background:#fff;margin-bottom:16px;overflow:visible}
.npw-head{border-bottom:1.5px solid #1a1a1a;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.npw-head-title{font-size:13px;font-weight:600;letter-spacing:.04em;color:#1a1a1a;text-transform:uppercase}
.npw-head-dot{width:8px;height:8px;border-radius:50%;background:#DA291C;flex-shrink:0}
.npw-body{padding:16px}
.npw-required{font-size:11px;color:#DA291C;margin-bottom:8px}
.npw-tabs{display:flex;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;margin-bottom:14px}
.npw-tab{flex:1;padding:9px 4px;border:none;border-right:1px solid #d0d0d0;background:#fff;font-size:13px;font-weight:500;color:#888;cursor:pointer;text-align:center;font-family:inherit;transition:background .15s,color .15s;touch-action:manipulation}
.npw-tab:last-child{border-right:none}
.npw-tab:hover{background:#f5f5f5;color:#333}
.npw-tab.active{background:#1a1a1a;color:#fff;font-weight:600}
.npw-label{display:block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#aaa;margin:12px 0 5px}
.npw-field{position:relative}
.npw-input{width:100%;padding:11px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:16px;color:#1a1a1a;background:#fafafa;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;font-family:inherit;touch-action:manipulation}
.npw-input::placeholder{color:#bbb}
.npw-input:focus{border-color:#1a1a1a;background:#fff}
.npw-input:disabled{background:#f5f5f5;color:#999;border-color:#e8e8e8;cursor:not-allowed}
.npw-input.np-err{border-color:#DA291C}
.npw-spin{display:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid #eee;border-top-color:#1a1a1a;border-radius:50%;animation:npws .65s linear infinite;pointer-events:none}
@keyframes npws{to{transform:translateY(-50%) rotate(360deg)}}
.npw-loading .npw-spin{display:block}
.npw-dd{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;background:#fff;border:1.5px solid #1a1a1a;border-radius:6px;box-shadow:4px 4px 0 rgba(0,0,0,.08);max-height:210px;overflow-y:auto;z-index:99999}
.npw-dd-item{padding:10px 14px;font-size:14px;color:#1a1a1a;cursor:pointer;border-bottom:1px solid #f0f0f0;line-height:1.4}
.npw-dd-item:last-child{border-bottom:none}
.npw-dd-item:hover{background:#f5f5f5}
.npw-dd-item small{display:block;font-size:11px;color:#bbb;margin-top:2px}
.npw-dd-empty{padding:14px;font-size:13px;color:#bbb;text-align:center}
.npw-err-msg{font-size:11px;color:#DA291C;margin-top:4px;display:none}
.npw-err-msg.show{display:block}
.npw-addr-sec{display:none}
.npw-addr-sec.show{display:block}
.npw-row{display:flex;gap:8px}
.npw-row>div{flex:1}
.npw-confirm{display:none;margin-top:14px;padding:11px 14px;border:1.5px solid #1a1a1a;border-radius:6px;align-items:flex-start;gap:10px}
.npw-confirm.show{display:flex}
.npw-confirm-check{width:18px;height:18px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.npw-confirm-check svg{width:9px;height:9px}
.npw-confirm-txt{font-size:13px;color:#1a1a1a;line-height:1.5}
.npw-confirm-txt small{display:block;font-size:11px;color:#888;margin-top:2px}
</style>


/* =========================
   СТИЛЬ ДЛЯ НОВА ПОШТА КОРЗИНА
========================= */
