/* ============================================================
   Artisan Avenue — Mobile / Responsive stylesheet
   Loaded after style.css; only overrides at ≤991 / ≤767 / ≤480.
   Desktop layout is untouched above 991px.

   ============================================================ */

/* Compact mobile/tablet-only copyright line in the footer — hidden on
   desktop, where the .footer-col's own .copyright paragraph is used
   instead. See views/frontend/_footer.php. */
.copyright-mobile { display: none; }

/* Logo shown at the top of the mobile nav drawer — nav-drawer.js injects
   it into .main-nav unconditionally (that element is the real, always-
   visible desktop nav bar too), so it must default to hidden here and
   only be switched on inside the mobile drawer's own media query below. */
.mobile-nav-logo { display: none; }
@media (min-width: 1200px) and (max-width: 1399px) {
    .container{max-width:1180px !important;padding:0 20px !important;}
    .site-header {padding: 28px 15px;}
    .site-header .container{max-width:initial !important; padding:0px !important;}
    .search-box{width: 226px;}
    .main-nav ul{gap: 20px;}
    .hero-wrapper{max-width: initial;}
    .Arrivals{padding-left: calc((100% - 1140px) / 2);}
    .meet-box-inner{padding-left: calc((100% - 1140px) / 2);}
    .shop-box-inner{max-width: 100%; height: auto;}
    .shop-grid{gap: 20px;}
    .visit-left{padding-right: 20px;}
    .user-icon {margin-left: 22px;}
}

/* ---------- SMALL DESKTOP / TABLET LANDSCAPE (992px – 1199px) ---------- */
/* This range had no treatment at all: the hamburger only takes over at
   ≤991px, so the full desktop header (logo + 7-item nav + "Want to Sell?"
   + search) still renders here, but the shrink rules only started at
   1200px. The result was ~100–125px of horizontal overflow — invisible
   under macOS overlay scrollbars, but Firefox renders a real scrollbar.
   Same two levers the 1200–1399px block uses, tightened further. */
@media (min-width: 992px) and (max-width: 1199px) {
    .main-nav ul{gap: 12px;}
    .search-box{width: 170px;}
}

/* ---------- TABLET (≤ 991px) ---------- */
@media (min-width: 991px) {
    .meet-card-mobile{display: none;}
    ul.up-top {margin-top: 13px;}
    .filter-btnbar{display: none;}
    .mobile-filter-area{display:none;}
}    
/* ---------- TABLET (≤ 991px) ---------- */
@media (max-width: 991px) {
    .acc-dropdown{
     position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background: #FAF7F4;
    z-index: 1001;
    overflow-y: auto;
    padding: 20px;
    transform: scale(0.9);
    opacity: 0;
    border-radius:0px;
    visibility: hidden;
    transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s;
    transform-origin: center;}
    .mobile-account-header{margin-bottom: 22px;padding-bottom: 26px; gap:15px;}
    .acc-dropdown.open{right:0;transform: scale(1);opacity: 1;visibility: visible;}
    .acc-dropdown-form button.acc-dropdown-item{justify-content: flex-start;font-size: 17px; font-weight: 500; margin-top: 20px;}
    /* Header */
    .mobile-avatar{width:60px;height:60px;}
    .mobile-user-info{flex:1;}
    .close-account{border:none;background:none;font-size:24px;cursor:pointer;color:#444;display: block;}
   
    /* Menu */

    .mobile-account-menu{display:flex;flex-direction:column;gap:14px;}
    .acc-dropdown-item{background:#fff;border-radius:14px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#222;transition:.25s;box-shadow:0 6px 18px rgba(0,0,0,.06);}
    .acc-dropdown-item:hover{transform:translateX(6px);background:#F6EFE9;}
    .menu-left{display:flex;align-items:center;gap:15px;}
    .menu-left i{width:22px;text-align:center;color:#9A7354;font-size:18px;}
    .menu-left span{font-size:16px;font-weight:500;color: #333333;font-family: 'Outfit Medium', 'Outfit', sans-serif;}
    .acc-dropdown-item>i{color:#999;}
    .logout{margin-top:20px;color:#E53935;}
    .logout .menu-left i{color:#E53935;}
    i.fa-solid.fa-chevron-right{display: block;}
    .acc-dropdown-form{border:none; padding-top: 0px; margin-top: 0px;}
    .profile-stats{padding-left: 0; border-left: 0px; display: initial;}
    .profile-stats-inner{margin-bottom: 10px;}
    .ship-card-box-inner h4 span{background: transparent;}
  .copyright-mobile {
    display: block; text-align: center; color: #bdbdbd; font-size: 15px; line-height: 1.8; margin-top: 30px; margin-bottom: 0;border-top: 1px #efe6de47 solid; padding: 30px 0;}
  .container { max-width: 100% !important; padding: 0 20px !important; }

  /* Marketplace / product listing → single column */
  .marketplace-wrapper { flex-direction: column; gap: 0;padding: 20px 15px 40px; }
  .thumb {width: 100px;height: 100px;}
  .marketplace-toolbar{display:none;}
  .marketplace-toolbar p{margin-bottom: 20px;}
  .c-product-card__action, .product-content .bottom button{font-size: 17.87px;}
  .sort-select option{font-size: 12px;}
  .product-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
  .c-product-card, .product-card-box{max-width: 100%;}
  .pagination-bar{display:block; text-align: center;}
   .pagination-bar p{margin-bottom: 15px;}
  .marketplace-filter { width: 100%; min-width: 100%; padding-right: 0; border-right: none; }
  .marketplace-layout { flex-direction: column; }

  /* Hero → stack */
  .hero-wrapper { flex-direction: column; gap: 32px; }
  .hero-content { max-width: 100%; padding-top: 24px; }
  .hero-gallery { max-width: 100%; flex: 1 1 auto; }

  /* Visit / marketplace split sections → stack */
  .visit-sec .container { flex-direction: column; gap: 28px; align-items: initial;}
  .visit-left, .visit-right { max-width: 100%; }
  .marketplace-hero__content { flex-direction: column; align-items: flex-start; gap: 24px; }
  .marketplace-hero__left { max-width: 100%; }
     .container { padding: 0 18px !important; }

  /* ===== Top announcement bar ===== */
  .top-header { padding: 8px 0; }
  .top-announcement { font-size: 11px; gap: 6px; }
  .top-announcement .separator { display: none; }

  /* ===== Header ===== */
  .site-header { padding: 14px 0; }
  .header-wrapper { flex-wrap: wrap; gap: 12px; row-gap: 12px; }
  .logo-menu-left { flex: 1 1 auto; width: auto; }
  .logo img { max-width: 130px; }
  .sell-btn { display: none; }              /* moved into the drawer */

  /* Right-side action icons become soft rounded buttons */
  .header-actions { gap: 12px; }
  .header-actions .search-box { display: none; }  /* replaced by full-width search below */
  .header-actions .cart-icon,
  .header-actions .user-icon {
    width: 48px; height: 48px; margin: 0;
    background: #FDF6F1; border-radius: 14px;
    box-shadow: 0 6px 16px rgba(150,110,80,0.14);
    display: flex; align-items: center; justify-content: center;
  }
  .header-actions .cart-icon img,
  .header-actions .user-icon img { width: 24px; }

  /* Hamburger becomes a matching rounded button */
  .mobile-toggle {
    display: flex; align-items: center; justify-content: center; gap: 5px;
    width: 48px; height: 48px; background: #FDF6F1; border-radius: 14px;
    box-shadow: 0 6px 16px rgba(150,110,80,0.14);
  }
  .mobile-toggle span { width: 22px; }

  /* Full-width search below the header row */
  .search-box {
    order: 5; flex: 1 1 100%; width: 100% !important;
    height: 56px; margin: 0 !important; border-radius: 18px;
    background: rgba(255,255,255,0.65);
  }

  /* ===== Mobile nav drawer (uses existing .main-nav.open toggle) ===== */
  .mobile-nav-close {
    display: block !important;
  }
  .main-nav {
    position: fixed; top: 0; left: 0; bottom: 0; z-index: 1000;
    width: 82%; max-width: 340px; background: #FAF7F4;
    transform: translateX(-100%); transition: transform .32s ease;
    overflow-y: auto; padding: 24px 0; margin-left: 0;
  }
  .cart-dot{width:6px; height:6px ; right: 8px; top: 8px;}
  .main-nav.open { transform: translateX(0); }
  .mobile-nav-logo {
    display: block; padding: 0 24px 18px; margin-bottom: 8px;
    border-bottom: 1px solid #E5E5E5;
  }
  .mobile-nav-logo img { max-width: 145px; }
  .main-nav ul { flex-direction: column; gap: 0; margin-left: 0; }
  .main-nav ul li a,
  .main-nav ul li a.active {
    display: block; padding: 16px 24px; font-size: 18px; border-bottom: none;
  }
  .main-nav ul li a.active { color: #A17354; background: #F5EEE9; border-left: 3px solid #A17354; }

  /* Gift cards moves from the top announcement bar into the drawer, as the
     last item, on tablet/mobile — announcement bar has no room for it once
     the promo text wraps at this width. */
  .gift-card-link { display: none; }
  .mobile-nav-gift-item { display: block; margin-top: 8px; }
  /* Qualified with the parent .mobile-nav-gift-item (two classes) rather
     than just .gift-card-nav-link (one class), so this outranks the more
     specific ".main-nav ul li a" element-chain selector above — that rule
     was winning on specificity and forcing display:block, stacking the
     icon above the text instead of laying them out side by side. */
  .mobile-nav-gift-item .gift-card-nav-link {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 24px; font-size: 18px; color: #4C4C4C; text-decoration: none;
  }
  .mobile-nav-gift-item .gift-card-nav-link img { display: block; width: 20px; height: 20px; }

  /* (backdrop element is injected by include-partials.js) */


  /* ===== home  ===== */

  .visit-btn-get img {
    width: 20.84px;
}
  /* ===== Hero ===== */
  .hero-section { padding: 20px 0; }
  .hero-content h1 { font-size: 48px; max-width:480px; }
  .gallery-col-mobile{display:none !important;}
  .gallery-card-mob {grid-row: span 2;}
  .artisan-card {height: auto; align-items: center; justify-content: center;}
  .expert-artisans{display:none;}
  .hero-content p { font-size: 18px; line-height: 24px;max-width: 618px; }
  .hero-content h4 { font-size: 20px; margin-bottom: 24px; }
  .flower { width: 44px; }
  .hero-btns a.btn-primary,
  .hero-btns a.btn-secondary { flex: initial; font-size: 16px; padding: 10.42px 38.82px; }
  .hero-gallery { flex-direction: row; gap: 12px; }
  .gallery-col { display: grid;grid-template-columns: 1.15fr 0.85fr;grid-template-rows: 290px 160px;gap: 16px;}
  .artisan-card { height: auto; padding: 16px; overflow: hidden;}
  .artisan-card h3 { font-size: 34px; }
  .shop-grid{gap:10px;}
  .shop-cozy-head{font-size: 15px;}
  .shop-cozy-head img {width: 24px;}
  .discover-sec h1{font-size: 60px;}
  .discover-sec h1 span{font-size: 80px;}
  .discover-sec{min-height: 770px;}
  .footer-col:nth-child(4), .c-site-footer__col--tagline{padding-left: 0px;padding-top: 30px;}
  .footer, .c-site-footer{padding-bottom: 0px;}
  /* ===== Ship marquee ===== */
  .ship-sec { height: auto; }
  .announcement-group { font-size: 14px; line-height: 46px; }

  /* ===== Section headers ===== */
  .browse-craft, .perfect-gift-sec, .new-arrivals,
  .trust-sec, .shop-sec { padding: 30px 0; }
  .section-header h2, .c-section-header__title,
  .perfect-head-text h2, .meet-head h2, .shop-sec h2,
  .trust-sec h2, .mother-bg-head h2 { font-size: 34px; }
  .mother-bg-head h2 span{font-size: 26px;}
  .Arrivals{padding: 0px 15px 55px;}
  .section-header h2 span, .c-section-header__title span,
  .perfect-head-text h2 span, .meet-head h2 span,
  .shop-sec h2 span, .trust-sec h2 span { font-size: 34px; }
  .trust-sec{padding-top: 0px;}
  button.view-all, a.view-all, .c-btn--soft {
    font-size: 18px; height: auto; padding: 12px 20px; border-radius: 10px;
  }

  /* Horizontal-scroll rails: tighten card widths */
  .craft-grid { gap: 16px; }
  .craft-grid a { flex: 0 0 160px; width: 160px; }
  .craft-card { max-width: 160px; }
  .craft-card img { border-radius: 14px; }
  .craft-card p { font-size: 20px; margin-top: 12px; }

  .perfect-head { flex-direction: column; align-items: flex-start; gap: 16px; }
  .perfect-grid { gap: 16px; }
  .perfect-grid a { flex: 0 0 180px; width: 180px; }
  .perfect-card { max-width: 180px; }

  /* Product cards */
  .customer-review-header{display: grid; grid-template-columns: 1.5fr 3fr; gap: 20px; margin-bottom: 30px;}
  .product-card, .c-card { max-width: 286px;width:100%;  height: auto; }
  .product-card-img img {height: 260px;object-fit: cover;}
  .main-image{height: 385px;}.customer-review-sec {padding: 50px 18px;}
  .customer-review-header-right{max-width: 100%; height:auto;}
  .member-community-content{margin-top: 30px;padding: 40px 20px;}
  .tera-head-box .section-header{padding: 0px 18px 25px;}
  .tera-content-box-inner{padding-left: 18px;}
  .handmade-box{overflow-x: scroll;}
  
  .product-info{padding: 25px 0px 25px 25px; max-width: 100%;}
  .thumbs-sec {padding: 30px 18px;}
  
  
 .sizes-btn button{height: 48px;}
  .meet-box-inner{padding: 0px 15px 55px;}
  .perfect-gift-sec{display: none;}
  .meet-grid{gap:20px;}
  .products-grid { gap: 20px; }
  .meet-artisans p{padding-right: 0px;}
  .product-card h3, .c-card__title { font-size: 20px;height: 52px; }
  .product-card .bottom button, .c-card__action { padding: 12.42px 12.82px; font-size: 16.87px; line-height: 22.8px; border-radius: 9.91px; }

  /* Mother's Day banner */
  .mother-bg { height: initial;padding: 45px; }
  .mother-bg-head p { font-size: 14px; }
  .mother-sec{padding-top:20px;}
  .mother-bg-head h5 {color: #121212;}
  .mother-bg-head h2 {font-size: 30px;color: #121212;}
  .mother-bg-head p {color: #121212;}
  .shop-btn, .c-btn--accent {font-size: 16.87px;}

  /* Meet the artisans */
  .meet-card { width: auto; height: auto; }
  .meet-img-box img { border-radius: 10px; }
  .meet-box-inner {display: block;}
  
  .shop-box-inner{height: auto;}
  .meet-sec .meet-box-inner-mobile {display: none;}
  .faq-scroll-btn{padding: 9.42px 20.82px; font-size: 16.87px;}
  .faq-page-hero {padding: 52px 24px 38px;}
  .btn-cta-tan{font-size: 16.87px; }
  .meet-sec .meet-card-mobile:nth-child(1) {margin-top: 0px;}
  .meet-sec .meet-card-mobile {background-color: #FAF7F4;border-radius: 10px;border: 1px #EFE6DE solid;padding: 20px;display: flex;align-items: center;gap: 18px;cursor: pointer;margin-top: 20px;transition: .3s;box-shadow: 0px 2px 29px rgb(25 25 25 / 16%);}
  .meet-sec .artisan-card__image {width: 80px;height: 80px;border-radius: 12px;overflow: hidden;flex-shrink: 0;background: #E8D8C8;position: relative;}
  .meet-sec .artisan-card__content {flex: 1;}
  .meet-sec .artisan-card__content h3 {margin: 0 0 10px;font-size: 18px;line-height: 1;color: #1D1D1D;font-family: 'Outfit Bold';}
  .meet-sec .location {display: flex;align-items: center;gap: 10px;margin: 0 0 6px;font-size: 15px;color: #73798A;font-weight: 500;}
  .meet-sec .location i {color: #D65A4A;font-size: 15px;}
  .meet-sec .category {display: inline-flex;align-items: center;justify-content: center;padding: 3px 10px;background: #F4EBE2;color: #4B4038;border-radius: 12px;font-size: 14px;font-weight: 600;font-family: 'Outfit Light';}
  .meet-sec .artisan-card__arrow {width: 25px;display: flex;justify-content: flex-end;align-items: center;position: relative;}
  .meet-sec .artisan-card__arrow img {width: 26px;position: absolute;right: -10px;}
 
  /* ===== Categories ===== */
  
  .Categories-card-box{padding-top: 0px;}
  .category-img{height: 160px;}
  .divider{margin-right: 22px;}
  

  /* ===== About ===== */
  .ab-story {padding: 30px 0px 30px;}
  .ab-story-grid{gap: 30px;}
  .ab-map .ab-map-para{max-width:100%;}
  .ab-map p{max-width: 100%;}
  
  .ab-believe{padding: 30px 0 30px;}
  .adv-grid-card{grid-template-columns: repeat(2, 1fr);}

/* ===== Cart ===== */

   .cart-box {padding: 30px 18px 100px;}
   .c-layout-split, .cart-box-inner{display: block;}
   .cart-box-inner-left{position: static; max-width: 100%;}
   
   .cart-box-inner-right{max-width: 100%; margin-top: 30px;}
   
   
   /* ===== Checkout ===== */
   
   .checkout-sec {padding: 35px 18px;}
   .checkout-box{display: block;}
   .checkout-left{max-width: 100%;}
   .order-summary-card{max-width: 100%; margin-top: 30px;}
   .checkout-buttons{gap: 14px;}
   .summary-product{display: block;}
   .summary-product img{width: 100%; height: auto;}
   .product-info-box h3{margin-top: 15px;}
   .product-price-col{align-items: flex-start; margin-top: 8px;}
   .coupon-wrap{display: block;}
   .apply-btn{width: 100%; margin-top: 10px;border-radius: 10px;}
   
   /* ===== Shop ===== */
   .marketplace-filter-mobile{display: none;}
   .product-image.c-product-card__image img{height: 353px;}
   
    /* ===== My account ===== */
  .myacc-profile-stack{max-width: 100%;}
  .email-notification-box{max-width: 100%;}
   
}

/* ---------- PHONE (≤ 767px) ---------- */
@media (max-width: 767px) {

  .container { padding: 0 18px !important; }

  /* ===== Top announcement bar ===== */
  .top-header { padding: 8px 0; }
  .top-announcement { font-size: 11px; gap: 6px; }
  .top-announcement .separator { display: none; }

  /* ===== Header ===== */
  .site-header { padding: 14px 0; }
  .header-wrapper { flex-wrap: wrap; gap: 12px; row-gap: 12px; }
  .logo-menu-left { flex: 1 1 auto; width: auto; }
  .logo img { max-width: 130px; }
  .sell-btn { display: none; }              /* moved into the drawer */

  /* Right-side action icons become soft rounded buttons */
  .header-actions { gap: 12px; }
  .header-actions .search-box { display: none; }  /* replaced by full-width search below */
  .header-actions .cart-icon,
  .header-actions .user-icon {
    width: 48px; height: 48px; margin: 0;
    background: #FDF6F1; border-radius: 14px;
    box-shadow: 0 6px 16px rgba(150,110,80,0.14);
    display: flex; align-items: center; justify-content: center;
  }
  .header-actions .cart-icon img,
  .header-actions .user-icon img { width: 24px; }

  /* Hamburger becomes a matching rounded button */
  .mobile-toggle {
    display: flex; align-items: center; justify-content: center; gap: 5px;
    width: 48px; height: 48px; background: #FDF6F1; border-radius: 14px;
    box-shadow: 0 6px 16px rgba(150,110,80,0.14);
  }
  .mobile-toggle span { width: 22px; }

  /* Full-width search below the header row */
  .search-box {
    order: 5; flex: 1 1 100%; width: 100% !important;
    height: 56px; margin: 0 !important; border-radius: 18px;
    background: rgba(255,255,255,0.65);
  }

  /* ===== Mobile nav drawer (uses existing .main-nav.open toggle) ===== */
  .mobile-nav-close {
    display: block !important;
  }
  .main-nav {
    position: fixed; top: 0; left: 0; bottom: 0; z-index: 1000;
    width: 82%; max-width: 340px; background: #FAF7F4;
    transform: translateX(-100%); transition: transform .32s ease;
    overflow-y: auto; padding: 24px 0; margin-left: 0;
  }
  .cart-dot{width:6px; height:6px ; right: 8px; top: 8px;}
  .main-nav.open { transform: translateX(0); }
  .mobile-nav-logo {
    display: block; padding: 0 24px 18px; margin-bottom: 8px;
    border-bottom: 1px solid #E5E5E5;
  }
  .mobile-nav-logo img { max-width: 145px; }
  .main-nav ul { flex-direction: column; gap: 0; margin-left: 0; }
  .main-nav ul li a,
  .main-nav ul li a.active {
    display: block; padding: 16px 24px; font-size: 18px; border-bottom: none;
  }
  .main-nav ul li a.active { color: #A17354; background: #F5EEE9; border-left: 3px solid #A17354; }

  /* Gift cards moves from the top announcement bar into the drawer, as the
     last item, on tablet/mobile — announcement bar has no room for it once
     the promo text wraps at this width. */
  .gift-card-link { display: none; }
  .mobile-nav-gift-item { display: block; margin-top: 8px; }
  /* Qualified with the parent .mobile-nav-gift-item (two classes) rather
     than just .gift-card-nav-link (one class), so this outranks the more
     specific ".main-nav ul li a" element-chain selector above — that rule
     was winning on specificity and forcing display:block, stacking the
     icon above the text instead of laying them out side by side. */
  .mobile-nav-gift-item .gift-card-nav-link {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 24px; font-size: 18px; color: #4C4C4C; text-decoration: none;
  }
  .mobile-nav-gift-item .gift-card-nav-link img { display: block; width: 20px; height: 20px; }

  /* (backdrop element is injected by include-partials.js) */


  /* ===== home  ===== */

  .visit-btn-get img {
    width: 20.84px;
}
  /* ===== Hero ===== */
  .hero-section { padding: 20px 0; }
  .hero-content h1 { font-size: 34px; }
  .gallery-col-mobile{display:none !important;}
  .gallery-card-mob {grid-row: span 2;}
  .artisan-card {height: auto; align-items: center; justify-content: center;}
  .expert-artisans{display:none;}
  .hero-content p { font-size: 15px; line-height: 24px; }
  .hero-content h4 { font-size: 17px; margin-bottom: 24px; }
  .flower { width: 44px; }
  .hero-btns a.btn-primary,
  .hero-btns a.btn-secondary { flex: 1; font-size: 16px; padding: 10.42px 38.82px; }
  .hero-gallery { flex-direction: row; gap: 12px; }
  .gallery-col { display: grid;grid-template-columns: 1.15fr 0.85fr;grid-template-rows: 92px 97px;gap: 16px; }
  .artisan-card { height: auto; padding: 16px; overflow: hidden;}
  .artisan-card h3 { font-size: 20px; }

  /* ===== Ship marquee ===== */
  .ship-sec { height: auto; }
  .announcement-group { font-size: 14px; line-height: 46px; }

  /* ===== Section headers ===== */
  .browse-craft, .perfect-gift-sec, .new-arrivals,
  .trust-sec, .shop-sec { padding: 30px 0; }
  .section-header h2, .c-section-header__title,
  .perfect-head-text h2, .meet-head h2, .shop-sec h2,
  .trust-sec h2, .mother-bg-head h2 { font-size: 26px; }
  .mother-bg-head h2 span{font-size: 26px;}
  .Arrivals{padding: 0px 15px 55px;}
  .section-header h2 span, .c-section-header__title span,
  .perfect-head-text h2 span, .meet-head h2 span,
  .shop-sec h2 span, .trust-sec h2 span { font-size: 26px; }
  .trust-sec{padding-top: 0px;}
  button.view-all, a.view-all, .c-btn--soft {
    font-size: 15px; height: auto; padding: 9px 14px; border-radius: 10px;
  }

  /* Horizontal-scroll rails: tighten card widths */
  .craft-grid { gap: 16px; }
  .craft-grid a { flex: 0 0 120px; width: 120px; }
  .craft-card { max-width: 120px; }
  .craft-card img { border-radius: 14px; }
  .craft-card p { font-size: 20px; margin-top: 12px; }

  .perfect-head { flex-direction: column; align-items: flex-start; gap: 16px; }
  .perfect-grid { gap: 16px; }
  .perfect-grid a { flex: 0 0 180px; width: 180px; }
  .perfect-card { max-width: 180px; }

  /* Product cards */
  .product-card, .c-card { max-width: 290px;width:100%;  height: auto; }
  .product-card-img img {height: 260px;object-fit: cover;}
  
  
  .meet-box-inner{padding: 0px 15px 55px;}
  .perfect-gift-sec{display: none;}
  .meet-grid{gap:20px;}
  .products-grid { gap: 20px; }
  .product-card h3, .c-card__title { font-size: 20px;height: 50px; }
  .product-card .bottom button, .c-card__action { padding: 12.42px 12.82px; font-size: 16.87px; line-height: 22.8px; border-radius: 9.91px; }

  /* Mother's Day banner */
  .mother-bg { height: initial;padding: 20px;background: linear-gradient(134deg, #C8A78D 15%, #B98E70 66%, #A27456 99%); }
  .mother-bg-head p { font-size: 14px; }
  .mother-sec{padding-top:20px;}
  .mother-bg-head h5 {color: #fff;}
  .mother-bg-head h2 {font-size: 30px;color: #fff;}
  .mother-bg-head p {color: #fff;}
  .shop-btn, .c-btn--accent {font-size: 16.87px;}

  /* Meet the artisans */
  .meet-card { width: auto; height: auto; }
  .meet-img-box img { border-radius: 10px; }
  .meet-box-inner {display: none;}
  .meet-sec .meet-box-inner-mobile {display: block; padding: 0px 15px 10px;}
  .faq-scroll-btn{padding: 9.42px 20.82px; font-size: 16.87px;}
  .faq-page-hero {padding: 52px 24px 38px;}
  .btn-cta-tan{font-size: 16.87px; }
  .meet-sec .meet-card-mobile:nth-child(1) {margin-top: 0px;}
  .meet-sec .meet-card-mobile {background-color: #FAF7F4;border-radius: 10px;border: 1px #EFE6DE solid;padding: 20px;display: flex;align-items: center;gap: 18px;cursor: pointer;margin-top: 20px;transition: .3s;box-shadow: 0px 2px 29px rgb(25 25 25 / 16%);}
  .meet-sec .artisan-card__image {width: 80px;height: 80px;border-radius: 12px;overflow: hidden;flex-shrink: 0;background: #E8D8C8;position: relative;}
  .meet-sec .artisan-card__content {flex: 1;}
  .meet-sec .artisan-card__content h3 {margin: 0 0 10px;font-size: 18px;line-height: 1;color: #1D1D1D;font-family: 'Outfit Bold';}
  .meet-sec .location {display: flex;align-items: center;gap: 10px;margin: 0 0 6px;font-size: 15px;color: #73798A;font-weight: 500;}
  .meet-sec .location i {color: #D65A4A;font-size: 15px;}
  .meet-sec .category {display: inline-flex;align-items: center;justify-content: center;padding: 3px 10px;background: #F4EBE2;color: #4B4038;border-radius: 12px;font-size: 14px;font-weight: 600;font-family: 'Outfit Light';}
  .meet-sec .artisan-card__arrow {width: 25px;display: flex;justify-content: flex-end;align-items: center;position: relative;}
  .meet-sec .artisan-card__arrow img {width: 26px;position: absolute;right: -10px;}
 
  

  /* Shop by mood */
   .shop-box {overflow-y: hidden;overflow-x: scroll;}
  .shop-grid {display: flex;padding-bottom: 20px; gap: 12px;}
  .shop-box-inner {width: 180px;height: 100%;}
  .shop-box-inner { max-width: 100%; height: auto;}
  .secure-data-icon img {width: 36.71px;height: 36.71px;}
  .open-days {font-size: 14px;}
  .shop-cozy-head { font-size: 14px; padding: 5px 5px; }
  .shop-cozy-head img {width: 20px; margin-right: 5px;}
  .product-grid{grid-template-columns: repeat(1, 1fr);}
  .marketplace-actions{justify-content: space-between;}
  .sort-label{margin-right: 5px;}
  .marketplace-filter-desktop{display: none;}
  .filter-box:last-child {padding: 20px 0 20px;}
  .sort-select{width: 179px;height: 35px;padding: 2.95px 10.87px;font-size: 14px;border-radius: 10.91px;background-position: right 5px center;background-size: 20px;}

  /* Trust */
  .trust-box-inner { display: flex; gap: 15px; }    .trust-box-left img {height: 100%;object-fit: cover;border-radius: 11.31px;}
    .trust-expert-box {padding: 10.57px 10.57px;bottom: 7px;left: 7px;right: 7px;}
    .item-trust {font-size: 20.15px;}
    .secure-data {gap: 14px;padding: 8.14px 8.57px;height: auto;margin-bottom: 15px;}
    .secure-data-icon {max-width: 40.83px;width: 100%;height: 40.83px;}
    .trust-box-right img {border-radius: 11.31px;}
    .secure-data-head h5 {font-size: 23.38px;font-family: Outfit Medium;}
    .secure-data-head p {font-size: 17px;line-height: 110%;}
   .item-trust {font-size: 20.15px;}
  .item-trust span img {width: 30px;}
  .trust-expert-box p {font-size: 16.38px;}
  .secure-data-icon img {width: 20.71px;height: 20.71px;}
  
  .trust-box-bottom { padding: 16.57px 16.85px; gap: 15px; }
  .trust-box-bottom p { font-size: 18px; line-height: 1.5; }
  .trust-box-bottom img {width: 60.41px;}
  .trust-box-bottom p {font-size: 14.15px;line-height: 22.2px;}
  .item-trust { font-size: 24px; }
  .secure-data { height: auto; padding: 14px 16px; }
  .secure-data-head h5 { font-size: 18px; }
  .secure-data-head p { font-size: 14px; }

  /* Visit us */
  .visit-sec {padding: 30px 0px;}
  .visit-left h1 { font-size: 30px; }
  .visit-left h1 span{font-size: 30px;}
  .visit-left p { font-size: 15px; line-height: 24px; }
  .visit-btn { flex-direction: row; gap: 12px; }
  .visit-btn a.visit-btn-get, .visit-btn a.visit-contact-btn { flex: 1; justify-content: center; font-size: 15px; padding: 10px; display: flex; align-items: center;}

  /* Discover */
  .discover-sec { padding-top: 30px; min-height: 380px; }
  .discover-sec h1 { font-size: 30px; }
  .discover-sec h1 span { font-size: 56px; }
  .making-rafiki { max-width: 100%; padding-left: 0; margin-top: 20px; }

  /* ===== Footer → 2-column links ===== */
  .footer-link-box {display: grid;justify-content: space-between;grid-template-columns: repeat(2, 1fr);}
  .footer, .c-site-footer { padding: 40px 0 0px; }
  .footer-inner, .c-site-footer__inner { flex-direction: column; gap: 28px; padding-bottom: 40px; }
  .footer-col:nth-child(1), .c-site-footer__col--brand {display: none;}
  .footer-col:nth-child(1), .footer-col:nth-child(2),
  .footer-col:nth-child(3), .footer-col:nth-child(4) { width: 100%; padding-left: 0;position: relative; }
  .footer-col.made-with .leaf {position: absolute;bottom: 0px;right: 0;z-index: 999;}
  .copyright-mobile {color: #bdbdbd;font-size: 15px;line-height: 1.8;margin-bottom: 0;padding: 20px 0px;text-align: left;border-top: 1px #efe6de47 solid;}
  
  .footer ul li { margin-bottom: 0; }
  .footer ul li a { font-size: 16px; }
  .footer-col p {margin-bottom: 16px;}
  ul.footer-links li {display: block;}
  .footer ul li {margin-bottom: 8px;}
  .made-with h2 { font-size: 40px; }
  .made-with span { font-size: 46px; }

  /* ===== Breadcrumb ===== */
  .breadcrumb-sec { height: auto; padding: 14px 0; }

  /* ===== Marketplace / product listing ===== */
  .thumbs-sec-box{display: block;}
  .gallery-wrapper{position: initial;}
  .thumbs{gap: 15px; justify-content: space-between;}
  .product-info{border-left: none; padding-left: 0px;}
  .joined-members{position: relative;}
  
  .ship-card-box-inner h4{line-height: 20px;}
  .handmade-box-inner{padding: 0px 5px 0px 5px;}
  .customer-review-header{display: block;}
  .customer-review-header-right{height: initial;}
  .member-community-content{display: block;}
  .member-right{min-height: 140px;}
  .section-header .view-all{max-width: 90px; width: 100%;display: flex;align-items: center; justify-content: center;}
  .ship-card-box-inner h4 span{background: transparent;}
  .breadcrumb-menu{gap: 12px;}
  .breadcrumb-menu .current{line-height: 100%;}
  .join-community-btn{margin-top: 20px;}
  .thumb{width:100%; max-width: 100px;height: 100px;}
  .marketplace-hero { padding: 40px 0; }
  .marketplace-hero__title { font-size: 34px; }
  .marketplace-hero__stats { width: 100%; }
  .marketplace-filter { max-height: none; padding-right: 0; }

  /* ===== Categories ===== */
  .Categories-head { flex-direction: column; gap: 20px; align-items: flex-start; }
  .Categories-count h4{text-align: left;}
  .Categories-card-box{padding: 0px;}
  .Categories-left h2 {font-size: 34px;}
  .Categories-left h2 span{font-size: 34px;}
  .Categories-head-top {padding: 30px 0px;}
  .Categories-left p{margin-bottom: 0px;}
  .info-item h4{text-align: center;}
  .category-img{height: 276px;}
  .Categories-card-box { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .Categories-card h6 { font-size: 14px; }
  .info-strip-box { flex-direction: column; gap: 16px; }
  .info-strip-box .divider { display: none; }

  /* ===== Artisans directory ===== */
  .adv-hero-row { flex-direction: column; gap: 24px; align-items: flex-start;}
  .adv-stat{text-align: left;}
  .adv-stats-right { flex-wrap: initial; gap: 12px; }
  .adv-grid-card { grid-template-columns: 1fr !important; gap: 16px; }
  .adv-cta-row { flex-direction: column; gap: 20px; align-items: flex-start; }

  /* ===== Artisan profile ===== */
  .profile-identity-card { flex-direction: column; text-align: left; gap: 18px; }
  .profile-stats { width: 100%; padding-left: 0px; border-left: none;}
  .trust-chip{padding: 7px 10px;}
  .ap-body .product-card-title{-webkit-line-clamp: 1; min-height: 40px; max-height: 40px;}
  .profile-grid { grid-template-columns:1fr !important; gap: 14px; display: grid;}
  .ap-body .product-card{margin-bottom: 20px; max-width: 100%;}
  
  .profile-toolbar { flex-direction: column; gap: 14px; align-items: flex-start; }

  /* ===== About ===== */
  .ab-hero-grid, .ab-story-grid, .ab-map-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .ab-hero h1 { font-size: 32px; line-height: 40px;}
  button.btn-send, a.ab-btn-primary, a.btn-cta-tan{justify-content: center; font-size: 17.84px; width: 100%;}
  .ab-btn-secondary{justify-content: center; font-size: 17.87px; width: 100%}
  .ab-stats { flex-wrap: initial; gap: 16px; }
  .ab-story{padding: 30px 0px;}
  .ab-believe{padding: 30px 0px;}
  .ab-story-photo{height:auto;}
  .ab-story h2{font-size: 34px;}
  .ab-believe h2{font-size: 34px;}
  .ab-quote-band{padding: 52px 20px;}
  .ab-map{padding: 30px 0;}
  .ab-map h2{font-size: 34px;}
  .ab-map-panel{height: 349px;}
  .ab-promise-wrap{padding: 0 20px;}
  .ab-more{padding: 40px 0;}
  .ab-more h2{font-size: 34px;}
  .ab-btn-tan{justify-content: center;}
  .ab-btn-ghost{justify-content: center;}
  
  
  .ab-believe-cols { grid-template-columns: 1fr !important; }
  .ab-promises { grid-template-columns: 1fr 1fr !important; }
  .ab-cta-btns, .ab-hero-btns { flex-direction: column; }

  /* ===== Blog ===== */
  .blog-hero .blog-banner-head h2 { font-size: 26px; }
  .blog-top-search-box { flex-direction: column; gap: 12px; align-items: stretch; }
  .blog-card-grid { grid-template-columns: 1fr !important; gap: 16px; }
  .blog-category-list { flex-wrap: nowrap; overflow-x: auto; }

  /* ===== FAQ ===== */
  .faq-hero-heading { font-size: 32px; }
  .custom-tabs { flex-wrap: wrap; }
  .custom-tabs{background-color: transparent;border: none;box-shadow: none;justify-content: center; margin: 20px 0px;}
  .tab-content{margin-top: 0px;}
  .btn-cta-ghost{justify-content: center; font-size: 17.87px;}
  .tab-btn.active{border: 1px #333333 solid;}
  .tab-btn{border: 1px #333333 solid;}
  .faq-pop-grid { grid-template-columns: 1fr 1fr !important; }
  .faq-explorer { grid-template-columns: 1fr !important; display: block; }
  .faq-rail { display: none; }   /* sticky side-rail hidden on mobile */
  .faq-help-content { flex-direction: column; gap: 20px; align-items: flex-start; }
  .faq-help-btns { flex-direction: column; width: 100%; }

  /* ===== Contact ===== */
  .contact-hero-inner { flex-direction: column; gap: 28px; }
  .hero-collage { grid-template-columns: 1fr 1fr; }
  .contact-body-grid { grid-template-columns: 1fr !important; gap: 24px; }
  .contact-form-card .form-row { flex-direction: column; gap: 8px; }
  .contact-form-card .form-row .form-group .form-group:nth-child(1){margin-bottom: 0px;}
  .form-footer { flex-direction: column; gap: 14px; align-items: stretch; }
  .contact-cta .cta-inner { flex-direction: column; gap: 24px; align-items: flex-start; }
  .contact-cta .cta-btns { flex-direction: column; width: 100%; }

  /* ===== My account ===== */
  .myacc-profile-stack{max-width: 100%;}
  .myacc-shell { flex-direction: column; gap: 20px; }
  .myacc-sidebar { width: 100%; }
  .myacc-nav{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center;
        gap: 10px;
        border:none;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        box-shadow: none;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .myacc-nav::-webkit-scrollbar{
        display: none;
    }

    .myacc-nav > *{
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 170px;
        white-space: nowrap;
    }

    /* Page horizontal scroll na aaye */
    .myacc-shell,
    .myacc-sidebar,
    .myacc-content{
        min-width: 0;
        overflow-x: hidden;
    }

  .myacc-nav-item { flex: 0 0 auto; padding: 12px 16px;border-radius: 50px; gap: 8px; justify-content: center;}
  .myacc-nav-item.active::before{display: none;}
  .myacc-nav-item.active{border-color: #8a6a4e; background: #8a6a4e; color: #ffffff;}
  .myacc-nav-item.active .icon{color: #fff;}
  .myacc-nav-item.active .chev{display: none;}
  .myacc-help{display: none;}
  .c-form-select, .myacc-select{width: 100%;}
  .myacc-btn-row{margin-top: 16px;}
  .myacc-nav-item{min-width:initial; border: 1px solid #DCC7B3;}
  .myacc-nav-item .chev { display: none; }
  .myacc-avatar{background-color: #e7dacc; color:#6e563e; margin: initial;}
  .myacc-identity .myacc-name{color: #fff; text-align: left; margin-top: 0px;}
  .myacc-identity .myacc-email{color: #dcd3cc; text-align: left;}
  .myacc-avatar-right{text-align: left;}
  .myacc-member-badge{color: #fff; background: #ffffff38;}
  .myacc-identity{background-color: #8a6a4e; display: flex; display: grid; grid-template-columns: 90px 1fr;}
  .myacc-order-head { flex-wrap: wrap; gap: 10px; }
  .myacc-field-row, .myacc-addr-form-grid3 { flex-direction: column; grid-template-columns: 1fr !important; gap: 14px; }
  .myacc-addr-grid { grid-template-columns: 1fr !important; }
  .messages-wrapper { flex-direction: column; display: block; margin-bottom: 20px;}
  .chat-panel.active{height: 185px;}
  .myacc-order-head .col{padding-left: 0px; justify-content: center;}
  .chat-footer{padding: 14px 24px; border: none;}
  .bubble{padding: 12px 22px;}
  .conversation-sidebar { width: 100%; max-width: 100% ;min-width: 100%;}

  /* ===== Auth pages (sign in / up / otp / reset) ===== */
  .auth-wrapper, .signin-wrapper, .signup-wrapper { flex-direction: column; }
  .myacc-lookup-label{display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;}
  .myacc-lookup-label i,
    .myacc-lookup-label strong{display: inline-flex; align-items: center;}
    .myacc-lookup-label span{flex: 0 0 100%;}
  .auth-card, .signin-card, .signup-card { width: 100%; max-width: 100%; }

  /* ===== Cart / checkout ===== */
  .cart-wrapper, .checkout-wrapper { flex-direction: column; gap: 24px; }
  .cart-summary, .checkout-summary, .order-summary { width: 100%; position: static; }
  .form-group.form-row.u-mb0 {display: block;}
  .cart-item { flex-wrap: wrap; }
  .shipping-radio-circle{width: 100%;max-width: 20px;height: 20px;}
  .shipping-method-section{padding: 18px;}
  .order-summary-card{padding: 18px;}
  .secure-checkout{display: grid;grid-template-columns: 1.1fr 7.98fr;}
  .secure-checkout span{line-height: 120%;}
  .summary-product img{max-width: 60px; width: 100%; height: 60px;}
  .summary-product{display:grid; grid-template-columns:70px 1fr auto; gap:12px; align-items:flex-start;}
  .product-info-box h3{margin-top: 0px;font-size: 18px;}
  .product-price{font-size: 18px; width: 110px; text-align: right;}
  .summary-row-box span{font-size: 18px;}
  .summary-row-box h5{font-size: 18px;}
  
  
  /* ===== Artisan ===== */
  .adv-hero-top h1{font-size: 32px;}
  .adv-cta{padding: 35px 0;}
  
  
  /* ===== Wishlist ===== */
  .wl-card-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  
  /* ===== Privacy Policy ===== */
  .legal-grid{gap: 15px;}
  .legal-section h2{font-size: 22px;}
  .legal-main{padding: 48px 20px 38px;}
  
  /* ===== Refund Policy ===== */
  .rp-banner-h1{font-size: 30px;}
  .rp-main{padding:40px 18px 40px;}
  .rp-card--tan{padding: 34px 20px 30px;}
  .rp-card--white{padding: 34px 20px 30px;}
  .profile-body{padding: 36px 15px 28px;}
  .rp-cta-band{padding: 34px 20px 30px;}
  .rp-link-plain{width: 100%;}
  button.rp-btn-dark, button.address{width: 100%;}
  
  /* ===== Cart ===== */
  .c-layout-split, .cart-box-inner{display: block;}
  .cart-box {padding: 30px 18px 30px;}
  .cart-box-inner-left{position: static;}
  .cart-box-inner-left h6{margin-bottom: 6px;}
  p.text-muted{margin-bottom: 0px;}
  .cart-box-inner-right{margin-top: 20px;}
  .cart-product-info-header-text h5{font-size: 18px;}
  .cart-product-info-header h3{font-size: 18px; width: 128px; text-align: right;}
  .south-gran-head{margin: 6px 0px 16px;}
  .cart-product-info-header{gap: 10px;}
  .qty-control-box{padding: 4px;height: 32px; }
  .remove-btn-cart a{font-size: 16px;}
  .remove-btn-cart button.cart-remove-btn{font-size: 16px;}
  .product-actions{display: block;}
  .c-card-body, .store-bottom{gap: 15px;}
  .store-bottom img{max-width: 100px; height: 70px;}
  .south-gran-head img{height: 20px !important;}
  .remove-btn-cart{margin-top: 15px;}
  
  .c-summary-panel h2, .order-summary h2{font-size: 20px;}
  .c-summary-row span, .summary-row span{font-size: 16px;}
  .c-summary-row em, .summary-row em{font-size: 18px;}
  .c-input-group img, .coupon-input img{width: 25px; height: 25px;}
  .c-input-group input, .coupon-input input{font-size: 15px;}
  .apply-btn{font-size: 15px;}
  button.cart-btn, button.checkout-btn, button.view-cart-btn, button.checkout-btn, a.continue-shopping-sm{font-size: 17.87px}
  .continue-btn{font-size: 17.87px}
  .c-recommend-card img, .recommend-card img{width: 68px; height: 68px;}
  .c-recommend-card__title, .recommend-content h4{font-size: 16px;}
  .c-recommend-card__brand, .recommend-card .brand{font-size: 14px;}
  .c-recommend-card__action, .recommend-card button{height: auto; font-size: 14px;}
  .c-recommend-card, .recommend-card{height: auto; }
  
  /* ===== Terms of Service ===== */
  .legal-section-body p a{color: #CBAB92;}
  
  /* ===== Signin ===== */
  .signup-wrapper{padding: 30px 18px;}
  .signup-card {padding: 40px 20px 0px;}
  
  /* ===== Forget password ===== */
  .verify-wrapper{padding: 30px 18px;}
  .verify-card{padding: 40px 20px;}
  .verify-card .form-group {margin: 20px 0px 0px;}
  
}

/* ---------- SMALL PHONE (≤ 480px) ---------- */
@media (max-width: 480px) {
  .hero-content h1 { font-size: 34px; }
  .Categories-card-box,
  .faq-pop-grid,
  .ab-promises { grid-template-columns: 1fr !important; }
  .discover-sec h1 { font-size: 30px; }
  .discover-sec h1 span { font-size: 40px; }
  .made-with h2 { font-size: 34px; }
  .summary-product{display: block; padding-top:0px; padding-bottom: 20px;}
  .summary-product img {max-width: 100%;width: 100%;height: 100%;}
  .product-price{width: auto;}
  .product-info-box h3 {margin-top: 15px;font-size: 20px;}
}