.cartpg__sum,
.ck__sum,
.ck__saved,
.acc__card {
  padding: var(--s5);
  border: 1px solid var(--line);
  border-radius: var(--r-l);
  background: var(--card);
}

@media (min-width: 640px) {
  .cartpg__sum,
  .ck__sum,
  .acc__card { padding: var(--s6); }
}

.acc__card--soft { background: var(--bg-2); }

.cartpg__sum > h2,
.ck__sum > h2,
.ck__saved > h2,
.acc__card > h2,
.ck__h {
  margin: 0 0 var(--s4);
  font-family: var(--sans);
  font-size: var(--t-h3);
  font-weight: 600;
  letter-spacing: 0;
}

.ck__h { margin-top: var(--s8); }
.ck__h:first-child { margin-top: 0; }


.ck__f,
.acc__f { margin: 0 0 var(--s5); }

.ck__two,
.acc__grid {
  display: grid;
  gap: 0 var(--s5);
}

@media (min-width: 640px) {
  .ck__two,
  .acc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.ck__f > label,
.acc__f > label,
.ck__ship > legend,
.cartpg__promo > label {
  display: block;
  margin: 0 0 var(--s2);
  font-weight: 600;
  line-height: 1.35;
}

.ck__f > label .faint,
.acc__f > label .faint { font-weight: 400; }

.cartpg__promor input,
.ck__f input,
.ck__f select,
.ck__f textarea,
.acc__f input:not([type="checkbox"]),
.acc__f select,
.acc__f textarea {
  width: 100%;
  min-height: 48px;
  padding: var(--s3) var(--s4);
  border: 1px solid var(--field);
  border-radius: var(--r-s);
  background: var(--card-2);
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.4;
}

.ck__f textarea,
.acc__f textarea {
  min-height: 96px;
  resize: vertical;
  line-height: 1.6;
}

.cartpg__promor input:focus-visible,
.ck__f input:focus-visible,
.ck__f select:focus-visible,
.ck__f textarea:focus-visible,
.acc__f input:focus-visible,
.acc__f select:focus-visible,
.acc__f textarea:focus-visible { border-color: var(--gold); }

.cartpg__promor input,
.ck__f input,
.ck__f select,
.ck__f textarea,
.acc__f input:not([type="checkbox"]),
.acc__f select,
.acc__f textarea {
  transition: border-color var(--t16) var(--e-out),
              background-color var(--t16) var(--e-out);
}

@media (pointer: coarse) {
  .cartpg__promor input,
  .ck__f input,
  .ck__f select,
  .ck__f textarea,
  .acc__f input:not([type="checkbox"]),
  .acc__f select { min-height: 52px; }
}

.ck__opt input,
.ck__check input,
.acc__f--check > input {
  flex: none;
  width: 20px;
  height: 20px;
  min-height: 0;
  margin: 0;
  padding: 0;
  accent-color: var(--gold);
}

@media (pointer: coarse) {
  .ck__opt input,
  .ck__check input,
  .acc__f--check > input { width: 24px; height: 24px; }
}

.acc__f--check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--s2) var(--s3);
}

.acc__f--check > input { grid-column: 1; grid-row: 1; margin-top: .15em; }

.acc__f--check > label {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

.acc__f--check > .acc__hint,
.acc__f--check > .acc__err { grid-column: 2; }

.acc__f--check a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }


.ck__hint,
.acc__hint {
  margin: var(--s2) 0 0;
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.5;
}


.ck__err,
.ck__errf,
.acc__err {
  display: flex;
  align-items: flex-start;
  gap: var(--s2);
  margin: var(--s2) 0 0;
  color: var(--sale-ink);
  line-height: 1.45;
}

.ck__err::before,
.ck__errf::before,
.acc__err::before {
  content: "!";
  flex: none;
  display: grid;
  place-items: center;
  width: 1.25em;
  height: 1.25em;
  margin-top: .15em;
  border: 1px solid currentColor;
  border-radius: var(--round-full);
  font-size: var(--t-spec);
  font-weight: 700;
  line-height: 1;
}

.ck__f:has(> .ck__err:not([hidden])) > input,
.ck__f:has(> .ck__err:not([hidden])) > select,
.ck__f:has(> .ck__err:not([hidden])) > textarea,
.acc__f:has(> .acc__err:not([hidden])) > input:not([type="checkbox"]),
.acc__f:has(> .acc__err:not([hidden])) > select,
.acc__f:has(> .acc__err:not([hidden])) > textarea,
.ck__f input:user-invalid,
.ck__f select:user-invalid,
.ck__f textarea:user-invalid,
.acc__f input:not([type="checkbox"]):user-invalid,
.acc__f select:user-invalid,
.acc__f textarea:user-invalid,
.ck__f [aria-invalid="true"],
.acc__f [aria-invalid="true"] {
  border-color: var(--sale-ink);
  box-shadow: inset 3px 0 0 var(--sale-ink);
}

.ck__alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--s3);
  margin: 0 0 var(--s6);
  padding: var(--s4);
  border: 1px solid var(--sale-ink);
  border-radius: var(--r);
  background: color-mix(in srgb, var(--sale) 14%, transparent);
}

.ck__alerti { color: var(--sale-ink); }
.ck__alertb > .ck__errf { margin: 0 0 var(--s2); }
.ck__alertb > .ck__errf:last-child { margin-bottom: 0; }

.acc__msg,
.cartpg__promom {
  margin: 0 0 var(--s5);
  padding: var(--s4);
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: var(--r-s);
  background: var(--card-2);
  line-height: 1.5;
}

.acc__msg.is-valid,
.cartpg__promom.is-valid { border-left-color: var(--ok); }

.acc__msg.is-err,
.cartpg__promom.is-err {
  border-left-color: var(--sale-ink);
  color: var(--sale-ink);
}

.cartpg__promom { margin: var(--s3) 0 0; }


.cartpg__note,
.ck__note,
.acc__note {
  margin: var(--s4) 0 0;
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.6;
}

.cartpg__note a,
.ck__note a,
.acc__note a { color: var(--gold); }

.acc__note--lead {
  display: flex;
  align-items: flex-start;
  gap: var(--s3);
  margin: 0 0 var(--s5);
  padding: var(--s4);
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  background: color-mix(in srgb, var(--gold) 6%, transparent);
  color: var(--read-soft);
}

.cartpg__ns,
.ck__ns {
  display: flex;
  align-items: flex-start;
  gap: var(--s3);
  margin: 0 0 var(--s6);
  padding: var(--s4);
  border: 1px solid var(--warn);
  border-radius: var(--r);
  background: color-mix(in srgb, var(--warn) 10%, transparent);
  color: var(--read);
}


.acc__acts,
.ck__donea,
.ck__missa,
.acc__emptya,
.empty .acc__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s3);
  margin: var(--s5) 0 0;
}

.acc__acts--end { justify-content: flex-end; }
.empty .acc__acts,
.acc__emptya,
.ck__missa { justify-content: center; }

.acc__acts--end .btn--hollow {
  border-color: color-mix(in srgb, var(--sale-ink) 40%, transparent);
  color: var(--sale-ink);
}

.acc__acts--end .btn--hollow:hover {
  border-color: var(--sale-ink);
  color: var(--sale-ink);
}


.cartpg__free > svg,
.cartpg__trust svg,
.ck__optn svg,
.ck__fact dt svg,
.ck__safe svg,
.ck__cardp svg,
.acc__nav svg,
.acc__note--lead svg,
.acc__sumx svg {
  flex: none;
  width: 20px;
  height: 20px;
}

.cartpg__ns svg,
.ck__ns svg,
.ck__alerti svg,
.acc__links a > svg {
  flex: none;
  width: 22px;
  height: 22px;
}

.cartpg__trust svg,
.ck__optn svg,
.ck__fact dt svg,
.ck__safe svg,
.acc__note--lead svg,
.acc__links a > svg:first-child { color: var(--gold); }

.ck__cardp svg,
.acc__sumx svg,
.acc__links a > svg:last-child { color: var(--faint); }


.acc__empty {
  padding: var(--s7) var(--s4);
  text-align: center;
}

.acc__emptyi {
  display: block;
  margin: 0 0 var(--s5);
  color: var(--gold);
  opacity: .75;
}

.acc__emptyi svg {
  width: 40px;
  height: 40px;
  margin-inline: auto;
}

.acc__emptyt {
  margin: 0 0 var(--s3);
  font-family: var(--sans);
  font-size: var(--t-h3);
  font-weight: 600;
  letter-spacing: 0;
}

.acc__emptys {
  max-width: 46ch;
  margin: 0 auto;
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.6;
}



.cartpg__grid {
  display: grid;
  gap: var(--s7);
  margin-top: var(--s6);
}

@media (min-width: 960px) {
  .cartpg__grid {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--s8);
    align-items: start;
  }
}

.cartpg__main { min-width: 0; }

.cartpg__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cartpg__row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  grid-template-areas:
    "media info del"
    "media qty  sum";
  align-items: start;
  gap: var(--s3) var(--s4);
  padding: var(--s5) 0;
  border-bottom: 1px solid var(--line);
}

.cartpg__row:first-child { padding-top: 0; }

@media (min-width: 760px) {
  .cartpg__row {
    grid-template-columns: 96px minmax(0, 1fr) auto auto auto;
    grid-template-areas: "media info qty sum del";
    align-items: center;
    gap: var(--s5);
  }
}

.cartpg__media {
  grid-area: media;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border: 1px solid var(--line);
  border-radius: var(--r-s);
  background: var(--card-2);
}

.cartpg__i {
  grid-area: info;
  min-width: 0;
}

.cartpg__n {
  margin: 0 0 var(--s2);
  font-size: var(--t-body);
  font-weight: 600;
}

.cartpg__n a:hover { color: var(--gold); }

.cartpg__spec {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s1) var(--s3);
  margin: 0 0 var(--s2);
  color: var(--muted);
  font-size: var(--t-spec);
}

.cartpg__unit {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--s1) var(--s2);
}

.cartpg__unitl {
  color: var(--faint);
  font-size: var(--t-mic);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.cartpg__row .qty { grid-area: qty; }

.cartpg__line {
  grid-area: sum;
  margin: 0;
  text-align: right;
}

.cartpg__line .eur {
  display: block;
  color: var(--gold);
  font-size: var(--t-eur);
  font-weight: 600;
}

.cartpg__line .bgn {
  display: block;
  color: var(--faint);
  font-size: var(--t-spec);
}

.cartpg__row .line__x {
  grid-area: del;
  justify-self: end;
}

@media (hover: none) {
  .cartpg__row .line__x { opacity: 1; }
}

.cartpg__back { margin: var(--s6) 0 0; }



@media (min-width: 960px) {
  .cartpg__sum,
  .ck__sum {
    position: sticky;
    top: calc(var(--hdr-h) + var(--s4));
    align-self: start;
    max-height: calc(100vh - var(--hdr-h) - var(--s8));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

.cartpg__free,
.ck__free {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--s2);
  margin: 0 0 var(--s5);
  padding: 0 0 var(--s3);
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.5;
}

.cartpg__free b,
.ck__free b {
  color: var(--gold);
  font-weight: 600;
}

.cartpg__free::before,
.ck__free::before,
.cartpg__free::after,
.ck__free::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  border-radius: var(--round-full);
}

.cartpg__free::before,
.ck__free::before { background: var(--line); }

.cartpg__free::after,
.ck__free::after {
  background: var(--grad-gold);
  transform: scaleX(var(--free-k, 0));
  transform-origin: left center;
  transition: transform var(--t24) var(--e-out);
}

.cartpg__rows,
.ck__rows {
  display: grid;
  gap: var(--s3);
  margin: 0;
}

.cartpg__r,
.ck__r {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s4);
}

.cartpg__r dt,
.ck__r dt { color: var(--muted); }

.cartpg__r dd,
.ck__r dd {
  margin: 0;
  text-align: right;
}

.ck__r--disc dd { color: var(--sale-ink); }

.cartpg__r--big,
.ck__r--big {
  margin-top: var(--s2);
  padding-top: var(--s4);
  border-top: 1px solid var(--line);
}

.cartpg__r--big dt,
.ck__r--big dt {
  color: var(--ink);
  font-size: var(--t-h3);
  font-weight: 600;
}

.cartpg__r--big .eur,
.ck__r--big .eur {
  display: block;
  color: var(--gold);
  font-size: var(--t-eur);
  font-weight: 600;
}

.cartpg__r--big .bgn,
.ck__r--big .bgn {
  display: block;
  color: var(--faint);
  font-size: var(--t-spec);
}

.cartpg__promo {
  margin: var(--s5) 0 0;
  padding-top: var(--s5);
  border-top: 1px solid var(--line);
}

.cartpg__promor {
  display: flex;
  gap: var(--s2);
}

.cartpg__promor input { min-width: 0; }
.cartpg__promor .btn { flex: none; }

.cartpg__promoh {
  margin: var(--s2) 0 0;
  color: var(--muted);
  font-size: var(--t-spec);
}

.cartpg__go {
  width: 100%;
  min-height: 52px;
  margin-top: var(--s5);
}

.cartpg__trust {
  display: grid;
  gap: var(--s3);
  margin: var(--s5) 0 0;
  padding: var(--s5) 0 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.cartpg__trust li {
  display: flex;
  align-items: center;
  gap: var(--s3);
  color: var(--muted);
  font-size: var(--t-spec);
}



.ck__grid {
  display: grid;
  gap: var(--s7);
  margin-top: var(--s6);
}

.ck:not(.ck--done) .ck__sum { order: -1; }

@media (min-width: 1000px) {
  .ck__grid {
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: var(--s8);
    align-items: start;
  }
  .ck:not(.ck--done) .ck__sum { order: 0; }
}

.ck__form,
.ck__main,
.ck__sum { min-width: 0; }


.ck__set {
  margin: 0 0 var(--s8);
  padding: 0;
  border: 0;
}

.ck__set > legend {
  display: flex;
  align-items: center;
  gap: var(--s3);
  margin: 0 0 var(--s5);
  padding: 0;
  font-family: var(--sans);
  font-size: var(--t-h3);
  font-weight: 600;
}

.ck__step {
  flex: none;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line-2);
  border-radius: var(--round-full);
  color: var(--gold);
  font-size: var(--t-spec);
  font-weight: 700;
}

.ck__ship {
  margin: 0 0 var(--s5);
  padding: 0;
  border: 0;
}


.ck__saved { margin: 0 0 var(--s7); }

.ck__savedh {
  margin: 0 0 var(--s4);
  color: var(--muted);
  font-size: var(--t-spec);
}

.ck__cards,
.ck__opts {
  display: grid;
  gap: var(--s3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ck__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s1) var(--s4);
  padding: var(--s4);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card-2);
  transition: border-color var(--t16) var(--e-out),
              background-color var(--t16) var(--e-out);
}

.ck__card:hover { border-color: var(--line-2); }

.ck__card.is-engaged {
  border-color: var(--gold);
  background: color-mix(in srgb, var(--gold) 8%, var(--card-2));
}

.ck__card.is-engaged .ck__cardp svg { color: var(--gold); }

.ck__cardt {
  grid-column: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2) var(--s3);
  font-weight: 600;
}

.ck__cardl {
  grid-column: 1;
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.5;
}

.ck__cardp {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
}


.ck__opt {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--s4);
  min-height: 56px;
  padding: var(--s4);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card-2);
  cursor: pointer;
  transition: border-color var(--t16) var(--e-out),
              background-color var(--t16) var(--e-out);
}

.ck__opt:hover { border-color: var(--line-2); }

.ck__opt:has(input:checked) {
  border-color: var(--gold);
  background: color-mix(in srgb, var(--gold) 8%, var(--card-2));
}

.ck__opt:has(input:focus-visible) {
  outline: 2px solid var(--gold-hi);
  outline-offset: 2px;
}

.ck__optb {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: var(--s1) var(--s4);
}

.ck__optn {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: var(--s2);
  font-weight: 600;
}

.ck__optp {
  grid-column: 2;
  color: var(--gold);
  font-weight: 600;
  white-space: nowrap;
}

.ck__optd {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.5;
}

.ck__safe {
  display: flex;
  align-items: flex-start;
  gap: var(--s3);
  margin-top: var(--s5);
}


.ck__end {
  display: grid;
  gap: var(--s4);
  margin-top: var(--s7);
}

.ck__check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--s3);
  padding: var(--s4);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card-2);
  cursor: pointer;
  line-height: 1.5;
}

.ck__check input { margin-top: .15em; }
.ck__check a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }

.ck__check:has(input:focus-visible) {
  outline: 2px solid var(--gold-hi);
  outline-offset: 2px;
}

.ck__end:has(.ck__err:not([hidden])) .ck__check { border-color: var(--sale-ink); }

.ck__go {
  width: 100%;
  min-height: 52px;
}


.ck__empty {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.ck__empty .lnk { color: var(--gold); }

.ck__lines {
  display: grid;
  gap: var(--s4);
  margin: 0 0 var(--s5);
  padding: 0;
  list-style: none;
}

.ck__line {
  display: flex;
  align-items: flex-start;
  gap: var(--s3);
}

.ck__linem {
  flex: none;
  width: 48px;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border: 1px solid var(--line);
  border-radius: var(--r-s);
  background: var(--card-2);
}

.ck__linei {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  gap: var(--s1);
}

.ck__linen { font-weight: 600; }
a.ck__linen:hover { color: var(--gold); }

.ck__lineq {
  color: var(--muted);
  font-size: var(--t-spec);
  line-height: 1.5;
}

.ck__linep {
  flex: none;
  margin-left: auto;
  font-weight: 600;
  white-space: nowrap;
}

.ck__promo {
  margin: var(--s5) 0 0;
  padding-top: var(--s5);
  border-top: 1px solid var(--line);
}



.ck__done {
  max-width: 62ch;
  margin: 0 auto var(--s9);
  text-align: center;
}

.ck__mark {
  width: 72px;
  height: 72px;
  margin: 0 auto var(--s5);
  color: var(--gold);
  stroke-width: 3;
}

.ck__marko {
  opacity: .5;
  stroke-dasharray: 170;
  animation: ck-ring var(--t56) var(--e-out) both;
}

.ck__markc {
  stroke-dasharray: 40;
  animation: ck-tick var(--t36) var(--e-out) var(--t36) both;
}

@keyframes ck-ring { from { stroke-dashoffset: 170; } to { stroke-dashoffset: 0; } }
@keyframes ck-tick { from { stroke-dashoffset: 40; }  to { stroke-dashoffset: 0; } }

.ck__code {
  margin: var(--s4) 0 0;
  color: var(--muted);
  font-size: var(--t-spec);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ck__code b {
  display: block;
  margin-top: var(--s2);
  color: var(--gold);
  font-family: var(--mono);
  font-size: var(--t-eur);
  letter-spacing: .04em;
  text-transform: none;
}

.ck__donet {
  margin: var(--s4) 0 0;
  color: var(--read-soft);
  line-height: 1.7;
}

.ck--done .ck__grid { margin-top: 0; }

.ck__facts {
  display: grid;
  gap: var(--s3);
  margin: 0 0 var(--s8);
}

@media (min-width: 640px) {
  .ck__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.ck__fact {
  padding: var(--s4);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card);
}

.ck__fact dt {
  display: flex;
  align-items: center;
  gap: var(--s2);
  color: var(--gold);
  font-size: var(--t-mic);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ck__fact dd {
  margin: var(--s3) 0 0;
  line-height: 1.6;
}

.ck__next {
  display: grid;
  gap: var(--s5);
  margin: 0 0 var(--s7);
  padding: 0;
  list-style: none;
  counter-reset: step;
}

.ck__next > li {
  position: relative;
  padding-left: var(--s8);
  counter-increment: step;
  color: var(--read-soft);
  line-height: 1.7;
}

.ck__next > li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line-2);
  border-radius: var(--round-full);
  color: var(--gold);
  font-size: var(--t-spec);
  font-weight: 700;
  line-height: 1;
}

.ck__next b {
  display: block;
  color: var(--ink);
}

.ck__next a { color: var(--gold); }

.ck__donec {
  margin-top: var(--s4);
  padding-top: var(--s4);
  border-top: 1px solid var(--line);
}


.ck__missw {
  max-width: 62ch;
  text-align: center;
}

.ck__missi {
  display: block;
  margin: 0 0 var(--s5);
  color: var(--warn);
}

.ck__missi svg {
  width: 40px;
  height: 40px;
  margin-inline: auto;
}

.ck__missn {
  margin: var(--s5) 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.ck__misst {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--s3) var(--s6);
  margin: var(--s6) 0 0;
}

.ck__misst .lnk { color: var(--gold); }



.acc__wrap {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  padding-inline: var(--pad);
}

.acc__head { margin-bottom: var(--s7); }
.acc__head .lead { margin-top: var(--s4); }

.acc__nav {
  margin: 0 0 var(--s7);
  border-bottom: 1px solid var(--line);
}

.acc__nav ul {
  display: flex;
  gap: var(--s2);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

.acc__nav ul::-webkit-scrollbar { display: none; }

.acc__nav a {
  display: flex;
  align-items: center;
  gap: var(--s2);
  min-height: 44px;
  margin-bottom: -1px;
  padding: var(--s3) var(--s4);
  border-bottom: 2px solid transparent;
  color: var(--muted);
  font-weight: 600;
  white-space: nowrap;
  transition: color var(--t16) var(--e-out),
              border-color var(--t16) var(--e-out);
}

.acc__nav a:hover { color: var(--ink); }

.acc__nav a[aria-current="page"] {
  border-bottom-color: var(--gold);
  color: var(--gold);
}

.acc__nav a[aria-current="page"] svg { color: var(--gold); }

.acc__card { margin: 0 0 var(--s6); }
.acc__card:last-child { margin-bottom: 0; }

.acc__count {
  margin: 0 0 var(--s5);
  color: var(--muted);
  font-size: var(--t-spec);
}


.acc__dl {
  display: grid;
  gap: var(--s3) var(--s5);
  margin: 0 0 var(--s5);
}

@media (min-width: 520px) {
  .acc__dl { grid-template-columns: max-content minmax(0, 1fr); }
}

.acc__dl dt {
  color: var(--muted);
  font-size: var(--t-spec);
}

.acc__dl dd { margin: 0; }


.acc__list {
  display: grid;
  gap: var(--s3);
  margin: 0 0 var(--s5);
  padding: 0;
  list-style: none;
}

.acc__item,
.acc__det--new {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card-2);
}

.acc__sum {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s1) var(--s4);
  min-height: 56px;
  padding: var(--s4) var(--s5);
  cursor: pointer;
  list-style: none;
}

.acc__sum::-webkit-details-marker { display: none; }

.acc__sumt {
  grid-column: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s2) var(--s3);
}

.acc__sums {
  grid-column: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s1) var(--s2);
  color: var(--muted);
  font-size: var(--t-spec);
}

.acc__sumv .eur {
  color: var(--gold);
  font-weight: 600;
}

.acc__sumx {
  grid-column: 2;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
}

.acc__sumx svg { transition: transform var(--t24) var(--e-out); }

.acc__det[open] > .acc__sum .acc__sumx svg { transform: rotate(180deg); }

.acc__det--new[open] > .acc__sum .acc__sumx svg { transform: rotate(45deg); }

.acc__det[open] > .acc__sum { border-bottom: 1px solid var(--line); }

.acc__det > .acc__form { padding: var(--s5); }
.acc__det > .acc__acts--end { margin: 0; padding: 0 var(--s5) var(--s5); }
.acc__ordb { padding: var(--s5); }

.acc__det--new { margin: 0; }

.acc__st {
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  padding: var(--s1) var(--s3);
  border: 1px solid currentColor;
  border-radius: var(--round-full);
  color: var(--muted);
  font-size: var(--t-mic);
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.acc__st::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--round-full);
  background: currentColor;
}

.acc__st[data-st="нова"]        { color: var(--gold); }
.acc__st[data-st="потвърдена"]  { color: var(--gold-hi); }
.acc__st[data-st="изпратена"]   { color: var(--warn); }
.acc__st[data-st="доставена"]   { color: var(--ok); }
.acc__st[data-st="отказана"]    { color: var(--sale-ink); }


.acc__lines {
  margin: 0 0 var(--s5);
  font-size: var(--t-spec);
}

.acc__lines th,
.acc__lines td {
  padding: var(--s2) var(--s3);
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.acc__lines th:first-child,
.acc__lines td:first-child { padding-left: 0; }

.acc__lines th:last-child,
.acc__lines td:last-child { padding-right: 0; }

.acc__lines thead th {
  color: var(--faint);
  font-size: var(--t-mic);
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.acc__lines tbody th {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.acc__lines tbody a:hover { color: var(--gold); }

.acc__tr { text-align: right; }

@media (max-width: 479px) {
  .acc__lines { font-size: var(--t-mic); }
  .acc__lines th,
  .acc__lines td { padding: var(--s2); }
}

.acc__sumbox {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s2) var(--s4);
  margin: 0 0 var(--s5);
  padding-top: var(--s4);
  border-top: 1px solid var(--line);
}

.acc__sumbox dt {
  color: var(--muted);
  font-size: var(--t-spec);
}

.acc__sumbox dd {
  margin: 0;
  text-align: right;
  font-size: var(--t-spec);
}

.acc__minus { color: var(--sale-ink); }

dt.acc__tot {
  margin-top: var(--s2);
  padding-top: var(--s3);
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-size: var(--t-body);
  font-weight: 600;
}

dd.acc__tot {
  margin-top: var(--s2);
  padding-top: var(--s3);
  border-top: 1px solid var(--line);
  font-size: var(--t-body);
}

dd.acc__tot .eur {
  display: block;
  color: var(--gold);
  font-size: var(--t-eur);
  font-weight: 600;
}

dd.acc__tot .bgn {
  display: block;
  color: var(--faint);
  font-size: var(--t-spec);
}


.acc__links {
  display: grid;
  gap: var(--s3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.acc__links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--s4);
  min-height: 56px;
  padding: var(--s4);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--card-2);
  transition: border-color var(--t16) var(--e-out);
}

.acc__links a:hover { border-color: var(--line-2); }

.acc__linkt {
  display: grid;
  gap: var(--s1);
}

.acc__linkt b { font-weight: 600; }
.acc__linkt .acc__hint { margin: 0; }

.acc__out {
  margin: var(--s6) 0 0;
  padding-top: var(--s5);
  border-top: 1px solid var(--line);
}




html[data-veil] .acc .rv,
html[data-veil] .acc .rv-y {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .acc__sumx svg,
  .cartpg__free::after,
  .ck__free::after { transition: none; }

  .ck__marko,
  .ck__markc {
    animation: none;
    stroke-dashoffset: 0;
  }

  .cartpg__promor input,
  .ck__f input,
  .ck__f select,
  .ck__f textarea,
  .acc__f input:not([type="checkbox"]),
  .acc__f select,
  .acc__f textarea,
  .ck__opt,
  .ck__card,
  .acc__links a,
  .acc__nav a { transition-duration: var(--t12); }
}

:where(html:not([data-moving])) .acc__sumx svg,
:where(html:not([data-moving])) .cartpg__free::after,
:where(html:not([data-moving])) .ck__free::after { transition: none; }

:where(html:not([data-moving])) .ck__marko,
:where(html:not([data-moving])) .ck__markc {
  animation: none;
  stroke-dashoffset: 0;
}