/* ============================================================
   RESPONSIVE.CSS — Kashka Media Queries Only
   Breakpoints: 1400, 1200, 992, 768, 576, 480
   ============================================================ */

/* ── 1400px and below (XL containers shrink) ─────────────── */
@media (max-width: 1400px) {
  .features-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
  }

  .footer-grid {
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1.2fr;
    gap: 40px;
  }
}

/* ── 1200px and below ────────────────────────────────────── */
@media (max-width: 1200px) {
  .hero-heading {
    font-size: clamp(2rem, 4vw, 3.2rem);
  }

  .products-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }

  .products-grid-5 {
    grid-template-columns: repeat(4, 1fr);
  }

  .collections-three-grid {
    gap: 16px;
  }

  .features-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
  }

  .footer-grid {
    grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
    gap: 32px;
  }

  .footer-grid>*:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-7);
    align-items: start;
  }

  .promo-split-content {
    padding: var(--space-9) var(--space-7);
  }
}

/* ── 992px and below (Tablet) ────────────────────────────── */
@media (max-width: 992px) {

  /* Top Bar */
  .top-bar-links {
    display: none;
  }

  /* Navbar */
  .navbar-menu {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  /* Hero */
  .hero-arrow-prev {
    left: 16px;
  }

  .hero-arrow-next {
    right: 16px;
  }

  .hero-arrow {
    width: 44px;
    height: 44px;
    font-size: 1rem;
  }

  .hero-scroll {
    display: none;
  }

  /* Categories */
  .category-card.featured {
    grid-row: span 1;
    aspect-ratio: 3 / 4;
  }

  /* Category circles — slightly smaller on tablet */
  .cat-circle-img-wrap {
    width: 140px;
    height: 140px;
  }


  /* Products */
  .products-grid-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .products-grid-5 {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  /* Promo Banner */
  .promo-banner {
    height: 440px;
  }

  /* Influencer */
  .influencer-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .video-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }

  .video-thumb {
    aspect-ratio: 9/16;
  }

  /* Collections */
  .collections-three-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  .collection-card {
    height: 400px;
    padding: var(--space-5) var(--space-4);
  }

  .collection-name {
    font-size: 1.4rem;
  }

  /* Features */
  .features-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
  }

  /* Testimonials */

  /* Instagram */
  .instagram-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .insta-tile.tall {
    grid-row: span 1;
    aspect-ratio: 1;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-7);
  }

  .footer-grid>*:first-child {
    grid-column: span 2;
  }

  .footer-grid>*:last-child {
    display: block;
    grid-column: span 2;
  }

  /* Section tabs */
  .section-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  /* Modal */
  .modal-card {
    grid-template-columns: 1fr;
    max-width: 480px;
  }

  .modal-img {
    min-height: 260px;
  }
}

/* ── 768px and below (Large Mobile) ─────────────────────── */
@media (max-width: 768px) {

  

  /* Global */
  body {
    font-size: 0.95rem;
  }

  /* Top Bar */
  .top-bar {
    padding: 8px 0;
  }

  .top-bar-marquee {
    font-size: 0.72rem;
  }

  /* Navbar */
  .navbar-logo img {
    height: 38px;
  }

  .navbar-inner {
    padding: 12px 0;
  }

  /* Hero */
  .hero-heading {
    font-size: clamp(1.7rem, 6vw, 2.8rem);
  }

  .hero-desc {
    display: none;
  }

  .hero-actions {
    gap: var(--space-3);
  }

  .btn-lg {
    padding: 14px 28px;
    font-size: 0.875rem;
  }

  .hero-controls {
    bottom: 16px;
  }

  /* Cat Pill */
  .cat-pill {
    min-width: 86px;
    flex: 1 0 86px;
    padding: var(--space-5) var(--space-4);
  }

  .cat-pill-icon {
    width: 46px;
    height: 46px;
    font-size: 1.1rem;
  }

  .cat-pill-name {
    font-size: 0.82rem;
  }

  .cat-pill-count {
    font-size: 0.65rem;
  }

  /* Cat circles — compact on mobile */
  .cat-circle-img-wrap {
    width: 100px;
    height: 100px;
  }


  .cat-circle-name {
    font-size: 0.82rem;
  }

  .cat-circle-count {
    font-size: 0.65rem;
  }

  /* Promo Split */
  .promo-split-visual {
    height: 300px;
  }

  .promo-split-content {
    padding: var(--space-7) var(--space-5);
  }

  .promo-split-actions {
    flex-direction: column;
    gap: var(--space-3);
  }

  .promo-split-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .promo-split-features {
    flex-direction: column;
    gap: var(--space-3);
  }

  .promo-split-countdown {
    gap: var(--space-2);
  }

  /* Products */
  .products-grid-4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .products-grid-5 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  /* Promo Banner */
  .promo-banner {
    height: auto;
    min-height: 360px;
  }

  .promo-countdown {
    flex-wrap: wrap;
  }

  /* Collections */
  .collections-three-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .collection-card {
    height: 360px;
    padding: var(--space-6) var(--space-5);
  }

  .collection-name {
    font-size: 1.5rem;
  }

  /* Features */
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  /* Testimonials */

  /* Instagram */
  .instagram-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  /* Newsletter */
  .newsletter-form {
    flex-direction: column;
    border-radius: var(--radius-md);
    padding: var(--space-3);
    gap: var(--space-3);
  }

  .newsletter-form input {
    padding: var(--space-3) var(--space-3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .newsletter-perks {
    flex-direction: column;
    gap: var(--space-3);
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: var(--space-7);
  }

  .footer-grid>*:first-child {
    grid-column: span 1;
  }

  .footer-grid>*:last-child {
    grid-column: span 1;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: var(--space-3);
  }

  /* Section headers */
  .section-header .d-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }

  /* Video grid */
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  /* Look card */
  .influencer-look-card {
    max-width: 400px;
    margin: 0 auto;
  }

  /* Toast */
  .toast {
    bottom: 16px;
    right: 16px;
    left: 16px;
    max-width: unset;
  }

  /* Back to top */
  .back-to-top {
    bottom: 20px;
    left: 20px;
    width: 42px;
    height: 42px;
  }
  .collection-card{
    margin-bottom: 20px;
  }
  .site-branding{
    margin-left: auto;
    margin-right: auto;
  }
}

/* ── 576px and below (Mobile) ────────────────────────────── */
@media (max-width: 576px) {
  .woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
  .woocommerce form .form-row{
    width: 100% !important;
  }
   .desk-search{
    display: none;
  }
  .mob-search{
    display: block;
  }
  .hero-slider{
    height: auto;
  }
  .mobImgWrap{
    display: block;
  }
  .deskImgWrap{
    display: none;
  }
  .product-card-price ins,
  .product-card-price del,
  .product-card-price > .woocommerce-Price-amount {
    font-size: 0.9rem;
    font-weight: 500;
  }
  
  .badge{
    font-size: 0.6rem;
  }
	.cat-circle-track{
		padding-left:9px !important
	}
	[class*="col-"]{
		padding-inline:7px !important;
	}
  .pd-price-current{
    font-size: 1.4rem;
  }
  .mobile-menu-header img{
    width: 150px;
  }
  .adBanner{
    padding: 10px 0;
  }
  .product-card-atc {
    display: none;
  }
  .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
    float: none !important;
  }

  .product-card{
    margin-bottom: 20px;
  }
  .woocommerce .woocommerce-customer-details address{
    height: auto;
  }
  .woocommerce-column__title{
    margin-top: 20px !important;
    font-size:20px
  }
  .woocommerce-order-details h2{
    font-size: 20px;
  }
  .woocommerce table.shop_table th, .woocommerce table.shop_table td{
    font-size: 16px !important;
  }
.woocommerce ul.order_details li{
  margin-bottom: 16px;
  font-size: 12px !important;
}
  /* Hero */
  .hero-text {
    max-width: 100%;
  }

  .hero-label {
    font-size: 0.7rem;
    letter-spacing: 0.14em;
  }

  .hero-heading {
    font-size: clamp(1.5rem, 7vw, 2.2rem);
  }

  .hero-arrow {
    width: 38px;
    height: 38px;
    font-size: 0.9rem;
  }

  .hero-arrow-prev {
    left: 10px;
  }

  .hero-arrow-next {
    right: 10px;
  }

  /* Cat Pill */
  .cat-pill {
    min-width: 80px;
    flex: 1 0 80px;
  }

  /* Promo Split */
  .promo-split-visual {
    height: 240px;
  }

  .promo-split-badge {
    width: 78px;
    height: 78px;
    top: 16px;
    right: 16px;
  }

  .promo-split-percent {
    font-size: 1.6rem;
  }

  /* Products */
  .product-card-actions {
    opacity: 1;
    transform: translateX(0);
  }

  .product-card-atc {
    transform: translateY(0);
  }

  /* Features */
  .features-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }

  .feature-card {
    padding: var(--space-5) var(--space-4);
  }

  .feature-icon-wrap {
    width: 56px;
    height: 56px;
    font-size: 1.4rem;
  }

  /* Promo Banner */
  .promo-heading {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  .promo-offer {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

  /* Instagram */
  .instagram-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }

  /* Newsletter */
  .newsletter-section {
    padding: var(--space-9) 0;
  }

  /* Section spacing */
  .categories-section,
  .best-sellers,
  .influencer-section,
  .new-arrivals,
  .featured-collections,
  .why-choose,
  .testimonials,
  .instagram-section {
    padding: var(--space-6) 0;
  }

  /* Countdown */
  .countdown-unit {
    padding: var(--space-2) var(--space-3);
    min-width: 52px;
  }

  .countdown-num {
    font-size: 1.3rem;
  }

  /* Testimonials */
  .testimonial-card {
    padding: var(--space-5);
  }

  .testimonial-text {
    font-size: 0.92rem;
  }
  .cst-acnt-nav{
    margin-bottom: 20px;
  }
  .woocommerce-account .woocommerce{
    gap: 20px;
  }
  .woocommerce-MyAccount-content{
    padding: 12px;
  }
  #footer-brand img{
    width: 200px;
  }
  .footer{
    padding-top: 40px;
  }
}

/* ── 480px and below (Small Mobile) ─────────────────────── */
@media (max-width: 480px) {

  /* Navigation */
  .navbar-inner {
    padding: 10px 0;
  }

  .navbar-logo img {
    height: 32px;
  }

  .nav-action-btn {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }

  .navbar-actions {
    gap: var(--space-2);
  }

  /* Hero */
  .hero-content .container {
    padding-inline: 20px;
  }

  .hero-actions .btn:nth-child(2) {
    display: none;
  }

  /* Cat Pill */
  .cat-pill {
    min-width: 72px;
    flex: 1 0 72px;
    padding: var(--space-4) var(--space-3);
    gap: var(--space-2);
  }

  .cat-pill-icon {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  /* Promo Split */
  .promo-split-content {
    padding: var(--space-6) var(--space-5);
  }

  .promo-split-countdown .countdown-unit {
    min-width: 50px;
    padding: var(--space-2) var(--space-3);
  }

  .promo-split-countdown .countdown-num {
    font-size: 1.25rem;
  }

  /* Products */
  .products-grid-4,
  .products-grid-5 {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .product-card-body {
    padding: var(--space-3);
  }

  .product-card-name {
    font-size: 0.85rem;
  }

  .price-current {
    font-size: 0.92rem;
  }

  /* Promo Banner */
  .promo-banner {
    min-height: 300px;
  }

  /* Mobile menu width */
  .mobile-menu {
    width: 100%;
  }

  /* Section title */
  .section-title {
    font-size: clamp(1.4rem, 5vw, 2rem);
  }

  /* Features — stack 2 */
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
  }

  /* Footer */
  .footer-social {
    flex-wrap: wrap;
  }

  .footer-bottom-links {
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
  }

  /* Video grid small */
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 376px){
	.price-original{
		font-size:12px;
	}
}

/* ── Print Styles ────────────────────────────────────────── */
@media print {

  .navbar,
  .top-bar,
  .hero-slider,
  .back-to-top,
  .toast,
  .modal-backdrop,
  .mobile-menu {
    display: none !important;
  }
}