.customization-page.is-customizing .customization-main { margin-bottom:0; }

.customization-editor-heading,
.customization-summary-product { display:none; }

.customization-selection { container-type:inline-size; }
.customization-selection__topbar {
  position:absolute; top:0; left:0; width:100%;
  display:grid; grid-template-columns:26.09589% minmax(0,1fr) 26.98630%;
  height:calc(3.855186cqw + 1px); direction:ltr;
  border-bottom:1px solid transparent;
}
.customization-selection__heading {
  display:flex; align-items:center; justify-content:space-between;
  padding:0 14px; background:#231f20; color:#fff;
}
.customization-selection__heading span {
  font:600 calc(42px / var(--customization-scale,1))/1 'Handjet';
  translate:0 calc(-0.5px / var(--customization-scale,1));
}
.customization-selection__heading strong {
  font:700 calc(32px / var(--customization-scale,1))/1 'Handjet';
  direction:rtl; white-space:nowrap;
  translate:0 calc(-2.5px / var(--customization-scale,1));
}
.customization-selection__heading :is(span,strong) { font-variation-settings:'ELGR' 1,'ELSH' 2; }
.customization-selection .customization-toolbar { width:100%; height:100%; min-width:0; }
.customization-selection .customization-toolbar button { width:auto; height:100%; min-width:0; flex:1 1 0; padding:8px; }
.customization-selection .customization-toolbar img {
  width:calc(32px / var(--customization-scale,1)); height:calc(32px / var(--customization-scale,1));
  max-width:100%; max-height:100%; object-fit:contain;
}
.customization-page .customization-selection .customization-products { top:calc(3.855186cqw + 1px); }
.customization-page model-viewer::part(default-progress-bar) { display:none; }
@media (max-width:760px) {
  .customization-selection__topbar { position:relative; grid-template-columns:minmax(0,1fr); height:96px; grid-template-rows:40px 56px; }
  .customization-selection__spacer { display:none; }
  .customization-selection__heading span { font-size:28px; translate:0; }
  .customization-selection__heading strong { font-size:28px; translate:0; }
  .customization-selection .customization-toolbar img { width:28px; height:28px; }
  .customization-page .customization-selection .customization-products { top:auto; }
}

@media (min-width:761px) {
  .customization-detail {
    --editor-columns:26.09589% minmax(0,1fr) 26.98630%;
    container-type:inline-size;
  }
  .customization-detail { top:0 !important; }
  .customization-detail__topbar {
    display:grid;
    grid-template-columns:var(--editor-columns);
    height:calc(3.855186cqw + 1px);
  }
  .customization-detail__topbar > .customization-product-heading { display:none; }
  .customization-editor-heading {
    display:flex; align-items:center; justify-content:space-between;
    padding:0 14px; background:#231f20; color:#fff;
  }
  .customization-editor-heading span { font:600 calc(42px / var(--customization-scale,1))/1 'Handjet'; }
  .customization-editor-heading strong {
    font:700 calc(32px / var(--customization-scale,1))/1 'Handjet'; direction:rtl;
  }
  .customization-editor-heading span,
  .customization-editor-heading strong {
    font-variation-settings:'ELGR' 1,'ELSH' 2;
    translate:0 calc(-2.5px / var(--customization-scale,1));
  }
  .customization-editor-heading span { translate:0 calc(-0.5px / var(--customization-scale,1)); }
  .customization-toolbar__tail { display:none; }
  .customization-detail__topbar-side--tools { min-width:0; }
  .customization-toolbar { width:100%; height:100%; flex:1 1 auto; min-width:0; }
  .customization-toolbar button { width:auto; height:100%; min-width:0; flex:1 1 0; padding:8px; }
  .customization-toolbar img {
    width:calc(32px / var(--customization-scale,1));
    height:calc(32px / var(--customization-scale,1));
    max-width:100%; max-height:100%; object-fit:contain;
  }
  .customization-detail__grid {
    grid-template-columns:var(--editor-columns); top:calc(3.855186cqw + 1px);
    height:calc(100% - 3.855186cqw - 1px);
  }
  .customization-summary,
  .customization-workspace,
  .customization-controls { height:100%; min-height:0; }
  .customization-summary__totals { border-left:0; border-bottom:0; }
  .customization-summary-product {
    display:flex; height:58px; align-items:center;
    border-bottom:1px solid transparent; direction:ltr;
    font-family:'Adapter Arabic Text',Arial,sans-serif; line-height:1.1;
  }
  .customization-summary-product > img {
    width:56px; height:58px; padding:8px; object-fit:contain;
    border-right:1px solid transparent; box-sizing:border-box;
  }
  .customization-summary-product > div {
    display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; padding:0 12px;
  }
  .customization-summary-product strong { font-size:22px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .customization-summary-product span { font-size:16px; font-weight:400; }
  .customization-quantity strong,
  .customization-price-row strong { font-size:26px; font-weight:500; }
  .customization-quantity,
  .customization-price-row { height:58px; }
  .customization-price-row { align-items:center; padding-bottom:0; }
  .customization-price-row span { font-size:32px; line-height:1; }
  .customization-quantity__controls button { width:32px; height:32px; box-shadow:calc(1px / var(--customization-scale,1)) calc(1px / var(--customization-scale,1)) 0 #1a1a1a; font-size:28px; }
  .customization-quantity__controls output { width:auto; min-width:44px; border:0; font-size:24px; text-decoration:none; }
  .customization-add-cart { height:58px; padding-bottom:0; background:#0034dc; color:#fff; }
  .customization-status { font-size:22px; }
  .customization-controls::before { content:''; display:block; height:56px; flex:0 0 56px; border-bottom:1px solid #000; }
  .customization-option-row,
  .customization-choice { width:100%; height:85px; min-height:85px; }
  .customization-choice { flex-basis:85px; }
  .customization-option-list {
    background:repeating-linear-gradient(to bottom,
      transparent 0 calc(85px - 1px / var(--customization-scale,1)),
      #000 calc(85px - 1px / var(--customization-scale,1)) 85px);
  }
  .customization-option-row { padding:0 16px; }
  .customization-option-row__value { font-size:20px; font-weight:500; }
  .customization-option-row__value:has(.customization-option-row__swatch) > span { display:none; }
  .customization-option-row__swatch { width:40px; height:40px; flex-basis:40px; margin-left:6px; }
  /* Text metrics sit slightly below the visual centre of the shared rows. */
  .customization-quantity strong,
  .customization-price-row strong,
  .customization-price-row > span,
  .customization-summary-product > div,
  .customization-option-row label,
  .customization-option-row__value > span,
  .customization-quantity__controls output {
    translate:0 calc(-2.5px / var(--customization-scale,1));
  }
  .customization-quantity strong,
  .customization-price-row strong { font-size:calc(22px / var(--customization-scale,1)); }
  .customization-price-row > span { font-size:calc(28px / var(--customization-scale,1)); }
  .customization-summary-product strong { font-size:calc(18px / var(--customization-scale,1)); }
  .customization-summary-product span { font-size:calc(12px / var(--customization-scale,1)); }
  .customization-option-row label { font-size:calc(24px / var(--customization-scale,1)); }
  .customization-option-row__value { font-size:calc(16px / var(--customization-scale,1)); }
  .customization-quantity,
  .customization-price-row,
  .customization-summary-product,
  .customization-add-cart { height:calc(58px / var(--customization-scale,1)); }
  .customization-summary-product > img { height:100%; width:calc(56px / var(--customization-scale,1)); }
  .customization-quantity__controls button { width:calc(32px / var(--customization-scale,1)); height:calc(32px / var(--customization-scale,1)); font-size:calc(24px / var(--customization-scale,1)); padding:calc(4px / var(--customization-scale,1)) 0 2px; }
  .customization-quantity__controls [data-customization-plus] { padding:calc(2px / var(--customization-scale,1)) 0 2px; }
  .customization-quantity__controls output { font-size:calc(20px / var(--customization-scale,1)); }
  .customization-add-cart { font-size:calc(22px / var(--customization-scale,1)); padding-bottom:calc(5px / var(--customization-scale,1)); }
  .customization-status {
    height:calc(58px / var(--customization-scale,1));
    flex:0 0 calc(58px / var(--customization-scale,1));
    font-size:calc(18px / var(--customization-scale,1));
    padding-bottom:calc(5px / var(--customization-scale,1));
  }
  .customization-controls::before { height:calc(56px / var(--customization-scale,1)); flex-basis:calc(56px / var(--customization-scale,1)); }
  .customization-option-row,
  .customization-choice { height:calc(85px / var(--customization-scale,1)); min-height:calc(85px / var(--customization-scale,1)); }
  .customization-choice { flex-basis:calc(85px / var(--customization-scale,1)); }
  .customization-option-row__swatch { width:calc(40px / var(--customization-scale,1)); height:calc(40px / var(--customization-scale,1)); flex-basis:calc(40px / var(--customization-scale,1)); }
  .customization-option-list { background:none; }
}
.customization-page .customization-main .customization-detail,
.customization-page .customization-main .customization-detail *:not(.customization-editor-heading):not(.customization-editor-heading *):not(.customization-add-cart),
.customization-page .customization-toolbar-tooltip {
  font-family:'Adapter Arabic Complete',sans-serif;
  font-weight:200;
}
.customization-page .customization-main .customization-detail .customization-add-cart {
  font-family:'Adapter Arabic Complete',sans-serif;
  font-weight:700;
}

.customization-page .customization-detail :is(.customization-choice__swatch,.customization-option-row__swatch) { outline:calc(1px / var(--customization-scale,1)) solid #000; outline-offset:0; border:0; }
.customization-page .customization-detail .customization-option-row__value:has(.customization-option-row__swatch) { overflow:visible; }
.customization-page .customization-detail :is(.customization-option-row__swatch,.customization-choice__swatch:not(:has(img))) {
  position:relative; box-sizing:border-box; outline:0; background:transparent; overflow:visible;
  border:calc(2px / var(--customization-scale,1)) solid transparent;
}
.customization-page .customization-detail :is(.customization-option-row__swatch,.customization-choice__swatch:not(:has(img)))::before {
  content:''; position:absolute; left:50%; top:50%; translate:-50% -50%;
  width:calc(100% + 4px / var(--customization-scale,1)); height:calc(100% + 4px / var(--customization-scale,1));
  border-radius:50%; background:var(--option-color,#d9dde4);
  transition:width 300ms ease,height 300ms ease,transform 300ms ease;
}
.customization-page .customization-detail .customization-option-row__swatch,
.customization-page .customization-detail .customization-choice.is-selected .customization-choice__swatch:not(:has(img)) { border-color:#1a1a1a; }
.customization-page .customization-detail .customization-option-row__swatch::before,
.customization-page .customization-detail .customization-choice.is-selected .customization-choice__swatch:not(:has(img))::before { width:calc(80% + 3.2px / var(--customization-scale,1)); height:calc(80% + 3.2px / var(--customization-scale,1)); }
.customization-page .customization-detail :is(.customization-option-row,.customization-choice):is(:hover,:focus-visible) :is(.customization-option-row__swatch,.customization-choice__swatch:not(:has(img)))::before { transform:rotate(90deg); }
.customization-page .customization-detail .customization-choice__copy strong { font-size:24px; line-height:1.4; translate:0 -3px; }
.customization-page .customization-detail .customization-choice__copy small { font-size:14px; }
.customization-page .customization-detail .customization-choice__price { font-size:calc(13px / var(--customization-scale,1)); }
.customization-page .customization-detail :is(.customization-price-row > span,.customization-choice__price) {
  position:relative;
  top:calc(2px / var(--customization-scale,1));
}
.customization-page .customization-detail .customization-options-back { font-size:18px; }
.customization-page .customization-detail .customization-options-title { font-size:44px; }
@media (min-width:761px) {
  .customization-detail :is(.customization-quantity strong,.customization-price-row strong,.customization-add-cart) { font-size:calc(20px / var(--customization-scale,1)); }
  .customization-detail .customization-price-row > span { font-size:calc(21px / var(--customization-scale,1)); }
  .customization-detail .customization-summary-product strong { font-size:calc(16px / var(--customization-scale,1)); }
  .customization-detail .customization-summary-product span { font-size:calc(11px / var(--customization-scale,1)); }
  .customization-detail .customization-option-row label { font-size:calc(22px / var(--customization-scale,1)); }
  .customization-detail .customization-option-row__value { font-size:calc(14px / var(--customization-scale,1)); }
  .customization-detail .customization-quantity__controls output { font-size:calc(18px / var(--customization-scale,1)); }
  .customization-detail .customization-status { font-size:calc(16px / var(--customization-scale,1)); }
}
@media (max-width:760px) {
  .customization-page .customization-detail :is(.customization-price-row > span,.customization-choice__price) { top:2px; }
  .customization-page.is-customizing .customization-detail .customization-price-row > span { font-size:9px; }
  .customization-page .customization-detail .customization-choice__price { font-size:calc(21px / var(--customization-scale,1) - 8px); }
}