
.nx-banner-products{padding:36px 0 43px;background:#f5f5f3;border-top:1px solid #e8e8e8;border-bottom:1px solid #e9e9e9;color:#191919;font-family:Arial,Helvetica,sans-serif}
.nx-banner-products *{box-sizing:border-box}
.nx-banner-inner{width:min(1210px,calc(100% - 36px));margin:auto}
.nx-banner-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px}
.nx-banner-kicker{font-size:11px;font-weight:900;letter-spacing:1.4px;color:#d51d27}
.nx-banner-head h2{font:900 clamp(25px,3.2vw,41px)/1.12 Arial,sans-serif;letter-spacing:-.8px;color:#181818;margin:8px 0 0}
.nx-banner-more{color:#d51d27!important;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding-bottom:7px}
.nx-banner-viewport{height:330px;position:relative;overflow:hidden;border:1px solid #e0e0e0;border-radius:18px;box-shadow:0 11px 32px #00000015;background:#f1f1f1}
.nx-banner-stack{position:absolute;inset:0}
.nx-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:0;display:grid;grid-template-columns:46% 54%;align-items:stretch;background:linear-gradient(110deg,#fff 0%,#f8f8f8 53%,#ececec 100%);transition:opacity .4s ease}
.nx-banner-slide.is-active{opacity:1;visibility:visible;z-index:1}
.nx-banner-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px clamp(20px,4vw,58px)}
.nx-banner-tag{background:#d51d27;color:white;padding:7px 12px;border-radius:4px;font:900 11px/1.2 Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase}
.nx-banner-copy h3{font:900 clamp(24px,3.6vw,47px)/1.03 Arial Black,Arial,sans-serif;letter-spacing:-1.4px;color:#171717;margin:14px 0 10px;text-transform:uppercase}
.nx-banner-copy p{font-size:clamp(12px,1.3vw,16px);line-height:1.5;color:#545454;max-width:380px;margin:0 0 20px}
.nx-banner-order{display:inline-flex;align-items:center;gap:16px;color:#fff!important;background:#d51d27;text-decoration:none;border-radius:6px;font:900 12px/1 Arial,sans-serif;letter-spacing:.65px;padding:14px 21px;box-shadow:0 4px 15px #d51d2740}
.nx-banner-order:hover,.nx-banner-order:focus-visible{background:#ae151f;color:#fff}
.nx-banner-photo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 49% 43%,#fff 0%,#ececec 71%)}
.nx-banner-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.nx-banner-controls{position:absolute;bottom:15px;right:15px;z-index:4;display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:24px;background:#fffffff2;box-shadow:0 4px 17px #0002}
.nx-banner-controls button{width:34px;height:30px;border:0;background:transparent;color:#212121;cursor:pointer;font-size:29px;line-height:24px;padding:0}
.nx-banner-controls button:hover,.nx-banner-controls button:focus-visible{color:#d51d27}
.nx-banner-number{min-width:48px;text-align:center;font-size:11px;color:#444;font-weight:900;letter-spacing:.4px}
.nx-banner-caption{margin:12px 2px 0;font-size:11px;line-height:1.4;color:#777}
@media(max-width:720px){.nx-banner-products{padding:27px 0 32px}.nx-banner-inner{width:calc(100% - 22px)}.nx-banner-head{align-items:start;gap:10px}.nx-banner-head h2{font-size:26px}.nx-banner-kicker{font-size:9px;letter-spacing:1px}.nx-banner-more{font-size:9px;white-space:normal;min-width:90px;text-align:right}.nx-banner-viewport{height:290px;border-radius:12px}.nx-banner-slide{grid-template-columns:53% 47%}.nx-banner-copy{padding:15px 7px 15px 15px}.nx-banner-tag{font-size:8px;padding:5px 7px;letter-spacing:.5px}.nx-banner-copy h3{font-size:clamp(19px,5vw,27px);letter-spacing:-.6px;margin:9px 0 7px}.nx-banner-copy p{font-size:11px;margin:0 0 15px}.nx-banner-order{font-size:10px;letter-spacing:0;padding:11px 12px;gap:6px}.nx-banner-controls{right:5px;bottom:6px;gap:1px;padding:2px 3px}.nx-banner-controls button{width:23px;height:23px;font-size:22px}.nx-banner-number{min-width:39px;font-size:9px}}
@media(max-width:385px){.nx-banner-viewport{height:250px}.nx-banner-copy h3{font-size:18px}.nx-banner-copy p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nx-banner-slide{transition:none}}
.hero h1.nx-new-slogan{font-size:clamp(32px,4.8vw,62px);letter-spacing:-1.2px;line-height:1.12}
.hero h1.nx-new-slogan span{color:#fff}
.hero h1.nx-new-slogan em{display:block;font-style:normal;color:#ff727a;font-size:.77em;margin-top:6px;letter-spacing:-.3px}
