:root {
  --page: #f7f4ef;
  --surface: #fffdf9;
  --surface-soft: #efe8de;
  --ink: #181714;
  --muted: #756f67;
  --line: #ded6cb;
  --dark: #171612;
  --available: #2f6e50;
  --available-bg: #e8f2eb;
  --unavailable: #a24141;
  --unavailable-bg: #f7e8e6;
  --restock: #7e5d2b;
  --restock-bg: #f7eedf;
  --whatsapp: #1e9b57;
  --radius-lg: 30px;
  --radius-md: 20px;
  --shadow: 0 22px 60px rgba(44, 36, 26, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: Tahoma, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select { font: inherit; }
button { cursor: pointer; border-radius: 999px; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }

.site-shell { width: min(1440px, 100%); margin: 0 auto; padding: 0 18px; }
.site-header {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; text-decoration: none; color: inherit; }
.brand-logo { width: 132px; height: 62px; object-fit: contain; object-position: center; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.language-toggle {
  min-width: 47px;
  height: 44px;
  padding: 0 13px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  font-weight: 800;
  letter-spacing: .04em;
}
.request-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  border: 1px solid var(--dark);
  background: var(--dark);
  color: white;
  font-weight: 700;
}
.request-count {
  min-width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: white;
  color: var(--dark);
  font-size: 12px;
}

.hero {
  display: grid;
  overflow: hidden;
  margin: 24px 0 54px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: #eee5da;
}
.hero-copy {
  order: 2;
  padding: 32px 24px 34px;
  align-self: center;
}
.hero-kicker, .section-kicker {
  display: inline-block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  direction: ltr;
}
.hero h1 {
  margin: 11px 0 12px;
  max-width: 620px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(38px, 8vw, 74px);
  font-weight: 500;
  line-height: 1.02;
}
html[dir="rtl"] .hero h1 { font-family: Tahoma, Arial, sans-serif; font-weight: 800; line-height: 1.18; }
.hero p { max-width: 610px; margin: 0; color: #5f584f; font-size: 15px; line-height: 1.9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.primary-button, .secondary-button { min-height: 46px; padding: 0 18px; font-weight: 800; }
.primary-button { border: 1px solid var(--dark); background: var(--dark); color: white; }
.secondary-button { border: 1px solid #aca294; background: transparent; color: var(--ink); }
.hero-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 22px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.status-dot { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; background: var(--available); }
.hero-visual { order: 1; min-height: 420px; position: relative; overflow: hidden; background: #d8c8b7; }
.hero-visual img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center 21%; }
.hero-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,15,10,.30), transparent 44%); }
.hero-visual-label {
  position: absolute;
  z-index: 1;
  inset-inline-start: 18px;
  bottom: 18px;
  display: grid;
  gap: 3px;
  padding: 10px 13px;
  background: rgba(255, 253, 249, .90);
  backdrop-filter: blur(8px);
  border-radius: 12px;
}
.hero-visual-label strong { font-size: 12px; letter-spacing: .12em; }
.hero-visual-label span { color: var(--muted); font-size: 10px; }

.catalog-section { scroll-margin-top: 20px; }
.section-heading { display: grid; gap: 10px; margin-bottom: 21px; }
.section-heading h2 { margin: 7px 0 0; font-size: clamp(28px, 5vw, 44px); }
.section-heading p { max-width: 620px; margin: 0; color: var(--muted); line-height: 1.8; font-size: 13px; }
.catalog-toolbar { display: grid; gap: 10px; }
.search-field input, .category-field select, .customer-form input {
  width: 100%;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  outline: none;
  transition: border .16s ease, box-shadow .16s ease;
}
.search-field input, .category-field select { min-height: 54px; border-radius: 14px; padding: 0 16px; }
.search-field input:focus, .category-field select:focus, .customer-form input:focus {
  border-color: #9f9385;
  box-shadow: 0 0 0 4px rgba(112, 96, 76, .09);
}
.status-row { display: flex; flex-direction: column; gap: 9px; margin: 13px 0 18px; }
.status-filters { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.status-filters::-webkit-scrollbar { display: none; }
.filter-chip { flex: 0 0 auto; padding: 9px 15px; border: 1px solid var(--line); background: transparent; color: var(--muted); }
.filter-chip.is-active { background: var(--dark); color: white; border-color: var(--dark); }
.catalog-result-count { margin: 0; color: var(--muted); font-size: 12px; }

.catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product-card { min-width: 0; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
.product-image-button { width: 100%; padding: 0; border: 0; border-radius: 0; position: relative; background: #e7ded4; aspect-ratio: 3 / 4; overflow: hidden; }
.product-image { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .32s ease; }
.card-badges { position: absolute; top: 9px; inset-inline: 9px; display: flex; justify-content: space-between; gap: 6px; pointer-events: none; }
.new-badge, .availability-badge { padding: 6px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.new-badge { background: rgba(25,23,20,.90); color: white; }
.availability-badge.available { color: var(--available); background: rgba(239,248,242,.94); }
.availability-badge.unavailable { color: var(--unavailable); background: rgba(252,237,235,.94); }
.product-info { padding: 13px 12px 14px; }
.product-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 9px; }
.product-code { direction: ltr; unicode-bidi: isolate; letter-spacing: .04em; }
.product-info h3 { min-height: 42px; margin: 8px 0 9px; font-size: 14px; line-height: 1.5; }
.mini-sizes { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 11px; }
.mini-size { padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 700; border: 1px solid var(--line); }
.mini-size.available { color: var(--available); background: var(--available-bg); border-color: transparent; }
.mini-size.unavailable { color: #918980; background: #f0ece7; text-decoration: line-through; }
.details-button { width: 100%; min-height: 41px; padding: 8px 10px; border: 1px solid var(--dark); background: var(--dark); color: white; font-size: 10px; font-weight: 800; }

.empty-state { padding: 48px 20px; text-align: center; color: var(--muted); }
.empty-state strong, .empty-state span { display: block; }
.empty-state strong { color: var(--ink); margin-bottom: 7px; }
.empty-state.compact { padding: 26px 10px; }
.site-footer { display: grid; place-items: center; gap: 8px; padding: 58px 0 42px; color: var(--muted); text-align: center; font-size: 12px; }
.footer-logo { width: 96px; height: 64px; object-fit: contain; opacity: .82; }
.site-footer p { margin: 0; }

.modal { width: min(1040px, calc(100vw - 18px)); max-height: calc(100vh - 18px); padding: 0; border: 0; border-radius: var(--radius-lg); background: transparent; overflow: visible; }
.modal::backdrop { background: rgba(27,23,18,.68); backdrop-filter: blur(4px); }
.modal-card { position: relative; max-height: calc(100vh - 18px); overflow: auto; background: var(--surface); border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.modal-close { position: absolute; z-index: 3; top: 13px; inset-inline-end: 13px; width: 40px; height: 40px; border: 0; background: rgba(24,22,18,.88); color: white; font-size: 24px; line-height: 1; }
.static-close { position: static; flex: 0 0 auto; }
.product-detail-grid { display: grid; }
.product-detail-image-wrap { background: #e8ded3; min-height: 390px; }
.product-detail-image { width: 100%; height: 100%; max-height: 680px; object-fit: cover; object-position: center top; }
.product-detail-body { padding: 25px 18px 30px; }
.product-detail-topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--muted); font-size: 11px; }
.product-detail-topline .availability-badge { position: static; }
.product-detail-body h2 { margin: 12px 0 5px; font-size: 30px; }
.category-label { margin: 0; color: var(--muted); }
.color-list { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 17px 0; }
.color-list small { color: var(--muted); margin-inline-end: 4px; }
.color-list span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: 11px; }
.size-list { margin-top: 24px; border-top: 1px solid var(--line); }
.size-list-heading { padding: 20px 0 9px; }
.size-list-heading h3 { margin: 0 0 5px; }
.size-list-heading span { color: var(--muted); font-size: 11px; }
.size-row { display: grid; grid-template-columns: 1fr 92px; gap: 9px; padding: 13px 0; border-top: 1px solid var(--line); align-items: end; }
.size-status { align-self: center; }
.size-status strong { display: block; }
.availability-text { display: block; margin-top: 3px; font-size: 10px; }
.availability-text.available { color: var(--available); }
.availability-text.unavailable { color: var(--unavailable); }
.quantity-field span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 10px; }
.quantity-field input { width: 100%; min-height: 42px; padding: 0 9px; border: 1px solid var(--line); border-radius: 10px; text-align: center; outline: none; }
.size-action { grid-column: 1 / -1; min-height: 44px; padding: 10px; border: 1px solid var(--dark); background: var(--dark); color: white; font-size: 11px; font-weight: 800; }
.size-action.restock { background: var(--restock-bg); color: var(--restock); border-color: #ddc69e; }

.request-card { padding: 22px 16px 26px; }
.request-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.request-heading h2 { margin: 6px 0 0; font-size: 28px; }
.request-section { padding: 19px 0; border-bottom: 1px solid var(--line); }
.request-section-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.request-section-title h3 { margin: 0; font-size: 15px; }
.request-section-title span { color: var(--muted); font-size: 10px; }
.restock-section .request-section-title h3 { color: var(--restock); }
.request-line { display: grid; grid-template-columns: 1fr 72px auto; gap: 8px; align-items: center; padding: 12px 0; border-top: 1px dashed var(--line); }
.request-line-info strong, .request-line-info span { display: block; }
.request-line-info strong { font-size: 12px; line-height: 1.5; }
.request-line-info span { margin-top: 3px; color: var(--muted); font-size: 9px; }
.cart-quantity input { width: 100%; min-height: 38px; border: 1px solid var(--line); border-radius: 9px; text-align: center; }
.remove-line { border: 0; background: transparent; color: var(--unavailable); font-size: 10px; padding: 7px 4px; }
.customer-form { padding-top: 23px; }
.customer-form h3 { margin: 0 0 14px; }
.form-grid { display: grid; gap: 10px; }
.customer-form label span { display: block; margin: 0 3px 6px; color: var(--muted); font-size: 10px; }
.customer-form input { min-height: 47px; padding: 0 12px; border-radius: 11px; }
.form-error { padding: 10px 12px; border-radius: 10px; background: var(--unavailable-bg); color: var(--unavailable); font-size: 11px; }
.whatsapp-button { width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 15px; padding: 12px 16px; border: 0; background: var(--whatsapp); color: white; font-weight: 800; }
.whatsapp-icon { font-size: 18px; }
.toast { position: fixed; z-index: 100; left: 50%; bottom: 22px; transform: translateX(-50%); max-width: calc(100vw - 32px); padding: 10px 14px; border-radius: 999px; background: var(--dark); color: white; box-shadow: var(--shadow); font-size: 11px; }

.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

@media (hover: hover) and (pointer: fine) {
  .product-image-button:hover .product-image { transform: scale(1.025); }
  .language-toggle:hover, .secondary-button:hover, .filter-chip:hover { border-color: #8d8173; }
}

@media (min-width: 700px) {
  .site-shell { padding: 0 28px; }
  .site-header { min-height: 96px; }
  .brand-logo { width: 158px; height: 72px; }
  .hero { grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr); min-height: 570px; margin-top: 30px; }
  .hero-copy { order: 1; padding: 52px 48px; }
  .hero-visual { order: 2; min-height: 570px; }
  html[dir="rtl"] .hero-copy { order: 2; }
  html[dir="rtl"] .hero-visual { order: 1; }
  .section-heading { grid-template-columns: minmax(0, 1fr) minmax(300px, 520px); align-items: end; }
  .catalog-toolbar { grid-template-columns: minmax(0, 1fr) 240px; }
  .status-row { flex-direction: row; justify-content: space-between; align-items: center; }
  .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .product-info { padding: 16px; }
  .product-info h3 { min-height: 46px; font-size: 16px; }
  .details-button { font-size: 11px; }
  .product-detail-grid { grid-template-columns: minmax(340px, .92fr) minmax(390px, 1.08fr); min-height: 620px; }
  .product-detail-body { padding: 48px 38px; }
  .product-detail-body h2 { font-size: 40px; }
  .size-row { grid-template-columns: minmax(120px, 1fr) 110px 170px; align-items: end; }
  .size-action { grid-column: auto; }
  .request-card { padding: 30px 32px 36px; }
  .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1120px) {
  .site-shell { padding: 0 44px; }
  .hero-copy { padding: 66px 62px; }
  .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .product-image-button { aspect-ratio: 3 / 4.15; }
}

@media (max-width: 420px) {
  .site-shell { padding: 0 12px; }
  .site-header { min-height: 76px; }
  .brand-logo { width: 106px; height: 56px; }
  .request-button > span:first-child { display: none; }
  .request-button { width: 46px; padding: 0; justify-content: center; }
  .catalog-grid { gap: 8px; }
  .product-info { padding: 10px 9px 11px; }
  .product-info h3 { font-size: 12px; min-height: 38px; }
  .product-meta { font-size: 8px; }
  .details-button { font-size: 9px; min-height: 38px; }
}
/* =========================================================
   MULTI COLOR / PATTERN + PRODUCT GALLERY
   ========================================================= */


.card-variant-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  margin: -2px 0 10px;

  color: var(--muted);
  font-size: 9px;
}


.variant-preview-list {
  display: flex;
  align-items: center;
}


.variant-preview {
  width: 25px;
  height: 25px;

  overflow: hidden;

  border: 2px solid var(--surface);
  border-radius: 50%;

  background: #eee7df;

  margin-inline-start: -6px;
}


.variant-preview:first-child {
  margin-inline-start: 0;
}


.variant-preview img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}



/* ======================
   PRODUCT GALLERY
   ====================== */


.product-gallery {
  display: flex;
  flex-direction: column;

  min-height: 0;

  background: #e8ded3;
}


.product-gallery-main {
  flex: 1 1 auto;

  min-height: 390px;

  overflow: hidden;

  background: #e8ded3;
}


.product-gallery-main
.product-detail-image {

  display: block;

  width: 100%;
  height: 100%;

  min-height: 390px;

  object-fit: cover;
  object-position: center top;
}



/* ======================
   IMAGE THUMBNAILS
   ====================== */


.gallery-thumbs {
  display: flex;
  gap: 8px;

  padding: 10px;

  overflow-x: auto;

  background: var(--surface);

  border-top:
    1px solid
    var(--line);

  scrollbar-width: thin;
}


.gallery-thumb {
  flex: 0 0 66px;

  width: 66px;
  height: 82px;

  padding: 0;

  overflow: hidden;

  border:
    2px solid
    transparent;

  border-radius: 10px;

  background: #eee7df;
}


.gallery-thumb.is-active {
  border-color:
    var(--dark);
}


.gallery-thumb img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;
}



/* ======================
   COLOR / PATTERN AREA
   ====================== */


.variant-section {
  margin-top: 22px;
  padding-top: 18px;

  border-top:
    1px solid
    var(--line);
}


.variant-section-heading strong,
.variant-section-heading span {

  display: block;
}


.variant-section-heading strong {
  margin-bottom: 4px;

  font-size: 14px;
}


.variant-section-heading span {
  color:
    var(--muted);

  font-size: 10px;
  line-height: 1.6;
}



/* ======================
   VARIANT BUTTONS
   ====================== */


.variant-options {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 8px;

  margin-top: 12px;
}


.variant-option {
  width: 100%;

  min-height: 68px;

  display: grid;

  grid-template-columns:
    50px
    minmax(0, 1fr)
    auto;

  gap: 10px;

  align-items: center;

  padding: 7px;

  border:
    1px solid
    var(--line);

  border-radius: 13px;

  background:
    var(--surface);

  color:
    var(--ink);

  text-align: start;
}


.variant-option.is-active {

  border-color:
    var(--dark);

  box-shadow:
    0 0 0 2px
    rgba(
      25,
      23,
      20,
      .08
    );
}



/* VARIANT IMAGE */


.variant-option-image {

  width: 50px;
  height: 54px;

  overflow: hidden;

  border-radius: 9px;

  background:
    #eee7df;
}


.variant-option-image img {

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center top;
}



/* VARIANT NAME */


.variant-option-copy {
  min-width: 0;
}


.variant-option-copy strong,
.variant-option-copy small {

  display: block;
}


.variant-option-copy strong {

  overflow: hidden;

  font-size: 11px;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


.variant-option-copy small {

  margin-top: 4px;

  color:
    var(--muted);

  font-size: 9px;

  direction: ltr;

  unicode-bidi:
    isolate;
}



/* AVAILABLE / UNAVAILABLE */


.variant-option-status {

  padding:
    5px 7px;

  border-radius:
    999px;

  font-size:
    8px;

  font-weight:
    800;

  white-space:
    nowrap;
}


.variant-option-status.available {

  color:
    var(--available);

  background:
    var(--available-bg);
}


.variant-option-status.unavailable {

  color:
    var(--unavailable);

  background:
    var(--unavailable-bg);
}



/* ======================
   SELECTED VARIANT
   ====================== */


.selected-variant-summary {

  display: flex;

  align-items: center;

  justify-content:
    space-between;

  gap: 12px;

  margin-top: 14px;

  padding:
    11px 13px;

  border-radius:
    11px;

  background:
    #f5f0ea;
}


.selected-variant-summary span {

  color:
    var(--muted);

  font-size:
    10px;
}


.selected-variant-summary strong {

  font-size:
    11px;
}



/* ======================
   TABLET
   ====================== */


@media (min-width: 760px) {

  .variant-options {

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

  }


  .gallery-thumb {

    flex-basis:
      76px;

    width:
      76px;

    height:
      94px;

  }

}



/* ======================
   DESKTOP
   ====================== */


@media (min-width: 1120px) {

  .product-gallery-main {

    min-height:
      620px;

  }


  .product-gallery-main
  .product-detail-image {

    min-height:
      620px;

    max-height:
      720px;

  }

}
/* =========================================================
   MODAVEIL — CART QUANTITY CONTROL
   ========================================================= */

.request-line {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto
    auto;
  align-items: center;
  gap: 18px;

  padding: 18px 0;
}


/* المجموعة كلها */

.cart-quantity-control {
  direction: ltr;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 46px;

  overflow: hidden;

  border: 1px solid #d8cbc2;
  border-radius: 14px;

  background: #f6f1ed;

  box-shadow:
    0 2px 7px
    rgba(67, 39, 45, 0.05);
}


/* + و - */

.cart-quantity-control .quantity-step {
  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 44px;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;

  background: transparent;

  color: #612b3d;

  font-family: Arial, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 1;

  cursor: pointer;

  transition:
    background 0.18s ease,
    color 0.18s ease;
}


/* Hover */

.cart-quantity-control .quantity-step:hover {
  background: #612b3d;
  color: #ffffff;
}


/* وقت الضغط */

.cart-quantity-control .quantity-step:active {
  background: #4d2030;
  color: #ffffff;

  transform: none;
}


/* خانة الرقم */

.cart-quantity-control .cart-quantity {
  width: 70px;
  height: 44px;

  margin: 0;

  border-left: 1px solid #ded2ca;
  border-right: 1px solid #ded2ca;
}


/* Input */

.cart-quantity-control .cart-quantity input {
  width: 100%;
  height: 100%;

  min-height: 0;

  margin: 0;
  padding: 0 6px;

  border: 0;
  border-radius: 0;

  outline: none;

  background: #ffffff;

  color: #20191b;

  text-align: center;

  font-size: 17px;
  font-weight: 700;

  direction: ltr;
}


/* Focus */

.cart-quantity-control .cart-quantity input:focus {
  background: #fffaf7;

  box-shadow:
    inset 0 0 0 2px
    rgba(97, 43, 61, 0.12);
}


/* إخفاء أسهم input الافتراضية في Chrome */

.cart-quantity-control
input[type="number"]::-webkit-inner-spin-button,
.cart-quantity-control
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


/* Firefox */

.cart-quantity-control
input[type="number"] {
  -moz-appearance: textfield;
}


/* زر حذف */

.request-line .remove-line {
  padding: 8px 10px;

  border: 0;

  background: transparent;

  color: #a14d52;

  font-size: 11px;
  font-weight: 600;

  cursor: pointer;

  transition:
    color 0.18s ease,
    background 0.18s ease;
}


.request-line .remove-line:hover {
  color: #7c252d;

  background: #f9eeee;

  border-radius: 8px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

  .request-line {
    grid-template-columns:
      minmax(0, 1fr)
      auto;

    gap: 12px;

    padding: 16px 0;
  }


  .request-line-info {
    grid-column: 1 / -1;
  }


  .cart-quantity-control {
    justify-self: start;

    height: 44px;
  }


  .cart-quantity-control .quantity-step {
    width: 42px;
    height: 42px;

    flex-basis: 42px;

    font-size: 22px;
  }


  .cart-quantity-control .cart-quantity {
    width: 64px;
    height: 42px;
  }


  .request-line .remove-line {
    align-self: center;
  }

}.custom-order-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none}