@media all and (max-width: 1180px) {
  .header-fluid {
    display: none !important;
  }
  .aboutbhimani-fluid .image-part img {
    max-width: 200px;
  }
  .aboutbhimani-fluid .content-part {
    width: 50%;
  }
  .featured-fluid .slider-part .owl-nav button.owl-next {
    margin-right: -20px;
  }
  .featured-fluid .slider-part .owl-nav button.owl-prev {
    margin-left: -20px;
  }
  .mobileheader-fluid {
    padding: 10px 15px;
    display: block;
  }
  /* Mobile & tablet header: hamburger on the left, logo centered on screen */
  .mobileheader-fluid .main-section ul {
    position: relative;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 30px;
  }
  .mobileheader-fluid .main-section ul li.mobile-logo-col {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  #header {
    min-height: 50px;
  }
  .certifications-fluid .main-section ul img {
    max-width: 200px;
  }
  .certifications-fluid .main-section .card-part ul {
    gap: 10px;
  }
}
@media all and (max-width: 1024px) {
  .mobileheader-fluid {
    display: block;
    border-bottom: 1px solid #d6d6d6;
  }
  .breadcum-fluid1 {
    display: block;
  }
  #header {
    min-height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #ffffff;
  }
  .slider-fluid {
    margin-top: 45px;
  }
  .slider-fluid .carousel-item .carousel-caption h1 {
    font-size: 42px;
    line-height: 52px;
  }
  .aboutbhimanihome-fluid .content-part h3 {
    font-size: 32px;
    line-height: 42px;
  }
  .aboutbhimanihome-fluid .content-part img {
    max-width: 50px;
  }
  .contactform-fluid {
    padding: 60px 0px;
    background: linear-gradient(rgb(255 242 235) 0%, rgb(255 242 235) 20%);
  }
  .copyright-fluid {
    padding: 20px 0px 100px 0px;
  }
}
@media all and (max-width: 920px) {
  .footer-fluid {
    padding: 40px 0px 0px 0px;
  }
  .contactform-fluid {
    background: linear-gradient(
      rgb(255, 255, 255) 20%,
      rgba(255, 223, 204, 0.4) 20%
    );
  }
  .trusted-fluid .main-section .content-part {
    width: 90%;
  }
  .footer-fluid .footer-main {
    flex-wrap: wrap;
  }
  .footer-fluid .footer-main .card-part:nth-child(1),
  .footer-fluid .footer-main .card-part:nth-child(2) {
    width: 50%;
  }
  .footer-fluid .card-part {
    margin-bottom: 30px;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .aboutus-fluid .content-part.without-image {
    width: 100%;
    margin: 0px auto;
  }
  .aboutus-fluid .content-part h1 {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }
  .aboutus-fluid {
    padding: 30px 0px;
  }
  .aboutus-fluid .image-part {
    margin-bottom: 30px;
  }
  .hero-fluid .hero-main {
    height: calc(100vh - 50px);
    padding-bottom: 50px;
    align-items: center;
    flex-direction: column;
  }
  .logo-part {
    display: block;
  }
  .logo-part img {
    width: 250px;
    padding-top: 50px;
  }
  .hero-fluid .form-part {
    display: none;
  }
  .hero-fluid .content-part {
    display: none;
  }
  .hero-fluid .monile-login {
    display: block;
  }
  .hero-fluid {
    background-image: url(../img/mob-bg.png);
  }
  .aboutus-fluid .image-part img {
    width: 100%;
  }
  .footer-fluid .card-part .mobile-responsive-hide {
    padding-bottom: 20px;
  }
  .hero-fluid .monile-login p a {
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    text-decoration: underline;
    margin-left: 10px;
  }
  .subscribe-fluid .main-section {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 30px;
  }
  .copyright-fluid .main-section {
    align-items: center;
  }
  .footer-fluid .logo-part img {
    padding-top: 20px;
  }
  .footer-fluid .social-media ul {
    margin-top: 20px;
  }
  .footer-fluid .list-part ul li p br {
    display: none;
  }
  .featured-fluid .slider-part .owl-nav button.owl-next {
    margin-right: -20px;
  }
  .featured-fluid .slider-part .owl-nav button.owl-prev {
    margin-left: -20px;
  }
  .featured-fluid .slider-part .owl-dots {
    margin-top: 10px;
  }
  .aboutbhimani-fluid .content-part {
    width: 50%;
  }
  .aboutbhimani-fluid .image-part img {
    max-width: 150px;
    left: 5%;
    top: 5%;
    transform: translate(0, 0%);
  }
  .aboutbhimani-fluid .image-part img:nth-last-child(1) {
    left: auto;
    right: 5%;
    top: auto;
    bottom: 5%;
  }
  .collection-fluid .main-section {
    flex-wrap: wrap;
  }
  .collection-fluid .main-section .image-part {
    width: 100%;
    order: 2;
  }
  .collection-fluid .main-section .content-part {
    width: 100%;
    text-align: center;
    padding: 10px 0px 20px 0px;
  }
  .collection-fluid .heading-part {
    padding: 30px 0px 20px 0px;
  }
  .privacy-fluid {
    padding: 30px 0px;
  }
  .timeless-fluid .right-part {
    display: none;
  }
  .timeless-fluid .left-part {
    width: 100%;
  }
  .timeless-fluid .left-part .heading-part h2 {
    text-align: center;
  }
  .timeless-fluid .left-part .pointer-section {
    justify-content: center;
  }
  .finance-fluid .main-section ul {
    width: 100%;
  }
  .breadcum-fluid {
    padding: 40px 15px;
  }
  .breadcum-fluid .image-part p {
    left: 0px;
    width: 100%;
    line-height: 32px;
    padding: 0px 15px;
  }
  .crafting-fluid .main-section ul {
    flex-wrap: wrap;
  }
  .crafting-fluid .main-section ul li:nth-child(1) {
    width: 35%;
  }
  .crafting-fluid .main-section ul li:nth-child(2) {
    width: 60%;
  }
  .crafting-fluid .main-section ul li:nth-child(3) {
    width: 100%;
  }
  .trusted-fluid .main-section ul li {
    width: 100%;
  }
  .trusted-fluid .main-section ul li:nth-child(3) {
    order: 4;
  }
  .trusted-fluid .main-section ul li:nth-child(4) {
    order: 3;
  }
  .trusted-fluid .main-section .content-part {
    padding: 80px 0px;
  }
  .trusted-fluid .main-section .content-part h3 {
    font-size: 32px;
  }
  .contactform-fluid .form-part {
    margin-top: 50px;
  }
  .contactdetail-fluid {
    padding: 0px 0px;
  }
  .contactdetail-fluid .main-section ul li {
    width: 45%;
  }
  .contactdetail-fluid .main-section ul {
    justify-content: center;
    gap: 30px;
    width: 100%;
    flex-wrap: wrap;
  }
  .aboutbhimanihome-fluid .main-section {
    display: flex;
    gap: 40px;
    flex-direction: column;
  }
  .aboutbhimanihome-fluid .image-part {
    width: 100%;
  }
  .aboutbhimanihome-fluid .content-part {
    width: 100%;
    padding: 0px 15px;
  }

  element.style {
  }
  .slider-fluid .carousel-caption {
    top: 10%;
    transform: translate(0%, 0%);
    left: 0%;
    width: 100%;
  }
  .slider-fluid .second-slide .carousel-caption {
    left: 0%;
    right: 0%;
  }
  .slider-fluid .carousel-item.second-slide .carousel-caption {
    top: auto;
    bottom: 5%;
  }
  .slider-fluid .carousel-item .carousel-caption p br {
    display: none;
  }
  #header {
    min-height: 45px;
  }
  .mobileheader-fluid {
    padding: 10px 15px;
  }
}

@media all and (max-width: 767px) {
  .subscribe-fluid .main-section {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 30px;
  }
  .copyright-fluid .main-section {
    align-items: center;
    flex-direction: column;
  }
  .slider-fluid .carousel-control-next,
  .slider-fluid .carousel-control-prev {
    width: 20%;
  }
  .footer-fluid .logo-part {
    text-align: center;
  }
  .footer-fluid .social-media ul {
    justify-content: center;
    margin-top: 20px;
  }
  .slider-fluid .carousel-inner .image-part ul li {
    width: 100%;
  }
  .slider-fluid .carousel-item .carousel-caption h1 {
    font-size: 32px;
  }
  .slider-fluid .carousel-item .carousel-caption {
    right: 5%;
    left: 0%;
    top: 5%;
    transform: translate(0px, 0%);
    padding: 0px 15px;
  }
  .slider-fluid .carousel-item.second-slide .carousel-caption {
    top: auto;
    bottom: 5%;
  }
  .copyright-fluid .main-section p:nth-child(2) {
    display: none;
  }
  .footer-fluid .footer-main {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .footer-fluid .footer-main .card-part:nth-child(1),
  .footer-fluid .footer-main .card-part:nth-child(2) {
    width: 100%;
  }
  .featured-fluid {
    padding: 40px 0px !important;
  }
  .aboutbhimani-fluid .image-part {
    display: none;
  }
  .aboutbhimani-fluid .content-part {
    width: 100%;
  }
  .aboutbhimani-fluid {
    padding: 40px 0px;
  }
  .collection-fluid .main-section .content-part h3 {
    font-size: 28px;
    line-height: 42px;
  }
  .timeless-fluid .left-part .pointer-section .image-part ul li img {
    max-width: 100px;
  }
  .certifications-fluid .main-section ul img {
    max-width: 100%;
  }
  .finance-fluid .main-section ul {
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
  }
  .finance-fluid .main-section ul li {
    width: 100%;
    text-align: center;
  }
  .crafting-fluid .main-section ul li:nth-child(1) {
    width: 100%;
  }
  .crafting-fluid .main-section ul li:nth-child(2) {
    width: 100%;
  }
  .crafting-fluid .main-section ul li:nth-child(3) {
    width: 100%;
  }
  .crafting-fluid .main-section ul li {
    text-align: center;
  }
  .trusted-fluid .main-section .content-part {
    width: 90%;
  }
  .contactdetail-fluid {
    padding: 0px 0px;
  }
  .contactdetail-fluid .main-section ul {
    gap: 15px;
    width: 100%;
    flex-direction: column;
  }
  .contactdetail-fluid .main-section ul li {
    width: 100%;
  }
  .collection-fluid .heading-part h2 {
    font-size: 28px;
  }
  .aboutbhimanihome-fluid .content-part h3 {
    font-size: 28px;
  }
  .aboutbhimanihome-fluid .content-part h3 br {
    display: none;
  }
  .customdesign-banner-fluid {
    padding: 30px 0px;
  }
  .customdesign-banner-fluid .main-section p br {
    display: none;
  }
  .customdesign-form-fluid {
    padding: 3ch 0px;
  }
  .customdesign-form-fluid .main-section .form-part {
    width: 100%;
  }
  .certifications-fluid .main-section .card-part ul {
    flex-wrap: wrap;
  }
  .certifications-fluid .main-section .card-part ul li {
    width: 45%;
  }
  .copyright-fluid {
    padding: 20px 0px 100px 0px !important;
  }
}

/* ==========================================================================
   Request Custom Design - responsive
   ========================================================================== */
@media all and (max-width: 1280px) {
  .customdesign-banner-fluid .ring-img {
    width: 300px;
  }
}

@media all and (max-width: 1024px) {
  .customdesign-banner-fluid {
    min-height: 340px;
  }
  .customdesign-banner-fluid .ring-img {
    width: 200px;
  }
  .customdesign-banner-fluid .main-section h2 {
    font-size: 34px;
  }
  .customdesign-form-fluid .main-section .form-part {
    padding: 30px;
  }
  .customdesign-form-fluid .main-section .heading-part h3 {
    font-size: 34px;
  }
}

@media all and (max-width: 920px) {
  .customdesign-banner-fluid {
    min-height: 300px;
  }
  .customdesign-banner-fluid .ring-img {
    width: 150px;
  }
  .customdesign-banner-fluid .main-section h2 {
    font-size: 30px;
  }
}

@media all and (max-width: 767px) {
  .customdesign-banner-fluid {
    display: block;
    min-height: auto;
    padding: 30px 15px 35px;
    text-align: center;
  }
  .customdesign-banner-fluid .ring-img {
    position: static;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    max-width: 160px;
  }
  .customdesign-banner-fluid .ring-left,
  .customdesign-banner-fluid .ring-right {
    left: auto;
    right: auto;
  }
  .customdesign-banner-fluid .container {
    padding-top: 15px;
  }
  .customdesign-banner-fluid .main-section h2 {
    font-size: 26px;
  }
  .customdesign-banner-fluid .main-section p {
    font-size: 16px;
    line-height: 26px;
  }
  .customdesign-form-fluid {
    padding: 40px 0px;
  }
  .customdesign-form-fluid .main-section .heading-part h3 {
    font-size: 26px;
  }
  .customdesign-form-fluid .main-section .heading-part p {
    font-size: 16px;
  }
  .customdesign-form-fluid .main-section .form-part {
    padding: 20px 15px;
  }
  .customdesign-form-fluid .main-section .form-part .elfsight-form-placeholder {
    min-height: 360px;
  }
}

/* ==========================================================================
   Diamond Inquiry Form - "Find the Perfect Diamond" banner (scoped)
   Tablet + mobile: single centered diamond, stacked layout
   ========================================================================== */
@media all and (max-width: 1024px) {
  .customdesign-banner-fluid.diamond-banner {
    display: block;
    min-height: auto;
    padding: 45px 20px 55px;
    text-align: center;
  }
  .customdesign-banner-fluid.diamond-banner .ring-right {
    display: none;
  }
  .customdesign-banner-fluid.diamond-banner .ring-left {
    position: static;
    transform: none;
    left: auto;
    right: auto;
    width: 64%;
    max-width: 520px;
    margin: 0 auto;
  }
  .customdesign-banner-fluid.diamond-banner .ring-left img {
    width: 100%;
  }
  .customdesign-banner-fluid.diamond-banner .container {
    margin-top: 22px;
    padding-top: 0;
  }
  .customdesign-banner-fluid.diamond-banner .main-section h2 {
    font-size: 34px;
  }
  .customdesign-banner-fluid.diamond-banner .main-section p {
    font-size: 17px;
    line-height: 28px;
    margin-top: 12px;
  }
  .customdesign-banner-fluid.diamond-banner .main-section p br {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .customdesign-banner-fluid.diamond-banner {
    padding: 30px 18px 40px;
  }
  .customdesign-banner-fluid.diamond-banner .ring-left {
    width: 78%;
    max-width: 300px;
  }
  .customdesign-banner-fluid.diamond-banner .container {
    margin-top: 16px;
  }
  .customdesign-banner-fluid.diamond-banner .main-section h2 {
    font-size: 28px;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .customdesign-banner-fluid.diamond-banner .main-section p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
}

/* ==========================================================================
   Career - responsive
   ========================================================================== */
@media all and (max-width: 1024px) {
  .career-banner-fluid {
    padding: 50px 0px 10px;
  }
  .career-banner-fluid .main-section h2 {
    font-size: 34px;
  }
}

@media all and (max-width: 767px) {
  .career-banner-fluid {
    padding: 35px 15px 5px;
  }
  .career-banner-fluid .main-section h4 {
    font-size: 16px;
  }
  .career-banner-fluid .main-section h2 {
    font-size: 26px;
  }
  .career-banner-fluid .main-section p {
    font-size: 16px;
    line-height: 26px;
  }
  .career-banner-fluid .main-section p br {
    display: none;
  }
  .career-form-fluid {
    padding-top: 10px;
  }
  .career-form-fluid .main-section .form-part .elfsight-form-placeholder {
    min-height: 520px;
  }
}

/* ==========================================================================
   About Us - responsive
   ========================================================================== */
@media all and (max-width: 1200px) {
  .about-page .abt-title {
    font-size: 34px;
  }
  .abt-split__content {
    padding: 55px clamp(24px, 5vw, 60px);
  }
  .abt-trusted__inner {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

@media all and (max-width: 992px) {
  .abt-split {
    grid-template-columns: 1fr;
  }
  .abt-split__media,
  .abt-split--textleft .abt-split__media {
    order: 1;
    min-height: 340px;
  }
  .abt-split__content,
  .abt-split--textleft .abt-split__content {
    order: 2;
    padding: 45px 35px;
  }
  .abt-split__inner {
    max-width: 100%;
  }
  .abt-promise__head {
    text-align: left;
  }
  .abt-promise__grid {
    margin-top: 30px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 26px;
  }
  .abt-promise__grid li {
    width: 100%;
    max-width: none;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 18px;
  }
  .abt-promise__grid li img {
    width: 68px;
    height: 68px;
    margin-bottom: 0px;
    flex-shrink: 0;
  }
  .abt-trusted__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .abt-trusted__map {
    max-width: 720px;
    margin: 0px auto;
  }
  .abt-shows__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media all and (max-width: 767px) {
  .about-page .abt-title {
    font-size: 26px;
  }
  .about-page p {
    font-size: 16px;
    line-height: 26px;
  }
  .abt-split__media,
  .abt-split--textleft .abt-split__media {
    min-height: 260px;
    order: 1;
  }
  .abt-split__content,
  .abt-split--textleft .abt-split__content {
    padding: 32px 20px;
    order: 2;
  }
  .abt-split__inner {
    gap: 16px;
  }
  .abt-stats {
    gap: 18px 24px;
  }
  .abt-stats__value {
    font-size: 20px;
  }
  .abt-stats__label {
    font-size: 16px;
  }
  .abt-mv {
    padding: 45px 22px;
  }
  .abt-mv__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .abt-mv__col h3 {
    font-size: 24px;
  }
  .abt-mv__col p {
    font-size: 16px;
    line-height: 26px;
  }
  .abt-promise {
    padding: 45px 18px;
  }
  .abt-promise__sub {
    font-size: 16px;
    line-height: 26px;
  }
  .abt-promise__grid li img {
    width: 60px;
    height: 60px;
  }
  .abt-trusted {
    padding: 45px 0px;
  }
  .abt-shows {
    padding: 10px 18px 50px;
  }
  .abt-shows__title {
    margin-bottom: 25px;
  }
  .abt-shows__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .abt-show {
    padding: 32px 22px;
  }
}

/* ==========================================================================
   Contact Us - responsive
   ========================================================================== */
@media all and (max-width: 1200px) {
  .contact-page .contact-title {
    font-size: 34px;
  }
  .office-panel {
    gap: 30px;
  }
  .office-panel__media {
    flex: 0 0 500px;
    max-width: 500px;
  }
  .office-panel__media img {
    height: 380px;
  }
  .featured-fluid {
    padding: 40px 30px;
  }
  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none;
  }
}

@media all and (max-width: 992px) {
  .contact-form-card {
    flex-direction: column;
  }
  .contact-form-card__media {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .contact-form-card__media img {
    height: 360px;
  }
  .contact-form-card__form {
    padding: 35px 30px;
    min-height: 0px;
  }
  .office-panel,
  .office-panel.is-active {
    flex-direction: column;
    gap: 0px;
    align-items: stretch;
  }
  .office-panel__media {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
  .office-panel__media img {
    height: 380px;
    width: 100%;
  }
  .office-panel__info {
    padding: 30px 25px;
  }
  .abt-mv__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .slider-fluid .carousel-item .carousel-caption a {
    margin-top: 35px;
  }
  .slider-fluid .carousel-item .carousel-caption p {
    font-size: 20px;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
  }
}

@media all and (max-width: 767px) {
  .contact-page .contact-title {
    font-size: 26px;
  }
  .contact-hero {
    padding: 40px 18px 25px;
  }
  .contact-hero p {
    font-size: 16px;
    line-height: 26px;
  }
  .contact-form-section {
    padding: 15px 15px 40px;
  }
  .contact-form-card__media img {
    height: 300px;
  }
  .contact-form-card__form {
    padding: 25px 18px;
  }
  .contact-offices {
    padding: 15px 15px 55px;
  }
  .contact-offices__tabs {
    gap: 12px;
    margin-bottom: 30px;
  }
  .office-tab {
    font-size: 16px;
    padding: 0px 22px;
  }
  .office-panel__media img {
    height: 240px;
  }
  .office-panel__info {
    padding: 25px 18px;
    width: 100%;
  }
  .office-panel__info h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .office-panel__info li p {
    font-size: 16px;
    line-height: 26px;
  }
  .featured-fluid .main-section .feature-slider {
    padding: 0px 15px 0px 15px;
  }
  .featured-fluid .slider-part .owl-nav {
    display: none;
  }
  .slider-fluid .carousel-item .carousel-caption p {
    font-size: 18px;
    width: 100%;
  }
  .slider-fluid .carousel-item .carousel-caption a {
    margin-top: 20px;
  }
  .abt-trusted__text {
    padding: 0px 18px;
  }
}

/* Footer: collapsible Shop / Company / Support sections (mobile + tablet) */
@media all and (max-width: 1024px) {
  .footer-fluid .footer-main .card-part.footer-collapsible .heading {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .footer-fluid .footer-main .card-part.footer-collapsible .heading::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 24px;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    right: 0px;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
  .footer-fluid
    .footer-main
    .card-part.footer-collapsible.is-collapsed
    .heading::after {
    transform: rotate(0deg);
  }
  .footer-fluid .footer-main .card-part.footer-collapsible .list-part {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease;
  }
  .footer-fluid
    .footer-main
    .card-part.footer-collapsible.is-collapsed
    .list-part {
    grid-template-rows: 0fr;
  }
  .footer-fluid .footer-main .card-part.footer-collapsible .list-part > ul {
    overflow: hidden;
    min-height: 0px;
    margin: 0px;
  }
  .mobileheader-fluid .main-section ul li.mobile-logo-col img {
    max-width: 220px;
    width: 220px;
  }
}

/* Shop By Category tiles: tablet & mobile.
   Source images are 4:5 portrait (1592x2000). The Figma tablet/mobile card is
   square (1:1), but forcing that on a 4:5 image would crop ~10% off the top and
   bottom (clipping taller pieces like necklaces/earrings). So we keep the tiles
   proportional to the source ratio: no stretch, no distortion, no crop. Locking
   aspect-ratio also reserves space and prevents layout shift while lazy-loading. */
@media all and (max-width: 992px) {
  .featured-fluid .main-section .feature-slider .slider-part .items img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
  }
}

/* ==========================================================================
   Footer - Tablet layout (matches reference screenshot)
   Two independent columns: brand + GET IN TOUCH on the left, and
   SHOP / COMPANY / SUPPORT stacked on the right (with an expanded chevron).
   CSS multi-column is used so the two columns flow independently.
   Scoped to tablet only: mobile (<=767px) and desktop (>=1025px) untouched.
   ========================================================================== */
@media all and (min-width: 768px) and (max-width: 1024px) {
  .footer-fluid .footer-main {
    display: block;
    column-count: 2;
    column-gap: 40px;
  }
  .footer-fluid .footer-main .card-part,
  .footer-fluid .footer-main .card-part:nth-child(1),
  .footer-fluid .footer-main .card-part:nth-child(2) {
    width: auto;
    margin-bottom: 30px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
  /* Push the Shop / Company / Support group into the second column */
  .footer-fluid .footer-main .card-part:nth-child(3) {
    -webkit-column-break-before: always;
    break-before: column;
  }
}

/* About Us - Mission & Vision: stack into a single column on tablet (matches
   reference). The <=992px rule already stacks phones/small tablets; this covers
   the larger tablet range (993-1180px) that otherwise still shows two columns.
   Desktop (>=1181px) and mobile (<=992px) layouts are left unchanged. */
@media all and (min-width: 993px) and (max-width: 1180px) {
  .abt-mv__inner {
    grid-template-columns: 1fr;
    gap: 60px;
    max-width: 760px;
  }
}