/* MJ Packaging V73 consolidated bundle: mj-responsive-v73.css */

/* ===== mj-mobile-header.css ===== */
/* V50 — MOBILE HEADER ONLY. Desktop remains untouched. */
.mj-mobile-shell,.mj-mobile-menu-backdrop,.mj-mobile-menu-drawer,.mj-mobile-bottom-nav{display:none}
@media(max-width:820px){
 html{scroll-padding-top:72px}
 body{padding-bottom:72px!important}
 /* Hide current desktop header only on mobile */
 body>header.mj-site-header,body>.mj-site-header,body>.mj-v13-header{display:none!important}
 .mj-mobile-shell{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;position:sticky;top:0;z-index:16000;min-height:72px;padding:8px 12px;background:#faf8f3;border-bottom:1px solid rgba(83,58,29,.14);box-shadow:0 4px 16px rgba(43,31,18,.06);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
 .mj-mobile-menu-btn{width:42px;height:42px;border:0;padding:0;border-radius:10px;background:transparent;color:#1e1b18;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
 .mj-mobile-menu-btn span{width:23px;height:2px;border-radius:99px;background:currentColor;display:block}
 .mj-mobile-logo-link{display:flex;align-items:center;min-width:0;text-decoration:none;overflow:hidden}
 .mj-mobile-logo{width:154px;max-width:44vw;height:50px;object-fit:contain;object-position:left center;display:block;background:#fff;border-radius:8px}
 .mj-mobile-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;white-space:nowrap}
 .mj-mobile-action{position:relative;width:38px;height:38px;min-width:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#5b421d;text-decoration:none;cursor:pointer;display:grid;place-items:center}
 .mj-mobile-action:active,.mj-mobile-menu-btn:active{background:rgba(151,111,57,.10)}
 .mj-mobile-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
 .mj-mobile-cart-count{position:absolute;right:0;top:1px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#6c4a19;color:#fff;font-size:15px;font-weight:800;line-height:1}
 .mj-mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:16010;background:rgba(18,15,11,.34);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
 .mj-mobile-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
 .mj-mobile-menu-drawer{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:16020;width:min(88vw,360px);padding:18px 16px 24px;background:#fbf8f2;border-right:1px solid rgba(94,69,38,.14);box-shadow:22px 0 60px rgba(34,25,16,.18);transform:translate3d(-102%,0,0);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;overscroll-behavior:contain;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
 .mj-mobile-menu-drawer.open{transform:translate3d(0,0,0)}
 .mj-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 15px;border-bottom:1px solid rgba(98,71,39,.12)}
 .mj-mobile-drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}
 .mj-mobile-drawer-brand img{width:118px;height:52px;object-fit:contain;object-position:left center;display:block;background:#fff;border-radius:8px}
 .mj-mobile-drawer-close{width:38px;height:38px;border:0;border-radius:50%;background:#efe7db;color:#3d3328;font-size:26px;cursor:pointer}
 .mj-mobile-menu-group{padding:14px 0}
 .mj-mobile-menu-title{margin:0 0 8px;padding:0 10px;color:#a36e2d;font-size:16px;line-height:1.2;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
 .mj-mobile-menu-link{min-height:48px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:11px;color:#1d1a16;text-decoration:none;font-size:22px;line-height:1.2;font-weight:650;letter-spacing:-.01em}
 .mj-mobile-menu-link:active{background:#eee6da}
 .mj-mobile-menu-link .arrow{color:#9a784b;font-size:24px;font-weight:400}
 .mj-mobile-menu-separator{height:1px;margin:4px 10px 12px;background:rgba(98,71,39,.11)}
 .mj-mobile-menu-support{margin-top:auto;padding:14px 10px 0;color:#786b5c;font-size:18px;line-height:1.45}
 .mj-mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:15990;min-height:62px;padding:5px 6px max(5px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid rgba(77,57,34,.14);box-shadow:0 -5px 18px rgba(40,30,20,.06)}
 .mj-mobile-bottom-link{min-width:0;border:0;background:transparent;color:#2d2925;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:16px;line-height:1;font-weight:600}
 .mj-mobile-bottom-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}
 .mj-mobile-bottom-link.active{color:#8a5d25}
 .mj-u-drawer{z-index:17000!important}.mj-u-backdrop{z-index:16990!important}
 @media(max-width:390px){.mj-mobile-shell{grid-template-columns:42px minmax(0,1fr) auto;gap:6px;padding-left:8px;padding-right:8px}.mj-mobile-logo{width:128px;max-width:39vw;height:46px}.mj-mobile-action{width:34px;min-width:34px;height:34px}.mj-mobile-action svg{width:19px;height:19px}}
}
@media(min-width:821px){.mj-mobile-shell,.mj-mobile-menu-backdrop,.mj-mobile-menu-drawer,.mj-mobile-bottom-nav{display:none!important}}


/* ===== mj-clean-responsive.css ===== */

/* ==========================================================
   MJ PACKAGING — CLEAN RESPONSIVE MASTER
   Large/readable, smooth, classic, mobile-first fixes.
   Loaded last to stabilize old layers.
   ========================================================== */

:root{
  --mj-clean-ink:#17130f;
  --mj-clean-muted:#6e6459;
  --mj-clean-paper:#fbf7f0;
  --mj-clean-white:#fff;
  --mj-clean-line:rgba(87,60,31,.14);
  --mj-clean-gold:#9b6b31;
  --mj-clean-green:#0c3929;
}

/* ---------- GLOBAL READABILITY ---------- */
body{
  overflow-x:hidden!important;
  text-rendering:optimizeLegibility;
}
main p, main li, main label, main input, main select, main textarea{
  font-size:max(15px,1rem);
}
button,a,input,select,textarea{
  -webkit-tap-highlight-color:transparent;
}

/* ---------- REMOVE UNWANTED OLD HOME STRIPS ---------- */
.mjp-personal{display:none!important}
.mjv55-journey{display:none!important}

/* Any left-over heading from old generated journey */
h1:has(+ .mjv55-journey),
h2:has(+ .mjv55-journey){display:none!important}

/* ---------- HEADER: DESKTOP ---------- */
@media(min-width:901px){
  .mj-v13-header,
  header.mj-site-header{
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    background:#fbfaf7!important;
    border-bottom:1px solid #e6ded2!important;
    box-shadow:0 7px 24px rgba(42,28,14,.07)!important;
  }
  .mj-v13-row{
    width:100%!important;
    max-width:1680px!important;
    min-height:96px!important;
    margin:0 auto!important;
    padding:15px 28px!important;
    display:grid!important;
    grid-template-columns:minmax(250px,310px) minmax(600px,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
  }
  .mj-v13-brand-copy strong{
    font-size:34px!important;
    line-height:1!important;
  }
  .mj-v13-brand-copy small{
    font-size:18px!important;
  }
  .mj-v13-crest{
    min-width:58px!important;
    min-height:58px!important;
    display:grid!important;
    place-items:center!important;
    font-size:24px!important;
  }
  .mj-v13-nav{
    gap:14px!important;
    min-width:0!important;
  }
  .mj-v13-nav a.mj-nav-link{
    font-size:22px!important;
    font-weight:650!important;
    padding:10px 8px!important;
    white-space:nowrap!important;
  }
  .mj-v13-actions{
    gap:10px!important;
    min-width:0!important;
  }
  .mj-v13-search-pill{
    min-width:260px!important;
    max-width:340px!important;
    min-height:52px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    font-size:21px!important;
  }
  .mj-v13-icon{
    width:48px!important;height:48px!important;
    display:grid!important;place-items:center!important;
    border:1px solid #e1d8cc!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .mj-v13-icon svg{width:23px!important;height:23px!important}
}

/* ---------- GUEST AUTH GATE ---------- */
.mj-auth-entry-wrap{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.mj-auth-entry{
  min-height:48px!important;
  padding:0 16px!important;
  font-size:21px!important;
  font-weight:800!important;
}
body.mj-auth-guest .mj-v13-actions>a[aria-label="Account"],
body.mj-auth-guest .mj-v13-actions>a[aria-label="Wishlist"],
body.mj-auth-guest .mj-v13-actions button[aria-label="Cart"]{
  display:none!important;
}
body.mj-auth-user .mj-auth-entry-wrap{display:none!important}

/* ---------- MOBILE HEADER ---------- */
@media(max-width:900px){
  .mj-announcement,.mj-v13-ann{
    min-height:34px!important;
    padding:7px 0!important;
    overflow:hidden!important;
  }
  .mj-v13-marquee-track span{
    font-size:18px!important;
    line-height:1!important;
  }

  header.mj-site-header,.mj-v13-header{
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    background:#fbfaf7!important;
    padding:0!important;
    box-shadow:0 5px 18px rgba(38,26,15,.09)!important;
  }
  .mj-v13-row{
    min-height:78px!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .mj-v13-brand{
    gap:9px!important;
    min-width:0!important;
  }
  .mj-v13-crest{
    width:48px!important;height:48px!important;
    min-width:48px!important;min-height:48px!important;
    display:grid!important;place-items:center!important;
    padding:0!important;border-radius:11px!important;
    font-size:21px!important;
  }
  .mj-v13-brand-copy{min-width:0!important}
  .mj-v13-brand-copy strong{
    display:block!important;
    font-size:24px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .mj-v13-brand-copy small{
    display:block!important;
    margin-top:4px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  .mj-v13-nav{display:none!important}
  .mj-v13-search-pill{display:none!important}

  .mj-v13-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:0!important;
  }
  .mj-auth-entry-wrap{
    display:flex!important;
    gap:5px!important;
  }
  .mj-auth-entry{
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:18px!important;
  }
  .mj-mobile-toggle{
    display:grid!important;
    place-items:center!important;
    width:44px!important;height:44px!important;
    padding:0!important;
    border:1px solid #dfd5c8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#2f261d!important;
    font-size:28px!important;
  }

  body.mj-auth-user .mj-v13-icon{
    width:42px!important;height:42px!important;
    min-width:42px!important;
    padding:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid #e2d8cb!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  body.mj-auth-user .mj-v13-icon svg{
    width:20px!important;height:20px!important;
  }

  /* clean full-width mobile menu built by stabilizer */
  .mj-clean-mobile-menu{
    position:fixed;
    left:10px;right:10px;top:var(--mj-mobile-menu-top,112px);
    z-index:100001;
    display:none;
    padding:10px;
    border:1px solid #e3d8ca;
    border-radius:16px;
    background:#fffaf4;
    box-shadow:0 22px 55px rgba(37,25,13,.18);
  }
  .mj-clean-mobile-menu.open{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .mj-clean-mobile-menu a{
    min-height:48px;
    display:flex;align-items:center;
    padding:9px 11px;
    border:1px solid #ece2d5;
    border-radius:10px;
    background:#fff;
    color:#33271b;
    text-decoration:none;
    font-size:20px;
    font-weight:750;
  }
}

/* ---------- CATEGORY / MATERIAL CARDS ---------- */
.mj-category-card,.category-card,.material-card,
[class*="category-card"],[class*="material-card"]{
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid var(--mj-clean-line)!important;
  background:#fff!important;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease!important;
}
.mj-category-card:hover,.category-card:hover,.material-card:hover,
[class*="category-card"]:hover,[class*="material-card"]:hover{
  transform:translate3d(0,-5px,0)!important;
  box-shadow:0 14px 30px rgba(48,31,14,.11)!important;
}
.mj-category-card img,.category-card img,.material-card img,
[class*="category-card"] img,[class*="material-card"] img{
  transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
}
.mj-category-card:hover img,.category-card:hover img,.material-card:hover img,
[class*="category-card"]:hover img,[class*="material-card"]:hover img{
  transform:scale(1.035)!important;
}

/* Make the circled large home category cards genuinely readable */
@media(min-width:901px){
  .categories-grid,.category-grid,.material-grid,[class*="category-grid"],[class*="material-grid"]{
    gap:18px!important;
  }
  .mj-category-card,.category-card,.material-card,
  [class*="category-card"],[class*="material-card"]{
    min-height:360px;
  }
}
@media(max-width:900px){
  .categories-grid,.category-grid,.material-grid,[class*="category-grid"],[class*="material-grid"]{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .mj-category-card,.category-card,.material-card,
  [class*="category-card"],[class*="material-card"]{
    min-height:240px!important;
  }
}
@media(max-width:520px){
  .categories-grid,.category-grid,.material-grid,[class*="category-grid"],[class*="material-grid"]{
    grid-template-columns:1fr!important;
  }
}

/* ---------- V55 SMART COMMERCE HOME SECTION ---------- */
.mjv55-wrap{
  width:min(1500px,calc(100% - 30px))!important;
}
.mjv55-hero{
  padding:30px!important;
  border-radius:22px!important;
}
.mjv55-hero h2{
  color:#17130f!important;
  font-size:clamp(38px,4.4vw,66px)!important;
  line-height:.98!important;
}
.mjv55-hero p{
  color:#62584e!important;
  font-size:23px!important;
  line-height:1.55!important;
}
.mjv55-btn,.mjv55-btn2{
  min-height:50px!important;
  padding:0 17px!important;
  font-size:20px!important;
}
.mjv55-stat b{font-size:27px!important}
.mjv55-stat span{font-size:19px!important;line-height:1.45!important}

@media(max-width:900px){
  .mjv55-wrap{width:calc(100% - 20px)!important;margin:18px auto!important}
  .mjv55-hero{padding:20px!important}
  .mjv55-hero h2{font-size:42px!important}
  .mjv55-hero p{font-size:21px!important}
  .mjv55-side{grid-template-columns:1fr 1fr!important}
}
@media(max-width:540px){
  .mjv55-hero h2{font-size:37px!important}
  .mjv55-side{grid-template-columns:1fr!important}
}

/* ---------- FIND MY SIZE PAGE ---------- */
body:has(.finder-shell) .finder-shell,
body:has(.size-finder) .size-finder,
body:has([class*="find-size"]) [class*="find-size"]{
  max-width:1500px!important;
}
body:has(.finder-shell) h1,
body:has(.size-finder) h1,
body:has([class*="find-size"]) h1{
  font-size:clamp(44px,5vw,72px)!important;
  line-height:1!important;
}
.finder-intro,.size-finder-intro,[class*="finder"] .intro,
[class*="find-size"] p{
  font-size:23px!important;
  line-height:1.6!important;
  color:#5e5851!important;
}
/* specifically boost short top-right explanatory copy */
.finder-head p,.size-finder-head p,[class*="finder-head"] p,
[class*="find-size"] > p{
  font-size:24px!important;
  line-height:1.55!important;
  max-width:520px!important;
}
@media(max-width:900px){
  body:has(.finder-shell) h1,
  body:has(.size-finder) h1,
  body:has([class*="find-size"]) h1{
    font-size:44px!important;
  }
  .finder-head,.size-finder-head,[class*="finder-head"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .finder-head p,.size-finder-head p,[class*="finder-head"] p{
    font-size:22px!important;
    max-width:none!important;
  }
}

/* ---------- PRODUCT / QUICK VIEW MOBILE ---------- */
@media(max-width:900px){
  .mj-qv-overlay{padding:8px!important;align-items:flex-end!important}
  .mj-qv{
    width:calc(100vw - 16px)!important;
    max-height:94vh!important;
    border-radius:18px 18px 10px 10px!important;
  }
  .mj-qv-media{min-height:260px!important}
  .mj-qv-media img{height:235px!important}
  .mj-qv-info{padding:24px 17px!important}
  .mj-qv-title{font-size:33px!important}
  .mj-qv-copy{font-size:21px!important}
  .mj-qv-select{height:54px!important;font-size:21px!important}
  .mj-qv-add{height:56px!important;font-size:19px!important}
}

/* ---------- BUTTON CLASSIC MOTION ---------- */
button,.btn,.mjv55-btn,.mjv55-btn2,.pp-buy,.mj-buy-trigger,.quick,.mj-qv-add{
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,background-color .16s ease!important;
}
button:hover,.btn:hover,.mjv55-btn:hover,.mjv55-btn2:hover,.pp-buy:hover,.mj-buy-trigger:hover,.quick:hover,.mj-qv-add:hover{
  transform:translate3d(0,-2px,0)!important;
}
button:active,.btn:active,.mjv55-btn:active,.mjv55-btn2:active,.pp-buy:active,.mj-buy-trigger:active,.quick:active,.mj-qv-add:active{
  transform:translate3d(0,0,0) scale(.985)!important;
}

/* ---------- MOBILE GENERAL ---------- */
@media(max-width:900px){
  h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.02!important}
  h2{font-size:clamp(28px,8vw,38px)!important;line-height:1.08!important}
  h3{font-size:27px!important;line-height:1.18!important}
  p,li{font-size:21px!important;line-height:1.55!important}
  .container,.mj-container,.pp-wrap,.page-wrap{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* ---------- PERFORMANCE ---------- */
@media(hover:none),(pointer:coarse){
  [class*="card"]:hover,.product:hover,.card:hover,.pp-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}


/* ==========================================================
   PHP FRONTEND HEADER COLLISION FIX — TARGETED ONLY
   Keeps the CLEAN RESPONSIVE header design, prevents nav/search/auth overlap.
   ========================================================== */
@media (min-width:901px){
  .mj-v13-row{
    width:min(1760px,100%)!important;
    max-width:1760px!important;
    min-height:96px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:14px 24px!important;
    display:grid!important;
    grid-template-columns:210px minmax(0,1fr) max-content!important;
    align-items:center!important;
    column-gap:18px!important;
  }

  .mj-v13-brand{
    min-width:0!important;
    max-width:210px!important;
    overflow:visible!important;
  }
  .mj-v13-brand .mj-v51-desktop-logo{
    width:176px!important;
    max-width:176px!important;
    height:68px!important;
  }

  .mj-v13-nav{
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(5px,.65vw,12px)!important;
    overflow:hidden!important;
  }
  .mj-v13-nav a.mj-nav-link{
    flex:0 1 auto!important;
    min-width:0!important;
    height:68px!important;
    padding:8px 5px!important;
    font-size:clamp(13px,.78vw,15px)!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  .mj-v13-actions{
    min-width:0!important;
    width:max-content!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    position:relative!important;
    z-index:3!important;
    background:#fbfaf7!important;
  }
  .mj-v13-search-pill{
    width:clamp(205px,14vw,270px)!important;
    min-width:0!important;
    max-width:270px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 14px!important;
    gap:9px!important;
    flex:0 1 auto!important;
  }
  .mj-v13-search-pill svg{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
  .mj-v13-search-pill span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:19px!important;
  }

  .mj-auth-entry-wrap{
    flex:0 0 auto!important;
    gap:7px!important;
  }
  .mj-auth-entry{
    min-height:46px!important;
    height:46px!important;
    padding:0 14px!important;
    font-size:20px!important;
    border-radius:999px!important;
  }

  .mj-v13-icon{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
  }
}

/* Normal laptop widths: use the existing hamburger instead of squeezing links. */
@media (min-width:901px) and (max-width:1499px){
  .mj-v13-row{
    grid-template-columns:190px minmax(180px,1fr) max-content!important;
    column-gap:14px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .mj-v13-brand .mj-v51-desktop-logo{
    width:160px!important;
    max-width:160px!important;
  }
  .mj-v13-nav{display:none!important}
  .mj-v13-header .mj-mobile-toggle{
    display:grid!important;
    place-items:center!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    border:1px solid #dfd5c8!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#2f261d!important;
    font-size:28px!important;
  }
  .mj-v13-search-pill{
    width:clamp(190px,28vw,330px)!important;
    max-width:330px!important;
    justify-self:end!important;
  }
}

/* Mid desktop: keep all links visible but compact enough that Search never overlaps News. */
@media (min-width:1500px) and (max-width:1740px){
  .mj-v13-row{
    grid-template-columns:185px minmax(0,1fr) max-content!important;
    column-gap:12px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .mj-v13-brand .mj-v51-desktop-logo{
    width:158px!important;
    max-width:158px!important;
  }
  .mj-v13-nav{gap:4px!important}
  .mj-v13-nav a.mj-nav-link{
    font-size:18.5px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .mj-v13-search-pill{
    width:205px!important;
    max-width:205px!important;
  }
  .mj-auth-entry{
    padding-left:12px!important;
    padding-right:12px!important;
    font-size:19px!important;
  }
}


/* ===== mj-final-header-mobile.css ===== */

/* ============================================================
   MJ PACKAGING — FINAL HEADER + MOBILE MASTER
   Purpose:
   1) Stop desktop header collisions/overlap permanently.
   2) Use ONE dedicated mobile header system.
   3) Normalize mobile layout/readability across public pages.
   ============================================================ */

/* ---------- DESKTOP HEADER: NO COLLISION ---------- */
@media (min-width: 901px){
  body > header.mj-site-header,
  body > .mj-v13-header,
  header.mj-site-header.mj-v13-header{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fbfaf7!important;
    border:0!important;
    border-bottom:1px solid #e3dbcf!important;
    box-shadow:0 6px 22px rgba(43,29,16,.065)!important;
    overflow:visible!important;
  }

  .mj-v13-row{
    width:min(1680px,calc(100% - 40px))!important;
    max-width:1680px!important;
    min-height:96px!important;
    height:96px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr) max-content!important;
    align-items:center!important;
    gap:22px!important;
    overflow:visible!important;
  }

  .mj-v13-brand{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    height:76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    flex:0 0 190px!important;
  }
  .mj-v13-brand .mj-v51-desktop-logo{
    display:block!important;
    width:176px!important;
    max-width:176px!important;
    height:68px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }

  .mj-v13-nav{
    min-width:0!important;
    width:100%!important;
    height:96px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(8px,1vw,18px)!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .mj-v13-nav a.mj-nav-link,
  .mj-site-header .mj-v13-nav a.mj-nav-link{
    flex:0 0 auto!important;
    min-width:0!important;
    height:96px!important;
    margin:0!important;
    padding:0 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#25211c!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }

  .mj-v13-actions{
    min-width:0!important;
    width:max-content!important;
    max-width:none!important;
    min-height:96px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    position:relative!important;
    z-index:4!important;
    white-space:nowrap!important;
    background:#fbfaf7!important;
  }

  .mj-v13-search-pill{
    flex:0 0 245px!important;
    width:245px!important;
    min-width:245px!important;
    max-width:245px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    border:1.5px solid #b7863f!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#5e554b!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .mj-v13-search-pill svg{
    flex:0 0 21px!important;
    width:21px!important;
    height:21px!important;
  }
  .mj-v13-search-pill span{
    min-width:0!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:19px!important;
    line-height:1!important;
  }

  .mj-auth-entry-wrap{
    flex:0 0 auto!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
  }
  .mj-auth-entry{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .mj-v13-icon{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e2d9cd!important;
    border-radius:12px!important;
    background:#fff!important;
  }

  .mj-v13-header .mj-mobile-toggle{
    display:none!important;
  }

  .mj-v13-header .mj-search-panel{
    top:96px!important;
  }
}

/* At laptop / medium desktop sizes: do NOT squeeze nav into actions. */
@media (min-width:901px) and (max-width:1550px){
  .mj-v13-row{
    width:calc(100% - 30px)!important;
    grid-template-columns:180px minmax(0,1fr) max-content!important;
    gap:14px!important;
  }
  .mj-v13-brand{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
  .mj-v13-brand .mj-v51-desktop-logo{
    width:164px!important;
    max-width:164px!important;
  }
  .mj-v13-nav{
    display:none!important;
  }
  .mj-v13-search-pill{
    flex-basis:clamp(210px,28vw,330px)!important;
    width:clamp(210px,28vw,330px)!important;
    min-width:210px!important;
    max-width:330px!important;
  }
  .mj-v13-header .mj-mobile-toggle{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #dfd6ca!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#28221c!important;
    font-size:28px!important;
  }
}

/* ---------- USE ONLY THE DEDICATED MOBILE HEADER ---------- */
@media (max-width:900px){
  html{
    overflow-x:hidden!important;
    scroll-padding-top:74px!important;
  }
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding-bottom:70px!important;
  }

  /* Hide desktop announcement + desktop header on mobile. */
  body > .mj-announcement,
  body > .mj-v13-ann,
  body > header.mj-site-header,
  body > .mj-site-header,
  body > .mj-v13-header{
    display:none!important;
  }

  /* Dedicated mobile shell inserted by mj-mobile-header.js */
  .mj-mobile-shell{
    position:sticky!important;
    top:0!important;
    z-index:16000!important;
    width:100%!important;
    min-height:72px!important;
    padding:8px 10px!important;
    display:grid!important;
    grid-template-columns:42px minmax(92px,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    background:#fbfaf7!important;
    border-bottom:1px solid #e4dcd1!important;
    box-shadow:0 5px 18px rgba(39,27,16,.075)!important;
  }
  .mj-mobile-menu-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    border:1px solid #e1d8cc!important;
    border-radius:11px!important;
    background:#fff!important;
  }
  .mj-mobile-menu-btn span{
    width:21px!important;
    height:2px!important;
  }
  .mj-mobile-logo-link{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .mj-mobile-logo{
    width:128px!important;
    max-width:100%!important;
    height:48px!important;
    object-fit:contain!important;
    object-position:left center!important;
    border-radius:7px!important;
    background:#fff!important;
  }

  .mj-mobile-actions{
    min-width:0!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  .mj-mobile-guest-actions,
  .mj-mobile-user-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  .mj-mobile-auth{
    min-height:40px!important;
    height:40px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #b9863f!important;
    border-radius:10px!important;
    color:#2c241b!important;
    background:#fff!important;
    text-decoration:none!important;
    font-size:18px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .mj-mobile-auth.signup{
    background:#1b1713!important;
    color:#fff!important;
    border-color:#1b1713!important;
  }
  .mj-mobile-action{
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e2d9cd!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  .mj-mobile-action svg{
    width:20px!important;
    height:20px!important;
  }

  .mj-mobile-menu-backdrop{
    z-index:16010!important;
  }
  .mj-mobile-menu-drawer{
    z-index:16020!important;
    width:min(90vw,380px)!important;
    padding:14px 14px 26px!important;
    background:#fbf8f2!important;
  }
  .mj-mobile-drawer-brand img{
    width:132px!important;
    height:52px!important;
  }
  .mj-mobile-menu-title{
    font-size:17px!important;
  }
  .mj-mobile-menu-link{
    min-height:50px!important;
    font-size:21px!important;
    font-weight:700!important;
  }

  .mj-mobile-bottom-nav{
    z-index:15990!important;
    min-height:64px!important;
    padding:5px 5px max(6px,env(safe-area-inset-bottom))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    background:rgba(255,255,255,.985)!important;
  }
  .mj-mobile-bottom-link{
    min-width:0!important;
    min-height:52px!important;
    padding:2px!important;
    font-size:16px!important;
    line-height:1.05!important;
  }
  .mj-mobile-bottom-link svg{
    width:20px!important;
    height:20px!important;
  }

  /* Hide the second/legacy mobile menu made by clean-responsive.js. */
  .mj-clean-mobile-menu{
    display:none!important;
  }

  /* ---------- GLOBAL MOBILE SIZE / SPACING ---------- */
  .home-wrap,
  .pp-page,
  .container,
  .mj-container,
  .pp-wrap,
  .page-wrap,
  .size-shell{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .home-section{
    padding:46px 0!important;
  }
  .home-head{
    display:block!important;
    margin-bottom:22px!important;
  }
  .home-head h2{
    font-size:40px!important;
    line-height:1.06!important;
    letter-spacing:-1.2px!important;
  }
  .home-head p{
    max-width:none!important;
    margin-top:10px!important;
    font-size:21px!important;
    line-height:1.55!important;
  }

  /* Hero */
  .mj-hero{
    width:100%!important;
    height:690px!important;
    min-height:690px!important;
    max-height:none!important;
    border-radius:0!important;
  }
  .hero-safe{
    width:calc(100% - 34px)!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:28px 0 48px!important;
  }
  .hero-copy,
  .hero-two .hero-copy,
  .center-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
  }
  .hero-kicker{
    margin-bottom:10px!important;
    font-size:17px!important;
    line-height:1.3!important;
  }
  .hero-copy h1{
    margin-bottom:14px!important;
    font-size:40px!important;
    line-height:1.02!important;
    letter-spacing:-1.25px!important;
  }
  .hero-copy p{
    margin-bottom:17px!important;
    max-width:none!important;
    font-size:21px!important;
    line-height:1.52!important;
  }
  .hero-cta,
  .centered{
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .hero-cta a{
    min-height:44px!important;
    padding:0 14px!important;
    font-size:18px!important;
  }
  .hero-visual,
  .visual-colour{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    height:300px!important;
    min-height:300px!important;
    margin:0!important;
  }
  .hero-layout-reverse .hero-copy{order:1!important}
  .hero-layout-reverse .hero-visual{order:2!important}
  .visual-boxes img:first-child,
  .visual-tape img{
    width:70%!important;
    max-height:92%!important;
  }
  .hero-prev{left:7px!important}
  .hero-next{right:7px!important}
  .hero-arrow{
    width:42px!important;
    height:42px!important;
    font-size:30px!important;
  }
  .hero-dots{bottom:12px!important}

  /* Trust / categories / products */
  .trust-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .trust-item{
    min-width:0!important;
    padding:16px 12px!important;
    gap:10px!important;
  }
  .trust-icon{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
  }
  .trust-item b{font-size:20px!important}
  .trust-item span{font-size:18px!important}

  .category-grid,
  .mj-category-grid,
  .categories-grid,
  .material-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .category-card,
  .mj-category-card,
  .material-card{
    min-height:0!important;
  }
  .category-media,
  .mj-category-card .category-media{
    height:260px!important;
    min-height:260px!important;
    padding:20px!important;
  }
  .category-copy{
    padding:17px!important;
  }
  .category-copy h3{
    font-size:26px!important;
  }
  .category-copy p{
    font-size:20px!important;
  }

  .product-toolbar{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .product-filters{
    width:100%!important;
    gap:7px!important;
  }
  .product-filter{
    min-height:42px!important;
    height:42px!important;
    padding:0 12px!important;
    font-size:18px!important;
  }
  .product-grid,
  .pp-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .product,
  .pp-card{
    width:100%!important;
    min-width:0!important;
  }
  .product-media{
    height:285px!important;
    padding:20px!important;
  }
  .product-info{
    padding:17px!important;
  }
  .product-info h3,
  .pp-card h3{
    min-height:0!important;
    font-size:24px!important;
  }
  .pp-buy,.mj-buy-trigger{
    min-height:50px!important;
    height:50px!important;
    font-size:21px!important;
  }

  /* Solution + footer */
  .solution-grid,
  .solution-list,
  .mj-footer-size-grid{
    grid-template-columns:1fr!important;
  }
  .solution-grid{gap:24px!important}
  .solution-copy h2{font-size:42px!important}
  .solution-copy p{font-size:21px!important}
  .solution-actions{
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .solution-actions a{
    min-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 15px!important;
    font-size:19px!important;
  }
  .solution-card{padding:22px!important}
  .solution-list{gap:9px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer-brand{font-size:35px!important}
  .footer-grid p,.footer-grid a{font-size:20px!important}
  .footer-bottom{
    display:block!important;
    font-size:18px!important;
    line-height:1.55!important;
  }
  .mj-footer-size-grid{
    padding:22px!important;
    gap:18px!important;
  }
  .mj-footer-size-copy h3{font-size:33px!important}
  .mj-footer-size-copy p{font-size:21px!important}
  .mj-footer-size-art{height:210px!important}

  /* ---------- INNER PAGES ---------- */
  .pp-page{
    padding:32px 0 72px!important;
  }
  .pp-breadcrumb{font-size:18px!important}
  .pp-title{
    font-size:42px!important;
    line-height:1.04!important;
    letter-spacing:-1px!important;
  }
  .pp-sub{
    max-width:none!important;
    margin-bottom:28px!important;
    font-size:21px!important;
    line-height:1.6!important;
  }
  .pp-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    margin-bottom:34px!important;
  }
  .pp-hero-copy{padding:28px 20px!important}
  .pp-hero-copy h1{font-size:42px!important}
  .pp-hero-copy p{font-size:21px!important}
  .pp-hero-art{min-height:230px!important}
  .pp-toolbar{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .pp-toolbar input,.pp-toolbar select{
    width:100%!important;
    min-height:48px!important;
  }
  .pp-split,
  .pp-form-grid,
  .pp-size-tool,
  .size-guide-grid,
  .dimension-row,
  .reco-grid,
  .pp-news{
    grid-template-columns:1fr!important;
  }
  .pp-filter{display:none!important}
  .size-guide,
  .pack-panel{
    padding:20px!important;
  }
  .pack-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .pack-item{
    min-height:84px!important;
  }

  /* Find My Size */
  .finder-head,
  .size-finder-head,
  [class*="finder-head"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .finder-head p,
  .size-finder-head p,
  [class*="finder-head"] p{
    max-width:none!important;
    font-size:21px!important;
    line-height:1.55!important;
  }

  /* Customise Box */
  .hero.container,
  body:has(.form-card) .container{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .form-card{
    width:100%!important;
    max-width:none!important;
    padding:22px 16px!important;
    border-radius:18px!important;
  }
  .form-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .form-group.full-width{
    grid-column:auto!important;
  }
  .form-group label{
    font-size:20px!important;
  }
  .form-group input,
  .form-group select,
  .form-group textarea{
    width:100%!important;
    min-height:50px!important;
    font-size:22px!important;
  }
  .btn-submit{
    width:100%!important;
    min-height:54px!important;
  }

  /* Account/login */
  .mj-v13-account-page{
    min-height:auto!important;
    padding:20px 12px 84px!important;
  }
  .mj-v13-auth-stage{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding:10px 0 30px!important;
  }
  .mj-v13-origami-side{
    display:none!important;
  }
  .mj-v13-auth-card{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:10px 10px 20px!important;
  }
  .mj-v13-pane{
    padding:0 10px 4px!important;
  }
  .mj-v13-pane h1{
    font-size:36px!important;
  }
  .mj-v13-two-col{
    grid-template-columns:1fr!important;
  }
  .mj-v13-auth-tabs button{
    min-height:62px!important;
  }

  /* Account dashboard */
  .mj-macos-window{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
  }
  .mj-macos-body{
    grid-template-columns:1fr!important;
  }
  .mj-macos-sidebar{
    width:100%!important;
    min-width:0!important;
    position:relative!important;
  }
  .mj-macos-main{
    min-width:0!important;
    padding:18px!important;
  }
  .mj-macos-info-grid{
    grid-template-columns:1fr!important;
  }

  /* Quick View */
  .mj-qv-overlay{
    padding:7px!important;
    align-items:flex-end!important;
  }
  .mj-qv{
    width:calc(100vw - 14px)!important;
    max-width:none!important;
    max-height:94vh!important;
    grid-template-columns:1fr!important;
    border-radius:18px 18px 9px 9px!important;
    overflow:auto!important;
  }
  .mj-qv-media{min-height:250px!important}
  .mj-qv-media img{
    width:86%!important;
    height:225px!important;
  }
  .mj-qv-info{padding:22px 15px!important}
  .mj-qv-title{font-size:32px!important}
  .mj-qv-fields{grid-template-columns:1fr!important}
  .mj-qv-qty-add{grid-template-columns:1fr!important}
  .mj-qv-tier-grid{grid-template-columns:1fr 1fr!important}

  /* Cart drawer */
  .mj-u-drawer{
    width:min(96vw,520px)!important;
    max-width:96vw!important;
  }

  /* Tables / any wide content */
  table{
    max-width:100%!important;
  }
  .table-wrap,
  [class*="table-wrap"]{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Touch: no desktop hover lift */
  .product:hover,.card:hover,.pp-card:hover,
  .category-card:hover,.mj-category-card:hover,.material-card:hover{
    transform:none!important;
  }
}

@media (max-width:430px){
  .mj-mobile-shell{
    grid-template-columns:40px minmax(78px,1fr) auto!important;
    gap:5px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .mj-mobile-menu-btn{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
  .mj-mobile-logo{
    width:112px!important;
    height:44px!important;
  }
  .mj-mobile-auth{
    min-height:38px!important;
    height:38px!important;
    padding:0 8px!important;
    font-size:17px!important;
  }
  .mj-mobile-user-actions{gap:3px!important}
  .mj-mobile-action{
    flex-basis:35px!important;
    width:35px!important;
    min-width:35px!important;
    height:35px!important;
    min-height:35px!important;
  }
  .trust-grid{grid-template-columns:1fr!important}
  .trust-item{border-right:0!important}
  .mj-hero{
    height:710px!important;
    min-height:710px!important;
  }
  .hero-copy h1{font-size:38px!important}
  .hero-visual,.visual-colour{
    height:285px!important;
    min-height:285px!important;
  }
}

@media (max-width:360px){
  .mj-mobile-logo{width:92px!important}
  .mj-mobile-auth{
    padding:0 6px!important;
    font-size:16.5px!important;
  }
  .mj-mobile-action{
    flex-basis:33px!important;
    width:33px!important;
    min-width:33px!important;
    height:33px!important;
    min-height:33px!important;
  }
}

/* Motion stays smooth and cheap */
@media (prefers-reduced-motion:reduce){
  .mj-mobile-menu-drawer,
  .mj-mobile-menu-backdrop,
  .product,.card,.pp-card,.category-card,.mj-category-card{
    transition:none!important;
  }
}


/* ===== mj-mobile-2x4-smooth.css ===== */

/* ============================================================
   MJ PACKAGING — MOBILE 2×4 COMPACT GRID + SMOOTH PASS
   Loaded LAST. Desktop remains unchanged.
   ============================================================ */
@media (max-width:900px){

  /* ---------- SHORTER MOBILE PAGE RHYTHM ---------- */
  .home-section{
    padding:34px 0!important;
  }
  .home-head{
    margin-bottom:16px!important;
  }
  .home-head h2{
    font-size:36px!important;
    line-height:1.04!important;
  }
  .home-head p{
    margin-top:7px!important;
    font-size:20px!important;
    line-height:1.45!important;
  }

  /* ---------- HOME CATEGORY GRID: 2 COLUMNS × 4 ROWS ---------- */
  .home-section .category-grid,
  .home-section .mj-category-grid,
  .categories-grid,
  .material-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }

  .home-section .category-card,
  .home-section .mj-category-card,
  .material-card{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
    contain:layout paint style!important;
    box-shadow:0 4px 14px rgba(44,29,13,.055)!important;
  }

  .home-section .category-media,
  .home-section .mj-category-card .category-media,
  .material-card .category-media{
    width:100%!important;
    height:145px!important;
    min-height:145px!important;
    padding:10px!important;
  }
  .home-section .category-media img,
  .home-section .mj-category-card .category-media img,
  .material-card img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:0!important;
    filter:none!important;
  }

  .home-section .category-copy{
    min-height:102px!important;
    padding:11px!important;
  }
  .home-section .category-copy h3{
    margin:0 0 5px!important;
    font-size:20px!important;
    line-height:1.18!important;
  }
  .home-section .category-copy p{
    margin:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:17px!important;
    line-height:1.35!important;
  }

  /* Homepage keeps exactly 8 categories = 2 × 4. */
  body:not(.mj-inner-premium) .mj-category-grid > :nth-child(n+9){
    display:none!important;
  }

  /* ---------- PRODUCT GRIDS: 2 COLUMNS ---------- */
  #homeProductGrid,
  .product-grid,
  .pp-grid,
  .products,
  body.mj-allmaterials-v16 .product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }

  #homeProductGrid .product,
  .product-grid .product,
  .product-grid .card,
  .pp-grid .pp-card,
  .products .product{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
    contain:layout paint style!important;
    box-shadow:0 4px 14px rgba(30,22,14,.055)!important;
  }

  /* Home product card */
  #homeProductGrid .product-media{
    height:150px!important;
    min-height:150px!important;
    padding:10px!important;
  }
  #homeProductGrid .product-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:0!important;
    filter:none!important;
  }
  #homeProductGrid .product-info{
    padding:10px!important;
  }
  #homeProductGrid .product-category{
    margin-bottom:4px!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  #homeProductGrid .product-info h3{
    min-height:34px!important;
    margin:0 0 5px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:19px!important;
    line-height:1.28!important;
  }
  #homeProductGrid .product-size{
    min-height:30px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  #homeProductGrid .product-rating{
    margin:4px 0!important;
    font-size:16px!important;
    letter-spacing:0!important;
  }
  #homeProductGrid .product-price{
    margin:5px 0 8px!important;
    font-size:16px!important;
  }
  #homeProductGrid .product-price strong{
    display:block!important;
    margin-top:2px!important;
    font-size:21px!important;
  }
  #homeProductGrid .pp-buy,
  #homeProductGrid .mj-buy-trigger{
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:17px!important;
  }
  #homeProductGrid .product-badge{
    top:7px!important;
    left:7px!important;
    padding:5px 7px!important;
    font-size:14px!important;
  }
  #homeProductGrid .product-wish{
    top:7px!important;
    right:7px!important;
    width:30px!important;
    height:30px!important;
    font-size:21px!important;
  }

  /* Inner .pp-card product grids */
  .pp-grid .pp-card-img{
    aspect-ratio:1/1!important;
    min-height:0!important;
  }
  .pp-grid .pp-card-img img{
    padding:9px!important;
    filter:none!important;
  }
  .pp-grid .pp-card h3{
    margin:10px 0 5px!important;
    min-height:34px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:19px!important;
    line-height:1.28!important;
  }
  .pp-grid .pp-card p{
    margin-bottom:5px!important;
    font-size:16px!important;
    line-height:1.35!important;
  }
  .pp-grid .pp-price{
    font-size:20px!important;
  }

  /* Products/category page cards generated into #products */
  .products .media{
    height:145px!important;
    min-height:145px!important;
  }
  .products .media img{
    padding:9px!important;
    filter:none!important;
  }
  .products .productInfo{
    padding:10px!important;
  }
  .products .meta{
    font-size:15px!important;
    line-height:1.3!important;
  }
  .products .productInfo h3{
    min-height:34px!important;
    margin:4px 0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:18px!important;
    line-height:1.28!important;
  }
  .products .sizeLine{
    max-width:100%!important;
    padding:4px 6px!important;
    font-size:15px!important;
    white-space:normal!important;
  }
  .products .price{
    margin:7px 0!important;
    font-size:21px!important;
  }
  .products .row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .products .row .btn{
    width:100%!important;
    min-height:36px!important;
    padding:6px!important;
    font-size:16px!important;
    border-radius:8px!important;
  }

  /* All Materials cards */
  body.mj-allmaterials-v16 .product-grid .card{
    border-radius:14px!important;
  }
  body.mj-allmaterials-v16 .product-grid .card .media{
    min-height:145px!important;
    height:145px!important;
  }

  /* Filters stay horizontal, compact and scrollable instead of making page tall. */
  .product-toolbar,
  .pp-toolbar{
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .product-filters,
  .productToolbar{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:2px!important;
  }
  .product-filters::-webkit-scrollbar,
  .productToolbar::-webkit-scrollbar{
    display:none!important;
  }
  .product-filter,
  .productToolbar .chip{
    flex:0 0 auto!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    font-size:16px!important;
    white-space:nowrap!important;
  }

  .products-more{
    margin-top:20px!important;
  }
  .products-more a{
    min-width:180px!important;
    height:44px!important;
    font-size:18px!important;
  }

  /* ---------- SMOOTH PERFORMANCE ---------- */
  .product,
  .card,
  .pp-card,
  .category-card,
  .mj-category-card,
  .material-card{
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
    will-change:auto!important;
    transition:transform 150ms cubic-bezier(.2,.8,.2,1),
               border-color 150ms ease!important;
  }

  .product img,
  .card img,
  .pp-card img,
  .category-card img,
  .mj-category-card img,
  .material-card img{
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
    will-change:auto!important;
    filter:none!important;
    transition:opacity 130ms linear,transform 170ms cubic-bezier(.2,.8,.2,1)!important;
  }

  /* Touch screens should not run desktop hover choreography. */
  .product:hover,
  .card:hover,
  .pp-card:hover,
  .category-card:hover,
  .mj-category-card:hover,
  .material-card:hover{
    transform:none!important;
    box-shadow:0 4px 14px rgba(30,22,14,.055)!important;
  }

  .product:hover img,
  .card:hover img,
  .pp-card:hover img,
  .category-card:hover img,
  .mj-category-card:hover img,
  .material-card:hover img{
    transform:translateZ(0)!important;
  }

  /* Avoid expensive blur/filter paints on mobile. */
  .mj-qv-overlay,
  .mj-u-backdrop,
  .mj-mobile-menu-backdrop,
  .mjs-backdrop{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Render heavy below-fold blocks only near viewport. */
  .home-section,
  .mjv55-wrap,
  .product-area,
  .solution,
  .mj-footer-size-restore,
  footer{
    content-visibility:auto;
    contain-intrinsic-size:1px 560px;
  }

  /* Reduce oversized mobile hero so homepage itself is shorter. */
  .mj-hero{
    height:620px!important;
    min-height:620px!important;
  }
  .hero-safe{
    padding-top:22px!important;
    padding-bottom:34px!important;
  }
  .hero-visual,
  .visual-colour{
    height:250px!important;
    min-height:250px!important;
  }

  /* Smart tool grids also compact */
  .mjv55-tool-grid,
  .mjv55-side{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mjv55-tool,
  .mjv55-stat{
    min-width:0!important;
    padding:12px!important;
  }
  .mjv55-tool h3,
  .mjv55-stat b{
    font-size:19px!important;
  }
  .mjv55-tool p,
  .mjv55-stat span{
    font-size:16px!important;
    line-height:1.35!important;
  }
}

@media (max-width:360px){
  #homeProductGrid,
  .product-grid,
  .pp-grid,
  .products,
  body.mj-allmaterials-v16 .product-grid,
  .home-section .category-grid,
  .home-section .mj-category-grid{
    gap:7px!important;
  }
  .home-section .category-media,
  #homeProductGrid .product-media,
  .products .media{
    height:132px!important;
    min-height:132px!important;
  }
}

.mobile-category-more{display:none}
@media(max-width:900px){
  .mobile-category-more{
    display:flex!important;
    justify-content:center!important;
    margin-top:18px!important;
  }
  .mobile-category-more a{
    min-width:180px!important;
    height:44px!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #1b1713!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#1b1713!important;
    text-decoration:none!important;
    font-size:18px!important;
    font-weight:800!important;
  }
}


/* ===== mj-final-ultra-smooth.css ===== */

/* ============================================================
   MJ PACKAGING — FINAL ULTRA-SMOOTH + READABILITY MASTER
   This file is intentionally loaded last.
   ============================================================ */

html{
  scroll-behavior:auto!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body{
  font-size:22px!important;
}

/* ---------- TEXT READABILITY: DESKTOP + LAPTOP ---------- */
@media(min-width:901px){
  .home-head p,
  .solution-copy p,
  .pp-sub,
  .pp-hero-copy p,
  .finder-head p,
  .size-finder-head p,
  [class*="finder-head"] p,
  .mj-footer-size-copy p,
  footer p,
  footer a{
    font-size:21px!important;
    line-height:1.58!important;
  }

  .home-head h2{
    font-size:clamp(38px,3.2vw,54px)!important;
    line-height:1.04!important;
  }

  .category-copy h3,
  .mj-category-card h3,
  .material-card h3{
    font-size:23px!important;
    line-height:1.25!important;
  }
  .category-copy p,
  .mj-category-card p,
  .material-card p{
    font-size:19px!important;
    line-height:1.45!important;
  }

  .product-info h3,
  .pp-card h3,
  .products .productInfo h3{
    font-size:22px!important;
    line-height:1.32!important;
  }

  .product-size,
  .products .meta,
  .products .sizeLine,
  .pp-card p{
    font-size:18px!important;
    line-height:1.45!important;
  }

  button,.btn,.pp-buy,.mj-buy-trigger,.hero-cta a{
    font-size:19px!important;
  }

  input,select,textarea,label{
    font-size:20px!important;
  }
}

/* ---------- MOBILE AUTH: ALWAYS CLEAR LIKE DESKTOP ---------- */
@media(max-width:900px){
  .mj-mobile-shell{
    grid-template-columns:42px minmax(82px,1fr) max-content!important;
    gap:6px!important;
  }

  .mj-mobile-logo{
    width:112px!important;
    height:44px!important;
    max-width:100%!important;
  }

  .mj-mobile-actions{
    display:flex!important;
    width:max-content!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .mj-mobile-guest-actions{
    align-items:center!important;
    gap:5px!important;
  }

  .mj-mobile-auth{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:18.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
  }

  .mj-mobile-auth.signin{
    background:#fff!important;
    color:#211b15!important;
    border:1px solid #ad7935!important;
  }
  .mj-mobile-auth.signup{
    background:#1b1713!important;
    color:#fff!important;
    border:1px solid #1b1713!important;
  }

  body.mj-auth-guest .mj-mobile-guest-actions{
    display:flex!important;
  }
  body.mj-auth-guest .mj-mobile-user-actions{
    display:none!important;
  }
  body.mj-auth-user .mj-mobile-guest-actions{
    display:none!important;
  }
  body.mj-auth-user .mj-mobile-user-actions{
    display:flex!important;
  }

  /* ---------- MOBILE GLOBAL READABILITY ---------- */
  body{
    font-size:21px!important;
  }

  h1{
    font-size:clamp(32px,9vw,42px)!important;
    line-height:1.04!important;
  }
  h2{
    font-size:clamp(27px,7.5vw,34px)!important;
    line-height:1.08!important;
  }
  h3{
    line-height:1.24!important;
  }

  .home-head p,
  .solution-copy p,
  .pp-sub,
  .pp-hero-copy p,
  .finder-head p,
  .size-finder-head p,
  [class*="finder-head"] p,
  .mj-footer-size-copy p,
  footer p,
  footer a{
    font-size:20.5px!important;
    line-height:1.55!important;
  }

  /* 2×4 CATEGORY GRID remains compact, but readable */
  .home-section .category-copy{
    min-height:104px!important;
    padding:11px!important;
  }
  .home-section .category-copy h3{
    font-size:20.5px!important;
    line-height:1.22!important;
  }
  .home-section .category-copy p{
    font-size:17.5px!important;
    line-height:1.4!important;
  }

  /* 2×4 PRODUCT GRID remains compact, but readable */
  #homeProductGrid .product-info h3,
  .product-grid .product-info h3,
  .pp-grid .pp-card h3,
  .products .productInfo h3{
    font-size:19.5px!important;
    line-height:1.32!important;
  }

  #homeProductGrid .product-category{
    font-size:16px!important;
  }
  #homeProductGrid .product-size,
  .products .meta,
  .products .sizeLine,
  .pp-grid .pp-card p{
    font-size:16.5px!important;
    line-height:1.4!important;
  }
  #homeProductGrid .product-price,
  .products .price,
  .pp-grid .pp-price{
    font-size:17px!important;
  }
  #homeProductGrid .product-price strong{
    font-size:21.5px!important;
  }
  #homeProductGrid .pp-buy,
  #homeProductGrid .mj-buy-trigger,
  .products .row .btn{
    font-size:17.5px!important;
    font-weight:800!important;
  }

  input,select,textarea{
    font-size:22px!important;
  }
  label{
    font-size:19px!important;
  }

  .mj-mobile-menu-link{
    font-size:21px!important;
  }
  .mj-mobile-bottom-link{
    font-size:16.5px!important;
  }
}

/* Tiny phones: keep both auth buttons instead of hiding them */
@media(max-width:390px){
  .mj-mobile-shell{
    grid-template-columns:38px minmax(68px,1fr) max-content!important;
    padding-left:6px!important;
    padding-right:6px!important;
    gap:4px!important;
  }
  .mj-mobile-menu-btn{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .mj-mobile-logo{
    width:88px!important;
    height:40px!important;
  }
  .mj-mobile-auth{
    height:37px!important;
    min-height:37px!important;
    padding:0 7px!important;
    font-size:17px!important;
  }
}

/* ---------- GPU-LIGHT MOTION ---------- */
.mj-lite-reveal{
  opacity:0;
  transform:translate3d(0,12px,0);
  transition:
    opacity 260ms ease,
    transform 300ms cubic-bezier(.2,.8,.2,1)!important;
}
.mj-lite-reveal.mj-lite-in{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Keep hover subtle and paint-cheap on devices with real hover */
@media(hover:hover) and (pointer:fine){
  .product,.card,.pp-card,.category-card,.mj-category-card,.material-card{
    transition:transform 170ms cubic-bezier(.2,.8,.2,1),border-color 150ms ease!important;
  }
  .product:hover,.card:hover,.pp-card:hover,.category-card:hover,.mj-category-card:hover,.material-card:hover{
    transform:translate3d(0,-3px,0)!important;
    box-shadow:0 8px 20px rgba(35,25,15,.07)!important;
  }
  .product img,.card img,.pp-card img,.category-card img,.mj-category-card img,.material-card img{
    filter:none!important;
    transition:transform 190ms cubic-bezier(.2,.8,.2,1),opacity 120ms linear!important;
  }
  .product:hover img,.card:hover img,.pp-card:hover img,.category-card:hover img,.mj-category-card:hover img,.material-card:hover img{
    transform:translate3d(0,0,0) scale(1.018)!important;
  }
}

/* Touch: absolutely no hover animation work */
@media(hover:none),(pointer:coarse){
  .product,.card,.pp-card,.category-card,.mj-category-card,.material-card,
  .product:hover,.card:hover,.pp-card:hover,.category-card:hover,.mj-category-card:hover,.material-card:hover,
  .product img,.card img,.pp-card img,.category-card img,.mj-category-card img,.material-card img{
    transform:none!important;
    transition:none!important;
    filter:none!important;
  }
}

/* ---------- REMOVE EXPENSIVE PAINT WORK ---------- */
.mj-qv-overlay,
.mj-u-backdrop,
.mj-mobile-menu-backdrop,
.mj-cart2-backdrop,
.mjs-backdrop,
[class*="backdrop"]{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.product img,
.card img,
.pp-card img,
.category-card img,
.mj-category-card img,
.material-card img,
.mj-qv-media img{
  filter:none!important;
  -webkit-filter:none!important;
}

.glow,
[class*="particle"],
[class*="floating"],
[class*="ambient"],
[class*="decorative-glow"],
.mj-account-particle,
.mj-account-glow,
.mj-open-box,
.mj-fbox{
  animation:none!important;
  filter:none!important;
}

/* Stop animation when page isn't visible */
html.mj-page-hidden *,
html.mj-page-hidden *::before,
html.mj-page-hidden *::after{
  animation-play-state:paused!important;
}

/* Below-fold rendering optimisation */
@supports(content-visibility:auto){
  .home-section,
  .product-area,
  .solution,
  .mj-footer-size-restore,
  footer,
  .pp-page > section{
    content-visibility:auto;
    contain-intrinsic-size:1px 560px;
  }
}

/* Do not animate every generic button/card from legacy layers */
button,.btn,a{
  will-change:auto!important;
}

/* Keep Quick View smooth */
.mj-qv{
  transition:transform 180ms cubic-bezier(.2,.8,.2,1)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18)!important;
}
.mj-qv-media img{
  transition:transform 170ms ease!important;
}
.mj-qv-media:hover img{
  transform:none!important;
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* V62 density + stability patch */
@media (min-width:769px){
  body{zoom:.90;}
  .mj-u-overlay,.mj-inquiry-overlay,.mj-auth-overlay{zoom:1.111;}
}
@media (max-width:768px){
  body{zoom:1.035;}
  .mj-u-overlay,.mj-inquiry-overlay,.mj-auth-overlay{zoom:.971;}
}
html{scroll-behavior:smooth}
*{animation-timing-function:cubic-bezier(.2,.75,.25,1)}
.mj-coupon-shell{display:grid;gap:10px;margin:12px 0}
.mj-coupon-manual{padding:13px;border:1px solid rgba(120,92,52,.18);border-radius:14px;background:rgba(255,255,255,.76);backdrop-filter:blur(14px)}
.mj-coupon-manual label{display:block;font-size:18px;font-weight:800;margin-bottom:7px}
.mj-coupon-manual>div{display:grid;grid-template-columns:1fr auto;gap:8px}
.mj-coupon-manual input{min-width:0;height:42px;border:1px solid #d8cbbb;border-radius:10px;padding:0 12px;font:700 13px -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;outline:none}
.mj-coupon-manual input:focus{border-color:#a56d2a;box-shadow:0 0 0 3px rgba(165,109,42,.12)}
.mj-coupon-manual button{height:42px;border:0;border-radius:10px;padding:0 16px;background:#17130f;color:#fff;font-weight:800;cursor:pointer}
.mj-coupon-checkout{margin:16px 0;padding:14px;border:1px solid rgba(201,164,86,.25);border-radius:14px;background:rgba(255,255,255,.055)}
.mj-coupon-checkout>label{display:block;font-size:18px;font-weight:800;margin-bottom:8px}
.mj-coupon-entry{display:grid;grid-template-columns:1fr auto;gap:8px}
.mj-coupon-entry input{height:42px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.07);color:inherit;padding:0 12px;outline:none}
.mj-coupon-entry button,.mj-best-coupon button{border:0;border-radius:10px;padding:0 16px;font-weight:800;cursor:pointer}
.mj-best-coupon{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 12px;border-radius:12px;background:rgba(201,164,86,.10);border:1px solid rgba(201,164,86,.22)}
.mj-best-coupon strong,.mj-best-coupon small{display:block}.mj-best-coupon small{opacity:.72;margin-top:3px}
.mj-coupon-message{font-size:18px;font-weight:700;margin-top:8px;color:#56d486}.mj-coupon-message.bad{color:#ff7b72}
.mj-pay-btn{transition:transform .16s ease,border-color .16s ease,background .16s ease}.mj-pay-btn:hover{transform:translateY(-1px)}

/* V63 storefront performance + cart polish */
.mj-u-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;color:#52606d;font-size:17px;font-weight:750;text-align:center}
.mj-u-assurance span{padding:8px 5px;border:1px solid #e7e3dc;border-radius:10px;background:#faf9f6}
.mj-u-continue{width:100%;margin-top:8px;height:40px;border:0;background:transparent;color:#5e554b;font-weight:800;cursor:pointer}
.mj-u-card{box-shadow:0 3px 14px rgba(30,24,16,.06)!important}
.mj-u-drawer{box-shadow:-24px 0 80px rgba(0,0,0,.13)!important}
.mj-reset-overlay{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;background:rgba(20,20,20,.48);backdrop-filter:blur(10px)}
.mj-reset-card{width:min(430px,calc(100% - 30px));padding:24px;border-radius:20px;background:#fff;box-shadow:0 30px 90px #0003}.mj-reset-card input{width:100%;height:48px;margin:6px 0;padding:0 12px;border:1px solid #ddd;border-radius:11px}.mj-reset-card button{width:100%;height:48px;margin-top:8px;border:0;border-radius:11px;background:#17130f;color:#fff;font-weight:850}
.mj-auth-secondary{min-height:45px;border:1px solid #cfc5b8;border-radius:11px;background:#fff;color:#2a241e;font-weight:800;cursor:pointer}
@media(max-width:760px){.mj-u-assurance{grid-template-columns:1fr 1fr}.mj-u-assurance span:last-child{grid-column:1/-1}}

/* V63 authentication + performance */
.mj-otp-login{margin-top:14px;padding:13px;border:1px solid rgba(128,100,68,.18);border-radius:14px;background:rgba(255,255,255,.58)}
.mj-otp-title{font-size:18px;font-weight:850;margin-bottom:8px}
.mj-otp-grid{display:grid;grid-template-columns:130px 1fr auto;gap:7px;margin-top:7px}
.mj-otp-verify{grid-template-columns:1fr auto}
.mj-otp-grid input,.mj-otp-grid select{min-width:0;height:42px;border:1px solid #d8cec0;border-radius:10px;background:#fff;padding:0 10px;outline:none}
.mj-otp-grid button{min-height:42px;border:0;border-radius:10px;background:#1b1713;color:#fff;padding:0 12px;font-weight:800;cursor:pointer}
.mj-otp-login small{display:block;margin-top:8px;color:#786e64;line-height:1.35}
@media(max-width:620px){.mj-otp-grid,.mj-otp-verify{grid-template-columns:1fr}.mj-otp-grid button{width:100%}}
/* Remove expensive generic effects globally */
*,*::before,*::after{will-change:auto!important}
@media(prefers-reduced-motion:no-preference){
 .product,.pp-card,.category-card,.mj-category-card,.material-card,.btn,button{
   animation-duration:.001ms!important;animation-iteration-count:1!important
 }
}

/* V63 final FPS guard */
.mj-u-drawer,.mj-u-backdrop,.mj-qv,.mj-qv-overlay,.mj-mobile-menu-drawer,.mj-mobile-menu-backdrop,
header,.topbar,[class*="glass"],[class*="backdrop"]{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.product img,.pp-card img,.category-card img,.mj-category-card img,.material-card img{filter:none!important}
@media(hover:none),(pointer:coarse){
  *{transition-duration:.001ms!important}
}

/* V63 final rendering cost reduction */
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif!important}
@media(min-width:901px){
 .product,.pp-card,.category-card,.material-card,.mj-category-card{box-shadow:0 3px 12px rgba(34,24,14,.045)!important}
}
@media(max-width:900px){
 .product,.pp-card,.category-card,.material-card,.mj-category-card{box-shadow:0 2px 8px rgba(34,24,14,.04)!important}
}



/* FINAL MAIN BASE: announcement remains visible above the single mobile header */
@media(max-width:820px){
 .mj-announcement.mj-v13-ann{display:block!important;height:30px!important;min-height:30px!important;padding:0!important;overflow:hidden!important}
 .mj-v13-marquee,.mj-v13-marquee-track{height:30px!important}
 .mj-v13-marquee-track{display:inline-flex!important;align-items:center!important;gap:20px!important;min-width:max-content!important;animation:mjV13Ticker 26s linear infinite!important;will-change:transform}
 .mj-v13-marquee-track span{font-size:18px!important;line-height:36px!important;white-space:nowrap!important}
 .mj-v13-marquee-track i{font-size:18px!important}
 .mj-mobile-shell{top:0!important}
}
@media(prefers-reduced-motion:reduce){.mj-v13-marquee-track{animation:none!important;transform:none!important}}