/* assets/css/pages/index-inline-1.css */
/* 1. Universal macOS SF Pro Smooth System Font Overrides */
  *, *::before, *::after {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
  }

  /* 2. Announcement Bar - Match Exact Image Emerald/Forest Green & Textured Feel */
  .mj-announcement, .mj-v13-ann {
    background: linear-gradient(180deg, #0d3822 0%, #082817 100%) !important;
    color: #e0c272 !important;
    border-bottom: 1px solid #1a4d31 !important;
    padding: 10px 0 !important;
    font-weight: 600 !important;
  }

  .mj-v13-marquee-track span {
    color: #e3c87a !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
  }

  .mj-v13-marquee-track i {
    color: #c4a148 !important;
  }

  /* 3. Header Background & Layout Alignment */
  header.mj-site-header, .mj-v13-header {
    background: #f7f6f2 !important;
    border-bottom: 1px solid #e3dec3 !important;
    padding: 18px 36px !important;
  }

  .mj-v13-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
  }

  /* 4. macOS Typography Brand Logo */
  .mj-v13-brand {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
  }

  .mj-v13-crest {
    background: linear-gradient(145deg, #c49a45, #8c6820) !important;
    border: 1.5px solid #6b4d13 !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.4), 0 2px 4px rgba(0,0,0,0.15) !important;
  }

  .mj-v13-brand-copy strong {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #241d14 !important;
    letter-spacing: -0.4px !important;
  }

  .mj-v13-brand-copy small {
    color: #8c6e3d !important;
    font-size: 17px !important;
    letter-spacing: 1.2px !important;
    font-weight: 700 !important;
  }

  /* 5. Navigation Links - Balanced macOS Style */
  .mj-v13-nav, nav.mj-v13-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    margin: 0 auto !important;
    height: 100% !important;
  }

  .mj-v13-nav a.mj-nav-link, 
  .mj-site-header a.mj-nav-link {
    font-size: 26px !important;
    font-weight: 500 !important;
    color: #1d1d1f !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 4px 6px !important;
    letter-spacing: -0.3px !important;
    transition: color 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s ease !important;
  }

  .mj-v13-nav a.mj-nav-link:hover,
  .mj-site-header a.mj-nav-link:hover {
    color: #b3852b !important;
    transform: translateY(-1px);
  }

  /* 6. Gold Accent Search Pill & Restored Action Icons/Cart Size */
  .mj-v13-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .mj-v13-search-pill {
    background: #ffffff !important;
    border: 2px solid #c9a456 !important;
    border-radius: 40px !important;
    padding: 10px 22px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #444444 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  }

  .mj-v13-icon {
    color: #705218 !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 6px !important;
    cursor: pointer !important;
  }

  /* Restore proper proportions for header icons and Cart button */
  .mj-v13-icon svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
  }

  button.mj-v13-icon.mj-cart-trigger {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .mj-head-count {
    background: #8c6820 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
  }

/* assets/css/mj-core.css */
/* MJ Packaging V73 consolidated bundle: mj-core.css */

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

/* MJ Packaging scoped header inspired by supplied Parul Packaging archive */
.mj-site-header{position:relative;z-index:1000;background:#fff;color:#171717;border-bottom:1px solid #e9e9e9;font-family:Arial,Helvetica,sans-serif}
.mj-site-header *{box-sizing:border-box}
.mj-head-top{min-height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;max-width:1680px;margin:auto;padding:0 42px}
.mj-head-search{justify-self:start;display:flex;align-items:center;gap:10px;font-size:22px;color:#313131;cursor:pointer;border:0;background:transparent;padding:14px 0}
.mj-head-search svg,.mj-head-tools svg{width:24px;height:24px;stroke-width:1.6}
.mj-head-brand{font-size:43px;line-height:1;font-weight:800;letter-spacing:-1.1px;text-decoration:none;color:#161616;white-space:nowrap}
.mj-head-brand small{display:block;text-align:center;font-size:16px;letter-spacing:4.6px;font-weight:700;margin-top:8px;color:#555}
.mj-head-tools{justify-self:end;display:flex;align-items:center;gap:25px}
.mj-head-tool{position:relative;display:grid;place-items:center;width:39px;height:44px;text-decoration:none;color:#161616;background:none;border:0;cursor:pointer;padding:0}
.mj-head-count{position:absolute;right:-5px;top:4px;min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#171717;color:white;font-size:16px;font-weight:700;padding:0 4px}
.mj-main-nav{border-top:1px solid #f0f0f0;background:#fff}
.mj-main-nav-inner{max-width:1680px;margin:auto;min-height:66px;padding:0 42px;display:flex;align-items:center;justify-content:center;gap:38px;overflow:visible}
.mj-nav-link{position:relative;text-decoration:none;color:#232323;font-weight:600;font-size:22px;letter-spacing:.1px;padding:23px 2px 21px;white-space:nowrap}
.mj-nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:16px;height:2px;background:#171717;transition:right .22s ease}
.mj-nav-link:hover:after,.mj-nav-link.active:after{right:0}
.mj-mobile-toggle{display:none}
.mj-search-panel{display:none;position:absolute;left:0;right:0;top:104px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #ddd;padding:25px 42px;box-shadow:0 14px 30px rgba(0,0,0,.08)}
.mj-search-panel.open{display:block}
.mj-search-inner{max-width:1100px;margin:auto;display:flex;gap:10px}.mj-search-inner input{flex:1;height:54px;border:1px solid #bbb;padding:0 18px;font-size:23px}.mj-search-inner button{height:54px;padding:0 27px;background:#151515;color:#fff;border:0;font-weight:700}
@media(max-width:1100px){.mj-head-top{min-height:88px;padding:0 22px}.mj-head-brand{font-size:36px}.mj-main-nav-inner{padding:0 22px;gap:20px;justify-content:flex-start;overflow-x:auto}.mj-nav-link{font-size:20px}.mj-head-tools{gap:14px}.mj-search-panel{top:88px}.mj-head-search span{display:none}}
@media(max-width:760px){.mj-head-top{grid-template-columns:auto 1fr auto;min-height:76px;padding:0 16px;gap:10px}.mj-mobile-toggle{display:grid;place-items:center;width:38px;height:40px;border:0;background:none;font-size:30px}.mj-head-search{display:none}.mj-head-brand{justify-self:center;font-size:30px}.mj-head-brand small{font-size:14px;letter-spacing:3px;margin-top:5px}.mj-head-tools{gap:5px}.mj-head-tool{width:31px}.mj-head-tool.account,.mj-head-tool.wishlist{display:none}.mj-main-nav{display:none}.mj-main-nav.open{display:block}.mj-main-nav-inner{display:block;padding:8px 20px 18px;max-height:70vh;overflow:auto}.mj-nav-link{display:block;padding:15px 5px;border-bottom:1px solid #eee;font-size:22px}.mj-nav-link:after{display:none}.mj-search-panel{top:76px;padding:16px}.mj-site-header.mobile-search .mj-search-panel{display:block}}

/* ===== LARGE DESKTOP UI OVERRIDES ===== */
@media (min-width:1201px){
  .mj-head-top{min-height:126px;max-width:1840px;padding:0 58px;gap:36px}
  .mj-head-search{font-size:24px;gap:12px}
  .mj-head-search svg,.mj-head-tools svg{width:28px;height:28px}
  .mj-head-brand{font-size:52px;letter-spacing:-1.5px}
  .mj-head-brand small{font-size:17px;letter-spacing:5.5px;margin-top:9px}
  .mj-head-tools{gap:30px}
  .mj-head-tool{width:46px;height:50px}
  .mj-head-count{min-width:21px;height:21px;font-size:17px;right:-6px;top:1px}
  .mj-main-nav-inner{max-width:1840px;min-height:78px;padding:0 58px;gap:46px}
  .mj-nav-link{font-size:24px;padding:28px 3px 25px}
  .mj-nav-link:after{bottom:19px;height:2px}
  .mj-search-panel{top:126px;padding:30px 58px}
  .mj-search-inner{max-width:1320px}.mj-search-inner input{height:62px;font-size:25px}.mj-search-inner button{height:62px;font-size:22px;padding:0 34px}
}

/* TARGETED ONLY: hide Account + Wishlist, preserve every other button */
.mj-site-header a[href="account.php"],
.mj-site-header a[href="/account"],
.mj-site-header a[href*="/account/"],
.mj-site-header a[href="wishlist.php"],
.mj-site-header a[href="/wishlist"],
.mj-site-header a[href*="/wishlist/"],
.mj-site-header [data-role="account"],
.mj-site-header [data-role="wishlist"]{
  display:none!important;
}

/* FINAL HEADER VISIBILITY FIX — preserve Search, Logo, Nav and Cart */
.mj-site-header,
.mj-head-top,
.mj-head-search,
.mj-head-brand,
.mj-head-tools,
.mj-head-tool,
.mj-main-nav,
.mj-main-nav-inner,
.mj-nav-link{
  opacity:1!important;
  visibility:visible!important;
}
.mj-head-top{
  display:grid!important;
}
.mj-head-search{
  display:inline-flex!important;
}
.mj-head-brand{
  display:flex!important;
}
.mj-head-tools{
  display:flex!important;
}
.mj-head-tool:not(.account):not(.wishlist){
  display:inline-flex!important;
}
.mj-main-nav{
  display:block!important;
}
.mj-main-nav-inner{
  display:flex!important;
}
.mj-nav-link{
  display:inline-flex!important;
}
/* exact requested removals only */
.mj-head-tool.account,
.mj-head-tool.wishlist{display:none!important}
@media(max-width:900px){
  .mj-main-nav{display:none!important}
  .mj-main-nav.open{display:block!important}
}

/* =========================================================
   HEADER ONLY — FINAL PREMIUM PROPORTION FIX
   No hero/product/category/page styles touched.
   ========================================================= */
@media (min-width:901px){
  .mj-site-header{
    position:sticky!important;
    top:0!important;
    z-index:10000!important;
    background:rgba(255,255,255,.985)!important;
    border-bottom:1px solid #e7e2da!important;
    box-shadow:0 7px 24px rgba(25,18,10,.055)!important;
    backdrop-filter:blur(14px);
  }

  /* Main row: compact, balanced */
  .mj-head-top{
    min-height:82px!important;
    height:82px!important;
    max-width:1500px!important;
    padding:0 38px!important;
    gap:28px!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
  }

  /* Search: proper small premium control instead of floating text */
  .mj-head-search{
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:112px!important;
    height:42px!important;
    padding:0 14px!important;
    border:1px solid #dfd8ce!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#252525!important;
    font-size:20px!important;
    font-weight:650!important;
    box-shadow:0 2px 8px rgba(0,0,0,.025)!important;
  }
  .mj-head-search:hover{
    border-color:#b98a50!important;
    background:#fbf7f0!important;
    transform:translateY(-1px);
  }
  .mj-head-search svg{
    width:18px!important;
    height:18px!important;
    stroke-width:1.8!important;
  }

  /* Brand: centered and proportionate */
  .mj-head-brand{
    justify-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    font-size:42px!important;
    line-height:.94!important;
    font-weight:850!important;
    letter-spacing:-1.25px!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  .mj-head-brand small{
    margin-top:7px!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:4px!important;
    font-weight:750!important;
    color:#6b645d!important;
  }

  /* Right side / cart: no lonely icon */
  .mj-head-tools{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .mj-head-tool:not(.account):not(.wishlist){
    position:relative!important;
    width:auto!important;
    min-width:92px!important;
    height:42px!important;
    padding:0 13px!important;
    border:1px solid #1b1b1b!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:#171717!important;
    color:#fff!important;
  }
  .mj-head-tool:not(.account):not(.wishlist)::before{
    content:"Cart";
    font-size:20px;
    font-weight:800;
    line-height:1;
  }
  .mj-head-tool:not(.account):not(.wishlist):hover{
    background:#b87a31!important;
    border-color:#b87a31!important;
    transform:translateY(-1px);
  }
  .mj-head-tool:not(.account):not(.wishlist) svg{
    width:18px!important;
    height:18px!important;
    stroke-width:1.8!important;
  }
  .mj-head-count{
    position:static!important;
    min-width:21px!important;
    height:21px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#d6f43b!important;
    color:#111!important;
    font-size:17px!important;
    font-weight:900!important;
  }

  /* Navigation: integrated, not a huge detached strip */
  .mj-main-nav{
    border-top:1px solid #f1ede8!important;
    background:#fff!important;
  }
  .mj-main-nav-inner{
    max-width:1500px!important;
    min-height:54px!important;
    height:54px!important;
    padding:0 38px!important;
    gap:32px!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .mj-nav-link{
    height:54px!important;
    padding:0 2px!important;
    display:inline-flex!important;
    align-items:center!important;
    color:#262626!important;
    font-size:21px!important;
    font-weight:720!important;
    letter-spacing:.05px!important;
  }
  .mj-nav-link:after{
    bottom:8px!important;
    height:2px!important;
    background:#b87a31!important;
  }

  /* Search dropdown must align to the new 82px main row */
  .mj-search-panel{
    top:82px!important;
    padding:22px 38px!important;
    border-top:1px solid #eee8df!important;
    box-shadow:0 20px 38px rgba(0,0,0,.10)!important;
  }
  .mj-search-inner{
    max-width:1180px!important;
  }
  .mj-search-inner input{
    height:52px!important;
    font-size:22px!important;
    border-radius:5px 0 0 5px!important;
  }
  .mj-search-inner button{
    height:52px!important;
    font-size:20px!important;
    border-radius:0 5px 5px 0!important;
  }
}

/* Tablet: still balanced */
@media (min-width:761px) and (max-width:900px){
  .mj-head-top{
    min-height:78px!important;
    padding:0 24px!important;
  }
  .mj-head-brand{font-size:37px!important}
  .mj-head-brand small{font-size:13px!important;letter-spacing:3.5px!important}
}

/* Mobile: keep existing mobile menu behavior, just tidy proportions */
@media(max-width:760px){
  .mj-site-header{
    box-shadow:0 5px 18px rgba(0,0,0,.06)!important;
  }
  .mj-head-top{
    min-height:72px!important;
    height:72px!important;
  }
  .mj-head-brand{
    font-size:31px!important;
  }
  .mj-head-brand small{
    font-size:13px!important;
    letter-spacing:2.7px!important;
  }
  .mj-head-tool:not(.account):not(.wishlist){
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    background:#171717!important;
    color:#fff!important;
  }
  .mj-head-tool:not(.account):not(.wishlist)::before{
    display:none!important;
  }
  .mj-head-count{
    right:-5px!important;
    top:-4px!important;
    position:absolute!important;
    background:#d6f43b!important;
    color:#111!important;
  }
  .mj-search-panel{top:72px!important}
}

/* PARUL-STYLE SINGLE ROW HEADER — SCOPED */
.mj-ann-parul{height:34px!important;min-height:34px!important;background:#b97836!important;color:#fff!important;overflow:hidden!important;border:0!important;position:relative!important;z-index:10020!important}
.mj-ann-marquee{height:34px;overflow:hidden;white-space:nowrap}
.mj-ann-marquee-track{display:inline-flex;align-items:center;gap:34px;min-width:max-content;height:34px;animation:mjMarquee 26s linear infinite}
.mj-ann-marquee-track span{position:static!important;opacity:1!important;transform:none!important;animation:none!important;display:inline-block!important;font-size:19px!important;font-weight:850!important;letter-spacing:.1px!important;white-space:nowrap!important}
@keyframes mjMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.mj-parul-header{position:sticky!important;top:0!important;z-index:10010!important;background:#fff!important;border-bottom:1px solid #e5dfd7!important;box-shadow:0 3px 14px rgba(0,0,0,.035)!important}
.mj-parul-row{width:min(1580px,calc(100% - 64px));height:74px;margin:auto;display:grid;grid-template-columns:255px 1fr auto;align-items:center;gap:30px}
.mj-parul-brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#171717!important}
.mj-logo-box{width:44px;height:50px;display:grid;place-items:center;border:2px solid #b97836;border-radius:7px;background:linear-gradient(145deg,#f5dfbd,#d5a15c);font-size:23px;font-weight:950;letter-spacing:-1px;box-shadow:0 4px 10px rgba(120,73,26,.08)}
.mj-logo-copy{display:flex;flex-direction:column;line-height:1}
.mj-logo-copy strong{font-size:33px;letter-spacing:-1px;font-weight:900;white-space:nowrap}
.mj-logo-copy small{margin-top:5px;font-size:13.5px;letter-spacing:2.8px;font-weight:800;color:#625b54}

.mj-parul-nav{display:flex;align-items:center;justify-content:center;gap:27px;white-space:nowrap}
.mj-parul-nav .mj-nav-link{position:relative!important;display:inline-flex!important;align-items:center!important;height:74px!important;padding:0!important;font-size:20px!important;font-weight:750!important;color:#202020!important;text-decoration:none!important}
.mj-parul-nav .mj-nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:13px;height:2px;background:#b97836;transition:right .22s ease}
.mj-parul-nav .mj-nav-link:hover:after,.mj-parul-nav .mj-nav-link.active:after{right:0}

.mj-parul-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:15px!important}
.mj-parul-actions .mj-icon-btn{width:40px!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important;color:#1c1c1c!important;display:grid!important;place-items:center!important;position:relative!important;border-radius:50%!important;text-decoration:none!important;cursor:pointer!important}
.mj-parul-actions .mj-icon-btn:hover{background:#f5eee5!important;color:#a76727!important;transform:translateY(-1px)!important}
.mj-parul-actions .mj-icon-btn svg{width:23px!important;height:23px!important;stroke-width:1.55!important}
.mj-parul-actions .mj-head-count{position:absolute!important;right:-2px!important;top:-3px!important;min-width:19px!important;height:19px!important;padding:0 5px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#181818!important;color:#fff!important;font-size:16px!important;font-weight:900!important}
.mj-parul-header .mj-mobile-toggle{display:none!important}

.mj-parul-header .mj-search-panel{display:none!important;position:absolute!important;left:0!important;right:0!important;top:74px!important;background:#fff!important;border-top:1px solid #eee!important;border-bottom:1px solid #ddd!important;padding:20px 34px!important;box-shadow:0 18px 35px rgba(0,0,0,.08)!important}
.mj-parul-header .mj-search-panel.open{display:block!important}
.mj-parul-header .mj-search-inner{max-width:1100px!important;margin:auto!important;display:flex!important;gap:0!important}
.mj-parul-header .mj-search-inner input{flex:1!important;height:50px!important;border:1px solid #cfc7bc!important;padding:0 17px!important;font-size:21px!important;border-radius:5px 0 0 5px!important}
.mj-parul-header .mj-search-inner button{height:50px!important;padding:0 24px!important;background:#171717!important;color:#fff!important;border:0!important;border-radius:0 5px 5px 0!important;font-weight:800!important}
.mj-mobile-nav{display:none!important}

@media(max-width:1250px){
 .mj-parul-row{width:calc(100% - 36px);grid-template-columns:220px 1fr auto;gap:18px}
 .mj-logo-copy strong{font-size:29px}.mj-parul-nav{gap:17px}.mj-parul-nav .mj-nav-link{font-size:18.5px!important}.mj-parul-actions{gap:8px!important}
}
@media(max-width:980px){
 .mj-parul-row{height:68px;grid-template-columns:1fr auto;width:calc(100% - 28px)}
 .mj-parul-nav{display:none!important}
 .mj-parul-header .mj-mobile-toggle{display:grid!important;width:40px!important;height:40px!important;border:0!important;background:transparent!important;font-size:30px!important}
 .mj-parul-actions{gap:5px!important}
 .mj-parul-actions .mj-icon-btn[aria-label="Account"],.mj-parul-actions .mj-icon-btn[aria-label="Wishlist"]{display:none!important}
 .mj-mobile-nav.open{display:block!important;padding:8px 18px 18px;border-top:1px solid #eee;background:#fff}
 .mj-mobile-nav .mj-nav-link{display:block!important;padding:13px 5px!important;border-bottom:1px solid #eee!important;text-decoration:none!important;font-weight:750!important;color:#222!important}
 .mj-parul-header .mj-search-panel{top:68px!important}
}
@media(max-width:560px){
 .mj-ann-parul,.mj-ann-marquee{height:30px!important;min-height:30px!important}.mj-ann-marquee-track{height:30px;gap:22px}.mj-ann-marquee-track span{font-size:16.5px!important}
 .mj-logo-box{width:38px;height:43px;font-size:21px}.mj-logo-copy strong{font-size:26px}.mj-logo-copy small{font-size:12.5px;letter-spacing:2px}
 .mj-parul-actions .mj-icon-btn{width:36px!important;height:36px!important}
}

/* FUNCTIONALITY REPAIR ONLY: Account + Wishlist visible in Parul-style header */
@media(min-width:981px){
  .mj-parul-header .mj-parul-actions a[aria-label="Account"],
  .mj-parul-header .mj-parul-actions a[aria-label="Wishlist"],
  .mj-site-header a[href="account.php"],
  .mj-site-header a[href="wishlist.php"]{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* ===== mj-pages.css ===== */

:root{--ink:#181818;--muted:#666;--line:#e4e4e4;--soft:#f7f7f5;--warm:#f1eadf}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}.pp-page{max-width:1640px;margin:auto;padding:54px 42px 90px}.pp-breadcrumb{font-size:20px;color:#777;margin-bottom:26px}.pp-title{font-size:54px;line-height:1.05;margin:0 0 13px;letter-spacing:-1.5px}.pp-sub{font-size:24px;line-height:1.65;color:#666;max-width:820px;margin:0 0 42px}.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:26px 0 34px}.pp-toolbar select,.pp-toolbar input{height:46px;border:1px solid #ccc;background:white;padding:0 14px;font-size:21px}.pp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.pp-card{min-width:0}.pp-card-img{aspect-ratio:1/1;background:var(--soft);display:grid;place-items:center;overflow:hidden;position:relative}.pp-card-img img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .25s}.pp-card:hover img{transform:scale(1.035)}.pp-badge{position:absolute;top:14px;left:14px;background:#111;color:#fff;font-size:17px;font-weight:700;padding:7px 10px;letter-spacing:.5px}.pp-card h3{font-size:24px;margin:16px 0 7px;font-weight:650}.pp-card p{font-size:20px;color:#6b6b6b;margin:0 0 9px}.pp-price{font-size:23px;font-weight:700}.pp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;background:#171717;color:#fff;border:1px solid #171717;text-decoration:none;font-weight:700;cursor:pointer}.pp-btn.light{background:white;color:#171717}.pp-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:410px;background:#f3eee7;margin-bottom:54px}.pp-hero-copy{padding:58px 60px;align-self:center}.pp-hero-copy h1{font-size:58px;letter-spacing:-1.7px;line-height:1.02;margin:0 0 18px}.pp-hero-copy p{font-size:24px;line-height:1.65;color:#5f5b55;max-width:650px}.pp-hero-art{display:grid;place-items:center;overflow:hidden}.pp-hero-art img{width:100%;height:100%;object-fit:cover}.pp-split{display:grid;grid-template-columns:340px 1fr;gap:44px}.pp-filter{border-top:1px solid #222}.pp-filter-block{padding:23px 0;border-bottom:1px solid var(--line)}.pp-filter-block h4{font-size:22px;margin:0 0 17px}.pp-check{display:flex;align-items:center;gap:11px;padding:8px 0;font-size:21px}.pp-check input{width:18px;height:18px}.pp-form{max-width:1080px}.pp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pp-field label{display:block;font-weight:700;font-size:20px;margin-bottom:9px}.pp-field input,.pp-field select,.pp-field textarea{width:100%;min-height:54px;border:1px solid #cfcfcf;padding:13px 15px;font-size:22px;background:#fff}.pp-field textarea{min-height:140px;resize:vertical}.pp-wide{grid-column:1/-1}.pp-size-tool{display:grid;grid-template-columns:1fr 1fr;gap:38px;background:#f7f7f5;padding:42px}.pp-result{background:#161616;color:#fff;padding:40px}.pp-result h3{font-size:36px;margin:0 0 12px}.pp-result strong{display:block;font-size:54px;margin:22px 0}.pp-news{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.pp-news article{border:1px solid var(--line);background:#fff}.pp-news-img{aspect-ratio:16/10;background:#eee;overflow:hidden}.pp-news-img img{width:100%;height:100%;object-fit:cover}.pp-news-copy{padding:24px}.pp-news-copy h3{font-size:29px;line-height:1.25;margin:0 0 12px}.pp-news-copy p{color:#666;line-height:1.6}.pp-note{padding:18px 20px;background:#faf7f1;border-left:3px solid #222;color:#595959;margin:22px 0 32px}@media(max-width:1100px){.pp-grid{grid-template-columns:repeat(3,1fr)}.pp-split{grid-template-columns:270px 1fr}.pp-hero-copy h1{font-size:48px}.pp-news{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pp-page{padding:34px 18px 70px}.pp-title{font-size:42px}.pp-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.pp-card h3{font-size:21px}.pp-hero{grid-template-columns:1fr;min-height:0}.pp-hero-copy{padding:38px 24px}.pp-hero-copy h1{font-size:44px}.pp-hero-art{min-height:260px}.pp-split{grid-template-columns:1fr}.pp-filter{display:none}.pp-form-grid,.pp-size-tool{grid-template-columns:1fr}.pp-news{grid-template-columns:1fr}.pp-toolbar{align-items:flex-start;flex-direction:column}}

/* MJ connected-page polish */
.pp-page{max-width:1720px}.pp-card{position:relative}.pp-card h3{font-size:26px}.pp-card p{font-size:21px}
.pp-buy{width:100%;margin-top:13px;min-height:48px;background:#bd7926;border-color:#bd7926;border-radius:4px}
.pp-buy:hover{background:#9e631d}.pp-price{display:none}
.size-shell{max-width:1280px;margin:auto}.size-guide{background:#fff;border:1px solid #e6e1d8;border-radius:8px;padding:28px;margin-bottom:26px}
.size-guide-grid{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center}.size-diagram{background:#fff8ec;border-radius:8px;padding:22px;text-align:center}
.size-diagram .boxdraw{width:150px;height:90px;margin:18px auto;border:3px solid #b77725;transform:skewY(-8deg);background:#efd6aa}
.size-legend label{display:flex;gap:12px;align-items:center;margin:13px 0;font-size:22px}.size-legend i{width:14px;height:14px;border-radius:3px;background:#c27b25}
.pack-panel{border:1px solid #e7e1d8;border-radius:8px;padding:28px;background:#fff}.pack-toggle{display:flex;gap:10px;margin:14px 0 22px}.pack-toggle button{padding:10px 22px;border:1px solid #d6c7b2;background:#fff;border-radius:4px;font-weight:700}.pack-toggle button.active{background:#bd7926;color:#fff;border-color:#bd7926}
.dimension-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dim{position:relative}.dim span{position:absolute;right:13px;bottom:17px;color:#777}
.pack-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:18px}.pack-item{border:1px solid #eee2d1;background:#fff;border-radius:7px;padding:12px 7px;text-align:center;cursor:pointer;min-height:82px}.pack-item.active{border:2px solid #bd7926;background:#fff8ec}.pack-item b{display:block;font-size:28px;margin-bottom:4px}.pack-item small{font-size:17px;color:#666}
.reco{margin-top:28px}.reco h2{font-size:31px}.reco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reco-card{border:1px solid #e6e0d7;border-radius:7px;overflow:hidden;background:#fff}.reco-card img{width:100%;height:180px;object-fit:contain;background:#fbf7f0;padding:18px}.reco-copy{padding:16px}.reco-copy h3{font-size:23px;margin:0 0 8px}.reco-copy p{font-size:19px;color:#666;min-height:38px}.reco-copy button{width:100%;background:#bd7926;color:#fff;border:0;padding:12px;font-weight:800;border-radius:4px}
@media(max-width:900px){.size-guide-grid{grid-template-columns:1fr}.pack-grid{grid-template-columns:repeat(4,1fr)}.reco-grid{grid-template-columns:1fr}.dimension-row{grid-template-columns:1fr}}

/* ===== LARGE INNER-PAGE SCALE ===== */
@media (min-width:1201px){
  .pp-page{max-width:1840px;padding:72px 58px 120px}
  .pp-breadcrumb{font-size:22px;margin-bottom:32px}
  .pp-title{font-size:68px;letter-spacing:-2px;margin-bottom:17px}
  .pp-sub{font-size:27px;max-width:980px;margin-bottom:50px}
  .pp-toolbar{padding:23px 0;margin:34px 0 42px;gap:26px}
  .pp-toolbar select,.pp-toolbar input{height:56px;padding:0 17px;font-size:23px}
  .pp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}
  .pp-card-img{min-height:390px}.pp-card-img img{padding:32px}.pp-badge{top:16px;left:16px;font-size:19px;padding:8px 12px}
  .pp-card h3{font-size:29px;margin:20px 0 9px}.pp-card p{font-size:23px;margin-bottom:11px}.pp-price{font-size:26px}.pp-btn{min-height:60px;padding:0 30px;font-size:23px}.pp-buy{min-height:58px;font-size:23px;margin-top:16px}
  .pp-hero{grid-template-columns:1.1fr .9fr;min-height:500px;margin-bottom:72px}.pp-hero-copy{padding:72px 76px}.pp-hero-copy h1{font-size:72px}.pp-hero-copy p{font-size:27px;max-width:760px}
  .pp-split{grid-template-columns:390px 1fr;gap:58px}.pp-filter-block{padding:29px 0}.pp-filter-block h4{font-size:26px;margin-bottom:20px}.pp-check{font-size:23px;gap:13px;padding:10px 0}.pp-check input{width:21px;height:21px}
  .pp-form{max-width:1280px}.pp-form-grid{gap:28px}.pp-field label{font-size:22px;margin-bottom:11px}.pp-field input,.pp-field select,.pp-field textarea{min-height:62px;padding:15px 18px;font-size:24px}.pp-field textarea{min-height:170px}
  .pp-size-tool{gap:48px;padding:52px}.pp-result{padding:48px}.pp-result h3{font-size:42px}.pp-result strong{font-size:62px}
  .pp-news{gap:38px}.pp-news-copy{padding:30px}.pp-news-copy h3{font-size:34px}.pp-news-copy p{font-size:23px}.pp-note{padding:22px 25px;font-size:23px;margin:28px 0 38px}
  .size-shell{max-width:1500px}.size-guide{padding:38px;margin-bottom:34px}.size-guide-grid{grid-template-columns:330px 1fr;gap:44px}.size-diagram{padding:30px}.size-diagram .boxdraw{width:190px;height:115px}.size-legend label{font-size:25px;margin:17px 0}.size-legend i{width:17px;height:17px}
  .pack-panel{padding:38px}.pack-toggle{margin:18px 0 28px}.pack-toggle button{padding:13px 28px;font-size:22px}.dimension-row{gap:24px}.dim span{right:16px;bottom:20px;font-size:22px}
  .pack-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:24px}.pack-item{min-height:112px;padding:16px 10px;font-size:21px}.pack-item b{font-size:34px}.pack-item small{font-size:19px}
  .reco{margin-top:38px}.reco h2{font-size:38px}.reco-grid{gap:24px}.reco-card img{height:240px;padding:24px}.reco-copy{padding:22px}.reco-copy h3{font-size:27px}.reco-copy p{font-size:21px}.reco-copy button{padding:15px;font-size:22px}
}


/* ===== mj-premium-v2.css ===== */
.msfh{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #ddd}.msfh button{border:0;background:none;text-decoration:underline;cursor:pointer}.msfg{border-bottom:1px solid #e2e2e2}.msft{width:100%;height:52px;border:0;background:none;display:flex;justify-content:space-between;align-items:center;padding:0;font-weight:800;letter-spacing:.04em;cursor:pointer}.msfo{display:grid;gap:9px;padding:0 0 16px;max-height:190px;overflow:auto}.msfo label{display:flex;align-items:center;gap:9px;font-size:19px;cursor:pointer}.msfo input{width:16px;height:16px;accent-color:#111}.msfr{padding-bottom:16px}.msfr>div{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.msfr input{min-width:0;width:100%;height:40px;border:1px solid #d6d6d6;padding:0 8px}.msfr i{font-style:normal;font-size:17px;color:#888}.msfr small{display:block;margin-top:7px;color:#888}.msstatus{margin-top:14px;background:#f4eee5;padding:10px;text-align:center;font-size:18px;font-weight:750;border-radius:5px}
@keyframes mjRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes mjGlow{50%{transform:translate(-18px,16px) scale(1.08)}}@keyframes mjShine{from{transform:translateX(-180%) skewX(-20deg)}to{transform:translateX(500%) skewX(-20deg)}}
body:has(.mj-account-page):before{content:"";position:fixed;z-index:0;pointer-events:none;width:600px;height:600px;right:-180px;top:15%;border-radius:50%;background:radial-gradient(circle,rgba(184,121,54,.18),transparent 68%);animation:mjGlow 8s ease-in-out infinite}.mj-account-intro,.mj-auth-card-large,.mj-account-dashboard-head,.mj-account-dashboard{animation:mjRise .65s cubic-bezier(.2,.8,.2,1) both}.mj-auth-card-large{box-shadow:0 32px 95px rgba(61,39,16,.14)!important}.mj-account-menu button,.mj-account-menu a{transition:.22s}.mj-account-menu button:hover,.mj-account-menu a:hover{transform:translateX(5px)}
body:has(#wishlistGrid) #wishlistGrid>*{animation:mjRise .55s ease both;transition:transform .3s,box-shadow .3s}body:has(#wishlistGrid) #wishlistGrid>*:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(45,29,12,.12)}body:has(#wishlistGrid) #wishlistGrid img{transition:transform .45s}body:has(#wishlistGrid) #wishlistGrid>*:hover img{transform:scale(1.05)}
.mj-cart2-drawer{backdrop-filter:blur(18px);box-shadow:-28px 0 80px rgba(0,0,0,.2)!important}.mj-cart2-row{transition:.22s}.mj-cart2-row:hover{background:#fbf7f1;transform:translateX(-3px)}.mj-cart2-buy,.mj-cart2-inquiry{transition:.2s;overflow:hidden;position:relative}.mj-cart2-buy:hover,.mj-cart2-inquiry:hover{transform:translateY(-2px)}.mj-cart2-buy:after{content:"";position:absolute;top:0;bottom:0;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:mjShine 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.mj-account-intro,.mj-auth-card-large,.mj-account-dashboard-head,.mj-account-dashboard,body:has(.mj-account-page):before,.mj-cart2-buy:after{animation:none!important}}

/* ===== mj-apple-font.css ===== */

/* =========================================================
   APPLE-LIKE TYPOGRAPHY ACROSS THE ENTIRE SITE
   SF Pro is used when installed; Inter web fallback gives a close look on Windows.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --mj-apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif;
  --mj-apple-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif;
}
html,body,button,input,select,textarea,a,span,p,small,label,
header,nav,main,section,article,aside,footer,div,
.product,.card,.pp-card,.pp-page,.mj-site-header,.mj-footer{
  font-family:var(--mj-apple-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,
.hero-copy h1,.home-head h2,.pp-title,.mj-logo-copy strong,
.product h3,.card h3,.mj-account-intro h1{
  font-family:var(--mj-apple-display)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
.mj-nav-link,.mj-parul-nav .mj-nav-link{font-weight:600!important;letter-spacing:-.01em!important}
button{font-weight:600!important}


/* ===== mj-v10-font.css ===== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{
  --mj-sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Helvetica,Arial,sans-serif;
}
*{font-family:var(--mj-sf)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.mj-logo-copy strong,.hero-copy h1,.home-head h2,.pp-title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif!important;
  letter-spacing:-.03em!important;
}


/* ===== mj-v10-scale.css ===== */

/* =========================================================
   V10 GLOBAL SCALE — ~75% larger visual presence
   ========================================================= */
:root{
  --mj-font-body:18px;
  --mj-font-small:14px;
  --mj-font-nav:17px;
  --mj-font-card:18px;
  --mj-radius:12px;
}
html{font-size:24px!important}
body{
  font-size:24px!important;
  line-height:1.5!important;
}
body,button,input,select,textarea,a{font-size:inherit}

.mj-parul-row{
  width:min(1700px,calc(100% - 48px))!important;
  height:98px!important;
  grid-template-columns:330px 1fr auto!important;
}
.mj-logo-box{width:58px!important;height:66px!important;font-size:27px!important}
.mj-logo-copy strong{font-size:42px!important}
.mj-logo-copy small{font-size:16px!important;letter-spacing:3.5px!important}
.mj-parul-nav{gap:30px!important}
.mj-parul-nav .mj-nav-link{height:98px!important;font-size:23px!important}
.mj-parul-actions{gap:17px!important}
.mj-parul-actions .mj-icon-btn{width:48px!important;height:48px!important}
.mj-parul-actions .mj-icon-btn svg{width:27px!important;height:27px!important}
.mj-parul-header .mj-search-panel{top:98px!important}

.mj-ann-parul,.mj-ann-marquee{height:42px!important;min-height:42px!important}
.mj-ann-marquee-track{height:42px!important}
.mj-ann-marquee-track span{font-size:21px!important}

.home-wrap,.pp-wrap,.page-wrap,.container{
  width:min(1620px,calc(100% - 64px))!important;
}
.home-head h2,.pp-title{font-size:clamp(42px,4vw,68px)!important}
.home-head p,.pp-sub{font-size:24px!important;line-height:1.6!important}

.category-grid,.mj-category-grid{gap:28px!important}
.mj-category-card .category-media,.category-card .category-media{
  height:360px!important;min-height:360px!important;padding:28px!important
}
.mj-category-card .category-copy,.category-card .category-copy{padding:24px!important}
.mj-category-card h3,.category-card h3{font-size:30px!important}
.mj-category-card p,.category-card p{font-size:22px!important}

.product-grid{gap:28px!important}
.product,.card,.pp-card{
  border-radius:12px!important;
}
.product-media,.card .pic{
  height:390px!important;min-height:390px!important;padding:30px!important
}
.product-info,.card .info{padding:24px!important}
.product-info h3,.card .title,.card .sku{font-size:27px!important;line-height:1.35!important}
.product-size,.product-category,.card .meta,.card .price,.product-price{font-size:22px!important}
.product .pp-buy,.card .quick,.mj-buy-trigger{
  min-height:58px!important;font-size:23px!important;border-radius:7px!important
}

.filter-sidebar,.filters,.pp-filters,.all-filter,.mj-filter-sidebar{
  font-size:21px!important;
  min-width:290px!important;
}
.msft{height:60px!important;font-size:21px!important}
.msfo label{font-size:21px!important}
.msfr input{height:46px!important;font-size:21px!important}

.pp-page{padding-top:48px!important;padding-bottom:70px!important}
.pp-card{padding:24px!important}

.mj-auth-card-large{
  width:min(980px,100%)!important;
  padding:50px 56px!important;
}
.mj-auth-pane input{height:62px!important;font-size:23px!important}
.mj-auth-primary{height:62px!important;font-size:23px!important}
.mj-account-intro h1{font-size:68px!important}
.mj-account-intro p{font-size:25px!important}

@media(max-width:1000px){
  html{font-size:22px!important}
  .mj-parul-row{height:82px!important;grid-template-columns:1fr auto!important}
  .mj-parul-header .mj-search-panel{top:82px!important}
  .mj-parul-nav{display:none!important}
  .product-media,.card .pic{height:310px!important;min-height:310px!important}
}
@media(max-width:600px){
  .home-wrap,.pp-wrap,.page-wrap,.container{width:calc(100% - 28px)!important}
  .mj-account-intro h1{font-size:48px!important}
}


/* ===== mj-v10-ui.css ===== */

/* ===== V10 HOVER / REVEAL / VIEW PRODUCT ===== */
.product-media,.card .pic,.mj-category-card .category-media{position:relative;overflow:hidden!important}
.product-media img,.card .pic img,.mj-category-card img{
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease,filter .4s ease!important
}
.mj-v10-hover-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;padding:inherit!important;opacity:0!important;transform:scale(.86) rotate(4deg)!important
}
.product:hover .mj-v10-hover-img,.card:hover .mj-v10-hover-img{opacity:1!important;transform:scale(1.02) rotate(0)!important}
.product:hover .mj-v10-main-img,.card:hover .mj-v10-main-img{opacity:0!important;transform:scale(1.10) rotate(-3deg)!important}
.product:hover,.card:hover,.mj-category-card:hover{
  transform:translateY(-10px)!important;box-shadow:0 28px 60px rgba(43,27,10,.13)!important
}
.mj-category-card:hover img{transform:scale(1.07) translateY(-6px) rotate(-1.5deg)!important}
.mj-view-product-btn{
  position:absolute;left:50%;bottom:18px;transform:translate(-50%,14px);opacity:0;
  z-index:8;border:0;border-radius:999px;background:#171717;color:#fff;padding:11px 18px;
  font-size:20px;font-weight:700;cursor:pointer;transition:.3s
}
.product:hover .mj-view-product-btn,.card:hover .mj-view-product-btn{opacity:1;transform:translate(-50%,0)}
.mj-reveal-v10{opacity:0;transform:translateY(36px);filter:blur(5px)}
.mj-reveal-v10.in{opacity:1;transform:none;filter:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease}


/* ===== mj-font-force-final.css ===== */

/* =========================================================
   MJ FINAL TYPOGRAPHY FORCE
   Apply Apple / San Francisco style to EVERY text element.
   No local font file is bundled.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --mj-sf-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Helvetica,Arial,sans-serif;
  --mj-sf-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Helvetica,Arial,sans-serif;
}

/* Everything textual */
html,
body,
body *,
button,
input,
textarea,
select,
option,
label,
a,
p,
span,
small,
strong,
b,
em,
i,
div,
section,
article,
aside,
nav,
header,
footer,
main,
form,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
ul,
ol,
li,
details,
summary,
figcaption{
  font-family:var(--mj-sf-text)!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
}

/* Headings / brand / prominent product text */
h1,h2,h3,h4,h5,h6,
.hero-copy h1,
.home-head h2,
.pp-title,
.mj-logo-copy strong,
.product h3,
.card .title,
.card .sku,
.product-title,
.mj-u-head h2,
.mj-u-product h3,
.mj-u-cart-copy h3,
.mj-account-intro h1,
.mj-account-dashboard-head h1,
.mj-panel-title h2,
.mj-auth-card h1,
.mj-auth-card h2,
.mj-footer h2,
.mj-footer h3{
  font-family:var(--mj-sf-display)!important;
  letter-spacing:-0.03em!important;
}

/* Navigation */
.mj-nav-link,
.mj-parul-nav .mj-nav-link,
.mj-mobile-nav .mj-nav-link,
header a,
nav a{
  font-family:var(--mj-sf-text)!important;
  font-weight:600!important;
  letter-spacing:-0.01em!important;
}

/* Buttons */
button,
.pp-btn,
.mj-buy-trigger,
.pp-buy,
.quick,
.mj-u-add,
.mj-u-buy,
.mj-u-inquiry,
.mj-auth-primary,
.hero-cta a,
.solution-actions a{
  font-family:var(--mj-sf-text)!important;
  font-weight:600!important;
  letter-spacing:-0.012em!important;
}

/* Inputs */
input,
textarea,
select,
option{
  font-family:var(--mj-sf-text)!important;
  font-weight:400!important;
}
input::placeholder,
textarea::placeholder{
  font-family:var(--mj-sf-text)!important;
}

/* Prices, badges, filters, counts */
.product-price,
.price,
.stars,
.product-category,
.product-size,
.product-badge,
.mj-head-count,
.cartCount,
.msft,
.msfo,
.msfr,
.msstatus,
.mj-u-unit,
.mj-u-summary,
.mj-u-cart-meta,
.mj-u-cart-line,
.mj-u-price-note{
  font-family:var(--mj-sf-text)!important;
}

/* Generated pseudo-element text */
*::before,
*::after{
  font-family:var(--mj-sf-text)!important;
}

/* Don't interfere with icon vector rendering */
svg,
svg *,
path,
circle,
rect,
line,
polyline,
polygon{
  font-family:initial!important;
}

/* Keep numerical spacing clean */
.product-price,
.price,
.mj-u-summary-row strong,
.mj-u-cart-line,
.mj-head-count,
.cartCount{
  font-variant-numeric:tabular-nums;
}


/* ===== mj-v13-targeted.css ===== */

/* =========================================================
   V13 TARGETED HEADER + ACCOUNT + SCROLL STABILITY
   ========================================================= */

/* ----- SCROLL GLITCH FIX ----- */
/* kill blur/filter-on-scroll from older layers */
.v12-reveal,.mj-reveal-v10,[data-v11]{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.v12-reveal{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
body::before,body::after{
  position:absolute!important; /* no viewport-fixed repaint */
}
html,body{
  background-attachment:scroll!important;
}
.mj-parul-header,.mj-v13-header{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  will-change:auto!important;
}
.product,.card,.pp-card,.mj-category-card,
.home-section,.trust-item,.filter-sidebar,.mj-filter-sidebar{
  filter:none!important;
  will-change:auto!important;
}
*{
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
}

/* ----- ANNOUNCEMENT ----- */
.mj-v13-ann{
  height:44px!important;min-height:44px!important;
  background:
    linear-gradient(90deg,#07372f,#0a4439,#07372f)!important;
  color:#d8b36d!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(214,175,103,.18)!important;
}
.mj-v13-marquee{height:44px;overflow:hidden;white-space:nowrap}
.mj-v13-marquee-track{
  display:inline-flex;align-items:center;gap:22px;
  height:44px;min-width:max-content;
  animation:mjV13Ticker 34s linear infinite;
}
.mj-v13-marquee-track span{
  font-size:20px!important;font-weight:650!important;color:#d6b06c!important;letter-spacing:-.01em
}
.mj-v13-marquee-track i{font-style:normal;color:#8f6a31;font-size:24px}
@keyframes mjV13Ticker{to{transform:translateX(-50%)}}

/* ----- HEADER ----- */
.mj-v13-header{
  position:sticky!important;top:0!important;z-index:10020!important;
  background:
    radial-gradient(circle at 20% 0,rgba(187,138,75,.08),transparent 25%),
    #f6f3ed!important;
  border-bottom:1px solid #d9d0c2!important;
  box-shadow:0 8px 24px rgba(35,26,16,.055)!important;
}
.mj-v13-row{
  width:100%;height:94px;
  padding:0 clamp(30px,4vw,76px);
  display:grid;grid-template-columns:340px minmax(520px,1fr) auto;
  align-items:center;gap:34px
}
.mj-v13-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#4a3420}
.mj-v13-crest{
  width:62px;height:70px;display:grid;place-items:center;position:relative;
  border:2px solid #7e592c;border-radius:12px;
  background:linear-gradient(145deg,#ead6ae,#b98a4d);
  box-shadow:inset 0 0 0 5px rgba(255,247,224,.48),0 8px 20px rgba(87,56,24,.14)
}
.mj-v13-crest:before,.mj-v13-crest:after{
  content:"";position:absolute;inset:5px;border:1px solid rgba(87,56,24,.48);border-radius:8px
}
.mj-v13-crest:after{inset:-5px;border-style:double;border-width:3px;opacity:.45}
.mj-v13-crest span{font-size:27px;font-weight:760;position:relative;z-index:2}
.mj-v13-brand-copy{display:flex;flex-direction:column;line-height:1}
.mj-v13-brand-copy strong{font-size:37px!important;letter-spacing:-.035em!important;font-weight:650!important}
.mj-v13-brand-copy small{font-size:15px!important;letter-spacing:.25em;margin-top:7px;color:#8a6d46;font-weight:650}

.mj-v13-nav{display:flex;align-items:center;justify-content:center;gap:29px;white-space:nowrap}
.mj-v13-nav .mj-nav-link{
  height:94px!important;display:inline-flex!important;align-items:center!important;
  color:#3d3126!important;text-decoration:none!important;font-size:21px!important;font-weight:580!important;
  position:relative
}
.mj-v13-nav .mj-nav-link:after{
  content:"";position:absolute;left:50%;right:50%;bottom:19px;height:2px;background:#8f682f;transition:.22s
}
.mj-v13-nav .mj-nav-link:hover:after,.mj-v13-nav .mj-nav-link.active:after{left:0;right:0}

.mj-v13-actions{display:flex;align-items:center;gap:9px}
.mj-v13-search-pill{
  width:350px;height:52px;border-radius:999px;border:2px solid #8a652f!important;
  background:#faf9f5!important;display:flex;align-items:center;gap:10px;padding:0 17px!important;
  color:#6c604f!important;box-shadow:inset 0 0 0 4px #eee5d6,0 7px 18px rgba(55,38,18,.07);
  cursor:pointer!important;text-align:left
}
.mj-v13-search-pill svg{width:24px;height:24px;stroke-width:1.8}
.mj-v13-search-pill span{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-v13-icon{
  width:46px;height:46px;border:0;background:transparent;color:#7e6138;
  display:grid;place-items:center;position:relative;border-radius:50%;cursor:pointer;text-decoration:none
}
.mj-v13-icon:hover{background:#ece4d7;color:#4e3215}
.mj-v13-icon svg{width:25px;height:25px;stroke-width:1.6}
.mj-v13-icon .mj-head-count{
  position:absolute;right:-2px;top:-4px;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:#8c6a38;color:#fff;font-size:16px;display:grid;place-items:center
}
.mj-v13-header .mj-mobile-toggle{display:none!important}
.mj-v13-header .mj-search-panel{top:94px!important;background:#f6f3ed!important;border-color:#ddd4c7!important}

/* ----- ACCOUNT KRAFT STAGE ----- */
.mj-v13-account-page{
  padding:0!important;
  min-height:calc(100vh - 138px);
  background:
    radial-gradient(circle at 18% 22%,rgba(116,80,40,.08),transparent 30%),
    repeating-radial-gradient(circle at 0 0,rgba(73,48,25,.05) 0 1px,transparent 1px 5px),
    linear-gradient(115deg,#d8aa68,#e6bd7b 55%,#c89553)!important;
}
.mj-v13-account-page:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:
    radial-gradient(#6b4726 .7px,transparent .8px),
    radial-gradient(#8a5f32 .6px,transparent .7px);
  background-size:26px 22px,39px 33px;background-position:0 0,13px 17px
}
.mj-v13-account-shell{position:relative;z-index:2;max-width:none!important;margin:0!important}
.mj-v13-auth-stage{
  min-height:760px;
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(520px,.82fr);
  gap:40px;align-items:center;
  padding:44px clamp(42px,4vw,82px) 52px
}
.mj-v13-origami-side{position:relative;min-height:650px;color:#3d473a}
.mj-v13-eyebrow{font-size:41px;font-weight:720;letter-spacing:-.035em}
.mj-v13-eyebrow span{font-weight:650}
.mj-v13-subbrand{font-size:32px;margin-top:7px;letter-spacing:.02em}
.mj-v13-crane-wrap{height:460px;display:grid;place-items:center}
.mj-v13-crane{width:min(760px,90%);height:auto;filter:none}
.mj-v13-origami-brand{text-align:center;font-size:53px;letter-spacing:-.035em;margin-top:-15px}

.mj-v13-auth-card{
  width:min(610px,100%);
  justify-self:center;
  background:linear-gradient(145deg,rgba(241,210,162,.78),rgba(209,158,93,.78));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 20px 42px rgba(66,43,20,.24),inset 0 1px 0 rgba(255,255,255,.7);
  border-radius:22px;padding:14px 16px 24px;
}
.mj-v13-auth-tabs{
  grid-template-columns:1fr 1fr!important;
  background:rgba(134,91,43,.12)!important;padding:5px!important;margin:0 0 22px!important;border-radius:15px!important;
  height:auto!important
}
.mj-v13-auth-tabs button{
  min-height:74px!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;gap:3px!important;color:#2f342b!important
}
.mj-v13-auth-tabs button strong{font-size:25px;font-weight:650}
.mj-v13-auth-tabs button span{font-size:20px;font-weight:450}
.mj-v13-auth-tabs button.active{background:#f7f5f0!important;box-shadow:0 8px 18px rgba(70,47,22,.18)!important}

.mj-v13-pane{padding:0 20px 4px!important;gap:8px!important}
.mj-v13-pane h1{text-align:center;font-size:44px!important;color:#3e4a3b;margin:0 0 10px!important;letter-spacing:-.035em!important}
.mj-v13-pane label{font-size:22px!important;color:#251f19!important;margin:3px 0 4px!important}
.mj-v13-input{
  height:54px;background:#faf9f6;border:1px solid rgba(107,76,42,.22);border-radius:11px;
  display:grid;grid-template-columns:38px 1fr;align-items:center;padding:0 10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)
}
.mj-v13-input span{font-size:24px;color:#8b8377;text-align:center}
.mj-v13-input input{height:50px!important;border:0!important;background:transparent!important;padding:0 5px!important;font-size:22px!important;outline:0!important}
.mj-v13-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.mj-v13-full{grid-column:1/-1}
.mj-v13-row-small{display:flex;justify-content:space-between;align-items:center;margin:9px 0 6px}
.mj-v13-check{display:flex!important;align-items:center!important;gap:8px!important;font-size:20px!important;cursor:pointer}
.mj-v13-check input{width:17px;height:17px;accent-color:#537a3d}
.mj-v13-linkbtn{border:0;background:none;text-decoration:none;font-size:20px;cursor:pointer;color:#2d241c}
.mj-v13-primary{
  height:56px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#777,#a8a8a8,#6f6f6f)!important;color:#fff!important;
  box-shadow:0 9px 20px rgba(66,47,29,.18)!important;font-size:23px!important;letter-spacing:.01em
}
.mj-v13-green{background:linear-gradient(90deg,#2b6d3f,#5a9f55,#2d703e)!important}
.mj-v13-terms{margin:13px 0!important}
.mj-v13-or{display:flex;align-items:center;gap:12px;margin:18px 20px 13px;color:#493b2d;font-size:19px}
.mj-v13-or:before,.mj-v13-or:after{content:"";height:1px;flex:1;background:rgba(88,60,30,.23)}
.mj-v13-social{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px}
.mj-v13-social button{
  height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.76);
  background:rgba(249,244,234,.55);box-shadow:0 7px 16px rgba(68,44,20,.12);
  font-size:26px;cursor:pointer;color:#2b241e
}
.mj-v13-social button:hover{background:#f8f6f1}
.mj-auth-message{text-align:center;margin-top:13px!important;color:#2d6339!important;font-size:19px!important}

/* logged-in account remains functional but toned to kraft theme */
#mjLoggedAccount{padding:54px clamp(40px,5vw,90px) 70px}
#mjLoggedAccount .mj-account-dashboard-head,
#mjLoggedAccount .mj-account-menu,
#mjLoggedAccount .mj-account-content{
  background:rgba(249,245,237,.92)!important
}

/* responsive */
@media(max-width:1320px){
  .mj-v13-row{grid-template-columns:290px 1fr auto;gap:22px;padding:0 26px}
  .mj-v13-brand-copy strong{font-size:33px!important}
  .mj-v13-nav{gap:17px}.mj-v13-nav .mj-nav-link{font-size:19px!important}
  .mj-v13-search-pill{width:260px}
  .mj-v13-search-pill span{font-size:18px}
}
@media(max-width:1030px){
  .mj-v13-row{height:80px;grid-template-columns:1fr auto}
  .mj-v13-nav{display:none}
  .mj-v13-header .mj-mobile-toggle{display:grid!important;width:42px;height:42px;border:0;background:transparent;font-size:28px}
  .mj-v13-search-pill{width:52px;padding:0!important;justify-content:center}.mj-v13-search-pill span{display:none}
  .mj-v13-header .mj-search-panel{top:80px!important}
  .mj-v13-auth-stage{grid-template-columns:1fr;gap:18px}
  .mj-v13-origami-side{min-height:520px}.mj-v13-crane-wrap{height:350px}
  .mj-v13-auth-card{justify-self:center}
}
@media(max-width:650px){
  .mj-v13-ann{height:32px!important;min-height:32px!important}.mj-v13-marquee,.mj-v13-marquee-track{height:32px}
  .mj-v13-marquee-track span{font-size:16px!important}
  .mj-v13-row{padding:0 14px}
  .mj-v13-crest{width:44px;height:50px}.mj-v13-brand-copy strong{font-size:26px!important}.mj-v13-brand-copy small{font-size:12px!important}
  .mj-v13-actions{gap:3px}.mj-v13-icon{width:38px;height:38px}.mj-v13-search-pill{width:40px;height:40px}
  .mj-v13-auth-stage{padding:26px 18px 40px}
  .mj-v13-eyebrow{font-size:30px}.mj-v13-subbrand{font-size:24px}.mj-v13-origami-brand{font-size:39px}
  .mj-v13-origami-side{min-height:420px}.mj-v13-crane-wrap{height:290px}
  .mj-v13-auth-card{padding:10px 10px 20px}.mj-v13-pane{padding:0 10px!important}
  .mj-v13-two-col{grid-template-columns:1fr}.mj-v13-full{grid-column:auto}
}

/* =========================================================
   ACCOUNT LOGIC + SIGNUP OVERFLOW FIX
   ========================================================= */

/* Critical: hidden must always win over grid/flex styles */
[hidden],
#mjGuestAccount[hidden],
#mjLoggedAccount[hidden]{
  display:none!important;
}

/* Guest/auth stage only renders when NOT hidden */
#mjGuestAccount:not([hidden]).mj-v13-auth-stage{
  display:grid!important;
}

/* Logged account only renders after a valid session */
#mjLoggedAccount:not([hidden]){
  display:block!important;
}

/* Prevent Sign Up fields from escaping the card */
.mj-v13-auth-card,
.mj-v13-pane,
.mj-v13-two-col,
.mj-v13-two-col > div,
.mj-v13-input{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.mj-v13-auth-card{
  overflow:hidden!important;
}
.mj-v13-two-col{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.mj-v13-two-col > div{
  width:100%!important;
}
.mj-v13-input{
  width:100%!important;
}
.mj-v13-input input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.mj-v13-full{
  grid-column:1 / -1!important;
  width:100%!important;
}

/* Keep account shell clean when logged in */
#mjLoggedAccount:not([hidden]){
  min-height:620px;
}

/* Hide auth decorations completely after login */
body.mj-user-logged-in .mj-v13-auth-stage,
body.mj-user-logged-in #mjGuestAccount{
  display:none!important;
}

/* Hide dashboard completely while logged out */
body:not(.mj-user-logged-in) #mjLoggedAccount{
  display:none!important;
}

@media(max-width:650px){
  .mj-v13-two-col{
    grid-template-columns:1fr!important;
  }
  .mj-v13-full{
    grid-column:auto!important;
  }
}

/* LOGIN ERROR VISIBILITY — font untouched */
.mj-auth-message{
  min-height:0;
  transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;
}
.mj-auth-message.mj-login-error{
  display:block!important;
  margin:14px 20px 0!important;
  padding:12px 14px!important;
  border:1px solid #c95349!important;
  border-left:4px solid #b7352c!important;
  border-radius:9px!important;
  background:#fff1ef!important;
  color:#9d2f28!important;
  font-weight:650!important;
  text-align:left!important;
  box-shadow:0 7px 18px rgba(133,42,34,.10)!important;
  animation:mjLoginErrorIn .28s ease both;
}
@keyframes mjLoginErrorIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:none}
}
.mj-v13-input.mj-input-error{
  border-color:#c95349!important;
  background:#fff6f5!important;
  box-shadow:0 0 0 3px rgba(201,83,73,.10)!important;
}
.mj-v13-input.mj-input-error input{
  color:#49211e!important;
}

/* V14 macOS ACCOUNT DASHBOARD — logged-in view only */
#mjLoggedAccount:not([hidden]){display:block!important;padding:54px clamp(30px,4vw,70px) 70px!important;min-height:720px}
.mj-macos-window{width:100%;max-width:1180px;height:680px;margin:0 auto;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.62);border-radius:22px;box-shadow:0 35px 75px rgba(72,49,28,.18),0 10px 25px rgba(72,49,28,.08),inset 0 1px 0 rgba(255,255,255,.72);overflow:hidden}
.mj-macos-titlebar{height:46px;position:relative;display:flex;align-items:center;padding:0 18px;background:rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.42)}
.mj-traffic-lights{display:flex;gap:8px}.mj-dot{width:12px;height:12px;border-radius:50%;display:block}.mj-dot-close{background:#ff5f56;border:1px solid #e0443e}.mj-dot-min{background:#ffbd2e;border:1px solid #dea123}.mj-dot-max{background:#27c93f;border:1px solid #1aab29}
.mj-window-title{position:absolute;left:50%;transform:translateX(-50%);font-size:19px;font-weight:600;color:#756a61;letter-spacing:.01em;white-space:nowrap}
.mj-macos-body{display:grid;grid-template-columns:250px 1fr;height:calc(100% - 46px)}
.mj-macos-sidebar{background:rgba(247,242,236,.58);border-right:1px solid rgba(255,255,255,.42);padding:26px 18px 20px;display:flex;flex-direction:column;justify-content:space-between}
.mj-macos-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px;padding:0 8px}.mj-macos-logo{width:36px;height:36px;border-radius:9px;background:#8c5a3c;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700}.mj-macos-brand-copy{font-size:21px;font-weight:700;letter-spacing:.08em;color:#342b26}
.mj-macos-nav{display:grid;gap:5px}.mj-macos-nav button,.mj-macos-nav a{min-height:42px;width:100%;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#302925;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:19.5px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.mj-macos-nav button:hover,.mj-macos-nav a:hover,.mj-macos-nav button.active{background:rgba(255,255,255,.64);color:#8c5a3c;transform:translateX(2px);box-shadow:0 3px 9px rgba(54,36,19,.04)}
.mj-macos-nav span{min-width:23px;height:20px;padding:0 6px;border-radius:999px;background:#8c5a3c;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:600}
.mj-macos-signout{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.62);border-radius:9px;background:rgba(255,255,255,.52);color:#c04c47;font-size:19px;font-weight:600;cursor:pointer}.mj-macos-signout:hover{background:rgba(217,83,79,.10)}
.mj-macos-main{padding:38px 42px;overflow-y:auto;background:rgba(255,255,255,.22)}
.mj-macos-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.mj-macos-welcome h1{margin:0;font-size:35px!important;line-height:1.08!important;font-weight:700!important;color:#2d2621!important;letter-spacing:-.035em!important}.mj-macos-welcome p{margin:7px 0 0;font-size:19.5px;color:#6e655f}
.mj-status-pill{padding:7px 14px;border-radius:999px;background:rgba(39,201,63,.14);color:#1b7a27;border:1px solid rgba(39,201,63,.28);font-size:18px;font-weight:600;white-space:nowrap}
.mj-macos-section-title{font-size:23px!important;font-weight:600!important;margin:0 0 17px!important;letter-spacing:-.02em!important}
.mj-macos-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mj-macos-info-card{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.74);padding:19px 20px;border-radius:13px;box-shadow:0 5px 14px rgba(58,39,20,.035)}.mj-macos-info-card label{display:block;font-size:17px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#746a62;margin-bottom:7px}.mj-macos-info-card p{margin:0;font-size:21px;font-weight:600;color:#2d2621;word-break:break-word}
.mj-account-panel{display:none}.mj-account-panel.active{display:block}
#accountOrders,#accountInquiries{display:grid;gap:12px}
#accountOrders .mj-order-card,#accountInquiries .mj-inquiry-card{background:rgba(255,255,255,.68)!important;border:1px solid rgba(255,255,255,.74)!important;border-radius:12px!important;box-shadow:0 5px 14px rgba(58,39,20,.035)!important}
.mj-macos-empty{padding:42px 20px;text-align:center;border:1px dashed rgba(92,70,48,.22);border-radius:12px;color:#81776e;background:rgba(255,255,255,.35)}
@media(max-width:900px){.mj-macos-window{height:auto;min-height:680px}.mj-macos-body{grid-template-columns:1fr;height:auto}.mj-macos-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.42);padding:16px}.mj-macos-brand{margin-bottom:14px}.mj-macos-nav{display:flex;overflow:auto;gap:6px}.mj-macos-nav button,.mj-macos-nav a{width:auto;white-space:nowrap}.mj-macos-signout{margin-top:12px}.mj-macos-main{padding:28px 22px}}
@media(max-width:620px){#mjLoggedAccount:not([hidden]){padding:24px 12px 42px!important}.mj-macos-window{border-radius:15px}.mj-window-title{font-size:17px}.mj-macos-header{align-items:flex-start;flex-direction:column}.mj-macos-info-grid{grid-template-columns:1fr}}

/* V15: full-screen logged-in portal only */
#mjLoggedAccount:not([hidden]){padding:0!important;min-height:calc(100vh - 142px)!important;width:100%!important}
#mjLoggedAccount .mj-macos-window{max-width:none!important;width:100%!important;height:calc(100vh - 142px)!important;min-height:650px!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
#mjLoggedAccount .mj-macos-titlebar{justify-content:center!important}
#mjLoggedAccount .mj-window-title{position:static!important;transform:none!important;left:auto!important}
#mjLoggedAccount .mj-macos-body{grid-template-columns:minmax(245px,18vw) 1fr!important}
#mjLoggedAccount .mj-macos-main{padding:clamp(38px,4.2vw,70px)!important}
#mjLoggedAccount .mj-macos-header,#mjLoggedAccount .mj-account-panel{max-width:1600px}
.mj-inline-wishlist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.mj-inline-wishlist-head p{margin:5px 0 0;color:#6e655f;font-size:19.5px}
.mj-inline-shop-link{min-height:40px;padding:0 16px;border-radius:9px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.78);display:inline-flex;align-items:center;text-decoration:none;color:#2d2621;font-size:19px;font-weight:600}
.mj-inline-wishlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mj-inline-wishlist-card{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.76);border-radius:14px;padding:15px;box-shadow:0 5px 14px rgba(58,39,20,.035)}
.mj-inline-wishlist-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:rgba(250,247,242,.8);border-radius:10px}
.mj-inline-wishlist-card h3{font-size:21px;margin:12px 0 5px}.mj-inline-wishlist-card p{font-size:18px;color:#706960;margin:0}
@media(max-width:900px){#mjLoggedAccount .mj-macos-window{height:auto!important;min-height:calc(100vh - 120px)!important}#mjLoggedAccount .mj-macos-body{grid-template-columns:1fr!important}.mj-inline-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mj-inline-wishlist-grid{grid-template-columns:1fr}}

/* =========================================================
   V18 — LARGE ACCOUNT DASHBOARD
   Account page only. No functionality replaced.
   ========================================================= */

#mjLoggedAccount:not([hidden]){
  padding:34px 36px 54px!important;
  min-height:calc(100vh - 140px)!important;
  display:block!important;
}

#mjLoggedAccount .mj-macos-window{
  width:min(1500px,calc(100vw - 72px))!important;
  max-width:1500px!important;
  height:calc(100vh - 195px)!important;
  min-height:720px!important;
  margin:0 auto!important;
  border-radius:24px!important;
  box-shadow:
    0 34px 80px rgba(54,35,16,.17),
    0 12px 28px rgba(54,35,16,.08)!important;
}

/* titlebar */
#mjLoggedAccount .mj-macos-titlebar{
  height:58px!important;
  padding:0 24px!important;
}
#mjLoggedAccount .mj-window-title{
  font-size:21px!important;
  font-weight:600!important;
}

/* main 2-column structure */
#mjLoggedAccount .mj-macos-body{
  grid-template-columns:310px 1fr!important;
  height:calc(100% - 58px)!important;
}

/* left sidebar */
#mjLoggedAccount .mj-macos-sidebar{
  padding:34px 24px 26px!important;
}

#mjLoggedAccount .mj-macos-brand{
  gap:14px!important;
  margin-bottom:34px!important;
  padding:0 8px!important;
}

#mjLoggedAccount .mj-macos-logo{
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
  font-size:23px!important;
}

#mjLoggedAccount .mj-macos-brand-copy{
  font-size:25px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}

/* big navigation options */
#mjLoggedAccount .mj-macos-nav{
  gap:9px!important;
}

#mjLoggedAccount .mj-macos-nav button,
#mjLoggedAccount .mj-macos-nav a{
  min-height:56px!important;
  padding:0 17px!important;
  border-radius:11px!important;
  font-size:22px!important;
  font-weight:550!important;
}

#mjLoggedAccount .mj-macos-nav span{
  min-width:30px!important;
  height:26px!important;
  padding:0 8px!important;
  font-size:18px!important;
}

/* bigger sign out */
#mjLoggedAccount .mj-macos-signout{
  min-height:52px!important;
  border-radius:11px!important;
  font-size:21px!important;
}

/* right content */
#mjLoggedAccount .mj-macos-main{
  padding:52px 58px!important;
}

#mjLoggedAccount .mj-macos-header{
  margin-bottom:42px!important;
  gap:32px!important;
}

#mjLoggedAccount .mj-macos-welcome h1{
  font-size:46px!important;
  line-height:1.05!important;
  font-weight:700!important;
}

#mjLoggedAccount .mj-macos-welcome p{
  margin-top:9px!important;
  font-size:22px!important;
}

#mjLoggedAccount .mj-status-pill{
  padding:10px 18px!important;
  font-size:20px!important;
}

/* section heading */
#mjLoggedAccount .mj-macos-section-title{
  font-size:28px!important;
  margin-bottom:22px!important;
}

/* account info cards */
#mjLoggedAccount .mj-macos-info-grid{
  gap:20px!important;
}

#mjLoggedAccount .mj-macos-info-card{
  min-height:110px!important;
  padding:24px 26px!important;
  border-radius:15px!important;
}

#mjLoggedAccount .mj-macos-info-card label{
  font-size:18px!important;
  margin-bottom:10px!important;
}

#mjLoggedAccount .mj-macos-info-card p{
  font-size:24px!important;
  font-weight:600!important;
}

/* orders + inquiries cards */
#mjLoggedAccount #accountOrders,
#mjLoggedAccount #accountInquiries{
  gap:16px!important;
}

#mjLoggedAccount #accountOrders .mj-order-card,
#mjLoggedAccount #accountInquiries .mj-inquiry-card{
  padding:24px 26px!important;
  border-radius:14px!important;
  font-size:22px!important;
}

#mjLoggedAccount #accountOrders .mj-order-card header strong,
#mjLoggedAccount #accountInquiries .mj-inquiry-card header strong{
  font-size:24px!important;
}

#mjLoggedAccount #accountOrders .mj-order-card small,
#mjLoggedAccount #accountInquiries .mj-inquiry-card small{
  font-size:19px!important;
}

/* saved address / wishlist empty states */
#mjLoggedAccount .mj-macos-empty{
  min-height:180px!important;
  padding:54px 30px!important;
  font-size:22px!important;
}

/* inline wishlist inside account */
#mjLoggedAccount .mj-inline-wishlist-head h2{
  font-size:30px!important;
}
#mjLoggedAccount .mj-inline-wishlist-head p{
  font-size:21px!important;
}
#mjLoggedAccount .mj-inline-shop-link{
  min-height:46px!important;
  padding:0 18px!important;
  font-size:20px!important;
}
#mjLoggedAccount .mj-inline-wishlist-grid{
  gap:20px!important;
}
#mjLoggedAccount .mj-inline-wishlist-card{
  padding:18px!important;
  border-radius:16px!important;
}
#mjLoggedAccount .mj-inline-wishlist-card h3{
  font-size:23px!important;
}
#mjLoggedAccount .mj-inline-wishlist-card p{
  font-size:20px!important;
}

/* Desktop gets the large window feel */
@media(min-width:1400px){
  #mjLoggedAccount .mj-macos-window{
    width:min(1540px,calc(100vw - 90px))!important;
  }
  #mjLoggedAccount .mj-macos-body{
    grid-template-columns:330px 1fr!important;
  }
  #mjLoggedAccount .mj-macos-main{
    padding:58px 68px!important;
  }
}

/* Tablet still spacious */
@media(max-width:1050px){
  #mjLoggedAccount:not([hidden]){
    padding:20px!important;
  }
  #mjLoggedAccount .mj-macos-window{
    width:100%!important;
    height:auto!important;
    min-height:760px!important;
  }
  #mjLoggedAccount .mj-macos-body{
    grid-template-columns:260px 1fr!important;
  }
  #mjLoggedAccount .mj-macos-main{
    padding:36px!important;
  }
  #mjLoggedAccount .mj-macos-welcome h1{
    font-size:38px!important;
  }
}

/* Mobile */
@media(max-width:780px){
  #mjLoggedAccount .mj-macos-body{
    grid-template-columns:1fr!important;
  }
  #mjLoggedAccount .mj-macos-sidebar{
    padding:18px!important;
  }
  #mjLoggedAccount .mj-macos-nav{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
  }
  #mjLoggedAccount .mj-macos-nav button,
  #mjLoggedAccount .mj-macos-nav a{
    min-height:48px!important;
    white-space:nowrap!important;
    width:auto!important;
  }
  #mjLoggedAccount .mj-macos-signout{
    margin-top:14px!important;
  }
  #mjLoggedAccount .mj-macos-main{
    padding:28px 22px!important;
  }
  #mjLoggedAccount .mj-macos-info-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== mj-v15-global-font.css ===== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{--mj-global-font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Arial,sans-serif}
html,body,body *,button,input,textarea,select,option,label,a,p,span,small,strong,b,em,i,div,section,article,aside,nav,header,footer,main,form,table,thead,tbody,tfoot,tr,th,td,ul,ol,li,details,summary,figcaption,h1,h2,h3,h4,h5,h6,*::before,*::after{font-family:var(--mj-global-font)!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}
svg,svg *,path,circle,rect,line,polyline,polygon{font-family:initial!important}


/* ===== mj-desktop-logo.css ===== */

/* ==========================================================
   V51 — DESKTOP LOGO IMAGE ONLY
   Header size/layout/navigation/search remain unchanged.
   ========================================================== */

@media (min-width: 821px){
  .mj-v13-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-decoration:none!important;
    overflow:visible!important;
  }

  .mj-v13-brand .mj-v51-desktop-logo{
    display:block!important;
    width:190px!important;
    max-width:190px!important;
    height:72px!important;
    object-fit:contain!important;
    object-position:left center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Old crest/text are hidden only after image logo is injected */
  .mj-v13-brand.mj-v51-logo-ready .mj-v13-crest,
  .mj-v13-brand.mj-v51-logo-ready .mj-v13-brand-copy{
    display:none!important;
  }
}

@media (min-width: 821px) and (max-width: 1320px){
  .mj-v13-brand .mj-v51-desktop-logo{
    width:170px!important;
    max-width:170px!important;
    height:64px!important;
  }
}


/* V74 premium production refinements: consolidated into core */
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:768px){button,.btn,a.mj-v13-icon,.mj-mobile-toggle{min-height:44px}.mj-v13-nav{display:none!important}input,select,textarea{font-size:22px!important;max-width:100%}body{overflow-x:hidden}.mj70-home-grid{grid-template-columns:1fr!important}.mj70-home-smart{padding-block:48px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V74 password visibility + readability refinement */
:root{--mj-ui-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--mj-ui-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
input,select,textarea,button{font-size:22px;letter-spacing:0}
.mj-password-wrap{position:relative;width:100%;display:block}
.mj-password-wrap>.mj-password-input{width:100%!important;padding-right:82px!important}
.mj-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:64px;height:36px;padding:0 10px;border:0;border-radius:9px;background:rgba(20,20,20,.07);color:inherit;font:600 12px/1 var(--mj-ui-font)!important;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;z-index:3}
.mj-password-toggle:hover{background:rgba(20,20,20,.12)}
.mj-password-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.mj-eye-icon{font-size:17px;opacity:.7}.mj-eye-label{white-space:nowrap}
@media(max-width:560px){.mj-password-toggle{height:34px;right:6px}.mj-password-wrap>.mj-password-input{padding-right:76px!important}}

/* V74 REAL ADMIN HOVER IMAGE FIX */
.product-media,.card .pic,.pp-card .pp-img,.pp-card .pp-card-img,figure{position:relative;overflow:hidden!important}
.mj-v10-main-img,.mj-v10-hover-img{transition:opacity .28s ease,transform .38s ease!important}
.mj-v10-hover-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0!important;z-index:2!important;pointer-events:none!important}
.product:hover .mj-v10-hover-img,.card:hover .mj-v10-hover-img,.pp-card:hover .mj-v10-hover-img{opacity:1!important;transform:scale(1.02)!important}
.product:hover .mj-v10-main-img,.card:hover .mj-v10-main-img,.pp-card:hover .mj-v10-main-img{opacity:0!important}


/* FINAL MAIN BASE — smooth announcement ticker */
.mj-v13-marquee{overflow:hidden!important;white-space:nowrap!important}
.mj-v13-marquee-track{display:inline-flex!important;align-items:center!important;min-width:max-content!important;animation:mjV13Ticker 28s linear infinite!important;will-change:transform}
.mj-v13-marquee:hover .mj-v13-marquee-track{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.mj-v13-marquee-track{animation:none!important;transform:none!important}}

/* assets/css/mj-components.css */
/* MJ Packaging V73 consolidated bundle: mj-components.css */

/* ===== mj-quickbuy.css ===== */

body.mj-modal-open{overflow:hidden}
.mj-qb-overlay{position:fixed;inset:0;z-index:99990;background:rgba(12,12,12,.58);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:28px;animation:mjFade .2s ease}
.mj-qb-modal{width:min(1040px,96vw);max-height:min(760px,92vh);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 34px 90px rgba(0,0,0,.32);position:relative;animation:mjModalIn .34s cubic-bezier(.2,.75,.2,1);display:grid;grid-template-columns:42% 58%}
@keyframes mjFade{from{opacity:0}to{opacity:1}} @keyframes mjModalIn{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
.mj-qb-close{position:absolute;right:18px;top:18px;z-index:3;width:42px;height:42px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:31px;cursor:pointer;display:grid;place-items:center}
.mj-qb-visual{background:linear-gradient(145deg,#f7f2ea,#eee3d3);min-height:520px;padding:38px;display:grid;place-items:center;overflow:hidden}
.mj-qb-visual img{width:100%;height:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(67,43,15,.14));animation:mjFloat 4.8s ease-in-out infinite}
@keyframes mjFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
.mj-qb-content{padding:46px 48px 38px;color:#1d1d1d}
.mj-qb-eyebrow{font-size:18px;letter-spacing:1.4px;text-transform:uppercase;color:#a66b25;font-weight:800;margin-bottom:10px}
.mj-qb-name{font-size:37px;line-height:1.15;margin:0 48px 8px 0;letter-spacing:-.6px}
.mj-qb-meta{color:#777;font-size:20px;margin-bottom:22px}
.mj-qb-group{padding:18px 0;border-top:1px solid #eee7df}
.mj-qb-label{font-size:21px;font-weight:800;margin-bottom:11px;text-align:left}
.mj-qb-label span{font-weight:500;color:#777}
.mj-qb-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.mj-qb-pill{border:1px solid #cfc6ba;background:#fff;border-radius:999px;padding:10px 15px;font-size:20px;font-weight:650;cursor:pointer}
.mj-qb-pill.active{border-color:#171717;background:#171717;color:#fff}
.mj-qb-qtyrow{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mj-qb-qty{display:flex;align-items:center;width:128px;height:50px;border:1px solid #cfc7bd;border-radius:7px;overflow:hidden}
.mj-qb-qty button{width:40px;height:48px;border:0;background:#fff;font-size:28px;cursor:pointer}
.mj-qb-qty input{width:48px;border:0;outline:0;text-align:center;font-size:21px;font-weight:800}
.mj-qb-summary{font-size:20px;color:#666}
.mj-qb-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:24px}
.mj-qb-actions button{height:54px;border-radius:7px;font-weight:800;font-size:21px;cursor:pointer}
.mj-qb-cancel{border:1px solid #1d1d1d;background:#fff;color:#1d1d1d}
.mj-qb-add{border:1px solid #d94b39;background:#d94b39;color:#fff}
.mj-qb-added{background:#147749!important;border-color:#147749!important}
@media(max-width:760px){.mj-qb-overlay{padding:12px;align-items:flex-end}.mj-qb-modal{grid-template-columns:1fr;max-height:92vh;border-radius:18px 18px 0 0}.mj-qb-visual{min-height:260px;height:260px;padding:24px}.mj-qb-visual img{max-height:220px}.mj-qb-content{padding:28px 22px 26px}.mj-qb-name{font-size:30px}.mj-qb-actions{grid-template-columns:1fr 1fr}}


/* ===== mj-cart.css ===== */

body.mj-cart-open{overflow:hidden}
.mj-cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(5px);z-index:99990;opacity:0;visibility:hidden;transition:.25s}
.mj-cart-backdrop.open{opacity:1;visibility:visible}
.mj-cart-drawer{position:fixed;right:0;top:0;width:min(520px,100vw);height:100dvh;background:#fff;z-index:99991;transform:translateX(105%);transition:.38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-25px 0 70px rgba(0,0,0,.18)}
.mj-cart-drawer.open{transform:none}
.mj-cart-head{padding:26px 28px 20px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}
.mj-cart-head h2{margin:0;font-size:34px}.mj-cart-close{width:42px;height:42px;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:32px;cursor:pointer}
.mj-cart-items{flex:1;overflow:auto;padding:12px 28px}
.mj-cart-row{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #eee}
.mj-cart-img{height:100px;background:#f7f1e8;padding:9px;border-radius:8px}.mj-cart-img img{width:100%;height:100%;object-fit:contain}
.mj-cart-copy h3{font-size:22px;margin:0 0 6px;line-height:1.35}.mj-cart-copy p{font-size:18px;color:#777;margin:0 0 8px}
.mj-cart-controls{display:flex;align-items:center;gap:7px;margin-top:12px}.mj-cart-controls button{cursor:pointer}
.mj-cart-controls [data-dec],.mj-cart-controls [data-inc]{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:5px;font-size:24px}
.mj-cart-remove{margin-left:auto;border:0;background:none;color:#b33c2d;text-decoration:underline}
.mj-cart-foot{padding:22px 28px;border-top:1px solid #eee}.mj-cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mj-cart-total strong{font-size:28px}
.mj-cart-enquiry,.mj-cart-continue{width:100%;height:50px;font-weight:800;border-radius:5px;cursor:pointer}.mj-cart-enquiry{border:0;background:#d94b38;color:#fff}.mj-cart-enquiry:hover{background:#111}.mj-cart-continue{margin-top:9px;background:#fff;border:1px solid #222}
.mj-cart-empty{text-align:center;padding:75px 15px;color:#777}.mj-cart-empty b{display:block;color:#222;font-size:27px;margin-bottom:7px}
.mj-cart-count-fixed{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#c8ff3e;color:#111;font-size:17px;font-weight:900;margin-left:5px}


/* ===== mj-shop-fix.css ===== */

/* PRODUCT VIEW + CART FUNCTIONALITY ONLY */
.mj-product-view-trigger{cursor:pointer}
.mj-view-overlay{position:fixed;inset:0;z-index:100100;background:rgba(0,0,0,.58);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:22px}
.mj-view-modal{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;display:grid;grid-template-columns:44% 56%;box-shadow:0 32px 90px rgba(0,0,0,.28);position:relative}
.mj-view-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:31px;z-index:3;cursor:pointer}
.mj-view-media{min-height:500px;background:#f6efe5;padding:38px;display:grid;place-items:center}
.mj-view-media img{width:100%;height:100%;max-height:420px;object-fit:contain}
.mj-view-copy{padding:44px 44px 36px}.mj-view-copy small{color:#a56a27;font-weight:900;letter-spacing:1.3px}.mj-view-copy h2{font-size:37px;line-height:1.15;margin:9px 0 10px}.mj-view-copy p{color:#6d675f;line-height:1.55}
.mj-view-price{font-size:31px;font-weight:900;margin:18px 0}.mj-view-options{display:grid;gap:16px;margin:20px 0}.mj-view-row label{display:block;font-weight:800;margin-bottom:8px}.mj-view-row select,.mj-view-row input{height:46px;border:1px solid #ccc;border-radius:5px;padding:0 12px;font-size:20px;background:#fff}
.mj-view-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.mj-view-actions button{height:52px;border-radius:5px;font-weight:900;cursor:pointer}.mj-view-add{border:0;background:#d64b39;color:#fff}.mj-view-add:hover{background:#111}.mj-view-buy{border:1px solid #111;background:#fff;color:#111}
.mj-cart-backdrop2{position:fixed;inset:0;z-index:100110;background:rgba(0,0,0,.48);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.25s}.mj-cart-backdrop2.open{opacity:1;visibility:visible}
.mj-cart-drawer2{position:fixed;right:0;top:0;z-index:100111;width:min(520px,100vw);height:100dvh;background:#fff;transform:translateX(105%);transition:.35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-24px 0 70px rgba(0,0,0,.2)}.mj-cart-drawer2.open{transform:none}
.mj-cart2-head{padding:25px 26px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.mj-cart2-head h2{margin:0;font-size:34px}.mj-cart2-close{width:42px;height:42px;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:31px;cursor:pointer}
.mj-cart2-items{flex:1;overflow:auto;padding:10px 26px}.mj-cart2-row{display:grid;grid-template-columns:98px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #eee}.mj-cart2-img{height:98px;background:#f6efe5;padding:9px;border-radius:7px}.mj-cart2-img img{width:100%;height:100%;object-fit:contain}.mj-cart2-copy h3{font-size:21px;line-height:1.35;margin:0 0 6px}.mj-cart2-copy p{font-size:18px;color:#777;margin:0 0 7px}.mj-cart2-qty{display:flex;align-items:center;gap:7px;margin-top:10px}.mj-cart2-qty button{width:31px;height:31px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.mj-cart2-remove{width:auto!important;border:0!important;background:none!important;color:#b23d2c;text-decoration:underline;margin-left:auto}
.mj-cart2-foot{padding:20px 26px 25px;border-top:1px solid #eee}.mj-cart2-total{display:flex;justify-content:space-between;margin-bottom:15px}.mj-cart2-total strong{font-size:28px}.mj-cart2-enquiry{width:100%;height:50px;border:0;background:#d64b39;color:#fff;font-weight:900;border-radius:5px;cursor:pointer}.mj-cart2-enquiry:hover{background:#111}
.mj-cart2-empty{text-align:center;padding:75px 15px;color:#777}.mj-cart2-empty b{display:block;color:#222;font-size:27px;margin-bottom:6px}
@media(max-width:720px){.mj-view-modal{grid-template-columns:1fr}.mj-view-media{min-height:270px;height:270px}.mj-view-copy{padding:28px 22px}.mj-view-actions{grid-template-columns:1fr}}


/* ===== mj-unified-drawer.css ===== */

/* EXACTER VERSION OF USER-SUPPLIED RIGHT SMART CART */
body.mj-lock{overflow:hidden!important}

.mj-u-backdrop{
 position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:200000;
 opacity:0;visibility:hidden;transition:.25s;
}
.mj-u-backdrop.open{opacity:1;visibility:visible}

.mj-u-drawer{
 width:480px;max-width:100vw;height:100vh;
 position:fixed;right:0;top:0;z-index:200001;
 background:rgba(255,255,255,.95);
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 border-left:1px solid rgba(255,255,255,.8);
 box-shadow:-20px 0 60px rgba(0,0,0,.20);
 transform:translateX(105%);
 transition:transform .35s cubic-bezier(.16,1,.3,1);
 display:flex;flex-direction:column;overflow:hidden;
 font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif!important;
}
.mj-u-drawer.open{transform:translateX(0)}

.mj-u-head{
 padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.12);
 background:rgba(255,255,255,.60);
 display:flex;align-items:center;justify-content:space-between;min-height:76px;
}
.mj-u-head small{
 font-size:17px;font-weight:800;letter-spacing:2px;color:#8c5a1e;display:block
}
.mj-u-head h2{
 font-size:26px;font-weight:800;color:#111;margin:3px 0 0
}
.mj-u-close{
 width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.06);
 border:0;cursor:pointer;font-weight:800;font-size:23px;display:grid;place-items:center
}

.mj-smart-urgency{
 background:#fff3e0;border-bottom:1px solid #ffe0b2;padding:8px 24px;
 font-size:17px;font-weight:700;color:#e65100;
 display:flex;justify-content:space-between;align-items:center
}
.mj-smart-pulse{
 display:inline-block;width:8px;height:8px;background:#2e7d32;border-radius:50%;
 margin-right:5px;animation:mjPulse 1.5s infinite
}
@keyframes mjPulse{
 0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(46,125,50,.7)}
 70%{transform:scale(1);box-shadow:0 0 0 6px rgba(46,125,50,0)}
 100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(46,125,50,0)}
}
.mj-smart-timer{
 background:#d32f2f;color:#fff;padding:2px 6px;border-radius:4px;
 font-family:monospace!important
}
.mj-smart-logistics{
 background:#111;color:#fff;padding:8px 24px;font-size:18px;font-weight:700;
 display:flex;justify-content:space-between;align-items:center
}
.mj-smart-shipping{
 background:#fdfdfd;padding:12px 24px;border-bottom:1px solid rgba(0,0,0,.12)
}
.mj-smart-shipping-row{
 font-size:18px;font-weight:700;margin-bottom:6px;display:flex;justify-content:space-between
}
.mj-smart-track{height:7px;background:rgba(0,0,0,.08);border-radius:12px;overflow:hidden}
.mj-smart-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50);transition:width .4s ease}

.mj-u-body{
 padding:20px 24px;display:flex;flex-direction:column;gap:18px;
 flex:1;overflow-y:auto
}

/* CHOOSE QUANTITY */
.mj-u-product{
 display:flex;gap:14px;align-items:flex-start;
 padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.12)
}
.mj-u-product-img{
 width:74px;height:74px;min-width:74px;background:#f4f4f6;border-radius:12px;
 display:flex;align-items:center;justify-content:center;padding:7px
}
.mj-u-product-img img{width:100%;height:100%;object-fit:contain}
.mj-u-product h3{font-size:21px;font-weight:800;color:#111;margin:2px 0 5px;line-height:1.28}
.mj-u-unit{font-size:18px;color:#666;margin-top:3px}
.mj-u-unit strong{color:#111}
.mj-u-price-note{display:block;font-size:17px;color:#888;margin-top:2px}

.mj-u-group{padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.12)}
.mj-u-group label{display:block;font-size:18px;font-weight:800;color:#111;margin-bottom:8px}
.mj-u-pills{display:flex;flex-wrap:wrap;gap:8px}
.mj-u-pill{
 padding:8px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.12);
 background:#f7f7f9;font-size:18px;font-weight:700;color:#333;cursor:pointer;
 transition:.2s;position:relative
}
.mj-u-pill.active{background:#111;color:#fff;border-color:#111}
.mj-u-pill[data-badge]::after{
 content:attr(data-badge);position:absolute;top:-7px;right:0;background:#2e7d32;
 color:#fff;font-size:14px;font-weight:800;padding:1px 5px;border-radius:8px;white-space:nowrap
}
.mj-u-qtyrow{display:flex;justify-content:space-between;align-items:center}
.mj-u-stepper{
 display:flex;align-items:center;gap:4px;background:#f0f0f2;padding:4px 8px;border-radius:8px
}
.mj-u-stepper button{
 border:0;background:none;font-weight:800;font-size:22px;cursor:pointer;
 width:24px;height:24px;display:flex;align-items:center;justify-content:center
}
.mj-u-stepper input{
 width:45px;border:0;background:transparent;text-align:center;font-size:20px;
 font-weight:800;color:#111;outline:0
}
.mj-u-summary{
 background:#fbf8f5;border-radius:12px;padding:16px;margin-top:0;
 border:1px solid rgba(0,0,0,.08)
}
.mj-u-summary-row{
 display:flex;justify-content:space-between;font-size:18px;color:#666;margin-bottom:6px
}
.mj-u-summary-row.total{
 display:flex;justify-content:space-between;font-size:24px;font-weight:800;color:#111;
 border-top:1px dashed rgba(0,0,0,.12);padding-top:10px;margin-top:10px;margin-bottom:0
}
.mj-u-summary-row.total strong{font-size:24px}
.mj-u-smartbar{display:none!important}

/* FOOTER */
.mj-u-foot{
 padding:18px 24px;background:rgba(255,255,255,.90);
 border-top:1px solid rgba(0,0,0,.12)
}
.mj-u-add,.mj-u-buy{
 width:100%;padding:14px;background:#d32f2f;color:#fff;border:0;border-radius:12px;
 font-size:21px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(211,47,47,.25)
}
.mj-u-add:hover,.mj-u-buy:hover{background:#b71c1c}

/* CART ITEMS */
.mj-u-cart-items{display:flex;flex-direction:column;gap:12px}
.mj-u-cart-row{
 background:#fff;border-radius:14px;padding:14px;border:1px solid rgba(0,0,0,.08);
 box-shadow:0 4px 14px rgba(0,0,0,.03)
}
.mj-u-cart-row-inner{display:flex;gap:14px;align-items:center}
.mj-u-cart-img{
 width:48px;height:48px;min-width:48px;background:#f4f4f6;border-radius:10px;
 display:flex;align-items:center;justify-content:center;padding:4px
}
.mj-u-cart-img img{width:100%;height:100%;object-fit:contain}
.mj-u-cart-copy{flex:1}
.mj-u-cart-cat{
 display:inline-block;font-size:15px;font-weight:800;background:#111;color:#fff;
 padding:2px 6px;border-radius:4px
}
.mj-u-cart-copy h3{font-size:20px;font-weight:700;margin:3px 0 2px}
.mj-u-cart-line{font-size:21px;font-weight:800;color:#d32f2f;margin-top:2px}
.mj-u-cart-actions-row{
 display:flex;justify-content:space-between;align-items:center;
 margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.12)
}
.mj-u-cart-meta{font-size:17px;color:#555}
.mj-u-edit-link{
 font-size:17px;font-weight:800;color:#0066cc;text-decoration:none;display:block;margin-top:3px
}
.mj-u-cart-controls{display:flex;align-items:center;gap:6px}
.mj-u-cart-controls button{
 border:0;background:none;font-weight:800;font-size:21px;cursor:pointer;padding:4px
}
.mj-u-cart-controls .mj-u-minus,.mj-u-cart-controls .mj-u-plus{
 width:28px;height:28px;background:#f0f0f2;border-radius:8px
}
.mj-u-remove{color:#d32f2f!important;background:none!important;width:auto!important}

/* COUPON / NUDGE / GST */
.mj-smart-coupon{
 background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);
 border:1px dashed #ef6c00;border-radius:12px;padding:12px;
 display:flex;justify-content:space-between;align-items:center
}
.mj-smart-coupon strong{font-size:19px;color:#b71c1c}
.mj-smart-coupon small{font-size:17px;color:#666;display:block;margin-top:2px}
.mj-smart-coupon button{
 background:#ef6c00;color:#fff;border:0;padding:8px 12px;border-radius:6px;
 font-size:18px;font-weight:800;cursor:pointer
}
.mj-smart-nudge{
 background:rgba(0,102,204,.06);border:1px dashed rgba(0,102,204,.30);
 border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center
}
.mj-smart-nudge strong{font-size:18px}
.mj-smart-nudge small{display:block;color:#666;font-size:17px;margin-top:2px}
.mj-smart-nudge button{
 background:#0066cc;color:#fff;border:0;padding:8px 12px;border-radius:6px;
 font-size:18px;font-weight:800;cursor:pointer
}
.mj-smart-gst{
 background:#f7f7f9;border-radius:12px;padding:12px;border:1px solid rgba(0,0,0,.12)
}
.mj-smart-gst-row{
 display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;cursor:pointer
}
.mj-smart-gst input[type=text]{
 width:100%;padding:8px;border-radius:6px;border:1px solid rgba(0,0,0,.12);
 margin-top:8px;font-size:18px;display:none
}
.mj-smart-gst-note{font-size:17px;color:#1b5e20;font-weight:800;margin-top:6px;display:none}

.mj-u-cart-footer-summary .mj-u-summary-row{font-size:19px}
.mj-u-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mj-u-inquiry{
 width:100%;padding:14px;background:#fff;color:#d32f2f;border:1px solid #d32f2f;
 border-radius:12px;font-size:20px;font-weight:800;cursor:pointer
}
.mj-u-inquiry:hover{background:#d32f2f;color:#fff}
.mj-u-empty{text-align:center;padding:70px 15px;color:#777}
.mj-u-empty b{display:block;color:#111;font-size:26px;margin-bottom:6px}

@media(max-width:560px){
 .mj-u-drawer{width:100vw}
 .mj-u-head,.mj-u-body,.mj-u-foot{padding-left:18px;padding-right:18px}
 .mj-smart-urgency,.mj-smart-logistics,.mj-smart-shipping{padding-left:18px;padding-right:18px}
}

/* =========================================================
   V30 — LARGE SMART CART + IN-DRAWER CELEBRATIONS
   ========================================================= */

/* Large desktop drawer */
.mj-u-drawer{
  width:min(760px,52vw)!important;
  min-width:620px!important;
}
.mj-u-head{
  min-height:84px!important;
  padding:18px 30px!important;
}
.mj-u-head small{font-size:18px!important}
.mj-u-head h2{font-size:30px!important}
.mj-u-close{width:38px!important;height:38px!important;font-size:24px!important}

.mj-smart-urgency,
.mj-smart-logistics,
.mj-smart-shipping{
  padding-left:30px!important;
  padding-right:30px!important;
}
.mj-smart-urgency{font-size:18px!important;padding-top:10px!important;padding-bottom:10px!important}
.mj-smart-logistics{font-size:19px!important;padding-top:10px!important;padding-bottom:10px!important}
.mj-smart-shipping{padding-top:14px!important;padding-bottom:14px!important}
.mj-smart-shipping-row{font-size:19px!important}
.mj-smart-track{height:9px!important}

.mj-u-body{
  padding:24px 30px!important;
  gap:20px!important;
}
.mj-u-foot{
  padding:20px 30px!important;
}

/* Bigger cart item cards */
.mj-u-cart-items{gap:16px!important}
.mj-u-cart-row{
  padding:18px!important;
  border-radius:16px!important;
}
.mj-u-cart-row-inner{gap:16px!important}
.mj-u-cart-img{
  width:64px!important;height:64px!important;min-width:64px!important;
}
.mj-u-cart-copy h3{font-size:22px!important}
.mj-u-cart-line{font-size:24px!important}
.mj-u-cart-meta{font-size:18.5px!important}
.mj-u-edit-link{font-size:18px!important}
.mj-u-cart-controls .mj-u-minus,
.mj-u-cart-controls .mj-u-plus{
  width:32px!important;height:32px!important;
}
.mj-u-cart-controls strong{font-size:20px!important}

/* Bigger option drawer */
.mj-u-product-img{
  width:92px!important;height:92px!important;min-width:92px!important;
}
.mj-u-product h3{font-size:24px!important}
.mj-u-unit{font-size:19px!important}
.mj-u-price-note{font-size:18px!important}
.mj-u-group label{font-size:19px!important}
.mj-u-pill{
  padding:10px 16px!important;
  font-size:19px!important;
}
.mj-u-stepper{
  padding:6px 10px!important;
}
.mj-u-stepper button{
  width:30px!important;height:30px!important;font-size:24px!important;
}
.mj-u-stepper input{
  width:58px!important;font-size:21px!important;
}
.mj-u-summary{
  padding:18px!important;
  border-radius:14px!important;
}
.mj-u-summary-row{font-size:19px!important}
.mj-u-summary-row.total{font-size:26px!important}
.mj-u-summary-row.total strong{font-size:27px!important}
.mj-u-add,.mj-u-buy,.mj-u-inquiry{
  min-height:52px!important;
  font-size:21px!important;
}

/* Coupon / GST more prominent */
.mj-smart-coupon,
.mj-smart-nudge,
.mj-smart-gst{
  padding:15px!important;
  border-radius:14px!important;
}
.mj-smart-coupon strong{font-size:20px!important}
.mj-smart-coupon small,
.mj-smart-nudge small{font-size:18px!important}

/* ---------- celebration layer INSIDE drawer ---------- */
.mj-u-celebration{
  position:absolute;
  inset:0;
  z-index:50;
  pointer-events:none;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
}
.mj-u-celebration.show{
  opacity:1;
  visibility:visible;
}
.mj-u-celebration-card{
  position:absolute;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%) scale(.78);
  width:min(520px,calc(100% - 56px));
  padding:24px 28px;
  border-radius:20px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
  text-align:center;
  opacity:0;
}
.mj-u-celebration.show .mj-u-celebration-card{
  animation:mjCelebrateCard 2.25s cubic-bezier(.16,1,.3,1) forwards;
}
.mj-u-celebration-icon{
  width:66px;height:66px;
  border-radius:50%;
  display:grid;place-items:center;
  margin:0 auto 12px;
  font-size:38px;
  background:#e8f7eb;
  box-shadow:inset 0 0 0 1px rgba(46,125,50,.15);
}
.mj-u-celebration-card h3{
  margin:0 0 6px;
  font-size:30px!important;
  line-height:1.1;
  color:#111;
}
.mj-u-celebration-card p{
  margin:0;
  font-size:19px!important;
  color:#666;
}
.mj-u-celebration-save{
  display:inline-block;
  margin-top:12px;
  padding:7px 12px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:18px!important;
  font-weight:800;
}
@keyframes mjCelebrateCard{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}
  14%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
  23%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-54%) scale(.96)}
}

/* Confetti pieces */
.mj-confetti{
  position:absolute;
  top:-30px;
  width:10px;height:18px;
  border-radius:2px;
  opacity:0;
}
.mj-u-celebration.show .mj-confetti{
  animation:mjConfettiFall 1.9s ease-in forwards;
}
@keyframes mjConfettiFall{
  0%{opacity:1;transform:translate3d(0,-20px,0) rotate(0deg)}
  100%{opacity:0;transform:translate3d(var(--x),105vh,0) rotate(var(--r))}
}

/* Shipping bar success pulse */
.mj-smart-shipping.mj-unlocked{
  animation:mjShippingGlow 1.4s ease;
  background:linear-gradient(135deg,#f2fff4,#e2f8e6)!important;
}
@keyframes mjShippingGlow{
  0%{box-shadow:inset 0 0 0 0 rgba(46,125,50,0)}
  35%{box-shadow:inset 0 0 0 3px rgba(46,125,50,.30),0 0 28px rgba(46,125,50,.20)}
  100%{box-shadow:inset 0 0 0 0 rgba(46,125,50,0)}
}

/* Coupon success state */
.mj-smart-coupon.mj-coupon-applied{
  background:linear-gradient(135deg,#effff2,#dcf7e2)!important;
  border-color:#2e7d32!important;
  animation:mjCouponPop .75s cubic-bezier(.16,1,.3,1);
}
.mj-smart-coupon.mj-coupon-applied button{
  background:#2e7d32!important;
}
@keyframes mjCouponPop{
  0%{transform:scale(.96)}
  55%{transform:scale(1.025)}
  100%{transform:scale(1)}
}

@media(max-width:1100px){
  .mj-u-drawer{
    width:min(680px,65vw)!important;
    min-width:560px!important;
  }
}
@media(max-width:760px){
  .mj-u-drawer{
    width:100vw!important;
    min-width:0!important;
  }
}

/* =========================================================
   V31 — CART DRAWER TYPOGRAPHY +4PX EVERYWHERE
   ONLY .mj-u-drawer / smart-cart UI is affected.
   ========================================================= */

.mj-u-drawer{font-size:26px!important}

.mj-u-head small{font-size:22px!important}
.mj-u-head h2{font-size:34px!important}
.mj-u-close{font-size:28px!important}

.mj-smart-urgency{font-size:22px!important}
.mj-smart-logistics{font-size:23px!important}
.mj-smart-shipping-row{font-size:23px!important}
.mj-smart-timer{font-size:22px!important}

.mj-u-product h3{font-size:28px!important}
.mj-u-unit{font-size:23px!important}
.mj-u-price-note{font-size:22px!important}

.mj-u-group label{font-size:23px!important}
.mj-u-pill{font-size:23px!important}
.mj-u-pill[data-badge]::after{font-size:18px!important}

.mj-u-stepper button{font-size:28px!important}
.mj-u-stepper input{font-size:25px!important}

.mj-u-summary-row{font-size:23px!important}
.mj-u-summary-row.total{font-size:30px!important}
.mj-u-summary-row.total strong{font-size:31px!important}

.mj-u-add,
.mj-u-buy,
.mj-u-inquiry{font-size:25px!important}

.mj-u-cart-cat{font-size:19px!important}
.mj-u-cart-copy h3{font-size:26px!important}
.mj-u-cart-line{font-size:28px!important}
.mj-u-cart-meta{font-size:22.5px!important}
.mj-u-edit-link{font-size:22px!important}
.mj-u-cart-controls button{font-size:25px!important}
.mj-u-cart-controls strong{font-size:24px!important}

.mj-smart-coupon strong{font-size:24px!important}
.mj-smart-coupon small{font-size:22px!important}
.mj-smart-coupon button{font-size:22px!important}

.mj-smart-nudge strong{font-size:22px!important}
.mj-smart-nudge small{font-size:21px!important}
.mj-smart-nudge button{font-size:22px!important}

.mj-smart-gst-row{font-size:22px!important}
.mj-smart-gst input[type=text]{font-size:22px!important}
.mj-smart-gst-note{font-size:21px!important}

.mj-u-cart-footer-summary .mj-u-summary-row{font-size:23px!important}

.mj-u-empty{font-size:24px!important}
.mj-u-empty b{font-size:30px!important}

.mj-u-celebration-card h3{font-size:34px!important}
.mj-u-celebration-card p{font-size:23px!important}
.mj-u-celebration-save{font-size:22px!important}

/* keep mobile readable without changing layout */
@media(max-width:760px){
  .mj-u-head h2{font-size:31px!important}
  .mj-u-cart-copy h3{font-size:24px!important}
  .mj-u-pill{font-size:22px!important}
}

/* =========================================================
   V32 — SMART CART READABILITY / UX FINAL OVERRIDE
   Scope: drawer only. No other website UI is modified.
   ========================================================= */

.mj-u-drawer,
.mj-u-drawer *{
  box-sizing:border-box!important;
}

.mj-u-drawer{
  font-size:24px!important;
  line-height:1.45!important;
}

/* Header */
.mj-u-head{
  padding:20px 32px!important;
  min-height:92px!important;
}
.mj-u-head small{
  font-size:21px!important;
  line-height:1.25!important;
  letter-spacing:1.7px!important;
}
.mj-u-head h2{
  font-size:36px!important;
  line-height:1.15!important;
  margin-top:5px!important;
}
.mj-u-close{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  font-size:29px!important;
}

/* Smart banners */
.mj-smart-urgency{
  font-size:22px!important;
  line-height:1.4!important;
  padding:12px 32px!important;
  gap:14px!important;
}
.mj-smart-timer{
  font-size:22px!important;
  line-height:1.2!important;
  padding:4px 8px!important;
}
.mj-smart-logistics{
  font-size:22px!important;
  line-height:1.4!important;
  padding:12px 32px!important;
  gap:18px!important;
}
.mj-smart-shipping{
  padding:16px 32px!important;
}
.mj-smart-shipping-row{
  font-size:22px!important;
  line-height:1.4!important;
  gap:14px!important;
  margin-bottom:9px!important;
}
.mj-smart-track{
  height:10px!important;
}

/* Main body */
.mj-u-body{
  padding:26px 32px!important;
  gap:22px!important;
}

/* Product/options block */
.mj-u-product{
  gap:18px!important;
  padding-bottom:22px!important;
}
.mj-u-product-img{
  width:104px!important;
  height:104px!important;
  min-width:104px!important;
  padding:9px!important;
}
.mj-u-product h3{
  font-size:28px!important;
  line-height:1.3!important;
  margin:4px 0 8px!important;
}
.mj-u-unit{
  font-size:23px!important;
  line-height:1.4!important;
}
.mj-u-price-note{
  font-size:21px!important;
  line-height:1.45!important;
  margin-top:5px!important;
}

/* Variant & pack options */
.mj-u-group{
  padding-bottom:22px!important;
}
.mj-u-group label{
  font-size:23px!important;
  line-height:1.35!important;
  margin-bottom:11px!important;
}
.mj-u-pills{
  gap:10px!important;
}
.mj-u-pill{
  min-height:44px!important;
  padding:10px 17px!important;
  font-size:22px!important;
  line-height:1.2!important;
  border-radius:22px!important;
}
.mj-u-pill[data-badge]::after{
  font-size:17px!important;
  padding:3px 7px!important;
  top:-10px!important;
}

/* Quantity controls */
.mj-u-qtyrow{
  gap:20px!important;
}
.mj-u-stepper{
  min-height:50px!important;
  padding:5px 9px!important;
  border-radius:11px!important;
}
.mj-u-stepper button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  font-size:30px!important;
  line-height:1!important;
  border-radius:8px!important;
}
.mj-u-stepper button:hover{
  background:rgba(0,0,0,.07)!important;
}
.mj-u-stepper input{
  width:62px!important;
  font-size:25px!important;
  line-height:1.2!important;
}

/* Price summary */
.mj-u-summary{
  padding:20px!important;
  border-radius:14px!important;
}
.mj-u-summary-row{
  font-size:23px!important;
  line-height:1.45!important;
  margin-bottom:9px!important;
  gap:18px!important;
}
.mj-u-summary-row.total{
  font-size:29px!important;
  line-height:1.3!important;
  padding-top:14px!important;
  margin-top:13px!important;
}
.mj-u-summary-row.total strong,
.mj-u-summary-row.total span:last-child{
  font-size:31px!important;
  font-weight:800!important;
}

/* Cart product cards */
.mj-u-cart-items{
  gap:18px!important;
}
.mj-u-cart-row{
  padding:20px!important;
  border-radius:16px!important;
}
.mj-u-cart-row-inner{
  gap:18px!important;
}
.mj-u-cart-img{
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  padding:7px!important;
}
.mj-u-cart-cat{
  font-size:18px!important;
  line-height:1.2!important;
  padding:4px 8px!important;
}
.mj-u-cart-copy h3{
  font-size:26px!important;
  line-height:1.3!important;
  margin:6px 0 4px!important;
}
.mj-u-cart-line{
  font-size:28px!important;
  line-height:1.2!important;
  margin-top:5px!important;
}
.mj-u-cart-actions-row{
  margin-top:14px!important;
  padding-top:14px!important;
  gap:16px!important;
}
.mj-u-cart-meta{
  font-size:21px!important;
  line-height:1.4!important;
}
.mj-u-edit-link{
  font-size:21px!important;
  line-height:1.35!important;
  margin-top:6px!important;
}
.mj-u-cart-controls{
  gap:8px!important;
}
.mj-u-cart-controls button{
  font-size:25px!important;
  line-height:1!important;
}
.mj-u-cart-controls .mj-u-minus,
.mj-u-cart-controls .mj-u-plus{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:9px!important;
}
.mj-u-cart-controls strong{
  min-width:30px!important;
  text-align:center!important;
  font-size:24px!important;
}

/* Coupon */
.mj-smart-coupon{
  padding:18px!important;
  gap:16px!important;
}
.mj-smart-coupon strong{
  font-size:23px!important;
  line-height:1.35!important;
}
.mj-smart-coupon small{
  font-size:21px!important;
  line-height:1.45!important;
  margin-top:4px!important;
}
.mj-smart-coupon button{
  min-height:44px!important;
  padding:10px 16px!important;
  font-size:21px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Suggestion / upsell */
.mj-smart-nudge{
  padding:18px!important;
  gap:16px!important;
}
.mj-smart-nudge strong{
  font-size:23px!important;
  line-height:1.35!important;
}
.mj-smart-nudge small{
  font-size:21px!important;
  line-height:1.4!important;
  margin-top:4px!important;
}
.mj-smart-nudge button{
  min-height:44px!important;
  padding:10px 16px!important;
  font-size:21px!important;
  white-space:nowrap!important;
}

/* GST */
.mj-smart-gst{
  padding:17px!important;
}
.mj-smart-gst-row{
  font-size:22px!important;
  line-height:1.45!important;
  gap:14px!important;
}
.mj-smart-gst input[type=text]{
  min-height:44px!important;
  padding:10px 12px!important;
  font-size:22px!important;
  line-height:1.3!important;
}
.mj-smart-gst-note{
  font-size:21px!important;
  line-height:1.4!important;
}

/* Drawer footer / totals */
.mj-u-foot{
  padding:22px 32px!important;
}
.mj-u-cart-footer-summary .mj-u-summary-row{
  font-size:23px!important;
  line-height:1.45!important;
  margin-bottom:9px!important;
}
.mj-u-cart-footer-summary .mj-u-summary-row.total{
  font-size:29px!important;
}
.mj-u-cart-actions{
  gap:12px!important;
  margin-top:16px!important;
}
.mj-u-add,
.mj-u-buy,
.mj-u-inquiry{
  min-height:58px!important;
  padding:15px 20px!important;
  font-size:24px!important;
  line-height:1.2!important;
  border-radius:12px!important;
}

/* Empty state */
.mj-u-empty{
  font-size:23px!important;
  line-height:1.5!important;
  padding:78px 20px!important;
}
.mj-u-empty b{
  font-size:30px!important;
  line-height:1.2!important;
  margin-bottom:8px!important;
}

/* Celebration */
.mj-u-celebration-card{
  padding:28px 30px!important;
}
.mj-u-celebration-card h3{
  font-size:35px!important;
  line-height:1.2!important;
}
.mj-u-celebration-card p{
  font-size:23px!important;
  line-height:1.45!important;
}
.mj-u-celebration-save{
  font-size:22px!important;
  line-height:1.2!important;
  padding:9px 14px!important;
}

/* Mobile: still large/readable, but prevent overlap */
@media(max-width:760px){
  .mj-u-head{padding:17px 20px!important}
  .mj-u-head h2{font-size:31px!important}
  .mj-smart-urgency,
  .mj-smart-logistics{
    padding-left:20px!important;
    padding-right:20px!important;
    flex-wrap:wrap!important;
  }
  .mj-smart-shipping{padding:14px 20px!important}
  .mj-u-body{padding:22px 20px!important}
  .mj-u-foot{padding:18px 20px!important}
  .mj-u-product-img{
    width:88px!important;height:88px!important;min-width:88px!important;
  }
  .mj-u-product h3{font-size:26px!important}
  .mj-u-cart-actions-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .mj-u-cart-controls{
    width:100%!important;
    justify-content:flex-end!important;
  }
  .mj-smart-coupon,
  .mj-smart-nudge{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .mj-smart-coupon button,
  .mj-smart-nudge button{
    width:100%!important;
  }
  .mj-u-cart-actions{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:420px){
  .mj-u-head h2{font-size:29px!important}
  .mj-u-product{
    align-items:flex-start!important;
  }
  .mj-u-product-img{
    width:76px!important;height:76px!important;min-width:76px!important;
  }
  .mj-u-pill{
    font-size:21px!important;
    padding:9px 14px!important;
  }
}

.mj-coupon-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
.mj-coupon-remove{
  min-height:42px!important;padding:9px 14px!important;border-radius:8px!important;
  border:1px solid #b71c1c!important;background:#fff!important;color:#b71c1c!important;
  font-size:21px!important;font-weight:800!important;cursor:pointer!important
}
.mj-coupon-remove:hover{background:#b71c1c!important;color:#fff!important}


/* ===== mj-wishlist-core.css ===== */

/* persistent wishlist button feedback */
.product-wish,.wish{transition:transform .18s ease,color .18s ease,background .18s ease!important}
.product-wish:hover,.wish:hover{transform:scale(1.08)!important}
.product-wish.is-wishlisted,.wish.is-wishlisted{color:#a63e37!important;background:#fff1ef!important}


/* ===== mj-v33-premium-inner-pages.css ===== */

/* =========================================================
   MJ PACKAGING V33 — PREMIUM INNER PAGE DESIGN SYSTEM
   Applies to inner pages only through body.mj-inner-premium
   ========================================================= */

body.mj-inner-premium{
  --mj-ink:#171513;
  --mj-ink-soft:#3d3732;
  --mj-muted:#756d66;
  --mj-line:rgba(78,57,37,.14);
  --mj-gold:#a7793d;
  --mj-gold-2:#d3ac72;
  --mj-cream:#f7f2ea;
  --mj-card:rgba(255,255,255,.82);
  --mj-card-strong:rgba(255,255,255,.96);
  --mj-shadow:0 18px 48px rgba(54,38,22,.10);
  --mj-shadow-hover:0 26px 64px rgba(54,38,22,.15);
  --mj-radius:20px;
  margin:0!important;
  min-height:100vh;
  color:var(--mj-ink)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.75),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(167,121,61,.08),transparent 30%),
    linear-gradient(180deg,#f9f6f1 0%,#f4eee6 42%,#eee5da 100%)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
  line-height:1.45!important;
}

/* ---------- UNIVERSAL READABILITY ---------- */
body.mj-inner-premium h1{
  font-size:clamp(38px,4vw,64px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
  color:var(--mj-ink)!important;
}
body.mj-inner-premium h2{
  font-size:clamp(28px,2.5vw,42px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  font-weight:780!important;
}
body.mj-inner-premium h3{
  font-size:clamp(20px,1.5vw,26px)!important;
  line-height:1.25!important;
  font-weight:720!important;
}
body.mj-inner-premium p,
body.mj-inner-premium li,
body.mj-inner-premium label,
body.mj-inner-premium input,
body.mj-inner-premium select,
body.mj-inner-premium textarea{
  font-size:23px!important;
  line-height:1.55!important;
}
body.mj-inner-premium small,
body.mj-inner-premium .meta,
body.mj-inner-premium .product-size,
body.mj-inner-premium .product-category{
  font-size:20px!important;
  line-height:1.45!important;
}

/* ---------- HEADER CONSISTENCY ---------- */
/* HEADER LOCKED: inner pages intentionally inherit the exact same mj-v13 header CSS as index.php. */

/* ---------- PAGE HERO / TOP SECTION ---------- */
body.mj-inner-premium .pagebar,
body.mj-inner-premium .page-hero,
body.mj-inner-premium .hero,
body.mj-inner-premium .category-hero,
body.mj-inner-premium .collection-hero{
  background:
    radial-gradient(circle at 80% 20%,rgba(196,154,69,.14),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(240,231,218,.82))!important;
  border-bottom:1px solid var(--mj-line)!important;
}
body.mj-inner-premium .pagebar .wrap,
body.mj-inner-premium .page-hero > div,
body.mj-inner-premium .category-hero > div,
body.mj-inner-premium .collection-hero > div{
  width:min(1600px,calc(100% - 56px))!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding-top:44px!important;
  padding-bottom:44px!important;
}

/* ---------- MAIN CONTENT WIDTH ---------- */
body.mj-inner-premium main,
body.mj-inner-premium .page-content,
body.mj-inner-premium .catalog,
body.mj-inner-premium .home-wrap,
body.mj-inner-premium .wrap{
  max-width:1600px;
}

/* ---------- PREMIUM CARDS ---------- */
body.mj-inner-premium .card,
body.mj-inner-premium .product,
body.mj-inner-premium .product-card,
body.mj-inner-premium .pp-card,
body.mj-inner-premium .category-card,
body.mj-inner-premium .news-card,
body.mj-inner-premium .solution-card,
body.mj-inner-premium .info-card,
body.mj-inner-premium .form-card{
  background:var(--mj-card)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:var(--mj-radius)!important;
  box-shadow:var(--mj-shadow)!important;
  overflow:hidden!important;
  transition:
    transform .28s cubic-bezier(.16,1,.3,1),
    box-shadow .28s ease,
    border-color .28s ease!important;
}
body.mj-inner-premium .card:hover,
body.mj-inner-premium .product:hover,
body.mj-inner-premium .product-card:hover,
body.mj-inner-premium .pp-card:hover,
body.mj-inner-premium .category-card:hover,
body.mj-inner-premium .news-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:var(--mj-shadow-hover)!important;
  border-color:rgba(167,121,61,.24)!important;
}

/* Product media consistency */
body.mj-inner-premium .product-media,
body.mj-inner-premium .card .pic,
body.mj-inner-premium .product-img-box,
body.mj-inner-premium .category-media{
  background:
    radial-gradient(circle at 50% 42%,rgba(167,121,61,.10),transparent 48%),
    linear-gradient(145deg,#ece4da,#fbf8f4)!important;
}
body.mj-inner-premium .product-media img,
body.mj-inner-premium .card .pic img,
body.mj-inner-premium .product-img-box img,
body.mj-inner-premium .category-media img{
  transition:transform .32s cubic-bezier(.16,1,.3,1)!important;
}
body.mj-inner-premium .product:hover img,
body.mj-inner-premium .card:hover .pic img,
body.mj-inner-premium .category-card:hover img{
  transform:scale(1.04)!important;
}

/* Product text */
body.mj-inner-premium .product-info,
body.mj-inner-premium .card .info{
  padding:20px!important;
}
body.mj-inner-premium .product-info h3,
body.mj-inner-premium .card .sku,
body.mj-inner-premium .product-title{
  font-size:26px!important;
  line-height:1.3!important;
  font-weight:760!important;
  color:var(--mj-ink)!important;
}
body.mj-inner-premium .product-price,
body.mj-inner-premium .card .price,
body.mj-inner-premium .price{
  font-size:26px!important;
  font-weight:800!important;
  color:#7c5324!important;
}

/* ---------- FILTERS / SIDEBARS ---------- */
body.mj-inner-premium .sidebar,
body.mj-inner-premium .filter-sidebar,
body.mj-inner-premium .filters,
body.mj-inner-premium .pp-filters,
body.mj-inner-premium .all-filter,
body.mj-inner-premium .mj-filter-sidebar{
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:20px!important;
  box-shadow:0 16px 40px rgba(51,35,18,.08)!important;
  padding:24px!important;
}
body.mj-inner-premium .sidebar h3,
body.mj-inner-premium .filter-sidebar h3,
body.mj-inner-premium .filters h3{
  font-size:24px!important;
}
body.mj-inner-premium input[type=checkbox],
body.mj-inner-premium input[type=radio]{
  width:18px!important;
  height:18px!important;
  accent-color:#8f642f!important;
}
body.mj-inner-premium input[type=range]{
  accent-color:#8f642f!important;
}

/* Toolbar / sort */
body.mj-inner-premium .toolbar,
body.mj-inner-premium .view-toolbar,
body.mj-inner-premium .sort-bar,
body.mj-inner-premium .product-toolbar{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(51,35,18,.06)!important;
  padding:14px 18px!important;
}

/* ---------- BUTTONS ---------- */
body.mj-inner-premium button,
body.mj-inner-premium .btn,
body.mj-inner-premium a.button,
body.mj-inner-premium .pp-buy,
body.mj-inner-premium .quick,
body.mj-inner-premium .submit-btn,
body.mj-inner-premium input[type=submit]{
  min-height:50px!important;
  border-radius:12px!important;
  font-size:22px!important;
  font-weight:750!important;
  padding:13px 20px!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.mj-inner-premium .pp-buy,
body.mj-inner-premium .quick,
body.mj-inner-premium .submit-btn,
body.mj-inner-premium input[type=submit],
body.mj-inner-premium button[type=submit]{
  background:linear-gradient(135deg,#9b6c35,#6f4724)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 9px 22px rgba(111,71,36,.22)!important;
}
body.mj-inner-premium .pp-buy:hover,
body.mj-inner-premium .quick:hover,
body.mj-inner-premium .submit-btn:hover,
body.mj-inner-premium button[type=submit]:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(111,71,36,.28)!important;
  background:linear-gradient(135deg,#7c522b,#161412)!important;
}

/* ---------- FORMS / CUSTOMISE BOX ---------- */
body.mj-inner-premium form{
  gap:18px!important;
}
body.mj-inner-premium input[type=text],
body.mj-inner-premium input[type=email],
body.mj-inner-premium input[type=tel],
body.mj-inner-premium input[type=number],
body.mj-inner-premium input[type=search],
body.mj-inner-premium input[type=password],
body.mj-inner-premium select,
body.mj-inner-premium textarea{
  min-height:54px!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  border:1px solid rgba(85,62,39,.16)!important;
  background:rgba(255,255,255,.90)!important;
  color:var(--mj-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
  outline:none!important;
}
body.mj-inner-premium textarea{
  min-height:150px!important;
}
body.mj-inner-premium input:focus,
body.mj-inner-premium select:focus,
body.mj-inner-premium textarea:focus{
  border-color:rgba(167,121,61,.58)!important;
  box-shadow:0 0 0 4px rgba(167,121,61,.10)!important;
}
body.mj-inner-premium label{
  font-weight:650!important;
  color:#40372f!important;
}

/* ---------- NEWS ---------- */
body.mj-inner-premium article,
body.mj-inner-premium .news-card{
  line-height:1.6!important;
}
body.mj-inner-premium .news-card p,
body.mj-inner-premium article p{
  color:var(--mj-muted)!important;
}

/* ---------- FOOTER CONSISTENCY ---------- */
body.mj-inner-premium .mj-footer{
  background:#151310!important;
  color:#f5efe7!important;
  margin-top:80px!important;
}
body.mj-inner-premium .mj-footer .home-wrap{
  width:min(1600px,calc(100% - 56px))!important;
  max-width:1600px!important;
  margin:0 auto!important;
}
body.mj-inner-premium .mj-footer h4{
  font-size:23px!important;
}
body.mj-inner-premium .mj-footer a,
body.mj-inner-premium .mj-footer p,
body.mj-inner-premium .mj-footer span{
  font-size:21px!important;
  line-height:1.55!important;
}

/* ---------- LIGHT VFX / STUDIO DEPTH ---------- */
body.mj-inner-premium::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.7),transparent 22%),
    radial-gradient(circle at 82% 14%,rgba(196,154,69,.08),transparent 24%);
}
body.mj-inner-premium .mj-premium-reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
body.mj-inner-premium .mj-premium-reveal.mj-premium-in{
  opacity:1;
  transform:none;
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:800px){
  body.mj-inner-premium h1{font-size:44px!important}
  body.mj-inner-premium h2{font-size:36px!important}
  body.mj-inner-premium h3{font-size:28px!important}
  body.mj-inner-premium p,
  body.mj-inner-premium li,
  body.mj-inner-premium label,
  body.mj-inner-premium input,
  body.mj-inner-premium select,
  body.mj-inner-premium textarea{font-size:22px!important}
  body.mj-inner-premium .pagebar .wrap,
  body.mj-inner-premium .page-hero > div,
  body.mj-inner-premium .category-hero > div,
  body.mj-inner-premium .collection-hero > div{
    width:calc(100% - 24px)!important;
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  body.mj-inner-premium .sidebar,
  body.mj-inner-premium .filter-sidebar,
  body.mj-inner-premium .filters,
  body.mj-inner-premium .pp-filters,
  body.mj-inner-premium .all-filter,
  body.mj-inner-premium .mj-filter-sidebar{
    padding:18px!important;
  }
}


/* ===== mj-v37-assistant.css ===== */

.mj-ai-bubble{
 position:fixed;right:24px;bottom:24px;z-index:11800;
 width:58px;height:58px;border:0;border-radius:50%;
 background:linear-gradient(145deg,#1b1815,#8b5b2d);color:#fff;
 box-shadow:0 14px 34px rgba(42,28,15,.24);cursor:pointer;
 display:grid;place-items:center;font-size:30px;
 transform:translate3d(0,0,0);transition:transform .2s ease,box-shadow .2s ease;
}
.mj-ai-bubble:hover{transform:translate3d(0,-4px,0);box-shadow:0 20px 40px rgba(42,28,15,.3)}
.mj-ai-panel{
 position:fixed;right:24px;bottom:94px;z-index:11800;
 width:min(390px,calc(100vw - 30px));padding:18px;border-radius:20px;
 background:rgba(252,249,245,.985);border:1px solid rgba(105,76,44,.15);
 box-shadow:0 24px 60px rgba(40,28,16,.19);
 opacity:0;visibility:hidden;pointer-events:none;
 transform:translate3d(0,10px,0) scale(.985);
 transition:opacity .18s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility .18s;
}
.mj-ai-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.mj-ai-panel h3{margin:0 0 4px!important;font-size:27px!important}
.mj-ai-panel p{margin:0 0 14px!important;font-size:19px!important;color:#71675f!important;line-height:1.45!important}
.mj-ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mj-ai-panel input,.mj-ai-panel select{
 width:100%;min-height:44px;padding:9px 10px;border:1px solid #dfd1c1;border-radius:10px;
 background:#fff;font:600 14px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
}
.mj-ai-panel select{grid-column:1/-1}
.mj-ai-run{
 width:100%;min-height:46px;margin-top:10px;border:0;border-radius:11px;
 background:#171513;color:#fff;font-size:20px;font-weight:800;cursor:pointer;
}
.mj-ai-result{
 margin-top:12px;padding:12px;border-radius:12px;background:#f2eadf;
 font-size:19px;line-height:1.5;color:#302820;display:none
}
@media(max-width:520px){.mj-ai-bubble{right:14px;bottom:14px}.mj-ai-panel{right:14px;bottom:82px}}


/* ===== mj-product-quickview.css ===== */

/* ============================================================
   MJ PACKAGING — PREMIUM PRODUCT QUICK VIEW
   Inspired by premium editorial product-detail layouts.
   ============================================================ */
.mj-qv-overlay{
  position:fixed;inset:0;z-index:1000200;
  display:flex;align-items:center;justify-content:center;
  padding:26px;
  background:rgba(28,31,32,.63);
  opacity:0;visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.mj-qv-overlay.open{opacity:1;visibility:visible}
.mj-qv{
  width:min(1220px,calc(100vw - 52px));
  max-height:calc(100vh - 52px);
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.6);
  border-radius:24px;
  background:#f9f8f5;
  box-shadow:0 38px 100px rgba(0,0,0,.34);
  transform:translate3d(0,18px,0) scale(.985);
  transition:transform .34s cubic-bezier(.16,1,.3,1);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
}
.mj-qv-overlay.open .mj-qv{transform:translate3d(0,0,0) scale(1)}
.mj-qv-media{
  position:relative;min-height:650px;
  display:flex;align-items:flex-end;justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 40% 28%,rgba(255,255,255,.98),rgba(240,237,231,.82) 47%,rgba(220,224,224,.88) 100%);
}
.mj-qv-media::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(130deg,rgba(255,255,255,.45),transparent 42%,rgba(37,42,44,.04));
  pointer-events:none;
}
.mj-qv-media img{
  position:relative;z-index:1;
  width:88%;height:88%;object-fit:contain;
  transform:translate3d(0,0,0) scale(1);
  filter:drop-shadow(0 28px 30px rgba(29,25,17,.13));
  transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.mj-qv-media:hover img{transform:translate3d(0,-8px,0) scale(1.045)}
.mj-qv-back{
  position:absolute;left:22px;top:22px;z-index:3;
  display:flex;align-items:center;gap:8px;
  border:0;background:rgba(255,255,255,.72);
  padding:10px 13px;border-radius:12px;
  color:#4e4d4a;font-size:20px;font-weight:700;cursor:pointer;
}
.mj-qv-chip{
  position:absolute;left:22px;bottom:22px;z-index:3;
  padding:9px 12px;border-radius:999px;
  background:rgba(24,23,21,.88);color:#fff;
  font-size:17px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
}

.mj-qv-info{
  position:relative;
  padding:46px 52px 40px;
  overflow:auto;
  background:linear-gradient(145deg,#fff,#f5f5f2);
}
.mj-qv-close{
  position:absolute;right:20px;top:18px;
  width:42px;height:42px;border:0;border-radius:12px;
  display:grid;place-items:center;
  background:#ecebe7;color:#262421;
  font-size:30px;cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}
.mj-qv-close:hover{background:#dedbd5;transform:rotate(4deg) scale(1.04)}
.mj-qv-kicker{
  margin:0 0 10px;
  color:#9a6c2d;font-size:18px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;
}
.mj-qv-title{
  margin:0;padding-right:50px;
  color:#181715;
  font-size:42px;line-height:1.08;font-weight:760;letter-spacing:-.045em;
}
.mj-qv-price-row{
  display:flex;align-items:end;justify-content:space-between;gap:15px;
  margin:18px 0 24px;
}
.mj-qv-price strong{font-size:31px;color:#171513}
.mj-qv-price small{display:block;margin-top:5px;color:#77716a;font-size:18px}
.mj-qv-save{
  display:none;
  padding:7px 10px;border-radius:999px;
  background:#e7f4e8;color:#28713a;
  font-size:18px;font-weight:850;
}
.mj-qv-save.show{display:inline-flex}

.mj-qv-tabs{
  display:flex;gap:22px;margin:0 0 16px;border-bottom:1px solid #dedbd5;
}
.mj-qv-tab{
  position:relative;padding:0 0 12px;border:0;background:transparent;
  color:#908b84;font-size:18px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;
}
.mj-qv-tab.active{color:#171513}
.mj-qv-tab.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#171513;
}
.mj-qv-copy{
  min-height:82px;margin-bottom:24px;
  color:#6f6a64;font-size:20px;line-height:1.75;
}
.mj-qv-details-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;
}
.mj-qv-detail-line{display:flex;justify-content:space-between;gap:12px;font-size:19px}
.mj-qv-detail-line span{color:#817a72}.mj-qv-detail-line b{color:#2a2724}

.mj-qv-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.mj-qv-field{position:relative}
.mj-qv-field label{
  display:block;margin-bottom:7px;color:#5f5a54;
  font-size:17px;font-weight:850;letter-spacing:.10em;text-transform:uppercase;
}
.mj-qv-select{
  width:100%;height:58px;padding:0 16px;
  border:1px solid #d5d1ca;border-radius:11px;
  outline:0;background:#fff;color:#2b2926;
  font-size:20px;font-weight:650;
}
.mj-qv-select:focus{border-color:#9b6c2f;box-shadow:0 0 0 3px rgba(155,108,47,.09)}
.mj-qv-qty-add{display:grid;grid-template-columns:150px 1fr;gap:12px;margin-top:12px}
.mj-qv-stepper{
  height:60px;display:grid;grid-template-columns:42px 1fr 42px;
  border:1px solid #d5d1ca;border-radius:11px;background:#fff;overflow:hidden;
}
.mj-qv-stepper button{border:0;background:#f2f1ed;font-size:28px;cursor:pointer;color:#333}
.mj-qv-stepper input{width:100%;border:0;text-align:center;background:#fff;font-size:21px;font-weight:800;outline:0}
.mj-qv-add{
  position:relative;overflow:hidden;
  height:60px;border:0;border-radius:11px;
  background:#1f1e1c;color:#fff;
  font-size:19px;font-weight:850;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 8px 20px rgba(26,22,17,.14);
  transition:transform .2s ease,box-shadow .2s ease;
}
.mj-qv-add::after{
  content:"";position:absolute;top:-35%;bottom:-35%;left:-45%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-22deg);transition:left .62s cubic-bezier(.16,1,.3,1);
}
.mj-qv-add:hover{transform:translate3d(0,-2px,0);box-shadow:0 13px 30px rgba(26,22,17,.22)}
.mj-qv-add:hover::after{left:125%}
.mj-qv-wish{
  width:100%;margin-top:13px;height:50px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid #dedad3;border-radius:11px;background:#faf9f6;color:#3b3834;
  font-size:18px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
}
.mj-qv-wish:hover{border-color:#a97a3e;background:#fff}
.mj-qv-shipping{
  margin-top:16px;text-align:center;color:#827c75;
  font-size:17px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}

.mj-qv-bulk{
  margin-top:22px;padding:15px;border:1px solid #e0ddd6;border-radius:13px;background:#fff;
}
.mj-qv-bulk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.mj-qv-bulk-head b{font-size:19px}.mj-qv-bulk-head span{font-size:17px;color:#77716a}
.mj-qv-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.mj-qv-tier{
  padding:10px 6px;border:1px solid #e2ded7;border-radius:9px;text-align:center;background:#fbfaf8;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.mj-qv-tier.active{border-color:#9d6e31;background:#f5eadb;transform:translateY(-2px)}
.mj-qv-tier b{display:block;font-size:18px;color:#2c2925}
.mj-qv-tier span{display:block;margin-top:4px;color:#93704a;font-size:17px;font-weight:800}

@media(max-width:900px){
  .mj-qv{grid-template-columns:1fr;max-height:92vh;overflow:auto}
  .mj-qv-media{min-height:360px}
  .mj-qv-media img{height:310px}
  .mj-qv-info{padding:30px 22px}
  .mj-qv-title{font-size:33px}
}
@media(max-width:560px){
  .mj-qv-overlay{padding:10px}
  .mj-qv{width:calc(100vw - 20px);border-radius:17px}
  .mj-qv-media{min-height:270px}
  .mj-qv-media img{height:240px;width:84%}
  .mj-qv-fields{grid-template-columns:1fr}
  .mj-qv-qty-add{grid-template-columns:1fr}
  .mj-qv-tier-grid{grid-template-columns:1fr 1fr}
  .mj-qv-tabs{gap:12px}
  .mj-qv-tab{font-size:16px}
}



/* V76.1 — calm B2B cart clarity pass */
.mj-u-drawer{width:500px!important;max-width:100vw!important;background:#faf9f5!important;border-left:1px solid rgba(20,18,14,.10)!important;box-shadow:-18px 0 50px rgba(20,18,14,.14)!important}
.mj-u-head{background:#faf9f5!important;min-height:82px!important;padding:17px 26px!important}
.mj-u-head small{color:#756b5d!important;font-size:19px!important;letter-spacing:.02em!important;text-transform:none!important}
.mj-u-head h2{font-size:33px!important;color:#171713!important}
.mj-u-body{padding:22px 26px 150px!important;gap:18px!important;background:#faf9f5!important}
.mj-u-foot{position:relative!important;z-index:3!important;padding:18px 26px 20px!important;background:#faf9f5!important;border-top:1px solid rgba(20,18,14,.10)!important;box-shadow:0 -10px 30px rgba(20,18,14,.06)!important}
.mj-cart-shipping-ok{padding:13px 26px;background:#f3f1e9;border-bottom:1px solid rgba(20,18,14,.08);display:flex;flex-direction:column;gap:2px;color:#244333}
.mj-cart-shipping-ok strong{font-size:21px}.mj-cart-shipping-ok span{font-size:19px;color:#67655e}
.mj-smart-shipping{background:#f3f1e9!important;padding:14px 26px!important}.mj-smart-fill{background:#244333!important}
.mj-u-cart-row{background:#fff!important;border:1px solid rgba(20,18,14,.10)!important;border-radius:12px!important;padding:18px!important;box-shadow:none!important}
.mj-u-cart-img{width:82px!important;height:82px!important;min-width:82px!important;background:#faf9f5!important;border:1px solid rgba(20,18,14,.08)!important;border-radius:9px!important}
.mj-u-cart-cat,.mj-u-cart-line{display:none!important}.mj-u-cart-copy h3{font-size:24px!important;line-height:1.25!important;margin:0 0 5px!important;color:#171713!important}
.mj-cart-sku{font-size:18px;color:#77736a;margin-bottom:4px}.mj-cart-config{font-size:19px;color:#5f5b53;margin-bottom:8px}
.mj-cart-unit-price{display:flex;flex-direction:column;gap:2px}.mj-cart-unit-price strong{font-size:23px;color:#171713}.mj-cart-unit-price span{font-size:19px;color:#6f6b63}
.mj-u-cart-actions-row{margin-top:15px!important;padding-top:14px!important;border-top:1px solid rgba(20,18,14,.08)!important;align-items:center!important}
.mj-cart-qty-copy{display:flex;flex-direction:column;gap:2px}.mj-cart-qty-copy span{font-size:18px;color:#77736a}.mj-cart-qty-copy strong{font-size:19px;color:#302f2b}
.mj-u-cart-controls{gap:5px!important}.mj-u-cart-controls strong{min-width:70px;text-align:center;font-size:19px!important;color:#171713!important}.mj-u-cart-controls button{border:1px solid rgba(20,18,14,.14)!important;background:#faf9f5!important;color:#171713!important;border-radius:8px!important}
.mj-cart-row-links{display:flex;gap:16px;margin-top:12px;align-items:center}.mj-cart-row-links a,.mj-cart-row-links button{font:inherit;font-size:19px;color:#4f4b44;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mj-cart-row-links button{color:#7a3d35}
.mj-cart-line-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(20,18,14,.08);font-size:19px;color:#666158}.mj-cart-line-total strong{font-size:22px;color:#171713}
.mj-cart-custom-note{margin-top:12px;padding:11px 12px;background:#f5f0e6;border-left:2px solid #a47a3c;display:flex;flex-direction:column;gap:3px}.mj-cart-custom-note strong{font-size:18px;color:#40372c}.mj-cart-custom-note span{font-size:17px;color:#71695e;line-height:1.4}
.mj-coupon-shell{border-top:1px solid rgba(20,18,14,.10)!important;padding-top:18px!important}.mj-coupon-manual label{font-size:19px!important;color:#403e39!important}.mj-coupon-manual input{background:#fff!important;border-color:rgba(20,18,14,.14)!important}.mj-coupon-manual button{background:#171713!important;color:#fff!important;border-color:#171713!important}.mj-smart-coupon{background:#f3f1e9!important;border-color:rgba(20,18,14,.10)!important;color:#302f2b!important}.mj-smart-coupon strong{color:#302f2b!important}.mj-smart-coupon button{background:transparent!important;color:#171713!important;border:1px solid rgba(20,18,14,.18)!important}
.mj-smart-gst{background:transparent!important;border-top:1px solid rgba(20,18,14,.10)!important;border-radius:0!important;padding:16px 0 0!important}.mj-smart-gst-row{font-size:20px!important;color:#302f2b!important}
.mj-u-cart-footer-summary .mj-u-summary-row{font-size:20px!important;color:#5f5b53!important;margin-bottom:6px!important}.mj-u-cart-footer-summary .mj-u-summary-row span:last-child{color:#171713!important}.mj-u-cart-footer-summary .mj-u-summary-row.total{font-size:27px!important;border-top:1px solid rgba(20,18,14,.12)!important;padding-top:12px!important;margin-top:10px!important;color:#171713!important}.mj-cart-discount span:last-child{color:#244333!important}
.mj-cart-checkout{width:100%;min-height:54px;margin-top:14px;border:1px solid #171713;background:#171713;color:#fff;border-radius:8px;font-size:22px;font-weight:700;cursor:pointer}.mj-cart-checkout:hover{background:#2b2a25}
.mj-cart-quote,.mj-cart-whatsapp{width:100%;border:0;background:transparent;color:#302f2b;font-size:20px;padding:10px 8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.mj-cart-whatsapp{color:#244333}
.mj-u-assurance{display:block!important;text-align:center!important;border:0!important;background:transparent!important;padding:12px 0 2px!important;color:#77736a!important;font-size:18px!important}.mj-u-continue{margin-top:6px!important;color:#5f5b53!important;font-size:19px!important}
.mj-u-cart-actions,.mj-cv-cart-actions{display:none!important}
@media(max-width:760px){.mj-u-drawer{width:100vw!important}.mj-u-body{padding:18px 18px 145px!important}.mj-u-foot{padding:16px 18px 18px!important}.mj-u-cart-row-inner{gap:13px!important}.mj-u-cart-img{width:74px!important;height:74px!important;min-width:74px!important}.mj-u-cart-actions-row{align-items:flex-start!important}.mj-u-cart-controls{justify-content:flex-start!important}.mj-cart-shipping-ok{padding-left:18px;padding-right:18px}}

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

/* ===== mj-commerce.css ===== */

/* ===== PACK PRICE / CART / INQUIRY / ACCOUNT FUNCTIONALITY ===== */
.mj-unit-note{font-size:18px;color:#7b7369;margin-top:4px}
.mj-pack-total-box{margin:15px 0;padding:15px 17px;border:1px solid #e4d8c7;background:#fbf7f0;border-radius:7px}
.mj-pack-total-box span{display:block;font-size:18px;color:#756d63;margin-bottom:4px}
.mj-pack-total-box strong{font-size:31px;color:#171717}
.mj-cart2-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.mj-cart2-buy,.mj-cart2-inquiry{height:51px;border-radius:5px;font-weight:900;cursor:pointer;font-size:20px}
.mj-cart2-buy{border:0;background:#171717;color:#fff}.mj-cart2-buy:hover{background:#b97836}
.mj-cart2-inquiry{border:1px solid #b97836;background:#fff;color:#9b6027}.mj-cart2-inquiry:hover{background:#b97836;color:#fff}
.mj-cart2-unit{font-size:17px;color:#777;margin-top:3px}.mj-cart2-line-total{font-size:23px;font-weight:900;margin-top:6px}
.mj-inquiry-overlay{position:fixed;inset:0;z-index:100300;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.mj-inquiry-modal{width:min(620px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25);position:relative}
.mj-inquiry-modal h2{font-size:34px;margin:0 0 6px}.mj-inquiry-modal>p{color:#70685f;margin:0 0 22px}
.mj-inq-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:30px;cursor:pointer}
.mj-inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mj-inq-field{display:grid;gap:6px}.mj-inq-field.full{grid-column:1/-1}.mj-inq-field label{font-size:19px;font-weight:800}.mj-inq-field input,.mj-inq-field textarea{width:100%;border:1px solid #cec6bb;border-radius:5px;padding:11px 12px;font:inherit}.mj-inq-field textarea{min-height:90px;resize:vertical}
.mj-inq-submit{width:100%;height:50px;margin-top:18px;border:0;border-radius:5px;background:#b97836;color:#fff;font-weight:900;cursor:pointer}.mj-inq-submit:hover{background:#171717}
.mj-inq-summary{margin-top:16px;padding:13px;background:#f7f2e9;border-radius:6px;font-size:19px;color:#625b54}
.mj-commerce-toast{position:fixed;left:50%;bottom:28px;z-index:100500;transform:translate(-50%,18px);background:#151515;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;transition:.22s;font:700 13px Arial;pointer-events:none}.mj-commerce-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:620px){.mj-inq-grid{grid-template-columns:1fr}.mj-inq-field.full{grid-column:auto}.mj-cart2-actions{grid-template-columns:1fr}}


/* ===== mj-home.css ===== */

:root{
  --ink:#171717;--muted:#707070;--line:#e7e0d5;--paper:#f7f2e8;--kraft:#b97525;
  --gold:#c68a3f;--soft:#fbf8f2;--white:#fff;--dark:#111
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
.home-wrap{width:min(1500px,calc(100% - 64px));margin:auto}
.home-section{padding:76px 0}
.home-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.home-kicker{display:block;color:#a9671e;font-size:20px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:9px}
.home-head h2{font-size:54px;line-height:1.04;margin:0;letter-spacing:-1.8px}
.home-head p{max-width:520px;color:var(--muted);font-size:23px;line-height:1.6;margin:0}

/* HERO */
.mj-hero{position:relative;width:100%;aspect-ratio:21/9;min-height:430px;max-height:760px;background:#111;overflow:hidden}
.hero-track,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;transition:opacity .55s ease;pointer-events:none}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:34px;cursor:pointer;backdrop-filter:blur(8px)}
.hero-arrow:hover{background:rgba(0,0,0,.55)}
.hero-prev{left:22px}.hero-next{right:22px}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:9px}
.hero-dot{width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer;padding:0}
.hero-dot.active{background:#fff}

/* TRUST */
.trust-strip{border-bottom:1px solid var(--line);background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:23px 24px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}
.trust-item:last-child{border-right:0}
.trust-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f5ead9;font-size:28px}
.trust-item b{display:block;font-size:22px;margin-bottom:4px}
.trust-item span{font-size:19px;color:var(--muted)}

/* CATEGORIES */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.category-card{border:1px solid var(--line);background:#fff;text-decoration:none;overflow:hidden;transition:.25s;min-height:355px}
.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.08)}
.category-media{height:260px;background:#f8f4ed;padding:28px;display:grid;place-items:center}
.category-media img{width:100%;height:100%;object-fit:contain}
.category-copy{padding:20px}
.category-copy h3{font-size:27px;margin:0 0 7px}
.category-copy p{margin:0;color:var(--muted);line-height:1.5;font-size:20px}

/* PRODUCTS */
.product-area{background:#f7f4ee}
.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.product-filters{display:flex;gap:10px;flex-wrap:wrap}
.product-filter{height:42px;padding:0 17px;border:1px solid #cfc8bc;background:#fff;font-weight:700;cursor:pointer;border-radius:4px}
.product-filter.active{background:#171717;color:#fff;border-color:#171717}
.product-count{color:var(--muted);font-size:20px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.product{position:relative;background:#fff;border:1px solid #e4ddd2;min-width:0;transition:.25s}
.product:hover{box-shadow:0 14px 34px rgba(0,0,0,.08);transform:translateY(-4px)}
.product-badge{position:absolute;z-index:2;left:12px;top:12px;background:#e84f3c;color:#fff;padding:6px 9px;font-size:18px;font-weight:800}
.product-wish{position:absolute;z-index:2;right:12px;top:12px;width:38px;height:38px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:26px;cursor:pointer}
.product-media{height:300px;background:#faf9f6;border-bottom:1px solid #eee;display:grid;place-items:center;padding:26px}
.product-media img{width:100%;height:100%;object-fit:contain}
.product-info{padding:18px}
.product-category{font-size:18px;color:#8a8176;text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.product-info h3{font-size:23px;line-height:1.35;margin:8px 0 8px;min-height:46px}
.product-size{font-size:19px;color:#666;margin-bottom:10px}
.product-rating{font-size:20px;letter-spacing:1px;margin-bottom:8px}
.product-price{font-size:21px;font-weight:800;margin-bottom:14px;color:#b66a18}
.product-price strong{font-size:27px;color:#171717;margin-left:4px}
.pp-buy,.mj-buy-trigger{width:100%;height:48px;border:0;background:#d94b39;color:#fff;font-weight:800;font-size:21px;cursor:pointer}
.pp-buy:hover,.mj-buy-trigger:hover{background:#bf3f30}
.products-more{display:flex;justify-content:center;margin-top:34px}
.products-more a{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:52px;border:1px solid #171717;text-decoration:none;font-weight:800;background:#fff}

/* SOLUTION BANNER */
.solution{background:#161616;color:#fff}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}
.solution-copy h2{font-size:58px;margin:0 0 16px;line-height:1.02}
.solution-copy p{font-size:23px;color:#d2d2d2;line-height:1.65;max-width:620px}
.solution-actions{display:flex;gap:12px;margin-top:26px}
.solution-actions a{padding:15px 22px;text-decoration:none;font-weight:800;border:1px solid #fff}
.solution-actions .fill{background:#c88937;border-color:#c88937;color:#fff}
.solution-card{background:#fff;color:#171717;padding:34px}
.solution-card h3{font-size:32px;margin:0 0 18px}
.solution-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.solution-list div{border:1px solid #e4ddd2;padding:16px;font-weight:700}

/* FOOTER */
.mj-footer{background:#0e0e0e;color:#fff;padding:55px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:40px}
.footer-brand{font-size:36px;font-weight:800;margin-bottom:14px}
.footer-grid p{color:#aaa;line-height:1.6;max-width:440px}
.footer-grid h4{margin:0 0 16px}
.footer-grid a{display:block;text-decoration:none;color:#bbb;margin:10px 0;font-size:20px}
.footer-grid a:hover{color:#fff}
.footer-bottom{border-top:1px solid #2c2c2c;margin-top:36px;padding-top:20px;color:#888;font-size:19px;display:flex;justify-content:space-between;gap:20px}

/* quickbuy should fit large cards */
.mj-qb-panel{font-size:20px!important}

@media(max-width:1200px){
  .home-wrap{width:min(100% - 36px,1500px)}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .category-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .home-section{padding:52px 0}.home-wrap{width:min(100% - 24px,1500px)}
  .home-head{display:block}.home-head h2{font-size:42px}.home-head p{margin-top:12px}
  .mj-hero{aspect-ratio:16/10;min-height:0}.hero-slide img{object-fit:cover}
  .trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-media{height:220px}
  .solution-grid{grid-template-columns:1fr}.solution-copy h2{font-size:44px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .category-grid,.product-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}
  .product-toolbar{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}
}

/* ===== LARGE STORE SCALE ===== */
@media (min-width:1201px){
  .home-wrap{width:min(1760px,calc(100% - 84px))}
  .home-section{padding:96px 0}
  .home-head{gap:46px;margin-bottom:42px}
  .home-kicker{font-size:22px;letter-spacing:2px;margin-bottom:12px}
  .home-head h2{font-size:66px;letter-spacing:-2.2px}
  .home-head p{max-width:620px;font-size:26px;line-height:1.65}
  .mj-hero{min-height:500px;max-height:820px}
  .hero-arrow{width:60px;height:60px;font-size:40px}.hero-prev{left:30px}.hero-next{right:30px}
  .hero-dots{bottom:28px}.hero-dot{width:12px;height:12px}
  .trust-item{padding:30px 28px;gap:18px}.trust-icon{width:58px;height:58px;font-size:32px}.trust-item b{font-size:25px}.trust-item span{font-size:21px}
  .category-grid{gap:28px}.category-card{min-height:430px}.category-media{height:315px;padding:32px}.category-copy{padding:25px}.category-copy h3{font-size:32px;margin-bottom:9px}.category-copy p{font-size:22px;line-height:1.55}
  .product-toolbar{margin-bottom:32px}.product-filters{gap:12px}.product-filter{height:50px;padding:0 22px;font-size:22px}.product-count{font-size:22px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .product-media{height:390px;padding:32px}.product-badge{left:15px;top:15px;font-size:19px;padding:7px 11px}.product-wish{right:15px;top:15px;width:46px;height:46px;font-size:29px}
  .product-info{padding:24px}.product-category{font-size:20px}.product-info h3{font-size:28px;min-height:58px;margin:10px 0}.product-size{font-size:21px;margin-bottom:12px}.product-rating{font-size:22px;margin-bottom:10px}.product-price{font-size:23px;margin-bottom:17px}.product-price strong{font-size:31px}.pp-buy,.mj-buy-trigger{height:58px;font-size:23px}
  .products-more{margin-top:44px}.products-more a{min-width:260px;height:60px;font-size:23px}
  .solution-grid{gap:70px}.solution-copy h2{font-size:70px}.solution-copy p{font-size:26px;max-width:730px}.solution-actions a{padding:18px 28px;font-size:23px}.solution-card{padding:44px}.solution-card h3{font-size:38px}.solution-list{gap:18px}.solution-list div{padding:20px;font-size:23px}
  .mj-footer{padding:72px 0 26px}.footer-grid{gap:56px}.footer-brand{font-size:44px}.footer-grid p{font-size:23px}.footer-grid h4{font-size:25px}.footer-grid a{font-size:22px;margin:13px 0}.footer-bottom{font-size:21px;padding-top:24px}
}

@media(min-width:1180px){
 .home-wrap{width:min(1480px,calc(100% - 80px))}
 .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
 .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .home-head h2{font-size:56px!important}
}

/* ===== Expanded visual category catalogue ===== */
.mj-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
}
.mj-category-card{
  min-height:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e6ddd1!important;
  box-shadow:0 5px 18px rgba(44,30,12,.035);
  transform:translateZ(0);
}
.mj-category-card .category-media{
  height:285px!important;
  min-height:285px!important;
  padding:22px!important;
  background:#f5ede2!important;
  position:relative;
  overflow:hidden;
}
.mj-category-card .category-media:after{
  content:"";
  position:absolute;
  inset:auto -25% -65% -25%;
  height:70%;
  background:radial-gradient(circle,rgba(194,126,47,.13),transparent 68%);
  opacity:0;
  transition:opacity .35s ease;
}
.mj-category-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:scale(.92);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s ease;
  filter:drop-shadow(0 10px 14px rgba(66,42,14,.05));
}
.mj-category-card .category-copy{
  padding:18px 20px 21px!important;
  min-height:112px;
  border-top:1px solid #eee6dc;
}
.mj-category-card .category-copy h3{
  font-size:26px!important;
  margin:0 0 7px!important;
  line-height:1.2!important;
}
.mj-category-card .category-copy p{
  font-size:20px!important;
  line-height:1.48!important;
  color:#70685f!important;
}
.mj-category-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 24px 50px rgba(51,33,13,.10)!important;
}
.mj-category-card:hover img{
  transform:scale(1.02) translateY(-3px);
}
.mj-category-card:hover .category-media:after{opacity:1}
@media(max-width:1180px){
  .mj-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .mj-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .mj-category-card .category-media{height:220px!important;min-height:220px!important}
}
@media(max-width:520px){
  .mj-category-grid{grid-template-columns:1fr!important}
  .mj-category-card .category-media{height:250px!important;min-height:250px!important}
}

/* ===== VIDEO HERO + SCROLL MOTION ===== */
.mj-hero{
  --heroScroll:0;
  transform:translateZ(0);
}
.hero-slide img,
.mj-hero-video{
  transform:scale(calc(1.001 + (var(--heroScroll) * .055))) translateY(calc(var(--heroScroll) * 14px));
  transition:transform .08s linear;
  will-change:transform;
}
.mj-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#111;
}
.hero-video-slide{background:#111}
.mj-video-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 45%,rgba(0,0,0,.08));
}
.mj-hero:after{
  content:"";
  position:absolute;
  z-index:2;
  inset:auto 0 0;
  height:22%;
  pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,calc(var(--heroScroll) * .20)),transparent);
}
@media(prefers-reduced-motion:reduce){
  .hero-slide img,.mj-hero-video{transform:none!important;transition:none!important}
}

/* ===== PROPER SCROLL-TRIGGERED ANIMATIONS ===== */

.scroll-section{
  opacity:0;
  transform:translateY(54px) scale(.985);
  filter:blur(8px);
}
.scroll-section.is-visible{
  opacity:1;
  transform:none;
  filter:none;
  transition:
    opacity .9s cubic-bezier(.2,.75,.2,1),
    transform 1s cubic-bezier(.2,.75,.2,1),
    filter .75s ease;
}

.scroll-item{
  opacity:0;
  transform:translateY(38px) scale(.97);
}
.scroll-item.is-visible{
  opacity:1;
  transform:none;
  transition:
    opacity .7s ease calc(var(--stagger,0) * 55ms),
    transform .8s cubic-bezier(.2,.75,.2,1) calc(var(--stagger,0) * 55ms);
}

/* Hero transforms continuously with scroll */
.mj-hero{
  --hero-progress:0;
  transform-origin:center top;
  transform:
    translateY(calc(var(--hero-progress) * 22px))
    scale(calc(1 - (var(--hero-progress) * .035)));
  border-radius:calc(var(--hero-progress) * 22px);
  overflow:hidden;
  transition:border-radius .08s linear;
}
.mj-hero .hero-slide img,
.mj-hero .mj-hero-video{
  transform:
    scale(calc(1.02 + (var(--hero-progress) * .10)))
    translateY(calc(var(--hero-progress) * 22px));
  transition:transform .05s linear;
  will-change:transform;
}
.mj-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,calc(var(--hero-progress) * .28)));
}

/* Category images get live scroll parallax + hover zoom */
.mj-category-card .category-media img{
  transform:
    translateY(var(--parallax-y,0px))
    rotate(var(--parallax-r,0deg))
    scale(.92);
  transition:
    transform .18s linear,
    filter .35s ease;
}
.mj-category-card:hover .category-media img{
  transform:
    translateY(calc(var(--parallax-y,0px) - 8px))
    rotate(calc(var(--parallax-r,0deg) - 2deg))
    scale(1.06)!important;
}

/* Product images have smaller scroll parallax */
.product-media img{
  transform:
    translateY(var(--product-parallax-y,0px))
    scale(.94);
  transition:
    transform .16s linear,
    opacity .4s ease,
    filter .35s ease;
}
.product:hover .product-media img.mj-main-img{
  transform:
    translateY(calc(var(--product-parallax-y,0px) - 7px))
    scale(1.08)
    rotate(-3deg)!important;
}

/* Sticky-feel solution section */
.solution{
  position:relative;
  overflow:hidden;
}
.solution:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 70% 45%,rgba(198,138,63,.20),transparent 36%);
  transform:translateY(calc(var(--hero-progress,0) * -25px));
  pointer-events:none;
}

/* Header motion on scroll direction */
.mj-site-header{
  position:sticky!important;
  top:0;
  z-index:9999;
  transition:transform .32s ease,box-shadow .32s ease,background .32s ease!important;
}
.mj-site-header.scroll-down{
  transform:translateY(-100%);
}
.mj-site-header:not(.scroll-down){
  transform:translateY(0);
}

/* Slight depth on headings when section enters */
.scroll-section.is-visible .home-head h2{
  animation:mjTitleIn .9s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes mjTitleIn{
  from{opacity:0;transform:translateY(28px);letter-spacing:.4px}
  to{opacity:1;transform:none;letter-spacing:inherit}
}

/* Reduced motion safety */
@media(prefers-reduced-motion:reduce){
  .scroll-section,.scroll-item{opacity:1!important;transform:none!important;filter:none!important}
  .mj-hero,.mj-hero .hero-slide img,.mj-hero .mj-hero-video,
  .mj-category-card .category-media img,.product-media img{
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   MJ SCROLL MOTION V2 — obvious, native CSS + JS fallback
   ========================================================= */

/* Never leave content hidden if JS fails */
.scroll-section,.scroll-item{opacity:1!important;filter:none!important}

/* Native scroll animations in modern Chrome/Edge */
@supports (animation-timeline: view()) {
  .home-section .home-head{
    animation:mjHeadReveal both linear;
    animation-timeline:view();
    animation-range:entry 5% cover 34%;
  }
  .mj-category-card{
    animation:mjCardReveal both linear;
    animation-timeline:view();
    animation-range:entry 0% cover 30%;
  }
  .product{
    animation:mjProductReveal both linear;
    animation-timeline:view();
    animation-range:entry 0% cover 27%;
  }
  .solution-copy{
    animation:mjLeftReveal both linear;
    animation-timeline:view();
    animation-range:entry 0% cover 38%;
  }
  .solution-card{
    animation:mjRightReveal both linear;
    animation-timeline:view();
    animation-range:entry 0% cover 38%;
  }
  .trust-item{
    animation:mjTrustReveal both linear;
    animation-timeline:view();
    animation-range:entry 0% cover 30%;
  }
}

@keyframes mjHeadReveal{
  0%{opacity:0;transform:translateY(80px) scale(.92);filter:blur(12px)}
  55%{opacity:.8;filter:blur(2px)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes mjCardReveal{
  0%{opacity:0;transform:translateY(110px) rotateX(18deg) scale(.82);filter:blur(10px)}
  65%{opacity:1;transform:translateY(-8px) rotateX(0) scale(1.02);filter:none}
  100%{opacity:1;transform:none}
}
@keyframes mjProductReveal{
  0%{opacity:0;transform:translateY(100px) scale(.84);filter:blur(9px)}
  70%{opacity:1;transform:translateY(-10px) scale(1.015);filter:none}
  100%{opacity:1;transform:none}
}
@keyframes mjLeftReveal{
  from{opacity:0;transform:translateX(-120px) scale(.9);filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes mjRightReveal{
  from{opacity:0;transform:translateX(120px) rotateY(-12deg) scale(.9);filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes mjTrustReveal{
  from{opacity:0;transform:translateY(55px) scale(.85)}
  to{opacity:1;transform:none}
}

/* Hero = actual scroll-linked cinematic transform */
.mj-hero{
  --scrollP:0;
  transform-origin:50% 0%;
  transform:scale(calc(1 - var(--scrollP) * .10)) translateY(calc(var(--scrollP) * 55px))!important;
  border-radius:calc(var(--scrollP) * 34px)!important;
  box-shadow:0 calc(var(--scrollP) * 28px) calc(var(--scrollP) * 70px) rgba(0,0,0,calc(var(--scrollP) * .20));
}
.mj-hero .hero-slide img,.mj-hero .mj-hero-video{
  transform:scale(calc(1.01 + var(--scrollP) * .18)) translateY(calc(var(--scrollP) * 38px))!important;
}
.mj-hero .hero-dots,.mj-hero .hero-arrow{
  opacity:calc(1 - var(--scrollP) * 1.4);
}

/* JS fallback classes: deliberately visible motion */
.mj-js-reveal{
  opacity:0!important;
  transform:translateY(90px) scale(.88)!important;
  filter:blur(10px)!important;
}
.mj-js-reveal.mj-js-in{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .75s ease,transform .9s cubic-bezier(.16,.8,.2,1),filter .65s ease!important;
}
.mj-js-left{transform:translateX(-110px) scale(.9)!important}
.mj-js-right{transform:translateX(110px) scale(.9)!important}
.mj-js-left.mj-js-in,.mj-js-right.mj-js-in{transform:none!important}

@media(prefers-reduced-motion:reduce){
 .mj-js-reveal{opacity:1!important;transform:none!important;filter:none!important}
 .mj-hero,.mj-hero .hero-slide img,.mj-hero .mj-hero-video{transform:none!important}
}

/* ===== FOUR PREMIUM HERO CONCEPTS ===== */
.mj-announcement{
  height:38px;background:#082d25;color:#fff;overflow:hidden;position:relative;
  display:flex;align-items:center;z-index:10020;border-bottom:1px solid rgba(255,255,255,.12)
}
.mj-ann-track{width:100%;height:38px;position:relative}
.mj-ann-track span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:19px;font-weight:750;letter-spacing:.15px;opacity:0;transform:translateY(100%);
  animation:mjAnnouncement 20s infinite;
}
.mj-ann-track span:nth-child(1){animation-delay:0s}
.mj-ann-track span:nth-child(2){animation-delay:4s}
.mj-ann-track span:nth-child(3){animation-delay:8s}
.mj-ann-track span:nth-child(4){animation-delay:12s}
.mj-ann-track span:nth-child(5){animation-delay:16s}
@keyframes mjAnnouncement{
  0%{opacity:0;transform:translateY(100%)}
  5%,17%{opacity:1;transform:translateY(0)}
  20%,100%{opacity:0;transform:translateY(-100%)}
}

.mj-hero{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2.72/1!important;
  min-height:430px!important;
  max-height:650px!important;
  background:#151515!important;
  border-radius:0!important;
}
.hero-slides,.hero-slide{position:absolute!important;inset:0!important}
.hero-slide{opacity:0;pointer-events:none;transition:opacity .75s ease!important}
.hero-slide.active{opacity:1;pointer-events:auto}
.mj-concept{overflow:hidden;color:#fff}
.mj-concept .mj-banner-bg{position:absolute;inset:0}
.mj-concept-1 .mj-banner-bg{background:radial-gradient(circle at 77% 42%,#a86f36 0,#3d2a19 29%,#101210 68%,#080908 100%)}
.mj-concept-2 .mj-banner-bg{background:radial-gradient(circle at 76% 44%,#60401f 0,#21170e 30%,#07090a 70%,#030405 100%)}
.mj-concept-3 .mj-banner-bg{background:linear-gradient(110deg,#f3eadb 0 51%,#c7975c 51% 100%)}
.mj-concept-4 .mj-banner-bg{background:radial-gradient(circle at 78% 45%,#d8b88c 0,#92734e 30%,#17362f 63%,#08241e 100%)}

.mj-banner-copy{
  position:absolute;z-index:3;left:max(6vw,70px);top:50%;transform:translateY(-50%);
  width:min(610px,44vw)
}
.mj-banner-kicker{display:block;color:#d9a452;font-size:19px;font-weight:900;letter-spacing:2px;margin-bottom:14px}
.mj-banner-copy h1{font-size:clamp(36px,4vw,68px);line-height:.98;letter-spacing:-2.2px;margin:0 0 20px;font-weight:900}
.mj-banner-copy h1 em{font-style:normal;color:#d6a04e}
.mj-banner-copy p{font-size:clamp(14px,1.15vw,18px);line-height:1.55;max-width:570px;color:rgba(255,255,255,.80);margin:0 0 27px}
.mj-banner-actions{display:flex;gap:12px;flex-wrap:wrap}
.mj-banner-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:#d49a45;color:#111;text-decoration:none;font-size:20px;font-weight:900;border:1px solid #d49a45;transition:.25s}
.mj-banner-actions a:hover{background:#fff;border-color:#fff;transform:translateY(-3px)}
.mj-banner-actions a.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.mj-banner-actions a.outline:hover{background:#fff;color:#111}

.mj-banner-art{
  position:absolute;z-index:2;right:5%;top:7%;width:48%;height:86%;
  display:flex;align-items:center;justify-content:center
}
.mj-banner-art img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 34px 28px rgba(0,0,0,.32));transform:scale(.94);transition:transform 6s ease!important}
.hero-slide.active .mj-banner-art img{transform:scale(1.04)}
.mj-art-pair{gap:0}
.mj-art-pair img{width:56%!important;margin-left:-8%}
.mj-concept-3{color:#171717}
.mj-concept-3 .mj-banner-copy p{color:#5d554b}
.mj-concept-3 .mj-banner-actions a.outline{color:#171717;border-color:#171717}
.mj-concept-3 .mj-banner-actions a.outline:hover{background:#171717;color:#fff}
.mj-concept-3 .mj-banner-kicker{color:#a46b26}

.hero-arrow{z-index:7!important;width:48px!important;height:48px!important;background:rgba(0,0,0,.36)!important;backdrop-filter:blur(8px)}
.hero-dots{z-index:7!important}
.hero-dot{width:9px!important;height:9px!important}
.hero-dot.active{width:28px!important;border-radius:10px!important}

@media(max-width:900px){
 .mj-hero{aspect-ratio:auto!important;height:620px!important;min-height:620px!important}
 .mj-banner-copy{left:28px;right:28px;top:auto;bottom:36px;transform:none;width:auto}
 .mj-banner-art{right:4%;top:2%;width:72%;height:57%}
 .mj-banner-copy h1{font-size:48px}
 .mj-banner-copy p{font-size:21px}
}
@media(max-width:560px){
 .mj-announcement{height:34px}.mj-ann-track{height:34px}.mj-ann-track span{font-size:17px;padding:0 18px;text-align:center}
 .mj-hero{height:570px!important;min-height:570px!important}
 .mj-banner-art{width:88%;height:48%;right:6%}
 .mj-banner-copy{left:20px;right:20px;bottom:28px}
 .mj-banner-copy h1{font-size:40px;letter-spacing:-1.2px}
 .mj-banner-actions a{min-height:44px;padding:0 17px}
}

/* =========================================================
   HERO FINAL FIX — NO TEXT CUTTING + 4 UNIQUE CONCEPTS
   ========================================================= */
.mj-hero{
  position:relative!important;
  width:100%!important;
  height:clamp(470px,36.5vw,700px)!important;
  min-height:470px!important;
  max-height:700px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#111!important;
  transform:none!important;
}
.hero-slides,.hero-slide{position:absolute!important;inset:0!important}
.hero-slide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .7s ease,visibility .7s ease!important}
.hero-slide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.hero-bg{position:absolute;inset:0}
.hero-safe{
  position:relative;z-index:3;
  width:min(1500px,calc(100% - 140px));
  height:100%;
  margin:auto;
  display:grid;
  align-items:center;
  gap:48px;
  padding:48px 0 56px;
}
.hero-copy{
  min-width:0;
  max-width:650px;
  position:relative;
  z-index:5;
  overflow:visible!important;
}
.hero-kicker{
  display:block;
  margin:0 0 14px;
  color:#dca351;
  font-size:clamp(12px,.85vw,15px);
  line-height:1.3;
  font-weight:900;
  letter-spacing:1.8px;
}
.hero-copy h1{
  margin:0 0 18px!important;
  padding:0!important;
  font-size:clamp(38px,4vw,70px)!important;
  line-height:1.02!important;
  letter-spacing:-2.3px!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow:visible!important;
  max-width:100%!important;
}
.hero-copy h1 strong{color:#d79b47;font-weight:900}
.hero-copy p{
  margin:0 0 25px!important;
  max-width:610px;
  font-size:clamp(14px,1.08vw,18px)!important;
  line-height:1.56!important;
  color:rgba(255,255,255,.82)!important;
}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-cta a{
  min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 22px;
  background:#d79b47;color:#111;text-decoration:none;
  border:1px solid #d79b47;
  font-size:20px;font-weight:900;
}
.hero-cta a:hover{background:#fff;border-color:#fff;transform:translateY(-3px)}
.hero-cta .ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.hero-cta .ghost:hover{background:#fff;color:#111}
.hero-visual{
  min-width:0;height:100%;
  position:relative;
  display:flex;align-items:center;justify-content:center;
}
.hero-visual img{
  position:relative!important;
  max-width:100%!important;max-height:88%!important;
  width:auto!important;height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 28px 28px rgba(0,0,0,.28));
  transform:none!important;
}

/* 1 — dark luxury split */
.hero-one .hero-bg{
  background:
    radial-gradient(circle at 78% 44%,rgba(206,150,79,.48),transparent 27%),
    linear-gradient(105deg,#080a09 0%,#14120e 52%,#664526 100%);
}
.hero-layout-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.visual-boxes img:first-child{width:72%!important;transform:translate(10%,4%) scale(1.12)!important}
.visual-boxes .visual-small{position:absolute!important;width:38%!important;left:0;bottom:8%;transform:rotate(-4deg)!important}

/* 2 — tape, reversed composition */
.hero-two .hero-bg{
  background:
    radial-gradient(circle at 25% 50%,rgba(190,125,46,.26),transparent 28%),
    linear-gradient(115deg,#060708 0%,#12100d 50%,#2f1d0d 100%);
}
.hero-layout-reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hero-two .hero-copy{justify-self:end}
.visual-tape img{width:82%!important;z-index:2}
.hero-orbit{
  position:absolute;width:min(34vw,430px);aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(214,154,71,.35);
  box-shadow:0 0 0 55px rgba(214,154,71,.035),0 0 0 110px rgba(214,154,71,.02);
}

/* 3 — light editorial material banner */
.hero-three{color:#191919}
.hero-three .hero-bg{
  background:
    linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.68) 48%,transparent 68%),
    linear-gradient(115deg,#efe4d3 0%,#f8f2e9 50%,#bd8b54 100%);
}
.hero-layout-editorial{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.dark-copy p{color:#60574c!important}
.dark-copy .hero-kicker{color:#a86c28}
.dark-ghost{color:#171717!important;border-color:#171717!important}
.dark-ghost:hover{background:#171717!important;color:#fff!important}
.visual-material .roll-img{position:absolute!important;width:63%!important;left:2%;bottom:3%;transform:rotate(-5deg)!important}
.visual-material .sheet-img{position:absolute!important;width:55%!important;right:0;top:13%;transform:rotate(4deg)!important}

/* 4 — centered custom-brand concept */
.hero-four .hero-bg{
  background:
    radial-gradient(circle at 50% 28%,rgba(214,167,104,.36),transparent 22%),
    linear-gradient(135deg,#061f1a,#0c3a31 54%,#162a24);
}
.hero-layout-center{display:block;padding-top:42px}
.center-copy{
  max-width:780px!important;
  margin:0 auto;
  text-align:center;
}
.centered{justify-content:center}
.visual-colour{
  position:absolute!important;
  left:50%;bottom:-4%;
  transform:translateX(-50%);
  width:46%;height:54%;
}
.visual-colour img{max-height:100%!important}

/* arrows/dots */
.hero-arrow{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  z-index:20!important;width:50px!important;height:50px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.65)!important;background:rgba(0,0,0,.32)!important;color:#fff!important;
  font-size:34px!important;cursor:pointer!important;backdrop-filter:blur(7px);
}
.hero-prev{left:22px!important}.hero-next{right:22px!important}
.hero-dots{
  position:absolute!important;z-index:20!important;left:50%!important;bottom:18px!important;
  transform:translateX(-50%)!important;display:flex!important;gap:8px!important
}
.hero-dot{width:9px!important;height:9px!important;border:1px solid #fff!important;background:transparent!important;border-radius:999px!important;padding:0!important;transition:.25s!important}
.hero-dot.active{width:28px!important;background:#fff!important}

/* entrance motion only; never clips */
.hero-slide.active .hero-copy{animation:heroCopyIn .7s ease both}
.hero-slide.active .hero-visual{animation:heroVisualIn .85s ease both}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:translateX(28px) scale(.96)}to{opacity:1;transform:none}}

@media(max-width:1000px){
  .mj-hero{height:620px!important;min-height:620px!important}
  .hero-safe{width:min(100% - 48px,900px);gap:20px;padding:34px 0 44px}
  .hero-layout-split,.hero-layout-reverse,.hero-layout-editorial{grid-template-columns:1fr 1fr}
  .hero-copy h1{font-size:clamp(36px,5.1vw,55px)!important}
}
@media(max-width:760px){
  .mj-hero{height:690px!important;min-height:690px!important}
  .hero-safe{width:calc(100% - 34px);display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:28px 0 46px!important}
  .hero-copy,.hero-two .hero-copy{max-width:none!important;width:100%!important;justify-self:auto!important;text-align:left!important}
  .hero-copy h1{font-size:44px!important;line-height:1.02!important;letter-spacing:-1.4px!important}
  .hero-copy p{font-size:21px!important}
  .hero-visual{width:100%!important;height:300px!important;min-height:300px!important}
  .hero-layout-reverse .hero-visual{order:2}.hero-layout-reverse .hero-copy{order:1}
  .hero-layout-center{display:flex!important}
  .center-copy{text-align:left!important;margin:0!important}.centered{justify-content:flex-start!important}
  .visual-colour{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:300px!important}
  .visual-boxes img:first-child,.visual-tape img{width:70%!important}
  .hero-prev{left:8px!important}.hero-next{right:8px!important}
}
@media(max-width:480px){
  .mj-hero{height:720px!important;min-height:720px!important}
  .hero-copy h1{font-size:39px!important}
  .hero-cta a{min-height:44px;padding:0 15px;font-size:19px}
  .hero-visual{height:290px!important;min-height:290px!important}
}

/* HEADER-ADJACENT ONLY: announcement bar polish */
.mj-announcement{
  height:36px!important;
  min-height:36px!important;
  background:#082e27!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.mj-ann-track{
  height:36px!important;
}
.mj-ann-track span{
  min-height:36px!important;
  padding:0 24px!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:.15px!important;
}
@media(max-width:760px){
  .mj-announcement,.mj-ann-track{height:32px!important;min-height:32px!important}
  .mj-ann-track span{min-height:32px!important;font-size:16.5px!important;padding:0 14px!important}
}

/* RESTORED FIND MY SIZE SECTION ABOVE FOOTER */
.mj-footer-size-restore{background:#f4eee4}
.mj-footer-size-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;border:1px solid #ded3c5;background:#fff;padding:38px 42px}
.mj-footer-size-copy h3{font-size:37px;margin:0 0 12px}.mj-footer-size-copy p{font-size:22px;line-height:1.6;color:#6e675f;max-width:600px}.mj-footer-size-art{height:270px;display:grid;place-items:center}.mj-footer-size-art img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.mj-footer-size-grid{grid-template-columns:1fr;padding:26px}.mj-footer-size-art{height:220px}}


/* ===== mj-account.css ===== */

.mj-account-shell{max-width:1050px;margin:auto}.mj-account-intro{text-align:center;max-width:720px;margin:10px auto 32px}.mj-account-intro span{font-size:18px;color:#a56627;font-weight:900;letter-spacing:1.5px}.mj-account-intro h1{font-size:48px;margin:8px 0 10px}.mj-account-intro p{color:#6d665e;line-height:1.6}
.mj-auth-card{max-width:560px;margin:auto;border:1px solid #e1d8cc;background:#fff;padding:28px;border-radius:10px;box-shadow:0 12px 35px rgba(45,30,12,.06)}
.mj-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f5efe6;padding:5px;border-radius:7px;margin-bottom:22px}.mj-auth-tabs button{height:43px;border:0;background:transparent;font-weight:900;cursor:pointer;border-radius:5px}.mj-auth-tabs button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.mj-auth-pane{display:none}.mj-auth-pane.active{display:grid;gap:8px}.mj-auth-pane label{font-size:19px;font-weight:800;margin-top:6px}.mj-auth-pane input{height:47px;border:1px solid #ccc3b7;border-radius:5px;padding:0 12px;font-size:20px}.mj-auth-primary{height:49px;margin-top:12px;border:0;border-radius:5px;background:#b97836;color:#fff;font-weight:900;cursor:pointer}.mj-auth-primary:hover{background:#171717}.mj-auth-message{font-size:19px;text-align:center;margin-top:12px;color:#377454}
.mj-order-history{max-width:800px;margin:45px auto 0}.mj-order-history h2{font-size:33px}.mj-order-card{border:1px solid #e2d8cb;padding:18px;margin:10px 0;background:#fff}.mj-order-card header{display:flex;justify-content:space-between;gap:15px}.mj-order-card small{color:#777}

/* =========================================================
   MJ ACCOUNT — ANIMATED BOX BACKGROUND ONLY
   ========================================================= */
body:has(.mj-account-page){
  background:
    radial-gradient(circle at 20% 20%,rgba(198,145,79,.08),transparent 28%),
    linear-gradient(135deg,#f5efe6,#fbf8f3 48%,#efe3d2)!important;
  min-height:100vh;
  overflow-x:hidden;
}
.mj-account-page{
  position:relative;
  z-index:5;
  background:transparent!important;
}
.mj-account-scene{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.mj-account-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.48;
  animation:mjAccGlow 8s ease-in-out infinite alternate;
}
.glow-a{width:420px;height:420px;left:-110px;top:22%;background:rgba(196,130,52,.24)}
.glow-b{width:480px;height:480px;right:-130px;bottom:5%;background:rgba(104,76,42,.17);animation-delay:1.5s}
@keyframes mjAccGlow{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(30px,-20px,0) scale(1.12)}
}
.mj-account-grid{
  position:absolute;
  inset:0;
  opacity:.055;
  background-image:
    linear-gradient(rgba(90,68,42,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,68,42,.5) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}

/* Floating 3D boxes */
.mj-fbox{
  --s:92px;
  position:absolute;
  width:var(--s);
  height:var(--s);
  transform-style:preserve-3d;
  animation:mjBoxFloat 8s ease-in-out infinite alternate;
  opacity:.78;
}
.mj-fbox .face{
  position:absolute;
  display:grid;
  place-items:center;
  border:1px solid rgba(94,60,25,.28);
  color:rgba(70,43,17,.42);
  font-size:24px;
  font-weight:900;
  background:
    linear-gradient(145deg,rgba(224,178,115,.88),rgba(171,113,53,.88));
  box-shadow:inset 0 0 20px rgba(255,255,255,.08);
}
.mj-fbox .front{width:var(--s);height:var(--s);transform:translateZ(calc(var(--s)/2))}
.mj-fbox .side{width:var(--s);height:var(--s);transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.mj-fbox .top{width:var(--s);height:var(--s);transform:rotateX(90deg) translateZ(calc(var(--s)/2))}
.box-a{--s:96px;left:7%;top:28%;transform:rotateX(-18deg) rotateY(26deg);animation-delay:0s}
.box-b{--s:72px;left:13%;bottom:13%;transform:rotateX(14deg) rotateY(-24deg);animation-delay:1.2s}
.box-c{--s:106px;right:8%;top:20%;transform:rotateX(-10deg) rotateY(-30deg);animation-delay:.7s}
.box-d{--s:62px;right:16%;bottom:15%;transform:rotateX(18deg) rotateY(28deg);animation-delay:2s}
@keyframes mjBoxFloat{
  0%{translate:0 0;rotate:0deg}
  100%{translate:0 -22px;rotate:3deg}
}

/* Open box with flaps */
.mj-open-box{
  position:absolute;
  right:4%;
  top:47%;
  width:140px;height:110px;
  transform:rotate(-7deg);
  opacity:.72;
  filter:drop-shadow(0 22px 18px rgba(80,48,18,.14));
  animation:mjOpenBoxFloat 7s ease-in-out infinite alternate;
}
.mj-open-box .base{
  position:absolute;left:20px;top:32px;width:100px;height:75px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#c9873f,#9f632d);
  border:1px solid rgba(74,46,20,.25);
  color:rgba(50,29,12,.4);font-weight:900;font-size:25px;
}
.mj-open-box .flap{
  position:absolute;
  background:linear-gradient(145deg,#d59a59,#ae6e33);
  border:1px solid rgba(80,48,18,.24);
  transform-origin:center bottom;
}
.flap-l{width:50px;height:50px;left:18px;top:0;transform:rotate(-27deg);animation:mjFlapL 3.8s ease-in-out infinite alternate}
.flap-r{width:50px;height:50px;right:18px;top:0;transform:rotate(27deg);animation:mjFlapR 3.8s ease-in-out infinite alternate}
.flap-b{width:70px;height:44px;left:35px;top:7px;transform:rotateX(55deg)}
.flap-f{width:70px;height:44px;left:35px;bottom:-19px;transform:rotateX(-52deg)}
@keyframes mjFlapL{to{transform:rotate(-48deg)}}
@keyframes mjFlapR{to{transform:rotate(48deg)}}
@keyframes mjOpenBoxFloat{to{transform:translateY(-16px) rotate(-3deg)}}

/* little paper particles */
.mj-account-particle{
  position:absolute;width:8px;height:8px;border-radius:2px;
  background:#c78942;opacity:.25;animation:mjParticle 6s ease-in-out infinite;
}
.p1{left:24%;top:20%}.p2{left:19%;bottom:20%;animation-delay:1s}.p3{right:22%;top:17%;animation-delay:2s}.p4{right:25%;bottom:28%;animation-delay:3s}.p5{left:49%;top:12%;animation-delay:1.5s}
@keyframes mjParticle{
  0%,100%{transform:translateY(0) rotate(0);opacity:.15}
  50%{transform:translateY(-24px) rotate(150deg);opacity:.35}
}

/* Glass auth card, existing content preserved */
.mj-auth-card{
  position:relative;
  z-index:6;
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(20px) saturate(1.15);
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:
    0 26px 70px rgba(91,57,21,.12),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.mj-account-intro,
.mj-order-history{
  position:relative;
  z-index:6;
}
.mj-account-intro h1{
  text-shadow:0 2px 20px rgba(255,255,255,.9);
}
.mj-auth-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:10px;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 35%);
}
.mj-auth-primary{
  position:relative;
  overflow:hidden;
}
.mj-auth-primary:after{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-45%;
  width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-20deg);
  transition:left .5s ease;
}
.mj-auth-primary:hover:after{left:120%}

@media(max-width:900px){
  .box-a,.box-d{display:none}
  .box-b{left:4%}.box-c{right:3%}
  .mj-open-box{right:-10px;top:58%;transform:scale(.78)}
}
@media(max-width:600px){
  .mj-fbox,.mj-open-box{opacity:.35}
  .box-b{left:-15px;bottom:9%}.box-c{right:-28px;top:18%}
  .mj-account-grid{opacity:.03}
}
@media(prefers-reduced-motion:reduce){
  .mj-account-glow,.mj-fbox,.mj-open-box,.mj-open-box .flap,.mj-account-particle{
    animation:none!important;
  }
}

/* =========================================================
   ACCOUNT V2 — CLEAN PREMIUM, LARGE AUTH CARD, NO BOX ANIMATION
   ========================================================= */
body:has(.mj-account-page){
  background:
    radial-gradient(circle at 20% 12%,rgba(192,140,76,.11),transparent 28%),
    radial-gradient(circle at 84% 74%,rgba(130,101,66,.08),transparent 32%),
    linear-gradient(135deg,#f6f2ec,#fbfaf7 52%,#f2ebe1)!important;
}
.mj-account-scene{display:none!important}
.mj-account-page{background:transparent!important;padding-top:60px!important;padding-bottom:90px!important}
.mj-account-shell{max-width:1240px!important;margin:auto!important}
.mj-account-intro{max-width:820px!important;margin:0 auto 34px!important;text-align:center!important}
.mj-account-intro span,.mj-account-dashboard-head span{font-size:18px!important;letter-spacing:1.8px!important;color:#9e672b!important;font-weight:850!important}
.mj-account-intro h1{font-size:60px!important;line-height:1!important;margin:10px 0 14px!important;font-weight:750!important}
.mj-account-intro p{max-width:720px!important;margin:auto!important;font-size:23px!important;line-height:1.6!important;color:#6f6962!important}

/* larger sign-in / sign-up box */
.mj-auth-card-large{
  width:min(820px,100%)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:40px 44px 42px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px)!important;
  border:1px solid rgba(216,205,190,.82)!important;
  box-shadow:0 28px 75px rgba(65,44,20,.10)!important;
}
.mj-auth-tabs{height:56px!important;padding:5px!important;margin-bottom:28px!important;border-radius:9px!important}
.mj-auth-tabs button{height:46px!important;font-size:22px!important;border-radius:7px!important}
.mj-auth-pane{grid-template-columns:1fr!important;gap:9px!important}
.mj-auth-pane label{font-size:20px!important;margin-top:10px!important}
.mj-auth-pane input{
  height:56px!important;
  font-size:22px!important;
  border-radius:8px!important;
  padding:0 16px!important;
  background:#fff!important;
}
.mj-auth-primary{
  height:56px!important;
  margin-top:18px!important;
  font-size:22px!important;
  border-radius:8px!important;
}
.mj-auth-message{font-size:20px!important;margin-top:15px!important}

/* logged-in dashboard */
.mj-account-dashboard-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:30px;
  margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #ddd5ca;
}
.mj-account-dashboard-head h1{font-size:54px;margin:8px 0 8px;line-height:1}
.mj-account-dashboard-head p{font-size:22px;color:#6f6962;margin:0}
.mj-logout-btn{height:44px;padding:0 18px;border:1px solid #1c1c1c;background:#fff;border-radius:7px;font-weight:800;cursor:pointer}
.mj-logout-btn:hover{background:#171717;color:#fff}

.mj-account-dashboard{
  display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start;
}
.mj-account-menu{
  position:sticky;top:125px;background:#fff;border:1px solid #e0d8cd;border-radius:12px;padding:10px;
  box-shadow:0 10px 30px rgba(60,40,20,.04)
}
.mj-account-menu button,.mj-account-menu a{
  width:100%;min-height:48px;padding:0 14px;border:0;background:transparent;color:#292929;text-decoration:none;
  display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:20px;font-weight:750;border-radius:7px;cursor:pointer;
}
.mj-account-menu button:hover,.mj-account-menu a:hover,.mj-account-menu button.active{background:#f3ebe0;color:#8d5722}
.mj-account-menu span{min-width:24px;height:22px;padding:0 6px;border-radius:999px;background:#171717;color:#fff;display:grid;place-items:center;font-size:17px}

.mj-account-content{
  background:rgba(255,255,255,.90);border:1px solid #e0d8cd;border-radius:14px;padding:30px;
  min-height:430px;box-shadow:0 12px 35px rgba(55,38,18,.05)
}
.mj-account-panel{display:none}.mj-account-panel.active{display:block}
.mj-panel-title{padding-bottom:20px;border-bottom:1px solid #eee5da;margin-bottom:22px}
.mj-panel-title h2{font-size:36px;margin:0 0 5px}.mj-panel-title p{margin:0;color:#77716a}
.mj-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mj-info-grid>div{padding:20px;border:1px solid #eee4d7;background:#fbf8f3;border-radius:9px}
.mj-info-grid small{display:block;color:#817970;font-size:18px;margin-bottom:6px}
.mj-info-grid strong{font-size:22px}
.mj-order-card,.mj-inquiry-card{border:1px solid #e6ddd1;padding:18px;margin-bottom:12px;background:#fff;border-radius:8px}
.mj-order-card header,.mj-inquiry-card header{display:flex;justify-content:space-between;gap:15px;align-items:center}
.mj-order-card header strong,.mj-inquiry-card header strong{font-size:21px}.mj-order-card header span,.mj-inquiry-card header span{font-size:17px;padding:5px 8px;border-radius:999px;background:#f5e7d3;color:#8e5a25;font-weight:800}
.mj-order-card small,.mj-inquiry-card small{color:#80786f;font-size:18px}
.mj-empty-account{padding:50px 20px;text-align:center;color:#888}

@media(max-width:850px){
  .mj-account-page{padding-top:40px!important}
  .mj-auth-card-large{padding:28px 22px 30px!important}
  .mj-account-intro h1{font-size:48px!important}
  .mj-account-dashboard{grid-template-columns:1fr}
  .mj-account-menu{position:static;display:flex;overflow:auto;gap:5px}
  .mj-account-menu button,.mj-account-menu a{width:auto;white-space:nowrap;padding:0 13px}
  .mj-account-dashboard-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .mj-account-intro h1{font-size:42px!important}
  .mj-account-intro p{font-size:21px!important}
  .mj-auth-card-large{border-radius:12px!important}
  .mj-info-grid{grid-template-columns:1fr}
  .mj-account-content{padding:20px}
}


/* ===== mj-v61-auth-gate.css ===== */

/* MJ V61 MAIN — guest/auth header gate. Additive only. */
.mj-auth-entry{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 18px;border:1px solid #b88935;border-radius:999px;
  background:#fffaf1;color:#34250f;text-decoration:none;font-weight:750;
  font-size:21px;line-height:1;white-space:nowrap;
  box-shadow:0 5px 16px rgba(87,56,14,.08);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease;
}
.mj-auth-entry:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 24px rgba(87,56,14,.14);background:#fff}
.mj-auth-entry.mj-signup{background:#17130e;color:#fff;border-color:#17130e}
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"],
body.mj-auth-guest .mj-fs-actions>a[aria-label="Account"],
body.mj-auth-guest .mj-fs-actions>a[aria-label="Wishlist"],
body.mj-auth-guest .mj-fs-actions button[aria-label="Cart"]{display:none!important}
body.mj-auth-user .mj-auth-entry{display:none!important}
.mj-auth-entry-wrap{display:inline-flex;align-items:center;gap:9px}
@media(max-width:760px){
  .mj-auth-entry{min-height:40px;padding:0 12px;font-size:19px}
  .mj-auth-entry-wrap{gap:6px}
}


/* ===== mj-v64-commerce.css ===== */

/* MJ Packaging V64 commerce / customer / admin-facing storefront polish */
.mj-u-drawer{width:min(560px,100vw)!important;background:#fbfaf8!important}
.mj-u-head{min-height:72px!important;padding:14px 22px!important;background:#fff!important}
.mj-u-body{padding:16px 22px!important;gap:12px!important;min-height:0!important;overflow-y:auto!important}
.mj-u-foot{padding:14px 22px 16px!important;background:#fff!important;position:relative!important;margin-top:auto!important}
.mj-u-cart-items{gap:10px!important}
.mj-u-cart-row{padding:12px!important;border-radius:14px!important;box-shadow:0 2px 10px rgba(0,0,0,.035)!important}
.mj-u-cart-img{width:56px!important;height:56px!important;min-width:56px!important}
.mj-u-cart-copy h3{font-size:21px!important;line-height:1.25!important}
.mj-u-cart-line{font-size:21px!important}
.mj-u-cart-actions-row{margin-top:8px!important;padding-top:8px!important}
.mj-coupon-shell{margin:2px 0!important;gap:8px!important}
.mj-coupon-manual{padding:10px!important;border-radius:12px!important;background:#fff!important}
.mj-smart-coupon{padding:10px 11px!important;border-radius:12px!important}
.mj-smart-gst{padding:10px!important}
.mj-u-cart-footer-summary{margin-bottom:10px!important}
.mj-u-summary-row{margin-bottom:5px!important}
.mj-u-summary-row.total{font-size:24px!important;padding-top:8px!important}
.mj-u-cart-actions,.mj-cv-cart-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.mj-u-cart-actions button,.mj-cv-cart-actions button{min-height:44px!important;border-radius:9px!important;font-weight:800!important}
.mj-u-buy{background:#de2d2d!important}.mj-u-buy:hover{background:#b91f1f!important}
.mj-u-inquiry{border:1.5px solid #de2d2d!important;color:#c72323!important;background:#fff!important}
.mj-cv-express{background:#17130f!important;color:#fff!important}.mj-cv-whatsapp{background:#eff9f1!important;color:#176d38!important;border:1px solid #3b8b58!important}
.mj-u-assurance{padding:8px 0!important;font-size:16px!important}
.mj-u-continue{margin-top:7px!important}
.mj-card-inquiry{display:block;width:100%;min-height:34px;margin-top:6px;border:1px solid #a36e34;border-radius:8px;background:#fff;color:#704a24;font:750 11px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.mj-card-inquiry:hover{background:#f5eee5;color:#3b2413;border-color:#7d4d1e}
.pp-buy,.mj-buy-trigger,.product .quick{transition:background-color .16s ease,color .16s ease,transform .16s ease!important}
.pp-buy:hover,.mj-buy-trigger:hover,.product .quick:hover{background:#17130f!important;color:#fff!important;transform:translateY(-1px)!important}
@media(hover:hover) and (pointer:fine){
 .product,.pp-card,.card,.category-card,.mj-category-card{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease!important}
 .product:hover,.pp-card:hover,.card:hover,.category-card:hover,.mj-category-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(42,29,16,.08)!important}
 .product:hover img,.pp-card:hover img,.category-card:hover img,.mj-category-card:hover img{transform:scale(1.018)!important}
}
.mj-inq-compose-overlay{position:fixed;inset:0;z-index:240000;background:rgba(20,18,15,.42);display:none;align-items:center;justify-content:center;padding:18px}
.mj-inq-compose-overlay.open{display:flex}
.mj-inq-compose-card{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fbfaf7;border:1px solid #ded5ca;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.22);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}
.mj-inq-compose-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e6ded4}.mj-inq-compose-head h2{margin:2px 0 0;font-size:28px}.mj-inq-compose-head small{font-size:16px;letter-spacing:1.2px;font-weight:800;color:#95622b}.mj-inq-compose-head button{border:0;background:#ece8e2;width:34px;height:34px;border-radius:50%;cursor:pointer}
.mj-inq-compose-body{display:grid;gap:11px;padding:18px 20px}.mj-inq-compose-body label{display:grid;gap:5px;font-size:18px;font-weight:750}.mj-inq-compose-body input,.mj-inq-compose-body select,.mj-inq-compose-body textarea{width:100%;border:1px solid #d8cfc4;border-radius:10px;background:#fff;padding:10px 11px;font:500 14px inherit;outline:none}.mj-inq-compose-body input:focus,.mj-inq-compose-body select:focus,.mj-inq-compose-body textarea:focus{border-color:#a46d31;box-shadow:0 0 0 3px rgba(164,109,49,.11)}.mj-inq-send{min-height:46px;border:0;border-radius:10px;background:#17130f;color:#fff;font-weight:800;cursor:pointer}.mj-inq-cart-note{font-size:17px;color:#71685e}
.mj-account-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.mj-account-edit-card{background:#fff;border:1px solid #e1d9d0;border-radius:16px;padding:16px;display:grid;gap:9px}.mj-account-edit-card h3{margin:0;font-size:22px}.mj-account-edit-card label{display:grid;gap:5px;font-size:17px;font-weight:800}.mj-account-edit-card input{height:42px;border:1px solid #d8d0c7;border-radius:9px;padding:0 10px}.mj-account-edit-card button{min-height:42px;border:0;border-radius:9px;background:#17130f;color:#fff;font-weight:800}
.mj-inq-original{margin-top:7px;padding:12px;border-left:3px solid #a96f30;background:#faf8f4;color:#706960;font-size:19px;white-space:pre-wrap;overflow-wrap:anywhere}.mj-inq-product{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:9px;background:#f3efe8}.mj-inq-product span{color:#746b61;font-size:14px}.mj-account-thread{display:grid;gap:7px;margin-top:10px}.mj-account-message{padding:10px 11px;border-radius:11px;background:#f0ede9}.mj-account-message.admin{background:#f7eee2;border:1px solid #ead4b8}.mj-account-message b{font-size:17px}.mj-account-message span{float:right;font-size:15px;color:#847a70}.mj-account-message p{margin:5px 0 0;font-size:18px;white-space:pre-wrap}
@media(max-width:700px){.mj-account-edit-grid{grid-template-columns:1fr}.mj-u-drawer{width:100vw!important}.mj-u-head,.mj-u-body,.mj-u-foot{padding-left:14px!important;padding-right:14px!important}.mj-inq-compose-card{border-radius:16px}.mj-card-inquiry{min-height:32px}}

.mj-cart-confidence{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid #e4ddd4;border-radius:12px;background:#fff}.mj-cart-confidence span{font-size:16px;color:#5e554c;line-height:1.3}

/* V66 runtime global visual controls */
body{background:var(--mj-runtime-bg,inherit);color:var(--mj-runtime-text,inherit)}
.product,.pp-card,.card,.category-card,.mj-category-card,button,.btn,input,select,textarea{border-radius:var(--mj-runtime-radius,inherit)}
.home-wrap,.pp-page,.mj-container{max-width:var(--mj-runtime-container,inherit)}
html[data-mj-mobile-bottom="0"] .mj-mobile-bottom-nav{display:none!important}

.mj-address-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;padding:14px;background:#fff;border:1px solid #e2dad1;border-radius:14px}.mj-address-form input{height:42px;border:1px solid #d8d0c7;border-radius:9px;padding:0 10px}.mj-address-form button{min-height:42px;border:0;border-radius:9px;background:#17130f;color:#fff;font-weight:800}.mj-saved-address,.mj-session-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2dad1;border-radius:12px;background:#fff;margin-bottom:8px}.mj-saved-address p,.mj-session-row small{display:block;margin:4px 0;color:#71675d;font-size:18px;line-height:1.45}.mj-saved-address button,.mj-session-row button{align-self:center;border:1px solid #b98d5a;border-radius:8px;background:#fff;padding:7px 10px;cursor:pointer}
@media(max-width:650px){.mj-address-form{grid-template-columns:1fr}}

.mj-admin-access-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:15px 16px;border:1px solid #d6c3aa;border-radius:15px;background:linear-gradient(135deg,#fffaf3,#f4e8d7);box-shadow:0 6px 20px rgba(82,55,25,.06)}
.mj-admin-access-card[hidden]{display:none!important}.mj-admin-access-card small{font-size:15px;font-weight:900;letter-spacing:1.2px;color:#936128}.mj-admin-access-card h3{margin:3px 0;font-size:23px}.mj-admin-access-card p{margin:0;font-size:17px;color:#75695e}.mj-admin-access-card a{flex:0 0 auto;text-decoration:none;background:#17130f;color:#fff;padding:10px 13px;border-radius:9px;font-size:18px;font-weight:800}
@media(max-width:620px){.mj-admin-access-card{align-items:flex-start;flex-direction:column}.mj-admin-access-card a{width:100%;text-align:center}}

/* V66 FINAL SMART CART — use the whole viewport, never a half-height/empty drawer */
.mj-u-drawer{
  top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.mj-u-head{flex:0 0 auto!important}
.mj-u-body{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  display:flex!important;flex-direction:column!important;
}
.mj-u-cart-items{flex:0 0 auto!important}
.mj-u-cart-empty{min-height:220px!important;display:grid!important;place-items:center!important;text-align:center!important}
.mj-coupon-shell,.mj-smart-gst,.mj-cart-confidence{flex:0 0 auto!important}
.mj-cart-confidence{margin-top:auto!important}
.mj-u-foot{
  flex:0 0 auto!important;margin-top:0!important;position:relative!important;bottom:auto!important;
  box-shadow:0 -10px 30px rgba(35,25,15,.055)!important;border-top:1px solid #e5ddd3!important;
}
.mj-u-cart-footer-summary{display:grid!important;gap:4px!important}
.mj-u-cart-actions,.mj-cv-cart-actions{width:100%!important}
.mj-u-cart-actions button,.mj-cv-cart-actions button{width:100%!important}
@media(max-width:700px){
  .mj-u-drawer{height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .mj-u-body{padding-bottom:12px!important}
  .mj-u-cart-row{grid-template-columns:60px minmax(0,1fr)!important}
  .mj-u-cart-actions,.mj-cv-cart-actions{grid-template-columns:1fr 1fr!important}
}


/* ===== mj-v68-production.css ===== */
/* MJ Packaging V68 production hardening layer.
   Loaded last so it can safely normalize legacy version patches without redesigning the site. */
:root{--mj-v68-focus:#111;--mj-v68-radius:12px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mj-v68-focus);outline-offset:3px}
button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.55}
.mj-v68-toast-stack{position:fixed;right:18px;bottom:20px;z-index:2147483000;display:grid;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.mj-v68-toast{pointer-events:auto;background:#151515;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;box-shadow:0 16px 50px rgba(0,0,0,.26);font-size:19px;line-height:1.45;font-weight:650;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;display:flex;align-items:flex-start;gap:10px}
.mj-v68-toast.is-visible{opacity:1;transform:none}.mj-v68-toast.is-error{background:#70272b}.mj-v68-toast.is-success{background:#173e2c}.mj-v68-toast button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;padding:0 0 0 8px;cursor:pointer}
.mj-v68-broken-image{background:linear-gradient(135deg,#f6f3ee,#ebe5dc);object-fit:contain!important;padding:12px}
.mj-v68-offline-banner{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:2147482000;background:#111;color:#fff;border-radius:999px;padding:9px 14px;font-size:18px;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.24);max-width:calc(100vw - 30px);text-align:center}
.mj-v68-dead-control{opacity:.7;cursor:not-allowed!important}
/* Prevent legacy fixed-width blocks from forcing horizontal scroll. */
main,section,header,footer,.container,.wrap,.mj-container,.mj-v13-row,.mj-page-shell,.mj-wishlist-standalone{max-width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere}
.mj-product-card h2,.mj-product-card h3,.product h2,.product h3,.pp-card h2,.pp-card h3,.card h2,.card h3{overflow-wrap:anywhere}
/* Readability + touch target guardrails. */
@media (max-width:767px){
  body{min-width:0}
  button,a.mj-v13-icon,.mj-mobile-toggle,[role="button"]{min-height:40px}
  input,select,textarea{font-size:22px}
  .mj-v68-toast-stack{right:14px;bottom:14px;width:calc(100vw - 28px)}
  .mj-v13-brand-copy strong{white-space:normal}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ===== mj-v70-intelligence.css ===== */
/* MJ Packaging V70 Intelligence OS — consolidated experience layer */
:root{--mj-space:8px;--mj-r1:12px;--mj-r2:18px;--mj-r3:28px;--mj-ink:#15251e;--mj-muted:#66756e;--mj-line:#e3e9e5;--mj-paper:#fff;--mj-soft:#f5f8f6;--mj-kraft:#a9773f;--mj-green:#173e2c;--mj-shadow:0 18px 60px rgba(20,42,31,.10)}
.mj70-shell,.mj70-shell *{box-sizing:border-box}.mj70-shell{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:var(--mj-ink)}
.mj70-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.mj70-section{padding:72px 0}.mj70-soft{background:linear-gradient(180deg,#f8faf8,#f0f5f2)}
.mj70-eyebrow{font-size:18px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#6d7a74}.mj70-title{font-size:clamp(30px,4vw,52px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 14px}.mj70-lead{font-size:23px;line-height:1.65;color:var(--mj-muted);max-width:760px}
.mj70-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.mj70-card{background:var(--mj-paper);border:1px solid var(--mj-line);border-radius:var(--mj-r2);box-shadow:0 8px 28px rgba(20,42,31,.05);padding:24px;min-width:0}.mj70-card h3{font-size:26px;margin:0 0 8px}.mj70-card p{color:var(--mj-muted);line-height:1.55;margin:0 0 16px}.mj70-span6{grid-column:span 6}.mj70-span4{grid-column:span 4}.mj70-span8{grid-column:span 8}.mj70-span12{grid-column:1/-1}
.mj70-form{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.mj70-field{grid-column:span 4}.mj70-field.half{grid-column:span 6}.mj70-field.full{grid-column:1/-1}.mj70-field label{display:block;font-size:18px;font-weight:800;margin:0 0 7px;color:#53615a}.mj70-field input,.mj70-field select,.mj70-field textarea,.mj70-search-input{width:100%;min-height:46px;border:1px solid #dbe3de;border-radius:12px;background:#fff;padding:11px 13px;font:inherit;color:var(--mj-ink);outline:none;transition:.18s}.mj70-field textarea{min-height:100px;resize:vertical}.mj70-field input:focus,.mj70-field select:focus,.mj70-field textarea:focus,.mj70-search-input:focus{border-color:#789585;box-shadow:0 0 0 4px rgba(23,62,44,.08)}
.mj70-btn{appearance:none;border:0;border-radius:12px;min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:20px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.mj70-btn:hover{transform:translateY(-1px)}.mj70-btn.primary{background:var(--mj-green);color:#fff;box-shadow:0 8px 22px rgba(23,62,44,.18)}.mj70-btn.secondary{background:#eef3f0;color:var(--mj-green)}.mj70-btn.ghost{background:#fff;color:var(--mj-ink);border:1px solid var(--mj-line)}.mj70-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mj70-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.mj70-chip{border:1px solid var(--mj-line);background:#fff;border-radius:999px;padding:9px 13px;font-size:19px;font-weight:750;cursor:pointer}.mj70-chip.is-active{background:var(--mj-green);color:#fff;border-color:var(--mj-green)}
.mj70-metricrow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.mj70-metric{padding:14px;border-radius:14px;background:var(--mj-soft);border:1px solid #e6ece8}.mj70-metric span{display:block;font-size:17px;color:var(--mj-muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.mj70-metric strong{font-size:26px;display:block;margin-top:4px}
.mj70-result{margin-top:16px;padding:18px;border-radius:16px;background:#f1f7f3;border:1px solid #dbe9df}.mj70-result:empty{display:none}.mj70-score{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--mj-green) calc(var(--score,0)*1%),#dfe8e2 0);position:relative;font-weight:900}.mj70-score:after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.mj70-score b{position:relative;z-index:1;font-size:24px}.mj70-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:17px;font-weight:850;background:#edf5ef;color:#2a5b3c;margin:3px}
.mj70-boxstage{height:320px;border-radius:18px;background:radial-gradient(circle at 50% 30%,#fff,#edf1ee);display:grid;place-items:center;perspective:900px;overflow:hidden;position:relative}.mj70-box3d{width:180px;height:130px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(30deg);transition:.25s}.mj70-face{position:absolute;inset:0;border:1px solid rgba(72,47,24,.25);background:linear-gradient(135deg,#c99a63,#a9753f);opacity:.94}.mj70-face.front{transform:translateZ(55px)}.mj70-face.back{transform:rotateY(180deg) translateZ(55px)}.mj70-face.left{width:110px;transform:rotateY(-90deg) translateZ(55px);transform-origin:left}.mj70-face.right{width:110px;right:0;left:auto;transform:rotateY(90deg) translateZ(55px);transform-origin:right}.mj70-face.top{height:110px;transform:rotateX(90deg) translateZ(55px);transform-origin:top}.mj70-dimlabel{position:absolute;bottom:12px;left:12px;background:#fff;padding:7px 10px;border-radius:999px;font-size:18px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.09)}
.mj70-search-overlay{position:fixed;inset:0;background:rgba(10,22,16,.58);backdrop-filter:blur(10px);z-index:1000000;display:none;padding:8vh 16px}.mj70-search-overlay.open{display:block}.mj70-search-box{width:min(800px,100%);margin:auto;background:#fff;border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.28);overflow:hidden}.mj70-search-top{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--mj-line)}.mj70-search-results{max-height:60vh;overflow:auto;padding:8px}.mj70-search-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:11px;border-radius:13px;text-decoration:none;color:inherit}.mj70-search-item:hover{background:#f4f7f5}.mj70-search-item img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#f3f5f3}.mj70-search-item small{display:block;color:var(--mj-muted);margin-top:3px}.mj70-search-kbd{font-size:17px;border:1px solid #d9e0dc;border-bottom-width:2px;border-radius:6px;padding:4px 7px;color:#6b7671}
.mj70-fab{position:fixed;right:18px;bottom:18px;z-index:99990;border:0;border-radius:999px;background:#173e2c;color:#fff;padding:13px 17px;font-weight:850;box-shadow:0 14px 38px rgba(23,62,44,.26);cursor:pointer}.mj70-panel{position:fixed;right:18px;bottom:76px;width:min(390px,calc(100vw - 24px));max-height:72vh;overflow:auto;background:#fff;border:1px solid var(--mj-line);border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.22);z-index:99991;padding:18px;display:none}.mj70-panel.open{display:block}.mj70-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mj70-panel-head button{border:0;background:#eef2ef;border-radius:9px;width:34px;height:34px;cursor:pointer}.mj70-copilot-log{display:grid;gap:9px}.mj70-msg{padding:11px 13px;border-radius:13px;background:#f3f6f4;font-size:19px;line-height:1.45}.mj70-msg.user{background:#173e2c;color:#fff;margin-left:36px}
.mj70-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:6px;margin:18px 0}.mj70-tab{white-space:nowrap;border:1px solid var(--mj-line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.mj70-tab.active{background:var(--mj-green);color:#fff}.mj70-tabpane{display:none}.mj70-tabpane.active{display:block}.mj70-tablewrap{overflow:auto;border:1px solid var(--mj-line);border-radius:15px}.mj70-table{width:100%;border-collapse:collapse;min-width:680px}.mj70-table th,.mj70-table td{padding:12px 14px;border-bottom:1px solid var(--mj-line);text-align:left;font-size:19px}.mj70-table th{font-size:17px;text-transform:uppercase;letter-spacing:.06em;color:#66756e;background:#f7f9f7}.mj70-status{font-size:17px;font-weight:850;border-radius:999px;background:#eef4f0;padding:5px 8px;display:inline-flex}.mj70-note{border-left:3px solid #b68750;padding:12px 14px;background:#fbf7f1;border-radius:0 12px 12px 0;color:#6f5b43;font-size:19px;line-height:1.5}.mj70-sticky-buy{display:none}
@media(max-width:800px){.mj70-section{padding:48px 0}.mj70-span6,.mj70-span4,.mj70-span8{grid-column:1/-1}.mj70-field,.mj70-field.half{grid-column:1/-1}.mj70-metricrow{grid-template-columns:repeat(2,1fr)}.mj70-card{padding:18px}.mj70-fab{bottom:74px}.mj70-panel{bottom:130px}.mj70-sticky-buy{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:99980;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--mj-line);padding:10px 12px;gap:9px}.mj70-sticky-buy .mj70-btn{flex:1}.mj70-boxstage{height:250px}}
@media(prefers-reduced-motion:reduce){.mj70-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V71 homepage discovery */
.mj70-home-smart{padding:72px 20px;background:linear-gradient(180deg,#f8f6f1 0%,#fff 100%);color:#171713}
.mj70-home-wrap{max-width:1240px;margin:0 auto}.mj70-home-head{max-width:760px;margin-bottom:28px}.mj70-home-head>span{font-size:17px;letter-spacing:.16em;font-weight:800;color:#5e7466}.mj70-home-head h2{font-size:clamp(34px,5vw,64px);line-height:.98;margin:10px 0 14px;letter-spacing:-.045em}.mj70-home-head p{font-size:23px;line-height:1.55;color:#5b5b55;max-width:680px}.mj70-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mj70-home-card{min-height:170px;padding:22px;border:1px solid #e2e5df;border-radius:20px;background:#fff;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(20,40,29,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mj70-home-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(20,40,29,.1);border-color:#b9c8be}.mj70-home-card b{font-size:24px}.mj70-home-card small{font-size:20px;line-height:1.45;color:#73736d;margin-top:8px}.mj70-home-card strong{margin-top:auto;font-size:19px;color:#17472f}.mj70-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.mj70-home-primary,.mj70-home-secondary{min-height:46px;border-radius:14px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;cursor:pointer}.mj70-home-primary{background:#153c2a;color:#fff}.mj70-home-secondary{background:#fff;color:#153c2a;border:1px solid #cfd7d1}
@media(max-width:900px){.mj70-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.mj70-home-smart{padding:46px 14px}.mj70-home-grid{grid-template-columns:1fr}.mj70-home-card{min-height:140px}.mj70-home-actions>*{width:100%}}



/* V76.1 — calm B2B cart clarity pass */
.mj-u-drawer{width:500px!important;max-width:100vw!important;background:#faf9f5!important;border-left:1px solid rgba(20,18,14,.10)!important;box-shadow:-18px 0 50px rgba(20,18,14,.14)!important}
.mj-u-head{background:#faf9f5!important;min-height:82px!important;padding:17px 26px!important}
.mj-u-head small{color:#756b5d!important;font-size:19px!important;letter-spacing:.02em!important;text-transform:none!important}
.mj-u-head h2{font-size:33px!important;color:#171713!important}
.mj-u-body{padding:22px 26px 150px!important;gap:18px!important;background:#faf9f5!important}
.mj-u-foot{position:relative!important;z-index:3!important;padding:18px 26px 20px!important;background:#faf9f5!important;border-top:1px solid rgba(20,18,14,.10)!important;box-shadow:0 -10px 30px rgba(20,18,14,.06)!important}
.mj-cart-shipping-ok{padding:13px 26px;background:#f3f1e9;border-bottom:1px solid rgba(20,18,14,.08);display:flex;flex-direction:column;gap:2px;color:#244333}
.mj-cart-shipping-ok strong{font-size:21px}.mj-cart-shipping-ok span{font-size:19px;color:#67655e}
.mj-smart-shipping{background:#f3f1e9!important;padding:14px 26px!important}.mj-smart-fill{background:#244333!important}
.mj-u-cart-row{background:#fff!important;border:1px solid rgba(20,18,14,.10)!important;border-radius:12px!important;padding:18px!important;box-shadow:none!important}
.mj-u-cart-img{width:82px!important;height:82px!important;min-width:82px!important;background:#faf9f5!important;border:1px solid rgba(20,18,14,.08)!important;border-radius:9px!important}
.mj-u-cart-cat,.mj-u-cart-line{display:none!important}.mj-u-cart-copy h3{font-size:24px!important;line-height:1.25!important;margin:0 0 5px!important;color:#171713!important}
.mj-cart-sku{font-size:18px;color:#77736a;margin-bottom:4px}.mj-cart-config{font-size:19px;color:#5f5b53;margin-bottom:8px}
.mj-cart-unit-price{display:flex;flex-direction:column;gap:2px}.mj-cart-unit-price strong{font-size:23px;color:#171713}.mj-cart-unit-price span{font-size:19px;color:#6f6b63}
.mj-u-cart-actions-row{margin-top:15px!important;padding-top:14px!important;border-top:1px solid rgba(20,18,14,.08)!important;align-items:center!important}
.mj-cart-qty-copy{display:flex;flex-direction:column;gap:2px}.mj-cart-qty-copy span{font-size:18px;color:#77736a}.mj-cart-qty-copy strong{font-size:19px;color:#302f2b}
.mj-u-cart-controls{gap:5px!important}.mj-u-cart-controls strong{min-width:70px;text-align:center;font-size:19px!important;color:#171713!important}.mj-u-cart-controls button{border:1px solid rgba(20,18,14,.14)!important;background:#faf9f5!important;color:#171713!important;border-radius:8px!important}
.mj-cart-row-links{display:flex;gap:16px;margin-top:12px;align-items:center}.mj-cart-row-links a,.mj-cart-row-links button{font:inherit;font-size:19px;color:#4f4b44;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mj-cart-row-links button{color:#7a3d35}
.mj-cart-line-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(20,18,14,.08);font-size:19px;color:#666158}.mj-cart-line-total strong{font-size:22px;color:#171713}
.mj-cart-custom-note{margin-top:12px;padding:11px 12px;background:#f5f0e6;border-left:2px solid #a47a3c;display:flex;flex-direction:column;gap:3px}.mj-cart-custom-note strong{font-size:18px;color:#40372c}.mj-cart-custom-note span{font-size:17px;color:#71695e;line-height:1.4}
.mj-coupon-shell{border-top:1px solid rgba(20,18,14,.10)!important;padding-top:18px!important}.mj-coupon-manual label{font-size:19px!important;color:#403e39!important}.mj-coupon-manual input{background:#fff!important;border-color:rgba(20,18,14,.14)!important}.mj-coupon-manual button{background:#171713!important;color:#fff!important;border-color:#171713!important}.mj-smart-coupon{background:#f3f1e9!important;border-color:rgba(20,18,14,.10)!important;color:#302f2b!important}.mj-smart-coupon strong{color:#302f2b!important}.mj-smart-coupon button{background:transparent!important;color:#171713!important;border:1px solid rgba(20,18,14,.18)!important}
.mj-smart-gst{background:transparent!important;border-top:1px solid rgba(20,18,14,.10)!important;border-radius:0!important;padding:16px 0 0!important}.mj-smart-gst-row{font-size:20px!important;color:#302f2b!important}
.mj-u-cart-footer-summary .mj-u-summary-row{font-size:20px!important;color:#5f5b53!important;margin-bottom:6px!important}.mj-u-cart-footer-summary .mj-u-summary-row span:last-child{color:#171713!important}.mj-u-cart-footer-summary .mj-u-summary-row.total{font-size:27px!important;border-top:1px solid rgba(20,18,14,.12)!important;padding-top:12px!important;margin-top:10px!important;color:#171713!important}.mj-cart-discount span:last-child{color:#244333!important}
.mj-cart-checkout{width:100%;min-height:54px;margin-top:14px;border:1px solid #171713;background:#171713;color:#fff;border-radius:8px;font-size:22px;font-weight:700;cursor:pointer}.mj-cart-checkout:hover{background:#2b2a25}
.mj-cart-quote,.mj-cart-whatsapp{width:100%;border:0;background:transparent;color:#302f2b;font-size:20px;padding:10px 8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.mj-cart-whatsapp{color:#244333}
.mj-u-assurance{display:block!important;text-align:center!important;border:0!important;background:transparent!important;padding:12px 0 2px!important;color:#77736a!important;font-size:18px!important}.mj-u-continue{margin-top:6px!important;color:#5f5b53!important;font-size:19px!important}
.mj-u-cart-actions,.mj-cv-cart-actions{display:none!important}
@media(max-width:760px){.mj-u-drawer{width:100vw!important}.mj-u-body{padding:18px 18px 145px!important}.mj-u-foot{padding:16px 18px 18px!important}.mj-u-cart-row-inner{gap:13px!important}.mj-u-cart-img{width:74px!important;height:74px!important;min-width:74px!important}.mj-u-cart-actions-row{align-items:flex-start!important}.mj-u-cart-controls{justify-content:flex-start!important}.mj-cart-shipping-ok{padding-left:18px;padding-right:18px}}

/* assets/css/mj-responsive-v73.css */
/* 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}}

/* assets/css/mj-website-product-tag.css */
.mj-website-tag{display:inline-flex;align-items:center;max-width:100%;margin:4px 0 8px;padding:5px 9px;border:1px solid rgba(120,92,55,.18);border-radius:999px;background:#f6f0e7;color:#6c5133;font-size:17px;font-weight:750;line-height:1.2;letter-spacing:.015em;white-space:normal}
.mj-website-tag-detail{margin:8px 0 12px;padding:7px 11px;font-size:18px}
@media(max-width:640px){.mj-website-tag{font-size:16px;padding:4px 7px;margin:3px 0 6px}}

/* assets/css/mj-global-hover-image.css */
/* MJ Packaging V74 — global real hover-image system */
.mj-global-hover-media{position:relative!important;overflow:hidden!important}
.mj-global-hover-media>.mj-global-main-img{position:relative;z-index:1;transition:opacity .26s ease,transform .34s ease!important}
.mj-global-hover-media>.mj-global-hover-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0!important;z-index:2!important;pointer-events:none!important;transition:opacity .26s ease,transform .34s ease!important}
@media (hover:hover) and (pointer:fine){
  .mj-global-hover-ready:hover .mj-global-hover-media>.mj-global-hover-img{opacity:1!important;transform:scale(1.018)!important}
  .mj-global-hover-ready:hover .mj-global-hover-media>.mj-global-main-img{opacity:0!important}
}
@media (hover:none),(pointer:coarse){
  .mj-global-hover-media>.mj-global-hover-img{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .mj-global-hover-media>.mj-global-main-img,.mj-global-hover-media>.mj-global-hover-img{transition:none!important}
}

/* assets/css/mj-v75.css */
/* MJ Packaging V75 — conversion/trust cleanup */
:root{--mj75-radius:18px;--mj75-border:#e6e7e5;--mj75-ink:#171a18;--mj75-muted:#68706b;--mj75-green:#173e2b}
.mj75-notfound{max-width:760px;margin:72px auto;padding:44px;border:1px solid var(--mj75-border);border-radius:24px;background:#fff;text-align:center}.mj75-notfound>span{font-size:19px;font-weight:800;letter-spacing:.12em}.mj75-notfound h1{font-size:clamp(30px,5vw,54px);margin:10px 0}.mj75-notfound p{color:var(--mj75-muted);margin-bottom:24px}.mj75-notfound div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mj75-packline{font-size:20px;color:var(--mj75-muted);margin:8px 0 18px}.price small{font-size:.42em;font-weight:650;color:var(--mj75-muted)}
.mj75-qty{margin:22px 0}.mj75-qty>strong{display:block;margin-bottom:10px}.mj75-qty>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mj75-tier{padding:12px 8px;border:1px solid var(--mj75-border);border-radius:14px;background:#fff;font:700 13px inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mj75-tier small{display:block;font-weight:600;color:var(--mj75-muted);margin-top:4px}.mj75-tier:hover,.mj75-tier.selected{border-color:#1f6848;box-shadow:0 8px 22px rgba(18,68,45,.09);transform:translateY(-1px)}.mj75-tier.popular:after{content:'Popular';display:block;font-size:15px;color:#1f6848;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
.mj75-product-links{display:grid;gap:8px;margin:16px 0 22px}.mj75-product-links a{padding:12px 14px;border-radius:12px;background:#f5f7f5;color:var(--mj75-green);font-weight:750;text-decoration:none}.copy details{border-top:1px solid var(--mj75-border);padding-top:15px}.copy summary{font-weight:750;cursor:pointer}.copy details p{color:var(--mj75-muted);line-height:1.6}
@media(max-width:700px){.mj75-qty>div{grid-template-columns:repeat(2,1fr)}.mj75-notfound{margin:30px 14px;padding:28px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* V75 homepage conversion hierarchy */
.home-section .mj-category-grid>.mj-category-card:nth-child(n+7){display:none}.mj75-discovery,.mj75-sample,.mj75-faq{padding:72px 0}.mj75-discovery{background:#f5f7f5}.mj75-discovery-head{max-width:720px}.mj75-discovery h2,.mj75-sample h2,.mj75-faq h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.035em;margin:8px 0 10px}.mj75-discovery p,.mj75-sample p,.mj75-faq p{color:#68706b;line-height:1.6}.mj75-usecases{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:28px 0}.mj75-usecases a{background:#fff;border:1px solid #e0e4e1;border-radius:14px;padding:18px 12px;text-decoration:none;color:#173e2b;font-weight:750;text-align:center}.mj75-size-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#173e2b;color:#fff;padding:24px 28px;border-radius:20px}.mj75-size-cta h3,.mj75-size-cta p{margin:0}.mj75-size-cta p{color:#d9e4dd;margin-top:4px}.mj75-size-cta a,.mj75-sample a{background:#fff;color:#173e2b;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:12px;white-space:nowrap}.mj75-sample>.home-wrap{background:#eee7db;border-radius:26px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.mj75-sample a{background:#173e2b;color:#fff}.mj75-faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.mj75-faq details{border:1px solid #e2e5e3;border-radius:15px;padding:17px 18px;background:#fff}.mj75-faq summary{font-weight:780;cursor:pointer}.mj75-faq details p{margin:10px 0 0;font-size:20px}@media(max-width:850px){.mj75-usecases{grid-template-columns:repeat(2,1fr)}.mj75-faqgrid{grid-template-columns:1fr}.mj75-size-cta,.mj75-sample>.home-wrap{align-items:flex-start;flex-direction:column}.mj75-discovery,.mj75-sample,.mj75-faq{padding:45px 0}}

/* assets/css/mj-static-preview.css */
#mjStaticNotice{position:fixed;left:50%;bottom:20px;z-index:2147483647;max-width:min(520px,calc(100vw - 28px));padding:12px 15px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(28,26,22,.96);color:#fff;font:650 13px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;box-shadow:0 18px 55px rgba(0,0,0,.22);opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}#mjStaticNotice.show{opacity:1;transform:translate(-50%,0)}@media(prefers-reduced-motion:reduce){#mjStaticNotice{transition:none}}
.mj-static-fallback{max-width:760px;margin:48px auto;padding:30px 24px;border:1px solid rgba(68,52,34,.14);border-radius:16px;background:#faf8f3;color:#1d1a16;text-align:center}.mj-static-fallback h2{margin:0 0 8px;font-size:30px}.mj-static-fallback p{margin:0 auto 16px;max-width:580px;color:#6f675d;line-height:1.6}.mj-static-fallback a{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border-radius:9px;background:#1c1b18;color:#fff;text-decoration:none;font-weight:700}

/* assets/css/mj-storefront-v77.css */
:root{--mj-paper:#f7f4ee;--mj-card:#fff;--mj-ink:#171714;--mj-muted:#716b62;--mj-line:#dfd8ce;--mj-green:#183c2b;--mj-kraft:#a96f30;--mj-shadow:0 9px 28px rgba(42,31,17,.07);--mj-radius:15px;--mj-ann-h:40px;--mj-head-h:132px;--mj-mobile-head-h:116px}
*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--mj-paper);color:var(--mj-ink);font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body.mj-lock{position:fixed;width:100%;overflow:hidden}.mj-skip{position:fixed;left:12px;top:-70px;z-index:30000;background:#fff;color:#111;padding:12px 16px}.mj-skip:focus{top:12px}
.mj-global-shell{position:sticky;top:0;z-index:15000}.mj-ann{height:var(--mj-ann-h);display:flex;align-items:center;overflow:hidden;background:var(--mj-green);color:#fff;white-space:nowrap}.mj-ann-track{display:flex;flex:none;width:max-content;animation:mj-marquee 32s linear infinite}.mj-ann-group{display:flex;flex:none;align-items:center;gap:28px;padding-right:28px;font-size:18px;font-weight:780;letter-spacing:.08em}.mj-ann .mj-ann-track span{position:static;inset:auto;display:inline-block;opacity:1;transform:none;animation:none;white-space:nowrap}.mj-ann i{position:static;opacity:.55}@keyframes mj-marquee{to{transform:translateX(-50%)}}
.mj-header{height:var(--mj-head-h);background:rgba(249,247,242,.985);border-bottom:1px solid var(--mj-line)}.mj-header-row{height:100%;max-width:1580px;margin:auto;padding:0 42px;display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr) auto;gap:20px;align-items:center}.mj-brand{min-width:0;display:flex;flex-direction:column;color:var(--mj-ink);text-decoration:none;line-height:1}.mj-brand strong{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:42px;font-weight:850;letter-spacing:-.045em;white-space:nowrap}.mj-brand small{margin-top:10px;font-size:16px;font-weight:700;letter-spacing:.2em;color:#786b5b;white-space:nowrap}.mj-primary{min-width:0;height:100%;display:flex;justify-content:center;align-items:center;gap:18px}.mj-primary a{height:100%;display:flex;align-items:center;color:var(--mj-ink);text-decoration:none;font-size:18px;font-weight:750;white-space:nowrap;border-bottom:2px solid transparent}.mj-primary a:hover,.mj-primary a[aria-current="page"]{border-bottom-color:var(--mj-kraft)}.mj-actions{display:flex;align-items:center;gap:4px}.mj-action{position:relative;width:58px;height:58px;border:0;background:transparent;color:var(--mj-ink);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;border-radius:12px}.mj-action:hover{background:#eee8de}.mj-action svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7}.mj-action>.cartCount{position:absolute;top:4px;right:3px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--mj-ink);color:#fff;font:750 11px/1 "SF Pro Text",sans-serif}.mj-menu-trigger{display:none}
.mj-menu{position:fixed;inset:0;z-index:17000;background:var(--mj-paper);transform:translateX(-102%);transition:transform .28s cubic-bezier(.22,1,.36,1);overflow:auto}.mj-menu.open{transform:none}.mj-menu-head{height:84px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mj-line);position:sticky;top:0;background:var(--mj-paper)}.mj-menu-head strong{font-size:28px}.mj-menu-head button{width:48px;height:48px;border:0;background:transparent;font-size:34px}.mj-menu-links{padding:10px 22px 40px}.mj-menu-links a{min-height:58px;display:flex;align-items:center;border-bottom:1px solid var(--mj-line);color:var(--mj-ink);font-size:23px;font-weight:750;text-decoration:none}
.mj-pagehero{border-bottom:1px solid var(--mj-line);background:linear-gradient(125deg,#fffdf9,#f1e9dc);padding:48px 0}.mj-wrap{width:min(1440px,calc(100% - 48px));margin:auto}.mj-pagehero h1{margin:0 0 10px;font:800 clamp(34px,5vw,60px)/1 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em}.mj-pagehero p{max-width:720px;margin:0;color:var(--mj-muted);font-size:22px;line-height:1.6}
.mj-catalog{padding:28px 0 72px}.mj-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:24px}.mj-filter-trigger,.mj-sort{height:48px;border:1px solid var(--mj-line);background:#fff;border-radius:10px;color:var(--mj-ink);font-size:20px}.mj-filter-trigger{padding:0 18px;font-weight:750;display:flex;align-items:center;gap:9px}.mj-filter-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor}.mj-count{font-size:20px;color:var(--mj-muted)}.mj-sort{min-width:210px;padding:0 14px}.mj-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}.mj-product-card{position:relative;min-width:0;height:auto;background:var(--mj-card);border:1px solid var(--mj-line);border-radius:var(--mj-radius);overflow:hidden;box-shadow:var(--mj-shadow);transition:transform .2s,box-shadow .2s}.mj-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(42,31,17,.11)}.mj-card-media{position:relative;display:grid;place-items:center;aspect-ratio:1/1;background:#f2eee7;overflow:hidden}.mj-card-media img{display:block;width:100%;height:100%;object-fit:contain;padding:18px}.mj-card-media img.mj-alt{position:absolute;inset:0;opacity:0;transition:opacity .25s}.mj-product-card:hover .mj-card-media img.mj-alt{opacity:1}.mj-card-wish{position:absolute;z-index:3;top:11px;right:11px;width:42px;height:42px;border:1px solid var(--mj-line);border-radius:50%;background:rgba(255,255,255,.95);font-size:27px;cursor:pointer}.mj-card-body{padding:16px}.mj-card-category{margin-bottom:7px;color:#8a6a43;font-size:16px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mj-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.55em;max-height:2.55em;margin:0;color:var(--mj-ink);font:750 17px/1.28 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none;overflow:hidden}.mj-card-meta{min-height:2.8em;margin:9px 0 5px;color:var(--mj-muted);font-size:18.5px;line-height:1.4}.mj-card-price{margin:8px 0 14px;font-size:26px;font-weight:800}.mj-card-price.quote{font-size:21px;color:#734919}.mj-card-cta{width:100%;height:46px;border:0;border-radius:8px;background:var(--mj-kraft);color:#fff;font-size:20px;font-weight:800;cursor:pointer}.mj-empty{grid-column:1/-1;padding:70px 24px;text-align:center;border:1px dashed var(--mj-line);border-radius:var(--mj-radius);background:#fff}.mj-pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.mj-pagination button{min-width:44px;height:44px;border:1px solid var(--mj-line);background:#fff;border-radius:8px}.mj-pagination button.active{background:var(--mj-ink);color:#fff}
.mj-filter-backdrop{position:fixed;inset:0;z-index:17500;background:rgba(15,15,13,.55);opacity:0;visibility:hidden;transition:.22s}.mj-filter-backdrop.open{opacity:1;visibility:visible}.mj-filter-panel{position:absolute;inset:0 auto 0 0;width:min(360px,88vw);background:var(--mj-paper);transform:translateX(-102%);transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.mj-filter-backdrop.open .mj-filter-panel{transform:none}.mj-filter-head{flex:0 0 72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mj-line)}.mj-filter-head strong{font-size:26px}.mj-filter-head button{width:46px;height:46px;border:0;background:transparent;font-size:32px}.mj-filter-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 20px 24px}.mj-filter-group{padding:20px 0;border-bottom:1px solid var(--mj-line)}.mj-filter-group h3{margin:0 0 14px;font-size:19px;letter-spacing:.06em}.mj-filter-group label{min-height:38px;display:flex;align-items:center;gap:10px;font-size:20px}.mj-filter-group input[type="checkbox"]{width:18px;height:18px}.mj-price-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.mj-price-row input{width:100%;height:44px;border:1px solid var(--mj-line);border-radius:7px;padding:0 10px;font-size:21px}.mj-filter-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--mj-line);background:var(--mj-paper)}.mj-filter-actions button{height:48px;border-radius:8px;font-size:20px;font-weight:800}.mj-filter-clear{border:1px solid var(--mj-line);background:#fff}.mj-filter-apply{border:0;background:var(--mj-ink);color:#fff}
.mj-search-overlay{position:fixed;inset:0;z-index:18000;display:none;align-items:flex-start;justify-content:center;padding:100px 20px 30px;background:rgba(15,15,13,.55)}.mj-search-overlay.open{display:flex}.mj-search-box{width:min(820px,100%);max-height:75vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.mj-search-head{display:flex;gap:10px;padding:18px;border-bottom:1px solid var(--mj-line)}.mj-search-head input{flex:1;min-width:0;height:46px;border:0;font-size:24px;outline:0}.mj-search-head button{width:46px;border:0;background:#eee9e1;border-radius:8px}.mj-search-results{padding:12px 18px 22px}.mj-search-result{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--mj-line);color:var(--mj-ink);text-decoration:none}.mj-search-result img{width:58px;height:58px;object-fit:contain}.mj-search-result small{display:block;color:var(--mj-muted);margin-top:4px}
.mj-footer{margin-top:64px;background:#222;color:#f7f5f1}.mj-footer-wrap{width:min(1440px,calc(100% - 48px));margin:auto;padding:58px 0 24px}.mj-footer-grid{display:grid;grid-template-columns:1.75fr repeat(4,1fr);gap:44px}.mj-footer-brand strong{font-size:32px}.mj-footer p{max-width:410px;color:#c7c3bc;font-size:20px;line-height:1.7}.mj-footer h2{margin:0 0 16px;font-size:20px;letter-spacing:.07em;text-transform:uppercase}.mj-footer a{display:block;margin:11px 0;color:#d9d6d0;text-decoration:none;font-size:20px}.mj-footer a:hover{color:#fff}.mj-footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:18px;color:#aaa59d;font-size:18px}
.mj-footer-business{display:grid;gap:8px;margin-top:20px;font-style:normal;color:#d9d6d0}.mj-footer-business span,.mj-footer-business a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:start;margin:0;font-size:15px;line-height:1.45;text-decoration:none}.mj-footer-business b{color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.mj-footer-business a{overflow-wrap:anywhere}
.mj-bottom-nav{display:none}
:focus-visible{outline:3px solid #d49242;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:1180px){.mj-primary{display:none}.mj-header-row{grid-template-columns:60px minmax(0,1fr) 180px;padding:0 20px;gap:10px}.mj-brand{grid-column:2;grid-row:1;align-items:center;text-align:center}.mj-menu-trigger{display:flex;grid-column:1;grid-row:1}.mj-actions{grid-column:3;grid-row:1;display:grid;grid-template-columns:repeat(3,60px);gap:0}.mj-actions .mj-wishlist{display:none}.mj-actions .mj-account{display:flex}.mj-action{width:60px}.mj-product-grid{gap:18px}}
@media(max-width:900px){.mj-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}}
@media(max-width:600px){:root{--mj-mobile-head-h:100px}.mj-header{height:var(--mj-mobile-head-h)}.mj-header-row{padding:0 9px;gap:4px}.mj-brand strong{font-size:25px}.mj-brand small{font-size:11px;margin-top:5px}.mj-action{width:48px;height:48px}.mj-action span{display:none}.mj-action svg{width:24px;height:24px}.mj-wrap{width:calc(100% - 20px)}.mj-pagehero{padding:24px 0}.mj-pagehero h1{font-size:31px}.mj-pagehero p{font-size:16px}.mj-catalog{padding:14px 0 42px}.mj-toolbar{grid-template-columns:1fr 1fr;gap:8px}.mj-count{grid-column:1/-1;grid-row:2;font-size:15px}.mj-sort,.mj-filter-trigger{height:44px;font-size:15px}.mj-sort{min-width:0;width:100%}.mj-filter-trigger{justify-content:flex-start;padding:0 12px}.mj-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mj-product-card{border-radius:10px}.mj-card-media img{padding:8px}.mj-card-wish{top:6px;right:6px;width:36px;height:36px;font-size:22px}.mj-card-body{padding:9px}.mj-card-category{margin-bottom:5px;font-size:12px}.mj-card-title{font-size:16px}.mj-card-meta{font-size:13.5px;min-height:2.8em;margin:7px 0 4px}.mj-card-price{font-size:18px;margin:6px 0 10px}.mj-card-price.quote{font-size:15px}.mj-card-cta{height:44px;font-size:14.5px}.mj-footer{margin-top:42px;padding-bottom:64px}.mj-footer-wrap{width:calc(100% - 30px);padding:36px 0 18px}.mj-footer-grid{display:block}.mj-footer-brand{padding-bottom:18px}.mj-footer-grid>div:not(.mj-footer-brand){padding:15px 0;border-top:1px solid rgba(255,255,255,.15)}.mj-footer h2{font-size:17px}.mj-footer a{font-size:16px}.mj-footer p{font-size:16px}.mj-footer-bottom{flex-direction:column;font-size:14px}.mj-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:16000;height:calc(62px + env(safe-area-inset-bottom));padding:3px 4px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.985);border-top:1px solid var(--mj-line);box-shadow:0 -8px 24px rgba(25,20,13,.08)}.mj-bottom-nav a,.mj-bottom-nav button{position:relative;min-width:0;min-height:50px;border:0;background:transparent;color:var(--mj-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-size:13px;font-weight:650}.mj-bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.mj-bottom-nav .cartCount{position:absolute;top:0;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:10px;background:#171714;color:#fff;font:700 9px/16px sans-serif}.mj-bottom-nav [aria-current="page"]{color:#8b5723}.mj-search-overlay{padding:20px 12px}.mj-search-box{max-height:90vh}.mj-search-result{grid-template-columns:50px 1fr}.mj-search-result>b{display:none}}
.mj-range-row{display:grid;gap:8px;margin-top:14px}.mj-range-row input{width:100%;accent-color:var(--mj-ink)}
/* Homepage-owned controls: stable compact dots and three premium product rails. */
body.page-home .mj-hero .hero-dots{position:absolute;left:50%;bottom:18px;z-index:12;display:flex;align-items:center;gap:9px;width:auto;height:20px;margin:0;padding:0;transform:translateX(-50%);background:transparent}
body.page-home .mj-hero .hero-dot,body.page-home .mj-hero .hero-dot.active{display:block;flex:0 0 auto;width:9px;height:9px;min-width:9px;min-height:9px;margin:0;padding:0;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:transparent;box-shadow:none;transform:none}
body.page-home .mj-hero .hero-dot.active{width:25px;border-radius:999px;background:#fff}
.mj-home-rails{padding:72px 0;background:#f7f4ee}.mj-rails-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.mj-rails-intro h2{margin:7px 0 8px;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.mj-rails-intro p{margin:0;color:var(--mj-muted)}.mj-product-rail-block{margin-top:52px}.mj-rail-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.mj-rail-head small{color:var(--mj-kraft);font-weight:850;letter-spacing:.1em}.mj-rail-head h3{margin:6px 0 0;font-size:clamp(22px,2.5vw,32px);letter-spacing:-.03em}.mj-rail-head a{color:var(--mj-ink);font-weight:750;text-decoration:none;border-bottom:1px solid}.mj-home-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,calc((100% - 66px)/4));grid-template-columns:none;gap:22px;align-items:start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:4px 2px 18px;scrollbar-width:none}.mj-home-rail::-webkit-scrollbar{display:none}.mj-home-rail>.mj-product-card{scroll-snap-align:start}.mj-rail-empty{width:300px;padding:24px;background:#fff;border:1px solid var(--mj-line);border-radius:12px}
@media(max-width:600px){body.page-home .mj-hero .hero-dots{bottom:15px}.mj-home-rails{padding:48px 0}.mj-rails-intro{display:block;margin-bottom:30px}.mj-rails-intro .outline-link{display:inline-flex;margin-top:18px}.mj-product-rail-block{margin-top:38px}.mj-rail-head{align-items:start}.mj-rail-head h3{font-size:29px}.mj-rail-head a{font-size:18px;white-space:nowrap}.mj-home-rail{grid-auto-columns:calc((100vw - 36px)/1.15);gap:12px;padding-right:14px}}
/* V77.2 mobile shell refinements requested from rendered screenshots. */
.mj-ann,.mj-ann-track,.mj-ann-group{align-items:center}.mj-ann-track,.mj-ann-group{height:100%}.mj-ann .mj-ann-track span,.mj-ann .mj-ann-track i{display:flex;align-items:center;height:100%;line-height:1}
.mj-product-rail-block+.mj-product-rail-block{margin-top:84px;padding-top:56px;border-top:1px solid var(--mj-line)}.mj-rail-head{padding:0 2px 6px}.mj-rail-head small{display:block;margin-bottom:8px}.mj-rail-head h3{line-height:1.18}.mj-rail-head>a{padding:10px 0;margin-bottom:1px}
@media(max-width:700px){
 body{padding-bottom:0!important}
 .mj-ann{height:30px}.mj-ann-group{gap:21px;padding-right:21px;font-size:13.5px}
 .mj-header{height:84px}
 .mj-header-row{grid-template-columns:44px minmax(0,1fr) 132px;grid-template-rows:84px;gap:0;padding:0 6px}
 .mj-brand{grid-column:2;grid-row:1;align-items:center;justify-content:center;text-align:center}
 .mj-brand strong{font-size:22px}.mj-brand small{font-size:9.5px;margin-top:4px;letter-spacing:.13em}
 .mj-menu-trigger{display:flex;grid-column:1;grid-row:1;width:44px;height:44px;align-self:center}
 .mj-actions{display:grid;grid-template-columns:repeat(3,44px);grid-column:3;grid-row:1;width:132px;height:84px;align-items:center;gap:0}
 .mj-actions .mj-wishlist{display:none}.mj-actions .mj-account{display:flex}
 .mj-action{width:44px;height:44px;min-width:0}.mj-action svg{width:24px;height:24px;stroke-width:1.6}.mj-action span{display:none}
 .mj-footer{margin-bottom:0;padding-bottom:66px}
 .mj-bottom-nav{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:16000;height:calc(62px + env(safe-area-inset-bottom));padding:3px 4px env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.99);border-top:1px solid var(--mj-line);box-shadow:0 -8px 24px rgba(25,20,13,.1)}
 .mj-bottom-nav a,.mj-bottom-nav button{min-height:50px}.mj-bottom-nav svg{width:20px;height:20px}
 .mj-product-rail-block+.mj-product-rail-block{margin-top:58px;padding-top:38px}.mj-rail-head{padding-bottom:10px}
}

/* Grouped courier-bag catalogue: one section per verified bag family. */
.mj-bag-family-nav{width:min(1440px,calc(100% - 64px));margin:28px auto 12px;display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin}.mj-bag-family-nav button{min-height:48px;padding:0 17px;border:1px solid var(--mj-line);border-radius:999px;background:#fff;color:var(--mj-ink);font-weight:780;white-space:nowrap;cursor:pointer}.mj-bag-family-nav button span{display:inline-grid;min-width:25px;height:25px;margin-left:7px;padding:0 6px;place-items:center;border-radius:999px;background:#eee8df;color:var(--mj-muted);font-size:12px}.mj-bag-family-nav button.active{border-color:var(--mj-green);background:var(--mj-green);color:#fff}.mj-bag-family-nav button.active span{background:rgba(255,255,255,.18);color:#fff}
.mj-product-grid.mj-grouped-catalog{display:block}.mj-bag-group{margin:0 0 64px}.mj-bag-group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--mj-line)}.mj-bag-group-head small{display:block;margin-bottom:6px;color:var(--mj-kraft);font-weight:850;letter-spacing:.1em}.mj-bag-group-head h2{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em}.mj-bag-group-head>span{color:var(--mj-muted);font-weight:700}.mj-grouped-catalog .mj-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
@media(max-width:900px){.mj-grouped-catalog .mj-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mj-bag-family-nav{width:calc(100% - 24px);margin-top:20px}.mj-bag-family-nav button{min-height:44px;padding:0 14px}.mj-bag-group{margin-bottom:42px}.mj-bag-group-head{margin-bottom:12px}.mj-bag-group-head h2{font-size:24px}.mj-bag-group-head small,.mj-bag-group-head>span{font-size:12px}.mj-grouped-catalog .mj-product-grid{gap:9px}}
@media(max-width:340px){.mj-header-row{grid-template-columns:42px minmax(0,1fr) 126px;padding:0 4px}.mj-actions{grid-template-columns:repeat(3,42px);width:126px}.mj-action,.mj-menu-trigger{width:42px}.mj-brand strong{font-size:18px}.mj-brand small{display:none}.mj-product-grid{gap:7px}.mj-card-body{padding:8px}.mj-card-title{font-size:15px}.mj-card-meta{font-size:12.5px}.mj-card-price{font-size:17px}.mj-card-cta{font-size:13px}}
#homeProductGrid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,calc((100% - 66px)/4));grid-template-columns:none;gap:22px;align-items:start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:4px 2px 18px;scrollbar-width:thin}#homeProductGrid>.mj-product-card{scroll-snap-align:start}.product-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.product-filter{min-height:44px;white-space:nowrap}@media(max-width:600px){#homeProductGrid{grid-auto-columns:calc((100vw - 36px)/1.15);gap:12px;padding-right:14px}}
.mj-admin-access-card:not([hidden]){display:flex!important}

/* V77.7 desktop product-rail controls; mobile rail sizing remains unchanged. */
.mj-rail-actions{display:flex;align-items:center;gap:9px}.mj-rail-actions button{width:46px;height:46px;border:1px solid var(--mj-line);border-radius:50%;background:#fff;color:var(--mj-ink);font-size:22px;cursor:pointer;transition:background .18s,color .18s,transform .18s}.mj-rail-actions button:hover{background:var(--mj-ink);color:#fff;transform:translateY(-1px)}.mj-rail-actions a{margin-left:7px;color:var(--mj-ink);font-weight:750;text-decoration:none;border-bottom:1px solid;white-space:nowrap}.mj-home-rail{cursor:grab}.mj-home-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.mj-card-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7px}.mj-card-actions .mj-card-cta{min-width:0;font-size:16px}.mj-card-actions .mj-card-inquiry{border:1px solid var(--mj-kraft);background:#fff;color:var(--mj-kraft)}.mj-card-actions .mj-card-inquiry:hover{background:#f5eee5}.mj-card-actions .mj-card-cta:disabled{cursor:not-allowed;background:#ded8cf;color:#766f66;opacity:.85}
@media(max-width:600px){.mj-card-actions{grid-template-columns:1fr}.mj-card-actions .mj-card-cta{height:38px;font-size:13px}}
@media(min-width:601px){.mj-home-rails>.home-inner{width:min(1440px,calc(100% - 64px));margin-inline:auto}.mj-home-rail{border-radius:16px}.mj-home-rail:focus-visible{outline:3px solid rgba(169,111,48,.28);outline-offset:6px}}
@media(max-width:600px){.mj-rail-actions button{display:none}.mj-rail-actions a{margin-left:0}.mj-home-rail{cursor:auto}}

/* V87 canonical storefront header lock: the index header dimensions apply on every public page. */
.mj-global-shell .mj-ann{height:40px!important;min-height:40px!important}.mj-global-shell .mj-header{height:132px!important;min-height:132px!important}.mj-global-shell .mj-header-row{height:132px!important;min-height:132px!important}
@media(max-width:700px){.mj-global-shell .mj-ann{height:30px!important;min-height:30px!important}.mj-global-shell .mj-header{height:84px!important;min-height:84px!important}.mj-global-shell .mj-header-row{height:84px!important;min-height:84px!important;grid-template-rows:84px!important}}
.mj-quick-toast{position:fixed;right:20px;bottom:24px;z-index:10020;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:12px;background:#173e2c;color:#fff;font-weight:700;box-shadow:0 14px 36px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.mj-quick-toast.show{opacity:1;transform:none}.mj-quick-toast.error{background:#6f2e26}@media(max-width:760px){.mj-quick-toast{right:16px;bottom:calc(82px + env(safe-area-inset-bottom))}}

/* V85 configurable business information; hidden automatically when fields are blank. */
.mj-business-meta{display:grid;gap:4px;margin-top:14px;font-size:12px;line-height:1.5}.mj-business-meta p{margin:0}.mj-public-business-card,.mj-live-policy{margin:0 auto 26px;padding:22px;border:1px solid #e3ddd4;border-radius:16px;background:#fff}.mj-public-business-card h2,.mj-live-policy h2{margin:0 0 10px}.mj-public-business-card p,.mj-live-policy p{margin:6px 0;white-space:pre-line}.mj-whatsapp-float{position:fixed;right:20px;bottom:82px;z-index:95;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;background:#168a4a;color:#fff!important;font-weight:800;box-shadow:0 10px 26px rgba(15,75,44,.26);text-decoration:none}.mj75-bank-info p{margin:6px 0;white-space:pre-line}@media(min-width:900px){.mj-whatsapp-float{bottom:24px}}
/* V87 B2B card hierarchy: size, SKU, MOQ, packs, tax and availability stay scannable. */
.mj-card-spec{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;color:var(--mj-muted);font-size:13px;line-height:1.35}.mj-card-spec span{min-width:0}.mj-card-spec b{display:block;margin-bottom:2px;color:#3f3a34;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.mj-card-assurance{display:flex;flex-wrap:wrap;gap:6px;margin:-5px 0 12px}.mj-card-assurance span{padding:5px 7px;border-radius:999px;background:#f3eee5;color:#5d554b;font-size:10px;font-weight:750}.mj-card-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mj-card-actions .mj-card-cta{padding:0 8px;font-size:13px}
@media(max-width:600px){.mj-card-spec{grid-template-columns:1fr;gap:4px;font-size:11.5px}.mj-card-spec span:nth-child(2){display:none}.mj-card-spec b{display:inline;margin:0 5px 0 0;font-size:9px}.mj-card-assurance{gap:4px;margin-bottom:8px}.mj-card-assurance span{font-size:9px;padding:4px 6px}.mj-card-actions .mj-card-cta{font-size:11.5px;line-height:1.15}.mj-product-card{contain:layout paint}.mj-card-title{overflow-wrap:anywhere}}

/* assets/css/mj-product-clean-v90.css */
/* V90 clean product system — quiet, spacious and marketplace focused. */
.mj-product-card{border:1px solid #e7e1d8;border-radius:14px;background:#fff;box-shadow:0 3px 14px rgba(43,32,19,.055);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.mj-product-card:hover{transform:translateY(-4px);border-color:#d7cab9;box-shadow:0 15px 36px rgba(43,32,19,.11)}
.mj-card-media{aspect-ratio:1.16/1;background:#f7f5f1}
.mj-card-media img{padding:16px;filter:none;transition:opacity .28s ease,transform .35s ease}
.mj-product-card:hover .mj-card-media img:not(.mj-alt){transform:scale(1.025)}
.mj-card-media img.mj-alt{transform:none}
.mj-product-card:hover .mj-card-media img.mj-alt{opacity:1;transform:scale(1.015)}
.mj-card-wish{top:10px;right:10px;width:36px;height:36px;border:1px solid #e2ddd5;background:rgba(255,255,255,.94);box-shadow:none;font-size:21px;transition:background .2s ease,color .2s ease}
.mj-card-wish:hover{background:#1d1d1a;color:#fff}
.mj-card-body{padding:15px 15px 16px}
.mj-card-category{margin:0 0 6px;color:#9b6428;font-size:10px;letter-spacing:.11em}
.mj-card-title{min-height:2.6em;max-height:2.6em;font-size:15px;line-height:1.3;letter-spacing:-.006em}
.mj-card-spec{display:flex;align-items:center;gap:0;margin:10px 0 12px;padding:0;background:transparent;border:0;color:#6f675e;font-size:11px;line-height:1.35}
.mj-card-spec span{display:none;min-width:0}
.mj-card-spec span:first-child,.mj-card-spec span:nth-child(3){display:block}
.mj-card-spec span+span::before{content:"·";margin:0 7px;color:#b5aca1}
.mj-card-spec b{display:none}
.mj-card-price{display:flex;align-items:baseline;gap:3px;margin:0 0 13px;color:#171714;font-size:23px;font-weight:820;letter-spacing:-.025em}
.mj-card-price small{color:#756d64;font-size:11px;font-weight:650;letter-spacing:0}
.mj-card-price.quote{color:#8d571e;font-size:15px;letter-spacing:.03em}
.mj-card-assurance{display:none}
.mj-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mj-card-actions .mj-card-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:42px;padding:0 8px;border-radius:8px;font-size:11px;font-weight:760;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s ease,color .18s ease,border-color .18s ease}
.mj-card-actions .mj-buy-trigger{background:#1f1f1c;color:#fff;box-shadow:none}
.mj-card-actions .mj-buy-trigger:hover{background:#a86b27}
.mj-card-actions .mj-card-inquiry{border:1px solid #d9d1c7;background:#fff;color:#5f574f}
.mj-card-actions .mj-card-inquiry:hover{border-color:#a86b27;background:#fff8ef;color:#8b561e}
.mj-home-rail{min-height:0;padding:3px 2px 20px;mask-image:none}
.mj-product-rail-block::after{display:none}
@media(max-width:600px){.mj-product-card{border-radius:11px}.mj-product-card:hover{transform:none}.mj-card-media{aspect-ratio:1/1}.mj-card-media img{padding:9px}.mj-card-body{padding:10px}.mj-card-category{font-size:9px}.mj-card-title{font-size:14px}.mj-card-spec{margin:8px 0 10px;font-size:10px;white-space:nowrap;overflow:hidden}.mj-card-price{font-size:19px;margin-bottom:10px}.mj-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mj-card-actions .mj-card-cta{height:39px;padding:0 5px;font-size:9.5px}.mj-home-rail{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.mj-product-card,.mj-card-media img{transition:none!important}}

/* assets/css/mj-header-lock-v88.css */
/* Canonical V88 header lock. This file must remain the final stylesheet on every public page. */
:root{--mj-locked-announcement:40px;--mj-locked-header:132px}
html{scroll-padding-top:calc(var(--mj-locked-announcement) + var(--mj-locked-header))}
body .mj-global-shell{position:sticky!important;top:0!important;z-index:15000!important;width:100%!important;transform:none!important}
body .mj-global-shell .mj-ann{height:var(--mj-locked-announcement)!important;min-height:var(--mj-locked-announcement)!important;max-height:var(--mj-locked-announcement)!important;margin:0!important;padding:0!important}
body .mj-global-shell .mj-ann-track,body .mj-global-shell .mj-ann-group{height:100%!important;min-height:100%!important;align-items:center!important}
body .mj-global-shell .mj-ann-group{gap:28px!important;padding:0 28px 0 0!important;font-size:18px!important;line-height:1!important}
body .mj-global-shell .mj-header{height:var(--mj-locked-header)!important;min-height:var(--mj-locked-header)!important;max-height:var(--mj-locked-header)!important;margin:0!important;padding:0!important;transform:none!important}
body .mj-global-shell .mj-header-row{width:100%!important;max-width:1580px!important;height:var(--mj-locked-header)!important;min-height:var(--mj-locked-header)!important;max-height:var(--mj-locked-header)!important;margin:0 auto!important;padding:0 42px!important;grid-template-columns:minmax(300px,340px) minmax(0,1fr) auto!important;grid-template-rows:var(--mj-locked-header)!important;gap:20px!important;align-items:center!important}
body .mj-global-shell .mj-brand{min-width:0!important;align-items:flex-start!important;justify-content:center!important;transform:none!important}
body .mj-global-shell .mj-brand strong{font-size:42px!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important}
body .mj-global-shell .mj-brand small{display:block!important;margin-top:10px!important;font-size:16px!important;line-height:1!important;letter-spacing:.2em!important;white-space:nowrap!important}
body .mj-global-shell .mj-primary{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important}
body .mj-global-shell .mj-primary a{height:100%!important;padding:0!important;font-size:18px!important;line-height:1!important}
body .mj-global-shell .mj-actions{width:auto!important;height:auto!important;display:flex!important;align-items:center!important;gap:4px!important}
body .mj-global-shell .mj-action{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important}
body .mj-global-shell .mj-action svg{width:31px!important;height:31px!important}
body .mj-global-shell .mj-menu-trigger{display:none!important}
@media(max-width:1180px){
 body .mj-global-shell .mj-header-row{padding:0 20px!important;grid-template-columns:60px minmax(0,1fr) 180px!important;gap:10px!important}
 body .mj-global-shell .mj-primary{display:none!important}
 body .mj-global-shell .mj-menu-trigger{display:flex!important;grid-column:1!important;grid-row:1!important}
 body .mj-global-shell .mj-brand{grid-column:2!important;grid-row:1!important;align-items:center!important;text-align:center!important}
 body .mj-global-shell .mj-actions{grid-column:3!important;grid-row:1!important;width:180px!important;display:grid!important;grid-template-columns:repeat(3,60px)!important;gap:0!important}
 body .mj-global-shell .mj-actions .mj-wishlist{display:none!important}
 body .mj-global-shell .mj-actions .mj-account{display:flex!important}
 body .mj-global-shell .mj-action{width:60px!important;min-width:60px!important}
}
@media(max-width:700px){
 :root{--mj-locked-announcement:30px;--mj-locked-header:78px}
 body .mj-global-shell .mj-ann-group{gap:21px!important;padding-right:21px!important;font-size:13.5px!important}
 body .mj-global-shell .mj-header-row{padding:0 6px!important;grid-template-columns:44px minmax(0,1fr) 132px!important;grid-template-rows:78px!important;gap:0!important}
 body .mj-global-shell .mj-brand strong{font-size:22px!important}
 body .mj-global-shell .mj-brand small{margin-top:4px!important;font-size:9.5px!important;letter-spacing:.13em!important}
 body .mj-global-shell .mj-actions{width:132px!important;height:78px!important;grid-template-columns:repeat(3,44px)!important}
 body .mj-global-shell .mj-action,body .mj-global-shell .mj-menu-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
 body .mj-global-shell .mj-action svg{width:24px!important;height:24px!important}
}
@media(max-width:340px){body .mj-global-shell .mj-header-row{grid-template-columns:42px minmax(0,1fr) 126px!important;padding:0 4px!important}body .mj-global-shell .mj-actions{width:126px!important;grid-template-columns:repeat(3,42px)!important}body .mj-global-shell .mj-action,body .mj-global-shell .mj-menu-trigger{width:42px!important;min-width:42px!important}body .mj-global-shell .mj-brand strong{font-size:18px!important}body .mj-global-shell .mj-brand small{display:none!important}}

/* assets/css/mj-performance-v95.css */
/* V95 performance safeguards */
.page-home .home-section,.page-home .mj-product-rails,.page-home .mj75-faq,.page-home .mj-footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
.hero-slide img[data-src]:not([src]),.mj-alt[data-hover-src]:not([src]){opacity:0}
.hero-slide img,.mj-card-media img{transition:opacity .24s ease,transform .35s ease}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* assets/css/mj-premium-v97.css */
/* MJ Packaging V97 — canonical premium UI layer */
:root{--v97-bg:#f6f3ed;--v97-surface:#fff;--v97-surface-soft:#eeebe4;--v97-ink:#161915;--v97-muted:#667068;--v97-line:#dadfd9;--v97-forest:#153d2b;--v97-forest-2:#0e2e20;--v97-copper:#a9682b;--v97-copper-soft:#f4e7d7;--v97-success:#1d704b;--v97-radius:18px;--v97-radius-sm:12px;--v97-shadow:0 12px 36px rgba(23,39,29,.07);--v97-shadow-up:0 22px 58px rgba(23,39,29,.13)}
html{background:var(--v97-bg);scroll-behavior:smooth}body{background:var(--v97-bg)!important;color:var(--v97-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif!important;line-height:1.5}::selection{background:#d9eadf;color:#10291d}img{max-width:100%}button,a,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(169,104,43,.28)!important;outline-offset:3px!important}
/* Header and navigation */
.mj-global-shell{filter:drop-shadow(0 8px 18px rgba(20,36,27,.035))}.mj-ann{background:linear-gradient(90deg,var(--v97-forest-2),var(--v97-forest))!important}.mj-ann-group{letter-spacing:.115em!important}.mj-header{background:rgba(250,249,246,.94)!important;border-color:rgba(21,61,43,.1)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mj-brand strong{color:var(--v97-forest-2)!important}.mj-brand small{color:#766b5e!important}.mj-primary a{position:relative;color:#20251f!important}.mj-primary a::after{content:"";position:absolute;left:50%;right:50%;bottom:25%;height:2px;border-radius:2px;background:var(--v97-copper);transition:left .22s,right .22s}.mj-primary a:hover::after,.mj-primary a[aria-current="page"]::after{left:0;right:0}.mj-primary a:hover{border-bottom-color:transparent!important}.mj-action{transition:background .2s,transform .2s!important}.mj-action:hover{background:#e9eee9!important;transform:translateY(-1px)}.mj-menu{background:linear-gradient(160deg,#f9f7f2,#ebe7de)!important}.mj-menu-links a{position:relative;padding:0 6px;border-color:#d9ddd7!important}.mj-menu-links a::after{content:"→";margin-left:auto;color:var(--v97-copper)}
/* Shared page composition */
.mj-wrap{width:min(1380px,calc(100% - 56px))!important}.mj-pagehero{position:relative;overflow:hidden;padding:58px 0!important;border-color:var(--v97-line)!important;background:radial-gradient(circle at 86% 10%,rgba(169,104,43,.13),transparent 30%),linear-gradient(135deg,#fffdfa 0%,#ede9df 100%)!important}.mj-pagehero::after{content:"MJ";position:absolute;right:4%;top:50%;transform:translateY(-53%);font:900 clamp(90px,16vw,220px)/1 "SF Pro Display",sans-serif;color:rgba(21,61,43,.035);pointer-events:none}.mj-pagehero h1{max-width:840px;font-weight:850!important;color:var(--v97-forest-2);text-wrap:balance}.mj-pagehero p{max-width:760px;color:var(--v97-muted)!important;font-size:clamp(16px,1.4vw,20px)!important}.mj-catalog{padding:32px 0 90px!important}.mj-toolbar{position:sticky;top:calc(var(--mj-locked-announcement,40px) + var(--mj-locked-header,132px) + 10px);z-index:20;padding:12px;border:1px solid rgba(218,223,217,.85);border-radius:16px;background:rgba(246,243,237,.88);backdrop-filter:blur(15px);box-shadow:0 10px 28px rgba(19,44,29,.055)}.mj-filter-trigger,.mj-sort{border-color:var(--v97-line)!important;border-radius:11px!important;background:#fff!important;color:var(--v97-ink)!important}.mj-filter-trigger:hover,.mj-sort:hover{border-color:#aebbb2!important}.mj-count{color:var(--v97-muted)!important;font-weight:650}.mj-product-grid,.mj-grouped-catalog .mj-product-grid{gap:20px!important}.mj-bag-family-nav{gap:8px!important}.mj-bag-family-nav button{border-color:var(--v97-line)!important;box-shadow:0 4px 14px rgba(20,44,30,.035)}.mj-bag-family-nav button.active{background:var(--v97-forest)!important;border-color:var(--v97-forest)!important}.mj-bag-group-head{border-color:var(--v97-line)!important}.mj-bag-group-head h2{color:var(--v97-forest-2)}
/* One product card system everywhere */
.mj-product-card{isolation:isolate;border:1px solid #dfe3de!important;border-radius:20px!important;background:var(--v97-surface)!important;box-shadow:0 7px 24px rgba(20,41,28,.055)!important;overflow:hidden!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s!important}.mj-product-card:hover{transform:translateY(-6px)!important;border-color:#c5d0c8!important;box-shadow:var(--v97-shadow-up)!important}.mj-card-media{aspect-ratio:1/1!important;background:radial-gradient(circle at 50% 38%,#fff 0%,#f0eee8 70%)!important;border-bottom:1px solid #edf0ec!important}.mj-card-media::after{content:"";position:absolute;inset:auto 14% 6% 14%;height:10%;border-radius:50%;background:rgba(38,54,43,.08);filter:blur(12px);z-index:0}.mj-card-media img{z-index:1;padding:18px!important;transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)!important}.mj-product-card:hover .mj-card-media img:not(.mj-alt){transform:scale(1.045)!important}.mj-card-wish{top:12px!important;right:12px!important;width:40px!important;height:40px!important;border:1px solid rgba(21,61,43,.12)!important;background:rgba(255,255,255,.9)!important;color:var(--v97-forest)!important;backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(18,43,28,.08)}.mj-card-body{display:flex!important;flex-direction:column!important;min-height:282px;padding:16px 16px 17px!important}.mj-card-category{margin:0 0 7px!important;color:var(--v97-copper)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.13em!important}.mj-card-title{min-height:2.65em!important;max-height:2.65em!important;color:var(--v97-ink)!important;font-size:15px!important;font-weight:780!important;line-height:1.32!important;letter-spacing:-.012em!important}.mj-card-spec{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 10px!important;margin:12px 0!important;padding:10px!important;border:1px solid #e8ebe7;border-radius:11px;background:#f8f8f5;color:var(--v97-muted)!important;font-size:11px!important;white-space:normal!important;overflow:visible!important}.mj-card-spec span{overflow:hidden;text-overflow:ellipsis}.mj-card-spec b{color:#667068!important;font-size:8.5px!important;letter-spacing:.11em!important}.mj-card-price{margin:auto 0 12px!important;color:var(--v97-forest-2)!important;font-size:24px!important;font-weight:860!important;letter-spacing:-.035em}.mj-card-price small{color:#737a74;font-size:10px!important;letter-spacing:0}.mj-card-price.quote{font-size:13px!important;letter-spacing:.05em;text-transform:uppercase}.mj-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.mj-card-actions .mj-card-cta{height:43px!important;min-width:0!important;padding:0 8px!important;border-radius:10px!important;font-size:11px!important;font-weight:800!important;line-height:1.05!important;white-space:nowrap!important}.mj-card-actions .mj-buy-trigger{background:var(--v97-forest)!important;color:#fff!important}.mj-card-actions .mj-buy-trigger:hover{background:var(--v97-forest-2)!important}.mj-card-actions .mj-card-inquiry{border:1px solid #cdd5cf!important;background:#fff!important;color:var(--v97-forest)!important}.mj-card-actions .mj-card-inquiry:hover{border-color:var(--v97-copper)!important;background:var(--v97-copper-soft)!important;color:#754317!important}.mj-card-actions .mj-card-cta:disabled{background:#e5e5df!important;color:#777d77!important}
/* Home */
.page-home .mj-hero{background:#eef0eb}.page-home .hero-copy h1{color:var(--v97-forest-2);text-wrap:balance}.page-home .hero-copy p{color:#5c675f}.page-home .hero-actions a{border-radius:12px!important;transition:transform .2s,box-shadow .2s!important}.page-home .hero-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(18,44,29,.14)}.page-home .mj-home-rails{padding:76px 0!important;background:linear-gradient(180deg,#f8f6f1,#f1eee7)!important}.page-home .mj-rails-intro h2,.page-home .mj-rail-head h3{color:var(--v97-forest-2);text-wrap:balance}.page-home .mj-product-rail-block{margin-top:46px!important}.page-home .mj-product-rail-block+.mj-product-rail-block{margin-top:72px!important;padding-top:50px!important}.mj-rail-actions button{border-color:var(--v97-line)!important;box-shadow:0 6px 18px rgba(18,43,28,.05)}.mj-rail-actions button:hover{background:var(--v97-forest)!important}.page-home .home-section,.page-home .mj75-faq,.page-home .mj75-sample{border-color:var(--v97-line)!important}.page-home details{border-radius:14px}.page-home .mj-product-card{scroll-snap-stop:always}
/* Drawers, search and commerce */
.mj-search-overlay,.mj-filter-backdrop,.mj-u-backdrop{background:rgba(11,27,18,.58)!important;backdrop-filter:blur(5px)}.mj-search-box,.mj-u-drawer,.mj-filter-panel{background:#fbfaf7!important;box-shadow:0 30px 90px rgba(8,25,15,.28)!important}.mj-search-box{border:1px solid rgba(255,255,255,.7);border-radius:22px!important}.mj-search-result{border-color:var(--v97-line)!important;border-radius:11px;padding:10px!important}.mj-search-result:hover{background:#eff3ef}.mj-filter-panel{border-right:1px solid rgba(255,255,255,.55)}.mj-filter-group label{font-size:16px!important}.mj-filter-actions button{border-radius:11px!important}.mj-filter-apply{background:var(--v97-forest)!important}.mj-u-drawer{border-radius:22px 0 0 22px}.mj-u-head{background:linear-gradient(135deg,var(--v97-forest-2),var(--v97-forest))!important;color:#fff!important}.mj-u-pill{border-radius:11px!important}.mj-u-pill.active{background:var(--v97-forest)!important;border-color:var(--v97-forest)!important;color:#fff!important}.mj-u-add{background:var(--v97-forest)!important;border-radius:12px!important}.mj-inq-compose-card{border-radius:22px!important;overflow:hidden;box-shadow:0 30px 90px rgba(8,25,15,.3)!important}.mj-inq-compose-head{background:linear-gradient(135deg,var(--v97-forest-2),var(--v97-forest))!important;color:#fff!important}.mj-inq-compose-body input,.mj-inq-compose-body select,.mj-inq-compose-body textarea{border-radius:11px!important;border-color:var(--v97-line)!important}.mj-inq-send{background:var(--v97-forest)!important;border-radius:11px!important}
/* PDP */
.page-product{background:linear-gradient(180deg,#f4f1eb,#faf9f6)!important}.page-product .mj-product-detail{width:min(1380px,calc(100% - 56px))!important;margin-top:38px!important}.page-product .back{color:var(--v97-forest)!important}.page-product .detail{gap:56px!important}.page-product .media{border:1px solid #e0e5df!important;border-radius:26px!important;background:radial-gradient(circle at 50% 40%,#fff,#ece9e2 75%)!important;box-shadow:var(--v97-shadow)!important}.page-product .copy h1{color:var(--v97-forest-2)!important;text-wrap:balance}.page-product .price{color:var(--v97-forest-2)!important}.page-product .mj-choice-panel{border-color:#dce2dc!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--v97-shadow)!important}.page-product .mj-option-grid button,.page-product .mj75-tier{border-color:#d9dfd9!important}.page-product .mj-option-grid button.selected,.page-product .mj75-tier.selected{border-color:var(--v97-forest)!important;background:#e7f0ea!important;box-shadow:inset 0 0 0 1px var(--v97-forest)!important}.page-product .buy{background:var(--v97-forest)!important}.page-product .mj-product-inquiry{border-color:#c5d0c8!important;color:var(--v97-forest)!important}.page-product .spec{border-color:#dfe4df!important;background:#fff!important}.page-product .copy details{border-color:var(--v97-line)!important}
/* Checkout */
.page-checkout{background:linear-gradient(145deg,#f3f0e9,#faf9f6)!important}.page-checkout .mj75-checkout-shell{width:min(1320px,calc(100% - 48px))!important;gap:24px!important}.page-checkout .mj-panel{border:1px solid #dfe4df!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--v97-shadow)!important}.page-checkout .mj75-step>span{background:var(--v97-forest)!important;color:#fff!important}.page-checkout input,.page-checkout textarea,.page-checkout select{border-color:#d8ded8!important;border-radius:11px!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}.page-checkout input:focus,.page-checkout textarea:focus,.page-checkout select:focus{border-color:#7d9b87!important;box-shadow:0 0 0 4px rgba(21,61,43,.08)!important}.page-checkout .mj-customer-type label,.page-checkout .mj-pay-btn{border-color:#dde2dd!important;background:#fff!important;transition:border-color .2s,transform .2s,box-shadow .2s}.page-checkout .mj-customer-type label:has(input:checked),.page-checkout .mj-pay-btn.active{border-color:var(--v97-forest)!important;background:#eef5f0!important;box-shadow:0 0 0 3px rgba(21,61,43,.08)!important}.page-checkout .mj-pay-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,49,32,.08)}.page-checkout .mj-pay-btn:disabled{opacity:.45;cursor:not-allowed}.page-checkout .mj-action-button{border-radius:13px!important;background:var(--v97-forest)!important;box-shadow:0 12px 26px rgba(21,61,43,.2)!important}.page-checkout .mj75-summary{position:sticky!important;top:calc(var(--mj-locked-announcement) + var(--mj-locked-header) + 18px)!important}.page-checkout .mj75-bank-info,.page-checkout .mj75-status{border-radius:11px!important}
/* Account, auth and customer data */
.page-account{background:linear-gradient(160deg,#f4f1eb,#ebe8e0)!important}.page-account .mj-account-page{padding-top:40px!important}.page-account .mj-macos-window{border-color:#dce2dc!important;box-shadow:0 28px 80px rgba(15,38,24,.11)!important}.page-account .mj-macos-sidebar{background:linear-gradient(165deg,var(--v97-forest),var(--v97-forest-2))!important}.page-account .mj-macos-nav button{transition:background .2s,transform .2s!important}.page-account .mj-macos-nav button:hover{transform:translateX(2px)}.page-account .mj-macos-main{background:#fbfaf7!important}.page-account .mj-macos-info-card,.page-account .mj-account-edit-card,.page-account .mj-order-card,.page-account .mj-inquiry-card,.page-account .mj-saved-address{border-color:#dfe4df!important;border-radius:17px!important;box-shadow:0 8px 26px rgba(18,43,28,.045)!important}.page-account .mj-order-card,.page-account .mj-inquiry-card{position:relative;overflow:hidden}.page-account .mj-order-card::before,.page-account .mj-inquiry-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--v97-copper)}.page-account .mj-account-message{box-shadow:0 5px 16px rgba(18,43,28,.05)}.page-account input,.page-account textarea,.page-account select{border-color:#d9dfd9!important;border-radius:11px!important}.page-account button:not(.mj-macos-nav button){border-radius:11px!important}.page-account .mj-bank-proof-form{border-color:#dce2dc!important;background:#f7f7f3!important}
/* Content, forms and policies */
.mj-inner-premium main:not(.mj-product-detail):not(.mj-account-page),.page-about main,.page-contact main,.page-policy main{color:var(--v97-ink)}.mj-inner-premium form input,.mj-inner-premium form textarea,.mj-inner-premium form select{border-radius:11px!important}.mj-public-business-card,.mj-live-policy{width:min(1100px,calc(100% - 40px));margin:28px auto;padding:28px;border:1px solid var(--v97-line);border-radius:18px;background:#fff;box-shadow:var(--v97-shadow)}.mj-live-policy h2{color:var(--v97-forest-2)}.mj-live-policy p{white-space:pre-line;color:var(--v97-muted);line-height:1.75}.mj-whatsapp-float{right:22px!important;bottom:84px!important;border-radius:999px!important;background:#1f8f56!important;color:#fff!important;box-shadow:0 12px 32px rgba(21,99,58,.25)!important}
/* Footer */
.mj-footer{margin-top:72px!important;background:radial-gradient(circle at 15% 0,rgba(169,104,43,.17),transparent 25%),linear-gradient(145deg,#10261b,#091a12)!important;color:#fff!important}.mj-footer-wrap{width:min(1380px,calc(100% - 56px))!important;padding-top:64px!important}.mj-footer-grid{gap:42px!important}.mj-footer-brand strong{font-size:34px!important;letter-spacing:-.035em}.mj-footer p{color:#bdc9c1!important;font-size:16px!important}.mj-footer h2{color:#e4c39e!important;font-size:12px!important;letter-spacing:.13em!important}.mj-footer a{color:#d9e1dc!important;font-size:15px!important;transition:color .18s,transform .18s}.mj-footer a:hover{color:#fff!important;transform:translateX(2px)}.mj-footer-business{color:#d9e1dc!important}.mj-footer-business b{color:#e4c39e!important}.mj-footer-bottom{border-color:rgba(255,255,255,.12)!important;color:#96a49b!important;font-size:13px!important}
/* Subtle motion without delaying content */
@media(prefers-reduced-motion:no-preference){.mj-v97-reveal{animation:mjV97Reveal .55s cubic-bezier(.2,.8,.2,1) both}@keyframes mjV97Reveal{from{opacity:.01;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.mj-wrap{width:min(100% - 32px,1380px)!important}.mj-product-grid,.mj-grouped-catalog .mj-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.page-product .detail{gap:30px!important}.mj-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)!important}.mj-footer-grid>div:nth-last-child(-n+2){margin-top:12px}}
@media(max-width:760px){html{scroll-behavior:auto}.mj-wrap{width:calc(100% - 20px)!important}.mj-pagehero{padding:30px 0!important}.mj-pagehero::after{font-size:110px;right:-12px}.mj-pagehero h1{font-size:34px!important}.mj-pagehero p{font-size:15px!important}.mj-toolbar{top:calc(var(--mj-locked-announcement,30px) + var(--mj-locked-header,78px) + 6px);grid-template-columns:1fr 1fr!important;padding:8px!important;border-radius:13px}.mj-product-grid,.mj-grouped-catalog .mj-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.mj-product-card{border-radius:14px!important}.mj-product-card:hover{transform:none!important}.mj-card-media img{padding:9px!important}.mj-card-wish{top:7px!important;right:7px!important;width:40px!important;height:40px!important}.mj-card-body{min-height:266px!important;padding:10px!important}.mj-card-category{font-size:8.5px!important}.mj-card-title{font-size:13px!important;min-height:2.7em!important;max-height:2.7em!important}.mj-card-spec{grid-template-columns:1fr!important;gap:3px!important;margin:8px 0!important;padding:7px!important;font-size:10.5px!important}.mj-card-spec span:nth-child(2),.mj-card-spec span:nth-child(4){display:none!important}.mj-card-spec b{display:inline!important;margin-right:4px!important;font-size:8px!important}.mj-card-price{font-size:18px!important;margin-bottom:9px!important}.mj-card-actions{grid-template-columns:1fr 1fr!important;gap:5px!important}.mj-card-actions .mj-card-cta{height:44px!important;padding:0 3px!important;font-size:10.3px!important;white-space:normal!important;text-align:center!important}.page-home .mj-home-rails{padding:48px 0!important}.page-home .mj-rails-intro{display:grid!important;margin-bottom:28px!important}.page-home .mj-product-rail-block+.mj-product-rail-block{margin-top:52px!important;padding-top:36px!important}.page-home .mj-home-rail{grid-auto-columns:minmax(174px,44vw)!important;gap:10px!important}.mj-rail-head{align-items:flex-start!important}.mj-rail-actions button{width:44px!important;height:44px!important}.mj-rail-actions a{display:none!important}.page-product .mj-product-detail{width:calc(100% - 20px)!important;margin-top:16px!important}.page-product .media{border-radius:18px!important}.page-product .copy h1{font-size:30px!important}.page-product .mj-choice-panel{padding:14px!important;border-radius:16px!important}.page-product .actions{grid-template-columns:1fr 1fr!important}.page-product .wish{grid-column:1/-1!important}.page-checkout .mj75-checkout-shell{width:calc(100% - 20px)!important}.page-checkout .mj-panel{border-radius:17px!important}.page-checkout .mj75-summary{position:static!important}.page-account .mj-account-page{padding:14px 8px 82px!important}.page-account .mj-macos-window{border-radius:18px!important}.page-account .mj-macos-sidebar{border-radius:17px 17px 0 0!important}.page-account .mj-macos-nav button:hover{transform:none}.mj-footer{padding-bottom:68px!important}.mj-footer-wrap{width:calc(100% - 30px)!important;padding-top:42px!important}.mj-footer-grid{display:block!important}.mj-footer-grid>div:not(.mj-footer-brand){margin:0!important;padding:17px 0!important;border-top:1px solid rgba(255,255,255,.11)}.mj-footer a{font-size:15px!important}.mj-whatsapp-float{right:12px!important;bottom:75px!important}}
@media(max-width:360px){.mj-card-body{min-height:258px!important;padding:8px!important}.mj-card-title{font-size:12px!important}.mj-card-actions .mj-card-cta{font-size:9.2px!important}.page-home .mj-home-rail{grid-auto-columns:47vw!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* assets/css/mj-intelligence-v98.css */
:root{--mj98-ink:#12251d;--mj98-green:#173f2d;--mj98-mint:#eaf3ed;--mj98-kraft:#b76f25;--mj98-paper:#f7f3ec;--mj98-line:#ded7ca}
.mj98-section{width:min(1296px,calc(100% - 40px));margin:56px auto;padding:34px;border:1px solid var(--mj98-line);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(26,42,34,.07)}
.mj98-eyebrow{margin:0 0 8px;color:var(--mj98-kraft);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mj98-section h2{margin:0;color:var(--mj98-ink);font-size:clamp(28px,3vw,44px);letter-spacing:-.045em}.mj98-lead{max-width:680px;color:#617068;line-height:1.65}
.mj98-steps{display:flex;gap:8px;margin:24px 0}.mj98-steps i{height:5px;flex:1;border-radius:99px;background:#e7e4dc}.mj98-steps i.active{background:var(--mj98-green)}
.mj98-finder-panel[hidden]{display:none}.mj98-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mj98-choice{min-height:66px;padding:14px;border:1px solid var(--mj98-line);border-radius:15px;background:#fff;color:var(--mj98-ink);font:700 14px inherit;text-align:left;transition:.2s}.mj98-choice:hover,.mj98-choice.selected{border-color:var(--mj98-green);background:var(--mj98-mint);transform:translateY(-2px)}
.mj98-finder-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.mj98-btn{min-height:46px;padding:0 20px;border:1px solid var(--mj98-green);border-radius:12px;background:var(--mj98-green);color:#fff;font:750 14px inherit;cursor:pointer}.mj98-btn.secondary{background:#fff;color:var(--mj98-green)}.mj98-btn:disabled{opacity:.45;cursor:not-allowed}
.mj98-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mj98-result{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:14px;border:1px solid var(--mj98-line);border-radius:16px;background:var(--mj98-paper)}.mj98-result img{width:92px;height:92px;object-fit:contain;border-radius:12px;background:#fff}.mj98-result h3{font-size:15px;margin:3px 0 6px}.mj98-result p{font-size:12px;margin:2px 0;color:#657068}.mj98-result a{display:inline-flex;margin-top:8px;color:var(--mj98-green);font-size:13px;font-weight:800}
.mj98-help{width:min(1296px,calc(100% - 40px));margin:34px auto;padding:20px 24px;border-radius:18px;background:var(--mj98-green);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.mj98-help p{margin:3px 0;color:#dfeae3}.mj98-help a{white-space:nowrap;border-radius:12px;background:#fff;color:var(--mj98-green);padding:13px 18px;font-weight:800}
.mj98-compare-toggle{width:100%;min-height:38px;margin-top:8px;border:1px solid var(--mj98-line);border-radius:10px;background:#fff;color:var(--mj98-ink);font:700 12px inherit}.mj98-compare-toggle.active{background:var(--mj98-mint);border-color:var(--mj98-green)}
.mj98-compare-bar{position:fixed;z-index:10020;left:50%;bottom:22px;transform:translateX(-50%) translateY(130%);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:15px;background:#14271f;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.25);transition:.25s}.mj98-compare-bar.show{transform:translateX(-50%) translateY(0)}.mj98-compare-bar button{min-height:40px;border:0;border-radius:10px;padding:0 16px;font-weight:800}.mj98-compare-dialog,.mj98-quote-dialog{width:min(920px,calc(100% - 28px));max-height:88vh;border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.28)}.mj98-compare-dialog::backdrop,.mj98-quote-dialog::backdrop{background:rgba(8,20,14,.62)}.mj98-dialog-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;background:#fff;border-bottom:1px solid var(--mj98-line)}.mj98-dialog-head h2{margin:0;font-size:24px}.mj98-dialog-head button{width:42px;height:42px;border:1px solid var(--mj98-line);border-radius:50%;background:#fff;font-size:22px}.mj98-compare-grid{display:grid;grid-template-columns:140px repeat(2,minmax(0,1fr));padding:22px}.mj98-compare-grid>*{padding:12px;border-bottom:1px solid var(--mj98-line)}.mj98-compare-grid b{color:#59655e}.mj98-compare-grid img{width:100%;height:150px;object-fit:contain}
.mj98-pdp-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.mj98-info-card{padding:20px;border:1px solid var(--mj98-line);border-radius:16px;background:#fff}.mj98-info-card h3{margin:0 0 12px;font-size:17px}.mj98-info-card ul{margin:0;padding:0;list-style:none}.mj98-info-card li{margin:8px 0;color:#59675f;font-size:14px}.mj98-good li:before{content:'✓';color:#1e7650;font-weight:900;margin-right:8px}.mj98-bad li:before{content:'×';color:#a5523a;font-weight:900;margin-right:8px}.mj98-calc-row{display:flex;align-items:center;gap:10px}.mj98-calc-row button{width:42px;height:42px;border:1px solid var(--mj98-line);border-radius:10px;background:#fff;font-size:20px}.mj98-calc-row input{width:100px;height:42px;border:1px solid var(--mj98-line);border-radius:10px;text-align:center;font-weight:800}.mj98-calc-total{margin-top:12px;padding-top:12px;border-top:1px solid var(--mj98-line);display:flex;justify-content:space-between}.mj98-whatsapp{display:flex;justify-content:center;align-items:center;min-height:46px;margin-top:12px;border:1px solid #178342;border-radius:12px;color:#176b39;font-weight:800}
.mj98-recent{width:min(1296px,calc(100% - 40px));margin:44px auto}.mj98-recent h2{font-size:26px}.mj98-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mj98-mini{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:12px;border:1px solid var(--mj98-line);border-radius:14px;background:#fff}.mj98-mini img{width:76px;height:76px;object-fit:contain}.mj98-mini b{font-size:13px}.mj98-mini small{display:block;color:#69746d;margin-top:6px}
.mj98-buy-again{margin:18px 0;padding:20px;border:1px solid var(--mj98-line);border-radius:18px;background:var(--mj98-paper)}.mj98-buy-again h2{margin-top:0}.mj98-reorder-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--mj98-line)}.mj98-reorder-row:first-of-type{border-top:0}.mj98-reorder-row p{margin:3px 0;color:#68736c;font-size:13px}
.mj98-attention{margin:18px 0;padding:20px;border:1px solid #e8d8bd;border-radius:18px;background:#fffaf1}.mj98-attention h2{margin:0 0 12px;font-size:20px}.mj98-attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mj98-attention-grid button{padding:14px;border:1px solid #eadbc4;border-radius:13px;background:#fff;text-align:left}.mj98-attention-grid b{display:block;font-size:20px;color:#8f4e20}.mj98-attention-grid span{font-size:12px;color:#6f655a}
.mj-inq-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mj-order-products{display:grid;gap:7px;margin:10px 0;padding:10px;border-radius:10px;background:#f7f3ec}.mj-order-products a{display:flex;justify-content:space-between;gap:12px;color:inherit}.mj-order-products small{font-size:12px!important;text-align:right}
@media(max-width:820px){.mj98-section{width:calc(100% - 24px);margin:30px auto;padding:22px 16px;border-radius:18px}.mj98-choice-grid{grid-template-columns:repeat(2,1fr)}.mj98-results{grid-template-columns:1fr}.mj98-help{width:calc(100% - 24px);align-items:flex-start;flex-direction:column}.mj98-pdp-tools{grid-template-columns:1fr}.mj98-mini-grid{grid-template-columns:repeat(2,1fr)}.mj98-mini{grid-template-columns:1fr}.mj98-mini img{width:100%;height:110px}.mj98-compare-grid{grid-template-columns:92px repeat(2,minmax(0,1fr));padding:10px;font-size:12px}.mj98-attention-grid{grid-template-columns:1fr}.mj98-compare-bar{bottom:78px;width:calc(100% - 24px);justify-content:space-between}.mj98-reorder-row{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){.mj-inq-detail-grid{grid-template-columns:1fr}.mj-order-products a{align-items:flex-start;flex-direction:column}.mj-order-products small{text-align:left}}
@media(max-width:380px){.mj98-choice-grid{grid-template-columns:1fr}.mj98-section,.mj98-help,.mj98-recent{width:calc(100% - 16px)}}

/* V100 marketplace product cards */
:root{--mj100-green:#17603f;--mj100-green-dark:#113e2b;--mj100-mint:#eaf7f0;--mj100-line:#dfe6e1;--mj100-soft:#f7f9f7;--mj100-whatsapp:#25d366}
.mj100-card{display:flex!important;flex-direction:column!important;border:1px solid var(--mj100-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 5px 20px rgba(18,46,31,.06)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.mj100-card:hover{transform:translateY(-5px)!important;border-color:rgba(23,96,63,.4)!important;box-shadow:0 20px 45px rgba(18,46,31,.13)!important}
.mj100-card .mj100-top{order:0;display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:11px 14px 0}
.mj100-card .mj100-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid #caead7;border-radius:7px;background:var(--mj100-mint);color:var(--mj100-green);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mj100-card .mj100-status.inquiry{border-color:#ead9bb;background:#fff6e8;color:#8a591f}
.mj100-card .mj-card-wish{position:static!important;width:36px!important;height:36px!important;display:grid;place-items:center;border:0!important;background:transparent!important;box-shadow:none!important;color:#89938d!important;font-size:23px!important;line-height:1}.mj100-card .mj-card-wish:hover{color:#c43f59!important}
.mj100-card>.mj-card-title{order:1;min-height:2.6em!important;max-height:2.6em!important;margin:6px 14px 11px!important;font-size:15px!important;line-height:1.3!important;font-weight:800!important;color:#17241d!important}
.mj100-card>.mj-card-media{order:2;position:relative;margin:0 14px;aspect-ratio:1.28/1!important;border:1px solid #eef1ee!important;border-radius:13px!important;background:linear-gradient(145deg,#fafcfb,#f0f4f1)!important;overflow:hidden!important}
.mj100-card>.mj-card-media:after{display:none!important}.mj100-card>.mj-card-media img{position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:12px!important;object-fit:contain!important;opacity:1;transition:opacity .28s ease,transform .38s ease!important}
.mj100-card>.mj-card-media img.mj-alt{opacity:0!important}.mj100-card:hover>.mj-card-media img:not(.mj-alt){opacity:0!important}.mj100-card:hover>.mj-card-media img.mj-alt{opacity:1!important;transform:scale(1.04)!important}
.mj100-card .mj100-view{position:absolute;z-index:2;right:8px;bottom:8px;padding:5px 8px;border:1px solid rgba(23,96,63,.15);border-radius:7px;background:rgba(255,255,255,.9);color:var(--mj100-green);font-size:9px;font-weight:800;opacity:0;transform:translateY(4px);transition:.2s}.mj100-card:hover .mj100-view{opacity:1;transform:none}
.mj100-card>.mj-card-body{order:3;flex:1;min-height:0!important;padding:13px 14px 15px!important}.mj100-card .mj-card-category{margin-bottom:8px!important;font-size:9px!important}
.mj100-options{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.mj100-options>b{width:100%;color:#78827c;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.mj100-options>span{padding:5px 7px;border:1px solid #d7e2db;border-radius:7px;background:#f8fbf9;color:#375244;font-size:9px;font-weight:700}
.mj100-card .mj-card-spec{margin:0 0 12px!important;padding:9px!important;border-radius:10px!important;background:var(--mj100-soft)!important;font-size:10px!important}
.mj100-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:2px}.mj100-price-row>div>small{display:block;margin-bottom:2px;color:#7b857f;font-size:9px;font-weight:650}.mj100-card .mj-card-price{margin:0!important;font-size:21px!important;color:#111b16!important}.mj100-card .mj-card-price em{color:#65716a;font-size:9px;font-style:normal;font-weight:700;letter-spacing:0}.mj100-card .mj-card-price.quote{font-size:12px!important;color:#89571f!important}.mj100-moq{flex:0 0 auto;padding:5px 7px;border-radius:7px;background:var(--mj100-mint);color:var(--mj100-green);font-size:8.5px;font-weight:800}
.mj100-card .mj-card-actions{display:block!important;margin-top:12px}.mj100-card .mj-card-actions>.mj-buy-trigger{width:100%!important;height:43px!important;border:0!important;border-radius:10px!important;background:var(--mj100-green)!important;color:#fff!important;font-size:11px!important;box-shadow:0 8px 18px rgba(23,96,63,.18)!important}.mj100-card .mj-card-actions>.mj-buy-trigger:hover{background:var(--mj100-green-dark)!important}
.mj100-secondary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.mj100-secondary .mj-card-cta{height:38px!important;border-radius:9px!important;font-size:9.5px!important}.mj100-secondary .mj-card-inquiry{border:1px solid #d8dfda!important;background:#fff!important;color:#304b3d!important}.mj100-secondary .mj100-whatsapp{display:flex;align-items:center;justify-content:center;border:1px solid var(--mj100-whatsapp)!important;background:var(--mj100-whatsapp)!important;color:#fff!important;text-decoration:none!important}.mj100-secondary .mj100-whatsapp:before{content:'◉';margin-right:5px;font-size:11px}
@media(max-width:760px){.mj100-card{border-radius:13px!important}.mj100-card:hover{transform:none!important}.mj100-card .mj100-top{padding:7px 8px 0}.mj100-card .mj100-status{padding:0 6px;font-size:7px}.mj100-card .mj-card-wish{width:40px!important;height:40px!important}.mj100-card>.mj-card-title{margin:3px 9px 8px!important;font-size:12px!important}.mj100-card>.mj-card-media{margin:0 8px;aspect-ratio:1/1!important}.mj100-card>.mj-card-media img{padding:7px!important}.mj100-card .mj100-view{display:none}.mj100-card>.mj-card-body{padding:9px!important}.mj100-card .mj-card-category{font-size:7.5px!important}.mj100-options{display:none}.mj100-card .mj-card-spec{padding:6px!important;font-size:9px!important}.mj100-price-row{display:block}.mj100-card .mj-card-price{font-size:17px!important}.mj100-card .mj-card-price em{display:block;margin-top:2px;font-size:8px}.mj100-moq{display:inline-block;margin-top:5px}.mj100-card .mj-card-actions>.mj-buy-trigger{height:40px!important;font-size:10px!important}.mj100-secondary{grid-template-columns:1fr;gap:5px;margin-top:5px}.mj100-secondary .mj-card-cta{height:36px!important;font-size:9px!important}}
@media(hover:none){.mj100-card>.mj-card-media img:not(.mj-alt){opacity:1!important}.mj100-card>.mj-card-media img.mj-alt{display:none!important}}
@media(prefers-reduced-motion:reduce){.mj100-card,.mj100-card *{transition:none!important}}