.elementor-2073 .elementor-element.elementor-element-fce7b96{--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;--overlay-opacity:0.57;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2073 .elementor-element.elementor-element-fce7b96:not(.elementor-motion-effects-element-type-background), .elementor-2073 .elementor-element.elementor-element-fce7b96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#969393;background-image:url("https://goodwill.redwet.co.in/wp-content/uploads/2026/09/6308.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2073 .elementor-element.elementor-element-fce7b96::before, .elementor-2073 .elementor-element.elementor-element-fce7b96 > .elementor-background-video-container::before, .elementor-2073 .elementor-element.elementor-element-fce7b96 > .e-con-inner > .elementor-background-video-container::before, .elementor-2073 .elementor-element.elementor-element-fce7b96 > .elementor-background-slideshow::before, .elementor-2073 .elementor-element.elementor-element-fce7b96 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2073 .elementor-element.elementor-element-fce7b96 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#050035;--background-overlay:'';}.elementor-2073 .elementor-element.elementor-element-d496a4f{--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-2073 .elementor-element.elementor-element-dca6bb8{--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-2073 .elementor-element.elementor-element-20a39b4{--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-2073 .elementor-element.elementor-element-46a7156{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2073 .elementor-element.elementor-element-a68286b{--grid-columns:3;}.elementor-2073 .elementor-element.elementor-element-8f7a481{--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;}@media(max-width:1024px){.elementor-2073 .elementor-element.elementor-element-a68286b{--grid-columns:2;}}@media(max-width:767px){.elementor-2073 .elementor-element.elementor-element-a68286b{--grid-columns:1;}}/* Start custom CSS *//* ==========================================================================
   GOODWILL GROUP — PRODUCTS PAGE STYLES (page-specific)
   Paste into the Products Archive Template's OWN Advanced → Custom CSS
   in Elementor — NOT Site Settings.

   Assumes global-site-styles.css is already loaded site-wide. No :root
   declarations here, so it's safe to scope per-template.
   ========================================================================== */

/* ===== 01-products-hero.html ===== */
/* No background set here on purpose — set the brand blue (and Full Width /
   Stretch) directly on this Section in Elementor's own Style tab, same
   way it's done on the Home page hero. Keeps this reliable instead of
   fighting Elementor's container settings from CSS. */
.products-hero{ padding-top:calc(var(--sp-2xl) + var(--header-height)); padding-bottom:var(--sp-2xl); }
.breadcrumb{ font-size:0.8rem; color:rgba(255,255,255,0.6); margin-bottom:1.25rem; }
.breadcrumb a{ color:#fff; text-decoration:underline; }
.breadcrumb span{ margin:0 0.4rem; }
.breadcrumb .current{ color:rgba(255,255,255,0.85); }
.products-hero h1{ font-size:var(--f-h1); color:#fff; }
.products-hero .lead{ margin-top:1rem; max-width:60ch; color:rgba(255,255,255,0.78); }


/* ===== 02-category-nav.html ===== */
.category-nav{ padding-top:var(--sp-xl); padding-bottom:var(--sp-xl); }
.cat-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--sp-md); }
.cat-card{
  display:block;
  background:var(--paper-alt);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:var(--sp-lg);
  transition:transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.cat-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); background:#fff; }
.cat-icon{
  display:inline-block;
  font-family:'Lato',sans-serif; font-weight:700; font-size:0.7rem;
  letter-spacing:0.05em; text-transform:uppercase;
  color:var(--blue); background:var(--blue-tint);
  padding:0.4rem 0.8rem; border-radius:2rem;
  margin-bottom:1rem;
}
.cat-card h3{ font-size:var(--f-h3); }
.cat-card p{ margin-top:0.5rem; font-size:var(--f-small); color:var(--muted); }
@media (max-width:700px){ .cat-grid{ grid-template-columns:1fr; } }


/* ===== 03-search-form.html ===== */
.search-section{ padding-bottom:var(--sp-xl); }
.search-form{
  display:flex;
  gap:0.75rem;
  max-width:560px;
  margin:0 auto;
  position:relative;
  align-items:center;
}
.search-form svg{
  position:absolute; left:1.1rem; top:50%; transform:translateY(-50%);
  width:16px; height:16px; stroke:var(--muted); pointer-events:none;
}
.search-form input[type="text"]{
  flex:1;
  font-family:'Lato', sans-serif;
  font-size:var(--f-body);
  padding:0.9rem 1.25rem 0.9rem 2.75rem;
  border:1.5px solid var(--line);
  border-radius:2rem;
  outline:none;
  transition:border-color 0.2s;
}
.search-form input[type="text"]:focus{ border-color:var(--blue); }
.search-form .btn{ flex-shrink:0; }
@media (max-width:560px){
  .search-form{ flex-direction:column; }
  .search-form .btn{ width:100%; }
}


/* ===== 05-products-faq.html =====
   Plain <details>/<summary> accordion — works with no JavaScript, and the
   answers stay in the page source for search engines even while collapsed. */
.pfaq{ padding-top:var(--sp-3xl); padding-bottom:var(--sp-3xl); }
.pfaq-list{
  max-width:820px;
  margin:var(--sp-xl) auto 0;
  display:flex; flex-direction:column; gap:0.75rem;
}
.pfaq .pfaq-item{
  background:var(--paper-alt);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  transition:background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.pfaq .pfaq-item[open]{
  background:#fff;
  border-color:transparent;
  box-shadow:var(--shadow-md);
}
.pfaq .pfaq-item summary{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.15rem 1.4rem;
  cursor:pointer;
  list-style:none;
  font-weight:700; font-size:var(--f-body); line-height:1.4;
  color:var(--ink);
  transition:color 0.2s ease;
}
.pfaq .pfaq-item summary::-webkit-details-marker{ display:none; }
.pfaq .pfaq-item summary:hover{ color:var(--blue); }
.pfaq .pfaq-item summary::after{               /* + / − icon */
  content:"+";
  flex:0 0 28px; width:28px; height:28px;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid var(--line); border-radius:50%;
  font-size:1.1rem; font-weight:400; line-height:1;
  color:var(--blue);
  transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.pfaq .pfaq-item[open] summary::after{ content:"\2212"; background:var(--blue); border-color:var(--blue); color:#fff; }
.pfaq .pfaq-a{
  padding:0 1.4rem 1.3rem;
  max-width:68ch;
  font-size:var(--f-small); line-height:1.75;
  color:var(--body);
}
@media (max-width:600px){
  .pfaq .pfaq-item summary{ padding:1rem 1.1rem; }
  .pfaq .pfaq-a{ padding:0 1.1rem 1.15rem; }
}/* End custom CSS */