/* mua365 homepage sections (front-page.php). Ported from homepage v4 prototype; classes prefixed m3- to avoid WoodMart collisions. */
/* hero */
.m3-hero{position:relative;overflow:clip;background:var(--navy);color:var(--on-navy);isolation:isolate}
.m3-hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:900px;height:900px;background:radial-gradient(closest-side,rgba(94,162,255,.32),transparent 70%);z-index:-1}
.m3-hero::after{content:"";position:absolute;inset:auto auto -40% -15%;width:800px;height:800px;background:radial-gradient(closest-side,rgba(33,96,224,.28),transparent 70%);z-index:-1}
.m3-hero .m3-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 70%)}
.m3-hero-in{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding-block:64px 72px}
.m3-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font:500 .85rem var(--f-head);color:#dce7f6}
.m3-pill i{font-style:normal;background:#16a34a;color:#fff;border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:700}
.m3-hero h1{font-size:clamp(2.25rem,1.3rem + 3.3vw,3.75rem);font-weight:800;margin-top:20px;line-height:1.08;letter-spacing:-.035em}
.m3-hero h1 .m3-hl{background:linear-gradient(100deg,#8ec0ff,#5ea2ff 40%,#c7defc);-webkit-background-clip:text;background-clip:text;color:transparent}
.m3-hero .m3-lead{font-size:1.125rem;color:var(--navy-sub);margin-top:18px;max-width:54ch}
.m3-hsearch{position:relative;margin-top:28px;max-width:580px}
.m3-hsearch .m3-sbox{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:6px 6px 6px 16px;box-shadow:0 18px 50px -12px rgba(0,0,0,.5)}
.m3-hsearch .m3-sbox .m3-ico{color:#64748b}
.m3-hsearch input{flex:1;min-width:0;border:0;outline:0;font:500 1rem var(--f-body);color:#0f172a;background:transparent;padding:10px 4px}
.m3-hsearch input::placeholder{color:#8a96a8}
.m3-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--e2);max-height:360px;overflow:auto;padding:6px;z-index:10}
.m3-results a{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:10px;color:var(--ink);font-size:.93rem}
.m3-results a:hover,.m3-results a:focus{background:var(--tint)}
.m3-results b{white-space:nowrap}
.m3-results .m3-empty{padding:14px;color:var(--ink-3);font-size:.93rem}
.m3-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.m3-chips span{font-size:.82rem;color:var(--navy-sub)}
.m3-chips a{font:500 .84rem var(--f-head);color:#dbe6f5;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:7px 13px;cursor:pointer;min-height:36px}
.m3-chips a:hover{background:rgba(255,255,255,.12);color:#fff}
.m3-hctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.m3-htrust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;font-size:.9rem;color:#cfdbec}
.m3-htrust div{display:flex;align-items:center;gap:8px}
.m3-htrust .m3-ico{color:#7fb6ff}

/* product stage */
.m3-stage{position:relative;aspect-ratio:1/0.92;width:100%;max-width:600px;justify-self:end}
.m3-stage .m3-floor{position:absolute;left:8%;right:8%;bottom:6%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(94,162,255,.45),rgba(33,96,224,.12) 60%,transparent);filter:blur(6px)}
.m3-stage .m3-ring{position:absolute;left:12%;right:12%;bottom:9%;height:12%;border-radius:50%;border:1px solid rgba(142,192,255,.35)}
.m3-box{position:absolute;width:auto;max-width:none;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.m3-b-srv{left:3%;bottom:22%;height:44%;z-index:1}
.m3-b-prem{right:3%;bottom:22%;height:45%;z-index:1}
.m3-b-fam{left:17%;bottom:15%;height:55%;z-index:2}
.m3-b-fpp{left:41%;bottom:16%;height:60%;z-index:3}
.m3-b-off{right:13%;bottom:10%;height:38%;z-index:4}
.m3-tagc{position:absolute;z-index:6;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.94);color:#0f172a;box-shadow:0 14px 34px -10px rgba(0,0,0,.55);font-size:.8rem;line-height:1.35}
.m3-tagc b{font:700 .95rem var(--f-head)}
.m3-tagc em{font-style:normal;color:#1a4fbd;font-weight:700}
.m3-t1{left:0;top:4%}.m3-t2{right:0;top:0}.m3-t3{right:2%;bottom:0}
.m3-tagc .m3-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a34a;margin-right:6px}
@media (prefers-reduced-motion:no-preference){
  .m3-box{animation:bob 7s var(--ease) infinite}
  .m3-b-fam{animation-delay:-1.4s}.m3-b-off{animation-delay:-2.8s}.m3-b-prem{animation-delay:-4.2s}.m3-b-srv{animation-delay:-5.6s}
  @keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
}
@media (max-width:960px){.m3-hero-in{grid-template-columns:1fr;padding-block:44px 48px}.m3-stage{justify-self:center;max-width:520px}}
@media (max-width:520px){.m3-tagc{font-size:.72rem;padding:8px 10px}.m3-tagc b{font-size:.82rem}.m3-t2{display:none}}

/* stat bar */
.m3-stats{position:relative;z-index:2;margin-top:-34px}
.m3-stats .m3-in{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e2)}
.m3-stat{padding:22px 24px;display:flex;gap:14px;align-items:center}
.m3-stat+.m3-stat{border-left:1px solid var(--line)}
.m3-stat .m3-ic{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--blue);display:grid;place-items:center;flex:none}
.m3-stat b{display:block;font:800 1.35rem var(--f-head);letter-spacing:-.02em}
.m3-stat span{font-size:.86rem;color:var(--ink-3)}
@media (max-width:900px){.m3-stats .m3-in{grid-template-columns:1fr 1fr}.m3-stat:nth-child(3){border-left:0}.m3-stat:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:480px){.m3-stat{padding:16px}.m3-stat .m3-ic{display:none}}

/* section scaffold */
.m3-sec{padding-block:72px}
.m3-sec-alt{background:var(--surface);border-block:1px solid var(--line)}
.m3-sh{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.m3-sh .m3-k{font:700 .78rem var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.m3-sh h2{font-size:clamp(1.65rem,1.2rem + 1.4vw,2.35rem);font-weight:800;margin-top:8px}
.m3-sh p{color:var(--ink-2);margin-top:8px;max-width:62ch}
.m3-more{display:inline-flex;align-items:center;gap:6px;font:600 .95rem var(--f-head);min-height:44px}
.m3-more .m3-ico{width:18px;height:18px}

/* category bento */
.m3-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(150px,auto);gap:16px}
.m3-cat{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:24px;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);display:flex;flex-direction:column;gap:6px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.m3-cat:hover{transform:translateY(-3px);box-shadow:var(--e2);border-color:color-mix(in srgb,var(--blue) 40%,var(--line));color:var(--ink)}
.m3-cat h3{font-size:1.25rem;font-weight:700}
.m3-cat p{color:var(--ink-2);font-size:.92rem;max-width:30ch}
.m3-cat .m3-meta{margin-top:auto;padding-top:14px;font-size:.88rem;color:var(--ink-3)}
.m3-cat .m3-meta strong{color:var(--ink);font-family:var(--f-head)}
.m3-cat>:not(img){position:relative;z-index:1}
.m3-cat p{max-width:min(30ch,60%)}
.m3-cat img{position:absolute;z-index:0;right:-4%;bottom:-6%;width:44%;filter:drop-shadow(0 18px 22px rgba(15,23,42,.25));transition:transform .35s var(--ease)}
.m3-cat:hover img{transform:translateY(-6px) rotate(-2deg)}
.m3-cat.m3-big{grid-column:span 3;grid-row:span 2;background:linear-gradient(150deg,#eaf2ff,#f8fbff 60%);padding:32px}
.m3-cat.m3-big h3{font-size:1.7rem}
.m3-cat.m3-big img{width:48%}
.m3-cat.m3-w3{grid-column:span 3}
.m3-cat.m3-w2{grid-column:span 2}
.m3-cat.m3-w2 img,.m3-cat.m3-w3 img{width:34%}
.m3-cat.m3-plain{padding-right:24px}
@media (max-width:960px){.m3-bento{grid-template-columns:repeat(2,1fr)}.m3-cat.m3-big,.m3-cat.m3-w3,.m3-cat.m3-w2{grid-column:span 2}.m3-cat.m3-big{grid-row:auto;min-height:280px}}
@media (max-width:560px){.m3-bento{grid-template-columns:1fr}.m3-cat.m3-big,.m3-cat.m3-w3,.m3-cat.m3-w2{grid-column:auto}.m3-cat img,.m3-cat.m3-big img,.m3-cat.m3-w2 img,.m3-cat.m3-w3 img{width:26%;max-height:78%;object-fit:contain;bottom:-6%;right:-2%}.m3-cat.m3-big{min-height:220px}}

/* tabs + product cards */
.m3-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.m3-tabs button{font:600 .92rem var(--f-head);color:var(--ink-2);background:transparent;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;min-height:44px}
.m3-tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.m3-tabs button:hover:not([aria-selected="true"]){color:var(--ink);background:var(--tint)}
.m3-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:1000px){.m3-grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.m3-grid4{gap:12px}}
.m3-pc{container:pcard/inline-size;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.m3-pc:hover{transform:translateY(-3px);box-shadow:var(--e2)}
.m3-pc .m3-ph{position:relative;aspect-ratio:1;background:#fff;border-bottom:1px solid var(--line);display:grid;place-items:center}
.m3-pc .m3-ph img{width:100%;height:100%;object-fit:contain}
.m3-pc .m3-ph .m3-gen{width:62%;aspect-ratio:3/4;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;color:#fff;font:700 .95rem/1.2 var(--f-head);box-shadow:0 18px 30px -12px rgba(15,23,42,.45)}
.m3-pc .m3-ph .m3-lbl{position:absolute;left:10px;top:10px;font:700 .72rem var(--f-head);padding:4px 9px;border-radius:99px;background:#0f172a;color:#fff}
.m3-pc .m3-bd{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.m3-pc .m3-kind{font-size:.78rem;color:var(--ink-3);font-weight:500}
.m3-pc h3{font:600 1rem/1.35 var(--f-head);letter-spacing:-.005em}
.m3-pc h3 a{color:var(--ink)}
.m3-pc h3 a:hover{color:var(--blue)}
.m3-pc .m3-row{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.m3-pc .m3-pr{font:800 1.15rem var(--f-head);letter-spacing:-.01em}
.m3-pc .m3-pr small{display:block;font:400 .74rem var(--f-body);color:var(--ink-3);letter-spacing:0}
.m3-pc .m3-ask{color:var(--warn);font-size:.98rem}
.m3-add{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--blue);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.m3-add:hover{background:var(--blue);border-color:var(--blue);color:#fff}
@container pcard (max-width:200px){.m3-pc .m3-bd{padding:12px}.m3-pc .m3-row{flex-direction:column;align-items:stretch}.m3-add{width:100%}.m3-pc .m3-pr{font-size:1.02rem}}
.m3-add.m3-done{background:var(--ok);border-color:var(--ok);color:#fff}

/* Microsoft 365 plans */
.m3-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
@media (max-width:1000px){.m3-plans{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.m3-plans{grid-template-columns:1fr}}
.m3-plan{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:6px}
.m3-plan.m3-hot{background:var(--navy);color:var(--on-navy);border-color:var(--navy);box-shadow:0 30px 60px -24px rgba(10,26,51,.7)}
.m3-plan .m3-who{font:600 .82rem var(--f-head);color:var(--ink-3)}
.m3-plan.m3-hot .m3-who{color:var(--navy-sub)}
.m3-plan h3{font-size:1.3rem;font-weight:700}
.m3-plan .m3-price{margin-top:14px;font:800 2rem var(--f-head);letter-spacing:-.03em}
.m3-plan .m3-price small{font:400 .86rem var(--f-body);color:var(--ink-3);letter-spacing:0}
.m3-plan.m3-hot .m3-price small{color:var(--navy-sub)}
.m3-plan .m3-cmp{font-size:.82rem;color:var(--ink-3)}
.m3-plan.m3-hot .m3-cmp{color:var(--navy-sub)}
.m3-plan .m3-ask{font:700 1.35rem var(--f-head);color:var(--warn);margin-top:14px}
.m3-plan ul{list-style:none;margin:16px 0 20px;padding:0;display:grid;gap:10px;font-size:.92rem;color:var(--ink-2)}
.m3-plan.m3-hot ul{color:#d4def0}
.m3-plan li{display:flex;gap:10px}
.m3-plan li .m3-ico{width:18px;height:18px;color:var(--ok);margin-top:3px}
.m3-plan.m3-hot li .m3-ico{color:#7ee2a0}
.m3-plan .m3-btn{margin-top:auto;width:100%}
.m3-ribbon{position:absolute;top:-12px;left:24px;background:var(--cta);color:#fff;font:700 .74rem var(--f-head);padding:5px 12px;border-radius:99px;letter-spacing:.02em}
.m3-save{display:inline-block;align-self:flex-start;font:700 .74rem var(--f-head);color:#14532d;background:#dcfce7;border-radius:99px;padding:3px 10px}
.m3-plans-note{margin-top:18px;font-size:.84rem;color:var(--ink-3)}

/* navy band */
.m3-band{background:var(--navy);color:var(--on-navy);border-radius:28px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:clamp(28px,4vw,56px)}
.m3-band::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;background:radial-gradient(closest-side,rgba(249,115,22,.22),transparent 70%)}
.m3-band .m3-k{font:700 .78rem var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:#fdba74}
.m3-band h2{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);font-weight:800;margin-top:10px}
.m3-band p{color:var(--navy-sub);margin-top:12px;max-width:56ch}
.m3-opts2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.m3-opt{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.m3-opt b{display:block;font:700 1rem var(--f-head);color:#fff}
.m3-opt span{font-size:.86rem;color:var(--navy-sub)}
.m3-opt .m3-p{display:block;margin-top:8px;font:800 1.2rem var(--f-head);color:#fff}
.m3-band .m3-btn{margin-top:22px}
.m3-band .m3-vis{position:relative;justify-self:center;width:min(100%,360px)}
.m3-band .m3-vis img{filter:drop-shadow(0 30px 36px rgba(0,0,0,.55));border-radius:6px}
@media (max-width:860px){.m3-band{grid-template-columns:1fr}.m3-band .m3-vis{width:min(70%,280px)}}
@media (max-width:480px){.m3-opts2{grid-template-columns:1fr}}

/* steps */
.m3-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
@media (max-width:900px){.m3-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.m3-steps{grid-template-columns:1fr}}
.m3-step{position:relative;padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.m3-step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--bg);font:800 1rem var(--f-head);margin-bottom:16px}
.m3-step h3{font-size:1.08rem;font-weight:700}
.m3-step p{color:var(--ink-2);font-size:.92rem;margin-top:6px}

/* documents */
.m3-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.m3-docs{grid-template-columns:1fr}}
.m3-doc{display:flex;gap:16px;padding:22px;border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--line)}
.m3-doc .m3-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--tint);color:var(--blue);flex:none}
.m3-doc h3{font-size:1.05rem;font-weight:700}
.m3-doc p{color:var(--ink-2);font-size:.92rem;margin-top:4px}
.m3-doc code{display:inline-block;margin-top:8px;font:500 .78rem ui-monospace,Consolas,monospace;color:var(--ink-3)}

/* enterprise */
.m3-ent{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.m3-ent{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.m3-ent{grid-template-columns:1fr}}
.m3-ent a{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:border-color .2s,transform .25s var(--ease)}
.m3-ent a:hover{border-color:var(--blue);transform:translateY(-2px);color:var(--ink)}
.m3-ent .m3-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--blue);margin-bottom:6px}
.m3-ent h3{font-size:1.05rem;font-weight:700}
.m3-ent p{font-size:.88rem;color:var(--ink-2)}
.m3-ent span.m3-c{margin-top:auto;padding-top:8px;font:600 .86rem var(--f-head);color:var(--blue)}

/* partner proof */
.m3-proof{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:860px){.m3-proof{grid-template-columns:1fr}}
.m3-pf{padding:28px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg)}
.m3-pf h3{font-size:1.2rem;font-weight:700}
.m3-pf p{color:var(--ink-2);margin-top:8px;font-size:.95rem}
.m3-pf dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:16px 0 0;font-size:.92rem}
.m3-pf dt{color:var(--ink-3)}
.m3-pf dd{margin:0;font-weight:500}

/* faq + seo */
.m3-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
@media (max-width:900px){.m3-faq-grid{grid-template-columns:1fr}}
.m3-faq details{border-bottom:1px solid var(--line)}
.m3-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:18px 2px;font:600 1.02rem var(--f-head);min-height:48px}
.m3-faq summary::-webkit-details-marker{display:none}
.m3-faq summary::after{content:"";flex:none;width:12px;height:12px;margin-top:6px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);rotate:45deg;transition:rotate .2s var(--ease)}
.m3-faq details[open] summary::after{rotate:225deg}
.m3-faq details p{padding:0 2px 18px;color:var(--ink-2);max-width:68ch}
.m3-faq details::details-content{block-size:0;overflow-y:clip;transition:block-size .3s var(--ease),content-visibility .3s allow-discrete}
.m3-faq details[open]::details-content{block-size:auto}
.m3-seo{columns:2 320px;column-gap:40px;color:var(--ink-2);font-size:.95rem}
.m3-seo h2{column-span:all;font-size:1.4rem;font-weight:800;color:var(--ink);margin-bottom:16px}
.m3-seo h3{font-size:1.02rem;font-weight:700;color:var(--ink);margin:0 0 6px;break-after:avoid}
.m3-seo p{margin-bottom:16px;break-inside:avoid}

/* contact CTA */
.m3-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px clamp(24px,4vw,48px);border-radius:28px;background:linear-gradient(115deg,var(--blue),#1440a6);color:#fff}
.m3-cta h2{font-size:clamp(1.4rem,1rem + 1.2vw,2rem);font-weight:800}
.m3-cta p{color:#d6e4ff;margin-top:6px}
.m3-cta .m3-who{display:flex;align-items:center;gap:14px}
.m3-cta .m3-av{width:52px;height:52px;border-radius:50%;background:#fff;color:#1440a6;display:grid;place-items:center;font:800 1.05rem var(--f-head)}
.m3-cta .m3-btns{display:flex;gap:10px;flex-wrap:wrap}
.m3-cta .m3-btn-w{background:#fff;color:#123a95}
.m3-cta .m3-btn-w:hover{background:#eaf1ff;color:#123a95}

/* below-the-fold rendering deferral */
.m3-defer{content-visibility:auto;contain-intrinsic-size:auto 640px}

/* motion: scroll entry for cards, page-to-page transition */
@media (prefers-reduced-motion:no-preference){
  @supports ((animation-timeline: view()) and (animation-range: entry)){
    @keyframes rise{from{opacity:.35;translate:0 28px}}
    .m3-cat,.m3-pc,.m3-plan,.m3-step,.m3-doc,.m3-ent a{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
  @view-transition{navigation:auto}
}
/* WordPress adjustments: chips and price tags are links, WoodMart resets */
.m3-chips a{display:inline-flex;align-items:center}
a.m3-tagc,a.m3-tagc:hover{color:#0f172a;text-decoration:none}
.m3-hero{color:var(--on-navy)}
.m3-hero h1,.m3-band h2,.m3-plan.m3-hot h3,.m3-cta h2{color:#fff}
.m3-pc .m3-ph a{display:block;width:100%;height:100%}
.m3-pc .m3-ph img{width:100%;height:100%;object-fit:contain}
.m3-add.added{background:var(--ok);border-color:var(--ok);color:#fff}
.m3-add+.added_to_cart{display:none}
.m3 .m3-tabs button{text-transform:none;letter-spacing:0}
a.m3-opt,a.m3-opt:hover{display:block;color:inherit;text-decoration:none}
a.m3-opt:hover{border-color:rgba(255,255,255,.35)}
.m3-results a .m3-sku{color:var(--ink-3);font-size:.8rem;margin-left:6px}
/* Full-bleed sections inside WoodMart's content container */
body{overflow-x:clip}
#m3-home .m3-hero,#m3-home .m3-sec-alt{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}
#m3-home .m3-hero .m3-wrap,#m3-home .m3-sec-alt .m3-wrap{padding-inline:20px}
.home .wd-content-layout,.home .main-page-wrapper{padding-top:0}