/* Codex UI v1 — scoped presentation. Existing catalog, auth and payment contracts stay intact. */
#page-home{--edit-ink:#20211f;--edit-muted:#686961;--edit-paper:#f4f3ef;color:var(--edit-ink);padding-bottom:0}
#page-home .home-sec{max-width:1360px;padding-left:48px;padding-right:48px}
#page-home>.home-sec+.home-sec{margin-top:76px}
#page-home .hero2-sec{padding-top:24px}
#page-home .hero2{height:580px;grid-template-columns:1fr 1fr;gap:0;background:var(--edit-paper)}
#page-home .hero2-copy{padding:54px;gap:22px}
#page-home .edit-eyebrow{font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0;color:var(--edit-muted)}
#page-home .hero2-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.4vw,64px);font-weight:400;letter-spacing:-.04em;line-height:1.08;max-width:8ch}
#page-home .hero2-sub{font-size:15px;line-height:1.7;max-width:28ch;color:#55584f}
#page-home .hero2-copy .btn{margin-top:6px;font-size:13px;min-height:46px;border-radius:0;padding:12px 24px}
#page-home .hero2-media{background:#cda6a1}
#page-home .hero2-media img{object-fit:cover;object-position:center 32%;height:100%}
#page-home .dept-tiles{gap:24px}
#page-home .dept-tile img{aspect-ratio:4/5;object-fit:cover;object-position:center 28%}
#page-home .dept-tile-label{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:18px;min-height:44px;padding:4px 0;font-weight:400}
#page-home .dept-tile-label span{font-size:19px;font-weight:400}
#page-home .sec-head{margin-bottom:28px;align-items:end}
#page-home .sec-head h2{font-size:26px;font-weight:400;letter-spacing:-.025em;margin-top:8px}
#page-home .link-all{font-size:13px;white-space:nowrap;color:#4c4e46;min-height:40px;display:flex;align-items:center;text-underline-offset:5px}
#page-home #newGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#page-home .edit-product{border:0;background:none;box-shadow:none;min-width:0}
#page-home .edit-product .card-media{aspect-ratio:4/5;overflow:hidden;background:#fff;border:0}
#page-home .edit-product .card-media img{width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:normal;transition:transform .25s ease}
#page-home .edit-product .card-media:hover img{transform:scale(1.025)}
#page-home .edit-product .card-body{padding:16px 0 0;display:flex;flex-direction:column;gap:5px}
#page-home .edit-product .card-brand{font-size:12px;font-weight:600;letter-spacing:.03em;line-height:1.5}
#page-home .edit-product .card-title{font-size:13px;line-height:1.5;color:#62645c;text-decoration:none;min-height:0}
#page-home .edit-product .card-price{font-size:13px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:5px;line-height:1.5}
#page-home .edit-product .price-main{font-weight:400;font-size:13px}
#page-home .price-local{font-size:11px;color:#72746b}
#page-home .cat-tiles{grid-template-columns:1fr 1fr;gap:32px}
#page-home .cat-tile{gap:12px}
#page-home .story-media{width:100%;aspect-ratio:5/4;overflow:hidden;background:var(--edit-paper)}
#page-home .cat-tile img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 65%;transition:transform .3s ease}
#page-home .cat-tile:hover img{transform:scale(1.02)}
#page-home .cat-tile>.edit-eyebrow{margin-top:8px}
#page-home .cat-tile h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.2;font-weight:400;letter-spacing:-.02em;margin:0}
#page-home .story-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:38px;padding-top:4px}
#page-home .home-designers{border-top:1px solid #e7e6e1;padding-top:38px}
#page-home .brand-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
#page-home .brand-pill{font-size:16px;min-height:50px}
#page-home .cs{padding-top:40px;padding-bottom:48px;border-top:1px solid #e7e6e1}
#page-home .cs-grid{grid-template-columns:1fr 1.35fr;gap:80px}
#page-home .cs h3{font-size:14px;font-weight:500;margin-bottom:12px}
#page-home .cs p{font-size:13px;line-height:1.8;max-width:39ch}
#page-home .cs .btn{font-size:12px;min-height:42px;padding:10px 20px}
#page-home .info-item summary{font-size:13px;padding:16px 0}
/* Checkout: stable field IDs, same actions, clearer hierarchy and order summary. */
#page-checkout>.narrow{max-width:1160px;padding:40px 40px 72px;margin:auto}
#page-checkout h2{font-size:28px;font-weight:400;letter-spacing:-.02em;margin:0 0 28px}
#page-checkout .co-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0 0 32px;border-bottom:1px solid #dddcd6}
#page-checkout .co-step{border:0;border-radius:0;padding:14px 4px;min-height:56px;font-size:13px;gap:9px;justify-content:flex-start;color:#73756f;background:none;white-space:normal}
#page-checkout .co-step.on{border-bottom:2px solid #222;color:#171916}
#page-checkout .co-step-num{width:22px;height:22px;min-width:22px;font-size:11px;background:#e9e9e4;color:#50534b}
#page-checkout .co-step.on .co-step-num,#page-checkout .co-step.done .co-step-num{background:#222;color:white}
#page-checkout .co-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:64px;align-items:start}
#page-checkout .co-main{min-width:0}
#page-checkout .co-form{display:grid;grid-template-columns:1fr;gap:0;margin:0}
#page-checkout .co-group{margin:0 0 28px;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;min-width:0}
#page-checkout .co-group h4{grid-column:1/-1;font-size:18px;font-weight:400;margin:0 0 2px;letter-spacing:-.01em}
#page-checkout .co-group>div{min-width:0}
#page-checkout .co-group .full{grid-column:1/-1}
#page-checkout .co-form label{font-size:12px;line-height:1.5;color:#50534c;margin:0 0 7px}
#page-checkout .co-form input,#page-checkout .co-form select,#page-checkout .co-form textarea{font:16px/1.4 Arial,sans-serif;width:100%;min-width:0;min-height:48px;background:#fff;border:1px solid #cecec7;border-radius:0;color:#20231c;padding:12px;box-sizing:border-box;box-shadow:none}
#page-checkout .co-form input:focus,#page-checkout .co-form select:focus{outline:1px solid #30362a;outline-offset:0;border-color:#30362a}
#page-checkout input::placeholder{color:#91938b;font-size:14px}
#page-checkout .co-phone select{flex:0 0 150px;max-width:150px!important;font-size:13px}
#page-checkout .co-estatus{font-size:12px;line-height:1.5;display:block;margin-top:8px;color:#466046}
#page-checkout .co-form .btn{font-size:13px;border-radius:0;min-height:46px}
#page-checkout .co-actions{display:flex;align-items:center;gap:20px;margin-top:20px}
#page-checkout .co-actions>.btn-primary{flex:1;min-height:48px;font-size:13px}
#page-checkout .co-actions>.btn-ghost{border:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0}
#page-checkout .co-summary{background:#f5f5f1;padding:24px;position:sticky;top:96px;min-width:0}
#page-checkout .co-summary>summary{font-size:16px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:28px}
#page-checkout .co-summary>summary::after{content:'−';font-size:18px}
#page-checkout .co-summary:not([open])>summary::after{content:'+'}
#page-checkout .co-summary>summary::-webkit-details-marker{display:none}
#page-checkout .co-summary-items{margin-top:16px}
#page-checkout .co-product{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;border-bottom:1px solid #dedfd7;padding:16px 0}
#page-checkout .co-product img{width:60px;height:80px;object-fit:contain;background:white}
#page-checkout .co-product-copy{min-width:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#page-checkout .co-product-copy small{display:block;color:#74786d;font-size:11px;line-height:1.6}
#page-checkout .co-product-price{display:block;margin-top:6px;font-size:13px}
#page-checkout .co-summary .co-line{border:0;padding-top:20px;font-size:15px!important;font-weight:500!important}
#page-checkout .co-summary-note{font-size:11px;color:#72766c;line-height:1.7;margin:14px 0 0}
#page-checkout .co-method{padding:20px 16px;border:1px solid #b8bcb1;display:flex;gap:12px;align-items:center;font-size:14px}
#page-checkout .co-method strong{font-weight:500}
#page-checkout .co-method input{accent-color:#252c20}
#page-checkout .co-review-address{margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid #e5e6df;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#page-checkout .co-review-address h4{font-size:18px;font-weight:400;margin:0 0 12px}
#page-checkout .co-main>.co-line{font-size:14px;line-height:1.6;padding:16px 0}
#page-checkout .co-main p{font-size:13px;line-height:1.7}
#page-checkout .co-error{padding:16px;border-left:2px solid #767367;background:#f7f6f2}
@media(max-width:1023px){#page-home .home-sec{padding-left:28px;padding-right:28px}#page-home .hero2{height:480px}#page-home .hero2-copy{padding:32px}#page-checkout .co-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}
@media(max-width:767px){
 #page-home .home-sec{padding-left:20px;padding-right:20px}#page-home>.home-sec+.home-sec{margin-top:44px}
 #page-home .hero2-sec{padding:0}#page-home .hero2{height:auto;grid-template-columns:1fr;gap:0}
 #page-home .hero2-media{aspect-ratio:1/1;order:-1}#page-home .hero2-media img{object-position:center 32%}
 #page-home .hero2-copy{padding:28px 24px 32px;gap:14px;align-items:center;text-align:center}
 #page-home .hero2-title{font-size:40px;max-width:none;line-height:1.12}#page-home .hero2-sub{font-size:14px;line-height:1.6;max-width:30ch}
 #page-home .hero2-copy .btn-primary{align-self:center;font-size:12px;min-height:44px;padding:11px 24px;margin-top:2px}
 #page-home .dept-tiles{gap:10px}#page-home .dept-tile-label{font-size:13px;min-height:42px;gap:3px}#page-home .dept-tile-label span{font-size:14px}
 #page-home .sec-head{margin-bottom:20px;gap:10px}#page-home .sec-head h2{font-size:22px}#page-home .edit-eyebrow{font-size:10px;letter-spacing:.13em}#page-home .link-all{font-size:11px}
 #page-home #newGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 #page-home .edit-product .card-media img{padding:12px}#page-home .edit-product .card-body{padding-top:12px;gap:4px}#page-home .edit-product .card-brand{font-size:11px}#page-home .edit-product .card-title,#page-home .edit-product .price-main{font-size:12px}#page-home .price-local{font-size:10px}
 #page-home .cat-tiles{gap:16px}#page-home .story-media{aspect-ratio:3/4}#page-home .cat-tile{gap:10px}#page-home .cat-tile img{object-position:50% 65%}#page-home .cat-tile h2{font-size:23px;line-height:1.15}#page-home .story-link{font-size:12px;min-height:38px}
 #page-home .home-designers{padding-top:24px}#page-home .brand-row{grid-template-columns:1fr 1fr;gap:0 16px}#page-home .brand-pill{font-size:13px;min-height:44px}
 #page-home .cs{padding-top:26px;padding-bottom:32px}#page-home .cs-grid{grid-template-columns:1fr;gap:28px}#page-home .cs h3{font-size:14px}
 #page-checkout>.narrow{padding:28px 20px 70px}#page-checkout h2{font-size:25px;margin-bottom:18px}
 #page-checkout .co-steps{margin-bottom:24px}#page-checkout .co-step{font-size:11px;gap:6px;padding:12px 0}#page-checkout .co-step-num{width:20px;height:20px;min-width:20px;font-size:10px}
 #page-checkout .co-layout{display:flex;flex-direction:column;gap:28px}#page-checkout .co-main{width:100%}
 #page-checkout .co-summary{position:static;order:-1;width:100%;padding:16px 18px}#page-checkout .co-summary>summary{font-size:14px}
 #page-checkout .co-group{gap:16px 14px;margin-bottom:28px}#page-checkout .co-group h4{font-size:18px;margin-bottom:2px}
 #page-checkout .co-phone select{flex-basis:132px;max-width:132px!important;font-size:12px}
 #page-checkout .co-actions{gap:16px}#page-checkout .co-actions>.btn-primary{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#page-home img{transition:none!important}}
#page-checkout .co-inline-help{display:block;background:none;border:0;border-bottom:1px solid #8e9185;padding:6px 0;margin-top:28px;font-size:12px;color:#64685b;cursor:pointer;min-height:36px}
body:has(#page-checkout:not([hidden])) .mj-help-toggle{display:none}
body:has(#page-checkout:not([hidden])) #toTop{display:none!important}
.app-teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e6e7df;margin-top:32px;padding:28px 0;max-width:420px}
.app-teaser h3{font-size:13px;font-weight:500;letter-spacing:.1em;margin:0 0 8px}.app-teaser p{font-size:12px;color:#6a6e60;margin:0 0 16px}
.app-stores{display:flex;gap:12px;font-size:11px;color:#6a6e60}.app-stores span{border:1px solid #dcddd5;padding:8px 12px}
.app-qr-cover{width:78px;height:78px;min-width:78px;display:grid;place-items:center;background:#f2f2ed;border:1px solid #dedfd6;color:#777c6d;font-size:9px;letter-spacing:.15em;line-height:1.8;text-align:center}
/* Use a system serif with complete Vietnamese glyph coverage. */
#page-home .hero2-title,#page-home .cat-tile h2{font-family:'Times New Roman',Times,serif;letter-spacing:-.025em}
#page-checkout .co-summary-amount{font-size:12px;margin-left:auto;white-space:nowrap}
#page-checkout .co-summary[open] .co-summary-amount{display:none}
@media(min-width:768px){#page-checkout .co-summary>summary{cursor:default}}
body:has(#page-checkout:not([hidden])) .footer-links,body:has(#page-checkout:not([hidden])) .app-teaser{display:none}
body:has(#page-checkout:not([hidden])) .footer-inner{max-width:1160px;gap:16px;padding:24px 40px}
body:has(#page-checkout:not([hidden])) .footer-company{padding-top:0}
body:has(#page-checkout:not([hidden])) .footer-company .co-visible{font-size:11px;font-weight:400}
body:has(#page-checkout:not([hidden])) .footer-legal{font-size:10px}
@media(max-width:767px){body:has(#page-checkout:not([hidden])) .footer-inner{padding:24px 20px}}
/* UI3: one visual language, independent of disparate campaign photography. */
#page-home .hero2{height:auto;display:block;background:#f4f3ef}
#page-home .hero2-copy{padding:62px 32px;align-items:center;text-align:center;gap:20px}
#page-home .hero2-title{font-size:60px;max-width:20ch;line-height:1.07;font-weight:400}
#page-home .hero2-sub{max-width:44ch;font-size:15px}
#page-home .hero2-copy .btn-primary{align-self:center}
#page-home>.home-departments{margin-top:24px}
#page-home .dept-tiles{gap:16px}
#page-home .dept-tile{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:18px;border:1px solid #dfdfd7;padding:24px;background:#fafaf8;transition:background .2s,border-color .2s}
#page-home .dept-tile:hover{background:#eeeee7;border-color:#8b8f81}
#page-home .dept-index{grid-column:1/-1;font-size:11px;letter-spacing:.12em;color:#7d8174}
#page-home .dept-tile-label{font:32px/1.1 'Times New Roman',serif;min-height:0;padding:0;align-items:end}
#page-home .dept-arrow{font:22px/1.3 Arial,sans-serif;align-self:end}
#page-home .home-stories .cat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#page-home .home-stories .cat-tile{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd0c2;padding:18px 0;min-height:56px;font-size:15px}
#page-home .cat-tile:hover{border-color:#20251a}
@media(max-width:767px){
 #page-home .hero2-sec{padding:16px 20px 0}#page-home .hero2-copy{padding:36px 20px;gap:16px}
 #page-home .hero2-title{font-size:39px;max-width:14ch}#page-home .hero2-sub{font-size:14px;max-width:28ch}
 #page-home>.home-departments{margin-top:16px}#page-home .dept-tiles{gap:8px}
 #page-home .dept-tile{padding:16px 12px;gap:20px}#page-home .dept-index{font-size:9px}
 #page-home .dept-tile-label{font-size:23px;line-height:1.2}#page-home .dept-arrow{font-size:14px}
 #page-home .home-stories .cat-tiles{grid-template-columns:1fr 1fr;gap:8px 20px}#page-home .home-stories .cat-tile{font-size:14px}
}
/* UI3: shared catalog, product, service and recovery presentation. */
:root{--ink:#25271f;--ink-soft:#606458;--muted:#606458;--line:#dedfd7}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid #59624b;outline-offset:3px}
#page-shop .shop,#page-outlet .shop,.pdp,.connect-page{max-width:1360px;padding-left:40px;padding-right:40px;margin-left:auto;margin-right:auto}
#page-shop .shop,#page-outlet .shop{padding-top:36px}
#shopGrid,#outletGrid{column-gap:24px;row-gap:32px}
#shopGrid .card-media,#outletGrid .card-media{background:#fff;aspect-ratio:4/5}
#shopGrid .card-media img,#outletGrid .card-media img{object-fit:contain;padding:16px;mix-blend-mode:normal}
#shopGrid .card-body,#outletGrid .card-body{padding-top:14px;gap:6px}
#shopGrid .card-title,#outletGrid .card-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#shopGrid .card-brand,#outletGrid .card-brand{font-size:12px;font-weight:500;letter-spacing:.03em}
#shopGrid .card-price,#outletGrid .card-price{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;line-height:1.6}
#shopGrid .price-main,#outletGrid .price-main{white-space:normal;font-weight:400}
.pdp{padding-top:32px;gap:32px}
.pdp-main-img{background:#fff}.pdp-main-img img{mix-blend-mode:normal;padding:24px}
.pdp-name{font-size:28px;line-height:1.3;font-weight:400;overflow-wrap:anywhere}.pdp-brand{font-weight:500;letter-spacing:.08em}.pdp-price{font-size:19px;font-weight:400}
.pdp-sizes{margin-top:12px}.size-chip{min-height:44px;min-width:44px}.pdp-info{gap:18px}.pdp-crumb{font-size:12px}
.pdp-src{line-height:1.8;overflow-wrap:anywhere}.pdp-section{border-top:1px solid var(--line);padding-top:22px}.pdp-section h3{font-size:17px;font-weight:500}.pdp-section p,.pdp-section li{line-height:1.8;font-size:14px}
#askQuyt{border:0;text-decoration:underline;text-underline-offset:5px;font-size:13px}
body:has(#page-product:not([hidden])) .mj-help-toggle{display:none}
.pdp-recs{max-width:1360px;margin:48px auto;padding:0 40px}.pdp-recs h3{font-size:23px;font-weight:400;margin-bottom:22px}
.pdp-recs .rec-sec+.rec-sec{margin-top:40px}.pdp-recs .rec-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;overflow:visible}
.pdp-recs .rec-card{min-width:0;width:auto;display:flex;flex-direction:column;gap:6px}.pdp-recs .rec-img{aspect-ratio:4/5;background:#fff;width:100%;height:auto}.pdp-recs .rec-img img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:normal}
.pdp-recs .rec-brand{font-size:12px;font-weight:500}.pdp-recs .rec-name,.pdp-recs .rec-price{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#page-cart>.narrow{max-width:1160px;padding:36px 40px 64px}#page-cart h2{font-size:28px;font-weight:400;margin-bottom:24px}
#cartBody:has(.cart-items){display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:40px;align-items:start}
.cart-line{border:0;border-bottom:1px solid var(--line);padding:20px 0;grid-template-columns:88px minmax(0,1fr);gap:12px 20px}
.cart-line img{width:88px;height:110px;grid-row:1/4;background:#fff}.cl-price{grid-column:2;white-space:normal;display:flex;flex-wrap:wrap;gap:6px;font-size:14px}.cart-line>div:last-child{grid-column:2;align-items:flex-start!important;flex-direction:row!important;justify-content:space-between;align-items:center!important}
.cl-info{gap:6px}.cl-title{overflow-wrap:anywhere}.qty button{width:44px;height:44px}.remove-link{min-height:44px}
.cart-totals{background:#f6f6f2;padding:24px;margin:0;border:0;gap:20px;position:sticky;top:90px}.cart-totals .row{width:100%;justify-content:space-between;gap:16px;flex-wrap:wrap}.cart-totals .btn{width:100%;min-height:48px;font-size:13px}
.about{max-width:960px;padding:48px 40px}.about h2{font:42px/1.15 'Times New Roman',serif;font-weight:400;max-width:22ch}.about-lede{max-width:60ch;line-height:1.8}.about-steps{gap:24px}.about-step{border:0;border-top:1px solid var(--line);padding:24px 0;background:none}.about-step .step-num{background:none;border:0;padding:0;color:#74796a}.about-step h3{font-size:19px;font-weight:400}.about-step p{font-size:14px;line-height:1.8}
.connect-page{padding-top:40px;padding-bottom:48px}.connect-head h1{font:36px/1.2 'Times New Roman',serif;font-weight:400}.connect-grid{gap:32px}.connect-group{gap:0}.connect-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;box-shadow:none;background:none;min-height:92px}.con-group-name{font-size:12px;font-weight:400;color:var(--muted)}.con-name{font-weight:500;font-size:14px}.con-handle{font-size:12px}
body #mj-account-modal .mj-ac-card{max-width:440px;padding:28px}body #mj-account-modal .mj-ac-h b{font-size:23px;font-weight:400}body #mj-account-modal input{min-height:48px;font-size:16px}body #mj-account-modal .mj-ac-terms input{min-height:0}body #mj-account-modal .mj-ac-btn,body #mj-account-modal .mj-ac-rowbtn{min-height:48px;font-size:14px;font-weight:400}body #mj-account-modal .mj-ac-note,body #mj-account-modal .mj-ac-sub,body #mj-account-modal .mj-ac-empty{color:#606458}body #mj-account-modal .mj-ac-link{color:#414837;min-height:36px;line-height:36px}
body.recovery-page{--ink:#25271f;--mut:#606458;--line:#dedfd7;--accent:#414837;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.recovery-page .brand,.recovery-page .mjgo-wordmark{font-size:14px;letter-spacing:.07em;text-transform:uppercase}.recovery-page .wrap,.recovery-page .mjgo-wrap{max-width:560px;padding:40px 24px 64px}.recovery-page .card{border:1px solid var(--line);border-radius:0;box-shadow:none;padding:28px}.recovery-page h1,.recovery-page .mjgo-h{font-size:26px;line-height:1.3;font-weight:400}.recovery-page input{font-size:16px;min-height:48px;border-radius:0}.recovery-page button,.recovery-page .btn{min-height:44px;border-radius:0}.recovery-page .row{flex-wrap:wrap;gap:8px}.recovery-page .row>span{overflow-wrap:anywhere;min-width:0}
@media(max-width:767px){
 #page-shop .shop,#page-outlet .shop,.pdp,.connect-page{padding-left:20px;padding-right:20px}#page-shop .shop,#page-outlet .shop{padding-top:24px}
 #shopGrid,#outletGrid{gap:28px 14px}#shopGrid .card-media img,#outletGrid .card-media img{padding:10px}#shopGrid .card-title,#outletGrid .card-title{font-size:12px}#shopGrid .card-brand,#outletGrid .card-brand{font-size:11px}#shopGrid .card-price,#outletGrid .card-price{font-size:12px}
 .pdp{padding-top:20px;gap:24px}.pdp-name{font-size:25px}.pdp-price{font-size:17px}.pdp-main-img img{padding:18px}.pdp-thumbs{gap:6px}.pdp-thumb{flex:0 0 52px;width:52px;height:65px}
 .pdp-recs{padding:0 20px;margin:32px auto 100px}.pdp-recs .rec-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.pdp-recs h3{font-size:22px}.pdp-recs .rec-img img{padding:12px}.pdp-recs .rec-name,.pdp-recs .rec-price{font-size:12px}
 #page-cart>.narrow{padding:28px 20px 56px}#cartBody:has(.cart-items){grid-template-columns:1fr;gap:28px}.cart-totals{position:static;padding:20px}.cart-line{grid-template-columns:76px minmax(0,1fr);gap:10px 14px}.cart-line img{width:76px;height:96px}
 .about{padding:32px 20px}.about h2{font-size:32px}.about-steps{gap:8px}.connect-head h1{font-size:30px}.connect-card{min-height:84px;padding:16px 0}
 body #mj-account-modal .mj-ac-card{padding:20px}.recovery-page .wrap,.recovery-page .mjgo-wrap{padding:28px 20px 48px}.recovery-page .card{padding:22px}
}
.pdp-recs .rec-rail{grid-auto-flow:row;grid-auto-columns:auto}
@media(max-width:1023px){#shopSidebar:not(.open),#outletSidebar:not(.open){visibility:hidden;pointer-events:none}#shopSidebar.open,#outletSidebar.open{visibility:visible;pointer-events:auto}}
@media(max-width:767px){#page-home .dept-tile{grid-template-columns:minmax(0,1fr) auto;gap:18px 2px}#page-home .dept-tile-label{font-size:21px;white-space:nowrap}#page-home .dept-arrow{font-size:12px}}
@media(max-width:359px){#page-home .dept-tile-label{font-size:18px}#page-home .dept-tile{padding:14px 9px}}
@media(max-width:1023px){body:has(#shopSidebar.open) .mj-help-toggle,body:has(#outletSidebar.open) .mj-help-toggle{display:none}.outlet-sb-close{margin-left:auto}}
@media(max-width:767px){.pdp-actions #addToCart,.pdp-actions #buyNowD{display:none}}

/* PDP rework: one purchase pair per viewport; aligned information and footer. */
@media(min-width:768px){#page-product #pdpCtaBar{display:none!important}}
#page-product .pdp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#page-product .pdp-actions .btn{min-height:48px;font-size:14px;padding:12px}
#page-product .pdp-actions #askQuyt{grid-column:1/-1;justify-self:start;padding:4px 0;min-height:36px;text-align:left}
#page-product .pdp-viewmore{align-self:flex-start;font-size:12px;color:#666;margin-top:-12px}
#page-product .pdp-brand,.archive-brand{color:#222;text-decoration:underline;text-underline-offset:5px;align-self:flex-start;line-height:1.8}
#page-product .pdp-info{gap:16px}
#page-product .pdp-sections{margin:10px 0 0;border-top:0;gap:0;grid-column:auto}
#page-product .pdp-section{padding:0;border-top:1px solid #deded8;margin:0}
#page-product .pdp-section>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:14px;font-weight:500;padding:18px 0;min-height:52px}
#page-product .pdp-section>summary::-webkit-details-marker{display:none}
#page-product .pdp-section>summary::after{content:'+';font-size:20px;font-weight:400;margin-left:14px}
#page-product .pdp-section[open]>summary::after{content:'−'}
#page-product .pdp-detail-body{padding:0 0 20px;font-size:13px;line-height:1.7;color:#575750}
#page-product .pdp-detail-body ul{padding:0;margin:14px 0 0;list-style:none}
#page-product .pdp-detail-body li{font-size:13px;margin:6px 0}
#page-product .pdp-detail-body .pdp-src{margin:0;border:0;padding:0;font-size:12px;gap:6px}
#page-product .pdp-detail-body p{font-size:13px;margin:0}
#page-product .pdp-recs{border-top:1px solid #e6e6df;padding-top:36px;gap:40px}
#page-product .pdp-recs .rec-sec+.rec-sec{margin-top:0}
#page-product .pdp-recs .rec-img{display:block;overflow:hidden}
#page-product .pdp-recs .rec-img img{display:block;object-fit:contain}
#page-product .pdp-recs .rec-card:hover .rec-name{text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-inner{max-width:1360px;margin:0 auto;padding:44px 40px 28px;align-items:stretch}
.site-footer .footer-links{width:100%}
.site-footer .app-teaser{width:100%;max-width:none;justify-content:center;padding:24px 0;margin-top:0}
.site-footer .footer-company{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;padding-top:0;border-top:1px solid #e6e6df;padding-top:24px}
.site-footer .footer-company .co-visible{font-size:12px;font-weight:500;margin:0}
.site-footer .co-disclosure{grid-column:1/-1;margin-top:4px}
.site-footer .footer-legal{width:100%;text-align:center;font-size:11px;line-height:1.9;margin:0}
@media(min-width:1024px){#page-product .pdp{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:64px}#page-product .pdp-main-img{aspect-ratio:auto;height:clamp(480px,70vh,720px)}#page-product .pdp-main-img img{height:100%;width:100%;padding:22px}}
@media(max-width:767px){#page-product .pdp-actions{display:flex;margin-top:0}#page-product .pdp-actions #addToCart,#page-product .pdp-actions #buyNowD{display:none}#page-product .pdp-viewmore{margin-top:0}#page-product .pdp-recs{padding-top:28px}.site-footer .footer-inner{padding:32px 20px 24px}.site-footer .footer-company{grid-template-columns:1fr;gap:8px}.site-footer .footer-legal{text-align:left}.site-footer .app-teaser{justify-content:space-between;gap:20px}}

#page-product .pdp-main-img img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;box-sizing:border-box}
