/* ============================================================
   Dressland — Site-wide responsive fixes
   Breakpoints: 1199 · 991 · 767 · 575
   ============================================================ */

/* Kill page-wide horizontal scrollbar from sliders / negative offsets */
html {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
}

/* Fixed top nav must always span full viewport */
.nav-wrapper {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  background: #252525;
}

.nav-wrapper .nav-item {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  background: #252525 !important;
}

img {
  max-width: 100%;
  height: auto;
}

.container,
.container-fluid {
  width: 100%;
  max-width: 100%;
}

.home-collection,
.category-showcase,
.deal-of-week,
.testimonial-section,
.dl-cta-band,
.dl-trust,
.map,
.map-inner,
.contact-section {
  overflow-x: hidden;
  max-width: 100%;
}

.map-inner iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
}

/* ---------- Large tablets / small laptops ---------- */
@media (max-width: 1199px) {
  .inner-header .logo img {
    max-width: 160px;
  }

  .hero-brand-bar {
    bottom: 20px;
    padding: 12px 22px;
    min-width: min(86vw, 380px);
  }

  .home-collection .product-item .pi-pic img {
    height: 230px;
  }
}

/* ---------- Tablets ---------- */
@media (max-width: 991px) {
  body {
    padding-top: 54px !important;
  }

  .nav-wrapper {
    min-height: 54px;
  }

  .header-top .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .inner-header {
    padding: 18px 0 14px !important;
  }

  .inner-header .row {
    align-items: center;
  }

  .inner-header .logo {
    text-align: center;
    margin-bottom: 12px;
  }

  .inner-header .logo img {
    max-width: 180px;
    width: auto;
  }

  .inner-header .advanced-search {
    width: 100%;
    margin: 0 auto;
  }

  .inner-header .advanced-search .category-btn {
    max-width: 34%;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .inner-header .advanced-search .input-group {
    max-width: 66%;
  }

  /* Hero */
  .hero-section .carousel-control-prev,
  .hero-section .carousel-control-next,
  .hero-section .hero-slider-btn {
    width: 40px !important;
    opacity: 0.4 !important;
  }

  .hero-section .hero-slider-btn i {
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
  }

  .hero-brand-bar {
    bottom: 14px;
    padding: 10px 16px;
    min-width: min(92vw, 340px);
  }

  .hero-brand-bar strong {
    font-size: 16px;
    letter-spacing: 0.06em;
  }

  .hero-brand-bar span {
    font-size: 10px;
  }

  /* Soften hero overlay on tablet so artwork stays readable */
  .hero-section .carousel-inner::after {
    background: linear-gradient(
      180deg,
      rgba(18, 18, 18, 0.12) 0%,
      rgba(18, 18, 18, 0.05) 50%,
      rgba(0, 0, 0, 0.28) 100%
    );
  }

  /* Collections: stack feature panel above slider */
  .home-collection .row {
    flex-direction: column;
  }

  .home-collection .col-lg-3,
  .home-collection .col-lg-8,
  .home-collection .offset-lg-1 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-left: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-collection .product-large {
    min-height: 280px !important;
    margin-bottom: 24px !important;
  }

  .man-banner.home-collection .col-lg-3 {
    order: -1;
  }

  .collection-toolbar {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 20px !important;
  }

  .collection-toolbar .dl-section-head {
    text-align: left;
  }

  .deal-of-week .countdown-timer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .deal-of-week .cd-item {
    margin: 0 !important;
  }

  .deal-of-week .section-title {
    text-align: center !important;
  }

  .deal-of-week .section-title p {
    margin-left: auto;
    margin-right: auto;
  }

  .deal-visual {
    margin-top: 24px;
  }

  .dl-cta-band__inner {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .footer-section .footer-left,
  .footer-section .footer-widget,
  .footer-section .newslatter-item {
    margin-bottom: 28px;
  }
}

/* ---------- Phones & small tablets ---------- */
@media (max-width: 767px) {
  body {
    padding-top: 0 !important;
  }

  /* Switch to mobile hero earlier for better fit */
  .desktop-banner {
    display: none !important;
  }

  .mobile-banner {
    display: block !important;
  }

  .nav-wrapper {
    display: none !important;
  }

  .slicknav_menu {
    background: #0b0b0b !important;
  }

  .slicknav_btn {
    margin: 0 !important;
  }

  .slicknav_nav:not(.mobile-nav-sidebar) {
    background: #111 !important;
  }

  .slicknav_nav:not(.mobile-nav-sidebar) a {
    color: #fff !important;
  }

  .mobile-nav-sidebar,
  .mobile-nav-sidebar.slicknav_nav {
    background: #0b0b0b !important;
  }

  .mobile-nav-sidebar a,
  .mobile-nav-sidebar.slicknav_nav a {
    color: #ffffff !important;
  }

  .header-top {
    display: none !important;
  }

  .inner-header .col-lg-2,
  .inner-header .col-md-2,
  .inner-header .col-lg-8,
  .inner-header .col-md-7,
  .inner-header .col-md-3 {
    max-width: none;
  }

  .inner-header .advanced-search {
    height: auto !important;
    display: flex;
    width: 100%;
  }

  .inner-header .advanced-search .category-btn {
    display: none !important;
  }

  .inner-header .advanced-search .input-group {
    max-width: 100% !important;
    width: 100%;
  }

  .inner-header .advanced-search .input-group input {
    width: 100%;
    font-size: 14px;
  }

  .hero-section .carousel-item img {
    width: 100%;
    min-height: 220px;
    object-fit: cover;
    object-position: center;
  }

  .hero-brand-bar {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    width: calc(100% - 24px);
    min-width: 0;
    margin: -18px auto 0;
    z-index: 6;
  }

  /* Remove heavy overlay on mobile banners */
  .hero-section .carousel-inner::after {
    background: linear-gradient(
      180deg,
      transparent 55%,
      rgba(0, 0, 0, 0.25) 100%
    );
  }

  .hero-section .carousel-control-prev,
  .hero-section .carousel-control-next,
  .hero-section .hero-slider-btn {
    width: 36px !important;
    opacity: 0.4 !important;
  }

  .hero-section .hero-slider-btn i {
    width: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
  }

  .hero-section.mobile-banner .carousel-indicators {
    bottom: 72px;
    margin-bottom: 0;
  }

  .dl-trust__item {
    padding: 16px 18px;
  }

  .category-showcase {
    padding: 48px 0 52px !important;
  }

  .category-showcase .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .category-showcase__header {
    margin-bottom: 28px;
    padding: 0 8px;
  }

  .category-showcase__title {
    font-size: 26px;
  }

  .category-card__media {
    height: 260px !important;
  }

  .women-banner,
  .man-banner {
    padding: 48px 0 !important;
  }

  .home-collection .filter-control ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
  }

  .home-collection .filter-control ul li {
    margin-right: 14px !important;
    font-size: 12px !important;
  }

  .home-collection .product-item .pi-pic img {
    height: 210px;
  }

  .deal-of-week {
    padding: 56px 0 !important;
  }

  .deal-of-week .product-price {
    font-size: 22px !important;
  }

  .deal-of-week .cd-item {
    min-width: 64px !important;
    padding: 10px 8px;
  }

  .testimonial-section {
    padding: 56px 0 !important;
  }

  .testimonial-card {
    min-height: 0;
    margin: 8px 4px 16px;
  }

  .dl-cta-band {
    padding: 40px 0;
  }

  .dl-cta-band__inner {
    padding: 24px 18px !important;
  }

  .dl-cta-actions {
    width: 100%;
  }

  .dl-cta-actions a {
    flex: 1 1 auto;
    text-align: center;
  }

  .whatsapp-container {
    bottom: 16px !important;
    right: 16px !important;
  }

  .whatsapp-text {
    display: none !important;
  }

  .whatsapp-btn {
    width: 52px !important;
    height: 52px !important;
  }
}

/* ---------- Small phones ---------- */
@media (max-width: 575px) {
  .hero-section .carousel-item img {
    min-height: 200px;
  }

  .hero-brand-bar {
    width: calc(100% - 16px);
    padding: 10px 12px;
    margin-top: -14px;
  }

  .hero-brand-bar strong {
    font-size: 14px;
  }

  .dl-section-title {
    font-size: 24px;
  }

  .collection-toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .category-card__media {
    height: 240px !important;
  }

  .home-collection .product-large h2 {
    font-size: 24px !important;
  }

  .deal-of-week .countdown-timer {
    gap: 8px;
  }

  .deal-of-week .cd-item {
    min-width: 58px !important;
    flex: 1 1 calc(50% - 8px);
  }

  .footer-section .newslatter-item form {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .footer-section .newslatter-item form input,
  .footer-section .newslatter-item form button {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* ---------- Landscape phones ---------- */
@media (max-width: 767px) and (orientation: landscape) {
  .hero-section .carousel-item img {
    min-height: 180px;
    max-height: 280px;
    object-fit: cover;
  }

  .hero-brand-bar {
    margin-top: -12px;
  }
}

/* Prefer reduced motion already in home.css */