/* ===== Live Seva BD theme — matches Lovable preview design ===== */
:root{
  --bg:#4a1414;            /* deep maroon background */
  --bg-deep:#3a0f0f;
  --fg:#fbf7ef;
  --card:#5a1b1b;
  --card-fg:#fbf7ef;
  --muted:#6b2424;
  --muted-fg:#d8c9b8;
  --primary:#e23d3d;       /* vivid red */
  --secondary:#2faf60;     /* fresh green */
  --accent:#3ed27a;
  --border:#7a2c2c;
  --shadow-card:0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-glow:0 0 40px rgba(226,61,61,.35);
  --gradient-brand:linear-gradient(135deg,#e23d3d,#2faf60);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hind Siliguri","Noto Sans Bengali",sans-serif;-webkit-font-smoothing:antialiased}
body{padding-bottom:80px}
@media(min-width:1024px){body{padding-bottom:0}}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1152px;margin:0 auto;padding:0 16px}

/* ============ HEADER ============ */
.lsbd-header{position:relative;z-index:40;background:rgba(58,15,15,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.lsbd-header-inner{display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:1152px;margin:0 auto}
.lsbd-logo img{height:80px;width:auto}
@media(min-width:640px){.lsbd-logo img{height:96px}}
@media(min-width:768px){.lsbd-logo img{height:112px}}
@media(min-width:1024px){.lsbd-logo img{height:128px}}

.lsbd-search{flex:1;display:none}
@media(min-width:768px){.lsbd-search{display:block}}
.lsbd-search form{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);border-radius:999px;padding:8px 14px;border:1px solid var(--border)}
.lsbd-search input{flex:1;background:transparent;border:0;outline:0;color:#000;font-size:14px}
.lsbd-search input::placeholder{color:rgba(0,0,0,.5)}
.lsbd-search svg{width:16px;height:16px;color:#666;flex-shrink:0}

.lsbd-nav{display:none;align-items:center;gap:4px}
@media(min-width:1024px){.lsbd-nav{display:flex}}
.lsbd-nav a{padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;color:rgba(251,247,239,.85)}
.lsbd-nav a:hover,.lsbd-nav a.current-menu-item,.lsbd-nav .current_page_item>a{background:rgba(255,255,255,.12);color:var(--fg)}

.lsbd-burger{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.1);border:0;color:var(--fg);cursor:pointer}
@media(min-width:1024px){.lsbd-burger{display:none}}
.lsbd-burger svg{width:20px;height:20px}

/* Mobile search bar (below header) */
.lsbd-msearch{padding:8px 12px;border-top:1px solid rgba(122,44,44,.6);background:rgba(58,15,15,.95)}
@media(min-width:768px){.lsbd-msearch{display:none}}
.lsbd-msearch form{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;background:rgba(255,255,255,.95);border-radius:999px;padding:8px 14px;border:1px solid var(--border)}
.lsbd-msearch svg{width:16px!important;height:16px!important;min-width:16px;max-width:16px;flex:0 0 16px;color:#666;display:block}
.lsbd-msearch input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#000;font-size:14px;line-height:1.2}
.lsbd-msearch input::placeholder{color:rgba(0,0,0,.5)}

/* Mobile drawer */
.lsbd-drawer{display:none;background:var(--bg-deep);border-top:1px solid var(--border)}
.lsbd-drawer.open{display:block}
@media(min-width:1024px){.lsbd-drawer{display:none!important}}
.lsbd-drawer ul{list-style:none;margin:0;padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:1152px;margin:0 auto}
.lsbd-drawer a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:rgba(251,247,239,.85)}
.lsbd-drawer a:hover{background:rgba(255,255,255,.1)}

/* ============ HERO ============ */
.lsbd-hero{position:relative;overflow:hidden;background:var(--bg-deep);border-bottom:1px solid var(--border)}
.lsbd-hero::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(226,61,61,.45),transparent 55%),radial-gradient(circle at 85% 100%,rgba(47,175,96,.35),transparent 55%)}
.lsbd-hero-inner{position:relative;max-width:1152px;margin:0 auto;padding:24px 16px;text-align:center}
@media(min-width:640px){.lsbd-hero-inner{padding:40px 16px}}
.lsbd-hero h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}
@media(min-width:640px){.lsbd-hero h1{font-size:36px}}
.lsbd-hero p{margin:8px auto 0;max-width:560px;font-size:14px;color:var(--muted-fg)}
@media(min-width:640px){.lsbd-hero p{font-size:16px}}
.lsbd-hero p .hl{color:var(--accent);font-weight:600}
.lsbd-hero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#fff;color:#3a0f0f;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .15s}
.lsbd-hero-cta:hover{transform:scale(1.05)}

/* ============ SECTIONS & GRID ============ */
.lsbd-main{max-width:1152px;margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;gap:48px}
.lsbd-section{scroll-margin-top:96px}
.lsbd-section-title{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}
.lsbd-section-title .kicker{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--accent)}
.lsbd-section-title h2{margin:4px 0 0;font-size:24px;font-weight:800}
@media(min-width:640px){.lsbd-section-title h2{font-size:30px}}
.lsbd-section-title .bar{margin-top:8px;height:4px;width:64px;border-radius:999px;background:var(--gradient-brand)}

.lsbd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(min-width:640px){.lsbd-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:768px){.lsbd-grid{grid-template-columns:repeat(5,1fr)}}
@media(min-width:1024px){.lsbd-grid{grid-template-columns:repeat(6,1fr)}}

.lsbd-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--card);color:var(--card-fg);padding:8px;border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);transition:transform .15s,border-color .15s}
.lsbd-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.lsbd-card-img{aspect-ratio:1;width:100%;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.95)}
.lsbd-card-img img{width:100%;height:100%;object-fit:contain;padding:4px;transition:transform .2s}
.lsbd-card:hover .lsbd-card-img img{transform:scale(1.05)}
.lsbd-card-name{margin-top:8px;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:640px){.lsbd-card-name{font-size:12px}}
.lsbd-card-price{font-size:10px;font-weight:700;color:var(--accent)}

/* ============ CTA BANNER ============ */
.lsbd-cta{border-radius:18px;background:var(--gradient-brand);box-shadow:var(--shadow-glow);padding:24px;text-align:center}
@media(min-width:640px){.lsbd-cta{padding:40px}}
.lsbd-cta h3{margin:0;color:#fff;font-size:24px;font-weight:800}
@media(min-width:640px){.lsbd-cta h3{font-size:30px}}
.lsbd-cta p{margin:8px 0 0;color:rgba(255,255,255,.9);font-size:14px}
@media(min-width:640px){.lsbd-cta p{font-size:16px}}
.lsbd-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.lsbd-btn{display:inline-block;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .15s}
.lsbd-btn-white{background:#fff;color:#3a0f0f;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.lsbd-btn-white:hover{transform:scale(1.05)}
.lsbd-btn-ghost{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}
.lsbd-btn-ghost:hover{background:rgba(255,255,255,.25)}

/* ============ FOOTER ============ */
.lsbd-footer{margin-top:48px;border-top:1px solid var(--border);background:var(--bg-deep);padding:32px 16px 96px;text-align:center;font-size:12px;color:var(--muted-fg)}
@media(min-width:1024px){.lsbd-footer{padding-bottom:32px}}
.lsbd-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-bottom:12px}
.lsbd-footer-links a:hover{color:var(--accent)}

/* ============ MOBILE BOTTOM NAV ============ */
.lsbd-bnav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(58,15,15,.95);backdrop-filter:blur(8px);border-top:1px solid var(--border)}
@media(min-width:1024px){.lsbd-bnav{display:none}}
.lsbd-bnav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-around;max-width:1152px;margin:0 auto}
.lsbd-bnav li{flex:1}
.lsbd-bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font-size:10px;font-weight:600;color:rgba(251,247,239,.7)}
.lsbd-bnav a.active,.lsbd-bnav a:hover{color:var(--accent)}
.lsbd-bnav a.wa{color:var(--secondary)}
.lsbd-bnav svg{width:20px;height:20px;display:block}

/* ============ FLOATING WHATSAPP (desktop) ============ */
.lsbd-fwa{display:none;position:fixed;bottom:20px;right:20px;z-index:30;width:56px;height:56px;border-radius:999px;background:var(--secondary);color:#fff;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);transition:transform .15s}
@media(min-width:1024px){.lsbd-fwa{display:inline-flex}}
.lsbd-fwa:hover{transform:scale(1.1)}
.lsbd-fwa svg{width:28px;height:28px}

/* ============ PAGE / SINGLE ============ */
.lsbd-page{max-width:768px;margin:0 auto;padding:32px 16px}
.lsbd-page-head{text-align:center;margin-bottom:24px}
.lsbd-page-head .kicker{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--accent)}
.lsbd-page-head h1{margin:4px 0 12px;font-size:24px;font-weight:800}
@media(min-width:640px){.lsbd-page-head h1{font-size:36px}}
.lsbd-page-head .bar{margin:0 auto;height:4px;width:64px;border-radius:999px;background:var(--gradient-brand)}
.lsbd-page-body{background:var(--card);color:var(--card-fg);padding:20px;border-radius:18px;box-shadow:var(--shadow-card);border:1px solid var(--border)}
@media(min-width:640px){.lsbd-page-body{padding:32px}}
.lsbd-page-body p{line-height:1.6;margin:0 0 12px}
.lsbd-page-body a{color:var(--accent);text-decoration:underline}

/* ============ SINGLE PRODUCT ============ */
.lsbd-product{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin:0 auto;padding:24px 16px}
@media(min-width:768px){.lsbd-product{grid-template-columns:340px 1fr;align-items:start}}
.lsbd-product-img{background:rgba(255,255,255,.95);border-radius:18px;padding:16px;box-shadow:var(--shadow-card)}
.lsbd-product-img img{width:100%;aspect-ratio:1;object-fit:contain}
.lsbd-product-info h1{margin:0 0 8px;font-size:28px;font-weight:800}
.lsbd-product-info .badge{display:inline-block;background:var(--gradient-brand);color:#fff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:8px}
.lsbd-product-info .desc{color:var(--muted-fg);font-size:14px;line-height:1.6;margin-bottom:16px}
.lsbd-variants{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
@media(min-width:480px){.lsbd-variants{grid-template-columns:1fr 1fr 1fr}}
.lsbd-variant{background:var(--card);border:1px solid var(--border);padding:10px;border-radius:10px;text-align:center;cursor:pointer;transition:border-color .15s}
.lsbd-variant:hover,.lsbd-variant.active{border-color:var(--accent)}
.lsbd-variant .lbl{font-size:11px;font-weight:600;display:block;line-height:1.2}
.lsbd-variant .pr{font-size:13px;font-weight:800;color:var(--accent);display:block;margin-top:4px}
.lsbd-pay{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:14px;margin-top:16px}
.lsbd-pay h4{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--accent)}
.lsbd-pay-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px dashed rgba(216,201,184,.2)}
.lsbd-pay-row:last-child{border:0}
.lsbd-pay-row .num{font-weight:700;color:var(--fg);font-family:ui-monospace,monospace}

/* ============ Order form on product page ============ */
.lsbd-form{margin-top:20px;background:var(--card);border:1px solid var(--border);padding:16px;border-radius:14px}
.lsbd-form h4{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--accent)}
.lsbd-form label{display:block;font-size:12px;font-weight:600;margin:8px 0 4px;color:var(--muted-fg)}
.lsbd-form input,.lsbd-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,.2);color:var(--fg);font-size:14px;font-family:inherit}
.lsbd-form input:focus,.lsbd-form textarea:focus{outline:0;border-color:var(--accent)}
.lsbd-form button{width:100%;margin-top:14px;padding:12px;border-radius:999px;border:0;background:var(--gradient-brand);color:#fff;font-weight:700;cursor:pointer;font-size:14px}

/* ============ Generic WP content niceties ============ */
.wp-block-image img{border-radius:10px}
.aligncenter{margin:16px auto;text-align:center}
.alignleft{float:left;margin:8px 16px 8px 0}
.alignright{float:right;margin:8px 0 8px 16px}

/* Search results list */
.lsbd-search-results{display:flex;flex-direction:column;gap:8px;max-width:768px;margin:0 auto;padding:24px 16px}
.lsbd-search-results a{display:flex;align-items:center;gap:12px;background:var(--card);padding:10px;border-radius:12px;border:1px solid var(--border)}
.lsbd-search-results a:hover{border-color:var(--accent)}
.lsbd-search-results img{width:48px;height:48px;border-radius:8px;background:#fff;object-fit:contain;padding:4px}
.lsbd-search-results .meta{font-size:11px;color:var(--muted-fg)}
.lsbd-search-results .nm{font-size:14px;font-weight:600}