/* Mobile only: preserve native Magento controls and all desktop geometry. */
@media (max-width:767px){
body:not(.checkout-index-index) .page-header .header.content{padding:8px 12px;min-height:60px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:0}
body:not(.checkout-index-index) .page-header .header.content:before,body:not(.checkout-index-index) .page-header .header.content:after{content:none;display:none}
body:not(.checkout-index-index) .page-header .nav-toggle{position:static;transform:none;margin:0;display:flex;align-items:center;width:44px;height:44px;flex:0 0 44px}
body:not(.checkout-index-index) .page-header .nav-toggle:before{font-size:26px;line-height:44px;color:#25374c}
body:not(.checkout-index-index) .page-header .logo{position:static;transform:none;float:none;margin:0 auto 0 2px;max-width:calc(100% - 138px);width:184px;height:44px;display:flex;align-items:center}
body:not(.checkout-index-index) .page-header .logo img{width:100%!important;height:auto}
body:not(.checkout-index-index) .page-header .minicart-wrapper{position:absolute;right:12px;top:8px;margin:0;width:44px;height:44px;float:none}
body:not(.checkout-index-index) .page-header .action.showcart{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px}
body:not(.checkout-index-index) .page-header .action.showcart:before{color:#25374c;font-size:24px}
body:not(.checkout-index-index) .page-header .action.showcart .counter.qty{position:absolute;top:0;right:-2px;margin:0;min-width:18px;height:18px;line-height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#c4162b;color:#fff;font-size:10px;font-weight:700;white-space:nowrap}
body:not(.checkout-index-index) .page-header .block-search{margin:0;padding:0;float:none;position:static;width:100%;flex:0 0 100%}
body:not(.checkout-index-index) .page-header .block-search .label{position:absolute;top:8px;right:56px;float:none;width:44px;height:44px;margin:0;display:flex;align-items:center;justify-content:center}
body:not(.checkout-index-index) .page-header .block-search .label:before{margin:0;font-size:25px;color:#25374c}
body:not(.checkout-index-index) .page-header .block-search .control{border:0;margin:0;padding:0}
body:not(.checkout-index-index) .page-header .block-search .label.active+.control{padding:8px 0 4px}
body:not(.checkout-index-index) .page-header .block-search input{height:44px;font-size:16px;margin:0}
body:not(.checkout-index-index) .page-header .block-search .nested{display:none}
body.cms-index-index .cj-home{padding-top:10px}
body.cms-index-index .cj-home .cj-hero-copy{padding:22px 22px 14px}
body.cms-index-index .cj-home .cj-hero-copy .cj-eyebrow{font-size:9px;letter-spacing:1.3px;margin:0 0 12px}
body.cms-index-index .cj-home h1{font-size:clamp(34px,9.25vw,39px);line-height:1.07;letter-spacing:-1.3px;margin:0 0 12px}
body.cms-index-index .cj-home .cj-hero-copy>p:not(.cj-eyebrow){font-size:13px;line-height:1.6;margin:0 0 16px}
body.cms-index-index .cj-home .cj-hero-copy a.cj-button{min-height:44px;padding:11px 16px;font-size:12px;gap:18px}
body.cms-index-index .cj-home .cj-hero-copy .cj-text-link{display:flex;align-items:center;min-height:44px;margin:4px 0 0;padding:0;border:0;font-size:12px;text-decoration:underline;text-underline-offset:5px}
body.cms-index-index .cj-home .cj-hero-art{padding:14px 20px 16px}
body.cms-index-index .cj-home .cj-hero-art img{height:220px;width:100%;object-fit:contain}
body.cms-index-index .cj-home .cj-art-caption{margin-top:6px;padding:7px 10px}
}

/* Viewport-centered wordmark: equal reserved side space, independent of controls. */
@media (max-width:767px){
body:not(.checkout-index-index) .page-header .header.content .logo{position:absolute;left:50%;right:auto;top:8px;transform:translateX(-50%);margin:0;width:184px;max-width:calc(100% - 216px);height:44px;justify-content:center}
body:not(.checkout-index-index) .page-header .header.content .logo img{width:100%!important;height:auto;object-fit:contain}
body:not(.checkout-index-index) .page-header .header.content .block-search .label{left:56px;right:auto}
}

/* Mobile search on the right; preserve viewport-centered logo and 44px slots. */
@media (max-width:767px){
body:not(.checkout-index-index) .page-header .header.content .block-search .label{left:auto;right:56px}
}