/* Final page-specific layout layer: delivery and catalogue filters. */

html:has(> body.t2c-delivery-page) {
  min-width: 100%;
  min-height: 100%;
  background: #211117;
}

html body.t2c-delivery-page.t2c-single-page {
  position: relative !important;
  isolation: isolate;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  background: transparent !important;
  color: #fff7f2 !important;
}

html body.t2c-delivery-page.t2c-single-page::before {
  position: fixed;
  z-index: -2;
  inset: 0;
  width: 100vw;
  height: 100vh;
  content: "";
  background: url("../images/mt-delivery-scene-2026-v7.webp") center center / cover no-repeat;
  pointer-events: none;
}

html body.t2c-delivery-page.t2c-single-page::after {
  position: fixed;
  z-index: -1;
  inset: 0;
  width: 100vw;
  height: 100vh;
  content: "";
  background:
    linear-gradient(180deg, rgba(28, 12, 18, .44), rgba(31, 14, 20, .62)),
    linear-gradient(90deg, rgba(35, 16, 22, .34), rgba(56, 31, 34, .12) 50%, rgba(35, 16, 22, .34));
  pointer-events: none;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-main {
  position: relative !important;
  z-index: 1;
  box-sizing: border-box !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 116px clamp(16px, 3vw, 46px) 52px !important;
  background: transparent !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-main > :where(
  .t2c-delivery-hero,
  .t2c-delivery-options,
  .t2c-delivery-process,
  .t2c-delivery-note,
  .t2c-delivery-contact
) {
  box-sizing: border-box !important;
  width: min(1040px, 100%) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

html body.t2c-delivery-page.t2c-single-page :where(
  .t2c-delivery-hero,
  .t2c-delivery-option,
  .t2c-delivery-process,
  .t2c-delivery-note,
  .t2c-delivery-contact
) {
  box-sizing: border-box !important;
  min-height: 0 !important;
  border: 1px solid rgba(255, 225, 232, .18) !important;
  border-radius: 18px !important;
  background: rgba(48, 23, 32, .76) !important;
  color: #fff8f3 !important;
  box-shadow: 0 14px 34px rgba(9, 3, 6, .20), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
  -webkit-backdrop-filter: blur(12px) saturate(112%) !important;
  backdrop-filter: blur(12px) saturate(112%) !important;
}

html body.t2c-delivery-page.t2c-single-page :where(
  .t2c-delivery-kicker,
  .t2c-delivery-option__number,
  .t2c-delivery-hero h1,
  .t2c-delivery-option h2,
  .t2c-delivery-process h2,
  .t2c-delivery-note h2,
  .t2c-delivery-contact h2,
  .t2c-delivery-option p,
  .t2c-delivery-option ul,
  .t2c-delivery-option address,
  .t2c-delivery-process ol,
  .t2c-delivery-note p,
  .t2c-delivery-contact p
) {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-kicker {
  margin: 0 0 8px !important;
  color: #f1a0bf !important;
  -webkit-text-fill-color: #f1a0bf !important;
  font: 800 11px/1.2 Inter, Arial, sans-serif !important;
  letter-spacing: .1em !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero {
  display: grid !important;
  align-content: center !important;
  min-height: 0 !important;
  padding: 26px 32px !important;
  overflow: hidden !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero::after {
  display: none !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero h1 {
  margin: 0 !important;
  color: #fff8f3 !important;
  -webkit-text-fill-color: #fff8f3 !important;
  font-size: clamp(38px, 4.2vw, 50px) !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero > p:not(.t2c-delivery-kicker) {
  max-width: 670px !important;
  margin: 12px 0 0 !important;
  color: rgba(255, 239, 233, .78) !important;
  -webkit-text-fill-color: rgba(255, 239, 233, .78) !important;
  font: 500 14px/1.55 Inter, Arial, sans-serif !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 15px 0 0 !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero__chips span {
  box-sizing: border-box !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(255, 225, 232, .18) !important;
  border-radius: 999px !important;
  background: rgba(18, 7, 12, .20) !important;
  color: rgba(255, 244, 239, .88) !important;
  -webkit-text-fill-color: rgba(255, 244, 239, .88) !important;
  font: 700 11px/1.1 Inter, Arial, sans-serif !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-options {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option {
  display: grid !important;
  align-content: start !important;
  min-width: 0 !important;
  padding: 22px 26px !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option__number {
  margin: 0 0 10px !important;
  color: #f1a0bf !important;
  -webkit-text-fill-color: #f1a0bf !important;
  font: 800 11px/1.2 Inter, Arial, sans-serif !important;
  letter-spacing: .1em !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option h2,
html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-process, .t2c-delivery-note, .t2c-delivery-contact) h2 {
  margin: 0 !important;
  color: #fff8f3 !important;
  -webkit-text-fill-color: #fff8f3 !important;
  font-size: clamp(23px, 2.45vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option > p:not(.t2c-delivery-option__number, .t2c-delivery-option__accent) {
  margin: 10px 0 0 !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option :where(p, li, address),
html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process li span,
html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note, .t2c-delivery-contact) p:not(.t2c-delivery-kicker) {
  color: rgba(255, 239, 233, .74) !important;
  -webkit-text-fill-color: rgba(255, 239, 233, .74) !important;
  font: 500 13px/1.5 Inter, Arial, sans-serif !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option ul {
  display: grid !important;
  gap: 6px !important;
  margin: 12px 0 0 !important;
  padding: 0 0 0 17px !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option li {
  padding-left: 2px !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option address {
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 11px 13px !important;
  border: 1px solid rgba(255, 225, 232, .13) !important;
  border-radius: 10px !important;
  background: rgba(18, 7, 12, .23) !important;
  font-style: normal !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-option__accent {
  margin: 10px 0 0 !important;
  color: #f1a0bf !important;
  -webkit-text-fill-color: #f1a0bf !important;
  font-weight: 800 !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process {
  display: grid !important;
  grid-template-columns: minmax(210px, .62fr) minmax(0, 1.38fr) !important;
  align-items: start !important;
  gap: 26px !important;
  padding: 22px 26px !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process__heading {
  align-self: center !important;
  min-width: 0 !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process ol {
  counter-reset: delivery-step;
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process li {
  counter-increment: delivery-step;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 2px 11px !important;
  align-items: center !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 225, 232, .12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process li:last-child {
  border-bottom: 0 !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process li::before {
  grid-row: 1 / span 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #c55380 !important;
  color: #fff !important;
  content: counter(delivery-step) !important;
  font: 800 11px/1 Inter, Arial, sans-serif !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process li b {
  color: #fff8f3 !important;
  -webkit-text-fill-color: #fff8f3 !important;
  font: 750 13px/1.25 Inter, Arial, sans-serif !important;
}

html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note, .t2c-delivery-contact) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 21px 26px !important;
}

html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note, .t2c-delivery-contact) p:not(.t2c-delivery-kicker) {
  max-width: 690px !important;
  margin: 9px 0 0 !important;
}

html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note__actions, .t2c-delivery-contact > div:last-child) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note__actions a, .t2c-delivery-contact a) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(255, 225, 232, .21) !important;
  border-radius: 9px !important;
  background: rgba(255, 244, 240, .08) !important;
  color: #fff7f2 !important;
  -webkit-text-fill-color: #fff7f2 !important;
  font: 750 12px/1.2 Inter, Arial, sans-serif !important;
  text-decoration: none !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-delivery-note__actions a:first-child,
html body.t2c-delivery-page.t2c-single-page .t2c-delivery-contact a:first-child {
  background: #b94775 !important;
}

html body.t2c-delivery-page.t2c-single-page .t2c-single-footer {
  position: relative !important;
  z-index: 1;
}

/* Catalogue sidebar: one aligned grid for headings, category rows and prices. */
html body.t2c-market-page .t2c-market__layout {
  grid-template-columns: 250px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 28px !important;
}

html body.t2c-market-page .t2c-market__filters {
  box-sizing: border-box !important;
  align-self: start !important;
  display: grid !important;
  gap: 18px !important;
  width: 250px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 229, 235, .17) !important;
  border-radius: 18px !important;
  background: rgba(61, 30, 41, .68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body.t2c-market-page .t2c-market__filters > section {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body.t2c-market-page .t2c-market__filters h2,
html body.t2c-market-page .t2c-market__filter-heading h2 {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 242, 237, .72) !important;
  -webkit-text-fill-color: rgba(255, 242, 237, .72) !important;
  font: 750 12px/1.2 Inter, Arial, sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  transform: none !important;
}

html body.t2c-market-page .t2c-market__categories {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.t2c-market-page .t2c-market__categories > button {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 72px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 229, 235, .18) !important;
  border-radius: 13px !important;
  background: rgba(41, 18, 27, .26) !important;
  color: #fff8f3 !important;
  text-align: left !important;
  transform: none !important;
}

html body.t2c-market-page .t2c-market__categories > button[data-market-category="all"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.t2c-market-page .t2c-market__categories > button > span:first-child {
  min-width: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: 700 14px/1.18 Inter, Arial, sans-serif !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body.t2c-market-page .t2c-market__categories > button > small {
  justify-self: end !important;
  width: 72px !important;
  min-width: 0 !important;
  max-width: 72px !important;
  margin: 0 !important;
  color: rgba(255, 236, 231, .62) !important;
  -webkit-text-fill-color: rgba(255, 236, 231, .62) !important;
  font: 650 9px/1.08 Inter, Arial, sans-serif !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

html body.t2c-market-page .t2c-market__categories > button[data-market-category="all"] > span {
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

html body.t2c-market-page .t2c-market__categories > button.is-active {
  grid-template-columns: minmax(0, 1fr) 72px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 8px 11px !important;
  border-color: rgba(255, 198, 219, .45) !important;
  background: linear-gradient(135deg, #c75580, #aa3f69) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  transform: none !important;
}

html body.t2c-market-page .t2c-market__categories > button.is-active[data-market-category="all"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.t2c-market-page .t2c-market__categories > button.is-active > span:first-child {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body.t2c-market-page .t2c-market__categories > button.is-active > small {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body.t2c-market-page .t2c-market__price-filter {
  gap: 12px !important;
  padding-top: 17px !important;
  border-top: 1px solid rgba(255, 229, 235, .13) !important;
}

html body.t2c-market-page .t2c-market__filter-heading {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.t2c-market-page .t2c-market__filter-heading button {
  margin: 0 !important;
  padding: 2px 0 !important;
  color: #ee92b7 !important;
  -webkit-text-fill-color: #ee92b7 !important;
  font: 700 12px/1.2 Inter, Arial, sans-serif !important;
}

html body.t2c-market-page .t2c-market__price-values {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
}

html body.t2c-market-page .t2c-market__price-values label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: rgba(255, 239, 233, .68) !important;
  font: 650 11px/1.2 Inter, Arial, sans-serif !important;
}

html body.t2c-market-page .t2c-market__price-values input {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 11px !important;
}

html body.t2c-market-page .t2c-market__range {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  margin: 0 !important;
}

html body.t2c-market-page .t2c-market__range-track {
  right: 10px !important;
  left: 10px !important;
}

html body.t2c-market-page .t2c-market__price-filter > p {
  width: 100% !important;
  margin: 0 !important;
  color: rgba(255, 239, 233, .58) !important;
  -webkit-text-fill-color: rgba(255, 239, 233, .58) !important;
  font: 500 11px/1.45 Inter, Arial, sans-serif !important;
}

html body.t2c-market-page .t2c-market__price-filter > p b {
  color: rgba(255, 247, 242, .9) !important;
  -webkit-text-fill-color: rgba(255, 247, 242, .9) !important;
}

@media (max-width: 900px) {
  html body.t2c-delivery-page.t2c-single-page .t2c-delivery-main {
    padding: 104px 14px 42px !important;
  }

  html body.t2c-delivery-page.t2c-single-page .t2c-delivery-options,
  html body.t2c-delivery-page.t2c-single-page .t2c-delivery-process,
  html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note, .t2c-delivery-contact) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note__actions, .t2c-delivery-contact > div:last-child) {
    justify-content: flex-start !important;
  }

  html body.t2c-market-page .t2c-market__layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.t2c-market-page .t2c-market__filters {
    width: 100% !important;
  }

  html body.t2c-market-page .t2c-market__categories {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  html body.t2c-delivery-page.t2c-single-page .t2c-delivery-main {
    gap: 10px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  html body.t2c-delivery-page.t2c-single-page :where(
    .t2c-delivery-hero,
    .t2c-delivery-option,
    .t2c-delivery-process,
    .t2c-delivery-note,
    .t2c-delivery-contact
  ) {
    padding: 19px 17px !important;
    border-radius: 14px !important;
  }

  html body.t2c-delivery-page.t2c-single-page .t2c-delivery-hero h1 {
    font-size: 38px !important;
  }

  html body.t2c-delivery-page.t2c-single-page :where(.t2c-delivery-note__actions, .t2c-delivery-contact > div:last-child) {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.t2c-market-page .t2c-market__categories {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}