.elementor-18174 .elementor-element.elementor-element-dc692c8{--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-18174 .elementor-element.elementor-element-32875a4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-18174 .elementor-element.elementor-element-32875a4.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-18174 .elementor-element.elementor-element-32875a4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-18174 .elementor-element.elementor-element-32875a4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-dc692c8 *//* ===========================================================
   NEW CLASSIC | CATEGORY PAGES  (one shared Products Archive
   template for every /product-category/... page)

   WHERE THIS GOES:
     Templates > Theme Builder > Products Archive > "NCF Category"
     > 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-cat",
   and the widgets carry the classes in 00-SETUP-GUIDE.md
   (cat-crumbs, cat-title, cat-intro, cat-grid, cat-seo).

   Part 1 is a trimmed copy of the shared .ncf-hp foundation
   (tokens, type, buttons, guards). Part 2 is the category 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 padding that lines content up with the 1240px .wrap,
     while backgrounds still run edge to edge */
  --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 .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}

.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;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 .btn-ghost{border-color:rgba(255,255,255,.45);color:var(--white);}
.ncf-hp .btn-ghost:hover{border-color:var(--white);background:rgba(255,255,255,.08);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;}
/* Site Settings style every link: orange, Helvetica, 16px, 400
   (.elementor-kit-13 a). "html .ncf-hp a" out-ranks that rule but
   still loses to every class-based rule below, so links take the
   page's own styles. */
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 - CATEGORY PAGE
   ============================================================ */

/* Widgets sit flush - spacing comes from this file, not Elementor */
.ncf-cat > .elementor-element,
.ncf-cat > .e-con-inner > .elementor-element{margin:0!important;width:100%;max-width:none;}

/* ---------- Header band: breadcrumb, H1, intro, room tabs ---------- */
.ncf-hp .cat-crumbs,
.ncf-hp .cat-title,
.ncf-hp .cat-intro{background:var(--paper);padding-left:var(--side);padding-right:var(--side);}

.ncf-hp .cat-crumbs{padding-top:clamp(20px,2.6vw,32px);}
.ncf-hp .cat-crumbs .woocommerce-breadcrumb{margin:0;padding:0;font-family:var(--font);font-size:13px;color:var(--slate);}
.ncf-hp .cat-crumbs .woocommerce-breadcrumb a{color:var(--slate);text-decoration:none;}
.ncf-hp .cat-crumbs .woocommerce-breadcrumb a:hover{color:var(--ink);text-decoration:underline;}

.ncf-hp .cat-title{padding-top:clamp(22px,3vw,40px);}
.ncf-hp .cat-title::before{content:"Collections";display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dk);margin-bottom:12px;font-family:var(--font);}
.ncf-hp .cat-title .elementor-heading-title,
.ncf-hp .cat-title h1{
  font-family:var(--font)!important;color:var(--ink)!important;
  font-size:clamp(34px,4.8vw,58px)!important;font-weight:700!important;
  line-height:1.06!important;letter-spacing:-.02em!important;margin:0!important;
}

.ncf-hp .cat-intro{padding-top:16px;padding-bottom:clamp(26px,3.4vw,40px);color:var(--slate);font-family:var(--font);font-size:clamp(16px,1.45vw,18.5px);line-height:1.6;}
.ncf-hp .cat-intro p{max-width:64ch;margin:0 0 .8em;}
.ncf-hp .cat-intro p:last-child{margin-bottom:0;}
.ncf-hp .cat-intro strong{color:var(--ink);font-weight:600;}

/* Room tabs (HTML widget 1) */
.ncf-hp .cat-tabs{background:var(--paper);padding-left:var(--side);padding-right:var(--side);border-bottom:1px solid var(--line);}
.ncf-hp .cat-tabs-in{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.ncf-hp .cat-tab-list{list-style:none;margin:0;padding:0;display:flex;gap:clamp(18px,2.4vw,34px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.ncf-hp .cat-tab-list::-webkit-scrollbar{display:none;}
.ncf-hp .cat-tab-list li{margin:0;padding:0;list-style:none;flex:0 0 auto;}
.ncf-hp .cat-tab{display:block;padding:15px 0 14px;font-size:15px;font-weight:600;color:var(--slate);text-decoration:none;white-space:nowrap;box-shadow:inset 0 -3px 0 transparent;transition:color .18s ease,box-shadow .18s ease;}
.ncf-hp .cat-tab:hover{color:var(--ink);box-shadow:inset 0 -3px 0 var(--gray);}
.ncf-hp .cat-tab[aria-current="page"],
body.term-new-introductions .ncf-hp .cat-tab[data-cat="new-introductions"],
body.term-bedroom .ncf-hp .cat-tab[data-cat="bedroom"],
body.term-dining .ncf-hp .cat-tab[data-cat="dining"],
body.term-living-room .ncf-hp .cat-tab[data-cat="living-room"],
body.term-motion .ncf-hp .cat-tab[data-cat="living-room"],
body.term-stationary .ncf-hp .cat-tab[data-cat="living-room"],
body.term-leather .ncf-hp .cat-tab[data-cat="living-room"],
body.term-sectionals .ncf-hp .cat-tab[data-cat="living-room"],
body.term-occasional .ncf-hp .cat-tab[data-cat="occasional"],
body.term-outdoor .ncf-hp .cat-tab[data-cat="outdoor"],
body.term-royal-classics .ncf-hp .cat-tab[data-cat="royal-classics"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--orange);}
.ncf-hp .cat-wtb{flex:0 0 auto;white-space:nowrap;}

/* ---------- Grid area ---------- */
.ncf-hp .cat-grid{background:var(--white);padding:0 var(--side) clamp(56px,7vw,96px);}

/* Filter bar - built by the page script, sits above the grid */
.ncf-hp .cat-bar{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding:clamp(22px,2.6vw,32px) 0 clamp(22px,2.6vw,30px);}
.ncf-hp .cat-chips{display:flex;flex-wrap:wrap;gap:8px;}
.ncf-hp .cat-chip,
.ncf-hp .cat-chip:hover,
.ncf-hp .cat-chip:focus{
  appearance:none;-webkit-appearance:none;margin:0;box-shadow:none;text-shadow:none;
  display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;
  font-family:var(--font);font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;
  color:var(--ink);background:var(--white);border:1px solid rgba(31,38,42,.22);border-radius:100px;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.ncf-hp .cat-chip:hover{border-color:var(--ink);}
.ncf-hp .cat-chip .n{font-weight:500;color:var(--slate);font-size:13px;}
.ncf-hp .cat-chip[aria-pressed="true"],
.ncf-hp .cat-chip[aria-pressed="true"]:hover,
.ncf-hp .cat-chip[aria-pressed="true"]:focus{background:var(--ink);border-color:var(--ink);color:var(--white);}
.ncf-hp .cat-chip[aria-pressed="true"] .n{color:#B9C4CA;}
.ncf-hp .cat-count{margin:0;font-size:14px;color:var(--slate);white-space:nowrap;}
.ncf-hp .cat-bar.no-chips{padding-bottom:18px;}

/* Hide the stock WooCommerce toolbar - the filter bar replaces it */
.ncf-hp .cat-grid .woocommerce-result-count,
.ncf-hp .cat-grid .woocommerce-ordering{display:none!important;}

/* Product grid. !important here wins the layout fight with
   WooCommerce's float grid and Elementor's own grid CSS. */
.ncf-hp .cat-grid ul.products{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:44px 28px!important;margin:0!important;padding:0!important;list-style:none!important;
}
.ncf-hp .cat-grid ul.products::before,
.ncf-hp .cat-grid ul.products::after{content:none!important;display:none!important;}
.ncf-hp .cat-grid 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 .cat-grid ul.products li.product[hidden]{display:none!important;}

/* Card */
.ncf-hp .cat-grid ul.products li.product a.woocommerce-loop-product__link{display:block;color:var(--ink);text-decoration:none;}
.ncf-hp .cat-grid 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 .cat-grid ul.products li.product a:hover img{opacity:.9;}
.ncf-hp .cat-grid 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;
  letter-spacing:-.005em;padding:0!important;margin:0 0 8px!important;
}
.ncf-hp .cat-grid 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 .cat-grid ul.products li.product a.woocommerce-loop-product__link:hover::after{border-bottom-color:currentColor;}
.ncf-hp .cat-grid 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;}

/* "New Introduction" badge - driven by the product's category,
   so it is always right. Not shown on the New Introductions page. */
.ncf-hp .cat-grid ul.products li.product.product_cat-new-introductions a.woocommerce-loop-product__link::before{
  content:"New Introduction";position:absolute;top:12px;left:12px;z-index:2;
  background:var(--orange);color:var(--ink);font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;line-height:1;padding:7px 10px;border-radius:2px;
}
body.term-new-introductions .ncf-hp .cat-grid ul.products li.product a.woocommerce-loop-product__link::before{content:none;display:none;}

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

/* Pagination - only seen if the script does not run */
.ncf-hp .cat-grid .woocommerce-pagination{margin-top:48px;text-align:center;}
.ncf-hp .cat-grid .woocommerce-pagination ul{display:inline-flex;gap:6px;border:0!important;margin:0;padding:0;}
.ncf-hp .cat-grid .woocommerce-pagination ul li{border:0!important;float:none;list-style:none;}
.ncf-hp .cat-grid .woocommerce-pagination a,
.ncf-hp .cat-grid .woocommerce-pagination span{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px!important;border:1px solid var(--line);border-radius:var(--radius);font-weight:600;color:var(--ink);text-decoration:none;background:var(--white);}
.ncf-hp .cat-grid .woocommerce-pagination span.current{background:var(--ink);color:var(--white);border-color:var(--ink);}
.ncf-hp .cat-grid.is-stitching .woocommerce-pagination{visibility:hidden;}

/* ---------- 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);}

/* ---------- SEO text (ACF field, Text Editor widget) ---------- */
.ncf-hp .cat-seo{background:var(--white);padding:clamp(48px,6vw,80px) var(--side);color:var(--slate);font-family:var(--font);font-size:15.5px;line-height:1.65;columns:2 340px;column-gap:clamp(32px,5vw,72px);}
.ncf-hp .cat-seo h2,.ncf-hp .cat-seo h3{font-family:var(--font)!important;color:var(--ink)!important;font-size:clamp(18px,1.6vw,21px)!important;font-weight:700!important;line-height:1.25!important;margin:0 0 10px!important;break-after:avoid;}
.ncf-hp .cat-seo p{margin:0 0 26px;break-inside:avoid;}
.ncf-hp .cat-seo a{color:var(--ink);font-weight:600;}
.ncf-hp .cat-seo a:hover{color:var(--orange-dk);}
.ncf-hp .cat-seo:not(:has(p,h2,h3)){display:none;}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .ncf-hp .cat-grid ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:820px){
  .ncf-hp .cat-grid ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 16px!important;}
  .ncf-hp .cat-wtb{display:none;}
  .ncf-hp .cat-tabs{padding-right:0;}
  .ncf-hp .cat-tab-list{padding-right:var(--pad);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);}
  .ncf-hp .cat-cta .grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .ncf-hp .cat-bar{flex-direction:column;align-items:flex-start;}
  .ncf-hp .cat-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:calc(100% + var(--pad));margin-right:calc(var(--pad) * -1);padding-right:var(--pad);}
  .ncf-hp .cat-chips::-webkit-scrollbar{display:none;}
  .ncf-hp .cat-chip,.ncf-hp .cat-chip:hover,.ncf-hp .cat-chip:focus{flex:0 0 auto;height:36px;padding:0 14px;font-size:13.5px;}
  .ncf-hp .cat-grid ul.products li.product a img{margin-bottom:10px!important;}
  .ncf-hp .cat-grid ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;margin-bottom:4px!important;}
  .ncf-hp .cat-grid ul.products li.product a.woocommerce-loop-product__link::after{font-size:12.5px;}
  .ncf-hp .cat-grid ul.products li.product.product_cat-new-introductions a.woocommerce-loop-product__link::before{top:8px;left:8px;font-size:9.5px;padding:6px 8px;}
}/* End custom CSS */