/* Merrix platform shell R101
   Mobile shell is isolated here so desktop layout stays stable.
   Future mobile shell changes should be added here instead of appending to style.css. */

:root{
  --platform-nav-h:48px;
  --platform-nav-touch:44px;
  --platform-safe-bottom:calc(var(--platform-nav-h) + env(safe-area-inset-bottom, 0px));
  --platform-mobile-top:47px;
  --platform-mobile-gap:36px;
  --platform-mobile-margin:20px;
  --platform-mobile-header-h:50px;
  --platform-mobile-logo-w:124px;
  --platform-mobile-banner-gap:6px;
  --platform-mobile-footer-top-pad:104px;
  --platform-panel-duration:.56s;
  --platform-panel-ease:cubic-bezier(.25,.8,.25,1);
}

.design-card__code,
.invoice-row__title,
.cart-item__title{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.design-card__action{
  white-space:nowrap;
}

@media (min-width:768px){
  body{padding-bottom:0 !important;}
  .mobile-bottom-nav,
  .mobile-bottom-spacer,
  .mobile-rotate-guard,
  .mobile-platform-panel,
  .mobile-search-panel,
  .mobile-login-panel{display:none !important;}

  .side-drawer{top:0 !important;bottom:auto !important;height:100vh !important;width:var(--drawer-w) !important;left:0 !important;right:auto !important;transform:translateX(-100%) !important;}
  .order-drawer{top:0 !important;bottom:auto !important;height:100vh !important;width:var(--drawer-w) !important;left:auto !important;right:0 !important;transform:translateX(100%) !important;border-left:1px solid var(--line-soft) !important;}
  body.drawer-open .side-drawer{transform:translate3d(0,0,0) !important;}
  body.order-drawer-open .order-drawer{transform:translate3d(0,0,0) !important;}

  .order-drawer .reveal,
  .order-drawer .reveal.is-visible,
  .order-drawer .order-hero--panel,
  .order-drawer .order-hero--panel h1{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    filter:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  .site-header,
  body.drawer-open .site-header,
  body.language-sheet-open .site-header,
  body.search-panel-open .site-header,
  body.login-panel-open .site-header,
  body.order-drawer-open .site-header{
    background:rgba(241,240,236,.96) !important;
    background-color:rgba(241,240,236,.96) !important;
  }

  .brand{left:calc(var(--menu-align) - var(--header-pad) + var(--menu-gap)) !important;transform:translateY(calc(-50% + 7px)) !important;}
  body.drawer-open .brand{left:calc(var(--menu-align) - var(--header-pad)) !important;transform:translateY(calc(-50% + 7px)) !important;}
}

@media (max-width:767px){
  :root{
    --header-h:var(--platform-mobile-header-h);
    --logo-w:var(--platform-mobile-logo-w);
    --mobile-nav-h:var(--platform-nav-h);
    --mobile-safe-bottom:var(--platform-safe-bottom);
    --mobile-shell-top:var(--platform-mobile-top);
    --mobile-shell-bottom:var(--platform-safe-bottom);
    --mobile-page-top-gap:var(--platform-mobile-gap);
    --mobile-page-margin:var(--platform-mobile-margin);
    --mobile-shell-height:calc(100dvh - var(--mobile-shell-top) - var(--mobile-shell-bottom));
  }

  body{padding-bottom:var(--mobile-safe-bottom) !important;}
  .site-header{height:var(--header-h) !important;padding:0 16px !important;background:rgba(241,240,236,.96) !important;background-color:rgba(241,240,236,.96) !important;backdrop-filter:blur(6px) saturate(110%) !important;z-index:121 !important;}
  body.drawer-open .site-header,
  body.language-sheet-open .site-header,
  body.search-panel-open .site-header,
  body.login-panel-open .site-header,
  body.order-drawer-open .site-header{background:rgba(241,240,236,.96) !important;}

  .brand__logo{width:var(--logo-w) !important;}
  body.drawer-open .brand__logo{width:var(--logo-w) !important;}

  .side-drawer__inner,
  .language-sheet__panel,
  .mobile-search-panel .mobile-platform-panel__inner,
  .mobile-login-panel .mobile-platform-panel__inner{padding-top:var(--mobile-page-top-gap) !important;}

  .side-drawer__inner{padding-right:var(--mobile-page-margin) !important;padding-left:var(--mobile-page-margin) !important;padding-bottom:calc(var(--mobile-safe-bottom) + 18px) !important;}

  .side-drawer__hero,
  .language-sheet__hero,
  .mobile-search-panel .search-hero,
  .mobile-login-panel .login-hero,
  .order-drawer .order-hero--panel{margin-bottom:16px !important;}

  .side-drawer__hero h1,
  .language-sheet__hero h1,
  .mobile-search-panel .search-hero h1,
  .mobile-login-panel .login-hero h1,
  .order-drawer .order-hero--panel h1{margin:0;font-size:40px;line-height:.94;letter-spacing:-.05em;font-weight:300;text-transform:uppercase;}


  .language-sheet__hero{justify-items:center;text-align:center;}

  .language-menu{
    display:grid;
    gap:4px;
    border-top:0;
    overflow:visible;
  }
  .language-menu__item{
    width:100%;
    min-height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    direction:ltr;
    color:#111;
    justify-self:stretch;
    font-family:var(--font-display, inherit);
    font-size:18px;
    font-weight:300;
    line-height:1;
    letter-spacing:-.018em;
    text-transform:none;
  }
  .language-menu__primary{
    display:block;
    width:100%;
    text-align:left;
    direction:ltr;
    unicode-bidi:isolate;
    font:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    font-family:var(--font-display, inherit);
  }
  .language-menu__secondary{display:none;}
  .language-menu__item.is-active .language-menu__primary{font-family:var(--font-display, inherit);}

  .order-drawer{transform:translate3d(100%,0,0) !important;will-change:transform;backface-visibility:hidden;contain:paint;}
  body.order-drawer-open .order-drawer{transform:translate3d(0,0,0) !important;}

  .order-drawer .reveal,
  .order-drawer .reveal.is-visible,
  .order-drawer .order-hero--panel,
  .order-drawer .order-hero--panel h1{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    filter:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  .site-header,
  body.drawer-open .site-header,
  body.language-sheet-open .site-header,
  body.search-panel-open .site-header,
  body.login-panel-open .site-header,
  body.order-drawer-open .site-header{
    background:rgba(241,240,236,.96) !important;
    background-color:rgba(241,240,236,.96) !important;
  }

  .order-drawer__inner--page{padding-bottom:calc(var(--mobile-safe-bottom) + 8px) !important;}

  .category-strip{position:sticky;top:var(--header-h);padding-right:36px !important;gap:10px !important;}
  .category-strip.is-scrollable::after{content:"SWIPE";position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding:0 12px 0 22px;font-size:9px;letter-spacing:.16em;color:rgba(17,17,17,.44);background:linear-gradient(90deg, rgba(241,240,236,0) 0%, rgba(241,240,236,.88) 32%, rgba(241,240,236,1) 62%);pointer-events:none;transition:opacity .22s ease;}
  .category-strip.is-scrolled-end::after{opacity:0;}
  .category-strip .category-btn:last-child{margin-right:16px;}

  .home-browser .index-grid{gap:var(--platform-mobile-banner-gap) !important;}

  .submit-backtop{padding:10px 0 44px !important;}
  .footer-stage{margin-top:18px !important;padding-top:0 !important;padding-bottom:calc(var(--mobile-safe-bottom) * .45) !important;}
  .footer-inner{padding:var(--platform-mobile-footer-top-pad) 20px 24px !important;gap:16px !important;}
  .footer-newsletter label{display:block;}

  .home-browser,
  .catalog-page,
  .product-browser,
  .recommended-shell,
  .submit-shell,
  .login-shell,
  .search-shell,
  .orderlist-page .order-shell--invoice{
    padding-top:calc(var(--header-h) + var(--mobile-page-top-gap)) !important;
  }

  .request-sent-view,
  .recommended-hero,
  .submit-hero,
  .login-hero,
  .search-hero,
  .orderlist-page .order-hero{
    margin-bottom:16px !important;
  }

  .site-header__left{
    width:100% !important;
    justify-content:center !important;
  }

  .brand{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:var(--logo-w) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    transform:translate3d(-50%, calc(-50% + 4px), 0) !important;
    transition:left .44s cubic-bezier(.22,1,.36,1), transform .44s cubic-bezier(.22,1,.36,1) !important;
    will-change:left, transform !important;
    backface-visibility:hidden !important;
    transform-origin:left center !important;
  }
  .brand__logo{
    width:var(--logo-w) !important;
    max-width:none !important;
    display:block !important;
    flex:0 0 auto !important;
  }
  body.drawer-open .brand{
    left:var(--mobile-page-margin) !important;
    transform:translate3d(0, calc(-50% + 4px), 0) !important;
  }
  body.language-sheet-open .brand,
  body.search-panel-open .brand,
  body.login-panel-open .brand,
  body.order-drawer-open .brand{
    left:50% !important;
    transform:translate3d(-50%, calc(-50% + 4px), 0) !important;
  }

  .mobile-bottom-nav{
    display:grid !important;
    position:fixed !important;
    inset:auto 0 0 0 !important;
    z-index:120 !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    justify-items:stretch;
    min-height:var(--mobile-nav-h);
    height:var(--mobile-safe-bottom);
    gap:0;
    padding:2px max(12px, env(safe-area-inset-left, 0px)) calc(2px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-right, 0px));
    background:rgba(247,246,242,.96);
    backdrop-filter:blur(12px) saturate(120%);
    border-top:1px solid rgba(17,17,17,.08);
    visibility:visible !important;
    opacity:1 !important;
  }

  .mobile-bottom-nav__item{
    order:unset !important;
    width:100%;
    min-height:var(--platform-nav-touch);
    display:grid;
    align-content:center;
    justify-items:center;
    gap:3px;
    color:rgba(17,17,17,.58);
    font-size:7px;
    letter-spacing:.1em;
  }
  .mobile-bottom-nav__item svg{width:20px;height:20px;display:block;}
  .mobile-bottom-nav__label{display:block;font-size:7px;letter-spacing:.1em;white-space:nowrap;}
  .mobile-bottom-nav__item.is-active{color:#111;}
  #mobileMenuToggle{order:1;}
  #mobileLanguageToggle{order:2;}
  #mobileSearchToggle{order:3;}
  #mobileLoginToggle{order:4;}
  #mobileOrderToggle{order:5;}
  .mobile-bottom-nav__call,
  .mobile-bottom-nav__item--call-slot{display:none !important;}
  .mobile-bottom-spacer{display:block !important;height:var(--mobile-safe-bottom) !important;}

  .drawer-overlay{z-index:117 !important;}
  .drawer-overlay{top:var(--mobile-shell-top) !important;bottom:var(--mobile-shell-bottom) !important;}

  .side-drawer,
  .order-drawer,
  .language-sheet,
  .mobile-platform-panel{
    position:fixed;
    top:var(--mobile-shell-top) !important;
    bottom:var(--mobile-shell-bottom) !important;
    height:auto !important;
    z-index:118 !important;
    background:var(--bg);
  }

  .side-drawer{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    transform:translate3d(-100%,0,0) !important;
    transition:transform var(--platform-panel-duration) var(--platform-panel-ease);
    will-change:transform;
    backface-visibility:hidden;
    contain:paint;
  }
  .side-drawer__inner{
    height:100%;
    overflow:auto;
    padding:calc(var(--mobile-page-top-gap) - 2px) var(--mobile-page-margin) calc(var(--mobile-safe-bottom) + 18px) var(--mobile-page-margin) !important;
  }

  .order-drawer{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    transform:translate3d(100%,0,0) !important;
    transition:transform var(--platform-panel-duration) var(--platform-panel-ease);
    border-left:0 !important;
    will-change:transform;
    backface-visibility:hidden;
    contain:paint;
  }
  .order-drawer__inner--page{
    height:100%;
    overflow:auto;
    padding:0 0 calc(var(--mobile-safe-bottom) + 8px) 0 !important;
    background:var(--bg);
  }
  .order-shell--panel{padding:var(--mobile-page-top-gap) var(--mobile-page-margin) 24px !important;}
  .order-hero--panel{padding-top:0 !important;margin-bottom:16px !important;}
  .order-shell--panel .order-invoice{
    border-top:1px solid rgba(17,17,17,.12);
  }
  .order-shell--panel .order-invoice__head{display:none;}
  .order-shell--panel .invoice-row{
    position:relative;
    grid-template-columns:88px minmax(0,1fr) auto;
    grid-template-rows:auto auto 1fr auto;
    gap:6px 14px;
    align-items:start;
    padding:16px 0;
    min-height:98px;
  }
  .order-shell--panel .invoice-row__media{
    grid-column:1;
    grid-row:1 / span 4;
    width:88px;
    max-width:none;
    margin:0;
  }
  .order-shell--panel .invoice-row__rowno,
  .order-shell--panel .invoice-row__group{display:none;}
  .order-shell--panel .invoice-row__main{
    grid-column:2 / span 2;
    grid-row:1;
    justify-items:start;
    gap:0;
    align-self:start;
  }
  .order-shell--panel .invoice-row__title{
    text-align:left;
    font-size:14px;
    font-weight:400;
    letter-spacing:.06em;
    line-height:1.18;
  }
  .order-shell--panel .invoice-row__xcode{
    grid-column:2 / span 2;
    grid-row:2;
    text-align:left;
    display:block;
    justify-self:start;
    font-size:11px;
    letter-spacing:.08em;
    line-height:1.35;
    color:rgba(17,17,17,.68);
  }
  .order-shell--panel .invoice-row__xcode::before,
  .order-shell--panel .invoice-row__qty::before{content:none;}
  .order-shell--panel .invoice-row__xcode strong{
    display:block;
    font-size:11px;
    font-weight:400;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-align:left;
    color:rgba(17,17,17,.68);
  }
  .order-shell--panel .invoice-row__qty{
    grid-column:2;
    grid-row:4;
    text-align:left;
    justify-self:start;
    align-self:end;
    display:flex;
    align-items:flex-end;
  }
  .order-shell--panel .invoice-row__qty .qty-control{justify-content:flex-start;}
  .order-shell--panel .invoice-row__action{
    grid-column:3;
    grid-row:4;
    text-align:right;
    justify-self:end;
    align-self:end;
    margin-top:0;
    display:flex;
    justify-content:flex-end;
    padding-left:8px;
  }
  .order-shell--panel .invoice-row__action .cart-remove{
    padding:0;
    font-size:9px;
    letter-spacing:.14em;
    opacity:.44;
    white-space:nowrap;
  }
  .order-shell--panel .order-invoice{
    border-top:0 !important;
    margin-inline:0 !important;
  }
  .order-shell--panel .order-invoice__footer,
  .order-shell--panel .order-invoice__summary,
  .order-shell--panel .order-next-actions{
    margin-inline:0 !important;
  }

  .language-sheet,
  .mobile-platform-panel{
    left:0;
    right:0;
    transform:translateY(100%);
    transition:transform var(--platform-panel-duration) var(--platform-panel-ease);
    border-top:1px solid rgba(17,17,17,.08);
  }

  .language-sheet__panel,
  .mobile-platform-panel__inner{
    height:100%;
    overflow:auto;
    padding:calc(var(--mobile-page-top-gap) - 2px) var(--mobile-page-margin) calc(var(--mobile-safe-bottom) + 18px);
    display:grid;
    align-content:start;
    gap:16px;
  }

  .mobile-search-panel .search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;}
  .mobile-search-panel .search-result__title{font-size:15px;line-height:1.02;}
  .mobile-search-panel .search-result__meta,
  .mobile-search-panel .search-result__sub,
  .mobile-search-panel .search-result__xcode{font-size:9px;letter-spacing:.1em;}

  .mobile-login-panel .login-card{padding:0;border:0;background:transparent;box-shadow:none;}
  .mobile-login-panel .login-card__head{margin-bottom:18px;}
  .mobile-login-panel .login-card__head h2{font-size:22px;line-height:1.04;}
  .mobile-login-panel .submit-form__actions .primary-action{width:100%;justify-content:center;}

  body.drawer-open .side-drawer{transform:translate3d(0,0,0) !important;}
  body.language-sheet-open .language-sheet{transform:translateY(0) !important;}
  body.search-panel-open .mobile-search-panel{transform:translateY(0) !important;}
  body.login-panel-open .mobile-login-panel{transform:translateY(0) !important;}
  body.order-drawer-open .order-drawer{transform:translate3d(0,0,0) !important;}

  .order-drawer .reveal,
  .order-drawer .reveal.is-visible,
  .order-drawer .order-hero--panel,
  .order-drawer .order-hero--panel h1{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    filter:none !important;
    text-shadow:none !important;
    box-shadow:none !important;
  }

  .site-header,
  body.drawer-open .site-header,
  body.language-sheet-open .site-header,
  body.search-panel-open .site-header,
  body.login-panel-open .site-header,
  body.order-drawer-open .site-header{
    background:rgba(241,240,236,.96) !important;
    background-color:rgba(241,240,236,.96) !important;
  }
  body.drawer-open .drawer-overlay,
  body.language-sheet-open .drawer-overlay,
  body.search-panel-open .drawer-overlay,
  body.login-panel-open .drawer-overlay,
  body.order-drawer-open .drawer-overlay{opacity:1 !important;visibility:visible !important;}
  body.drawer-open,
  body.language-sheet-open,
  body.search-panel-open,
  body.login-panel-open,
  body.order-drawer-open{overflow:hidden;}

  .products-page{overflow-x:hidden !important;}
  .products-page .page-main,
  .products-page .catalog-page,
  .products-page .model-main,
  .products-page .model-main__details,
  .products-page .design-browser,
  .products-page .selector-scroll-shell{min-width:0;overflow-x:clip;}
  .products-page .site-header{position:fixed !important;top:0 !important;}
  .products-page .mobile-bottom-nav{position:fixed !important;inset:auto 0 0 0 !important;}

  .products-page .model-stories-sticky{
    position:sticky;
    top:var(--header-h);
    z-index:43;
    margin-bottom:16px;
    padding:10px 0 10px;
    background:var(--bg);
    border-bottom:1px solid rgba(17,17,17,.08);
  }
  .products-page .model-story{
    width:78px;
    gap:8px;
  }
  .products-page .model-story__thumb{
    width:66px;
    height:66px;
  }
  .products-page .model-story__label{font-size:10px;letter-spacing:.12em;}

  .products-page [data-option-selector]{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:nowrap;
    overflow:hidden;
  }

  .products-page [data-option-heading]{
    margin:0;
    flex:0 0 auto;
    white-space:nowrap;
  }

  .products-page [data-size-options]{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:nowrap;
    overflow:auto hidden;
    padding-right:0;
    scrollbar-width:none;
  }
  .products-page [data-size-options]::-webkit-scrollbar{display:none;}

  .products-page .size-pill{
    min-width:34px;
    height:34px;
    padding:0 10px;
    border-radius:999px;
    display:inline-grid;
    place-items:center;
    border:1px solid transparent;
    background:none !important;
    color:rgba(17,17,17,.58);
    font-size:14px;
    font-weight:300;
    letter-spacing:.02em;
    line-height:1;
    flex:0 0 auto;
  }
  .products-page .size-pill.is-active{
    border-color:#111;
    background:none !important;
    color:#111;
  }

  .products-page .size-selector{
    position:sticky;
    top:calc(var(--header-h) + var(--stories-sticky-h));
    z-index:42;
    margin:-1px 0 18px;
    background:var(--bg);
    border-top:1px solid rgba(17,17,17,.08);
    overflow:hidden;
  }
}


/* R101 mobile merge: R095 index/products, R094 order list, R096 header/logo */
@media (max-width:767px){
  .site-header{height:var(--header-h) !important; padding:0 16px !important;}
  .site-header__left{position:relative !important; width:100% !important; justify-content:center !important;}
  .brand{width:fit-content !important; max-width:none !important;}
  .brand__logo{width:var(--logo-w) !important; height:auto !important;}
  body.drawer-open .brand{left:var(--mobile-page-margin) !important; transform:translate3d(0, calc(-50% + 4px), 0) !important;}
  body.language-sheet-open .brand,
  body.search-panel-open .brand,
  body.login-panel-open .brand,
  body.order-drawer-open .brand{transform:translate3d(-50%, calc(-50% + 4px), 0) !important;}


  :root{
    --mobile-visual-edge:12px;
    --mobile-visual-gap:6px;
  }

  /* Products mobile: use the same visible edge and inter-image gap as index banners. */
  .products-page{overflow-x:hidden !important;}
  .products-page .catalog-page{
    width:calc(100% - (var(--mobile-visual-edge) * 2)) !important;
    max-width:none !important;
    margin:0 auto !important;
    overflow-x:clip !important;
  }
  .products-page .design-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:var(--mobile-visual-gap) !important;
  }
  .products-page .design-card,
  .products-page .design-card__surface,
  .products-page .design-card__copy,
  .products-page .design-card__headline,
  .products-page .design-card__media,
  .products-page .design-card__media-toggle{
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .products-page .design-card__action,
  .products-page .design-card__qty{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .products-page .design-card__action{
    font-size:10px !important;
    letter-spacing:.1em !important;
    padding-inline:8px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .products-page .design-card__code,
  .products-page .design-card__xcode{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Order List mobile panel: same visible media edge as the page rhythm,
     but without changing its row structure. */
  .order-drawer .order-drawer__inner--page{
    padding:0 var(--mobile-visual-edge) calc(var(--mobile-safe-bottom) + 8px) !important;
  }
  .order-drawer .order-shell--invoice,
  .order-drawer .order-shell--panel{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:calc(var(--header-h) + var(--mobile-page-top-gap)) 0 24px !important;
  }
  .order-drawer .order-hero--panel{
    margin-bottom:16px !important;
  }
  .order-drawer .order-invoice--panel{
    border-top:1px solid rgba(17,17,17,.12) !important;
  }
  .order-drawer .invoice-row{
    grid-template-columns:88px minmax(0, 1fr) auto !important;
    gap:6px 14px !important;
    padding:16px 0 !important;
  }
  .order-drawer .invoice-row__media{
    width:88px !important;
    max-width:none !important;
    margin:0 !important;
  }
  .order-drawer .invoice-row__title,
  .order-drawer .invoice-row__xcode strong{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}


@media (max-width:767px){
  .orderlist-page .invoice-row,
  .order-drawer .invoice-row{
    grid-template-columns:88px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    gap:8px 12px !important;
    align-items:start !important;
    padding:16px 0 !important;
    min-height:0 !important;
  }

  .orderlist-page .invoice-row__cell,
  .order-drawer .invoice-row__cell{
    justify-self:stretch !important;
    width:auto !important;
  }

  .orderlist-page .invoice-row__media,
  .order-drawer .invoice-row__media{
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    width:88px !important;
    max-width:none !important;
    margin:0 !important;
  }

  .orderlist-page .invoice-row__main,
  .order-drawer .invoice-row__main{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-items:start !important;
    align-self:start !important;
    gap:0 !important;
  }

  .orderlist-page .invoice-row__title,
  .order-drawer .invoice-row__title{
    text-align:left !important;
    font-size:13px !important;
    font-weight:400 !important;
    letter-spacing:.05em !important;
    line-height:1.16 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .orderlist-page .invoice-row__xcode,
  .order-drawer .invoice-row__xcode{
    grid-column:2 !important;
    grid-row:2 !important;
    text-align:left !important;
    display:block !important;
    justify-self:start !important;
    font-size:10px !important;
    letter-spacing:.08em !important;
    line-height:1.3 !important;
    color:rgba(17,17,17,.68) !important;
    margin-top:-1px !important;
  }

  .orderlist-page .invoice-row__xcode strong,
  .order-drawer .invoice-row__xcode strong{
    display:block !important;
    font-size:10px !important;
    font-weight:400 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    text-align:left !important;
    color:rgba(17,17,17,.68) !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .orderlist-page .invoice-row__footer,
  .order-drawer .invoice-row__footer{
    grid-column:2 !important;
    grid-row:3 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:start !important;
    align-items:start !important;
    gap:6px !important;
    min-width:0 !important;
    margin-top:2px !important;
  }

  .orderlist-page .invoice-row__qty,
  .order-drawer .invoice-row__qty{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    text-align:left !important;
  }

  .orderlist-page .invoice-row__qty .qty-control,
  .order-drawer .invoice-row__qty .qty-control{
    justify-content:flex-start !important;
  }

  .orderlist-page .invoice-row__action,
  .order-drawer .invoice-row__action{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    margin-left:0 !important;
    padding-left:0 !important;
    text-align:left !important;
  }

  .orderlist-page .invoice-row__action .cart-remove,
  .order-drawer .invoice-row__action .cart-remove{
    padding:0 !important;
    font-size:9px !important;
    letter-spacing:.14em !important;
    opacity:.44 !important;
    white-space:nowrap !important;
  }

  .orderlist-page .qty-control,
  .order-drawer .qty-control{
    min-height:30px !important;
  }

  .orderlist-page .qty-control button,
  .order-drawer .qty-control button{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
  }

  .orderlist-page .qty-control span,
  .order-drawer .qty-control span{
    min-width:34px !important;
    height:30px !important;
    font-size:11px !important;
  }
}


/* R101 mobile cleanup: keep order drawer title aligned with order page,
   and standardize Recommended / Submit in the same mobile shell rhythm. */
@media (max-width:767px){
  .order-drawer .order-drawer__inner--page{
    padding:var(--mobile-page-top-gap) var(--mobile-visual-edge, var(--mobile-page-margin)) calc(var(--mobile-safe-bottom) + 8px) !important;
  }

  .order-drawer .order-shell--invoice,
  .order-drawer .order-shell--panel{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 24px !important;
  }

  .order-drawer .order-hero--panel{
    padding-top:0 !important;
    margin-bottom:16px !important;
  }

  .recommended-page,
  .submit-page{
    overflow-x:clip !important;
  }

  .recommended-page .recommended-shell,
  .submit-page .submit-shell{
    width:calc(100% - (var(--mobile-visual-edge, 12px) * 2)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding-top:calc(var(--header-h) + var(--mobile-page-top-gap)) !important;
    padding-bottom:24px !important;
    min-width:0 !important;
    overflow-x:clip !important;
  }

  .recommended-page .recommended-hero,
  .submit-page .submit-hero{
    max-width:none !important;
    width:100% !important;
    display:grid !important;
    justify-items:center !important;
    text-align:center !important;
    margin:0 0 16px !important;
    gap:0 !important;
  }

  .recommended-page .recommended-hero h1,
  .submit-page .submit-hero h1{
    margin:0 !important;
    width:100% !important;
    max-width:100% !important;
    font-size:40px !important;
    font-weight:300 !important;
    letter-spacing:-.05em !important;
    line-height:.94 !important;
    text-transform:uppercase !important;
    text-wrap:balance !important;
    overflow-wrap:anywhere !important;
  }

  .recommended-page .recommended-hero__sub,
  .submit-page .submit-hero__sub{
    display:none !important;
  }

  .recommended-page .recommended-grid-wrap,
  .recommended-page [data-recommended-grid]{
    width:100% !important;
    min-width:0 !important;
    overflow-x:clip !important;
  }

  .recommended-page .recommended-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:var(--mobile-visual-gap, 6px) !important;
    width:100% !important;
    min-width:0 !important;
  }

  .recommended-page .recommended-tile,
  .recommended-page .recommended-tile img,
  .recommended-page .index-overlay,
  .recommended-page .index-overlay strong{
    min-width:0 !important;
  }

  .recommended-page .recommended-tile::after{
    opacity:.58 !important;
  }

  .recommended-page .recommended-tile .index-overlay{
    inset:auto 0 0 0 !important;
    min-height:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    padding:10px 8px 8px !important;
    opacity:1 !important;
    transform:none !important;
    background:linear-gradient(180deg, rgba(17,17,17,0) 0%, rgba(17,17,17,.12) 34%, rgba(17,17,17,.62) 100%) !important;
  }

  .recommended-page .recommended-tile .index-overlay strong{
    width:100% !important;
    margin:0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    letter-spacing:.05em !important;
    line-height:1.02 !important;
    color:#fff !important;
    text-align:left !important;
    text-wrap:balance !important;
    overflow-wrap:anywhere !important;
  }

  .recommended-page .recommended-actions,
  .submit-page .submit-form__actions--split{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    align-items:stretch !important;
  }

  .recommended-page .recommended-actions .secondary-action,
  .recommended-page .recommended-actions .primary-action,
  .submit-page .submit-form__actions--split .secondary-action,
  .submit-page .submit-form__actions--split .primary-action{
    width:100% !important;
    justify-content:center !important;
  }

  .submit-page .submit-card{
    padding:20px 16px 18px !important;
    min-width:0 !important;
    overflow-x:clip !important;
  }

  .submit-page .submit-card__head--plain{
    margin-bottom:12px !important;
  }

  .submit-page .submit-form,
  .submit-page .submit-form label,
  .submit-page .submit-form__full,
  .submit-page .submit-phone,
  .submit-page [data-province-shell],
  .submit-page [data-city-shell]{
    min-width:0 !important;
  }

  .submit-page .submit-form{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}



/* R103 mobile final pass: unify order page + drawer, stabilize header logo,
   tighten recommended title, and standardize empty/clear-cart states. */
@media (min-width:768px){
  .order-clear-action{display:none !important;}
}

@media (max-width:767px){
  :root{
    --mobile-brand-shift-x:0px !important;
  }

  .site-header__left{
    position:relative !important;
    width:100% !important;
    justify-content:center !important;
  }

  .brand{
    left:50% !important;
    width:var(--logo-w) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    transform:translate3d(-50%, calc(-50% + 4px), 0) !important;
    transition:left .42s var(--platform-panel-ease), transform .42s var(--platform-panel-ease), opacity .18s ease !important;
    will-change:left, transform !important;
    backface-visibility:hidden !important;
  }

  .brand__logo{
    width:var(--logo-w) !important;
    max-width:none !important;
    display:block !important;
    flex:0 0 auto !important;
    backface-visibility:hidden !important;
  }

  body.drawer-open .brand{
    left:calc(var(--menu-align) - var(--header-pad)) !important;
    transform:translate3d(0, calc(-50% + 4px), 0) !important;
  }

  body.language-sheet-open .brand,
  body.search-panel-open .brand,
  body.login-panel-open .brand,
  body.order-drawer-open .brand{
    left:50% !important;
    transform:translate3d(-50%, calc(-50% + 4px), 0) !important;
  }

  .orderlist-page .order-shell--mobile-shared{
    width:calc(100% - (var(--mobile-visual-edge, 12px) * 2)) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:calc(var(--header-h) + var(--mobile-page-top-gap)) 0 24px !important;
  }

  .order-drawer .order-drawer__inner--page{
    padding:var(--mobile-page-top-gap) var(--mobile-visual-edge, 12px) calc(var(--mobile-safe-bottom) + 8px) !important;
  }

  .order-drawer .order-shell--mobile-shared{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 0 24px !important;
  }

  .orderlist-page .order-hero--mobile-shared,
  .order-drawer .order-hero--mobile-shared{
    margin:0 0 14px !important;
    padding:0 !important;
  }

  .orderlist-page .order-hero--mobile-shared h1,
  .order-drawer .order-hero--mobile-shared h1{
    margin:0 !important;
    font-size:40px !important;
    line-height:.94 !important;
    letter-spacing:-.05em !important;
    font-weight:300 !important;
    text-transform:uppercase !important;
  }

  .orderlist-page .order-invoice,
  .order-drawer .order-invoice--panel{
    border-top:1px solid rgba(17,17,17,.12) !important;
    padding-top:0 !important;
  }

  .orderlist-page .invoice-row,
  .order-drawer .invoice-row{
    grid-template-columns:88px minmax(0, 1fr) !important;
    grid-template-rows:auto auto auto !important;
    gap:6px 12px !important;
    align-items:start !important;
    padding:16px 0 !important;
    min-height:0 !important;
  }

  .orderlist-page .invoice-row__rowno,
  .orderlist-page .invoice-row__group,
  .order-drawer .invoice-row__rowno,
  .order-drawer .invoice-row__group{
    display:none !important;
  }

  .orderlist-page .invoice-row__media,
  .order-drawer .invoice-row__media{
    grid-column:1 !important;
    grid-row:1 / span 3 !important;
    width:88px !important;
    max-width:none !important;
    margin:0 !important;
  }

  .orderlist-page .invoice-row__main,
  .order-drawer .invoice-row__main{
    grid-column:2 !important;
    grid-row:1 !important;
    justify-items:start !important;
    align-self:start !important;
    gap:0 !important;
  }

  .orderlist-page .invoice-row__title,
  .order-drawer .invoice-row__title{
    width:100% !important;
    text-align:left !important;
    font-size:12px !important;
    font-weight:400 !important;
    letter-spacing:.05em !important;
    line-height:1.14 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .orderlist-page .invoice-row__xcode,
  .order-drawer .invoice-row__xcode{
    grid-column:2 !important;
    grid-row:2 !important;
    display:block !important;
    justify-self:start !important;
    width:100% !important;
    text-align:left !important;
    margin-top:-1px !important;
  }

  .orderlist-page .invoice-row__xcode strong,
  .order-drawer .invoice-row__xcode strong{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    font-size:10px !important;
    font-weight:400 !important;
    letter-spacing:.08em !important;
    line-height:1.3 !important;
    color:rgba(17,17,17,.68) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .orderlist-page .invoice-row__footer,
  .order-drawer .invoice-row__footer{
    grid-column:2 !important;
    grid-row:3 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:start !important;
    align-items:start !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    margin-top:2px !important;
  }

  .orderlist-page .invoice-row__qty,
  .order-drawer .invoice-row__qty{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    text-align:left !important;
  }

  .orderlist-page .invoice-row__qty .qty-control,
  .order-drawer .invoice-row__qty .qty-control{
    justify-content:flex-start !important;
  }

  .orderlist-page .invoice-row__action,
  .order-drawer .invoice-row__action{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    justify-self:start !important;
    align-self:start !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .orderlist-page .invoice-row__action .cart-remove,
  .order-drawer .invoice-row__action .cart-remove{
    display:inline-flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    font-size:9px !important;
    letter-spacing:.14em !important;
    opacity:.44 !important;
    white-space:nowrap !important;
  }

  .orderlist-page .qty-control,
  .order-drawer .qty-control{
    min-height:30px !important;
  }

  .orderlist-page .qty-control button,
  .order-drawer .qty-control button{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
  }

  .orderlist-page .qty-control span,
  .order-drawer .qty-control span{
    min-width:34px !important;
    height:30px !important;
    font-size:11px !important;
  }

  .order-clear-action{
    display:inline-flex !important;
    width:100% !important;
    justify-content:center !important;
  }

  .orderlist-page .order-next-actions,
  .order-drawer .order-next-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .orderlist-page .order-next-actions .secondary-action,
  .orderlist-page .order-next-actions .primary-action,
  .order-drawer .order-next-actions .secondary-action,
  .order-drawer .order-next-actions .primary-action{
    width:100% !important;
    justify-content:center !important;
  }

  .recommended-page .recommended-hero h1{
    font-size:clamp(27px, 8vw, 31px) !important;
    letter-spacing:-.035em !important;
    line-height:.96 !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    word-break:keep-all !important;
  }

  .recommended-page .recommended-tile__overlay{
    inset:auto 0 0 0 !important;
    min-height:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    padding:10px 8px 8px !important;
    opacity:1 !important;
    transform:none !important;
    background:linear-gradient(180deg, rgba(17,17,17,0) 0%, rgba(17,17,17,.12) 34%, rgba(17,17,17,.62) 100%) !important;
  }

  .recommended-page .recommended-tile__overlay strong{
    width:100% !important;
    margin:0 !important;
    font-size:11px !important;
    font-weight:400 !important;
    letter-spacing:.05em !important;
    line-height:1.02 !important;
    color:#fff !important;
    text-align:left !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .orderlist-page.order-list-empty .order-hero--mobile-shared,
  body.cart-empty .order-drawer .order-hero--mobile-shared{
    display:none !important;
  }

  .orderlist-page.order-list-empty .order-invoice,
  body.cart-empty .order-drawer .order-invoice--panel{
    border-top:0 !important;
  }

  .orderlist-page.order-list-empty .order-invoice__footer--next,
  body.cart-empty .order-drawer .order-invoice__footer--panel{
    display:none !important;
  }

  .orderlist-page.order-list-empty .order-shell--mobile-shared{
    padding-top:calc(var(--header-h) + var(--mobile-page-top-gap)) !important;
  }

  .order-empty-state{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:8px 0 0 !important;
    border:0 !important;
    gap:10px !important;
    justify-items:start !important;
    text-align:left !important;
  }

  .order-empty-state .recommended-actions{
    width:100% !important;
    justify-content:flex-start !important;
    margin:0 0 4px !important;
  }

  .order-empty-state .recommended-actions .primary-action{
    width:100% !important;
    justify-content:center !important;
  }

  .order-empty-state h1{
    margin:0 !important;
    font-size:28px !important;
    letter-spacing:-.04em !important;
    line-height:.95 !important;
    text-transform:uppercase !important;
  }

  .order-empty-state .request-sent-view__note{
    max-width:34ch !important;
    margin:0 !important;
    text-align:left !important;
    font-size:13px !important;
    line-height:1.6 !important;
  }
}


/* R104 mobile stabilization: unify order page/drawer actions, fix recommended load/title,
   align logo to menu copy, and add language helper copy. */
@media (max-width:767px){
  :root{
    --mobile-logo-drawer-left:calc(var(--mobile-page-margin, 20px) * .5);
  }

  .brand{
    transition:left .38s cubic-bezier(.22,.61,.36,1), transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease !important;
    will-change:left, transform !important;
  }

  body.drawer-open .brand{
    left:var(--mobile-logo-drawer-left) !important;
    transform:translate3d(0, calc(-50% + 4px), 0) !important;
  }

  .language-sheet__hero{
    gap:8px !important;
  }

  .language-sheet__sub{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.55 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    color:rgba(17,17,17,.58) !important;
    max-width:24ch !important;
  }

  .recommended-page .recommended-hero{
    max-width:100% !important;
  }

  .recommended-page .recommended-hero h1{
    width:min(100%, 11.6ch) !important;
    max-width:100% !important;
    margin-inline:auto !important;
    font-size:clamp(24px, 6.8vw, 30px) !important;
    letter-spacing:-.03em !important;
    line-height:.96 !important;
    white-space:normal !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .recommended-page .recommended-grid-wrap.reveal,
  .recommended-page [data-recommended-grid].reveal{
    opacity:1 !important;
    transform:none !important;
  }

  .recommended-page .recommended-grid-wrap{
    opacity:1 !important;
    transform:none !important;
  }

  .order-shell--mobile-shared .invoice-row__footer{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    direction:ltr !important;
    text-align:left !important;
  }

  .order-shell--mobile-shared .invoice-row__qty,
  .order-shell--mobile-shared .invoice-row__action{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    align-self:flex-start !important;
    justify-self:start !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    direction:ltr !important;
    text-align:left !important;
  }

  .order-shell--mobile-shared .invoice-row__qty .qty-control,
  .order-shell--mobile-shared .invoice-row__action .cart-remove{
    margin-left:0 !important;
  }

  .order-shell--mobile-shared .invoice-row__action .cart-remove{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    align-self:flex-start !important;
    width:auto !important;
    text-align:left !important;
    opacity:.44 !important;
  }

  .orderlist-page.order-list-empty .order-shell--mobile-shared,
  body.cart-empty .order-drawer .order-shell--mobile-shared{
    padding-top:calc(var(--header-h) + var(--mobile-page-top-gap)) !important;
  }

  .order-empty-state{
    width:100% !important;
    max-width:760px !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    gap:14px !important;
    justify-items:center !important;
    text-align:center !important;
  }

  .order-empty-state h1{
    margin:0 !important;
  }

  .order-empty-state .request-sent-view__note{
    max-width:40ch !important;
    margin:0 !important;
    text-align:center !important;
  }

  .order-empty-state .recommended-actions,
  .order-empty-state .recommended-actions--compact{
    width:100% !important;
    justify-content:center !important;
    margin-top:34px !important;
  }

  .order-empty-state .recommended-actions .primary-action,
  .order-empty-state .recommended-actions--compact .primary-action{
    width:100% !important;
    justify-content:center !important;
  }
}


/* R105 mobile close-out: align language helper with search/login, tighten order spacing,
   mirror product-card typography/qty to order list, reduce story tray, and lock mobile-only shells. */
@media (min-width:768px){
  .design-card__qty--mobile{display:none !important;}
}

@media (max-width:767px){
  :root{
    --mobile-logo-drawer-left:var(--mobile-page-margin) !important;
  }

  .brand{
    transition:left .32s cubic-bezier(.22,.61,.36,1), transform .32s cubic-bezier(.22,.61,.36,1), opacity .18s ease !important;
  }

  body.drawer-open .brand{
    left:var(--mobile-logo-drawer-left) !important;
    transform:translate3d(0, calc(-50% + 4px), 0) !important;
  }

  .language-sheet{overflow:hidden !important;}
  .language-sheet__panel{
    height:100% !important;
    display:grid !important;
    align-content:start !important;
    overflow:hidden !important;
    padding-bottom:calc(var(--mobile-safe-bottom) + 10px) !important;
  }
  .language-sheet__hero{
    justify-items:center !important;
    text-align:center !important;
    gap:0 !important;
  }
  .language-sheet__sub{
    margin:14px 0 0 !important;
    max-width:32ch !important;
    font-size:14px !important;
    line-height:1.75 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    color:rgba(17,17,17,.62) !important;
  }
  .language-menu{
    gap:6px !important;
    overflow:hidden !important;
  }

  .order-shell--mobile-shared .invoice-row,
  .orderlist-page .invoice-row,
  .order-drawer .invoice-row{
    gap:6px 12px !important;
  }
  .order-shell--mobile-shared .invoice-row__xcode,
  .orderlist-page .invoice-row__xcode,
  .order-drawer .invoice-row__xcode{
    margin-top:-3px !important;
  }
  .order-shell--mobile-shared .invoice-row__footer,
  .orderlist-page .invoice-row__footer,
  .order-drawer .invoice-row__footer{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:4px !important;
    width:100% !important;
    text-align:left !important;
  }
  .order-shell--mobile-shared .invoice-row__qty,
  .order-shell--mobile-shared .invoice-row__action,
  .orderlist-page .invoice-row__qty,
  .orderlist-page .invoice-row__action,
  .order-drawer .invoice-row__qty,
  .order-drawer .invoice-row__action{
    justify-content:flex-start !important;
    justify-self:start !important;
    align-self:flex-start !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    text-align:left !important;
  }
  .order-shell--mobile-shared .invoice-row__qty .qty-control,
  .orderlist-page .invoice-row__qty .qty-control,
  .order-drawer .invoice-row__qty .qty-control{
    justify-content:flex-start !important;
    margin:0 !important;
  }
  .order-shell--mobile-shared .invoice-row__action .cart-remove,
  .orderlist-page .invoice-row__action .cart-remove,
  .order-drawer .invoice-row__action .cart-remove{
    display:inline-flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    align-self:flex-start !important;
    text-align:left !important;
    margin:0 !important;
    padding:0 !important;
  }

  .products-page .model-selector-shell,
  .products-page .selector-scroll-shell--options{
    overflow:hidden !important;
  }
  .products-page [data-model-stories],
  .products-page [data-size-options]{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .products-page [data-model-stories]::-webkit-scrollbar,
  .products-page [data-size-options]::-webkit-scrollbar{display:none !important;}

  .products-page .model-stories-sticky{
    margin-bottom:14px !important;
    padding:8px 0 8px !important;
  }
  .products-page .model-story{
    width:68px !important;
    gap:6px !important;
  }
  .products-page .model-story__thumb{
    width:58px !important;
    height:58px !important;
  }
  .products-page .model-story__label{
    font-size:9px !important;
    letter-spacing:.11em !important;
    line-height:1.2 !important;
  }

  .products-page [data-option-selector]{
    gap:10px !important;
    overflow:hidden !important;
  }
  .products-page .size-selector{
    margin:-1px 0 16px !important;
  }
  .products-page .size-pill{
    min-width:30px !important;
    height:30px !important;
    padding:0 9px !important;
    font-size:12px !important;
  }

  .products-page .design-card__qty--mobile{display:flex !important;}
  .products-page .design-card__qty--desktop,
  .products-page .design-card__action--desktop{display:none !important;}
  .products-page .design-card__copy{
    gap:1px !important;
  }
  .products-page .design-card__code{
    font-size:13px !important;
    font-weight:400 !important;
    letter-spacing:.05em !important;
    line-height:1.16 !important;
    text-transform:uppercase !important;
    text-align:left !important;
  }
  .products-page .design-card__xcode{
    font-size:10px !important;
    letter-spacing:.08em !important;
    line-height:1.3 !important;
    color:rgba(17,17,17,.68) !important;
    text-align:left !important;
  }
  .products-page .design-card__qty{
    min-height:30px !important;
    width:auto !important;
    justify-content:flex-start !important;
    gap:0 !important;
    border:0 !important;
    padding:0 !important;
    margin-top:4px !important;
    font-size:11px !important;
    letter-spacing:.08em !important;
  }
  .products-page .design-card__qty button{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
    border:1px solid rgba(17,17,17,.12) !important;
    border-radius:0 !important;
  }
  .products-page .design-card__qty span{
    min-width:34px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
    border-top:1px solid rgba(17,17,17,.12) !important;
    border-bottom:1px solid rgba(17,17,17,.12) !important;
    font-size:11px !important;
  }

  .recommended-page .recommended-hero h1{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(24px, 6.1vw, 28px) !important;
    letter-spacing:-.035em !important;
    line-height:.98 !important;
    white-space:normal !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:keep-all !important;
  }
  .recommended-page .recommended-grid-wrap,
  .recommended-page [data-recommended-grid],
  .recommended-page .recommended-tile{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    content-visibility:visible !important;
  }
}


/* R106 mobile final pass: language one-line helper, smooth logo slide, Instagram-like scrollers,
   stronger order left alignment, product mobile add/qty, and recommended eager visibility. */
@media (max-width:767px){
  :root{
    --mobile-logo-visual-left-offset:10px !important;
  }

  .brand{
    left:50% !important;
    transform:translate3d(calc(-50% + var(--mobile-brand-shift-x, 0px)), calc(-50% + 4px), 0) !important;
    transition:transform .48s cubic-bezier(.22,1,.36,1) !important;
    will-change:transform !important;
    backface-visibility:hidden !important;
  }
  body.drawer-open .brand,
  body.language-sheet-open .brand,
  body.search-panel-open .brand,
  body.login-panel-open .brand,
  body.order-drawer-open .brand{
    left:50% !important;
  }

  .language-sheet__panel{
    padding-bottom:calc(var(--mobile-safe-bottom) + 8px) !important;
  }
  .language-sheet__hero{
    gap:0 !important;
    margin-bottom:12px !important;
  }
  .language-sheet__sub{
    margin:10px 0 0 !important;
    max-width:none !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1.35 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    color:rgba(17,17,17,.6) !important;
  }
  .language-menu{
    gap:4px !important;
  }
  .language-menu__item{
    min-height:18px !important;
    font-size:17px !important;
    line-height:1 !important;
  }

  .stacked-title{
    display:grid !important;
    gap:0 !important;
  }
  .stacked-title__line{
    display:block !important;
    line-height:inherit !important;
  }
  .stacked-title__line + .stacked-title__line::before{
    content:none !important;
  }

  .order-shell--mobile-shared .invoice-row,
  .orderlist-page .invoice-row,
  .order-drawer .invoice-row{
    grid-template-columns:84px minmax(0,1fr) !important;
    gap:6px 10px !important;
    align-items:start !important;
  }
  .order-shell--mobile-shared .invoice-row__title,
  .orderlist-page .invoice-row__title,
  .order-drawer .invoice-row__title{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    line-height:1.14 !important;
  }
  .order-shell--mobile-shared .invoice-row__xcode,
  .orderlist-page .invoice-row__xcode,
  .order-drawer .invoice-row__xcode{
    margin-top:-5px !important;
    padding-top:0 !important;
    white-space:nowrap !important;
  }
  .order-shell--mobile-shared .invoice-row__footer,
  .orderlist-page .invoice-row__footer,
  .order-drawer .invoice-row__footer{
    display:grid !important;
    justify-items:start !important;
    align-items:start !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    margin-inline:0 !important;
  }
  .order-shell--mobile-shared .invoice-row__qty,
  .order-shell--mobile-shared .invoice-row__action,
  .orderlist-page .invoice-row__qty,
  .orderlist-page .invoice-row__action,
  .order-drawer .invoice-row__qty,
  .order-drawer .invoice-row__action{
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    justify-self:start !important;
    align-self:start !important;
    margin:0 !important;
    margin-inline:0 !important;
    padding:0 !important;
    text-align:left !important;
    direction:ltr !important;
  }
  .order-shell--mobile-shared .invoice-row__qty .qty-control,
  .orderlist-page .invoice-row__qty .qty-control,
  .order-drawer .invoice-row__qty .qty-control{
    justify-content:flex-start !important;
    margin:0 !important;
    margin-inline:0 !important;
  }
  .order-shell--mobile-shared .invoice-row__action .cart-remove,
  .orderlist-page .invoice-row__action .cart-remove,
  .order-drawer .invoice-row__action .cart-remove{
    display:inline-flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    align-self:flex-start !important;
    margin:0 !important;
    margin-inline:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .products-page [data-model-stories],
  .products-page [data-size-options]{
    scroll-snap-type:x proximity !important;
    gap:8px !important;
    padding-bottom:2px !important;
  }
  .products-page [data-model-stories] > *,
  .products-page [data-size-options] > *{
    scroll-snap-align:start !important;
    flex:0 0 auto !important;
  }
  .products-page .model-stories-sticky{
    margin-bottom:10px !important;
    padding:6px 0 4px !important;
  }
  .products-page .model-story{
    width:60px !important;
    gap:5px !important;
  }
  .products-page .model-story__thumb{
    width:50px !important;
    height:50px !important;
  }
  .products-page .model-story__label{
    font-size:8px !important;
    letter-spacing:.1em !important;
    line-height:1.15 !important;
  }
  .products-page .size-selector{
    margin:0 0 14px !important;
  }
  .products-page .size-pill{
    min-width:26px !important;
    height:28px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }

  .products-page .design-card__copy{
    gap:0 !important;
  }
  .products-page .design-card__code{
    font-size:12px !important;
    line-height:1.14 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .products-page .design-card__xcode{
    margin-top:1px !important;
    font-size:10px !important;
    line-height:1.2 !important;
    letter-spacing:.08em !important;
  }
  .products-page .design-card__action--mobile{
    display:inline-flex !important;
    width:100% !important;
    min-height:32px !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:6px !important;
    border:1px solid rgba(17,17,17,.12) !important;
    background:#fff !important;
    font-size:10px !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
  }
  .products-page .design-card__qty--mobile{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    margin-top:6px !important;
  }
  .products-page .design-card__qty-label{
    font-size:10px !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
  }
  .products-page .design-card__qty-control{
    width:100% !important;
    display:grid !important;
    grid-template-columns:32px 1fr 32px !important;
  }
  .products-page .design-card__qty{
    border:0 !important;
    padding:0 !important;
    min-height:32px !important;
  }
  .products-page .design-card__qty .design-card__qty-control button{
    width:32px !important;
    height:32px !important;
    border:1px solid rgba(17,17,17,.12) !important;
    background:#fff !important;
  }
  .products-page .design-card__qty .design-card__qty-control span{
    min-width:0 !important;
    height:32px !important;
    display:grid !important;
    place-items:center !important;
    border-top:1px solid rgba(17,17,17,.12) !important;
    border-bottom:1px solid rgba(17,17,17,.12) !important;
    border-left:0 !important;
    border-right:0 !important;
  }

  .recommended-page .recommended-hero h1{
    width:100% !important;
    font-size:clamp(22px, 5.3vw, 26px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    letter-spacing:-.03em !important;
  }
  .recommended-page .recommended-grid-wrap,
  .recommended-page .recommended-grid,
  .recommended-page .recommended-tile,
  .recommended-page .recommended-tile img{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    content-visibility:visible !important;
  }

  .about-shell{
    width:calc(100% - 24px) !important;
    padding-top:calc(var(--header-h) + var(--mobile-page-top-gap)) !important;
  }
  .about-hero{
    margin-bottom:16px !important;
  }
  .about-hero h1{
    font-size:40px !important;
    line-height:.94 !important;
  }
  .about-hero__sub{
    margin-top:12px !important;
    font-size:13px !important;
    line-height:1.7 !important;
  }
  .about-card{
    padding:22px !important;
    gap:18px !important;
  }
  .about-card__copy p{
    font-size:13px !important;
    line-height:1.8 !important;
  }
  .about-social{
    grid-template-columns:1fr !important;
  }
  .footer-phone{
    width:100% !important;
    justify-content:flex-start !important;
  }
}

/* R109 mobile final pass: restore R105 cart placement, compact language panel,
   Instagram-like product selectors, desktop-matched add controls on mobile,
   leftward brand slide, and footer/about cleanup. */
@media (max-width:767px){
  :root{
    --mobile-brand-open-shift:0px;
  }

  .brand{
    left:50% !important;
    transform:translate3d(calc(-50% - var(--mobile-brand-open-shift, 0px)), calc(-50% + 4px), 0) !important;
    transition:transform .42s cubic-bezier(.22,1,.36,1) !important;
    will-change:transform !important;
    backface-visibility:hidden !important;
  }
  body:not(.drawer-open) .brand,
  body.language-sheet-open .brand,
  body.search-panel-open .brand,
  body.login-panel-open .brand,
  body.order-drawer-open .brand{
    transform:translate3d(-50%, calc(-50% + 4px), 0) !important;
  }
  body.drawer-open .brand{
    left:50% !important;
    transform:translate3d(calc(-50% - var(--mobile-brand-open-shift, 0px)), calc(-50% + 4px), 0) !important;
  }

  .language-sheet{
    overflow:hidden !important;
  }
  .language-sheet__panel{
    padding-top:18px !important;
    padding-right:var(--mobile-page-margin) !important;
    padding-left:var(--mobile-page-margin) !important;
    padding-bottom:calc(var(--mobile-safe-bottom) + 4px) !important;
    overflow:hidden !important;
    align-content:start !important;
  }
  .language-sheet__hero{
    justify-items:start !important;
    text-align:left !important;
    gap:0 !important;
    margin-bottom:10px !important;
  }
  .language-sheet__sub{
    margin:8px 0 0 !important;
    white-space:nowrap !important;
    max-width:none !important;
    text-align:left !important;
    font-family:var(--font-display, inherit) !important;
    font-size:18px !important;
    font-weight:300 !important;
    line-height:1 !important;
    letter-spacing:-.018em !important;
    text-transform:uppercase !important;
    color:#111 !important;
  }
  .language-menu{
    gap:2px !important;
  }
  .language-menu__item{
    min-height:16px !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .order-shell--mobile-shared .invoice-row,
  .orderlist-page .invoice-row,
  .order-drawer .invoice-row{
    gap:6px 12px !important;
  }
  .order-shell--mobile-shared .invoice-row__xcode,
  .orderlist-page .invoice-row__xcode,
  .order-drawer .invoice-row__xcode{
    margin-top:-3px !important;
  }
  .order-shell--mobile-shared .invoice-row__footer,
  .orderlist-page .invoice-row__footer,
  .order-drawer .invoice-row__footer{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:4px !important;
    width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    direction:ltr !important;
  }
  .order-shell--mobile-shared .invoice-row__qty,
  .order-shell--mobile-shared .invoice-row__action,
  .orderlist-page .invoice-row__qty,
  .orderlist-page .invoice-row__action,
  .order-drawer .invoice-row__qty,
  .order-drawer .invoice-row__action{
    display:flex !important;
    justify-content:flex-start !important;
    justify-self:start !important;
    align-self:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    margin-inline:0 auto !important;
    text-align:left !important;
    direction:ltr !important;
  }
  .order-shell--mobile-shared .invoice-row__qty .qty-control,
  .orderlist-page .invoice-row__qty .qty-control,
  .order-drawer .invoice-row__qty .qty-control{
    justify-content:flex-start !important;
    margin:0 auto 0 0 !important;
  }
  .order-shell--mobile-shared .invoice-row__action .cart-remove,
  .orderlist-page .invoice-row__action .cart-remove,
  .order-drawer .invoice-row__action .cart-remove{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    align-self:flex-start !important;
    margin:0 auto 0 0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .products-page .selector-scroll-shell__hint{
    opacity:.72 !important;
    letter-spacing:.18em !important;
  }
  .products-page .model-selector-shell,
  .products-page .selector-scroll-shell--options{
    overflow:hidden !important;
  }
  .products-page .model-stories-sticky{
    margin-bottom:10px !important;
    padding:6px 0 2px !important;
  }
  .products-page .model-story{
    width:68px !important;
    gap:4px !important;
    padding-bottom:1px !important;
  }
  .products-page .model-story__thumb{
    width:58px !important;
    height:58px !important;
  }
  .products-page .model-story__label{
    font-size:9px !important;
    letter-spacing:.11em !important;
    line-height:1.1 !important;
  }
  .products-page .model-story.is-active::after{
    bottom:1px !important;
  }

  .products-page .size-selector{
    margin:-1px 0 12px !important;
    padding:8px 0 !important;
  }
  .products-page .size-selector__label h2{
    font-size:11px !important;
    line-height:1 !important;
  }
  .products-page .size-selector__options{
    gap:6px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .products-page .size-selector__options::-webkit-scrollbar{
    display:none !important;
  }
  .products-page .size-pill{
    min-width:24px !important;
    height:24px !important;
    padding:0 6px !important;
    font-size:10px !important;
    letter-spacing:.1em !important;
    flex:0 0 auto !important;
  }

  .products-page .design-card__action--mobile,
  .products-page .design-card__qty--mobile{
    display:none !important;
  }
  .products-page .design-card__action--desktop{
    display:inline-flex !important;
  }
  .products-page .design-card__qty--desktop{
    display:flex !important;
  }
  .products-page .design-card__copy{
    gap:0 !important;
  }
  .products-page .design-card__code{
    font-size:13px !important;
    font-weight:400 !important;
    letter-spacing:.05em !important;
    line-height:1.16 !important;
    text-transform:uppercase !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .products-page .design-card__xcode{
    font-size:10px !important;
    line-height:1.24 !important;
    letter-spacing:.08em !important;
    text-align:left !important;
    color:rgba(17,17,17,.68) !important;
    margin-top:1px !important;
  }
  .products-page .design-card__action,
  .products-page .design-card__qty{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-top:6px !important;
  }
  .products-page .design-card__action{
    min-height:34px !important;
    font-size:10px !important;
    letter-spacing:.1em !important;
    padding-inline:8px !important;
    justify-content:center !important;
  }
  .products-page .design-card__qty{
    min-height:34px !important;
    justify-content:flex-start !important;
    gap:0 !important;
    border:0 !important;
    padding:0 !important;
    font-size:11px !important;
    letter-spacing:.08em !important;
  }
  .products-page .design-card__qty button{
    width:34px !important;
    height:34px !important;
    font-size:16px !important;
    border:1px solid rgba(17,17,17,.12) !important;
    border-radius:0 !important;
  }
  .products-page .design-card__qty span{
    min-width:36px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border-top:1px solid rgba(17,17,17,.12) !important;
    border-bottom:1px solid rgba(17,17,17,.12) !important;
    border-left:0 !important;
    border-right:0 !important;
    font-size:11px !important;
  }

  .footer-social--merrix{
    gap:16px !important;
  }
  .footer-social__link{
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  .footer-phone{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .about-shell--editorial{
    width:calc(100% - 24px) !important;
    padding-top:calc(var(--header-h) + var(--mobile-page-top-gap)) !important;
  }
  .about-copy-only{
    width:100% !important;
  }
}


/* R109 mobile finish: restore R105 language tone left-aligned, fit all languages,
   tighten product copy to order-list rhythm, calm logo slide, and clean story/size separators. */
@media (max-width:767px){
  .language-sheet{overflow:hidden !important;}
  .language-sheet__panel{
    padding:18px var(--mobile-page-margin) calc(var(--mobile-safe-bottom) + 2px) !important;
    overflow:hidden !important;
    align-content:start !important;
  }
  .language-sheet__hero{
    justify-items:start !important;
    text-align:left !important;
    gap:0 !important;
    margin-bottom:8px !important;
  }
  .language-sheet__hero h1{
    justify-self:start !important;
    text-align:left !important;
  }
  .language-sheet__sub{
    margin:14px 0 0 !important;
    max-width:none !important;
    white-space:nowrap !important;
    text-align:left !important;
    font-family:var(--font-sans, inherit) !important;
    font-size:14px !important;
    line-height:1.75 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    color:rgba(17,17,17,.62) !important;
  }
  .language-menu{
    gap:4px !important;
    overflow:hidden !important;
  }
  .language-menu__item{
    min-height:15px !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .products-page .model-stories-sticky{
    margin-bottom:6px !important;
    padding:6px 0 8px !important;
  }
  .products-page .model-story{
    gap:5px !important;
    padding-bottom:7px !important;
  }
  .products-page .model-story__label{
    line-height:1.08 !important;
  }
  .products-page .model-story.is-active::after{
    bottom:0 !important;
    height:1px !important;
  }
  .products-page .size-selector{
    margin:0 0 12px !important;
    border-top:0 !important;
    padding:7px 0 !important;
  }
  .products-page .size-selector__label h2{
    line-height:1 !important;
  }

  .products-page .design-card__code{
    font-size:14px !important;
    font-weight:400 !important;
    letter-spacing:.06em !important;
    line-height:1.18 !important;
    text-transform:uppercase !important;
    text-align:left !important;
  }
  .products-page .design-card__xcode{
    font-size:11px !important;
    line-height:1.35 !important;
    letter-spacing:.08em !important;
    margin-top:-1px !important;
    color:rgba(17,17,17,.68) !important;
    text-align:left !important;
  }
  .products-page .design-card__action,
  .products-page .design-card__qty{
    margin-top:3px !important;
  }
  .products-page .design-card__qty{
    font-size:11px !important;
    letter-spacing:.08em !important;
  }
  .products-page .design-card__qty button{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
  }
  .products-page .design-card__qty span{
    min-width:34px !important;
    height:30px !important;
    font-size:11px !important;
  }

  .footer-social--merrix{gap:16px !important;}
  .footer-social__link{border:0 !important;background:transparent !important;padding:0 !important;}
}


@media (min-width: 1200px){
  .orderlist-page .order-clear-action,
  .order-drawer .order-clear-action{
    display:inline-flex !important;
    width:auto !important;
    justify-content:center !important;
  }
}