/* R3: HOME presentation only. The original navigation map and listing styles stay intact. */
.mg-home{--card:#f7f7f5;--card-line:#e4e5e0;--soft-ink:#63705f}
.navigation-version .mg-home .b-intro{padding:14px 0 16px}
.mg-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:16px}
.mg-card{background:var(--card);border:1px solid var(--card-line);border-radius:5px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s ease,background .15s ease}
.mg-card:focus-within{border-color:#4f7127}
.mg-card-main{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;color:var(--ink);padding:16px 24px 12px;flex:1;min-width:0;background:transparent;border:0;border-radius:4px;cursor:pointer}
.mg-title{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0}
.mg-title strong{font-size:1.1875rem;line-height:1.35;font-weight:650;overflow-wrap:break-word}
.mg-action{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid #dce0d6;border-radius:50%;color:#3b4c32;transition:background .15s}
.mg-action svg{width:17px;height:17px}
.mg-kind{font-size:.8125rem;line-height:1.5;margin-top:4px;color:#606a59}
.mg-art{display:flex;align-items:center;justify-content:center;height:150px;min-width:0;width:100%;margin:10px 0 0;pointer-events:none}
.mg-art img,.mg-art>svg{width:calc(100% * var(--optical-fill));height:100%;object-fit:contain;mix-blend-mode:multiply}
.mg-card-main:focus-visible{outline:3px solid #52772a;outline-offset:3px}
.mg-primary{grid-column:span 6}
.mg-featured{grid-column:span 8;grid-row:span 2;background:#f4f5ef;container-type:inline-size}
.mg-featured .mg-card-main{padding:28px 30px 16px}
.mg-featured .mg-title strong{font-family:'Barlow Condensed',sans-serif;font-size:3rem;text-transform:uppercase;line-height:1.05;font-weight:600}
.mg-featured .mg-action{margin-top:6px}
.mg-featured .mg-art{height:285px;min-height:0;margin:18px 0 0;flex:1}
.mg-shortcuts{display:flex;gap:16px;border-top:1px solid #daddd4;margin:0 24px 8px;flex-wrap:wrap}
.mg-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;flex:1;font-size:.875rem;font-weight:600;padding:8px 0;white-space:nowrap}
.mg-shortcuts svg{width:15px;height:15px;flex:none}
.mg-featured .mg-shortcuts{margin:0 30px 15px;gap:0 14px}
.mg-support{grid-column:span 4;container-type:inline-size}
.mg-support .mg-card-main{padding:18px 18px 12px}
.mg-support .mg-title strong{font-size:1rem;line-height:1.4}
.mg-support .mg-art{height:142px;margin-top:14px}
.mg-support .mg-action{border:0;flex-basis:20px;height:24px}
.mg-support .mg-shortcuts{margin:0 18px 8px;gap:12px}
.mg-more{display:flex;align-items:baseline;gap:20px;margin-top:18px;padding:12px 0 18px;border-bottom:1px solid var(--line)}
.mg-more h2{font-size:.875rem;white-space:nowrap;font-weight:600}
.mg-more>div{display:flex;flex-wrap:wrap;gap:4px 22px}
.mg-more a,.mg-more button{display:flex;align-items:center;gap:12px;font-size:.875rem;min-height:44px;font-weight:500}
.mg-more button{padding:0;background:transparent;text-align:left;color:inherit}
.mg-more svg{width:15px;height:15px}
.mg-home .nv-home-alternative{margin-top:30px}
.mg-home .nv-department-index{border-color:#dfe2da}
.mg-home .nv-department-index a{background:#fff}
.mg-home .nv-department-index a>span{color:#789852}
.mg-brands{margin:34px 0 40px;padding:25px 0 0;border-top:1px solid var(--line)}
.mg-brands .eyebrow{font-size:.75rem;letter-spacing:1px;margin-bottom:6px}
.mg-brands h2{font-family:'Barlow Condensed',sans-serif;font-size:1.875rem;font-weight:500}
.mg-brands .b-brand-line{border:0;padding:24px 0 8px;margin:0;justify-content:space-between;gap:30px}
.mg-brands .b-brand-line b{font-size:1.75rem;color:#34412f}
@media(hover:hover){.mg-card:hover{background:#f2f3ef;border-color:#cdd4c4}.mg-card-main:hover .mg-action{background:#e5ebdb}.mg-shortcuts a:hover,.mg-more a:hover,.mg-more button:hover{color:#52772a;text-decoration:underline;text-underline-offset:4px}}
@media(min-width:1700px){.mg-art{height:190px}.mg-featured .mg-art{height:350px}.mg-support .mg-art{height:165px}}
@media(max-width:1100px) and (min-width:761px){
 .mg-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
 .mg-featured{grid-column:span 4}.mg-primary{grid-column:span 4}
 .mg-card-main{padding:18px 16px 12px}.mg-title strong{font-size:1rem}
 .mg-featured .mg-card-main{padding:22px 20px 12px}.mg-featured .mg-title strong{font-size:2.5rem}
 .mg-art{height:155px}.mg-featured .mg-art{height:280px}
 .mg-shortcuts{margin-inline:16px;gap:0 12px;flex-direction:column}.mg-featured .mg-shortcuts{margin-inline:20px;gap:0}
 .mg-support{grid-column:span 4}.mg-support .mg-art{height:145px}
 .mg-more{display:block}.mg-more h2{margin-bottom:4px}
 .mg-brands .b-brand-line{flex-wrap:wrap;gap:20px 35px}
}
@media(max-width:760px){
 .navigation-version .mg-home .b-intro{padding:18px 0}
 .mg-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:12px}
 .mg-card{grid-column:auto;grid-row:auto}
 .mg-card-main{padding:15px 14px 12px;min-height:0}
 .mg-title{gap:8px;position:relative}.mg-title strong{font-size:1rem;line-height:1.4}
 .mg-action{border:0;flex-basis:17px;height:23px}.mg-action svg{width:16px}
 .mg-kind{font-size:.75rem;line-height:1.5}
 .mg-art{height:126px;margin-top:14px}
 .mg-shortcuts{margin:0 14px 8px;gap:0;display:block}
 .mg-shortcuts a{font-size:.875rem;white-space:normal;line-height:1.4;gap:8px}
 .mg-featured{grid-column:1/-1}
 .mg-featured .mg-card-main{display:grid;grid-template-columns:minmax(0,1fr) 46%;grid-template-rows:auto auto;column-gap:12px;padding:19px 19px 10px;min-height:150px}
 .mg-featured .mg-title{grid-column:1;grid-row:1;align-self:end;display:block}
 .mg-featured .mg-title strong{font-size:2.25rem;line-height:1.05}
 .mg-featured .mg-action{display:none}
 .mg-featured .mg-kind{grid-column:1;grid-row:2;align-self:start;margin-top:5px}
 .mg-featured .mg-art{grid-column:2;grid-row:1/3;height:132px;margin:0}
 .mg-featured .mg-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));margin:0 19px 10px;gap:0 18px}
 .mg-featured .mg-shortcuts a:last-child{grid-column:1/-1}
 .mg-support{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr)}
 .mg-support .mg-card-main{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:18px;align-items:center;padding:12px 17px}
 .mg-support .mg-art{grid-column:1;grid-row:1/3;height:88px;margin:0}
 .mg-support .mg-title{grid-column:2;grid-row:1;align-self:center}
 .mg-support .mg-kind{grid-column:2;grid-row:2;align-self:start;margin:0}
 .mg-support:has(.mg-kind) .mg-title{align-self:end;margin-bottom:3px}
 .mg-support .mg-title strong{font-size:1rem}
 .mg-support .mg-shortcuts{display:flex;margin:0 17px 6px;gap:18px}
 .mg-more{display:block;margin-top:18px;padding:8px 0 16px}
 .mg-more h2{font-size:1rem;margin-bottom:7px}
 .mg-more>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:2px 20px}
 .mg-more a,.mg-more button{justify-content:space-between;font-size:.875rem;line-height:1.4;width:100%}
 .mg-home .nv-home-alternative{margin-top:24px}
 .mg-brands{margin:24px 0 30px;padding-top:20px}
 .mg-brands h2{font-size:1.75rem;line-height:1.15}
 .mg-brands .b-brand-line{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px 28px;padding:20px 0 0}
 .mg-brands .b-brand-line b{font-size:1.5rem}
}
@media(max-width:360px){.mg-title strong{font-size:.9375rem}.mg-card-main{padding:13px 12px 10px}.mg-title{display:block;padding-right:0}.mg-primary .mg-action{position:absolute;right:0;bottom:-145px}.mg-primary .mg-art{margin-bottom:20px}.mg-featured .mg-card-main{padding-inline:16px}.mg-featured .mg-shortcuts{margin-inline:16px}.mg-support .mg-card-main{grid-template-columns:82px minmax(0,1fr);gap:12px}.mg-support .mg-title{display:flex}.mg-support .mg-action{position:static}}
@media(prefers-reduced-motion:reduce){.mg-card,.mg-action{transition:none}}
@media(max-width:360px){.mg-kosy .mg-shortcuts a{display:block}.mg-kosy .mg-shortcuts svg{display:none}}
@container(max-width:16rem){
 .mg-featured .mg-card-main{display:flex;padding:18px;gap:0}
 .mg-featured .mg-title{align-self:stretch}
 .mg-featured .mg-kind{align-self:start}
 .mg-featured .mg-art{width:100%;height:160px;flex:auto;margin-top:14px}
 .mg-support .mg-card-main{display:flex;gap:0}
 .mg-support .mg-title{align-self:stretch}
 .mg-support .mg-kind{align-self:start}
 .mg-support .mg-art{height:142px;order:1;width:100%;margin-top:12px}
}