.elementor-617 .elementor-element.elementor-element-631abdc{--display:flex;--min-height:70vh;--justify-content:center;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-617 .elementor-element.elementor-element-631abdc:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-631abdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inertiasteeldoors.com/wp-content/uploads/2026/08/Products-hero-sec.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-617 .elementor-element.elementor-element-631abdc::before, .elementor-617 .elementor-element.elementor-element-631abdc > .elementor-background-video-container::before, .elementor-617 .elementor-element.elementor-element-631abdc > .e-con-inner > .elementor-background-video-container::before, .elementor-617 .elementor-element.elementor-element-631abdc > .elementor-background-slideshow::before, .elementor-617 .elementor-element.elementor-element-631abdc > .e-con-inner > .elementor-background-slideshow::before, .elementor-617 .elementor-element.elementor-element-631abdc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-617 .elementor-element.elementor-element-f0e1906{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-ab0a495{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-617 .elementor-element.elementor-element-71afcde .elementor-heading-title{font-family:"Big Shoulders Display", Sans-serif;font-size:70px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-617 .elementor-element.elementor-element-cb267a7{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-617 .elementor-element.elementor-element-cb267a7:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-cb267a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EFE8;}.elementor-617 .elementor-element.elementor-element-afd115d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-617 .elementor-element.elementor-element-0cc185d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}@media(min-width:768px){.elementor-617 .elementor-element.elementor-element-631abdc{--content-width:1200px;}.elementor-617 .elementor-element.elementor-element-ab0a495{--width:50%;}.elementor-617 .elementor-element.elementor-element-cb267a7{--content-width:1200px;}}@media(min-width:1025px){.elementor-617 .elementor-element.elementor-element-631abdc:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-631abdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-617 .elementor-element.elementor-element-631abdc{--min-height:60vh;}.elementor-617 .elementor-element.elementor-element-71afcde .elementor-heading-title{font-size:40px;}}/* Start custom CSS for theme-archive-title, class: .elementor-element-71afcde *//* -- Eyebrow / result count -- */
.elementor-widget-wc-archive-products .woocommerce-result-count{
  font-family: 'Mingzat', sans-serif;
  color: #14181C !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* -- Product title -- */
.elementor-widget-wc-archive-products ul.products li.product h2.woocommerce-loop-product__title,
.elementor-widget-wc-archive-products ul.products li.product a.woocommerce-loop-product__link{
  color: #14181C !important;
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-631abdc *//* =========================================================
   INERTIA — ELEMENTOR "WC ARCHIVE PRODUCTS" WIDGET STYLING
   Paste into: Elementor → Custom Code → Custom CSS
   ========================================================= */

:root{
  --ink:#14181C;
  --steel:#8A929D;
  --ivory:#F3EFE8;
  --bronze:#B0703A;
  --bronze-light:#D99B5F;
  --display: 'Big Shoulders Display', sans-serif;
  --body: 'Manrope', sans-serif;
  --mono: 'Space Mono', monospace;
}

/* -- Result count / sorting row -- */
.elementor-widget-wc-archive-products .woocommerce-result-count{
  font-family: var(--mono);
  font-size: 12px;
  color: var(--steel);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.elementor-widget-wc-archive-products .woocommerce-ordering select{
  font-family: var(--mono);
  font-size: 12px;
  border: 1px solid rgba(20,24,28,0.16);
  border-radius: 999px;
  padding: 8px 14px;
  background: #FFFFFF;
}

/* -- Grid gap (columns/count are already set in the widget's
   Content tab — this just controls spacing) -- */
.elementor-widget-wc-archive-products ul.products.elementor-grid{
  gap: 22px !important;
}

/* -- Card -- */
.elementor-widget-wc-archive-products ul.products li.product{
  background: #FFFFFF;
  border: 1px solid rgba(20,24,28,0.08);
  border-radius: 16px;
  overflow: hidden;
  padding: 0 !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.elementor-widget-wc-archive-products ul.products li.product:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 44px rgba(20,24,28,0.1);
  border-color: var(--bronze-light);
}

/* -- The shared image+title link -- */
.elementor-widget-wc-archive-products ul.products li.product a.woocommerce-loop-product__link{
  display: block;
  text-decoration: none;
  color: inherit;
}

/* -- Image -- */
.elementor-widget-wc-archive-products ul.products li.product img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  border-radius: 16px 16px 0 0;
  transition: transform .35s ease;
}
.elementor-widget-wc-archive-products ul.products li.product:hover img{
  transform: scale(1.04);
}

/* -- Title -- */
.elementor-widget-wc-archive-products ul.products li.product h2.woocommerce-loop-product__title{
  font-family: var(--display);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.15;
  margin: 0 !important;
  padding: 16px 18px 20px;
}

/* -- Price (only relevant once you enable it in the widget) -- */
.elementor-widget-wc-archive-products ul.products li.product .price{
  font-family: var(--body);
  font-weight: 700;
  color: var(--bronze);
  padding: 0 18px 16px;
  display: none; /* remove this line if you decide to show price later */
}

/* -- Add to Cart / Enquire button (only relevant once enabled) -- */
.elementor-widget-wc-archive-products ul.products li.product a.add_to_cart_button,
.elementor-widget-wc-archive-products ul.products li.product a.button{
  display: block;
  margin: 0 18px 20px !important;
  width: calc(100% - 36px);
  text-align: center;
  font-family: var(--body);
  font-weight: 700;
  font-size: 13.5px;
  padding: 12px 18px !important;
  background: var(--ink) !important;
  color: var(--ivory) !important;
  border-radius: 999px;
  transition: background .2s ease;
}
.elementor-widget-wc-archive-products ul.products li.product a.add_to_cart_button:hover,
.elementor-widget-wc-archive-products ul.products li.product a.button:hover{
  background: var(--bronze) !important;
}

/* -- Pagination -- */
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li a,
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li span{
  font-family: var(--mono);
  font-size: 12.5px;
  border-radius: 999px !important;
  padding: 10px 16px !important;
}
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li span.current,
.elementor-widget-wc-archive-products nav.woocommerce-pagination ul li a:hover{
  background: var(--ink) !important;
  color: var(--ivory) !important;
}


/* -- Product title -- */
.elementor-widget-wc-archive-products ul.products li.product h2.woocommerce-loop-product__title{
  font-family: 'Manrope', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #14181C !important;
  line-height: 1.3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb267a7 *//* =========================================================
   INERTIA — CATEGORY GRID (wc-categories widget) STYLING
   Matches the "Featured Collection" tile style from the homepage
   ========================================================= */

.elementor-widget-wc-categories ul.products.elementor-grid{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.elementor-widget-wc-categories ul.products li.product-category{
  position: relative;
  height: 380px;
  border-radius: 16px;
  overflow: hidden;
  list-style: none;
}

/* image fills the whole tile */
.elementor-widget-wc-categories ul.products li.product-category a{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.elementor-widget-wc-categories ul.products li.product-category img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0 !important;
  transition: transform .4s ease;
}
.elementor-widget-wc-categories ul.products li.product-category:hover img{
  transform: scale(1.06);
}

/* dark gradient overlay so text stays readable, like the homepage tiles */
.elementor-widget-wc-categories ul.products li.product-category a::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20,24,28,0) 30%, rgba(20,24,28,0.88) 100%);
  z-index: 1;
}

/* title + count, pinned to the bottom like the homepage cat-card */
.elementor-widget-wc-categories ul.products li.product-category h2.woocommerce-loop-category__title{
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  margin: 0 !important;
  font-family: 'Big Shoulders Display', sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 800;
  color: #F3EFE8 !important;
  line-height: 1.1;
}

/* the (1) count badge — reposition to top-left like the "INR-LX 01" tag on product cards */
.elementor-widget-wc-categories ul.products li.product-category mark.count{
  position: absolute;
  top: 16px;
  left: 24px;
  z-index: 2;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  color: #F3EFE8;
  background: rgba(20,24,28,0.55);
  padding: 5px 10px;
  border-radius: 999px;
  display: inline-block;
}

@media (max-width: 980px){
  .elementor-widget-wc-categories ul.products.elementor-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px){
  .elementor-widget-wc-categories ul.products.elementor-grid{
    grid-template-columns: 1fr !important;
  }
  .elementor-widget-wc-categories ul.products li.product-category{
    height: 300px;
  }
}

/* -- Replace the old mark.count rule with this -- */
.elementor-widget-wc-categories ul.products li.product-category mark.count{
  position: static !important;
  display: inline-block;
  margin-left: 8px;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  color: #F3EFE8;
  background: rgba(243,239,232,0.15);
  padding: 3px 9px;
  border-radius: 999px;
  vertical-align: middle;
}

/* -- Slightly adjust the title so it aligns nicely with the inline badge -- */
.elementor-widget-wc-categories ul.products li.product-category h2.woocommerce-loop-category__title{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.elementor-widget-wc-categories ul.products li.product-category mark.count{
  display: none;
}/* End custom CSS */