/* Font families: Poppins (headings), Roboto (body), Roboto Condensed (labels) — imported in General.css */

/* colors ==> light gray:#d1d1d1, red:#eb1b23, dark-red:#b50309, gray:#6d6d6d, dark gray:#363636, near-black:#231f1f, off-white:#f3f3f3 */

/* Content CSS */

.CT_signUpBenefits { font-size:.9em; color:#b60309; }

.homeContentContainer::after { content:''; clear:both; }

.homeContainerWide { margin:auto; width:100%; background-color:white; }
.homeContainer { margin:auto; max-width:1200px; padding:0 0px;  }

.homeContainer100 { display:table; width:100%; background-color:white; }
.homeContainer50 { float:left; width:50%; background-color:white; }
.homeContainer33 { float:left; width:33%; background-color:white; }
.homeContainer25 { float:left; width:25%; background-color:white; }

.homePaddingTB5 { padding-top:5px; padding-bottom:5px; }
.homePaddingTB10 { padding-top:10px; padding-bottom:10px; }
.homePaddingTB15 { padding-top:15px; padding-bottom:15px; }
.homePaddingTB20 { padding-top:20px; padding-bottom:20px; }
.homePaddingTB30 { padding-top:30px; padding-bottom:30px; }
.homePaddingTB60 { padding-top:60px; padding-bottom:60px; }
.homePaddingLR5 { padding-left:5px; padding-right:5px; }
.homePaddingLR10 { padding-left:10px; padding-right:10px;}
.homePaddingLR15 { padding-left:15px; padding-right:15px; }
.homePaddingLR20 { padding-left:20px; padding-right:20px; }
.homePaddingLR30 { padding-left:30px; padding-right:30px; }
.homePaddingLR60 { padding-left:60px; padding-right:60px; }
.homePaddingLR90 { padding-left:90px; padding-right:90px; }
.homePaddingLR160 { padding-left:160px; padding-right:160px; }

.homePadding5 { padding:5px; }
.homePadding10 { padding:10px; }
.homePadding15 { padding:15px; }
.homePadding20 { padding:20px; }
.homePadding30 { padding:30px; }
.homePadding60 { padding:60px; }



.homeImageContainer50 { float:left; width:50%; height:100%; }
.homeImageContainer100 { float:left; width:100%; height:100%; }
.homeTextContainer50 { float:left; display:table; width:50%; padding:20px; height:100%; }
.homeTextContainer100 { float:left; display:table; width:100%; padding:20px; height:100%;  }
.homeTextMiddleCenter { display:table-cell; vertical-align:middle; text-align:center; }
.homeTextMiddleLeft { display:table-cell; vertical-align:middle; text-align:left; }

.homeH450 { height:450px; }
.homeH400 { height:400px; }
.homeH350 { height:350px; }
.homeH300 { height:300px; }
.homeH250 { height:250px; }

.homeGreen { color:green; }
.homeNavyBlue { color:#363636; }
.homeBrightBlue { color:#363636; }
.homeRoyalBlue { color:#363636; }
.homeOrange { color:#eb1b23; }
.homeSuperLightGray { color:#d1d1d1; }
.homeLightGray { color:#f3f3f3; }
.homeMediumGray { color:#6d6d6d; }
.homeDarkGray { color: #231f20; }
.homeLightBlue { color:#363636; }
.homeDarkRed { color: #b60309; }
.homeSuperLightBlue { color:#6d6d6d; }
.homeWhite { color:white; }
.homeYellow { color:#eb1b23; }
.homeBlue { color:#363636; }

.homeLineSpacing32 { line-height:32px; }
.homeLineSpacing24 { line-height:24px; }

.homeBold { font-weight:700; }

.homeFlexContainer { display:flex; }
.homeFlexGrow { flex-grow:1; }

.homeFS350 { font-size:3.5em; }
.homeFS250 { font-size:2.5em; }
.homeFS200 { font-size:2.0em; }
.homeFS150 { font-size:1.5em; }
.homeFS125 { font-size:1.25em; }
.homeFS110 { font-size:1.1em; }
.homeFS100 { font-size:1.0em; }
.homeFS080 { font-size:0.8em; }

.homeVAlignCenter { vertical-align:middle; }
.homeAlignLeft { text-align:left; }
.homeAlignRight { text-align:right; }
.homeAlignCenter { text-align:center; }
.homeJustifyCenter { display:flex; justify-content:center; align-items:center; }
.homeVAlignTop { vertical-align:top; }

.homeButtonBlueThinBorder { border:2px solid white; text-decoration:none; display:inline-block; padding:15px 30px; vertical-align:middle; text-align:center; color:white; border-radius:4px; transition:background-color .5s; }

.homeOuterContainerBlue { width:100%; background-color:#231f1f; padding:20px 10px; }
.homeOuterContainerBrightBlue { width:100%; background-color:#231f1f; padding:20px 10px; }
.homeOuterContainerSilver { width:100%; background-color:#f3f3f3; padding:20px 10px; }
.homeOuterContainerGray { width:100%; background-color:#969696; padding:20px 10px; }
.homeOuterContainerOrange { width:100%; background-color:#eb1b23; padding:20px 10px; }
.homeOuterContainerBlack { width:100%; background-color:black; padding:20px 10px; }
.homeOuterContainerWhite { width:100%; background-color:white; padding:20px 10px; }
.homeInnerContainerWhite { width:100%; background-color:white; }
.homeMasterCatalogContainer { text-align:center; padding:15px 0; }

.homeOuterContainerWhiteNB { width:100%; background-color:white; }

.homeImageSmall { height:100px; }
.homeImageMedium { height:150px; }
.homeImageLarge { height:200px; }

.aboutContainer { display:flex; width:100%; }
.aboutCell { width:50%; display:flex; align-items:center; }
.aboutLeftContent { margin:auto; max-width:600px; padding:60px; }
.aboutRightContent { margin:auto; max-width:600px; padding:60px; }


@media screen and (max-width: 800px) {
.homeH450 { height:350px; }
.homeH400 { height:300px; }
.homeH350 { height:250px; }
.homeH250 { height:190px; }
.homeFS350 { font-size:2.5em; }
.homeFS250 { font-size:2.0em; }
.homeFS200 { font-size:1.5em; }
.homeFS150 { font-size:1.25em; }
.homeFS125 { font-size:1.0em; }
.homeFS100 { font-size:0.8em; }
.homeFS080 { font-size:0.6em; }

}

@media screen and (max-width:750px) {
    .homeContainer50 { float:left; width:100%; }
    .homeContainer33 {float:left; width:100%;}
    .homeContainer25 { float:left; width:50%; }

    .homeFlexContainer { flex:unset; display:block; }
    .homeFlexGrow { flex-grow:unset; display:block; }

    .homePaddingTB5 { padding-top:2px; padding-bottom:2px; }
    .homePaddingTB10 { padding-top:5px; padding-bottom:5px; }
    .homePaddingTB15 { padding-top:7px; padding-bottom:7px; }
    .homePaddingTB20 { padding-top:10px; padding-bottom:10px; }
    .homePaddingTB30 { padding-top:15px; padding-bottom:15px; }
    .homePaddingTB60 { padding-top:20px; padding-bottom:20px; }
    .homePaddingLR5 { padding-left:2px; padding-right:2px; }
    .homePaddingLR10 { padding-left:5px; padding-right:5px;}
    .homePaddingLR15 { padding-left:7px; padding-right:7px; }
    .homePaddingLR20 { padding-left:10px; padding-right:10px; }
    .homePaddingLR30 { padding-left:15px; padding-right:15px; }
    .homePaddingLR60 { padding-left:15px; padding-right:15px; }
    .homePaddingLR90 { padding-left:15px; padding-right:15px; }
    .homePaddingLR160 { padding-left:15px; padding-right:15px; }

    .homePadding5 { padding:2px; }
    .homePadding10 { padding:5px; }
    .homePadding15 { padding:7px; }
    .homePadding20 { padding:10px; }
    .homePadding30 { padding:15px; }
    .homePadding60 { padding:15px; }

    .homeImageSmall { height:75px; }
    .homeImageMedium { height:85px; }
    .homeImageLarge { height:100px; }

    .aboutContainer { flex:unset; display:block; width:100%; }
    .aboutCell { flex:unset; display:block; width:100%; }
    .aboutLeftContent { margin:auto; padding:45px; }
    .aboutRightContent { margin:auto; padding:45px; }



}

@media screen and (max-width: 400px) {
    .homeContainer25 {float:left; width:100%;}
    .homeFS350 { font-size:2.0em; }
    .homeFS250 { font-size:1.5em; }
    .homeFS150 { font-size:0.9em; }
    .homeOuterContainerBlue { padding:20px 5px; }
    .homeOuterContainerGray { padding:20px 5px; }
    .homeOuterContainerWhite { padding:20px 5px; }
}


/* ============================================================
   NDLP HOME PAGE LAYOUT — Figma: NDP_Home_01_Clean.psd
   Canvas 1920 px  |  Content column 1172 px (374–1546)
   Palette: red #ec2028 / dark-red #b60309 / near-black #231f20
            off-white #f3f3f3 / light-gray #d1d1d1 / body-gray #363636
   ============================================================ */

/* ── Shared tokens ─────────────────────────────────────────── */
.ndlp-container { max-width:1172px; margin:0 auto; padding:0 16px; }

/* ============================================================
   NAV HEADER  (Figma 1:207)
   3-row header:
   1. Top utility bar — black strip w/ welcome / my account / login
   2. Main bar — site logo (left) + search input (right)
   3. Nav bar — CATEGORIES button + menu links + need-help + cart
   ============================================================ */
.ndlp-header { background:#ffffff; }
.ndlp-header .pushMenu { display:none; }

/* 1. Top utility bar */
.ndlp-header__top { background:#231f20; }
.ndlp-header__top-inner {
    max-width:1172px; margin:0 auto; padding:0 16px;
    height:39px; display:flex; align-items:stretch; justify-content:flex-end;
    font-family:'Roboto',sans-serif; font-size:12px; font-weight:600;
    color:#adacac;
}
.ndlp-header__welcome {
    display:inline-flex; align-items:center;
    padding:0 24px;
    letter-spacing:0.00390625em;
}
.ndlp-header__top-link {
    display:inline-flex; align-items:center; gap:8px;
    padding:0 24px; height:100%;
    color:inherit; text-decoration:none;
    border-left:1px solid rgba(255,255,255,0.1);
    transition:background-color .15s, color .15s;
    letter-spacing:0.00585938em;
}
.ndlp-header__top-link:last-child { border-right:1px solid rgba(255,255,255,0.1); }
.ndlp-header__top-link:hover { background:#000000; color:#ffffff; }
.ndlp-header__top-link--account { background:#000000; color:#ffffff; }
.ndlp-header__top-icon { width:auto; height:12px; display:block; filter:brightness(0) invert(0.7); }
.ndlp-header__top-link--account .ndlp-header__top-icon,
.ndlp-header__top-link:hover    .ndlp-header__top-icon { filter:brightness(0) invert(1); }

/* 2. Main bar — logo + search */
.ndlp-header__main { background:#ffffff; padding:24px 0; }
.ndlp-header__main-inner {
    max-width:1172px; margin:0 auto; padding:0 16px;
    display:flex; align-items:center; gap:48px;
}
.ndlp-header__logo { display:inline-flex; flex:none; }
.ndlp-header__logo img { display:block; width:auto; height:55px; }
.ndlp-header__search { flex:1; max-width:568px; margin-left:auto; }

/* SearchControl override — strip the legacy chrome and match the
   Figma main search look (light-gray field + red square button).      */
.ndlp-header__search .SC_container { background:transparent; height:auto; }
.ndlp-header__search .SC_searchLabel,
.ndlp-header__search .SC_menuContainer { display:none; }
.ndlp-header__search .flexContainer {
    display:flex; align-items:stretch; gap:0;
    background:#f3f3f3; border:1px solid #d1d1d1; height:41px;
}
.ndlp-header__search #divSearchContainer { width:100%; align-items:stretch; }
.ndlp-header__search .SC_headerSearchInputContainer {
    flex:1; height:39px; border:none; background:transparent;
    padding:0 14px; font:14px/1.4 'Roboto',sans-serif; color:#363636;
}
.ndlp-header__search .SC_headerSearchInputContainer::placeholder { color:#6d6d6d; }
.ndlp-header__search .SC_headerSearchButtonContainer {
    width:40px; height:100%; align-self:stretch;
    background:url('../Images/search-red.png') no-repeat center;
    background-size:cover;
}

/* 3. Bottom nav bar — white band; hovered/open tab darkens (NDLP-6) */
.ndlp-header__nav {
    background:#ffffff;
    border-top:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
}
.ndlp-header__nav-inner {
    max-width:1172px; margin:0 auto;
    display:flex; align-items:stretch;
    height:52px; position:relative;
}
/* SiteMenu inside the nav band — NDLP-1 typography + spacing */
.ndlp-header__nav .SM_navContainer {
    flex:1; padding-left:0;
    display:flex; align-items:stretch; height:52px;
}
.ndlp-header__nav .SM_navLeftContainer {
    order:1;
    float:none;
    display:flex; align-items:stretch; gap:0;
    padding-left:0;
}
.ndlp-header__nav .SM_navContainer > .floatRight {
    order:2;
    float:none;
    margin-left:auto; padding-right:16px;
    display:flex; align-items:center;
    font-family:'Roboto',sans-serif; font-size:14px; font-weight:700;
    color:#231f20; white-space:nowrap;
}
.ndlp-header__nav .SM_menuItemContainer {
    height:100%;
    display:inline-flex; align-items:stretch;
    position:relative;
}
.ndlp-header__nav .SM_navContainer .SM_mainMenuButton {
    display:inline-flex; align-items:center;
    padding:0 20px;
    transition:background-color .15s;
}
.ndlp-header__nav .SM_navContainer .SM_mainMenuOption,
.ndlp-header__nav .SM_navContainer a.SM_mainMenuOption,
.ndlp-header__nav .SM_navContainer .SM_mainMenuOptionBlue {
    font-family:'Poppins',sans-serif;
    font-size:16px; font-weight:700;
    line-height:1; height:auto;
    letter-spacing:0.24px;
    text-transform:uppercase;
    color:#231f20;
    padding:0 20px;
    display:inline-flex; align-items:center;
    transition:color .15s;
}
.ndlp-header__nav .SM_navContainer .SM_menuItemContainer .SM_mainMenuOption {
    padding:0;
}
.ndlp-header__nav .SM_navContainer .SM_mainMenuOptionBlue { color:#b60309; }
.ndlp-header__nav .SM_navContainer .SM_mainMenuOptionBlack {
    font-family:'Roboto',sans-serif;
    font-size:14px; font-weight:700;
    line-height:1; height:auto;
    letter-spacing:normal; text-transform:none;
    color:#231f20;
    padding:0;
}
/* Only the hovered/open menu item gets the dark "tab" treatment */
.ndlp-header__nav .SM_navContainer .SM_menuItemContainer:hover .SM_mainMenuButton { background-color:#231f20; }
.ndlp-header__nav .SM_navContainer .SM_menuItemContainer:hover .SM_mainMenuOption { color:#ffffff; }
.ndlp-header__nav .SM_navContainer a.SM_mainMenuOption:hover,
.ndlp-header__nav .SM_navContainer .SM_mainMenuOptionBlue:hover { color:#ed1c24; }
.ndlp-header__nav .SM_navContainer .SM_menuOptionSeparator {
    display:none;
}
/* Drop-down panel — light gray menu beneath the active tab */
.ndlp-header__nav .SM_menuContentContainer {
    top:100%; left:0;
    border:none;
    background-color:#e9e9e9;
    box-shadow:0 6px 16px rgba(0,0,0,0.18);
    padding:0;
    min-width:220px;
}
.ndlp-header__nav .SM_menuContentContainer .SM_menuList { padding:0; margin:0; list-style:none; }
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption {
    margin:0; padding:0; border:0;
    line-height:1;
    min-width:220px;
    background:transparent;
    position:relative;
}
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption a {
    display:flex; align-items:center; justify-content:space-between;
    color:#231f20;
    font-family:'Roboto',sans-serif;
    font-size:14px; font-weight:500;
    padding:13px 18px;
    text-decoration:none;
    transition:background-color .12s, color .12s;
}
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption:hover { background-color:transparent; }
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption:hover > a,
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption > a:focus {
    background-color:#eb1b23;
    color:#ffffff;
    font-weight:700;
}
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption:hover > a::after,
.ndlp-header__nav .SM_menuContentContainer .SM_menuOption > a:focus::after {
    content:'\203A';
    margin-left:12px;
    font-size:24px; line-height:1; font-weight:700;
    color:#ffffff;
}
/* "View All" sits as a footer strip — distinct from the regular rows */
.ndlp-header__nav .SM_menuContentContainer .SM_showAll { background-color:transparent; }
.ndlp-header__nav .SM_menuContentContainer .SM_showAll > a {
    background-color:#d6d6d6;
    color:#231f20;
    font-weight:700;
}
.ndlp-header__nav .SM_menuContentContainer .SM_showAll:hover > a,
.ndlp-header__nav .SM_menuContentContainer .SM_showAll > a:focus {
    background-color:#b50309;
    color:#ffffff;
}
.ndlp-header__nav .SM_menuContentContainer .SM_showAll:hover > a::after,
.ndlp-header__nav .SM_menuContentContainer .SM_showAll > a:focus::after {
    content:none;
}

.ndlp-header__cart {
    flex:none;
    display:flex; align-items:center;
    padding-left:16px; border-left:1px solid #e2e2e2;
    white-space:nowrap;
}
.ndlp-header__cart a, .ndlp-header__cart .CART_container {
    display:inline-flex; align-items:center; gap:6px;
    color:#b60309; text-decoration:none;
    font-family:'Roboto',sans-serif; font-size:12px; font-weight:700;
    letter-spacing:0.0546875em;
    white-space:nowrap;
}
.ndlp-header__cart .CART_imageContainer { height:12px; width:auto; display:block; flex:none; }
.ndlp-header__cart .CART_itemCount,
.ndlp-header__cart .CART_itemsLabel { white-space:nowrap; flex:none; }
.ndlp-header__cart .CART_itemsLabel { color:#363636; }

/* Login slide-down panel — keeps its existing toggle behaviour */
.ndlp-header__login-panel       { display:none; background:#ffffff; border-bottom:1px solid #d1d1d1; }
.ndlp-header__login-panel-inner { max-width:1172px; margin:0 auto; padding:24px 16px; }

/* Header responsive */
@media screen and (max-width:1024px) {
    .ndlp-header__nav .SM_navContainer .SM_mainMenuButton,
    .ndlp-header__nav .SM_navContainer .SM_mainMenuOption,
    .ndlp-header__nav .SM_navContainer a.SM_mainMenuOption,
    .ndlp-header__nav .SM_navContainer .SM_mainMenuOptionBlue { padding-left:14px; padding-right:14px; }
    .ndlp-header__nav .SM_navContainer > .floatRight { display:none; }
}
@media screen and (max-width:768px) {
    .ndlp-header__top-inner   { justify-content:flex-end; padding:0; }
    .ndlp-header__welcome     { display:none; }
    .ndlp-header__main-inner  { gap:16px; padding:0 12px; flex-wrap:wrap; }
    .ndlp-header__logo img    { height:40px; }
    .ndlp-header__search      { max-width:none; flex-basis:100%; margin-left:0; }
    .ndlp-header__nav-inner   { padding:0 12px; }
    .ndlp-header__nav .SM_navContainer { display:none; }
    .ndlp-header .pushMenu    { display:block; }
}


.ndlp-section__title {
    font-family:'Roboto','Poppins',sans-serif; font-size:29px;
    font-weight:700; color:#231f20; letter-spacing:-0.58px; line-height:1.1;
    margin:0;
}
.ndlp-section__view-all {
    font-family:'Roboto',sans-serif; font-size:12px; font-weight:700;
    color:#b60309; text-transform:uppercase; letter-spacing:0.05em;
    text-decoration:none;
}
.ndlp-section__view-all:hover { color:#ec2028; }

/* ── CTA Buttons ───────────────────────────────────────────── */
.ndlp-btn {
    display:inline-flex; align-items:center; justify-content:center;
    height:58px; padding:0 28px;
    font-family:'Roboto',sans-serif; font-size:14px; font-weight:700;
    letter-spacing:0.06em; text-transform:uppercase; text-decoration:none;
    white-space:nowrap; border:none; cursor:pointer;
    transition:background-color 0.15s, color 0.15s;
}
.ndlp-btn--red       { background:#ec2028; color:#ffffff; }
.ndlp-btn--red:link,
.ndlp-btn--red:visited,
.ndlp-btn--red:hover,
.ndlp-btn--red:focus,
.ndlp-btn--red:active { color:#ffffff; }
.ndlp-btn--red:hover { background:#b60309; }

/* ============================================================
   1. HERO  (Figma 1:186 — Hero Area 2)
   Figma: content column 1169px (376→1545). Light gray/white bg with
   forklift+parts composite photo bottom-right. Full-width black copy
   bar (150px) directly beneath, containing 4 carousel dots, copy,
   and red CTA.
   ============================================================ */
.ndlp-hero { position:relative; width:100%; background:#ffffff; padding-top:40px; }
.ndlp-hero__inner {
    position:relative;
    max-width:1172px; margin:0 auto;
    min-height:394px;
    background:linear-gradient(90deg,#f1f1f1 0%, #e6e6e6 55%, #d8d8d8 100%);
    overflow:hidden;
}
.ndlp-hero__left {
    position:relative; z-index:2;
    padding:110px 40px 40px 56px;
    max-width:560px;
}
.ndlp-hero__headline {
    font-family:'Roboto',sans-serif; font-size:43px; font-weight:800;
    color:#040003; line-height:42px; letter-spacing:-0.86px; margin:0;
}
.ndlp-hero__headline-sub { display: block; margin-top: 8px; font-size: 36px; line-height: 40px; letter-spacing: -0.72px; color: #b60309; font-weight: 800; }
.ndlp-hero__bg-image {
    position:absolute; right:0; bottom:0;
    width:645px; max-width:55%; height:auto; max-height:92%;
    object-fit:contain; pointer-events:none; z-index:1;
}
.ndlp-hero__bar { background: #ffffff; width: 100%; }
.ndlp-hero__bar-inner {
    max-width: 1172px; margin: 0 auto; padding: 20px 40px 36px;
    min-height: 150px; background: #000000; color:#ffffff;
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 24px; row-gap: 14px;
    align-items: center;
    text-align: left;
}
.ndlp-hero__nav-dots {
    grid-column: 1 / -1;
    justify-self: center;
    display:flex; align-items:center; gap:14px;
}
.ndlp-hero__dot {
    display:block; width:12px; height:12px;
    background:#ffffff;
}
.ndlp-hero__dot--active { background:#b60309; }
.ndlp-hero__copy {
    grid-column: 1;
    font-family:'Roboto',sans-serif; font-size:18px; font-weight:400;
    color:#ffffff; line-height:29px; margin:0;
    text-align: left;
}
.ndlp-hero__bar-inner > .ndlp-btn { grid-column: 2; justify-self: center; }
.ndlp-hero__search-hidden { display:none; }

/* ============================================================
   2. EQUIPMENT TYPES  (Figma 1:159)
   4 white cards 270×280 w/ 1px light-gray border. Image centered,
   thin divider + uppercase bold label at bottom. Right nav:
   30×30 squares — left gray outline, right solid red.
   ============================================================ */
.ndlp-equipment { padding:56px 0; background:#ffffff; }
.ndlp-equipment__header {
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:22px;
}
.ndlp-equipment__nav { display:flex; gap:8px; }
.ndlp-equipment__nav-btn {
    width:30px; height:30px; padding:0; cursor:pointer;
    background:transparent; display:inline-flex; align-items:center; justify-content:center;
    transition:background-color 0.15s;
}
.ndlp-equipment__nav-btn--prev { border:1px solid #d1d1d1; background:#ffffff; }
.ndlp-equipment__nav-btn--next { border:1px solid #ec2028; background:#ec2028; }
.ndlp-equipment__nav-btn--prev:hover { border-color:#ec2028; }
.ndlp-equipment__nav-btn--next:hover { background:#b60309; border-color:#b60309; }
.ndlp-eq-arrow {
    display:inline-block; width:0; height:0;
    border-top:4px solid transparent; border-bottom:4px solid transparent;
}
.ndlp-eq-arrow--left  { border-right:7px solid #d1d1d1; }
.ndlp-eq-arrow--right { border-left:7px solid #ffffff; }
.ndlp-equipment__nav-btn--prev:hover .ndlp-eq-arrow--left { border-right-color:#ec2028; }

.ndlp-equipment__grid {
    display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
}
.ndlp-equipment__card {
    position:relative; display:flex; flex-direction:column;
    text-decoration:none; background:#ffffff;
    border:1px solid #d1d1d1;
    aspect-ratio:270/280; overflow:hidden;
    transition:border-color 0.15s;
}
.ndlp-equipment__card:hover { border-color:#ec2028; }
.ndlp-equipment__img-wrap {
    flex:1; display:flex; align-items:center; justify-content:center;
    padding:24px;
}
.ndlp-equipment__img { max-width:100%; max-height:100%; object-fit:contain; display:block; }
.ndlp-equipment__label-wrap { padding:0 20px 18px; }
.ndlp-equipment__divider { width:100%; height:1px; background:#d1d1d1; margin-bottom:10px; }
.ndlp-equipment__label {
    display:block; font-family:'Roboto',sans-serif; font-size:14px; font-weight:700;
    color:#333333; text-transform:uppercase; line-height:16px; letter-spacing:0.01em;
}

/* ============================================================
   3. FEATURED FOR YOU  (Figma 1:144)
   Section title (Roboto Bold 29 black), then 1171×390 light-gray
   card. Image left (~569×390), text right (43px title, 16px body,
   red CTA right-aligned).
   ============================================================ */
.ndlp-featured { background:#ffffff; padding:40px 0 56px; }
.ndlp-featured__section-title { color:#000000; margin-bottom:18px; }
.ndlp-featured__card {
    display:grid; grid-template-columns:569px 1fr;
    min-height:390px; background:#e2e2e2;
    overflow:hidden;
}
.ndlp-featured__image-wrap {
    position:relative; overflow:hidden; min-height:390px;
    background:#d1d1d1;
    display:flex; align-items:center; justify-content:center;
}
.ndlp-featured__image-fallback,
.ndlp-featured__image-wrap img {
    width:100%; height:100%; object-fit:cover; display:block;
}
.ndlp-featured__body {
    padding:48px 48px 48px 52px;
    display:flex; flex-direction:column; justify-content:center; gap:16px;
}
.ndlp-featured__title {
    font-family:'Roboto',sans-serif; font-size:43px; font-weight:700;
    line-height:40px; letter-spacing:-1.075px; color:#231f20;
    margin:0;
}
.ndlp-featured__text {
    font-family:'Roboto',sans-serif; font-size:16px; font-weight:400;
    color:#000000; line-height:22px; margin:0;
    display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
}
.ndlp-featured__text h1,
.ndlp-featured__text h2,
.ndlp-featured__text h3,
.ndlp-featured__text h4,
.ndlp-featured__text h5,
.ndlp-featured__text h6,
.ndlp-featured__text p { margin: 0; }
.ndlp-featured__text * + h1,
.ndlp-featured__text * + h2,
.ndlp-featured__text * + h3,
.ndlp-featured__text * + h4,
.ndlp-featured__text * + h5,
.ndlp-featured__text * + h6,
.ndlp-featured__text * + p { margin-top: 8px; }
.ndlp-featured__text * + a,
.ndlp-featured__text * + .ndlp-btn { margin-top: 24px; }
.ndlp-featured__cta { align-self:flex-start; margin-top:auto; }

/* ============================================================
   4. POPULAR PRODUCTS  (Figma 1:47)
   ============================================================ */
.ndlp-popular { padding:40px 0 56px; background:#ffffff; }
.ndlp-popular__header {
    display:flex; align-items:baseline; justify-content:space-between;
    margin-bottom:22px;
}
.ndlp-popular .PC_popularProductsContainerHomePage {
    text-align:left; padding:0;
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
.ndlp-popular .PC_popularProductContainerHomePage {
    display:flex; flex-direction:column; align-items:stretch;
    width:auto; margin:0; padding:0;
    background:#ffffff; border:none;
    text-align:left;
}
.ndlp-popular .PC_imgPopularProductHomePage {
    height:148px; width:100%; object-fit:contain; background:transparent; padding:0;
}
.ndlp-popular .PC_popularProductTitle {
    font-family:'Roboto Condensed','Roboto',sans-serif;
    font-size:24px; font-weight:700; line-height:28px; letter-spacing:-0.6px;
    color:#363636; margin-top:16px;
}

/* ── misc sections ── */
.ndlp-recently { padding:40px 0; background:#f3f3f3; }
.ndlp-deals    { padding:40px 0; background:#ffffff; }
.ndlp-qrgs     { padding:40px 0; background:#f3f3f3; }

/* ============================================================
   7. WHY NEXTDAY  (Figma 1:33)
   Solid BLACK (#000) band with decorative chevron arrows on the
   left (very low opacity). Left column: red/white split headline
   + red CTA. Right column: 4 features, each with RED label on its
   own line followed by WHITE description.
   ============================================================ */
.ndlp-why { position:relative; padding:40px 0; }
.ndlp-why__inner {
    background:#000000 url('../Images/ndlp-why-bg.png') center center / cover no-repeat;
    position:relative; z-index:1;
    max-width:1172px; margin:0 auto; padding:72px 40px;
    display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
}
.ndlp-why__left { display:flex; flex-direction:column; gap:32px; padding-left:32px; }
.ndlp-why__title {
    font-family:'Roboto',sans-serif; font-size:43px; font-weight:800;
    line-height:48px; letter-spacing:-1.075px; margin:0;
}
.ndlp-why__title-red   { color:#ec2028; }
.ndlp-why__title-light { color:#d1d1d1; }
.ndlp-why__left .ndlp-btn--red { align-self:flex-start; }
.ndlp-why__features { display:flex; flex-direction:column; justify-content:center; gap:18px; }
.ndlp-why__feature {
    font-family:'Roboto',sans-serif; font-size:16px; font-weight:400;
    color:#ffffff; line-height:22px;
}
.ndlp-why__feature strong {
    display:block; color:#ec2028; font-weight:700; font-size:16px;
    text-transform:none; margin-bottom:2px;
}

/* ============================================================
   FOOTER  (Figma 1:6)
   Gray (#d1d1d1) band with 4 cols: Contact | Shop | Help | Logo.
   Red column titles, lowercase. Bottom near-black bar w/ copyright
   + payment icons.
   ============================================================ */
.ndlp-footer { background:#231f20; color:#f3f3f3; }
.ndlp-footer__main {
    display:grid; grid-template-columns:1.2fr 1fr 1.2fr 1fr;
    gap:40px; max-width:1172px; margin:0 auto; padding:48px 40px;
    align-items:start;
}
.ndlp-footer__col-title {
    font-family:'Roboto',sans-serif; font-size:16px; font-weight:700;
    color:#ec2028; text-transform:uppercase; letter-spacing:0;
    margin-bottom:16px;
}
.ndlp-footer__links { display:flex; flex-direction:column; gap:8px; }
.ndlp-footer__link  {
    font-family:'Roboto',sans-serif; font-size:12px; font-weight:500;
    color:inherit; text-decoration:none; line-height:30px;
    transition:color 0.15s;
}
.ndlp-footer__link:hover { color:#ec2028; }
.ndlp-footer__contact { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.ndlp-footer__contact li {
    display:flex; gap:10px; align-items:flex-start;
    font-family:'Roboto',sans-serif; font-size:12px; font-weight:500;
    color:inherit; line-height:18px;
}
.ndlp-footer__contact-ico {
    flex:none; width:22px; height:22px; display:inline-flex;
    align-items:center; justify-content:center;
    color:#ec2028; font-size:14px; line-height:1;
}
.ndlp-footer__logo { justify-self:end; align-self:start; padding-top:4px; }
.ndlp-footer__logo img { width:232px; height:auto; display:block; }

.ndlp-footer__bottom { background:#000000; }
.ndlp-footer__bottom-inner {
    max-width:1172px; margin:0 auto; padding:24px 40px;
    display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.ndlp-footer__copyright {
    font-family:'Inter','Roboto',sans-serif; font-size:12px; color:inherit;
    letter-spacing:-0.02em;
}
.ndlp-footer__payment img { height:28px; width:auto; display:block; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media screen and (max-width:1200px) {
    .ndlp-featured__card { grid-template-columns:1fr 1fr; }
}
@media screen and (max-width:1024px) {
    .ndlp-hero__left { padding:80px 24px 32px; }
    .ndlp-hero__headline { font-size:34px; line-height:36px; }
    .ndlp-hero__headline-sub { font-size:28px; line-height:32px; }
    .ndlp-hero__bg-image { max-width:48%; }
    .ndlp-equipment__grid { grid-template-columns:repeat(2,1fr); }
    .ndlp-featured__card { grid-template-columns:1fr; }
    .ndlp-why__inner { grid-template-columns:1fr; gap:32px; }
    .ndlp-footer__main { grid-template-columns:1fr 1fr; }
    .ndlp-footer__logo { justify-self:start; }
}
@media screen and (max-width:768px) {
    .ndlp-hero__inner { min-height:auto; }
    .ndlp-hero__bg-image { position:relative; width:100%; max-width:100%; margin-top:-20px; }
    .ndlp-hero__bar-inner { grid-template-columns:1fr; padding:20px; row-gap:16px; }
    .ndlp-hero__nav-dots { grid-column:1; justify-self:center; }
    .ndlp-hero__copy { grid-column:1; }
    .ndlp-hero__bar-inner > .ndlp-btn { grid-column:1; justify-self:start; }
    .ndlp-hero__copy { font-size:14px; line-height:22px; }
    .ndlp-hero__headline { font-size:26px; line-height:30px; }
    .ndlp-hero__headline-sub { font-size:22px; line-height:26px; }
    .ndlp-equipment__grid { grid-template-columns:repeat(2,1fr); }
    .ndlp-popular .PC_popularProductsContainerHomePage { grid-template-columns:repeat(2,1fr); }
    .ndlp-why__title { font-size:30px; line-height:34px; }
    .ndlp-footer__main { grid-template-columns:1fr; gap:28px; padding:32px 24px; }
}
@media screen and (max-width:480px) {
    .ndlp-equipment__grid { grid-template-columns:1fr 1fr; }
    .ndlp-popular .PC_popularProductsContainerHomePage { grid-template-columns:1fr; }
}