:root{
  --ref-brown:#7b321d;
  --ref-brown2:#a94d2d;
  --ref-green:#1d5e43;
  --ref-cream:#f8f1e8;
  --ref-paper:#fffdf9;
  --ref-text:#1f1a17;
  --ref-muted:#766b63;
  --ref-line:#eadfd5;
  --ref-red:#e2382e;
}

body.folkhaat-reference{background:#fff;color:var(--ref-text)}
body.menu-lock{overflow:hidden}

/* Header / top bar */
.folkhaat-reference .topbar{background:#6f2e1a;color:#fff;border:0}
.folkhaat-reference .topin{max-width:100%;padding:0 38px;min-height:32px;gap:22px;font-size:12px}
.folkhaat-reference .topin a{color:#fff}

.folkhaat-reference .header{background:#fff;border:0;box-shadow:none}
.folkhaat-reference .headerin{
  max-width:100%;padding:10px 34px 8px;min-height:86px;display:grid;
  grid-template-columns:300px minmax(320px,1fr) auto;align-items:center;gap:22px;
}
.folkhaat-reference .brand{width:300px;max-width:300px;min-width:0;display:flex;align-items:center}
.folkhaat-reference .brand img{width:100%;max-width:300px;max-height:74px;height:auto;object-fit:contain;object-position:left center;display:block}
.folkhaat-reference .search{width:100%;max-width:630px;height:46px;justify-self:center;border:1px solid #ddd3ca;border-radius:8px;box-shadow:none;display:flex;overflow:hidden}
.folkhaat-reference .search input{font-size:13px;padding:0 14px;min-width:0}
.folkhaat-reference .search button{width:56px;background:#7b321d;color:#fff;border:0;font-size:21px}
.folkhaat-reference .header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.folkhaat-reference .headlink,.folkhaat-reference .cartlink,.folkhaat-reference .wishlist-link{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:8px;white-space:nowrap;color:#1d1a18;text-decoration:none;font-size:12px}
.folkhaat-reference .headlink span,.folkhaat-reference .wishlist-link span{display:flex;flex-direction:column;line-height:1.12}
.folkhaat-reference .headlink small,.folkhaat-reference .wishlist-link small{font-size:9px;color:#7c726b;margin-top:3px}
.folkhaat-reference .headlink.wa{color:#15934d}
.folkhaat-reference .cartlink{border:0;background:transparent;position:relative;min-width:auto}
.folkhaat-reference .cartlink b{display:block;color:#1e1b18}
.folkhaat-reference .cartlink small{display:none}
.folkhaat-reference .wishlist-link{font-size:18px}
.folkhaat-reference .wishlist-link span{font-size:18px}

/* Desktop nav */
.folkhaat-reference .nav{background:#fff;border-top:1px solid #f1eae3;border-bottom:1px solid var(--ref-line);box-shadow:0 4px 14px rgba(69,34,17,.06);position:relative;z-index:1000}
.folkhaat-reference .navin{max-width:100%;padding:0 34px;min-height:48px;display:flex;align-items:center;gap:2px;overflow:visible}
.folkhaat-reference .navin>a,.folkhaat-reference .mega-trigger{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;border-radius:7px;white-space:nowrap;color:#25211f}
.folkhaat-reference .navin>a:hover,.folkhaat-reference .mega-trigger:hover{background:#faf2eb;color:var(--ref-brown)}
.folkhaat-reference .allcat{background:var(--ref-brown)!important;color:#fff!important;border-radius:7px!important;padding:0 18px!important}
.folkhaat-reference .bulkbtn{background:var(--ref-red)!important;color:#fff!important;border-radius:6px!important;margin-left:auto!important;padding:0 18px!important}
.folkhaat-reference .mega{top:100%;width:min(1000px,calc(100vw - 70px));padding:18px;border-top:3px solid var(--ref-brown);background:#fff;border-radius:0 0 12px 12px;box-shadow:0 16px 46px rgba(54,28,17,.15)}
.folkhaat-reference .mega-wrap:hover .mega,.folkhaat-reference .mega-wrap:focus-within .mega{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

/* Mobile header */
.mobile-menu-toggle,.mobile-actions,.mobile-search-wrap,.mobile-drawer,.mobile-overlay{display:none}

/* Hero */
.folkhaat-reference .hero{padding:0;background:#fff}
.folkhaat-reference .hero .container{max-width:100%;padding:0}
.folkhaat-reference .hero-slider{width:100%;aspect-ratio:3.75/1;min-height:0;border-radius:0;overflow:hidden;box-shadow:none;background:var(--ref-cream)}
.folkhaat-reference .hero-slide img{width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;object-position:center center;display:block;border-radius:0}
.folkhaat-reference .hero-prev,.folkhaat-reference .hero-next{width:38px;height:38px;background:rgba(66,39,24,.45);border:0;color:#fff;border-radius:50%;font-size:26px;line-height:1;top:50%}
.folkhaat-reference .hero-prev{left:16px}.folkhaat-reference .hero-next{right:16px}
.folkhaat-reference .hero-dots{bottom:9px}.folkhaat-reference .hero-dot{width:8px;height:8px;background:rgba(255,255,255,.7)}.folkhaat-reference .hero-dot.on{width:20px;border-radius:10px;background:#fff}

/* Service strip */
.folkhaat-reference .servicebar{margin:0;background:#fff}
.folkhaat-reference .servicegrid{max-width:100%;display:grid;grid-template-columns:repeat(7,1fr);border:0;border-bottom:1px solid var(--ref-line);box-shadow:none;border-radius:0}
.folkhaat-reference .servicegrid>div{min-height:64px;padding:10px 16px;border-right:1px solid var(--ref-line);display:flex;justify-content:center;align-items:flex-start;gap:3px;line-height:1.2}
.folkhaat-reference .servicegrid b{font-size:11px}.folkhaat-reference .servicegrid small{font-size:9px;color:var(--ref-muted)}

/* Content spacing */
.folkhaat-reference .section{padding:26px 0}
.folkhaat-reference .sectionhead{margin-bottom:14px}
.folkhaat-reference .section h2{font-family:Georgia,serif;font-size:28px;letter-spacing:-.4px;margin-top:2px}
.folkhaat-reference .eyebrow{font-size:11px;color:#a84b2e;letter-spacing:1.6px;font-weight:800}
.folkhaat-reference .outline{border:0;background:transparent;color:var(--ref-brown);padding:8px 0;font-size:12px}

/* categories */
.folkhaat-reference .categorygrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}
.folkhaat-reference .categorytile{border:1px solid var(--ref-line);border-radius:8px;background:#fff;box-shadow:none;text-align:center;overflow:hidden;transform:none}
.folkhaat-reference .categorytile:hover{box-shadow:0 7px 22px rgba(67,36,21,.08);transform:translateY(-2px)}
.folkhaat-reference .categorytile img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.folkhaat-reference .categorytile strong{font-size:11px;padding:7px 4px 0;min-height:0}.folkhaat-reference .categorytile small{font-size:9px;padding:0 4px 8px;color:#6e655e}

/* Promos */
.folkhaat-reference .promogrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.folkhaat-reference .promo,.folkhaat-reference .custom{min-height:180px;border-radius:10px;box-shadow:none;border:1px solid var(--ref-line);overflow:hidden}
.folkhaat-reference .promo img{width:100%;height:100%;min-height:180px;object-fit:cover;display:block}
.folkhaat-reference .promo-copy,.folkhaat-reference .custom>div{z-index:2}
.folkhaat-reference .custom{display:flex;align-items:center;justify-content:space-between;background:#f7f2ec;padding:0}
.folkhaat-reference .custom>div{padding:22px 20px;max-width:54%}
.folkhaat-reference .custom img{width:48%;height:180px;object-fit:cover}

/* Products */
.folkhaat-reference .products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.folkhaat-reference .card{border:1px solid var(--ref-line);border-radius:8px;box-shadow:none;overflow:hidden}
.folkhaat-reference .card:hover{transform:none;box-shadow:0 7px 22px rgba(67,36,21,.08)}
.folkhaat-reference .card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:10px}
.folkhaat-reference .cardbody{padding:9px}.folkhaat-reference .card h3{font-size:12px;line-height:1.3;margin:0 0 4px}.folkhaat-reference .sku{font-size:8px}.folkhaat-reference .price{font-size:15px;margin-top:4px;color:#a81f1f}.folkhaat-reference .bulkprice{font-size:9px;margin-top:3px}.folkhaat-reference .add{font-size:10px;padding:8px 7px;background:var(--ref-brown);border-radius:6px}
.folkhaat-reference .badge{top:7px;left:7px;font-size:9px;padding:3px 6px}

/* Footer */
.folkhaat-reference .footer{background:#2a1a13;color:#e8dad0}
.folkhaat-reference .footgrid{padding:42px 34px}
.folkhaat-reference .mobile-bottom-nav{z-index:2500}

/* ------------------ MOBILE: match supplied mockup ------------------ */
@media(max-width:768px){
  .folkhaat-reference .topbar{display:none}
  .folkhaat-reference .header{box-shadow:0 1px 7px rgba(44,24,14,.07)}
  .folkhaat-reference .headerin{
    padding:8px 12px 10px;min-height:0;display:grid;grid-template-columns:42px 1fr 74px;grid-template-rows:42px 44px;gap:8px 6px;
  }
  .folkhaat-reference .brand{grid-column:2;grid-row:1;justify-self:center;width:min(170px,52vw);max-width:170px;}
  .folkhaat-reference .brand img{width:100%;max-height:40px;object-fit:contain;object-position:center}
  .folkhaat-reference .mobile-menu-toggle{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;color:#402218;font-size:22px;padding:0}
  .folkhaat-reference .mobile-menu-toggle span{display:none}
  .folkhaat-reference .search{grid-column:1/4;grid-row:2;width:100%;height:42px;max-width:none;box-shadow:none;border:1px solid #e2d7ce;border-radius:9px}
  .folkhaat-reference .search input{font-size:12px;padding:0 11px}
  .folkhaat-reference .search button{width:46px;font-size:20px}
  .folkhaat-reference .header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:3px}
  .folkhaat-reference .header-actions .headlink{display:none}
  .folkhaat-reference .header-actions .desktop-wishlist{display:flex!important;padding:4px;font-size:20px;background:transparent}
  .folkhaat-reference .header-actions .desktop-wishlist span,.folkhaat-reference .header-actions .desktop-wishlist small{display:none}
  .folkhaat-reference .header-actions .cartlink{padding:4px;font-size:20px;background:transparent;border:0;min-width:auto}
  .folkhaat-reference .header-actions .cartlink b,.folkhaat-reference .header-actions .cartlink small{display:none}
  .folkhaat-reference .nav{display:none}

  .folkhaat-reference .mobile-drawer{display:block;position:fixed;top:0;left:-88%;width:82%;height:100vh;background:#fff;z-index:2600;box-shadow:12px 0 30px rgba(42,22,13,.18);overflow:auto;transition:left .25s ease}
  .folkhaat-reference .mobile-drawer.open{left:0}
  .folkhaat-reference .mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:17px 16px;background:#7b321d;color:#fff;position:sticky;top:0;z-index:1}
  .folkhaat-reference .mobile-drawer-header img{width:160px;height:36px;object-fit:contain;background:#fff;padding:3px;border-radius:5px}
  .folkhaat-reference .mobile-drawer-close{border:0;background:transparent;color:#fff;font-size:24px}
  .folkhaat-reference .mobile-drawer a{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid #eee3da;font-size:13px;font-weight:650;color:#2b211c}
  .folkhaat-reference .mobile-drawer a:hover{background:#faf2eb;color:#7b321d}
  .folkhaat-reference .mobile-overlay{display:block;position:fixed;inset:0;background:rgba(25,15,9,.42);z-index:2550;opacity:0;visibility:hidden;transition:.25s}
  .folkhaat-reference .mobile-overlay.open{opacity:1;visibility:visible}

  .folkhaat-reference .hero{padding:0}
  .folkhaat-reference .hero-slider{aspect-ratio:16/9;border-radius:0}
  .folkhaat-reference .hero-slide img{object-fit:cover;object-position:center center}
  .folkhaat-reference .hero-prev,.folkhaat-reference .hero-next{width:31px;height:31px;font-size:20px}
  .folkhaat-reference .hero-prev{left:7px}.folkhaat-reference .hero-next{right:7px}
  .folkhaat-reference .hero-dots{bottom:7px}
  .folkhaat-reference .hero-dot{width:6px;height:6px}.folkhaat-reference .hero-dot.on{width:16px}

  .folkhaat-reference .servicebar{padding:0}
  .folkhaat-reference .servicegrid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eadfd4}
  .folkhaat-reference .servicegrid>div{min-height:66px;padding:8px 3px;border-right:1px solid #eee3da;align-items:center;text-align:center;font-size:16px}
  .folkhaat-reference .servicegrid b{font-size:9px;display:block}.folkhaat-reference .servicegrid small{font-size:7px;display:block;line-height:1.2}
  .folkhaat-reference .servicegrid>div:nth-child(n+5){display:none}

  .folkhaat-reference .section{padding:22px 12px}
  .folkhaat-reference .container{padding:0;max-width:none}
  .folkhaat-reference .sectionhead{align-items:center;gap:10px;margin-bottom:10px}.folkhaat-reference .section h2{font-size:22px;line-height:1.1;margin:3px 0 0}.folkhaat-reference .outline{font-size:10px;white-space:nowrap}

  .folkhaat-reference .categorygrid{display:flex;overflow-x:auto;gap:9px;padding-bottom:5px;scrollbar-width:none}.folkhaat-reference .categorygrid::-webkit-scrollbar{display:none}
  .folkhaat-reference .categorytile{flex:0 0 92px;border-radius:8px}.folkhaat-reference .categorytile img{aspect-ratio:1/1}.folkhaat-reference .categorytile strong{font-size:9px;padding:6px 3px 0;display:block;min-height:26px}.folkhaat-reference .categorytile small{font-size:7px;padding:0 3px 7px}

  .folkhaat-reference .promogrid{grid-template-columns:1fr;gap:10px}.folkhaat-reference .promo{min-height:170px}.folkhaat-reference .promo img{min-height:170px}.folkhaat-reference .custom{min-height:170px}.folkhaat-reference .custom img{height:170px}.folkhaat-reference .custom>div{padding:16px 12px;max-width:58%}

  .folkhaat-reference .products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.folkhaat-reference .card img{padding:7px}.folkhaat-reference .cardbody{padding:8px}.folkhaat-reference .card h3{font-size:11px}.folkhaat-reference .sku{font-size:7px}.folkhaat-reference .price{font-size:14px}.folkhaat-reference .bulkprice{font-size:7.5px}.folkhaat-reference .add{font-size:9px;padding:8px 5px}
  .folkhaat-reference .footer{padding-bottom:74px}
}

@media(min-width:769px){
  .folkhaat-reference .mobile-bottom-nav{display:none!important}
  .folkhaat-reference .mobile-drawer,.folkhaat-reference .mobile-overlay,.folkhaat-reference .mobile-menu-toggle{display:none!important}
}

@media(min-width:1400px){
  .folkhaat-reference .headerin,.folkhaat-reference .navin{padding-left:38px;padding-right:38px}
}
.folkhaat-reference .account-page .summary{border:1px solid var(--ref-line);border-radius:12px;background:#fff}
.folkhaat-reference .account-page .summary h3{font-family:Georgia,serif;color:#2b201a}
@media(max-width:768px){.folkhaat-reference .account-page .grid2{grid-template-columns:1fr;gap:12px}.folkhaat-reference .account-page .sectionhead{align-items:flex-start}}

.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.social-link{display:inline-flex!important;padding:7px 10px!important;border:1px solid rgba(122,50,28,.18);border-radius:999px;font-size:12px!important;color:#7a321c!important;background:#fffaf6}.social-link:hover{background:#f6eee9;text-decoration:none}