/* NexMods — home page: full-screen hero, side art, red hover on boxes. */
body:is(.nm-template-shop,.nm-home) .nm-hero-hero{min-height:100vh!important;min-height:100svh!important;margin-top:0!important;padding:112px 0 72px!important;display:flex;align-items:center;justify-content:center}
body:is(.nm-template-shop,.nm-home) .nm-hero-hero::after{height:160px}

/* stats: boxes */
body:is(.nm-template-shop,.nm-home) .nm-hero-statItem{padding:.9rem 1.4rem;border:1px solid transparent;border-radius:14px;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}

/* red tint when you hover the boxes on home */
body:is(.nm-template-shop,.nm-home) .nm-hero-statItem:hover,
body:is(.nm-template-shop,.nm-home) .nm-features-featureRow:hover,
body:is(.nm-template-shop,.nm-home) .nm-faq-item:hover,
body:is(.nm-template-shop,.nm-home) .nm-home-reviews-panel:hover,
body:is(.nm-template-shop,.nm-home) .nm-reviews-reviewCard:hover{border-color:rgba(255,0,51,.32)!important;background:linear-gradient(180deg,rgba(255,0,51,.05),rgba(255,0,51,.015))!important;box-shadow:0 0 18px -6px rgba(255,0,51,.18)}
body:is(.nm-template-shop,.nm-home) .nm-features-featureRow:hover .nm-features-number,body:is(.nm-template-shop,.nm-home) .nm-features-featureRow:hover .nm-features-icon{color:#ff335c}


/* ---- compact sizing below the hero (home + products) ---- */
body:is(.nm-template-shop,.nm-home) .nm-features-section,body:is(.nm-template-shop,.nm-home) .nm-faq-section,body:is(.nm-template-shop,.nm-home) .nm-home-reviews{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
body:is(.nm-template-shop,.nm-home) .nm-features-sectionTitle,body:is(.nm-template-shop,.nm-home) .nm-faq-title,body:is(.nm-template-shop,.nm-home) .nm-home-reviews-heading h2{font-size:clamp(1.5rem,2.4vw,2rem)!important;letter-spacing:-.03em!important;margin-bottom:.5rem}
body:is(.nm-template-shop,.nm-home) .nm-features-container,body:is(.nm-template-shop,.nm-home) .nm-faq-container,body:is(.nm-template-shop,.nm-home) .nm-home-reviews-container{max-width:1000px}
body:is(.nm-template-shop,.nm-home) .nm-features-featureRow{padding:1rem 1.25rem;gap:1rem}
body:is(.nm-template-shop,.nm-home) .nm-features-featureTitle{font-size:1rem!important}
body:is(.nm-template-shop,.nm-home) .nm-features-featureDescription,body:is(.nm-template-shop,.nm-home) .nm-faq-description,body:is(.nm-template-shop,.nm-home) .nm-home-reviews-heading p{font-size:.85rem!important}
body:is(.nm-template-shop,.nm-home) .nm-faq-question{font-size:.92rem!important}
body:is(.nm-template-shop,.nm-home) .nm-home-reviews-panel{min-height:0;padding:1rem 1.25rem}
body:is(.nm-template-shop,.nm-home) .nmc--home{padding-top:5.5rem;padding-bottom:4rem}
body:is(.nm-template-shop,.nm-home) .nmc--home .nmc-head{margin-bottom:2rem}

/* product cards: same soft red glow */
body:is(.nm-template-shop,.nm-home) .nmc-card:hover{box-shadow:0 14px 34px -22px rgba(255,0,51,.2)}


/* cursor glow: the grid lights up red around the mouse */
.nm-hero-spot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease;
 --mx:50%;--my:40%;
 background:radial-gradient(520px circle at var(--mx) var(--my),rgba(255,0,51,.06),transparent 65%),
 linear-gradient(rgba(255,40,80,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,40,80,.28) 1px,transparent 1px);
 background-size:100% 100%,50px 50px,50px 50px;
 -webkit-mask-image:radial-gradient(300px circle at var(--mx) var(--my),rgba(0,0,0,.8) 0%,transparent 100%);mask-image:radial-gradient(300px circle at var(--mx) var(--my),rgba(0,0,0,.8) 0%,transparent 100%)}
.nm-hero-hero.is-glow .nm-hero-spot{opacity:1}
@media(prefers-reduced-motion:reduce){.nm-hero-spot{display:none}}

/* breathing room between home sections */
body:is(.nm-template-shop,.nm-home) .nm-features-section{margin-top:1rem}
body:is(.nm-template-shop,.nm-home) .nm-features-featureList{gap:1rem}
body:is(.nm-template-shop,.nm-home) .nm-faq-list{gap:.75rem}
body:is(.nm-template-shop,.nm-home) .nm-features-sectionTitle,body:is(.nm-template-shop,.nm-home) .nm-faq-title{margin-bottom:1.5rem}
@media(max-width:760px){body:is(.nm-template-shop,.nm-home) .nmc--home{padding-top:3.5rem}body:is(.nm-template-shop,.nm-home) .nm-features-section,body:is(.nm-template-shop,.nm-home) .nm-faq-section{padding-top:3rem!important;padding-bottom:3rem!important}}

/* FAQ: title centered on top, list below, nothing sticky */
body:is(.nm-template-shop,.nm-home) .nm-faq-twoCol{display:block!important;max-width:760px;margin:0 auto}
body:is(.nm-template-shop,.nm-home) .nm-faq-left{position:static!important;top:auto!important;text-align:center;margin:0 auto 2rem}
body:is(.nm-template-shop,.nm-home) .nm-faq-left .nm-faq-description{margin:0 auto;max-width:520px}
body:is(.nm-template-shop,.nm-home) .nm-faq-title{text-align:center}
body:is(.nm-template-shop,.nm-home) .nm-faq-list{display:flex;flex-direction:column;gap:.75rem}
body:is(.nm-template-shop,.nm-home) .nm-faq-support{text-align:center}

/* best sellers carousel between hero and catalog */
body:is(.nm-template-shop,.nm-home) .nm-best-section{padding:4.5rem 0 1rem}
body:is(.nm-template-shop,.nm-home) .nm-best-section::before{display:none}
body:is(.nm-template-shop,.nm-home) .nm-best-title{font-size:clamp(1.6rem,2.6vw,2.2rem)}
body:is(.nm-template-shop,.nm-home) .nmc--home{padding-top:3rem}
body:is(.nm-template-shop,.nm-home) .nm-best-container{max-width:1168px;padding:0}
body:is(.nm-template-shop,.nm-home) .nm-best-carouselWrapper{max-width:none;padding:0}
body:is(.nm-template-shop,.nm-home) .nm-best-headerRow{padding:0 56px;margin-bottom:1.5rem}
@media(max-width:760px){body:is(.nm-template-shop,.nm-home) .nm-best-headerRow{padding:0}body:is(.nm-template-shop,.nm-home) .nm-best-section{padding-top:3rem}}
