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



   GlowBayBD — Desktop Homepage Premium Styles (v3)



   Brand: accent #FF7A00, ink #1F2937, white cards, soft shadow.



   Font Awesome only (no emoji). Desktop only — mobile untouched.



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



#gb-desktop-home{font-family:'DM Sans','Noto Sans Bengali',system-ui,-apple-system,sans-serif;color:#1F2937;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}



#gb-desktop-home *{box-sizing:border-box;}



#gb-desktop-home a{text-decoration:none;color:inherit;}



/* Premium font pairing: Playfair Display for headings, Inter for body/UI */



#gb-desktop-home h1,#gb-desktop-home h2,#gb-desktop-home h3,#gb-desktop-home h4,



#gb-desktop-home .gb-sec-h h2,



#gb-desktop-home .gb-hero-h1,



#gb-desktop-home .gb-card-n,



#gb-desktop-home .gb-brand,



#gb-desktop-home .gb-product-name{font-family:'DM Sans','Noto Sans Bengali',sans-serif;font-weight:700;}



#gb-desktop-home .gb-hero-h1{font-weight:800;}








/* ---------- HERO ---------- */
.gb-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#FFF7F1 0%,#FFE9F1 48%,#FFE3EE 100%);padding:48px 0 56px;}
.gb-hero::before{content:"";position:absolute;top:-180px;right:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.20),transparent 62%);}
.gb-hero::after{content:"";position:absolute;bottom:-200px;left:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,127,.18),transparent 62%);}
.gb-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:460px;}
.gb-hero-copy{max-width:560px;}
.gb-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#FF5A1F;font-size:12px;font-weight:800;letter-spacing:.6px;padding:8px 15px;border-radius:999px;box-shadow:0 4px 14px rgba(255,122,0,.16);text-transform:uppercase;}
.gb-hero-eyebrow i{color:#FF3D7F;}
.gb-hero-h1{font-family:'Playfair Display',Georgia,serif;font-size:62px;line-height:1.04;font-weight:800;margin:20px 0 16px;color:#1A1320;letter-spacing:-.5px;}
.gb-hero-h1 span{background:linear-gradient(120deg,#FF7A00,#FF3D7F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gb-hero-sub{font-size:17px;line-height:1.7;color:#5b5560;margin:0 0 22px;max-width:480px;}
.gb-hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:26px;}
.gb-hero-meta span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#3a3340;background:#fff;padding:9px 15px;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.05);}
.gb-hero-meta i{color:#FF3D7F;}
.gb-hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.gb-hero-stats{display:flex;gap:34px;margin-top:34px;padding-top:26px;border-top:1px dashed #f0c9da;}
.gb-hero-stats div{display:flex;flex-direction:column;}
.gb-hero-stats b{font-size:26px;font-weight:900;background:linear-gradient(120deg,#FF7A00,#FF3D7F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.gb-hero-stats small{font-size:12px;color:#7a7380;margin-top:6px;font-weight:600;}
.gb-hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px;}
.gb-hero-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.18),transparent 65%);filter:blur(6px);}
.gb-hero-card{position:relative;z-index:2;width:330px;background:#fff;border-radius:22px;box-shadow:0 28px 60px rgba(255,61,127,.22);overflow:hidden;border:1px solid #ffe1ec;}
.gb-hero-card img{width:100%;height:260px;object-fit:cover;display:block;background:#fff3f7;}
.gb-hero-badge{position:absolute;top:14px;left:14px;background:linear-gradient(120deg,#FF7A00,#FF3D7F);color:#fff;font-size:13px;font-weight:800;padding:6px 12px;border-radius:10px;box-shadow:0 6px 16px rgba(255,61,127,.35);z-index:3;}
.gb-hero-card-body{padding:16px 18px 18px;}
.gb-hero-card-brand{display:block;font-size:14px;font-weight:700;color:#2a2330;line-height:1.4;min-height:38px;}
.gb-hero-card-price{margin:8px 0 12px;}
.gb-hero-card-price b{font-size:22px;font-weight:900;color:#FF3D7F;}
.gb-hero-card-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#FF7A00,#FF3D7F);color:#fff;font-size:13px;font-weight:800;padding:11px 18px;border-radius:12px;text-decoration:none;box-shadow:0 10px 24px rgba(255,61,127,.3);transition:transform .15s;}
.gb-hero-card-btn:hover{transform:translateY(-2px);}
.gb-hero-chip{position:absolute;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#2a2330;font-size:12px;font-weight:800;padding:9px 14px;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.12);z-index:3;}
.gb-hero-chip i{color:#FF5A1F;}
.gb-hero-chip-1{top:24px;left:-12px;animation:gbFloat1 5s ease-in-out infinite;}
.gb-hero-chip-2{bottom:60px;right:-18px;animation:gbFloat2 6s ease-in-out infinite;}
.gb-hero-chip-3{bottom:8px;left:30px;animation:gbFloat1 7s ease-in-out infinite;}
@keyframes gbFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes gbFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
[data-reveal].in{opacity:1;transform:none;}
@media (max-width:980px){.gb-hero-inner{grid-template-columns:1fr;}.gb-hero-h1{font-size:46px;}.gb-hero-art{min-height:380px;}}


/* ---------- TRUST STRIP ---------- */



.gb-trust{max-width:1280px;margin:26px auto 0;padding:0 24px;}



.gb-trust-box{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid #f0ebf2;border-radius:16px;box-shadow:0 18px 50px rgba(16,28,50,.07);overflow:hidden;}



.gb-trust-item{padding:18px 16px;display:flex;gap:11px;align-items:center;border-right:1px solid #f0ebf2;}



.gb-trust-item:last-child{border:0;}



.gb-trust-ic{width:40px;height:40px;border-radius:50%;background:#fff3eb;color:#FF7A00;display:grid;place-items:center;font-size:16px;flex-shrink:0;}



.gb-trust-item b{display:block;font-size:12px;color:#101c32;line-height:1.3;}



.gb-trust-item small{display:block;font-size:11px;color:#7c8798;margin-top:2px;}







/* ---------- SECTION SHELL ---------- */



.gb-d-sec{max-width:1280px;margin:46px auto 0;padding:0 24px;}



.gb-d-sec-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:14px;}



.gb-d-sec-h h2{margin:0;font-size:23px;letter-spacing:-.5px;color:#101c32;display:flex;align-items:center;gap:10px;font-weight:800;}



.gb-d-sec-h h2 i{color:#FF7A00;font-size:19px;}



.gb-d-timer{display:inline-flex;align-items:center;font-family:'Inter',sans-serif;font-size:14px;font-weight:900;color:#fff;background:linear-gradient(135deg,#FF7A00 0%,#FF3D7F 100%);padding:5px 14px;border-radius:999px;letter-spacing:.5px;margin-left:auto;box-shadow:0 4px 14px rgba(255,61,127,.35);white-space:nowrap;border:1px solid rgba(255,255,255,.25);}



@media (max-width:600px){.gb-d-timer{font-size:11px;padding:3px 8px;}}



.gb-d-seeall{color:#FF7A00;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}



.gb-d-seeall:hover{text-decoration:underline;}







/* ---------- PRODUCT GRID + CARD ---------- */



.gb-d-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}



.gb-d-card{border:1px solid #f0ebf2;border-radius:15px;overflow:hidden;background:#fff;transition:.2s;display:flex;flex-direction:column;}



.gb-d-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(16,28,50,.1);border-color:#ffd9c4;}



.gb-d-card-img{position:relative;height:200px;background:linear-gradient(145deg,#fff8f4,#fff0ea);display:grid;place-items:center;}



.gb-d-card-img img{max-width:80%;max-height:80%;object-fit:contain;}



.gb-d-tag{position:absolute;left:9px;top:9px;background:#f12e4c;color:#fff;font-size:10px;font-weight:900;padding:3px 7px;border-radius:6px;}



.gb-d-card-b{padding:12px 13px;display:flex;flex-direction:column;gap:5px;flex:1;}







.gb-d-card-b h3{font-size:12.5px;line-height:1.4;margin:0;color:#101c32;font-weight:700;}



.gb-d-stars{font-size:11px;color:#FF7A00;font-weight:800;}



.gb-d-stars span{color:#9aa3b0;font-weight:600;}



.gb-d-price{font-size:14px;color:#FF7A00;font-weight:900;margin-top:auto;}



.gb-d-ship{font-size:10px;color:#7c8798;display:flex;align-items:center;gap:5px;margin-top:2px;}



.gb-d-ship i{color:#FF7A00;}







/* ---------- BRANDS + CATEGORY ---------- */















.gb-d-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}



.gb-d-cat-item{background:#fff;border:1px solid #f0ebf2;border-radius:14px;padding:22px 12px;text-align:center;font-weight:800;font-size:13px;color:#101c32;display:flex;flex-direction:column;align-items:center;gap:10px;transition:.18s;}



.gb-d-cat-ic{width:46px;height:46px;border-radius:50%;background:#fff3eb;color:#FF7A00;display:grid;place-items:center;font-size:18px;}



.gb-d-cat-item:hover{border-color:#FF7A00;transform:translateY(-4px);box-shadow:0 14px 28px rgba(255,107,0,.1);}







/* ---------- STEPS (pre-order) ---------- */



.gb-d-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}



.gb-d-step{background:#fff;border:1px solid #f0ebf2;border-radius:14px;padding:20px 16px;position:relative;}



.gb-d-step span{width:30px;height:30px;border-radius:50%;background:#FF7A00;color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;margin-bottom:9px;}



.gb-d-step b{display:block;font-size:14px;color:#101c32;}



.gb-d-step small{color:#7c8798;font-size:11px;}







/* ---------- WHY CHOOSE ---------- */



.gb-d-why-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}



.gb-d-why{background:#fff3eb;border:1px solid #ffe2d2;border-radius:14px;padding:20px 16px;text-align:center;}



.gb-d-why-ic{width:44px;height:44px;border-radius:50%;background:#fff;color:#FF7A00;display:grid;place-items:center;font-size:18px;margin:0 auto 10px;}



.gb-d-why b{display:block;font-size:14px;color:#101c32;}



.gb-d-why small{display:block;font-size:11px;color:#7c8798;margin-top:3px;}







/* ---------- INSTAGRAM ---------- */



.gb-d-insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}



.gb-d-insta-i{aspect-ratio:1/1;border-radius:14px;background:linear-gradient(145deg,#ff8a5c,#ff6a8e);display:grid;place-items:center;color:#fff;font-size:28px;transition:.2s;}



.gb-d-insta-i:hover{transform:scale(1.03);}







/* ---------- REVIEWS ---------- */



.gb-d-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}



.gb-d-review{background:#fff;border:1px solid #f0ebf2;border-radius:14px;padding:20px;}



.gb-d-review p{font-size:13px;line-height:1.7;color:#586375;margin:0 0 10px;}



.gb-d-review b{font-size:13px;color:#101c32;display:block;}



.gb-d-review small{font-size:11px;color:#1b8b55;font-weight:800;display:inline-flex;align-items:center;gap:5px;}







/* ---------- BLOG ---------- */



.gb-d-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}



.gb-d-blog-i{border:1px solid #f0ebf2;border-radius:14px;overflow:hidden;display:block;transition:.2s;}



.gb-d-blog-i:hover{box-shadow:0 14px 30px rgba(16,28,50,.1);}



.gb-d-blog-i img{width:100%;height:160px;object-fit:cover;background:#f3f0f7;}



.gb-d-blog-i span{display:block;padding:12px 14px 0;font-size:10px;font-weight:800;letter-spacing:.6px;color:#FF7A00;}



.gb-d-blog-i b{display:block;padding:4px 14px 0;font-size:14px;color:#101c32;line-height:1.4;}



.gb-d-blog-i small{display:block;padding:4px 14px 14px;font-size:11px;color:#9aa3b0;}







/* ---------- RESPONSIVE (desktop only, graceful down) ---------- */



@media(max-width:1100px){



    .gb-hero-inner{grid-template-columns:1fr;}



    .gb-hero-art{display:none;}



    .gb-hero-h1{font-size:42px;}



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



    .gb-d-cat-grid,.gb-d-insta-grid{grid-template-columns:repeat(3,1fr);}



    .gb-trust-box{grid-template-columns:repeat(2,1fr);}



    .gb-trust-item:nth-child(2n){border-right:0;}



    .gb-d-steps,.gb-d-why-grid,.gb-d-review-grid,.gb-d-blog-grid{grid-template-columns:repeat(2,1fr);}



}



@media(max-width:680px){



    .gb-d-grid{grid-template-columns:repeat(2,1fr);}



    .gb-d-cat-grid,.gb-d-insta-grid{grid-template-columns:repeat(2,1fr);}



}





/* ===== Desktop Flash Sale landing page ===== */

.gb-fs-hero { padding:48px 24px; background:linear-gradient(135deg,#FF3B30,#FF7A00); color:#fff; }

.gb-fs-hero-inner { max-width:1200px; margin:0 auto; text-align:center; }

.gb-fs-eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:1px; background:rgba(255,255,255,.18); padding:6px 14px; border-radius:999px; }

.gb-fs-hero h1 { font-size:42px; font-weight:900; margin:14px 0 8px; }

.gb-fs-hero h1 span { display:block; font-size:26px; opacity:.95; }

.gb-fs-hero p { max-width:560px; margin:0 auto 20px; font-size:15px; opacity:.95; }

.gb-fs-timer-wrap { display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35); padding:10px 18px; border-radius:999px; font-weight:700; }

.gb-fs-timer-label { font-size:13px; opacity:.9; }

.gbfs-timer { font-family:'SF Mono',Consolas,Menlo,monospace; font-size:22px; font-weight:800; letter-spacing:1px; }

.gb-fs-coupon { display:inline-flex; align-items:center; gap:12px; margin-top:18px; background:#fff; color:#101c32; padding:12px 18px; border-radius:14px; font-size:14px; box-shadow:0 8px 24px rgba(0,0,0,.18); }

.gb-fs-coupon b { color:#FF7A00; font-size:16px; }

.gb-fs-coupon button { border:none; background:#FF7A00; color:#fff; font-weight:700; font-size:12px; padding:9px 16px; border-radius:10px; cursor:pointer; }

.gb-d-sec { max-width:1200px; margin:0 auto; padding:36px 24px; }

.gb-d-sec-h { margin-bottom:18px; }

.gb-d-sec-h h2 { font-size:24px; font-weight:800; display:flex; align-items:center; gap:10px; }



/* === Top Brands (logo + text fallback) === */

.gb-d-brand-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}

.gb-d-brand{height:46px;padding:0 18px;display:inline-flex;align-items:center;background:#fff;border:1px solid #f0ebf2;border-radius:30px;font-weight:800;font-size:13px;color:#374151;transition:.18s;text-decoration:none;}

.gb-d-brand:hover{border-color:#FF7A00;color:#FF7A00;box-shadow:0 10px 24px rgba(255,107,0,.08);}

.gb-d-brand img{height:40px;width:auto;max-width:120px;object-fit:contain;display:block;}

.gb-d-brand:has(img){height:auto;padding:10px 16px;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(17,24,39,.05);border:1px solid #f0ebf2;transition:.18s;}

.gb-d-brand:has(img):hover{border-color:#FF7A00;box-shadow:0 10px 24px rgba(255,107,0,.12);}


/* ===== Product card: hover lift + quick view + wishlist ===== */
.gb-d-card{position:relative;transition:transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94),box-shadow .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.gb-d-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(255,61,127,.16);z-index:3;}
.gb-d-card-img{position:relative;overflow:hidden;}
@keyframes gbFadeIn {
  from { opacity: 0; transform: scale(0.97) translateY(4px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.gb-d-card-img img {
  animation: gbFadeIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  transition: transform .45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.gb-d-card:hover .gb-d-card-img img{transform:scale(1.04) !important;}
.gb-d-qv{position:absolute;left:50%;bottom:14px;transform:translate(-50%,18px);opacity:0;background:linear-gradient(120deg,#FF7A00,#FF3D7F);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(255,61,127,.35);transition:opacity .22s ease,transform .22s ease;display:inline-flex;align-items:center;gap:8px;}
.gb-d-card:hover .gb-d-qv{opacity:1;transform:translate(-50%,0);}
.gb-d-qv:hover{filter:brightness(1.05);}
.gb-d-wish{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#FF3D7F;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .15s,background .15s;z-index:4;}
.gb-d-wish:hover{transform:scale(1.12);background:#fff;}
.gb-d-wish.active{background:#FF3D7F;color:#fff;}
/* quick view modal */
.gb-qv-modal{position:fixed;inset:0;background:rgba(20,12,20,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
.gb-qv-modal.show{display:flex;}
.gb-qv-box{background:#fff;border-radius:18px;max-width:760px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.3);}
.gb-qv-box img{width:100%;height:100%;object-fit:cover;min-height:360px;background:#fff3f7;}
.gb-qv-info{padding:30px;}
.gb-qv-info h3{margin:0 0 8px;font-size:22px;color:#1A1320;}
.gb-qv-info .pr{font-size:24px;font-weight:900;color:#FF3D7F;margin:6px 0 14px;}
.gb-qv-info p{font-size:14px;color:#6b6470;line-height:1.6;margin:0 0 18px;}
.gb-qv-info a.gb-qv-go{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,#FF7A00,#FF3D7F);color:#fff;font-weight:800;padding:12px 22px;border-radius:12px;text-decoration:none;box-shadow:0 10px 24px rgba(255,61,127,.3);}
.gb-qv-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.06);color:#333;font-size:16px;cursor:pointer;}
@media (max-width:680px){.gb-qv-box{grid-template-columns:1fr;}.gb-qv-box img{min-height:220px;}}


/* ===== Sticky promo bar + sticky cart (desktop) ===== */
.gb-promo-bar{background:linear-gradient(120deg,#FF7A00,#FF3D7F);color:#fff;}
.gb-promo-in{max-width:1280px;margin:0 auto;padding:11px 24px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:600;flex-wrap:wrap;}
.gb-promo-in b{font-weight:900;}
.gb-promo-sep{width:1px;height:16px;background:rgba(255,255,255,.4);}
.gb-promo-cta{margin-left:6px;background:#fff;color:#FF3D7F;font-weight:800;padding:6px 16px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .15s;}
.gb-promo-cta:hover{transform:translateY(-1px);}
.gb-sticky-cart{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.gb-sticky-cart-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(120deg,#FF7A00,#FF3D7F);color:#fff;font-weight:800;font-size:14px;padding:13px 20px;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px rgba(255,61,127,.4);transition:transform .15s;}
.gb-sticky-cart-btn:hover{transform:translateY(-2px);}
.gb-sticky-top{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#FF3D7F;font-size:16px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.15);transition:transform .15s;}
.gb-sticky-top:hover{transform:translateY(-2px);}
@media (max-width:900px){.gb-sticky-cart{display:none;}.gb-promo-bar{display:none;}}


/* ===== Shop by Concern (premium desktop) ===== */
.gb-d-concern-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.gb-d-concern{position:relative;background:#fff;border-radius:18px;padding:26px 16px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden;text-decoration:none;color:#1A1320;box-shadow:0 4px 18px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease;border:1px solid #f3e6ee;}
.gb-d-concern::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,122,0,.10),rgba(255,61,127,.14));opacity:0;transition:opacity .25s ease;}
.gb-d-concern:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(255,61,127,.20);}
.gb-d-concern:hover::before{opacity:1;}
.gb-d-concern-ic{position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#FF7A00,#FF3D7F);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 20px rgba(255,61,127,.30);transition:transform .25s ease;}
.gb-d-concern:hover .gb-d-concern-ic{transform:scale(1.08) rotate(-4deg);}
.gb-d-concern-name{position:relative;font-size:15px;font-weight:800;margin-top:4px;}
.gb-d-concern-sub{position:relative;font-size:12px;color:#8a8290;line-height:1.4;}
.gb-d-concern-go{position:relative;margin-top:6px;font-size:12px;font-weight:800;color:#FF3D7F;display:inline-flex;align-items:center;gap:5px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;}
.gb-d-concern:hover .gb-d-concern-go{opacity:1;transform:none;}
@media (max-width:1100px){.gb-d-concern-grid{grid-template-columns:repeat(3,1fr);}}

/* ============ BATCH 2 PRODUCT CARD ENHANCEMENT (additive) ============ */
/* card now: <div.gb-d-card> > <a.gb-d-link> + <button.gb-d-cart> */
.gb-d-card{display:flex;flex-direction:column;}
.gb-d-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;}
.gb-d-card-b{flex:1;}
/* price hierarchy: current price dominant, old struck, savings accent */
.gb-d-price{font-size:15px;color:#FF6B00;font-weight:900;margin-top:auto;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.gb-d-price del,.gb-d-price .gb-d-was{font-size:11.5px;color:#9aa3b0;font-weight:600;text-decoration:line-through;}
/* sale badge — clean, restrained */
.gb-d-tag{background:#e0444f;font-size:10px;font-weight:900;letter-spacing:.3px;padding:3px 7px;border-radius:6px;}
/* pre-order badge — orange, unmistakable (Malaysia sourcing model) */
.gb-d-ship{background:#FFF3EB;color:#FF6B00;border:1px solid #ffd9c2;font-size:10px;font-weight:800;border-radius:6px;padding:3px 7px;margin-top:6px;display:inline-flex;align-items:center;gap:4px;width:fit-content;}
.gb-d-ship i{color:#FF6B00;}
/* prominent Add to Cart CTA — uses existing brand gradient, >=44px */
.gb-d-cart{
  margin-top:9px;width:100%;height:44px;border:none;border-radius:11px;
  background:linear-gradient(135deg,#FF6B00,#FF8C3B);color:#fff;font-weight:800;font-size:13px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  transition:.16s;box-shadow:0 6px 16px rgba(255,107,0,.22);
}
.gb-d-cart:hover{filter:brightness(1.05);box-shadow:0 10px 22px rgba(255,107,0,.3);transform:translateY(-1px);}
.gb-d-cart:active{transform:translateY(0);}
.gb-d-cart i{font-size:14px;}
/* title clamp for consistent height */
.gb-d-card-b h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;}

/* ============ BATCH 2.1 MICRO-POLISH (additive override) ============ */
/* Hierarchy: PRIMARY price > SECONDARY badge > TERTIARY CTA.
   Reduce CTA orange weight: outlined (white bg + orange border) so price dominates.
   Keep CTA obvious, >=44px, clickable; fill orange on hover. */
.gb-d-cart{
  margin-top:9px;width:100%;height:44px;border:1.5px solid #FF6B00;border-radius:11px;
  background:#fff;color:#FF6B00;font-weight:800;font-size:13px;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  transition:.16s;box-shadow:none;
}
.gb-d-cart:hover{background:#FF6B00;color:#fff;box-shadow:0 6px 16px rgba(255,107,0,.18);}
.gb-d-cart:active{transform:translateY(0);}
.gb-d-cart i{font-size:14px;color:#FF6B00;transition:.16s;}
.gb-d-cart:hover i{color:#fff;}
/* elevate current price to PRIMARY */
.gb-d-price{font-size:16px;color:#FF6B00;font-weight:900;margin-top:auto;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.gb-d-price del,.gb-d-price .gb-d-was{font-size:11.5px;color:#9aa3b0;font-weight:600;text-decoration:line-through;}
/* pre-order badge stays SECONDARY (light orange) — unchanged logic, slightly tighter */
.gb-d-ship{background:#FFF3EB;color:#FF6B00;border:1px solid #ffd9c2;font-size:10px;font-weight:800;border-radius:6px;padding:3px 7px;margin-top:6px;display:inline-flex;align-items:center;gap:4px;width:fit-content;}

/* ============ BATCH 2.2 VISUAL CORRECTION (additive override) ============ */
/* 1) GRID DENSITY: 5 -> 4 cols desktop = larger, readable premium cards (not tiny) */
.gb-d-grid{grid-template-columns:repeat(6,1fr)!important;gap:18px!important;}
/* 2) IMAGE AREA: stable container + skeleton so lazy-load blanks look intentional, not broken. */
.gb-d-card-img{height:auto!important;aspect-ratio:1/1!important;background:#f6f3f0!important;overflow:hidden!important;}
.gb-d-card-img::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#f1ede9 30%,#faf8f6 50%,#f1ede9 70%);background-size:200% 100%;animation:gbSkeleton 1.4s infinite;z-index:0;}
.gb-d-card-img img{position:relative!important;z-index:1;width:100%!important;height:100%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;background:#fff;border-radius:8px;}
@keyframes gbSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* 3) CTA MIDDLE-GROUND: flat solid orange (no heavy gradient), white text, 44px, subtle shadow. */
.gb-d-cart{
  margin-top:10px!important;width:100%!important;height:44px!important;border:none!important;border-radius:11px!important;
  background:#FF6B00!important;color:#fff!important;font-weight:800!important;font-size:13.5px!important;letter-spacing:.2px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;cursor:pointer!important;
  transition:.16s!important;box-shadow:0 4px 12px rgba(255,107,0,.18)!important;
}
.gb-d-cart:hover{background:#ff7d1f!important;box-shadow:0 7px 18px rgba(255,107,0,.26)!important;transform:translateY(-1px)!important;}
.gb-d-cart:active{transform:translateY(0)!important;box-shadow:0 3px 9px rgba(255,107,0,.2)!important;}
.gb-d-cart i{font-size:14px!important;color:#fff!important;}
/* 4) TYPOGRAPHY READABILITY */
.gb-d-card-b h3{font-size:13px!important;line-height:1.45!important;}
.gb-d-price{font-size:16px!important;color:#FF6B00!important;font-weight:900!important;margin-top:auto!important;display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap!important;}
.gb-d-price del,.gb-d-price .gb-d-was{font-size:11.5px!important;color:#9aa3b0!important;font-weight:600!important;text-decoration:line-through!important;}

/* B2.2 z-index fix: keep discount badge + qv/wish ABOVE image (img z-index:1) */
.gb-d-tag{z-index:3!important;}
.gb-d-qv,.gb-d-wish{z-index:3!important;}

/* ===== B4B DESKTOP STICKY PURCHASE BAR ===== */
.gb-pdp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:980;background:#fff;border-top:1px solid #f0e6dc;box-shadow:0 -6px 24px rgba(0,0,0,.10);transform:translateY(110%);transition:transform .28s ease;display:none;}
.gb-pdp-sticky.show{display:block;transform:translateY(0);}
.gb-sticky-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 20px;}
.gb-sticky-thumb{width:52px;height:52px;object-fit:cover;border-radius:12px;border:1px solid #f0e6dc;flex:0 0 auto;}
.gb-sticky-info{flex:1 1 auto;min-width:0;}
.gb-sticky-title{font-family:"Inter",sans-serif;font-weight:600;font-size:15px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gb-sticky-price{font-family:"Inter",sans-serif;font-weight:700;font-size:17px;color:#FF6B00;margin-top:2px;}
.gb-sticky-old{color:#999;font-weight:500;font-size:13px;text-decoration:line-through;margin-left:6px;}
.gb-sticky-actions{flex:0 0 auto;display:flex;gap:10px;}
.gb-sticky-cart,.gb-sticky-buy{font-family:"Inter",sans-serif;font-weight:600;font-size:14px;padding:12px 22px;border-radius:12px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;}
.gb-sticky-cart{background:#fff;border:1.5px solid #FF6B00;color:#FF6B00;}
.gb-sticky-buy{background:#FF6B00;color:#fff;}
.gb-sticky-cart:hover,.gb-sticky-buy:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,107,0,.28);}
@media (max-width:768px){.gb-pdp-sticky{display:none!important;}}

/* ===== B4B PREMIUM BRANDS PAGE ===== */
.gb-brands-page{max-width:1180px;margin:0 auto;padding:24px 20px 60px;}
/* ===== PREMIUM BRANDS PAGE (redesign batch) ===== */
/* ---- DESKTOP ---- */
.gbp-brands-hero{text-align:center;padding:46px 16px 30px;background:linear-gradient(180deg,#fff7f0 0%,#ffffff 100%);border-radius:0 0 28px 28px;margin-bottom:6px;}
.gbp-hero-inner{max-width:720px;margin:0 auto;}
.gbp-hero-eyebrow{display:inline-block;font-family:"Inter",sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:#FF6B00;background:#fff;border:1px solid #ffe2cc;padding:5px 14px;border-radius:999px;margin-bottom:14px;}
.gbp-brands-hero h1{font-family:"Playfair Display",serif;font-size:42px;line-height:1.12;color:#1d1d1d;margin:0 0 12px;}
.gbp-brands-hero p{color:#666;font-family:"Inter",sans-serif;font-size:16px;line-height:1.6;margin:0 auto 22px;max-width:560px;}
.gbp-brands-search{position:relative;max-width:460px;margin:0 auto;}
.gbp-brands-search i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#bbb;font-size:16px;pointer-events:none;}
.gbp-brands-search input,.gbp-m-search input{width:100%;padding:15px 18px 15px 46px;border:1.5px solid #f0e6dc;border-radius:14px;font-family:"Inter",sans-serif;font-size:15px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;}
.gbp-brands-search input:focus,.gbp-m-search input:focus{border-color:#FF6B00;box-shadow:0 0 0 4px rgba(255,107,0,.10);}
.gbp-section-title{font-family:"Playfair Display",serif;font-size:26px;color:#1d1d1d;margin:38px 0 18px;border-left:4px solid #FF6B00;padding-left:14px;font-weight:600;}
/* Featured */
.gbp-featured-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.gbp-feat-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;background:#fff;border:1px solid #f0e6dc;border-radius:20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.gbp-feat-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(255,107,0,.16);border-color:#ffd9bd;}
.gbp-feat-ic{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;background:#faf8f6;border-radius:16px;padding:12px;}
.gbp-feat-ic img{width:100%;height:100%;object-fit:contain;}
.gbp-feat-fallback,.gbp-brand-fallback,.gbp-m-fallback{display:none;font-family:"Playfair Display",serif;font-size:36px;color:#FF6B00;font-weight:700;}
.gbp-feat-ic.no-logo .gbp-feat-fallback,.gbp-brand-ic.no-logo .gbp-brand-fallback,.gbp-m-ic.no-logo .gbp-m-fallback{display:block;}
.gbp-feat-name{font-family:"Inter",sans-serif;font-weight:600;font-size:14px;color:#222;text-align:center;line-height:1.3;}
.gbp-feat-count{font-family:"Inter",sans-serif;font-size:12px;color:#FF6B00;font-weight:600;}
/* Alphabet */
.gbp-alpha-nav{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 4px;}
.gbp-alpha-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;border:1px solid #f0e6dc;color:#555;font-family:"Inter",sans-serif;font-size:13px;text-decoration:none;transition:all .12s;}
.gbp-alpha-link:hover{background:#FF6B00;color:#fff;border-color:#FF6B00;transform:translateY(-1px);}
/* Grid */
.gbp-brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:14px;}
.gbp-brand-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 14px;background:#fff;border:1px solid #f0e6dc;border-radius:20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.gbp-brand-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(255,107,0,.16);border-color:#ffd9bd;}
.gbp-brand-ic{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center;background:#faf8f6;border-radius:18px;padding:16px;}
.gbp-brand-ic img{width:100%;height:100%;object-fit:contain;}
.gbp-brand-name{font-family:"Inter",sans-serif;font-weight:600;font-size:15px;color:#222;text-align:center;line-height:1.3;}
.gbp-brand-count{font-family:"Inter",sans-serif;font-size:12px;color:#999;}
.gbp-brand-cta{font-family:"Inter",sans-serif;font-size:12px;color:#FF6B00;font-weight:700;margin-top:4px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;}
.gbp-brand-card:hover .gbp-brand-cta{opacity:1;transform:translateY(0);}
.gbp-brands-empty{text-align:center;color:#999;font-family:"Inter",sans-serif;padding:40px;}

/* ---- MOBILE (dedicated premium) ---- */
.gbp-brands-mobile{display:none;}
@media (max-width:768px){
  .gbp-brands-desktop{display:none;}
  .gbp-brands-mobile{display:block;}
  .gbp-m-hero{text-align:center;padding:24px 16px 14px;background:linear-gradient(180deg,#fff7f0 0%,#ffffff 100%);border-radius:0 0 22px 22px;}
  .gbp-m-eyebrow{display:inline-block;font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#FF6B00;background:#fff;border:1px solid #ffe2cc;padding:4px 12px;border-radius:999px;margin-bottom:10px;}
  .gbp-m-hero h1{font-family:"Playfair Display",serif;font-size:27px;line-height:1.15;margin:0 0 14px;}
  .gbp-m-search{position:relative;max-width:100%;}
  .gbp-m-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#bbb;font-size:15px;pointer-events:none;}
  .gbp-m-search input{padding:14px 16px 14px 44px;border-radius:14px;font-size:15px;}
  .gbp-m-title{font-family:"Playfair Display",serif;font-size:19px;margin:20px 0 12px;padding-left:14px;border-left:3px solid #FF6B00;font-weight:600;}
  .gbp-m-rail{display:flex;gap:12px;overflow-x:auto;padding:4px 16px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
  .gbp-m-rail::-webkit-scrollbar{display:none;}
  .gbp-m-feat{flex:0 0 auto;width:104px;display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:start;text-decoration:none;}
  .gbp-m-ic{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#faf8f6;border:1px solid #f0e6dc;border-radius:18px;padding:12px;}
  .gbp-m-ic img{width:100%;height:100%;object-fit:contain;}
  .gbp-m-fallback{display:none;font-family:"Playfair Display",serif;font-size:30px;color:#FF6B00;font-weight:700;}
  .gbp-m-name{font-family:"Inter",sans-serif;font-size:12.5px;color:#222;text-align:center;line-height:1.3;}
  .gbp-m-alpha{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;}
  .gbp-m-alpha-link{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #f0e6dc;color:#555;font-size:12px;text-decoration:none;min-width:30px;min-height:30px;}
  .gbp-m-alpha-link:active{background:#FF6B00;color:#fff;border-color:#FF6B00;}
  .gbp-m-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 14px 48px;}
  .gbp-m-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px 10px;background:#fff;border:1px solid #f0e6dc;border-radius:18px;text-decoration:none;min-height:124px;}
  .gbp-m-ic{width:64px;height:64px;background:#faf8f6;border-radius:15px;padding:9px;}
  .gbp-m-count{font-family:"Inter",sans-serif;font-size:11px;color:#FF6B00;font-weight:600;}
}
/* ---- small phones ---- */
@media (max-width:360px){
  .gbp-m-grid{gap:10px;padding:10px 12px 44px;}
  .gbp-m-card{min-height:114px;padding:16px 8px;}
  .gbp-m-ic{width:58px;height:58px;}
  .gbp-m-name{font-size:12px;}
}
/* ===== END PREMIUM BRANDS ===== */

/* ===== B4C DESKTOP PURCHASE PROTECTION ===== */
.gb-pdp-protect{margin:18px 0 6px;padding:18px 20px;background:#fffdfb;border:1px solid #f3e3d6;border-radius:18px;box-shadow:0 4px 18px rgba(255,107,0,.06);}
.gb-pdp-protect .gb-pp-title{font-family:"Playfair Display",serif;font-size:19px;color:#1d1d1d;margin:0 0 12px;font-weight:600;}
.gb-pdp-protect .gb-pp-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;}
.gb-pdp-protect .gb-pp-list li{font-family:"Inter",sans-serif;font-size:13.5px;line-height:1.5;color:#555;padding-left:14px;position:relative;}
.gb-pdp-protect .gb-pp-list li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#FF6B00;}
.gb-pdp-protect .gb-pp-list a{color:#FF6B00;font-weight:600;text-decoration:none;}
.gb-pdp-protect .gb-pp-list a:hover{text-decoration:underline;}
.gb-pdp-trust{margin:16px 0 0;display:flex;flex-direction:column;gap:10px;}
.gb-trust-pri,.gb-trust-sec{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.gb-trust-pri>div,.gb-trust-sec>div{display:flex;align-items:center;gap:10px;background:#fffdfb;border:1px solid #f3e3d6;border-radius:14px;padding:12px 14px;}
.gb-trust-pri i,.gb-trust-sec i{color:#FF6B00;font-size:20px;width:24px;text-align:center;}
.gb-trust-pri b,.gb-trust-sec b{font-family:"Inter",sans-serif;font-size:14px;color:#1d1d1d;display:block;}
.gb-trust-pri small,.gb-trust-sec small{font-family:"Inter",sans-serif;font-size:12px;color:#999;}

/* ===== B4C MOBILE PURCHASE PROTECTION ===== */
.gbp-pp{margin:14px 0;}
.gbp-pp .gbp-pp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.gbp-pp .gbp-pp-it{background:#fffdfb;border:1px solid #f3e3d6;border-radius:14px;padding:12px;}
.gbp-pp .gbp-pp-it b{font-family:"Inter",sans-serif;font-size:13px;color:#FF6B00;display:block;margin-bottom:4px;}
.gbp-pp .gbp-pp-it small{font-family:"Inter",sans-serif;font-size:12px;color:#555;line-height:1.45;display:block;}
.gbp-pp .gbp-pp-it a{color:#FF6B00;font-weight:600;text-decoration:none;}
@media (max-width:480px){
  .gb-pdp-protect .gb-pp-list{grid-template-columns:1fr;}
  .gb-trust-pri,.gb-trust-sec{grid-template-columns:1fr;}
}

/* CRISP TYPOGRAPHY FIX MATCHING SHOP PAGE */
#gb-desktop-home .gb-hero-h1, #gb-desktop-home h1, #gb-desktop-home h2 {
  font-family: 'Playfair Display', Georgia, serif;
}
#gb-desktop-home .gb-card-n, #gb-desktop-home .gb-product-name, #gb-desktop-home .gb-p-title, #gb-desktop-home button, #gb-desktop-home input {
  font-family: 'DM Sans', 'Noto Sans Bengali', sans-serif !important;
}