.asc-wrap{margin:.6rem 0 .2rem}
.asc-open{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.45rem .85rem;
  font:inherit;font-size:.9rem;line-height:1.2;
  color:var(--bs-body-color,#2b2b2b);
  background:transparent;
  border:1px solid var(--bs-border-color,#d6d6d6);
  border-radius:2rem;
  cursor:pointer;
  transition:border-color .15s, background-color .15s, color .15s;
}
.asc-open:hover{
  border-color:var(--bs-primary,#0d6efd);
  color:var(--bs-primary,#0d6efd);
  background:rgba(13,110,253,.04);
}
.asc-open:focus-visible{outline:2px solid var(--bs-primary,#0d6efd);outline-offset:2px}
.asc-open__icon{flex:0 0 auto}
.product-variant__label:has(> .asc-wrap){display:flex;align-items:center;flex-wrap:wrap;column-gap:0;row-gap:.25rem}
.product-variant__label > .asc-wrap{margin:0;margin-inline-start:auto;padding-inline-start:.75rem}
.asc-tab table{width:100%;border-collapse:collapse;font-size:.9rem}
.asc-tab th,.asc-tab td{border:1px solid var(--bs-border-color,#e3e3e3);padding:.5rem .6rem;text-align:center}
.asc-tab thead th{background:var(--bs-tertiary-bg,#f6f6f6);font-weight:700}
.asc-tab tbody tr:nth-child(even){background:var(--bs-tertiary-bg,#fafafa)}
.asc-tab img{max-width:100%;height:auto}
.asc-modal[hidden]{display:none}
.asc-modal{
  position:fixed;inset:0;z-index:10050;
  display:flex;align-items:center;justify-content:center;
  padding:16px;
}
.asc-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.asc-modal__box{
  position:relative;
  display:flex;flex-direction:column;
  width:100%;max-width:760px;max-height:calc(100dvh - 32px);
  background:var(--bs-body-bg,#fff);
  color:var(--bs-body-color,#2b2b2b);
  border-radius:var(--bs-border-radius-lg,12px);
  box-shadow:0 .75rem 2.5rem rgba(0,0,0,.35);
  overflow:hidden;   
}
.asc-modal__head{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:.85rem 1.1rem;
  border-bottom:1px solid var(--bs-border-color,#e3e3e3);
}
.asc-modal__name{font-weight:700;font-size:1rem}
.asc-modal__close{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:-.5rem -.5rem -.5rem 0;
  background:none;border:0;border-radius:50%;
  font-size:1.7rem;line-height:1;color:inherit;cursor:pointer;
  transition:background-color .15s;
}
.asc-modal__close:hover{background:var(--bs-tertiary-bg,#f1f1f1)}
.asc-modal__close:focus-visible{outline:2px solid var(--bs-primary,#0d6efd);outline-offset:-2px}
.asc-modal__body{padding:1rem 1.1rem;overflow:auto;overscroll-behavior:contain}
.asc-modal__body img{max-width:100%;height:auto;display:block;margin:0 auto}
.asc-modal__body table{width:100%;border-collapse:collapse;font-size:.88rem}
.asc-modal__body th,.asc-modal__body td{border:1px solid var(--bs-border-color,#e3e3e3);padding:8px 10px;text-align:center}
.asc-modal__body thead th{background:var(--bs-tertiary-bg,#f6f6f6);font-weight:700}
.asc-modal__body tbody tr:nth-child(even){background:var(--bs-tertiary-bg,#fafafa)}
@keyframes asc-fade-in{from{opacity:0}to{opacity:1}}
@keyframes asc-fade-out{from{opacity:1}to{opacity:0}}
@keyframes asc-box-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes asc-box-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.985)}}
.asc-modal:not([hidden]) .asc-modal__backdrop{animation:asc-fade-in .16s ease-out both}
.asc-modal:not([hidden]) .asc-modal__box{animation:asc-box-in .18s ease-out both}
.asc-modal--zamyka .asc-modal__backdrop{animation:asc-fade-out .16s ease-in both}
.asc-modal--zamyka .asc-modal__box{animation:asc-box-out .16s ease-in both}
.asc-modal--zamyka{pointer-events:none}
@media (prefers-reduced-motion: reduce){
  .asc-modal:not([hidden]) .asc-modal__backdrop,
  .asc-modal:not([hidden]) .asc-modal__box,
  .asc-modal--zamyka .asc-modal__backdrop,
  .asc-modal--zamyka .asc-modal__box{animation:none}
}
@media (max-width: 575.98px){
  .asc-modal{padding:0;align-items:flex-end}
  .asc-modal__box{max-width:none;max-height:calc(100dvh - 48px);
    border-radius:var(--bs-border-radius-lg,12px) var(--bs-border-radius-lg,12px) 0 0}
}