/** Shopify CDN: Minification failed

Line 932:20 Unexpected "{"
Line 932:29 Expected ":"

**/
/* Clearance.ae approved homepage fidelity pass.
   Desktop values are intentionally locked to the supplied design reference.
   Mobile keeps the section-level responsive controls. */
@media screen and (min-width: 990px) {
  body.template-index main { background:#fff; }
  .template-index .clearance-container,
  .shopify-section-group-header-group .clearance-container {
    width:min(calc(100% - 40px), 1620px);
    margin-inline:auto;
  }

  /* Utility strip: show the four approved service promises in one row. */
  .announcement-bar-section .utility-bar { min-height:42px; background:#d71920; color:#fff; }
  .announcement-bar-section .utility-bar__grid { min-height:42px; grid-template-columns:minmax(0,1fr) auto!important; column-gap:24px; }
  .announcement-bar-section slideshow-component.announcement-bar { width:100%; max-width:none; }
  .announcement-bar-section .announcement-bar-slider { width:100%; }
  .announcement-bar-section .announcement-bar-slider>.slider-button { display:none!important; }
  .announcement-bar-section .announcement-bar-slider .slider {
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0;
    overflow:visible!important; scroll-snap-type:none!important; transform:none!important;
  }
  .announcement-bar-section .announcement-bar-slider .slider__slide {
    width:auto!important; max-width:none!important; min-width:0!important; transform:none!important;
    visibility:visible!important; opacity:1!important;
  }
  .announcement-bar-section .announcement-bar__message { min-height:42px; padding:0 14px; display:flex; align-items:center; justify-content:center; font-size:12px; line-height:1.15; font-weight:600; letter-spacing:0; white-space:nowrap; }
  .announcement-bar-section .announcement-bar-slider .slider__slide + .slider__slide .announcement-bar__message { border-left:1px solid rgba(255,255,255,.22); }
  .announcement-bar-section .localization-wrapper { min-width:max-content; }

  /* Header proportions from approved design. */
  [id^="ClearanceHeader-"] .ch-main { min-height:82px!important; grid-template-columns:220px minmax(420px,1fr) auto!important; gap:30px!important; }
  [id^="ClearanceHeader-"] .ch-logo { min-width:220px!important; max-width:220px!important; }
  [id^="ClearanceHeader-"] .ch-logo img { max-height:58px!important; }
  [id^="ClearanceHeader-"] .ch-search-form { height:52px!important; border-radius:8px!important; }
  [id^="ClearanceHeader-"] .ch-search-button { width:62px!important; }
  [id^="ClearanceHeader-"] .ch-actions { gap:20px!important; }
  [id^="ClearanceHeader-"] .ch-action { min-width:62px!important; font-size:12px!important; gap:5px!important; }
  [id^="ClearanceHeader-"] .ch-action svg { width:27px!important; height:27px!important; }
  [id^="ClearanceHeader-"] .ch-nav { min-height:48px!important; gap:clamp(22px,2.15vw,40px)!important; justify-content:center!important; }
  [id^="ClearanceHeader-"] .ch-nav-item { flex:0 0 auto!important; }
  [id^="ClearanceHeader-"] .ch-nav-link { flex:0 0 auto!important; font-size:13px!important; padding:7px 2px!important; white-space:nowrap!important; }
  [id^="ClearanceHeader-"] .ch-nav-link--offer { padding:8px 18px!important; }

  /* Hero and trust strip.
     Desktop first fold: announcement (42) + header (82) + nav (48) + hero/trust = viewport. */
  [id^="ClearanceHero-"] {
    --hero-height:clamp(500px, calc(100svh - 172px), 720px)!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__frame,
  [id^="ClearanceHero-"] .clearance-hero__slides,
  [id^="ClearanceHero-"] .clearance-hero__slide {
    min-height:var(--hero-height)!important;
    height:var(--hero-height)!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__content-wrap {
    min-height:var(--hero-height)!important;
    height:var(--hero-height)!important;
    padding:55px 75px 70px!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__content { width:min(43%,560px)!important; }
  [id^="ClearanceHero-"] .clearance-hero__heading { font-size:clamp(48px,4vw,68px)!important; }
  [id^="ClearanceHero-"] .clearance-hero__description { font-size:18px!important; max-width:450px!important; }
  [id^="ClearanceHero-"] .clearance-hero__trust { min-height:92px; }

  /* Tight editorial rhythm used throughout the approved homepage. */
  [id^="ClearanceCategories-"] { padding-top:14px!important; padding-bottom:14px!important; }
  [id^="DualPromos-"] { padding-top:12px!important; padding-bottom:16px!important; }
  [id^="FeaturedDeals-"] { padding-top:18px!important; padding-bottom:18px!important; }
  [id^="FeaturedDeals-"] .fd-header { margin-bottom:12px!important; }
  [id^="FeaturedDeals-"] .fd-title { font-size:28px!important; }
  [id^="FeaturedDeals-"] .fd-image-wrap { height:205px!important; padding:18px!important; }
  [id^="FeaturedDeals-"] .fd-info { padding:12px 12px 10px!important; }
  [id^="FeaturedDeals-"] .fd-product-title { min-height:34px!important; font-size:13px!important; margin-bottom:7px!important; }
  [id^="FeaturedDeals-"] .fd-price { font-size:18px!important; }
  [id^="FeaturedDeals-"] .fd-rating { margin:5px 0!important; min-height:22px!important; }
  [id^="FeaturedDeals-"] .fd-cart { min-height:42px!important; margin-top:auto!important; }

  [id^="ProductCondition-"],
  [id^="ShopByCondition-"] { padding-top:18px!important; padding-bottom:18px!important; }

  [id^="TopBrands-"] { padding-top:14px!important; padding-bottom:16px!important; }
  [id^="ClearanceTimed-"] { padding-top:14px!important; padding-bottom:14px!important; }
  [id^="ClearanceTimed-"] .clearance-limited-time__frame,
  [id^="ClearanceTimed-"] .clt-frame { min-height:260px!important; height:260px!important; }

  [id^="WhyShop-"] { padding-top:18px!important; padding-bottom:18px!important; }
  [id^="ClearanceNewsletter-"] { min-height:118px!important; }

  /* Lower homepage: use the same real content gutter as the reference. */
  [id^="ClearanceTimed-"] .clearance-container {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1620px!important;
    margin-inline:auto!important;
    padding-inline:24px!important;
  }
  [id^="ClearanceTimed-"] .ct-slider,
  [id^="ClearanceTimed-"] .ct-track,
  [id^="ClearanceTimed-"] .ct-banner { min-width:0!important; max-width:100%!important; }

  /* Footer must never use a viewport-width grid. Keep every column inside its wrapper. */
  [id^="ClearanceFooter-"] { width:100%!important; max-width:100%!important; overflow-x:clip!important; }
  [id^="ClearanceFooter-"] .cf-wrap {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1620px!important;
    margin-inline:auto!important;
    padding:30px 24px 20px!important;
  }
  [id^="ClearanceFooter-"] .cf-grid {
    box-sizing:border-box!important;
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(160px,1.05fr) repeat(3,minmax(110px,.8fr)) minmax(240px,1.25fr)!important;
    gap:clamp(18px,1.8vw,30px)!important;
  }
  [id^="ClearanceFooter-"] .cf-grid > *,
  [id^="ClearanceFooter-"] .cf-brand,
  [id^="ClearanceFooter-"] .cf-menu-block,
  [id^="ClearanceFooter-"] .cf-service { min-width:0!important; max-width:100%!important; }
  [id^="ClearanceFooter-"] .cf-logo { display:block!important; width:auto!important; max-width:min(180px,100%)!important; height:auto!important; }
  [id^="ClearanceFooter-"] .cf-heading { font-size:15px!important; }
  [id^="ClearanceFooter-"] .cf-menu a { font-size:13px!important; }
  [id^="ClearanceFooter-"] .cf-service { padding-left:20px!important; overflow:hidden!important; }
  [id^="ClearanceFooter-"] .cf-payments { display:flex!important; width:100%!important; max-width:100%!important; flex-wrap:wrap!important; gap:6px!important; }
  [id^="ClearanceFooter-"] .cf-payments li { flex:0 1 auto!important; min-width:0!important; max-width:100%!important; }
  [id^="ClearanceFooter-"] .cf-payments svg { width:auto!important; max-width:54px!important; height:26px!important; }
  [id^="ClearanceFooter-"] .cf-payment-image { width:auto!important; max-width:100%!important; height:auto!important; max-height:30px!important; object-fit:contain!important; }
}


/* Mobile header fidelity — approved compact hierarchy */
@media screen and (max-width: 749px) {
  /* Announcement: one compact line, not a hero-sized bar. */
  .announcement-bar-section .utility-bar,
  .announcement-bar-section .utility-bar__grid,
  .announcement-bar-section .announcement-bar,
  .announcement-bar-section .announcement-bar__link,
  .announcement-bar-section .announcement-bar__message {
    min-height:32px!important;
    height:32px!important;
  }
  .announcement-bar-section .utility-bar__grid {
    padding-inline:10px!important;
  }
  .announcement-bar-section .announcement-bar__message {
    padding:0 6px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:600!important;
    white-space:nowrap!important;
  }
  .announcement-bar-section .slider-button {
    width:26px!important;
    min-width:26px!important;
    height:32px!important;
    padding:0!important;
  }
  .announcement-bar-section .slider-button .icon {
    width:10px!important;
    height:10px!important;
  }
  .announcement-bar-section .localization-wrapper {
    min-height:32px!important;
    height:32px!important;
  }

  /* Main mobile row: balanced 44 / logo / 88 layout. */
  [id^="ClearanceHeader-"] .ch-mobile-row {
    box-sizing:border-box!important;
    min-height:64px!important;
    height:64px!important;
    grid-template-columns:44px minmax(0,1fr) 88px!important;
    gap:6px!important;
    padding-inline:12px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-logo {
    width:168px!important;
    max-width:min(168px,46vw)!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-logo img {
    width:100%!important;
    max-height:46px!important;
    object-fit:contain!important;
  }

  /* Give all three controls the same visual weight. */
  [id^="ClearanceHeader-"] .ch-mobile-menu,
  [id^="ClearanceHeader-"] .ch-mobile-menu summary,
  [id^="ClearanceHeader-"] .ch-mobile-actions .ch-action {
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    padding:0!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-actions {
    gap:4px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-menu svg,
  [id^="ClearanceHeader-"] .ch-mobile-actions .ch-action svg {
    display:block!important;
    width:25px!important;
    height:25px!important;
    margin:auto!important;
    stroke-width:1.8!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-actions .ch-cart-badge {
    top:1px!important;
    right:0!important;
    left:auto!important;
    min-width:16px!important;
    width:auto!important;
    height:16px!important;
    padding:0 4px!important;
    font-size:9px!important;
    line-height:16px!important;
  }

  /* Search: compact, aligned and proportional to the reference. */
  [id^="ClearanceHeader-"] .ch-mobile-search {
    padding:0 12px 10px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-search .ch-search-form {
    height:46px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-search .ch-search-input {
    padding:0 14px!important;
    font-size:15px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-search .ch-search-button {
    width:52px!important;
    min-width:52px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-search .ch-search-button svg {
    width:22px!important;
    height:22px!important;
  }
}

@media screen and (max-width: 390px) {
  [id^="ClearanceHeader-"] .ch-mobile-row { padding-inline:9px!important; }
  [id^="ClearanceHeader-"] .ch-mobile-logo { width:154px!important; max-width:44vw!important; }
  [id^="ClearanceHeader-"] .ch-mobile-search { padding-inline:9px!important; }
}


/* Mobile composition correction: screenshot-calibrated */
@media screen and (max-width:749px) {
  /* Utility bar: vertically center both offer and locale. */
  .announcement-bar-section .utility-bar { min-height:34px!important; height:34px!important; }
  .announcement-bar-section .utility-bar__grid {
    box-sizing:border-box!important;
    min-height:34px!important; height:34px!important;
    align-items:center!important;
    padding:0 8px!important;
  }
  .announcement-bar-section slideshow-component.announcement-bar,
  .announcement-bar-section .announcement-bar-slider,
  .announcement-bar-section .slider,
  .announcement-bar-section .slider__slide,
  .announcement-bar-section .announcement-bar__link,
  .announcement-bar-section .announcement-bar__message {
    min-height:34px!important; height:34px!important;
    margin:0!important;
  }
  .announcement-bar-section .announcement-bar__message {
    display:flex!important; align-items:center!important; justify-content:center!important;
    padding:0 4px!important; line-height:34px!important;
  }
  .announcement-bar-section .localization-wrapper,
  .announcement-bar-section .localization-form,
  .announcement-bar-section .localization-form__select {
    min-height:34px!important; height:34px!important; margin:0!important;
    align-items:center!important;
  }

  /* Header row + search should read as one compact unit. */
  [id^="ClearanceHeader-"] .clearance-container { padding-inline:10px!important; }
  [id^="ClearanceHeader-"] .ch-mobile-row {
    min-height:58px!important; height:58px!important;
    grid-template-columns:40px minmax(0,1fr) 84px!important;
    padding-inline:4px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-logo {
    width:160px!important; max-width:46vw!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-logo img { max-height:42px!important; }
  [id^="ClearanceHeader-"] .ch-mobile-menu,
  [id^="ClearanceHeader-"] .ch-mobile-menu summary,
  [id^="ClearanceHeader-"] .ch-mobile-actions .ch-action {
    width:38px!important; height:38px!important; flex-basis:38px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-menu svg,
  [id^="ClearanceHeader-"] .ch-mobile-actions .ch-action svg {
    width:23px!important; height:23px!important; stroke-width:1.8!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-search { padding:0 4px 8px!important; }
  [id^="ClearanceHeader-"] .ch-mobile-search .ch-search-form {
    height:44px!important; border-radius:9px!important;
  }
  [id^="ClearanceHeader-"] .ch-mobile-search .ch-search-button {
    width:50px!important; min-width:50px!important;
  }

  /* Hero: remove the excessive portrait height and keep the campaign visible above fold. */
  [id^="ClearanceHero-"] { --hero-height:540px!important; padding-top:0!important; }
  [id^="ClearanceHero-"] .clearance-hero__container { padding-inline:9px!important; }
  [id^="ClearanceHero-"] .clearance-hero__frame,
  [id^="ClearanceHero-"] .clearance-hero__slides,
  [id^="ClearanceHero-"] .clearance-hero__slide { min-height:540px!important; height:540px!important; }
  [id^="ClearanceHero-"] .clearance-hero__media,
  [id^="ClearanceHero-"] .clearance-hero__media picture { height:100%!important; }
  [id^="ClearanceHero-"] .clearance-hero__image {
    width:100%!important; height:100%!important;
    object-fit:cover!important; object-position:center!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__content-wrap {
    min-height:540px!important; height:540px!important;
    padding:24px 16px 28px!important;
    align-items:center!important; justify-content:center!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__content {
    width:min(88%,350px)!important;
    padding:20px 18px!important;
    border-radius:18px!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__eyebrow { margin-bottom:7px!important; font-size:11px!important; }
  [id^="ClearanceHero-"] .clearance-hero__heading { font-size:34px!important; line-height:.98!important; }
  [id^="ClearanceHero-"] .clearance-hero__description { margin-top:10px!important; font-size:14px!important; line-height:1.3!important; }
  [id^="ClearanceHero-"] .clearance-hero__button {
    min-height:44px!important; margin-top:14px!important;
    padding:10px 20px!important; font-size:14px!important;
  }

  /* Trust benefits: four equal compact columns, never a one-card horizontal carousel. */
  [id^="ClearanceHero-"] .clearance-hero__trust {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important; min-width:0!important;
    min-height:74px!important; height:auto!important;
    overflow:visible!important; scroll-snap-type:none!important;
    padding:10px 4px!important; gap:0!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__trust-item {
    box-sizing:border-box!important;
    width:auto!important; min-width:0!important; max-width:none!important;
    padding:2px 5px!important; gap:4px!important;
    transform:none!important; scroll-snap-align:none!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__trust-icon { width:22px!important; height:22px!important; flex:0 0 22px!important; }
  [id^="ClearanceHero-"] .clearance-hero__trust-title {
    display:block!important; font-size:9px!important; line-height:1.15!important;
    white-space:normal!important; text-align:center!important;
  }
  [id^="ClearanceHero-"] .clearance-hero__trust-text { display:none!important; }
  [id^="ClearanceHero-"] .clearance-hero__dots { display:none!important; }
}

@media screen and (max-width:390px) {
  [id^="ClearanceHeader-"] .ch-mobile-logo { width:148px!important; max-width:44vw!important; }
  [id^="ClearanceHero-"] { --hero-height:510px!important; }
  [id^="ClearanceHero-"] .clearance-hero__frame,
  [id^="ClearanceHero-"] .clearance-hero__slides,
  [id^="ClearanceHero-"] .clearance-hero__slide,
  [id^="ClearanceHero-"] .clearance-hero__content-wrap { min-height:510px!important; height:510px!important; }
  [id^="ClearanceHero-"] .clearance-hero__heading { font-size:31px!important; }
}


/* Mobile announcement final containment fix */
@media screen and (max-width:749px) {
  .announcement-bar-section .utility-bar,
  .announcement-bar-section .utility-bar__grid {
    min-height:40px!important;
    height:40px!important;
  }
  .announcement-bar-section .utility-bar__grid {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:6px!important;
    align-items:center!important;
    overflow:hidden!important;
    padding:0 8px!important;
  }
  .announcement-bar-section slideshow-component.announcement-bar {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    height:40px!important;
    overflow:hidden!important;
  }
  .announcement-bar-section .announcement-bar-slider {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    height:40px!important;
    overflow:hidden!important;
  }
  .announcement-bar-section .announcement-bar-slider .slider {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    overflow:hidden!important;
  }
  .announcement-bar-section .announcement-bar-slider .slider__slide {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:40px!important;
    overflow:hidden!important;
  }
  .announcement-bar-section .announcement-bar__link,
  .announcement-bar-section .announcement-bar__message {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px!important;
    height:40px!important;
    overflow:hidden!important;
  }
  .announcement-bar-section .announcement-bar__message {
    display:block!important;
    padding:0 5px!important;
    font-size:11px!important;
    line-height:40px!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .announcement-bar-section .slider-button {
    position:static!important;
    z-index:2!important;
    width:28px!important;
    min-width:28px!important;
    height:40px!important;
    padding:0!important;
    background:#d71920!important;
  }
  .announcement-bar-section .localization-wrapper {
    position:relative!important;
    z-index:4!important;
    box-sizing:border-box!important;
    min-width:max-content!important;
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    background:#d71920!important;
  }
  .announcement-bar-section .localization-form,
  .announcement-bar-section .localization-form__select {
    min-height:40px!important;
    height:40px!important;
  }
}


/* Mobile category + dual promo composition */
@media screen and (max-width:749px) {
  /* Categories: compact four-up carousel with consistent image circles. */
  [id^="ClearanceCategories-"] {
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  [id^="ClearanceCategories-"] .cc-container { padding-inline:10px!important; }
  [id^="ClearanceCategories-"] .cc-track {
    gap:8px!important;
    padding:0 0 5px!important;
    align-items:flex-start!important;
  }
  [id^="ClearanceCategories-"] .cc-item {
    flex:0 0 calc((100% - 24px)/4)!important;
    width:calc((100% - 24px)/4)!important;
  }
  [id^="ClearanceCategories-"] .cc-link { gap:5px!important; }
  [id^="ClearanceCategories-"] .cc-circle {
    width:68px!important;
    max-width:100%!important;
    background:#f6f6f6!important;
  }
  [id^="ClearanceCategories-"] .cc-image {
    width:86%!important;
    height:86%!important;
    border-radius:0!important;
    object-fit:contain!important;
  }
  [id^="ClearanceCategories-"] .cc-title {
    min-height:28px!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:700!important;
    overflow-wrap:normal!important;
  }
  [id^="ClearanceCategories-"] .cc-progress {
    height:2px!important;
    margin-top:5px!important;
  }

  /* Promo banners: one full card per swipe, no clipped desktop copy. */
  [id^="DualPromo-"] {
    --dp-height:250px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  [id^="DualPromo-"] .dp-container { padding-inline:10px!important; }
  [id^="DualPromo-"] .dp-track {
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  [id^="DualPromo-"] .dp-card {
    box-sizing:border-box!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    height:250px!important;
    border-radius:8px!important;
  }
  [id^="DualPromo-"] .dp-media,
  [id^="DualPromo-"] .dp-media picture { width:100%!important; height:100%!important; }
  [id^="DualPromo-"] .dp-image {
    width:100%!important;
    height:100%!important;
    padding:0!important;
    transform:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  [id^="DualPromo-"] .dp-content {
    box-sizing:border-box!important;
    width:58%!important;
    max-width:250px!important;
    height:100%!important;
    padding:16px!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  [id^="DualPromo-"] .dp-eyebrow {
    margin:0 0 4px!important;
    font-size:9px!important;
    line-height:1.15!important;
    letter-spacing:.12em!important;
  }
  [id^="DualPromo-"] .dp-heading {
    margin:0!important;
    font-size:25px!important;
    line-height:.95!important;
    letter-spacing:-.025em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-shadow:0 1px 3px rgba(0,0,0,.18)!important;
  }
  [id^="DualPromo-"] .dp-text {
    margin-top:7px!important;
    max-width:210px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  [id^="DualPromo-"] .dp-button {
    min-height:36px!important;
    margin-top:10px!important;
    padding:8px 12px!important;
    font-size:11px!important;
    border-radius:4px!important;
    white-space:nowrap!important;
  }
  [id^="DualPromo-"] .cm-controls { margin-top:7px!important; }
}


/* Mobile promo final: preserve dedicated mobile artwork and create readable overlay */
@media screen and (max-width:749px) {
  [id^="DualPromo-"] {
    --dp-height:360px!important;
  }
  [id^="DualPromo-"] .dp-card {
    height:360px!important;
    min-height:360px!important;
    background:var(--card-bg,#fff)!important;
  }
  [id^="DualPromo-"] .dp-media { background:var(--card-bg,#fff)!important; }
  [id^="DualPromo-"] .dp-media picture { display:block!important; width:100%!important; height:100%!important; }
  [id^="DualPromo-"] .dp-image {
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    transform:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  [id^="DualPromo-"] .dp-media:after {
    background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,0) 72%)!important;
  }
  [id^="DualPromo-"] .dp-content {
    position:absolute!important;
    inset:0 auto 0 0!important;
    z-index:3!important;
    width:58%!important;
    max-width:none!important;
    height:100%!important;
    padding:22px 0 22px 18px!important;
    justify-content:center!important;
    align-items:flex-start!important;
    text-align:left!important;
    overflow:visible!important;
  }
  [id^="DualPromo-"] .dp-eyebrow {
    max-width:100%!important;
    margin:0 0 7px!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
    white-space:normal!important;
  }
  [id^="DualPromo-"] .dp-heading {
    max-width:100%!important;
    font-size:30px!important;
    line-height:.93!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
    overflow:visible!important;
    text-shadow:0 2px 5px rgba(0,0,0,.24)!important;
  }
  [id^="DualPromo-"] .dp-text {
    max-width:190px!important;
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  [id^="DualPromo-"] .dp-button {
    min-height:40px!important;
    margin-top:13px!important;
    padding:9px 14px!important;
    font-size:12px!important;
  }
}

@media screen and (max-width:390px) {
  [id^="DualPromo-"] { --dp-height:340px!important; }
  [id^="DualPromo-"] .dp-card { height:340px!important; min-height:340px!important; }
  [id^="DualPromo-"] .dp-content { width:61%!important; padding-left:15px!important; }
  [id^="DualPromo-"] .dp-heading { font-size:27px!important; }
}


/* Featured deals mobile card polish */
@media screen and (max-width:749px) {
  [id^="FeaturedDeals-"] { padding-top:16px!important; padding-bottom:16px!important; }
  [id^="FeaturedDeals-"] .fd-header {
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  [id^="FeaturedDeals-"] .fd-title { font-size:24px!important; line-height:1!important; }
  [id^="FeaturedDeals-"] .fd-subtitle,
  [id^="FeaturedDeals-"] .fd-countdown-wrap { display:none!important; }
  [id^="FeaturedDeals-"] .fd-header-right {
    width:auto!important; flex:0 0 auto!important;
    display:block!important;
  }
  [id^="FeaturedDeals-"] .fd-view-all { font-size:11px!important; }

  [id^="FeaturedDeals-"] .fd-track { gap:8px!important; padding:4px 0 8px!important; }
  [id^="FeaturedDeals-"] .fd-card {
    border-radius:8px!important;
    border-color:#e6e6e6!important;
    box-shadow:0 1px 4px rgba(0,0,0,.04)!important;
    overflow:hidden!important;
  }
  [id^="FeaturedDeals-"] .fd-image-wrap {
    box-sizing:border-box!important;
    height:170px!important;
    flex:0 0 170px!important;
    padding:18px 12px 8px!important;
    background:#fff!important;
  }
  [id^="FeaturedDeals-"] .fd-image-wrap > a {
    width:100%!important; height:100%!important;
    padding:4px!important;
  }
  [id^="FeaturedDeals-"] .fd-image {
    width:100%!important; height:100%!important;
    max-width:100%!important; max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  [id^="FeaturedDeals-"] .fd-badge {
    top:9px!important; left:9px!important;
    padding:5px 7px!important;
    border-radius:4px!important;
    font-size:11px!important;
  }
  [id^="FeaturedDeals-"] .fd-wishlist {
    top:7px!important; right:7px!important;
    width:32px!important; height:32px!important;
  }
  [id^="FeaturedDeals-"] .fd-wishlist svg { width:22px!important; height:22px!important; }

  [id^="FeaturedDeals-"] .fd-info {
    box-sizing:border-box!important;
    min-height:190px!important;
    padding:10px 9px 9px!important;
  }
  [id^="FeaturedDeals-"] .fd-product-title {
    display:-webkit-box!important;
    min-height:34px!important; max-height:34px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }
  [id^="FeaturedDeals-"] .fd-prices {
    min-height:24px!important;
    margin:0 0 3px!important;
    gap:6px!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
  }
  [id^="FeaturedDeals-"] .fd-price { font-size:17px!important; white-space:nowrap!important; }
  [id^="FeaturedDeals-"] .fd-compare { font-size:10px!important; white-space:nowrap!important; }
  [id^="FeaturedDeals-"] .fd-rating {
    min-height:20px!important;
    margin:2px 0 8px!important;
  }
  [id^="FeaturedDeals-"] .fd-stars { font-size:12px!important; letter-spacing:0!important; }
  [id^="FeaturedDeals-"] .fd-rating-count { font-size:10px!important; }

  [id^="FeaturedDeals-"] .fd-cart {
    gap:6px!important;
    height:40px!important; min-height:40px!important;
    flex:0 0 40px!important;
    margin-top:auto!important;
    border-radius:5px!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1!important;
  }
  [id^="FeaturedDeals-"] .fd-cart-icon {
    display:block!important;
    width:17px!important; height:17px!important;
    flex:0 0 17px!important;
    color:#fff!important;
    stroke:#fff!important;
  }
  [id^="FeaturedDeals-"] .fd-cart span { color:#fff!important; }
}


/* Featured deals mobile: remove excessive rating-to-cart whitespace */
@media screen and (max-width:749px) {
  [id^="FeaturedDeals-"] .fd-info {
    min-height:0!important;
    flex:0 0 auto!important;
  }
  [id^="FeaturedDeals-"] .fd-rating {
    margin:2px 0 10px!important;
  }
  [id^="FeaturedDeals-"] .fd-cart {
    margin-top:0!important;
  }
  [id^="FeaturedDeals-"] .fd-card {
    height:auto!important;
  }
}


/* Featured deals cart icon: desktop-safe sizing */
[id^="FeaturedDeals-"] .fd-cart {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
[id^="FeaturedDeals-"] .fd-cart .fd-cart-icon {
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  flex:0 0 18px!important;
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
[id^="FeaturedDeals-"] .fd-cart .fd-cart-icon path {
  fill:none!important;
  stroke:currentColor!important;
}
[id^="FeaturedDeals-"] .fd-cart span {
  display:inline!important;
  width:auto!important;
  height:auto!important;
  color:#fff!important;
}

@media screen and (min-width:750px) {
  [id^="FeaturedDeals-"] .fd-cart {
    height:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    margin-top:auto!important;
    padding:0 12px!important;
    font-size:13px!important;
    line-height:1!important;
  }
}


/* Product condition cards: desktop alignment + reliable cart icon */
[id^="ConditionShop-"] .cs-cart {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
}
[id^="ConditionShop-"] .cs-cart-icon {
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
[id^="ConditionShop-"] .cs-cart-icon path { fill:none!important; stroke:currentColor!important; }
[id^="ConditionShop-"] .cs-cart span { color:#fff!important; }

@media screen and (min-width:750px) {
  [id^="ConditionShop-"] .cs-track { align-items:stretch!important; }
  [id^="ConditionShop-"] .cs-card {
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    align-self:stretch!important;
  }
  [id^="ConditionShop-"] .cs-image-wrap { flex:0 0 auto!important; }
  [id^="ConditionShop-"] .cs-info {
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    padding:9px 10px 10px!important;
  }
  [id^="ConditionShop-"] .cs-product-name {
    display:-webkit-box!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0 0 6px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
  [id^="ConditionShop-"] .cs-prices {
    min-height:24px!important;
    margin:0!important;
    flex-wrap:nowrap!important;
  }
  [id^="ConditionShop-"] .cs-rating {
    min-height:20px!important;
    margin:4px 0 8px!important;
  }
  [id^="ConditionShop-"] .cs-cart {
    height:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    margin-top:auto!important;
    padding:0 10px!important;
    border-radius:4px!important;
    font-size:12px!important;
    line-height:1!important;
  }
}


/* Product condition promo: text-only readability, no frosted card. */
@media screen and (min-width:750px) {
  [id^="ConditionShop-"] .cs-promo-content {
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  [id^="ConditionShop-"] .cs-promo-content .cs-eyebrow,
  [id^="ConditionShop-"] .cs-promo-content .cs-promo-title,
  [id^="ConditionShop-"] .cs-promo-content .cs-promo-text,
  [id^="ConditionShop-"] .cs-promo-content .cs-promo-text p {
    text-shadow:0 1px 2px rgba(255,255,255,.92),0 0 8px rgba(255,255,255,.62)!important;
  }
}


/* Clearance mobile menu drawer polish */
@media screen and (max-width:989px) {
  #ClearanceHeader-{{ section.id }} .menu-drawer { background:#fff!important; }
  .menu-drawer { width:min(88vw,390px)!important; border:0!important; box-shadow:18px 0 50px rgba(0,0,0,.18)!important; }
  .menu-drawer__inner-container,
  .menu-drawer__navigation-container { background:#fff!important; }
  .menu-drawer__navigation-container { display:flex!important; flex-direction:column!important; min-height:100%!important; }
  .menu-drawer__navigation { padding:18px 16px 12px!important; flex:1 1 auto!important; }
  .menu-drawer__menu,
  .menu-drawer__menu ul { margin:0!important; padding:0!important; list-style:none!important; }
  .menu-drawer__menu > li { margin:0!important; padding:0!important; border-bottom:1px solid #ececec!important; list-style:none!important; }
  .menu-drawer__menu > li::marker { content:""!important; font-size:0!important; }
  .menu-drawer__menu-item {
    min-height:54px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border-radius:8px!important;
    color:#171717!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    transition:background .18s ease,color .18s ease,padding .18s ease!important;
  }
  .menu-drawer__menu-item:hover,
  .menu-drawer__menu-item:focus-visible { background:#fff1f1!important; color:#ed1c24!important; padding-left:14px!important; }
  .menu-drawer__menu-item--active,
  .menu-drawer__menu-item[aria-current="page"] { background:#fff1f1!important; color:#ed1c24!important; font-weight:700!important; }
  .menu-drawer__menu-item .svg-wrapper { margin-left:auto!important; width:18px!important; height:18px!important; }
  .menu-drawer__menu-item .svg-wrapper svg { width:16px!important; height:16px!important; }
  .menu-drawer__submenu { background:#fff!important; }
  .menu-drawer__inner-submenu { padding:12px 16px!important; }
  .menu-drawer__close-button {
    min-height:52px!important;
    margin:0 0 8px!important;
    padding:0 10px!important;
    border-bottom:1px solid #e9e9e9!important;
    color:#111!important;
    font-size:16px!important;
    font-weight:700!important;
  }
  .menu-drawer__utility-links {
    margin-top:auto!important;
    padding:16px 20px 22px!important;
    border-top:1px solid #ececec!important;
    background:#fafafa!important;
  }
  .menu-drawer__utility-links .list-social { justify-content:flex-start!important; gap:6px!important; }
  .menu-drawer__utility-links .list-social__link {
    width:38px!important;
    height:38px!important;
    padding:9px!important;
    border:1px solid #e5e5e5!important;
    border-radius:50%!important;
    background:#fff!important;
  }
  header-drawer details[open] > summary.header__icon--menu {
    position:relative!important;
    z-index:1001!important;
  }
  header-drawer details[open] > summary.header__icon--menu .icon-close {
    width:24px!important;
    height:24px!important;
  }
}


/* Fix Dawn mobile drawer overlay bleeding over the drawer */
@media screen and (max-width:989px) {
  header-drawer .header__icon--menu[aria-expanded="true"]::before {
    content:none!important;
    display:none!important;
    background:transparent!important;
    width:0!important;
    height:0!important;
  }

  header-drawer .menu-drawer {
    isolation:isolate!important;
    opacity:1!important;
  }

  header-drawer .menu-drawer::before {
    content:""!important;
    position:fixed!important;
    top:0!important;
    left:100%!important;
    width:100vw!important;
    height:100vh!important;
    background:rgba(0,0,0,.32)!important;
    pointer-events:none!important;
    z-index:-1!important;
  }

  header-drawer details[open] .menu-drawer {
    visibility:visible!important;
  }
}


/* Professional compact footer — mobile only */
@media screen and (max-width:749px) {
  [id^="ClearanceFooter-"] .cf-wrap {
    width:100%!important;
    max-width:100%!important;
    padding:24px 20px 18px!important;
  }
  [id^="ClearanceFooter-"] .cf-grid { gap:0!important; }

  [id^="ClearanceFooter-"] .cf-brand {
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:0 0 22px!important;
  }
  [id^="ClearanceFooter-"] .cf-brand > a { display:block!important; line-height:0!important; }
  [id^="ClearanceFooter-"] .cf-logo {
    width:auto!important;
    max-width:180px!important;
    max-height:52px!important;
  }
  [id^="ClearanceFooter-"] .cf-logo-fallback {
    padding:9px 15px!important;
    font-size:17px!important;
  }
  [id^="ClearanceFooter-"] .cf-tagline { display:none!important; }
  [id^="ClearanceFooter-"] .cf-social {
    margin:0!important;
    gap:5px!important;
  }
  [id^="ClearanceFooter-"] .cf-social .list-social { gap:3px!important; }
  [id^="ClearanceFooter-"] .cf-social .list-social__item { margin:0!important; }
  [id^="ClearanceFooter-"] .cf-social .list-social__link {
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    padding:7px!important;
    border:1px solid #2d3033!important;
    border-radius:50%!important;
    background:#17191b!important;
  }
  [id^="ClearanceFooter-"] .cf-social svg { width:17px!important; height:17px!important; }

  [id^="ClearanceFooter-"] .cf-menu-block {
    border-top:1px solid var(--cf-border)!important;
  }
  [id^="ClearanceFooter-"] .cf-menu-toggle {
    min-height:58px!important;
    padding:0!important;
  }
  [id^="ClearanceFooter-"] .cf-menu-toggle .cf-heading {
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  [id^="ClearanceFooter-"] .cf-accordion-icon {
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
    margin-right:2px!important;
  }
  [id^="ClearanceFooter-"] .cf-menu {
    padding:2px 0 16px!important;
  }
  [id^="ClearanceFooter-"] .cf-menu li { margin:0!important; }
  [id^="ClearanceFooter-"] .cf-menu a {
    display:block!important;
    padding:7px 0!important;
    font-size:14px!important;
    line-height:1.25!important;
  }

  [id^="ClearanceFooter-"] .cf-service {
    margin-top:0!important;
    padding:20px 0!important;
    border-top:1px solid var(--cf-border)!important;
    border-left:0!important;
  }
  [id^="ClearanceFooter-"] .cf-uae {
    gap:10px!important;
    font-size:14px!important;
    line-height:1.25!important;
  }
  [id^="ClearanceFooter-"] .cf-uae p { margin:0!important; }
  [id^="ClearanceFooter-"] .cf-flag {
    width:34px!important;
    max-width:34px!important;
  }
  [id^="ClearanceFooter-"] .cf-payments {
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
    margin:14px 0 0!important;
  }
  [id^="ClearanceFooter-"] .cf-payments li {
    display:flex!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  [id^="ClearanceFooter-"] .cf-payments svg {
    width:auto!important;
    max-width:48px!important;
    height:28px!important;
  }
  [id^="ClearanceFooter-"] .cf-payment-image {
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:32px!important;
  }

  [id^="ClearanceFooter-"] .cf-bottom {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    gap:12px!important;
    margin-top:0!important;
    padding:17px 0 0!important;
    border-top:1px solid var(--cf-border)!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  [id^="ClearanceFooter-"] .cf-bottom > div:first-child {
    min-width:0!important;
    padding-right:8px!important;
  }
  [id^="ClearanceFooter-"] .cf-top {
    position:static!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
    box-shadow:none!important;
  }
}

@media screen and (max-width:390px) {
  [id^="ClearanceFooter-"] .cf-wrap { padding-inline:16px!important; }
  [id^="ClearanceFooter-"] .cf-brand {
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  [id^="ClearanceFooter-"] .cf-logo { max-width:165px!important; }
}


/* Mobile menu drawer: full-screen opaque panel */
@media screen and (max-width:989px) {
  header-drawer .menu-drawer {
    position:fixed!important;
    top:var(--header-bottom-position, 0)!important;
    left:0!important;
    width:100vw!important;
    max-width:none!important;
    height:calc(100dvh - var(--header-bottom-position, 0px))!important;
    min-height:calc(100dvh - var(--header-bottom-position, 0px))!important;
    background:#fff!important;
    box-shadow:none!important;
    border:0!important;
    z-index:1000!important;
  }
  header-drawer .menu-drawer__inner-container,
  header-drawer .menu-drawer__navigation-container,
  header-drawer .menu-drawer__navigation,
  header-drawer .menu-drawer__submenu,
  header-drawer .menu-drawer__inner-submenu {
    background:#fff!important;
  }
  header-drawer .menu-drawer__navigation-container {
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  header-drawer .menu-drawer__navigation {
    width:100%!important;
    padding:18px 24px 28px!important;
  }
  header-drawer .menu-drawer::before {
    content:none!important;
    display:none!important;
  }
}


/* Mobile drawer smooth open / close animation */
@media screen and (max-width:989px) {
  header-drawer .menu-drawer {
    transform:translateX(-100%)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:
      transform .38s cubic-bezier(.22,.61,.36,1),
      opacity .24s ease,
      visibility 0s linear .38s!important;
    will-change:transform,opacity;
  }

  header-drawer details[open] > .menu-drawer,
  header-drawer details[open] .menu-drawer {
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      transform .38s cubic-bezier(.22,.61,.36,1),
      opacity .24s ease,
      visibility 0s!important;
  }

  header-drawer .menu-drawer__navigation {
    transform:translateX(-14px);
    opacity:0;
    transition:transform .42s cubic-bezier(.22,.61,.36,1) .06s, opacity .28s ease .06s;
  }

  header-drawer details[open] .menu-drawer__navigation {
    transform:translateX(0);
    opacity:1;
  }
}

@media (prefers-reduced-motion:reduce) {
  header-drawer .menu-drawer,
  header-drawer .menu-drawer__navigation {
    transition:none!important;
  }
}


/* Refined mobile drawer motion: equally smooth open and close */
@media screen and (max-width:989px) {
  header-drawer .menu-drawer {
    transform:translate3d(-100%,0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:
      transform .52s cubic-bezier(.4,0,.2,1),
      opacity .38s cubic-bezier(.4,0,.2,1),
      visibility 0s linear .52s!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    will-change:transform,opacity;
  }

  header-drawer details[open] > .menu-drawer,
  header-drawer details[open] .menu-drawer {
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      transform .52s cubic-bezier(.4,0,.2,1),
      opacity .38s cubic-bezier(.4,0,.2,1),
      visibility 0s!important;
  }

  header-drawer .menu-drawer__navigation {
    transform:translate3d(-18px,0,0);
    opacity:0;
    transition:
      transform .46s cubic-bezier(.4,0,.2,1),
      opacity .32s ease;
    will-change:transform,opacity;
  }

  header-drawer details[open] .menu-drawer__navigation {
    transform:translate3d(0,0,0);
    opacity:1;
    transition-delay:.08s;
  }

  /* Keep the details element alive long enough for Dawn's closing state animation. */
  header-drawer details.menu-opening:not([open]) .menu-drawer,
  header-drawer details.menu-closing .menu-drawer {
    transform:translate3d(-100%,0,0)!important;
    opacity:0!important;
    visibility:visible!important;
  }

  header-drawer details.menu-opening:not([open]) .menu-drawer__navigation,
  header-drawer details.menu-closing .menu-drawer__navigation {
    transform:translate3d(-18px,0,0);
    opacity:0;
    transition-delay:0s;
  }
}


/* Final mobile drawer timing: identical open and close duration */
@media screen and (max-width:989px) {
  header-drawer details {
    --clearance-drawer-duration: .56s;
    --clearance-drawer-ease: cubic-bezier(.4,0,.2,1);
  }

  header-drawer .menu-drawer {
    transform:translate3d(-100%,0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:
      transform var(--clearance-drawer-duration) var(--clearance-drawer-ease),
      opacity var(--clearance-drawer-duration) var(--clearance-drawer-ease),
      visibility 0s linear var(--clearance-drawer-duration)!important;
  }

  header-drawer details[open] .menu-drawer,
  header-drawer details.menu-opening .menu-drawer {
    visibility:visible!important;
  }

  header-drawer details[open].menu-opening .menu-drawer,
  header-drawer details[open] .menu-drawer {
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    transition:
      transform var(--clearance-drawer-duration) var(--clearance-drawer-ease),
      opacity var(--clearance-drawer-duration) var(--clearance-drawer-ease),
      visibility 0s!important;
  }

  header-drawer .menu-drawer__navigation {
    transform:translate3d(-18px,0,0);
    opacity:0;
    transition:
      transform var(--clearance-drawer-duration) var(--clearance-drawer-ease),
      opacity var(--clearance-drawer-duration) var(--clearance-drawer-ease)!important;
  }

  header-drawer details[open] .menu-drawer__navigation {
    transform:translate3d(0,0,0);
    opacity:1;
  }
}