/* =========================================================
   responsive.css — breakpoint fine-tuning
   Mobile-first: base styles in style.css target small screens;
   this file layers on adjustments as the viewport grows.
   ========================================================= */

@media (min-width: 768px) {
  .hero-slide {
    min-height: 65vh;
  }
  .section-pad {
    padding-block: 4.5rem;
  }
}

@media (min-width: 992px) {
  .hero-slide {
    min-height: 78vh;
  }
  .main-nav .dropdown-menu {
    min-width: 220px;
  }
  .megamenu {
    width: 100%;
  }
  .modal-lg, .modal-xl {
    --bs-modal-width: 1000px !important;
  }
}

@media (min-width: 1200px) {
  .section-pad {
    padding-block: 2.5rem;
  }
  .ourstore-main .banner {border-radius: 30px;}
}

@media (min-width: 1440px) {
  .container,
  .container-lg,
  .container-xl {
    max-width: 1424px;
  }

  .hero-slide {
    min-height: 90vh;
    border-radius: 30px;
  }

  .hero-slider{
    padding: 17px !important;
  }
  .store-banner {
    border-radius: 20px;
    margin: 20px;
  }
  .feature-card::before {
    clip-path: polygon(6.726% 0%,93.274% 0%,93.274% 0%,94.364% .14%,95.399% .545%,96.364% 1.192%,97.245% 2.061%,98.029% 3.129%,98.701% 4.373%,99.249% 5.772%,99.657% 7.303%,99.912% 8.945%,100% 10.676%,100% 61.278%,100% 61.278%,99.732% 65.983%,98.988% 69.483%,97.863% 71.995%,96.447% 73.739%,94.835% 74.934%,93.119% 75.798%,91.39% 76.552%,89.742% 77.413%,88.268% 78.601%,87.061% 80.335%,87.061% 80.335%,86.147% 82.63%,85.483% 85.137%,84.946% 87.749%,84.409% 90.359%,83.749% 92.86%,82.839% 95.146%,81.556% 97.11%,79.775% 98.644%,77.369% 99.643%,74.215% 100%,6.726% 100%,6.726% 100%,5.637% 99.861%,4.603% 99.457%,3.638% 98.811%,2.758% 97.944%,1.974% 96.879%,1.302% 95.638%,.754% 94.241%,.346% 92.712%,.09% 91.071%,0% 89.342%,0% 10.676%,0% 10.676%,.088% 8.945%,.343% 7.303%,.751% 5.772%,1.299% 4.373%,1.971% 3.129%,2.755% 2.061%,3.636% 1.192%,4.601% .545%,5.636% .14%,6.726% 0%)
  }
  
  .blog-card-v2-wraper{
    clip-path: polygon(6.726% 0%,93.274% 0%,93.274% 0%,94.364% .119%,95.399% .464%,96.364% 1.015%,97.245% 1.755%,98.029% 2.664%,98.701% 3.723%,99.249% 4.915%,99.657% 6.219%,99.912% 7.617%,100% 9.091%,100% 66.97%,100% 66.97%,99.732% 70.984%,98.988% 73.969%,97.863% 76.111%,96.447% 77.599%,94.835% 78.618%,93.119% 79.355%,91.39% 79.998%,89.742% 80.733%,88.268% 81.747%,87.061% 83.227%,87.061% 83.227%,86.147% 85.185%,85.483% 87.323%,84.946% 89.551%,84.409% 91.777%,83.749% 93.91%,82.839% 95.86%,81.556% 97.535%,79.775% 98.844%,77.369% 99.696%,74.215% 100%,6.726% 100%,6.726% 100%,5.636% 99.881%,4.601% 99.536%,3.636% 98.985%,2.755% 98.245%,1.971% 97.336%,1.299% 96.277%,.751% 95.085%,.343% 93.781%,.088% 92.383%,0% 90.909%,0% 9.091%,0% 9.091%,.088% 7.617%,.343% 6.219%,.751% 4.915%,1.299% 3.723%,1.971% 2.664%,2.755% 1.755%,3.636% 1.015%,4.601% .464%,5.636% .119%,6.726% 0%)
  }
  .category-card::before {
    clip-path:polygon(6.142% .371%,6.142% .371%,5.269% .64%,4.446% .975%,3.678% 1.372%,2.97% 1.825%,2.326% 2.332%,1.753% 2.887%,1.253% 3.486%,.834% 4.125%,.499% 4.8%,.253% 5.506%,.253% 5.506%,.185% 6.134%,.128% 7.529%,.081% 9.727%,.044% 12.766%,.017% 16.682%,-.002% 21.511%,-.011% 27.291%,-.012% 34.057%,-.005% 41.847%,.009% 50.698%,.101% 93.474%,.101% 93.474%,.107% 93.712%,.127% 93.948%,.159% 94.184%,.205% 94.417%,.263% 94.649%,.334% 94.879%,.417% 95.107%,.513% 95.331%,.621% 95.553%,.741% 95.771%,.741% 95.771%,.741% 95.771%,1.025% 96.216%,1.347% 96.643%,1.704% 97.051%,2.095% 97.437%,2.519% 97.801%,2.974% 98.141%,3.459% 98.457%,3.972% 98.746%,4.511% 99.008%,5.074% 99.242%,5.074% 99.242%,5.074% 99.242%,5.421% 99.367%,5.774% 99.479%,6.132% 99.579%,6.496% 99.666%,6.864% 99.74%,7.235% 99.801%,7.611% 99.849%,7.989% 99.883%,8.369% 99.904%,8.751% 99.912%,36.868% 99.979%,36.868% 99.979%,42.653% 99.989%,47.858% 99.993%,52.484% 99.99%,56.538% 99.98%,60.022% 99.964%,62.942% 99.941%,65.301% 99.912%,67.104% 99.877%,68.355% 99.835%,69.058% 99.788%,69.058% 99.788%,69.922% 99.665%,70.754% 99.51%,71.553% 99.322%,72.317% 99.104%,73.043% 98.855%,73.731% 98.577%,74.376% 98.268%,74.979% 97.931%,75.536% 97.566%,76.045% 97.173%,76.045% 97.173%,76.508% 96.785%,76.902% 96.428%,77.244% 96.079%,77.55% 95.71%,77.838% 95.295%,78.123% 94.81%,78.424% 94.227%,78.756% 93.52%,79.138% 92.665%,79.584% 91.634%,79.584% 91.634%,80.225% 90.225%,80.85% 89.032%,81.496% 88.028%,82.196% 87.186%,82.987% 86.482%,83.901% 85.887%,84.975% 85.375%,86.243% 84.92%,87.74% 84.496%,89.501% 84.075%,89.501% 84.075%,91.458% 83.601%,93.15% 83.113%,94.6% 82.595%,95.827% 82.031%,96.854% 81.406%,97.702% 80.706%,98.391% 79.915%,98.943% 79.019%,99.38% 78.001%,99.722% 76.848%,99.722% 76.848%,99.79% 76.261%,99.847% 75.091%,99.894% 73.3%,99.931% 70.853%,99.959% 67.713%,99.977% 63.844%,99.987% 59.211%,99.988% 53.776%,99.981% 47.503%,99.966% 40.357%,99.878% 6.492%,99.878% 6.492%,99.871% 6.255%,99.852% 6.019%,99.819% 5.784%,99.774% 5.55%,99.715% 5.319%,99.645% 5.089%,99.561% 4.862%,99.466% 4.637%,99.358% 4.416%,99.237% 4.198%,99.237% 4.198%,99.237% 4.198%,98.952% 3.752%,98.63% 3.325%,98.272% 2.918%,97.879% 2.531%,97.454% 2.167%,96.997% 1.827%,96.511% 1.511%,95.998% 1.222%,95.457% .96%,94.892% .727%,94.636% .628%,94.636% .628%,94.342% .522%,94.042% .427%,93.737% .343%,93.429% .269%,93.116% .206%,92.801% .155%,92.482% .114%,92.161% .085%,91.839% .066%,91.515% .059%,50.445% .014%,50.445% .014%,39.428% .002%,30.468% -.006%,23.341% -.006%,17.827% .003%,13.702% .023%,10.744% .057%,8.732% .107%,7.442% .174%,6.653% .261%,6.142% .371%);
  }
  .feature-icon img{
    width: 45px;
    height: 45px;
  }
  .about-feature-icon {
    width: 70px;
    height: 70px;
  }
  .about-stat-number {
    font-size: clamp(2.25rem, 4vw, 4.5rem);
  }
  .product-range-feature-list {
    gap: 3.5rem;
  }
  .store-banner-heading {
    width: 50%;
  }
  .partner-profile-card {
    max-width: 374.72px;
    margin-top: 40px;
  }
  .partner-contact-card {
    max-width: 374.72px;
    min-height: 378px;
  }
}

@media (max-width: 1440px) {
  .nav-search-form {
    position: absolute;
    top: 70px;
    right: 200px;
  }
  .btn-brand-primary {
    padding: 12px 16px;
  }
  .feature-card {
    padding: 45px 15px;
  }
  .feature-icon {
    width: 55px;
    height: 55px;
  }
  .feature-card h4 {
    font-size: 1.2rem;
  }
  .about-stat-badge {
    min-width: 204px;
    border-radius: 30px;
    padding: 15px;
  }
  .about-stat-badge-wrap {
    padding: 12px;
  }
  .section-heading {
    font-size: clamp(2rem, 4vw, 3.438rem);
  }
  .blog-card-v2-title {
    font-size: 1.25rem;
  }
  .section-pad {
    padding-block: 3rem;
  }
  .blog-card-v2-arrow {
    right: 6px;
    bottom: 9px;
  }
  .category-card .feature-arrow-btn {
    width: 40px;
    height: 40px;
    right: 8px;
    bottom: 6px;
  }
}
@media (max-width: 1200px) {
  .main-nav .nav-link {
    padding: 0.5rem 0.3rem !important;
  }
  .nav-icon-btn {
    width: 40px;
    height: 40px;
  }
  .btn-brand-primary {
    padding: 11px 12px;
  }
  .btn-brand-primary{
    font-size: 0.8rem;
  }
  .btn-icon-wrapper{
    font-size: 1rem;
  }
  .section-pad {
    padding-block: 2.5rem;
  }
  .store-banner {
    min-height: 350px;
  }
  .blog-card-v2-arrow {
    width: 44px;
    height: 44px;
  }

  .product-range-feature-list {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }

  .product-range-feature {
    flex: 0 0 auto;
    flex-direction: row;
    text-align: start;
    width: 100%;
  }

  .product-range-image {
    max-width: 100%;
  }
  .partner-module-card{
    padding: 0.8rem;
  }
  .partner-contact-content {
    padding: 80px 15px;
  }
  .partner-module-header {
    padding-bottom: 1.2rem;
    margin-bottom: 1.25rem;
  }
  .partner-module-header h4 {
    font-size: 1.2rem;
  }
  .partner-module-number {
    width: 55px;
    height: 55px;
    font-size: 2rem;
  }
  .partner-page-section .download-cta-banner {
    padding: 1rem;
  }
}
@media (max-width: 991.98px) {
  .main-nav .nav-link {
    padding: 0.75rem 0.5rem !important;
    border-bottom: 1px solid var(--color-gray-100);
  }
  .navbar .dropdown-menu {
    box-shadow: none;
    padding-left: 0.75rem;
    background-color: transparent;
  }
  .header-cta {
    margin-top: 1rem;
    display: none !important;
  }

  .main-nav .nav-item::after {
    display: none;
  }
  
  .main-nav .nav-link:hover,
  .main-nav .nav-link:focus,
  .main-nav .nav-link.show,
  .main-nav .nav-link[aria-expanded="true"] {
    color: var(--color-dark) !important;
  }

  .product-range-feature-list {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }

  .product-range-feature {
    flex: 0 0 auto;
    flex-direction: row;
    text-align: start;
    width: 100%;
  }

  .product-range-image {
    max-width: 100%;
  }

  .brand-marquee-group img {
    width: 14vw;
    height: 71px;
    padding: 0 1rem;
  }
    .download-cta-banner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 2rem;
  }

  .download-cta-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .download-cta-btn {
    align-self: flex-start;
  }
  .store-map-wrap {
    min-height: 320px;
  }
  .gallery-video-card {
    margin-top: 1rem;
    height: auto;
  }
  .gallery-video-thumb-wrap {
    min-height: 260px;
  }
  .partner-page-section .download-cta-btn{
    margin-top: 15px;
  }
  .partner-sidebar {
    position: static;
    margin-bottom: 2.5rem;
  }

  .nav-item-split {
    display: flex;
    flex-wrap: wrap;         
    align-items: center;
    width: 100%;
  }

  .nav-item-split .nav-link {
    flex: 1;
    border-bottom: none;
    order: 1;
  }

  .nav-item-split .dropdown-caret {
    order: 2;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray-500);
    font-size: 0.85rem;
  }

  .nav-item-split .dropdown-menu {
    order: 3;
    flex-basis: 100%; 
    width: 100%;
  }

  .dropdown-caret i {
    display: inline-block;
    transition: transform 0.25s ease;
  }

  .dropdown-caret[aria-expanded="true"] i {
    transform: rotate(180deg);
  }

}
@media (max-width: 767.98px) {
  .site-footer {
    background-size: 80% auto;
    background-position: bottom right;
    opacity-mix: initial;
  }
  .text-marquee-section {
    padding: 30px 0;
  }
  .marquee-item span {
    font-size: 60px;

    -webkit-text-stroke: 1px #adb0a8;
  }
  .separator {
    font-size: 50px;
    margin: 0 20px;
  }
  .secondary-utility-links {
    flex-wrap: wrap;
    justify-content: center;
  }

  .secondary-utility-links li:not(:last-child)::after {
    margin: 0 0.6rem;
  }

  .secondary-utility-contact {
    flex-direction: row;
    gap: 1rem !important;
  }
  .store-banner {
    min-height: 220px;
  }

  .store-banner-overlay {
    background: rgba(10, 25, 5, 0.55); 
  }

  .lightbox-nav {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }

  .lightbox-prev { left: 0.5rem; }
  .lightbox-next { right: 0.5rem; }

  .lightbox-thumbs img {
    width: 60px;
    height: 42px;
  }
  .store-banner {
    min-height: 243px;
  }

  .commitment-icon {
    width: 44px;
    height: 44px;
  }

  .commitment-title {
    font-size: 0.85rem;
  }

  .commitment-text {
    font-size: 0.8rem;
    max-width: 180px;
  }
}

@media (max-width: 575.98px) {
  .navbar{
    width: 100%;
  }
  .navbar-brand-logo {
    height: 38px;
    width: auto;
  }
  .icon-swap .btn-icon {
    width: 15px !important;
    height: 15px !important;
  }
  .btn-brand-primary {
    padding: 12px 14px;
  }
  .hero-slide {
    min-height: 60vh;
  }
  .site-footer {
    background-image: none; 
  }
  .product-range-feature {
    width: 100px;
  }

  .brand-marquee-group img {
    width: 15.333vw;
    padding: 0 0.75rem;
  }
  .brand-marquee-group img {
    height: 45px;
  }
  .download-cta-icon {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }

  .download-cta-heading {
    font-size: 1.1rem;
  }
  .about-stat-badge-wrap {
    bottom: -37px;
    right: 0;
    padding: 13px;
  }
  .about-stat-badge {
      min-width: 168px;
      border-radius: 30px;
      padding: 9px;
  }
  .product-range-feature-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .product-range-feature{
    width: 100%;
    flex-direction: row;
    justify-content: start;
  }
  .store-banner {
    min-height: 200px;
  }
  .categories-carousel-section{
    padding-top: 0;
  }
  .gallery-section{
    padding-top: 0;
  }
  .store-text-details{
    padding-top: 0;
  }
  .testimonials-section{
    padding-top: 0;
  }
  .brand-marquee-section{
    padding-top: 0;
    padding-bottom: 0;
  }
  .download-cta{
     padding-top: 0;
    padding-bottom: 0;
  }
  .category-card {
    width: 100%;
  }
  .category-grid-label {
    font-size: 1rem;
    padding: 0.7rem 0.4rem;
  }
  .categories-results-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .categories-sort-wrap {
    width: 100%;
  }

  .categories-sort-select {
    width: 100%;
  }
  .category-card {
    --card-radius: 16px;
    --notch-size: 42px;
  }
  .cta-band .btn-brand-accent,
  .cta-band .btn-brand-outline{
    margin-top: 15px;
  }
  .about-testimonials .testimonial-content-wrap::before {
    clip-path: none;
    border-radius: 30px;
  }
  .about-testimonials .testimonial-content-wrap {
    padding: 30px;
    margin-bottom: 10px;
  }
  .testimonial-quote-badge {
    top: 10px;
    right: 35px;
  }
  .inquiry-modal .modal-content {
    padding: 2rem 1.5rem 1.5rem;
  }

}

@media (max-width: 420px) {
  .secondary-utility-contact {
    flex-direction: column;
    gap: 1rem !important;
  }
  .navbar-brand-logo {
    height: 34px;
  }
}


/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}