.elementor-384 .elementor-element.elementor-element-4a2b4e6{--display:flex;--min-height:240px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-384 .elementor-element.elementor-element-4a2b4e6:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-4a2b4e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-384 .elementor-element.elementor-element-713457c .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:66px;}.elementor-384 .elementor-element.elementor-element-7377597f{--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-384 .elementor-element.elementor-element-17ebf209{--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-384 .elementor-element.elementor-element-386ada7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-386ada7{text-align:start;}.elementor-384 .elementor-element.elementor-element-386ada7 .elementor-heading-title{font-family:"Saira Condensed", Sans-serif;font-size:46px;font-weight:700;text-transform:capitalize;line-height:52px;color:#FB0000;}.elementor-384 .elementor-element.elementor-element-2a36dd72 > .elementor-widget-container{margin:015px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-2a36dd72{text-align:start;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-384 .elementor-element.elementor-element-112f04fd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-384 .elementor-element.elementor-element-112f04fd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-384 .elementor-element.elementor-element-974f461{--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;}.elementor-384 .elementor-element.elementor-element-583154e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:90px;--padding-bottom:90px;--padding-left:80px;--padding-right:80px;}.elementor-384 .elementor-element.elementor-element-583154e1:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-583154e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f5f5f7;}.elementor-384 .elementor-element.elementor-element-54b160c{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-1aefc134{text-align:start;}.elementor-384 .elementor-element.elementor-element-1aefc134 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#E8620A;}.elementor-384 .elementor-element.elementor-element-59c4a362{text-align:start;}.elementor-384 .elementor-element.elementor-element-59c4a362 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:800;letter-spacing:-0.5px;color:#0d1117;}.elementor-384 .elementor-element.elementor-element-3a009cb9{text-align:start;}.elementor-384 .elementor-element.elementor-element-3a009cb9 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:15px;font-weight:400;line-height:1.6em;color:rgba(13,17,23,0.50);}.elementor-384 .elementor-element.elementor-element-74a839f6{text-align:start;}.elementor-384 .elementor-element.elementor-element-3fcffc8f{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-item{border-width:0px;border-color:rgba(13,17,23,0.10);}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-item .elementor-tab-content{border-width:0px;border-block-start-color:rgba(13,17,23,0.10);}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;border-block-end-color:rgba(13,17,23,0.10);}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-icon, .elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-title{color:#0d1117;}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-icon svg{fill:#0d1117;}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-accordion-title{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:600;}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-tab-title .elementor-accordion-icon i:before{color:rgba(13,17,23,0.40);}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-tab-title .elementor-accordion-icon svg{fill:rgba(13,17,23,0.40);}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#E8620A;}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#E8620A;}.elementor-384 .elementor-element.elementor-element-f6ff3d0 .elementor-tab-content{color:rgba(13,17,23,0.65);font-family:"Barlow", Sans-serif;font-size:14px;font-weight:400;line-height:1.7em;}.elementor-384 .elementor-element.elementor-element-23d3e4f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-384 .elementor-element.elementor-element-23d3e4f:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-23d3e4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0d0d0d;}.elementor-384 .elementor-element.elementor-element-23d3e4f > .elementor-background-overlay{background-color:rgba(0,0,0,0.72);opacity:0.72;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-384 .elementor-element.elementor-element-23d3e4f > .elementor-container{min-height:420px;}.elementor-384 .elementor-element.elementor-element-23d3e4f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-384 .elementor-element.elementor-element-49bf095 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-384 .elementor-element.elementor-element-ca7e172 > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-384 .elementor-element.elementor-element-ca7e172{text-align:center;}.elementor-384 .elementor-element.elementor-element-ca7e172 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#e63535;}.elementor-384 .elementor-element.elementor-element-d55d108 > .elementor-widget-container{margin:0px 0px 18px 0px;}.elementor-384 .elementor-element.elementor-element-d55d108{text-align:center;}.elementor-384 .elementor-element.elementor-element-d55d108 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:58px;font-weight:700;line-height:1.15em;color:#ffffff;}.elementor-384 .elementor-element.elementor-element-f41eafd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Lato", Sans-serif;font-size:16px;line-height:1.75em;color:#b8b8b8;}.elementor-384 .elementor-element.elementor-element-f41eafd > .elementor-widget-container{margin:0px autopx 36px autopx;}.elementor-384 .elementor-element.elementor-element-3c0255b .elementor-button{background-color:#25D366;fill:#FFFFFF;color:#FFFFFF;}.elementor-384 .elementor-element.elementor-element-3c0255b .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-3c0255b .elementor-button:focus{background-color:#02010100;}.elementor-384 .elementor-element.elementor-element-3c0255b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-3c0255b > .elementor-widget-container{margin:0px 20px 0px 0px;}.elementor-384 .elementor-element.elementor-element-3c0255b .elementor-button-content-wrapper{flex-direction:row;}.elementor-384 .elementor-element.elementor-element-41d29c0 .elementor-button{background-color:#FF0000;}.elementor-384 .elementor-element.elementor-element-41d29c0 .elementor-button:hover, .elementor-384 .elementor-element.elementor-element-41d29c0 .elementor-button:focus{background-color:#02010100;}.elementor-384 .elementor-element.elementor-element-41d29c0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-384 .elementor-element.elementor-element-41d29c0 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-384 .elementor-element.elementor-element-41d29c0 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-384 .elementor-element.elementor-element-17ebf209{--width:100%;}.elementor-384 .elementor-element.elementor-element-974f461{--content-width:1600px;}}@media(max-width:1024px){.elementor-384 .elementor-element.elementor-element-7377597f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-384 .elementor-element.elementor-element-17ebf209{--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-384 .elementor-element.elementor-element-386ada7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-386ada7 .elementor-heading-title{font-size:32px;line-height:38px;}.elementor-384 .elementor-element.elementor-element-2a36dd72 > .elementor-widget-container{margin:10px 0px -15px 0px;padding:0px 100px 0px 100px;}.elementor-384 .elementor-element.elementor-element-2a36dd72{font-size:14px;line-height:20px;}.elementor-384 .elementor-element.elementor-element-112f04fd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-384 .elementor-element.elementor-element-583154e1{--padding-top:70px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}.elementor-384 .elementor-element.elementor-element-59c4a362 .elementor-heading-title{font-size:38px;}.elementor-384 .elementor-element.elementor-element-23d3e4f{padding:60px 20px 60px 20px;}.elementor-384 .elementor-element.elementor-element-d55d108 .elementor-heading-title{font-size:44px;}.elementor-384 .elementor-element.elementor-element-f41eafd{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;font-size:15px;}}@media(max-width:767px){.elementor-384 .elementor-element.elementor-element-4a2b4e6{--min-height:135px;}.elementor-384 .elementor-element.elementor-element-713457c .elementor-heading-title{font-size:30px;}.elementor-384 .elementor-element.elementor-element-7377597f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-384 .elementor-element.elementor-element-386ada7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-386ada7 .elementor-heading-title{font-size:34px;}.elementor-384 .elementor-element.elementor-element-2a36dd72 > .elementor-widget-container{margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-2a36dd72{font-size:13px;line-height:18px;}.elementor-384 .elementor-element.elementor-element-112f04fd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-384 .elementor-element.elementor-element-583154e1{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-384 .elementor-element.elementor-element-59c4a362 .elementor-heading-title{font-size:30px;}.elementor-384 .elementor-element.elementor-element-23d3e4f{padding:50px 15px 50px 15px;}.elementor-384 .elementor-element.elementor-element-d55d108 .elementor-heading-title{font-size:32px;}.elementor-384 .elementor-element.elementor-element-f41eafd{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;font-size:14px;}.elementor-384 .elementor-element.elementor-element-3c0255b{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-3c0255b > .elementor-widget-container{margin:14px 14px 14px 14px;}.elementor-384 .elementor-element.elementor-element-41d29c0{width:100%;max-width:100%;}.elementor-384 .elementor-element.elementor-element-41d29c0 > .elementor-widget-container{margin:0px 0px 0px 0px;}}



/* Start custom CSS for wc-archive-products, class: .elementor-element-112f04fd *//* --- 1. Branding Variables --- */
.elementor-384 .elementor-element.elementor-element-112f04fd {
  --hbr-accent: red; /* Yellow brand color (Change to #f26522 for HBR orange) */
  --hbr-card-bg: #ffffff; /* Clean white product background */
  --hbr-text-main: #112232; /* Dark navy text for readability */
  --hbr-text-muted: #6b7280; /* Gray for price text */
}

/* --- 2. The Main Grid Container --- */
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 1.5rem !important;
  background-color: transparent !important; /* Removed overall background color */
  padding: 1rem 0 !important;
  margin: 0 !important;
}

.elementor-384 .elementor-element.elementor-element-112f04fd ul.products::before,
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products::after {
  display: none !important; /* Removes WordPress clearfix hacks */
}

/* --- 3. The Product Card --- */
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product {
  background-color: var(--hbr-card-bg) !important;
  border: 2px solid var(--hbr-accent) !important; /* Yellow HBR Border */
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important; 
  margin: 0 !important;
  float: none !important;
}

.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important; /* Soft shadow on hover */
}

/* --- 4. The Image Area --- */
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
  background: transparent; /* Removed the dark spotlight gradient */
  border-bottom: 1px solid #f3f4f6; /* Very light gray line under image */
  padding: 2rem 1.5rem;
  text-align: center;
  position: relative;
}

.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product img {
  max-height: 220px !important;
  width: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transition: transform 0.4s ease !important;
}

.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product:hover img {
  transform: scale(1.05) translateY(-5px) !important;
}

/* --- 5. Typography (Title & Price) --- */
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product .woocommerce-loop-product__title {
  color: var(--hbr-text-main) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin: 1.25rem 1.5rem 0.25rem !important;
  font-family: 'Montserrat', sans-serif !important;
  text-align: left !important;
  padding: 0 !important;
}

.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product .price {
  color: var(--hbr-text-muted) !important;
  font-size: 0.95rem !important;
  margin: 0 1.5rem 1.25rem !important;
  text-align: left !important;
  flex-grow: 1; /* Pushes the button to the bottom */
}

/* --- 6. The Button --- */
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product .button {
  margin: auto 1.5rem 1.5rem !important;
  background-color: var(--hbr-accent) !important;
  color: #000000 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.8rem !important;
  padding: 0.8rem 1rem !important;
  text-align: center !important;
  display: block !important;
  transition: all 0.2s ease !important;
}

.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product .button:hover {
  filter: brightness(1.1) !important;
  transform: scale(1.02) !important;
}

/* --- 7. Sale / Category Badge --- */
.elementor-384 .elementor-element.elementor-element-112f04fd ul.products li.product .onsale {
  background-color: var(--hbr-text-main) !important; /* Made dark navy to contrast with white card */
  color: #ffffff !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 0.35rem 0.75rem !important;
  border-radius: 50px !important;
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  right: auto !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;
  z-index: 9;
}/* End custom CSS */