/* AIDI homepage body styles based on reference index.html */

.aidi-home, .aidi-shop {
  font-family: "Roboto", "Open Sans", Arial, sans-serif;
  color: #222222;
}

.aidi-home h1,
.aidi-home h2,
.aidi-home h3,
.aidi-home h4,
.aidi-home h5,
.aidi-home h6 {
  font-family: 'bankgothicbold', 'Montserrat', sans-serif;
  text-transform: uppercase;
}

/* Color utility classes */
.aidi-home .charcoal-black {color:#1E1E1E;}
.aidi-home .graphite-gray {color:#494f54;}
.aidi-home .deep-teal-blue {color:#2e5564;}
.aidi-home .teal-gray {color:#736d6f;}
.aidi-home .sandstone-beige {color:#B9A392;}
.aidi-home .copper-brown {color:#9C5A3C;}
.aidi-home .olive-bronze {color:#6B6A2B;}

.aidi-home .text-off-gray{color: #9ca2ae;}
.aidi-home .text-gold {color: #c5a065;}

/* Container width for homepage sections */
.aidi-home .container {
  max-width: 1295px;
  margin: 0 auto;
  padding: 0 15px;
}

.cms-page-view-aidi-home .page-wrapper,
.cms-page-view-aidi-shop .page-wrapper {
  overflow: visible !important;
}


/* Hero / banner section */
.aidi-home .banner-main-wrapper {}

.aidi-home .banner-main-wrapper .hero-products {
  background:#1f1b1c;
}

.aidi-home .banner-main-wrapper .hero-title {
  font-size:35px;
  text-transform:uppercase;
  line-height:1.2;
  margin-bottom:20px;
}

.aidi-home .banner-main-wrapper .hero-text {
  font-size: 15px;
  line-height: 1.8;
  color: #e0e0e0;
}

/* Product cards in hero */
.aidi-home .banner-main-wrapper .product-card{
  border-radius: 10px;
}

.aidi-home .banner-main-wrapper .product-cd-img{
  overflow: hidden;
  border-radius: 10px;
}

.aidi-home .banner-main-wrapper .product-card img {
  width: 100%;
  height: auto;
  border: none;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.aidi-home .banner-main-wrapper .product-card img:hover{
  transform: scale(1.06);
  cursor: pointer;
}

.aidi-home .banner-main-wrapper .product-title {
  margin-top: 12px;
  color: #ffffff;
  position: relative;
  font-weight: normal;
  margin-bottom: 15px;
  font-size:17px;
  font-family: 'bankgothic_md_btmedium', 'Montserrat', sans-serif;
}

/*.aidi-home .banner-main-wrapper .product-title::after {
  content: "";
  display: inline-block;
  background: url('../images/home/aidi-star.png') no-repeat;
  width: 15px;
  height: 27px;
  vertical-align: middle;
  position: absolute;
  right:-28px;
}*/

.aidi-home .banner-main-wrapper .product-card-wrapper .col-md-4:last-child .product-title::after{
  display: none;
}

/* Main category cards */
.aidi-home .main-category-wrapper .section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.aidi-home .main-category-wrapper .feature-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #222;
}

.aidi-home .main-category-wrapper .image-box {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #eee;
}

.aidi-home .main-category-wrapper .image-box img {
  border-radius: 8px;
  width: 100%;
}

/* "AIDI-ng your projects" section */
.aidi-home .adding-project-wrapper .aiding-projects {
  background-color: #f7f6f4;
}

.aidi-home .main-category-wrapper .section-title,
.aidi-home .adding-project-wrapper .section-title,
.aidi-home .add-inspiration-wrapper .insp-title,
.aidi-home .aiding-design-wrapper .design-title,
.aidi-home .aiding-education-wrapper .edu-title
{
  font-weight: normal;
  color: #8b8b8b !important;
  font-size: 3.2rem;
}

.aidi-home .adding-project-wrapper .section-desc {
  color: #222;
  font-size: 15px;
  line-height: 1.7;
}

.aidi-home .adding-project-wrapper .content-heading {
  margin-top: 28px;
  font-size: 21px;
  font-weight: normal;
  text-transform: uppercase;
}

.aidi-home .adding-project-wrapper .content-text {
  font-size: 14px;
  line-height: 1.7;
  color: #222;
}

.aidi-home .adding-project-wrapper .shop-btn {
  background-color: #9c6b5d;
  color: #fff;
  padding: 10px 28px;
  border-radius: 6px;
  letter-spacing: 1px;
  font-weight: 600;
}

.aidi-home .adding-project-wrapper .shop-btn:hover {
  background-color: #85584c;
  color: #fff;
}

.aidi-home .adding-project-wrapper .image-stack {
  position: relative;
  min-height: 420px;
}

/* Inspiration section */
.aidi-home .add-inspiration-wrapper {}

.aidi-home .add-inspiration-wrapper .inspiration {
  background: #fff;
}

.aidi-home .add-inspiration-wrapper .insp-title {
  font-weight: normal;
  color: #8d8d8d;
}

.aidi-home .add-inspiration-wrapper .insp-desc {
  font-size: 15px;
  line-height: 1.7;
}

.aidi-home .inspiration .col-lg-5{width: 40%;}
.aidi-home .inspiration .col-lg-2{width:19%;}
.aidi-home .inspiration .col-lg-3{width: 22%;}

.aidi-home .add-inspiration-wrapper .insp-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
}

.aidi-home .add-inspiration-wrapper .insp-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.aidi-home .add-inspiration-wrapper .card-lg {
  height: 375px;
}

.aidi-home .add-inspiration-wrapper .card-lg.design-gallery-card{
  height: 300px;
}

.aidi-home .add-inspiration-wrapper .card-sm {
  height: 200px;
}

.aidi-home .design-head-block{
  background:#f0f0f0;
  color:#231f20;
  min-height:60px;
  border-radius:20px;
  margin-top: 15px;
  text-align: center;
  line-height: 60px;
  font-size:18px;
  font-weight: normal;
  font-family: 'bankgothicbold', 'Montserrat', sans-serif;
}

.aidi-home .design-head-block a {
  text-decoration: none;
}

.aidi-home .add-inspiration-wrapper .insp-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 22px;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent);
  color: #fff;
  font-size:18px;
  font-weight: normal;
  font-family: 'bankgothicbold', 'Montserrat', sans-serif;
}

.aidi-home .add-inspiration-wrapper .light .insp-overlay {
  background: transparent;
  color: #000;
}

.aidi-home .add-inspiration-wrapper .insp-card:hover img {
  transform: scale(1.06)
}

/* Aiding design section */
.aidi-home .aiding-design-wrapper {}

.aidi-home .aiding-design-wrapper .aiding-design {
  background: #f7f6f4;
}

.aidi-home .aiding-design-wrapper .design-title {
  font-weight: normal;
  color: #8d8d8d;
}

.aidi-home .aiding-design-wrapper .design-desc {
  max-width: 760px;
  font-size: 15px;
  line-height: 1.7;
}

.aidi-home .aiding-design-wrapper .design-card {
  height: 100%;
}

.aidi-home .aiding-design-wrapper .design-img {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 18px;
}

.aidi-home .aiding-design-wrapper .design-img img {
  width: 100%;
  border-radius: 10px;
}

.aidi-home .aiding-design-wrapper .design-dec{
  min-height:150px;
}

.aidi-home .aiding-design-wrapper .design-card h5 {
  font-weight: normal;
  margin-bottom: 15px;
  font-size:22px;
  font-family: 'bankgothic_md_btmedium', 'Montserrat', sans-serif;
}

.aidi-home .aiding-design-wrapper .design-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #222;
  margin-bottom: 14px;
}

.aidi-home .aiding-design-wrapper .design-card a {
  font-size: 14px;
  color: #000;
  text-decoration: underline;
  font-weight: 500;
}

.aidi-home .aiding-design-wrapper .design-card a:hover {
  color: #9c6b5d;
}

/* Aiding education section */
.aidi-home .aiding-education-wrapper {}

.aidi-home .aiding-education-wrapper .aiding-education {
  background: #fff;
}

.aidi-home .aiding-education-wrapper .edu-title {
  font-weight: normal;
  color: #8d8d8d;
}

.aidi-home .aiding-education-wrapper .edu-desc {
  max-width: 760px;
  font-size: 15px;
  line-height: 1.7;
}

.aidi-home .aiding-education-wrapper .edu-card {
  height: 100%;
}

.aidi-home .aiding-education-wrapper .edu-decs{
  min-height:140px;
}

.aidi-home .aiding-education-wrapper .edu-icon {
  margin-bottom: 16px;
}

.aidi-home .aiding-education-wrapper .edu-icon-box {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background: #efdfd6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8b5f4a;
  font-size: 22px;
  margin-bottom: 12px;
}

.aidi-home .aiding-education-wrapper .edu-card h5 {
  font-weight: normal;
  margin-bottom: 15px;
  font-size:22px;
  font-family: 'bankgothic_md_btmedium', 'Montserrat', sans-serif;
  width: 75%;
}

.aidi-home .aiding-education-wrapper .edu-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #222;
  margin-bottom: 20px;
}

.aidi-home .aiding-education-wrapper .edu-btn {
  background: #9c6b5d;
  color: #fff;
  padding: 10px 26px;
  font-size:16px;
  border-radius: 6px;
  font-family: 'bankgothicbold', 'Montserrat', sans-serif;
}

.aidi-home .aiding-education-wrapper .edu-btn:hover {
  background: #85584c;
  color: #fff;
}

/* aidi-shop BEIGN */
.aidi-shop {}
/* ===== CATEGORY SHORTCUT STRIP (STICKY) ===== */
.shop-now-list .category-strip {background-color: #ffffff;padding: 20px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.06);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);position: sticky;top: 0;z-index: 899;}
.shop-now-list .category-strip .container {display: flex;justify-content: center;}
.shop-now-list .category-scroll-wrapper {display: flex;gap: 1.25rem;justify-content: center;padding: 0.25rem 1rem;align-items: baseline;overflow-x: auto;scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE/Edge */flex-wrap: nowrap;}
.shop-now-list .category-scroll-wrapper::-webkit-scrollbar {display: none; /* Chrome/Safari */}
.shop-now-list .category-item {display: flex;flex-direction: column;align-items: center;flex-shrink: 0;text-decoration: none;transition: transform 0.18s ease, opacity 0.18s ease;color: inherit;}
.shop-now-list .category-item:hover {transform: translateY(-4px);} 
.shop-now-list .category-image {display:block;width: 100px;height: 100px;overflow: hidden;background-color: #fff;border-radius: 12px;transition: transform .2s, box-shadow .2s;box-shadow: 0 4px 10px rgba(0,0,0,0.06);}
.shop-now-list .category-item:hover .category-image {box-shadow: 0 8px 22px rgba(0,0,0,0.12);transform: scale(1.03);} 
.shop-now-list .category-image img {width: 100%;height: 100%;object-fit: cover;display: block;}
.shop-now-list .category-title {margin-top: 0.6rem;text-align: center;width: 110px;font-size: 13px;color: #333;font-weight: 500;line-height: 1.2;}

/* ===== MAIN CONTENT ===== */
.shop-now-list .main-content {background-color: #ffffff;}
/* Product Sections */
.shop-now-list .product-section {padding:60px 0;}
.shop-now-list .product-section a,
.shop-now-list .product-section a:hover,
.shop-now-list .product-section a:visited,
.shop-now-list .product-section a:active
 {text-decoration: none;}
.shop-now-list .section-white {background-color: #ffffff;}
.shop-now-list .section-gray {background-color: #F7F5F2;}
.shop-now-list .section-title {font-size: 28px;color: #1A1A1A;margin-bottom: 0.375rem;}
.shop-now-list .section-description {font-family: 'Roboto', sans-serif;font-size: 15px;color: #6B6B6B;line-height: 1.6;margin-bottom: 1.5rem;max-width: 900px;}
/* Product Cards */
.shop-now-list .product-card {cursor: pointer;height: 100%;}
.shop-now-list .product-image {position: relative;width: 100%;overflow: hidden;background-color: #F7F5F2;border-radius: 8px;}
.shop-now-list .product-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.25s ease-out;}
.shop-now-list .product-card:hover .product-image img {transform: scale(1.05);}
.shop-now-list .product-hover-icon {position: absolute;bottom: 0.75rem;right: 0.75rem;width: 2.25rem;height: 2.25rem;border-radius: 50%;background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(4px);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.3s;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.shop-now-list .product-card:hover .product-hover-icon {opacity: 1;background-color: #9B6448;}
.shop-now-list .product-hover-icon span {color: #1A1A1A;font-size: 1rem;font-weight: 700;transition: color 0.3s;}
.shop-now-list .product-card:hover .product-hover-icon span {color: white;}
.shop-now-list .product-title {margin-top: 12px;font-size:14px;font-family: "Roboto", 'Open Sans', sans-serif;text-transform: capitalize;line-height: 24px;font-weight: bold;}
.shop-now-list .product-card-compact .product-title {font-size: 14px;margin-top: 8px;font-family: "Roboto", 'Open Sans', sans-serif;text-transform: capitalize;}

/* aidi-shop END */

/* CTA Buttons */
.btn-view-all {display: inline-flex;align-items: center;gap: 8px;padding: 14px 32px;background-color: #1A1A1A;color: white !important;text-decoration: none;font-size: 14px;text-transform: uppercase;font-weight: 500;transition: all 0.3s;font-family: 'bankgothicbold', 'Montserrat', sans-serif;}
.btn-view-all:hover {background-color: #9B6448;color: white;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
.btn-view-all .arrow {font-size: 1rem;transition: transform 0.3s;}
.btn-view-all:hover .arrow {transform: translateX(4px);}

/* Iron & Steel Railings Grid: 9 items first row, 8 items second row */
.iron-steel-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Gate Automation Grid: 8 items in one row */
.automation-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Sliding Systems Grid: 6 items in one row */
.sliding-systems-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Gate Hardware Grid: 7 items first row, 2 items second row */
.gate-hardware-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Stainless, Cable & Glass Railing Grid: 10 items first row, 4 items second row */
.stainless-glass-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Aluminum Railings Grid: 9 items first row, 8 items second row */
.aluminum-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Ornamental Metals Grid: 9 items first row, 8 items second row */
.ornamental-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}
/* Brass Railings Grid: 7 items in one row */
.brass-grid {display: grid !important;grid-template-columns: repeat(auto-fill, minmax(0, 1fr));}

.shop-now-list .aluminum-section-wrapper h2{}
.shop-now-list .aluminum-section-wrapper p{width: 100%;max-width: none;}
.shop-now-list .automation-section-wrapper h2{}
.shop-now-list .automation-section-wrapper p{width: 100%;max-width: none;}
.shop-now-list .gate-hardware-grid .product-image img{height:237px;}
.shop-now-list .automation-grid .product-image img{height:204px;}

/* Aluminum Railings responsive padding */

@media (max-width: 1296px) {
  .container {max-width:none;padding: 0 15px !important;}
}


@media (min-width: 1200px) {
    .aluminum-grid {grid-template-columns: repeat(9, 1fr);}
    .stainless-glass-grid {grid-template-columns: repeat(10, 1fr);}
    .gate-hardware-grid {grid-template-columns: repeat(7, 1fr);}
    .brass-grid {grid-template-columns: repeat(7, 1fr);}
    .sliding-systems-grid {grid-template-columns: repeat(6, 1fr);}
    .automation-grid {grid-template-columns: repeat(8, 1fr);}
}

@media (min-width: 1200px) {
    .iron-steel-grid {grid-template-columns: repeat(9, 1fr);}
    .ornamental-grid {grid-template-columns: repeat(9, 1fr);}
}




@media (max-width: 1026px) {
  .menu-block {min-height: 38px;}
  .navbar-nav .align-items-center{align-items:flex-start !important;}
    .navbar-expand-lg {flex-wrap: wrap;}
    .navbar-expand-lg .navbar-collapse {display: none !important;}
    .navbar-expand-lg .navbar-toggler {display: block !important;position: absolute;right: 0;top: 0;z-index: 1001;}
    .navbar-expand-lg .navbar-nav {flex-direction: column;}
    .navbar-expand-lg .navbar-nav .dropdown-menu {position: static;}
  .menu-block-wrapper .navbar-nav .nav-item{width: 100%;}
  .menu-block-wrapper .navbar-nav .nav-link{position: relative;}
  .menu-block-wrapper .navbar-nav .nav-item a:link::after{position: absolute;right: 15px;top: 25px;}
  .menu-block-wrapper .navbar-nav .nav-item a.dropdown-menu:hover{color: #fff !important;background: #9b614b;}
    .banner-main-wrapper .product-title{font-size: 14px;}
    .aiding-projects .col-lg-6{width: 100%;}
    .aiding-projects .image-stack img{width: 100%;}
    .inspiration .col-lg-5,.inspiration .col-lg-2,.inspiration .col-lg-3{width: 100%;}
    .aiding-design-wrapper .col-lg-3{width: 100%;}
    .aiding-design-wrapper .design-dec {min-height: auto;}
    .aiding-education-wrapper .col-lg-3{width: 100%;}
    .aiding-education-wrapper .edu-decs {min-height: auto;}
    .aiding-education-wrapper .edu-card{text-align: center;}
    .menu-block-wrapper{padding: 10px 0;}
     #aluminum .container-fluid {padding-left: 2rem !important;padding-right: 2rem !important;}
}

@media (min-width: 1026px) {
  .navbar-expand-lg {flex-wrap: nowrap;justify-content: flex-start;}
  .navbar-expand-lg .navbar-nav {flex-direction: row;}
  .navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-right: var(--bs-navbar-nav-link-padding-x);padding-left: var(--bs-navbar-nav-link-padding-x);}
  .navbar-expand-lg .navbar-nav-scroll {overflow: visible;}
  .navbar-expand-lg .navbar-collapse {display: flex !important;flex-basis: auto;}
  .navbar-expand-lg .navbar-toggler {display: none !important;}
  .navbar-expand-lg .offcanvas {position: static;z-index: auto;flex-grow: 1;width: auto !important;height: auto !important;visibility: visible !important;background-color: transparent !important;border: 0 !important;transform: none !important;transition: none;}
  .navbar-expand-lg .offcanvas .offcanvas-header {display: none;}
  .navbar-expand-lg .offcanvas .offcanvas-body {display: flex;flex-grow: 0;padding: 0;overflow-y: visible;}
}

@media only screen and (max-width: 1024px) {
    .top-bar a.view-text-block{margin:0 0 10px 0;display: block;}
    .top-bar .container{display: block !important;}
    .top-bar .catalogs-header-block{padding:10px 0;text-align: center;display: block !important;}
    .top-bar .info-contact-block{padding:10px 0;text-align: center;display: block !important;}
    .top-bar .menu-block-wrapper .navbar-nav .nav-link {padding: 15px 16px !important;}
    
    .search-box{margin: 0 auto 30px;}
    .account-block-header{padding-bottom:25px;}
    .account-block-header .justify-content-end {justify-content: center !important;}
    .account-link{text-align: left !important;}
    .footer-wrapper .col-md-4{width: 100%;padding-bottom: 25px;}
    /* Mobile Hamburger Menu Fixes */
    .menu-block-wrapper .navbar{background:#231f20;}
    .navbar-toggler{display:block !important;float:left;}
    .navbar-collapse{display:none;}
    .navbar-collapse.show{display:block !important;padding-top: 48px !important;}
    .navbar-nav{margin:0 !important;}
    .adding-project-wrapper .image-stack{min-height: auto;}
    .product-info-strip{display: none;}
    .product-details-wrapper .col-lg-5{width: 100%;}
    .product-details-wrapper .col-lg-7{width: 100%;}
    .product-details-wrapper .gallery-arrow.left {left: 15px;}
    .product-details-wrapper .gallery-arrow.right {right: 15px;}
    .product-box .col-md-8,.product-box .col-md-4{width: 100%;}
    .product-details-wrapper .spec-list{margin-bottom: 20px;}
    .product-details-wrapper .quantity-block{margin-top:15px;}
    .product-actions .d-flex.gap-3{display: block !important;}
    .product-actions .btn-add-cart,.product-actions .btn-buy-now{width: 100%;padding:10px 0;margin-bottom:10px;}
    .more-info-wrapper .col-md-5{width: 100%;padding-bottom: 30px;text-align: center;}
    .product-actions-footer .d-flex.align-items-center.justify-content-between.py-3{display: block !important;}
    .product-actions-footer .align-items-center{padding-bottom:10px;}
    .category-strip{display: none;}
    .shop-now-list .container-fluid.px-5{padding:0 15px !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .iron-steel-grid {grid-template-columns: repeat(4, 1fr);}
    .ornamental-grid {grid-template-columns: repeat(4, 1fr);}
    .aluminum-grid {grid-template-columns: repeat(4, 1fr);}
    .stainless-glass-grid {grid-template-columns: repeat(4, 1fr);}
    .gate-hardware-grid {grid-template-columns: repeat(4, 1fr);}
    .brass-grid {grid-template-columns: repeat(4, 1fr);}
    .sliding-systems-grid {grid-template-columns: repeat(3, 1fr);}
    .automation-grid {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 992px) {
    .shop-now-list .category-scroll-wrapper {justify-content: flex-start; padding-left: 1rem;}
    .shop-now-list .category-title {font-size: 12px; width: 90px;}
    .shop-now-list .category-image {width: 82px; height: 82px;}
}
@media (min-width: 768px) {
    .category-strip {padding: 2rem 0;}
    .category-scroll-wrapper {gap: 0.75rem;}
    .category-image {width: 100px;height: 100px;}
    .category-title {width: 100px;}
    .product-section {padding: 3rem 0;}
    .section-title {font-size: 2rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .iron-steel-grid {grid-template-columns: repeat(3, 1fr);}
    .ornamental-grid {grid-template-columns: repeat(3, 1fr);}
    .aluminum-grid {grid-template-columns: repeat(3, 1fr);}
    .stainless-glass-grid {grid-template-columns: repeat(3, 1fr);}
    .gate-hardware-grid {grid-template-columns: repeat(3, 1fr);}
    .brass-grid {grid-template-columns: repeat(3, 1fr);}
    .sliding-systems-grid {grid-template-columns: repeat(3, 1fr);}
    .automation-grid {grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 768px) {
    /* Ensure hamburger menu is visible and functional */
    .navbar-toggler{background:transparent;border:1px solid #666;}
    .navbar-collapse{padding:0 !important;}
    .navbar-collapse.show{display:block;position:absolute;top:100%;left:0;right:0;z-index:1000;background:#231f20;}
    .navbar-nav{flex-direction:column;width:100%;margin:0;}
    .navbar-nav .nav-item{border-bottom:1px solid #3a3738;margin:0;}
    .navbar-nav .nav-link{padding:15px 20px !important;border:none;font-size:14px;}
    .dropdown-menu{position:static !important;float:none;display:none;width:100%;background:#1a1817;border:none;box-shadow:none;padding:0;}
    .navbar-nav .nav-item.dropdown:hover .dropdown-menu,
    .navbar-nav .dropdown-menu.show{display:block !important;}
    .product-listing-block .product-row{display: block;margin: 0;padding: 0;}
    .product-listing-block .product-item {width: 100%;padding: 0 0 25px 0;margin: 0 !important;}
    .product-listing-block .product-title{font-size:15px;}
    .product-listing-block .container-fluid{padding:0;}
     #aluminum .container-fluid {padding-left: 1.5rem !important;padding-right: 1.5rem !important;}
}
@media (max-width: 767px) {
    .iron-steel-grid {grid-template-columns: repeat(2, 1fr);}
    .ornamental-grid {grid-template-columns: repeat(2, 1fr);}
    .aluminum-grid {grid-template-columns: repeat(2, 1fr);}
    .stainless-glass-grid {grid-template-columns: repeat(2, 1fr);}
    .gate-hardware-grid {grid-template-columns: repeat(2, 1fr);}
    .brass-grid {grid-template-columns: repeat(2, 1fr);}
     .sliding-systems-grid {grid-template-columns: repeat(2, 1fr);}
    .automation-grid {grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width:640px) {
    .banner-main-wrapper .product-title{font-size: 17px;}
    .banner-main-wrapper .product-title::after{display: none;}
    .banner-main-wrapper .hero-title,.banner-main-wrapper .hero-text,.add-inspiration-wrapper .insp-title,.add-inspiration-wrapper .insp-desc,.aiding-design-wrapper .design-title,.aiding-design-wrapper .design-desc,.aiding-design-wrapper .design-card h5,.aiding-design-wrapper .design-card p,.aiding-design-wrapper .design-card,.aiding-education-wrapper .edu-title,.aiding-education-wrapper .edu-desc{text-align: center;}
    .adding-project-wrapper .aiding-projects{text-align: center;}
    .aiding-education .row.mt-5{margin-top:0 !important;}
    .shop-btn{padding: 5px 10px !important;font-size: 14px;}
    .footer .quick-link-block ul li::before{margin-right:3px;}
    .footer .quick-link-block ul li{font-weight: normal;}
    .footer-wrapper .col-md-4{padding: 0 0 25px 0;}
    .footer .quick-link-block ul li{font-size:12px;}
    .product-actions h2 {font-size: 20px;text-align: center;}
}
@media only screen and (max-width:480px) {
    .sort-wrapper .sort-bar{display: block;}
    .sort-wrapper .sort-left{display: block;padding-bottom: 0;}
    .sort-wrapper .sort-group{padding-bottom: 15px;}
    .sort-wrapper .view-btn{width: 50%;}
    .product-listing-block .product-title,.section-desc{text-align: center;}
    .btn-view-all{width: 100%;}
    .ornamental-grid,.iron-steel-grid,.aluminum-grid,.paints-patinas-grid,.gate-hardware-grid{grid-template-columns: repeat(3, 1fr);}
    .paints-patinas-grid{display: grid !important;}
    .paints-patinas-grid .col{width: 100%;}
    .stainless-glass-grid {grid-template-columns: repeat(4, 1fr);}
    .shop-now-list .gate-hardware-grid .product-image img{height: auto;}
}