:root{
  /* Brand palette (matching brochure style) */
  --gwa-navy:#0b2b5b;
  --gwa-navy-2:#061f44;
  --gwa-orange:#f28c28;
  --gwa-red:#c13a3a;
  --gwa-bg:#f7f7f7;
  --gwa-text:#1f2937;
}

/* Global spacing scale: reduce template oversized spacing */
.mt-150{ margin-top: 90px !important; }
.mb-150{ margin-bottom: 90px !important; }
.mt-100{ margin-top: 70px !important; }
.mb-100{ margin-bottom: 70px !important; }
.pt-80{ padding-top: 55px !important; }
.pb-80{ padding-bottom: 55px !important; }
.pt-100{ padding-top: 70px !important; }
.pb-100{ padding-bottom: 70px !important; }

.section-title{ margin-bottom: 45px !important; }

/* Breadcrumb section is very tall in template */
.breadcrumb-section{
  padding: 90px 0 !important;
  padding-top: 120px !important;
  background-attachment: scroll !important;
}
.breadcrumb-text h1{
  font-size: 42px !important;
  margin-top: 14px !important;
}
.breadcrumb-text p{
  letter-spacing: 5px !important;
}

@media (max-width: 767.96px){
  .mt-150{ margin-top: 60px !important; }
  .mb-150{ margin-bottom: 60px !important; }
  .pt-80{ padding-top: 40px !important; }
  .pb-80{ padding-bottom: 40px !important; }
  .breadcrumb-section{
    padding: 70px 0 !important;
    padding-top: 95px !important;
  }
  .breadcrumb-text h1{ font-size: 34px !important; }
}

/* Brand text + accents */
.orange-text{ color: var(--gwa-orange) !important; }

/* Product images: force standard size + alignment even if uploaded photos differ */
.single-product-item .product-image{
  width: 100%;
  height: 240px; /* standard frame */
  overflow: hidden;
  border-radius: 12px;
  background: #f3f4f6;
}
.single-product-item .product-image a{
  display: block;
  height: 100%;
}
.single-product-item .product-image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;        /* keep alignment, crop overflow */
  object-position: center;  /* center the subject */
}

/* Shop detail image on same page */
.single-product-img{
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: 14px;
  background: #f3f4f6;
}
.single-product-img img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 991px){
  .single-product-item .product-image{ height: 220px; }
  .single-product-img{ height: 300px; }
}
@media (max-width: 575.98px){
  .single-product-item .product-image{ height: 200px; }
  .single-product-img{ height: 260px; }
}

/* Product cards: make all cards same height so grid rows don't create big gaps */
.product-section .row > [class*="col-"]{
  display: flex;
}
.product-section .single-product-item{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 18px !important;
}
.product-section .single-product-item h3{
  min-height: 44px; /* keeps titles aligned */
  margin-bottom: 8px !important;
}
.product-section .single-product-item .product-price{
  min-height: 68px; /* category + prices area */
  margin-bottom: 10px !important;
}
.product-section .single-product-item .text-muted{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* keep cards uniform */
  line-clamp: 2; /* standard property (supported in newer browsers) */
  overflow: hidden;
  min-height: 40px;
  margin-bottom: 12px !important;
}
/* push buttons to bottom of card */
.product-section .single-product-item .d-flex{
  margin-top: auto;
}

/* Layout the header: logo left, menu centered, icons right */
.main-menu-wrap{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px;
}
.main-menu{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}
.main-menu ul{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.gwa-header-icons{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

/* Header (make it cleaner + shorter) */
.top-header-area{
  /* CEO/card accent: warm orange glass */
  background: linear-gradient(90deg, rgba(242,140,40,0.18) 0%, rgba(255,255,255,0.92) 55%, rgba(242,140,40,0.10) 100%) !important;
  box-shadow: 0 10px 30px rgba(2, 12, 14, 0.12);
  backdrop-filter: blur(8px);
  padding: 10px 0 !important; /* reduce height */
  border-bottom: 1px solid rgba(242,140,40,0.25);
}
.sticky-wrapper.is-sticky .top-header-area{
  background: linear-gradient(90deg, rgba(242,140,40,0.20) 0%, rgba(255,255,255,0.95) 55%, rgba(242,140,40,0.12) 100%) !important;
  padding: 8px 0 !important;
}

/* Header link colors (navy on white) */
nav.main-menu ul li a{
  color: var(--gwa-navy) !important;
  padding: 12px 14px !important; /* a bit larger */
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: .3px;
}
.top-header-area .header-icons a{
  color: var(--gwa-navy) !important;
  padding: 6px 8px !important;
}
.top-header-area .header-icons a:hover{
  color: var(--gwa-orange) !important;
}

/* Logo sizing */
.site-logo{
  padding: 0 !important;
  max-width: 90px !important;
}
.site-logo img{
  max-width: 90px !important;
  height: auto;
}

/* Keep cart badge visible on white header */
.shopping-cart .badge{
  background-color: var(--gwa-red) !important;
}

/* Buttons */
a.boxed-btn,
button.boxed-btn,
a.cart-btn,
button.cart-btn{
  background-color: var(--gwa-orange) !important;
  border-color: var(--gwa-orange) !important;
}
a.boxed-btn:hover,
button.boxed-btn:hover,
a.cart-btn:hover,
button.cart-btn:hover{
  background-color: var(--gwa-red) !important;
  border-color: var(--gwa-red) !important;
}
a.bordered-btn{
  border-color: var(--gwa-orange) !important;
  color: #fff !important;
}
a.bordered-btn:hover{
  border-color: var(--gwa-red) !important;
}

/* Menu link hover like brochure accent */
nav.main-menu ul li a:hover{
  color: var(--gwa-orange) !important;
}

nav.main-menu ul li.current-list-item > a{
  color: var(--gwa-orange) !important;
}

@media (max-width: 991px){
  .main-menu-wrap{
    display: block !important; /* let meanmenu handle mobile */
  }
  .gwa-header-icons{
    display: none; /* mobile uses existing search icon + menu */
  }
}

/* Breadcrumb overlay */
.breadcrumb-section:after{
  background-color: rgba(11, 43, 91, 0.75) !important;
}

/* Hero overlay: make image clearer + keep brand navy tone */
.hero-area:after{
  background-color: var(--gwa-navy) !important;
  opacity: 0.55 !important;
}
.hero-text p.subtitle{
  color: var(--gwa-orange) !important;
}

/* Links */
a{ color: var(--gwa-navy); }
a:hover{ color: var(--gwa-orange); }

/* Small helpers */
.gwa-topbar{
  background: var(--gwa-navy);
  color: #fff;
  font-size: 14px;
}
/* No fixed topbar: keep header at top */

.gwa-topbar a{ color: #fff; opacity: .95; }
.gwa-topbar a:hover{ color: var(--gwa-orange); }
.gwa-topbar .gwa-sep{ opacity: .5; padding: 0 10px; }

.gwa-card{
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
  padding: 22px;
}