.elementor-18161 .elementor-element.elementor-element-de221c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-aa702d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-4f9d835{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-1c606e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-bc67e23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-b72e7b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-4221397{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-23a33ee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18161 .elementor-element.elementor-element-945f54c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18161 .elementor-element.elementor-element-a8f0599.elementor-widget-wl-product-related .products > h2{text-align:left;}.elementor-18161 .elementor-element.elementor-element-49c160a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-de221c8 *//* ===========================================================
   NEW CLASSIC | PRODUCT PAGES  (one Single Product template
   for every /product/... collection page)

   WHERE THIS GOES:
     Templates > Theme Builder > Single Product > "NCF Product"
     > Edit with Elementor > gear icon (bottom left) > Advanced
     > Custom CSS. Paste everything below this block.
     Do NOT include <style> tags - Elementor adds them.

   Needs: the outer container has CSS Classes "ncf-hp ncf-pdp",
   and the containers and widgets carry the classes listed in
   00-SETUP-GUIDE.md (pdp-crumbs, pdp-hero, pdp-media, pdp-info,
   pdp-title, pdp-sku, pdp-romance, pdp-specs, pdp-spec,
   pdp-spec-label, pdp-spec-body, pdp-related).

   Part 1 is the shared .ncf-hp foundation (same as the category
   template). Part 2 is the product page.
   =========================================================== */

/* ============================================================
   PART 1 - SHARED .ncf-hp FOUNDATION (trimmed)
   Brand: Metal Blue #1F262A / Orange #E09228 / Dusty Blue #7F9DAE
          Slate Gray #5B676D / Light Gray #E7E7E8
   ============================================================ */
.ncf-hp{
  --ink:#1F262A;
  --orange:#E09228;
  --orange-dk:#c47b1a;
  --dusty:#7F9DAE;
  --slate:#5B676D;
  --gray:#E7E7E8;
  --paper:#FAFAFA;
  --white:#ffffff;
  --line:rgba(31,38,42,.12);
  --radius:4px;
  --pad:clamp(20px,5vw,64px);
  --maxw:1240px;
  --side:max(var(--pad),calc((100% - var(--maxw)) / 2 + var(--pad)));
  --font:"neulis-sans","Neulis Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

  font-family:var(--font);
  color:var(--ink);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.ncf-hp *,.ncf-hp *::before,.ncf-hp *::after{box-sizing:border-box;}
.ncf-hp img{max-width:100%;display:block;}
.ncf-hp p{margin:0 0 1em;}
.ncf-hp h1,.ncf-hp h2,.ncf-hp h3,.ncf-hp h4{margin:0 0 .5em;line-height:1.12;letter-spacing:-.015em;font-weight:700;}
.ncf-hp a{color:inherit;}

.ncf-hp .eyebrow{font-size:clamp(11px,1.1vw,13px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dk);margin:0 0 14px;display:block;}

.ncf-hp .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.2;
  padding:15px 28px;border-radius:var(--radius);border:2px solid transparent;
  text-decoration:none;cursor:pointer;transition:.18s ease;
}
.ncf-hp .btn-primary{background:var(--orange);color:var(--ink);}
.ncf-hp .btn-primary:hover{background:#f0a338;color:var(--ink);transform:translateY(-1px);}
.ncf-hp .btn-outline{border-color:var(--ink);color:var(--ink);}
.ncf-hp .btn-outline:hover{background:var(--ink);color:var(--white);}
.ncf-hp .textlink{font-size:14.5px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:.18s ease;}
.ncf-hp .textlink:hover{color:var(--orange-dk);}

/* ---------- Guards (CLAUDE.md rules 3 and 4) ---------- */
.ncf-hp h1,.ncf-hp h2,.ncf-hp h3,.ncf-hp h4{font-family:var(--font);color:inherit;}
html .ncf-hp a{font-family:var(--font);font-size:inherit;font-weight:inherit;color:inherit;}
html .ncf-hp a:hover{color:inherit;}
.ncf-hp [hidden]{display:none!important;}
.ncf-hp a:focus-visible,.ncf-hp button:focus-visible{outline:2px solid var(--orange);outline-offset:3px;}


/* ============================================================
   PART 2 - PRODUCT PAGE
   ============================================================ */
.ncf-hp.ncf-pdp{--pdp-gap:clamp(32px,5vw,80px);background:var(--white);}

/* Widgets and containers sit flush - spacing comes from here */
.ncf-pdp > .elementor-element,
.ncf-pdp > .e-con-inner > .elementor-element{margin:0!important;width:100%;max-width:none;}
.ncf-pdp .elementor-widget{margin-bottom:0;}

/* ---------- Breadcrumb ---------- */
.ncf-hp .pdp-crumbs{padding:clamp(18px,2.4vw,28px) var(--side) 0!important;}
.ncf-hp .pdp-crumbs .woocommerce-breadcrumb{margin:0;padding:0;font-family:var(--font);font-size:13px;line-height:1.5;color:var(--slate);}
.ncf-hp .pdp-crumbs .woocommerce-breadcrumb a{color:var(--slate);text-decoration:none;font-size:13px;}
.ncf-hp .pdp-crumbs .woocommerce-breadcrumb a:hover{color:var(--ink);text-decoration:underline;}
.ncf-hp .pdp-crumbs .breadcrumb-separator{display:inline-block;margin:0 9px;color:rgba(91,103,109,.55);}
.ncf-hp .pdp-crumbs .breadcrumb-separator i{display:none;}
.ncf-hp .pdp-crumbs .breadcrumb-separator::before{content:"/";}

/* ---------- Hero: gallery left, details right ----------
   The two-column grid goes on whichever container directly holds
   both .pdp-media and .pdp-info, so a Boxed container or a missing
   pdp-hero class still lays out correctly. */
.ncf-hp .pdp-hero{padding:clamp(20px,2.6vw,36px) var(--side) clamp(56px,7vw,104px)!important;}
.ncf-hp .pdp-hero:has(> .e-con-inner){display:block!important;}
.ncf-hp .pdp-hero > .e-con-inner{padding:0!important;max-width:none!important;}
.ncf-hp .pdp-hero:not(:has(> .e-con-inner)),
.ncf-hp .pdp-hero > .e-con-inner,
.ncf-hp .e-con:has(> .pdp-media):has(> .pdp-info),
.ncf-hp .e-con-inner:has(> .pdp-media):has(> .pdp-info){
  display:grid!important;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--pdp-gap)!important;align-items:start;
}
.ncf-hp .pdp-media,
.ncf-hp .pdp-info{width:auto!important;max-width:none!important;min-width:0;padding:0!important;margin:0!important;position:relative;}
.ncf-hp .pdp-info{display:flex!important;flex-direction:column;gap:0!important;}
/* If only one column made it into the hero, let it use the full width */
.ncf-hp .pdp-hero .pdp-media:only-child,
.ncf-hp .pdp-hero .pdp-info:only-child{grid-column:1 / -1;}
/* Columns stick only when they really sit side by side, so the
   photo can never slide over the text */
@media (min-width:861px){
  .ncf-hp .pdp-media:has(+ .pdp-info),
  .ncf-hp .pdp-media + .pdp-info{position:sticky;top:28px;align-self:start;}
}

/* Gallery option 1: Product Images widget (WooThumbs plugin).
   WooThumbs sets itself to 42% wide and floats left site-wide;
   this makes it fill the column. */
.ncf-hp .pdp-media .woocommerce-product-gallery,
.ncf-hp .pdp-media .iconic-woothumbs-all-images-wrap{float:none!important;width:100%!important;max-width:none!important;margin:0!important;}
.ncf-hp .pdp-media .iconic-woothumbs-images__slide{background:#F3F3F1;}
/* Every photo sits in the same 3:2 frame and is fitted, not cropped.
   WooThumbs sizes the slider to the first photo, so without this a
   square product shot after a wide room shot gets cut off. */
.ncf-hp .pdp-media .iconic-woothumbs-images__image{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply;}
.ncf-hp .pdp-media .iconic-woothumbs-icon{color:var(--ink)!important;}
.ncf-hp .pdp-media .iconic-woothumbs-images__arrow path{stroke:var(--ink)!important;}
.ncf-hp .pdp-media .iconic-woothumbs-thumbnails-wrap{margin-top:10px;}
.ncf-hp .pdp-media .iconic-woothumbs-thumbnails__image-wrapper{background:#F3F3F1;border-radius:2px;}
.ncf-hp .pdp-media .iconic-woothumbs-thumbnails__image{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply;opacity:.6;transition:opacity .18s ease;}
.ncf-hp .pdp-media .iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image,
.ncf-hp .pdp-media .iconic-woothumbs-thumbnails__slide:hover .iconic-woothumbs-thumbnails__image{opacity:1;}

/* Gallery option 2: Woolentor Product Thumbnails Image widget.
   Thumbnails sit in a column on the left, clipped to the height of
   the main photo. White-background product shots blend into a soft
   gray stage (multiply), so they match the lifestyle photos. */
.ncf-hp .pdp-media .wlpro-product-thumbnails{margin:0!important;}
.ncf-hp .pdp-media .wl-thumbnails-image-area{display:block!important;position:relative;padding-left:90px;line-height:0;}
.ncf-hp .pdp-media .woolentor-thumbnails{position:absolute!important;left:0;top:0;bottom:0;float:none!important;width:76px!important;margin:0!important;padding:0!important;overflow:hidden;}
.ncf-hp .pdp-media .woolentor-learg-img{width:100%!important;margin:0!important;float:none!important;position:relative;background:#F3F3F1;border-radius:2px;overflow:hidden;}
.ncf-hp .pdp-media .single-product-media-action{display:none;}
.ncf-hp .pdp-media .woolentor-learg-img .wl-single-slider{display:block!important;background:#F3F3F1;line-height:0;}
.ncf-hp .pdp-media .woolentor-learg-img img{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:contain;background:transparent!important;mix-blend-mode:multiply;margin:0!important;}
.ncf-hp .pdp-media .woolentor-thumb-single{display:block!important;padding:0!important;background:#F3F3F1;border-radius:2px;}
.ncf-hp .pdp-media .woolentor-thumbnails .slick-slide{padding:0 0 8px!important;border:0!important;}
.ncf-hp .pdp-media .woolentor-thumbnails .slick-slide > div{line-height:0;}
.ncf-hp .pdp-media .woolentor-thumbnails .slick-slide img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;border-radius:2px;mix-blend-mode:multiply;opacity:.55;transition:opacity .18s ease,box-shadow .18s ease;cursor:pointer;margin:0!important;}
.ncf-hp .pdp-media .woolentor-thumbnails .slick-slide:hover img{opacity:.85;}
.ncf-hp .pdp-media .woolentor-thumbnails .slick-current img{opacity:1;box-shadow:0 0 0 1px var(--ink);}
.ncf-hp .pdp-media .woolentor-thumbnails .slick-arrow{display:none!important;}

/* Arrows + counter added by the page script */
.ncf-hp .pdp-nav{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:6px;}
.ncf-hp .pdp-nav button,
.ncf-hp .pdp-nav button:hover,
.ncf-hp .pdp-nav button:focus{
  appearance:none;-webkit-appearance:none;margin:0;padding:0;box-shadow:none;
  width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;font-family:var(--font);
  transition:background .18s ease;
}
.ncf-hp .pdp-nav button:hover{background:var(--white);}
.ncf-hp .pdp-nav svg{width:16px;height:16px;display:block;}
.ncf-hp .pdp-count{font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--ink);background:rgba(255,255,255,.92);border-radius:100px;padding:0 12px;height:40px;display:inline-flex;align-items:center;line-height:1;font-variant-numeric:tabular-nums;}

/* Eyebrow (room + New Introduction tag), built by the page script */
.ncf-hp .pdp-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dk);}
.ncf-hp .pdp-eyebrow a{text-decoration:none;}
.ncf-hp .pdp-eyebrow a:hover{color:var(--ink);}
.ncf-hp .pdp-new{display:inline-block;background:var(--ink);color:var(--white);font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1;padding:6px 9px;border-radius:2px;}

/* Title */
.ncf-hp .pdp-title .elementor-heading-title,
.ncf-hp .pdp-title h1{
  font-family:var(--font)!important;color:var(--ink)!important;
  font-size:clamp(30px,3.3vw,46px)!important;font-weight:700!important;
  line-height:1.08!important;letter-spacing:-.022em!important;margin:0!important;
  text-wrap:balance;
}

/* SKU */
.ncf-hp .pdp-sku{margin-top:14px!important;}
.ncf-hp .pdp-sku .woolentor_product_sku_info{font-family:var(--font);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);}
.ncf-hp .pdp-sku .sku-title{margin-right:6px;color:rgba(91,103,109,.7);}
.ncf-hp .pdp-sku .sku{color:var(--slate);}

/* Romance copy */
.ncf-hp .pdp-romance{margin-top:26px!important;padding-top:26px;border-top:1px solid var(--line);}
.ncf-hp .pdp-romance .woocommerce_product_description,
.ncf-hp .pdp-romance .elementor-widget-container{font-family:var(--font);font-size:16px;line-height:1.72;color:var(--slate);}
.ncf-hp .pdp-romance p{margin:0 0 1em;}
.ncf-hp .pdp-romance p:last-child{margin-bottom:0;}
.ncf-hp .pdp-romance.is-clamped .woocommerce_product_description{max-height:calc(1.72em * 6);overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);}
.ncf-hp .pdp-romance:not(:has(p,li)){display:none;}
.ncf-hp .pdp-more,
.ncf-hp .pdp-more:hover,
.ncf-hp .pdp-more:focus{
  appearance:none;-webkit-appearance:none;background:none;border:0;box-shadow:none;padding:0 0 2px;margin:12px 0 0;
  font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);
  border-bottom:1px solid currentColor;cursor:pointer;border-radius:0;
}
.ncf-hp .pdp-more:hover{color:var(--orange-dk);}

/* Actions (HTML widget 1) */
.ncf-hp .pdp-actions{margin-top:30px;}
.ncf-hp .pdp-facts{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0 0 26px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14.5px;}
.ncf-hp .pdp-facts dt{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding-top:2px;}
.ncf-hp .pdp-facts dd{margin:0;color:var(--ink);font-weight:500;}
.ncf-hp .pdp-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ncf-hp .pdp-cta .btn{padding:15px 18px;width:100%;}
.ncf-hp .pdp-note{margin:16px 0 0;font-size:14px;line-height:1.55;color:var(--slate);}
.ncf-hp .pdp-jump{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
.ncf-hp .pdp-jump a{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;}
.ncf-hp .pdp-jump a::after{content:" \2193";color:var(--orange-dk);}
.ncf-hp .pdp-jump a:hover{color:var(--orange-dk);}

/* ---------- Spec sheet: Features / Dimensions / Assembly ---------- */
.ncf-hp .pdp-specs{background:var(--paper);border-top:1px solid var(--line);padding:clamp(56px,7vw,104px) var(--side)!important;display:block!important;}
.ncf-hp .pdp-specs > .e-con-inner{display:block!important;padding:0!important;max-width:none!important;}
.ncf-hp .pdp-spec,
.ncf-hp .pdp-spec > .e-con-inner{
  display:grid!important;grid-template-columns:minmax(150px,3fr) minmax(0,9fr);
  gap:18px var(--pdp-gap)!important;align-items:start;
}
.ncf-hp .pdp-spec{padding:clamp(34px,4vw,52px) 0!important;margin:0!important;border-top:1px solid var(--line);scroll-margin-top:24px;width:auto!important;max-width:none!important;}
.ncf-hp .pdp-spec > .e-con-inner{padding:0!important;max-width:none!important;}
.ncf-hp .pdp-specs .pdp-spec:first-child,
.ncf-hp .pdp-specs > .e-con-inner > .pdp-spec:first-child{border-top:0;padding-top:0!important;}
.ncf-hp .pdp-specs .pdp-spec:last-child,
.ncf-hp .pdp-specs > .e-con-inner > .pdp-spec:last-child{padding-bottom:0!important;}
.ncf-hp .pdp-spec-label,
.ncf-hp .pdp-spec-body{width:auto!important;max-width:none!important;min-width:0;}
.ncf-hp .pdp-spec-label .elementor-heading-title,
.ncf-hp .pdp-spec-label h2{
  font-family:var(--font)!important;color:var(--ink)!important;
  font-size:clamp(20px,1.9vw,25px)!important;font-weight:700!important;line-height:1.2!important;
  letter-spacing:-.015em!important;margin:0!important;
}
.ncf-hp .pdp-spec-label .elementor-heading-title::before,
.ncf-hp .pdp-spec-label h2::before{content:"";display:block;width:28px;height:2px;background:var(--orange);margin:0 0 16px;}

/* Strip the saved templates' own container padding */
.ncf-hp .pdp-spec-body .e-con{padding:0!important;margin:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;gap:0!important;min-height:0!important;}
.ncf-hp .pdp-spec-body .e-con-inner{padding:0!important;max-width:none!important;gap:0!important;}
.ncf-hp .pdp-spec-body .elementor-widget{margin:0!important;width:100%;}
.ncf-hp .pdp-spec-body .elementor-widget-text-editor{font-family:var(--font);font-size:15.5px;line-height:1.65;color:var(--slate);}
.ncf-hp .pdp-spec-body p{margin:0 0 .8em;}

/* Features */
.ncf-hp .pdp-spec-body ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px clamp(28px,3.4vw,52px);}
.ncf-hp .pdp-spec-body ul li{margin:0;padding:18px 0 0;border-top:1px solid var(--line);font-size:15px;line-height:1.65;color:var(--slate);}
.ncf-hp .pdp-spec-body ul li strong{display:block;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.35;color:var(--ink);letter-spacing:-.005em;}
.ncf-hp .pdp-spec-body .elementor-widget-text-editor + .elementor-widget-text-editor{margin-top:22px!important;}

/* Color / Clean Code / Weight capacity, rebuilt by the script */
.ncf-hp .pdp-kv{display:grid;grid-template-columns:minmax(140px,max-content) 1fr;margin:clamp(30px,3.4vw,44px) 0 0;border-top:1px solid var(--ink);}
.ncf-hp .pdp-kv dt,
.ncf-hp .pdp-kv dd{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55;}
.ncf-hp .pdp-kv dt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding-right:24px;padding-top:16px;}
.ncf-hp .pdp-kv dd{color:var(--ink);}
.ncf-hp .pdp-kv dd ul{display:block;}
.ncf-hp .pdp-kv dd ul li{border:0;padding:0;display:flex;justify-content:space-between;gap:20px;color:var(--ink);font-size:14.5px;}
.ncf-hp .pdp-kv dd ul li + li{margin-top:6px;}
.ncf-hp .pdp-kv dd ul li span{color:var(--slate);font-variant-numeric:tabular-nums;white-space:nowrap;}

/* Dimensions */
.ncf-hp .pdp-spec-body table{width:100%!important;border-collapse:collapse!important;border:0!important;margin:0!important;font-family:var(--font);font-size:15px;table-layout:auto;}
.ncf-hp .pdp-spec-body table tr,
.ncf-hp .pdp-spec-body table td,
.ncf-hp .pdp-spec-body table th{background:transparent!important;border:0!important;}
.ncf-hp .pdp-spec-body table td,
.ncf-hp .pdp-spec-body table th{width:auto!important;padding:15px 20px 15px 0!important;border-bottom:1px solid var(--line)!important;vertical-align:top;text-align:left;color:var(--ink);line-height:1.45;}
.ncf-hp .pdp-spec-body table th{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);padding-top:0!important;border-bottom:1px solid var(--ink)!important;}
.ncf-hp .pdp-spec-body table td:first-child{width:1%!important;white-space:nowrap;font-size:13px;letter-spacing:.03em;color:var(--slate);padding-top:16px!important;}
.ncf-hp .pdp-spec-body table td:last-child,
.ncf-hp .pdp-spec-body table th:last-child{text-align:right;white-space:nowrap;padding-right:0!important;font-variant-numeric:tabular-nums;}
.ncf-hp .pdp-spec-body table tbody tr:hover td{background:rgba(31,38,42,.025)!important;}

/* Assembly - the script turns the links into this list */
.ncf-hp .pdp-docs{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3.4vw,52px);gap:0 clamp(28px,3.4vw,52px)!important;border-top:1px solid var(--ink);}
.ncf-hp .pdp-docs li{margin:0;padding:0!important;border:0!important;}
.ncf-hp .pdp-spec-body a{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;}
.ncf-hp .pdp-docs a,
.ncf-hp .pdp-spec-assembly .pdp-spec-body p > a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);transition:color .18s ease;}
.ncf-hp .pdp-docs a::after,
.ncf-hp .pdp-spec-assembly .pdp-spec-body p > a::after{content:"PDF";flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--orange-dk);border:1px solid currentColor;border-radius:2px;padding:4px 7px 3px;line-height:1;}
.ncf-hp .pdp-docs a:hover,
.ncf-hp .pdp-spec-assembly .pdp-spec-body p > a:hover{color:var(--orange-dk);}
.ncf-hp .pdp-spec-assembly .pdp-spec-body br{display:none;}

/* A spec row with nothing in it disappears */
.ncf-hp .pdp-spec:not(:has(.pdp-spec-body li,.pdp-spec-body td,.pdp-spec-body a,.pdp-spec-body dd)){display:none!important;}
.ncf-hp .pdp-specs:not(:has(.pdp-spec-body li,.pdp-spec-body td,.pdp-spec-body a,.pdp-spec-body dd)){display:none!important;}

/* ---------- Related collections ---------- */
.ncf-hp .pdp-related{padding:clamp(56px,7vw,104px) var(--side)!important;background:var(--white);}
.ncf-hp .pdp-related section.related{margin:0;padding:0;}
.ncf-hp .pdp-related section.related > h2{
  font-family:var(--font)!important;color:var(--ink)!important;text-align:left!important;
  font-size:clamp(24px,2.4vw,32px)!important;font-weight:700!important;line-height:1.15!important;
  letter-spacing:-.02em!important;margin:0 0 clamp(26px,3vw,40px)!important;padding:0!important;
}
.ncf-hp .pdp-related section.related > h2::before{content:"Keep exploring";display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dk);margin-bottom:12px;}
.ncf-hp .pdp-related ul.products{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:40px 28px!important;margin:0!important;padding:0!important;list-style:none!important;
}
.ncf-hp .pdp-related ul.products::before,
.ncf-hp .pdp-related ul.products::after{content:none!important;display:none!important;}
.ncf-hp .pdp-related ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important;position:relative;text-align:left!important;list-style:none!important;background:transparent;border:0;box-shadow:none;}
.ncf-hp .pdp-related ul.products li.product a.woocommerce-loop-product__link{display:block;color:var(--ink);text-decoration:none;}
.ncf-hp .pdp-related ul.products li.product a img{width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:cover;margin:0 0 16px!important;border-radius:2px;background:var(--gray);box-shadow:none!important;transition:opacity .2s ease;}
.ncf-hp .pdp-related ul.products li.product a:hover img{opacity:.9;}
.ncf-hp .pdp-related ul.products li.product .woocommerce-loop-product__title{font-family:var(--font)!important;color:var(--ink)!important;font-size:clamp(15px,1.25vw,17px)!important;font-weight:600!important;line-height:1.3!important;padding:0!important;margin:0 0 8px!important;}
.ncf-hp .pdp-related ul.products li.product a.woocommerce-loop-product__link::after{content:"View collection \2192";display:inline-block;font-size:13.5px;font-weight:600;color:var(--orange-dk);border-bottom:1px solid transparent;transition:border-color .18s ease;}
.ncf-hp .pdp-related ul.products li.product a.woocommerce-loop-product__link:hover::after{border-bottom-color:currentColor;}
.ncf-hp .pdp-related ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}

/* Nothing on this site can be bought - strip every commerce control */
.ncf-hp.ncf-pdp .price,
.ncf-hp.ncf-pdp .button,
.ncf-hp.ncf-pdp .add_to_cart_button,
.ncf-hp.ncf-pdp .added_to_cart,
.ncf-hp.ncf-pdp .star-rating,
.ncf-hp.ncf-pdp .onsale,
.ncf-hp.ncf-pdp form.cart,
.ncf-hp.ncf-pdp .woolentor-quick-checkout-btn-area,
.ncf-hp.ncf-pdp .woolentor-quick-checkout-button,
.ncf-hp.ncf-pdp [id^="woocommerce_loop_add_to_cart_link_describedby"]{display:none!important;}

/* ---------- Where to Buy / For the Trade band (HTML widget 2) ---------- */
.ncf-hp .cat-cta{background:var(--paper);padding:clamp(48px,6vw,80px) var(--side);border-top:1px solid var(--line);}
.ncf-hp .cat-cta .grid{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 44px rgba(31,38,42,.10);}
.ncf-hp .cat-cta .path{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;}
.ncf-hp .cat-cta .path.guest{background:var(--white);}
.ncf-hp .cat-cta .path.trade{background:#2A3439;color:var(--white);}
.ncf-hp .cat-cta .path .eyebrow{margin-bottom:12px;}
.ncf-hp .cat-cta .path.trade .eyebrow{color:var(--orange);}
.ncf-hp .cat-cta .path h2{font-size:clamp(22px,2.3vw,30px);margin:0 0 12px;}
.ncf-hp .cat-cta .path p{color:var(--slate);font-size:16px;max-width:46ch;}
.ncf-hp .cat-cta .path.trade p{color:#C9D3D8;}
.ncf-hp .cat-cta .links{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:auto;padding-top:14px;}
.ncf-hp .cat-cta .path.trade .textlink:hover{color:var(--orange);}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .ncf-hp .pdp-hero:not(:has(> .e-con-inner)),
  .ncf-hp .pdp-hero > .e-con-inner,
  .ncf-hp .e-con:has(> .pdp-media):has(> .pdp-info),
  .ncf-hp .e-con-inner:has(> .pdp-media):has(> .pdp-info){grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .ncf-hp .pdp-cta{grid-template-columns:1fr;}
  .ncf-hp .pdp-related ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .ncf-hp .pdp-related ul.products li.product:nth-child(n+4){display:none!important;}
}
@media (max-width:860px){
  .ncf-hp .pdp-hero:not(:has(> .e-con-inner)),
  .ncf-hp .pdp-hero > .e-con-inner,
  .ncf-hp .e-con:has(> .pdp-media):has(> .pdp-info),
  .ncf-hp .e-con-inner:has(> .pdp-media):has(> .pdp-info){grid-template-columns:minmax(0,1fr);gap:28px!important;}
  .ncf-hp .pdp-hero{padding-left:0!important;padding-right:0!important;}
  .ncf-hp .pdp-info{padding:0 var(--pad)!important;}
  .ncf-hp .pdp-media .wl-thumbnails-image-area{padding-left:0;}
  .ncf-hp .pdp-media .woolentor-thumbnails{display:none!important;}
  .ncf-hp .pdp-media .woolentor-learg-img{border-radius:0;}
  .ncf-hp .pdp-cta{grid-template-columns:1fr 1fr;}
  .ncf-hp .pdp-spec,
  .ncf-hp .pdp-spec > .e-con-inner{grid-template-columns:minmax(0,1fr);}
  .ncf-hp .pdp-spec-body ul{grid-template-columns:minmax(0,1fr);gap:22px;}
  .ncf-hp .pdp-docs{grid-template-columns:minmax(0,1fr);}
  .ncf-hp .pdp-related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 16px!important;}
  .ncf-hp .pdp-related ul.products li.product:nth-child(n+4){display:block!important;}
  .ncf-hp .cat-cta .grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .ncf-hp .pdp-cta{grid-template-columns:1fr;}
  .ncf-hp .pdp-nav{right:10px;bottom:10px;}
  .ncf-hp .pdp-nav button{width:36px;height:36px;}
  .ncf-hp .pdp-count{height:36px;}
  .ncf-hp .pdp-kv{grid-template-columns:1fr;}
  .ncf-hp .pdp-kv dt{border-bottom:0;padding-bottom:0;}
  /* Dimensions table stacks: item number over name, size underneath */
  .ncf-hp .pdp-spec-body table,
  .ncf-hp .pdp-spec-body table tbody{display:block;}
  .ncf-hp .pdp-spec-body table thead{display:none;}
  .ncf-hp .pdp-spec-body table tr{display:grid;grid-template-columns:1fr;padding:14px 0;border-bottom:1px solid var(--line)!important;}
  .ncf-hp .pdp-spec-body table tbody tr:first-child{border-top:1px solid var(--ink)!important;}
  .ncf-hp .pdp-spec-body table td,
  .ncf-hp .pdp-spec-body table td:first-child,
  .ncf-hp .pdp-spec-body table td:last-child{width:auto!important;padding:0!important;border:0!important;text-align:left;white-space:normal;}
  .ncf-hp .pdp-spec-body table td:first-child{font-size:12px;margin-bottom:2px;}
  .ncf-hp .pdp-spec-body table td:last-child{color:var(--slate);font-size:14px;margin-top:2px;}
  .ncf-hp .pdp-related ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;margin-bottom:4px!important;}
  .ncf-hp .pdp-related ul.products li.product a.woocommerce-loop-product__link::after{font-size:12.5px;}
  .ncf-hp .pdp-related ul.products li.product a img{margin-bottom:10px!important;}
}/* End custom CSS */