/* ═══════════════════════════════════════════════
   DailyBetterDeals — Main Stylesheet v1.0.0
   Green theme, mobile-first, Pakistan market
═══════════════════════════════════════════════ */

/* ── DESIGN TOKENS ── */
:root {
  --g900:#04342C;--g800:#085041;--g700:#0F6E56;--g600:#1A8A6B;
  --g500:#1D9E75;--g400:#2FBD8D;--g300:#5DCAA5;--g200:#9FE1CB;
  --g100:#C8F0E3;--g50:#E8F9F3;
  --a500:#EF9F27;--a400:#F5B340;--a200:#FAC775;--a50:#FEF3E0;
  --r500:#E53E3E;--r50:#FFF5F5;
  --gray900:#111714;--gray800:#1E2923;--gray700:#2D3830;
  --gray600:#4A5550;--gray500:#6B7A74;--gray400:#94A39C;
  --gray300:#C4D0CB;--gray200:#E2EAE7;--gray100:#F0F5F3;--gray50:#F8FAF9;
  --white:#fff;
  --shadow-sm:0 1px 3px rgba(4,52,44,.07);
  --shadow-md:0 4px 16px rgba(4,52,44,.10);
  --shadow-lg:0 12px 40px rgba(4,52,44,.13);
  --radius:14px;--radius-sm:9px;--radius-xs:6px;
  --font-display:'Baloo 2',cursive;
  --font-body:'Plus Jakarta Sans',sans-serif;
  --trans:.18s cubic-bezier(.4,0,.2,1);
  --container:1280px;
}

/* ── RESET & BASE ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--gray50);color:var(--gray900);line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:var(--trans)}
button{cursor:pointer;font-family:var(--font-body);border:none;background:none}
ul,ol{list-style:none}
input,select,textarea{font-family:var(--font-body)}
:focus-visible{outline:3px solid var(--g400);outline-offset:2px;border-radius:4px}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--gray300);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--gray400)}

/* ── UTILITIES ── */
.dbd-container{max-width:var(--container);margin:0 auto;padding:0 24px}
.dbd-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g600);margin-bottom:8px}
.skip-link{position:absolute;left:-9999px;top:4px;z-index:999;background:var(--g500);color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600}
.skip-link:focus{left:4px}

/* ── TOPBAR ── */
.dbd-topbar{background:var(--g900);height:36px;display:flex;align-items:center;justify-content:center}
.dbd-topbar__inner{display:flex;gap:28px;align-items:center}
.dbd-topbar span{font-size:12px;color:rgba(255,255,255,.7)}
.dbd-topbar strong{color:var(--a400)}
@media(max-width:600px){.dbd-topbar__hide-sm{display:none}}

/* ── HEADER ── */
.dbd-header{background:var(--white);border-bottom:1px solid var(--gray200);position:sticky;top:0;z-index:200}
.dbd-header__inner{max-width:var(--container);margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;gap:16px}
.dbd-logo{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--g800);flex-shrink:0;white-space:nowrap}
.dbd-logo em{color:var(--a500);font-style:normal}
.dbd-logo img{height:44px;width:auto}
.dbd-nav-search{flex:1;max-width:460px;display:flex;border:1.5px solid var(--gray200);border-radius:30px;overflow:hidden;background:var(--gray50);transition:var(--trans)}
.dbd-nav-search:focus-within{border-color:var(--g400);background:var(--white)}
.dbd-nav-search__input{flex:1;padding:9px 16px;border:none;background:transparent;font-size:14px;color:var(--gray900);outline:none}
.dbd-nav-search__city{border:none;border-left:1px solid var(--gray200);padding:9px 12px;background:transparent;font-size:13px;color:var(--gray600);outline:none;cursor:pointer}
.dbd-nav-search__btn{background:var(--g500);color:#fff;border:none;padding:9px 20px;font-size:13px;font-weight:600;white-space:nowrap;transition:var(--trans);cursor:pointer}
.dbd-nav-search__btn:hover{background:var(--g600)}
.dbd-nav-links{display:flex;gap:2px}
.dbd-nav-links__list{display:flex;gap:2px;list-style:none}
.dbd-nav-links__list li a{display:block;padding:7px 11px;font-size:13px;font-weight:500;color:var(--gray600);border-radius:var(--radius-xs);transition:var(--trans)}
.dbd-nav-links__list li a:hover,.dbd-nav-links__list li.current-menu-item a{color:var(--g700);background:var(--g50)}
.dbd-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
.dbd-header__icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--gray200);background:transparent;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gray600);cursor:pointer;transition:var(--trans);text-align:center}
.dbd-header__icon-btn:hover{background:var(--g50);border-color:var(--g300);color:var(--g700)}
.dbd-header__cta{background:var(--g500);color:#fff;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:600;transition:var(--trans);white-space:nowrap}
.dbd-header__cta:hover{background:var(--g600);color:#fff}
.dbd-mobile-toggle{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:6px;transition:var(--trans)}
.dbd-mobile-toggle span{display:block;width:22px;height:2px;background:var(--gray700);border-radius:2px;transition:var(--trans)}
.dbd-mobile-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dbd-mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.dbd-mobile-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .dbd-nav-links,.dbd-header__actions .dbd-header__cta{display:none}
  .dbd-mobile-toggle{display:flex}
  .dbd-nav-search{max-width:none}
}

/* ── MOBILE MENU ── */
.dbd-mobile-menu{position:fixed;top:102px;left:0;right:0;bottom:0;background:var(--white);z-index:190;overflow-y:auto;padding:20px;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;gap:4px}
.dbd-mobile-menu.is-open{transform:none}
.dbd-mobile-search{display:flex;gap:8px;margin-bottom:16px}
.dbd-mobile-search input{flex:1;padding:10px 14px;border:1.5px solid var(--gray200);border-radius:var(--radius-sm);font-size:14px;outline:none}
.dbd-mobile-search button{background:var(--g500);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-sm);font-size:16px;cursor:pointer}
.dbd-mobile-menu__list{display:flex;flex-direction:column;gap:4px;list-style:none}
.dbd-mobile-menu__list li a{display:block;padding:12px 16px;font-size:15px;font-weight:500;color:var(--gray700);border-radius:var(--radius-sm);transition:var(--trans)}
.dbd-mobile-menu__list li a:hover{background:var(--g50);color:var(--g700)}
.dbd-mobile-menu__footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--gray200)}

/* ── HERO ── */
.dbd-hero{background:linear-gradient(135deg,var(--g900) 0%,var(--g800) 45%,var(--g700) 100%);padding:72px 0 80px;position:relative;overflow:hidden}
.dbd-hero__bg-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}
.dbd-hero__glow{position:absolute;right:-80px;top:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(239,159,39,.15),transparent 70%);pointer-events:none}
.dbd-hero__inner{position:relative;z-index:1}
.dbd-hero__badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--a400);font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:20px;letter-spacing:.04em;text-transform:uppercase}
.dbd-hero__title{font-family:var(--font-display);font-size:clamp(28px,5vw,54px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px;max-width:700px}
.dbd-hero__title em{color:var(--a500);font-style:normal}
.dbd-hero__sub{font-size:16px;color:rgba(255,255,255,.78);max-width:560px;margin-bottom:36px;line-height:1.6}
.dbd-hero__search{background:#fff;border-radius:var(--radius);padding:8px;display:flex;gap:8px;max-width:780px;box-shadow:var(--shadow-lg);margin-bottom:24px;flex-wrap:wrap}
.dbd-hero__search-input{flex:2;min-width:180px;padding:10px 16px;border:1.5px solid var(--gray200);border-radius:var(--radius-sm);font-size:14px;outline:none;color:var(--gray900);transition:var(--trans)}
.dbd-hero__search-input:focus{border-color:var(--g400)}
.dbd-hero__search-select{padding:10px 12px;border:1.5px solid var(--gray200);border-radius:var(--radius-sm);font-size:13px;color:var(--gray700);background:#fff;outline:none;cursor:pointer;min-width:130px}
.dbd-hero__search-select:focus{border-color:var(--g400)}
.dbd-hero__search-btn{background:var(--g500);color:#fff;border:none;padding:11px 28px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:var(--trans);font-family:var(--font-display);white-space:nowrap}
.dbd-hero__search-btn:hover{background:var(--g600);transform:translateY(-1px)}
.dbd-hero__pills{display:flex;gap:8px;flex-wrap:wrap}
.dbd-hero__pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:var(--trans)}
.dbd-hero__pill:hover{background:rgba(255,255,255,.2);color:#fff}
.dbd-hero__stats{display:flex;gap:32px;margin-top:36px;flex-wrap:wrap}
.dbd-hero__stat-num{font-family:var(--font-display);font-size:26px;font-weight:800;color:#fff}
.dbd-hero__stat-lbl{font-size:12px;color:rgba(255,255,255,.6);margin-top:1px}

/* ── SECTIONS ── */
.dbd-section{padding:56px 0}
.dbd-section--alt{background:var(--white)}
.dbd-section__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px}
.dbd-section__title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--gray900)}
.dbd-view-all{font-size:13px;font-weight:600;color:var(--g600);display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;padding:7px 14px;border:1px solid var(--g300);border-radius:20px;transition:var(--trans)}
.dbd-view-all:hover{background:var(--g50);border-color:var(--g500);color:var(--g700)}

/* ── CATEGORY GRID ── */
.dbd-cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:900px){.dbd-cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.dbd-cat-grid{grid-template-columns:repeat(2,1fr)}}
.dbd-cat-card{background:#fff;border:1px solid var(--gray200);border-radius:var(--radius);padding:20px 16px;text-align:center;cursor:pointer;transition:var(--trans);display:block;color:inherit}
.dbd-cat-card:hover{border-color:var(--g300);transform:translateY(-3px);box-shadow:var(--shadow-md);color:inherit}
.dbd-cat-card__icon{font-size:32px;margin-bottom:10px;display:block}
.dbd-cat-card__name{font-size:13px;font-weight:700;color:var(--gray900);margin-bottom:4px}
.dbd-cat-card__count{font-size:11px;color:var(--g600);font-weight:600;background:var(--g50);padding:2px 8px;border-radius:10px;display:inline-block}

/* ── DEAL CARDS ── */
.dbd-deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.dbd-deal-card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray200);overflow:hidden;transition:var(--trans);position:relative;display:flex;flex-direction:column}
.dbd-deal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--g200)}
.dbd-deal-card--featured{border-color:var(--a200)}
.dbd-deal-card--flash{border-color:var(--g300)}
.dbd-deal-card__img-wrap{position:relative;flex-shrink:0}
.dbd-deal-card__img{width:100%;height:180px;object-fit:cover}
.dbd-deal-card__img-placeholder{width:100%;height:180px;background:linear-gradient(135deg,var(--g100),var(--g50));display:flex;align-items:center;justify-content:center;font-size:52px}
.dbd-deal-card__badge{position:absolute;top:12px;left:12px;background:var(--r500);color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:20px;font-family:var(--font-display);z-index:1}
.dbd-deal-card__badge--lg{font-size:16px;padding:6px 14px}
.dbd-deal-card__flash-badge{position:absolute;top:12px;right:48px;background:var(--a500);color:var(--g900);font-size:10px;font-weight:800;padding:3px 8px;border-radius:10px}
.dbd-deal-card__save{position:absolute;top:12px;right:12px;width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--trans);border:none;color:var(--gray500)}
.dbd-deal-card__save:hover{background:var(--r50);color:var(--r500);transform:scale(1.1)}
.dbd-deal-card__save--saved{background:var(--r500);color:#fff}
.dbd-deal-card__body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:6px}
.dbd-deal-card__cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--g700);background:var(--g50);padding:2px 8px;border-radius:10px;display:inline-block;align-self:flex-start}
.dbd-deal-card__title{font-size:14px;font-weight:700;color:var(--gray900);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dbd-deal-card__title a{color:inherit}
.dbd-deal-card__title a:hover{color:var(--g700)}
.dbd-deal-card__biz{font-size:12px;color:var(--gray500);display:flex;align-items:center;gap:5px}
.dbd-deal-card__biz a{color:inherit}
.dbd-deal-card__biz a:hover{color:var(--g700)}
.dbd-verified{color:var(--g500);font-size:13px}
.dbd-deal-card__price-row{display:flex;align-items:center;gap:8px;margin-top:auto}
.dbd-deal-card__price-new{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--g800)}
.dbd-deal-card__price-old{font-size:13px;color:var(--gray400);text-decoration:line-through}
.dbd-deal-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--gray500)}
.dbd-deal-card__location{display:flex;align-items:center;gap:3px}
.dbd-deal-card__expiry,.dbd-expiry-urgent{color:var(--r500);font-weight:600}
.dbd-expiry-soon{color:var(--a500);font-weight:600}
.dbd-expiry-ok{color:var(--g600);font-weight:600}
.dbd-expired{color:var(--gray400);font-weight:600;text-decoration:line-through}
.dbd-deal-card__rating{color:var(--a500);font-weight:600;display:flex;align-items:center;gap:2px}
.dbd-deal-card__countdown{display:flex;gap:4px;align-items:center;padding:8px 0;border-top:1px solid var(--gray100)}
.dbd-cd-unit{background:var(--g900);color:#fff;border-radius:var(--radius-xs);padding:4px 8px;text-align:center;min-width:34px}
.dbd-cd-unit .n{font-family:var(--font-display);font-size:15px;font-weight:800;display:block;line-height:1}
.dbd-cd-unit .l{font-size:8px;opacity:.65;display:block;margin-top:1px;text-transform:uppercase}
.dbd-cd-sep{font-size:14px;font-weight:800;color:var(--g900);margin-top:-6px}
.dbd-deal-card__cta{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--gray100);margin-top:auto}

/* ── BUTTONS ── */
.dbd-btn-primary{background:var(--g500);color:#fff;border:none;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:var(--trans);cursor:pointer;flex:1;text-align:center;display:inline-block}
.dbd-btn-primary:hover{background:var(--g600);color:#fff}
.dbd-btn-wa{background:#25D366;color:#fff;border:none;padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:var(--trans);cursor:pointer;display:flex;align-items:center;justify-content:center}
.dbd-btn-wa:hover{background:#1da853;color:#fff}
.dbd-btn-get-offer{background:var(--g500);color:#fff;border:none;padding:14px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;transition:var(--trans);font-family:var(--font-display);width:100%;text-align:center;display:block;margin-bottom:10px}
.dbd-btn-get-offer:hover{background:var(--g600);color:#fff;transform:translateY(-1px)}
.dbd-btn-whatsapp{background:#25D366;color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--trans);width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.dbd-btn-whatsapp:hover{background:#1da853;color:#fff}
.dbd-btn-directions{background:var(--gray100);color:var(--gray700);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--trans);width:100%;text-align:center;display:block}
.dbd-btn-directions:hover{background:var(--gray200);color:inherit}
.dbd-btn-map{background:#fff;color:var(--g800);border:none;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;transition:var(--trans);font-family:var(--font-display);display:inline-block}
.dbd-btn-map:hover{background:var(--g50);transform:translateY(-2px);color:var(--g800)}
.dbd-btn-load-more{background:#fff;color:var(--g700);border:2px solid var(--g300);padding:12px 36px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--trans);font-family:var(--font-body)}
.dbd-btn-load-more:hover{background:var(--g50);border-color:var(--g500);color:var(--g800)}

/* ── FLASH BANNER ── */
.dbd-flash-banner{background:linear-gradient(135deg,var(--g900),var(--g700));border-radius:var(--radius);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.dbd-flash-banner__left h2{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;margin-bottom:4px}
.dbd-flash-banner__left p{font-size:13px;color:rgba(255,255,255,.75)}
.dbd-flash-timer{display:flex;gap:8px;align-items:center}
.dbd-flash-unit{background:rgba(255,255,255,.15);color:#fff;border-radius:var(--radius-xs);padding:8px 12px;text-align:center;min-width:50px}
.dbd-flash-unit .n{font-family:var(--font-display);font-size:24px;font-weight:800;display:block}
.dbd-flash-unit .l{font-size:9px;opacity:.7;text-transform:uppercase;display:block}
.dbd-flash-timer .sep{color:#fff;font-size:20px;font-weight:800}

/* ── MAP PREVIEW ── */
.dbd-map-preview{border-radius:var(--radius);height:320px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dbd-map-preview__bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--g900),var(--g700));opacity:.9}
.dbd-map-preview__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px}
.dbd-map-pin{position:absolute;background:#fff;border-radius:var(--radius-sm);padding:6px 10px;box-shadow:var(--shadow-md);font-size:12px;font-weight:700;color:var(--g800);white-space:nowrap;cursor:pointer;transition:var(--trans);z-index:2}
.dbd-map-pin::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#fff}
.dbd-map-pin:hover{transform:scale(1.05)}
.dbd-map-pin--featured{background:var(--g500);color:#fff}
.dbd-map-pin--featured::after{border-top-color:var(--g500)}
.dbd-map-preview__cta{position:relative;z-index:3;text-align:center}
.dbd-map-preview__cta h3{font-family:var(--font-display);font-size:28px;font-weight:800;color:#fff;margin-bottom:8px}
.dbd-map-preview__cta p{font-size:14px;color:rgba(255,255,255,.8);margin-bottom:20px}

/* ── BRANDS ── */
.dbd-brands-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.dbd-brand-pill{background:#fff;border:1px solid var(--gray200);border-radius:var(--radius-sm);padding:12px 22px;font-size:14px;font-weight:700;color:var(--gray700);transition:var(--trans);cursor:pointer;display:block}
.dbd-brand-pill:hover{border-color:var(--g300);color:var(--g700);box-shadow:var(--shadow-sm)}

/* ── HOW IT WORKS ── */
.dbd-hiw-tabs{display:flex;gap:4px;background:var(--gray100);border-radius:10px;padding:4px;width:fit-content;margin:0 auto 36px}
.dbd-hiw-tab{padding:8px 24px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--trans);color:var(--gray500)}
.dbd-hiw-tab.active{background:#fff;color:var(--g700);box-shadow:var(--shadow-sm)}
.dbd-hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.dbd-hiw-steps::before{content:'';position:absolute;top:28px;left:calc(12.5% + 20px);right:calc(12.5% + 20px);height:2px;background:linear-gradient(90deg,var(--g200),var(--g500));z-index:0}
.dbd-hiw-step{text-align:center;position:relative;z-index:1}
.dbd-hiw-step__num{width:56px;height:56px;border-radius:50%;background:var(--g500);color:#fff;font-family:var(--font-display);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:4px solid #fff;box-shadow:0 0 0 2px var(--g300)}
.dbd-hiw-step__title{font-size:14px;font-weight:700;color:var(--gray900);margin-bottom:6px}
.dbd-hiw-step__desc{font-size:12px;color:var(--gray500);line-height:1.5}
@media(max-width:700px){.dbd-hiw-steps{grid-template-columns:1fr 1fr}.dbd-hiw-steps::before{display:none}}
@media(max-width:480px){.dbd-hiw-steps{grid-template-columns:1fr}}

/* ── TESTIMONIALS ── */
.dbd-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:800px){.dbd-testi-grid{grid-template-columns:1fr}}
.dbd-testi-card{background:#fff;border:1px solid var(--gray200);border-radius:var(--radius);padding:24px;position:relative}
.dbd-testi-card::before{content:'"';font-family:var(--font-display);font-size:64px;color:var(--g100);position:absolute;top:12px;right:20px;line-height:1;font-weight:800;pointer-events:none}
.dbd-testi-card__stars{color:var(--a500);font-size:14px;margin-bottom:10px}
.dbd-testi-card__text{font-size:13px;color:var(--gray700);line-height:1.6;margin-bottom:16px}
.dbd-testi-card__author{display:flex;align-items:center;gap:10px}
.dbd-testi-card__avatar{width:40px;height:40px;border-radius:50%;background:var(--g500);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0}
.dbd-testi-card__name{font-size:13px;font-weight:700;color:var(--gray900)}
.dbd-testi-card__role{font-size:11px;color:var(--gray500)}

/* ── NEWSLETTER ── */
.dbd-newsletter{background:linear-gradient(135deg,var(--g800),var(--g600));padding:56px 0}
.dbd-newsletter__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.dbd-newsletter h2{font-family:var(--font-display);font-size:28px;font-weight:800;color:#fff}
.dbd-newsletter p{font-size:14px;color:rgba(255,255,255,.8)}
.dbd-newsletter__form{display:flex;gap:10px;max-width:480px;width:100%}
.dbd-newsletter__form input{flex:1;padding:12px 18px;border:none;border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);outline:none}
.dbd-newsletter__form button{background:var(--a500);color:var(--g900);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:var(--font-display);transition:var(--trans)}
.dbd-newsletter__form button:hover{background:var(--a400)}
.dbd-newsletter__wa{font-size:12px;color:rgba(255,255,255,.5)}
@media(max-width:500px){.dbd-newsletter__form{flex-direction:column}}

/* ── FOOTER ── */
.dbd-footer{background:var(--g900);color:#fff;padding:56px 0 0}
.dbd-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}
@media(max-width:900px){.dbd-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.dbd-footer__grid{grid-template-columns:1fr}}
.dbd-footer__logo{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;margin-bottom:12px}
.dbd-footer__logo em{color:var(--a500);font-style:normal}
.dbd-footer__brand p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.7;max-width:260px;margin-bottom:20px}
.dbd-footer__social{display:flex;gap:8px}
.dbd-social-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--trans);color:#fff}
.dbd-social-btn:hover{background:var(--g600);color:#fff}
.dbd-footer__col-title{font-size:13px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}
.dbd-footer__col ul li{margin-bottom:9px}
.dbd-footer__col ul li a{font-size:13px;color:rgba(255,255,255,.55);transition:var(--trans);cursor:pointer}
.dbd-footer__col ul li a:hover{color:#fff}
.dbd-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dbd-footer__bottom p{font-size:12px;color:rgba(255,255,255,.4)}

/* ── PAGE TITLE BAR ── */
.dbd-page-title-bar{background:#fff;border-bottom:1px solid var(--gray200);padding:20px 0}
.dbd-page-title-bar__title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--gray900)}

/* ── BREADCRUMB ── */
.dbd-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray400);padding:16px 0;flex-wrap:wrap}
.dbd-breadcrumb a{cursor:pointer;transition:var(--trans)}
.dbd-breadcrumb a:hover{color:var(--g600)}
.dbd-breadcrumb__current{color:var(--gray700);font-weight:500}

/* ── LISTING PAGE ── */
.dbd-listing-layout{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}
@media(max-width:900px){.dbd-listing-layout{grid-template-columns:1fr}}
.dbd-filter-sidebar{background:#fff;border:1px solid var(--gray200);border-radius:var(--radius);padding:20px;position:sticky;top:84px}
.dbd-filter-clear-all{width:100%;background:var(--gray100);color:var(--gray700);border:none;padding:9px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;margin-bottom:16px;font-family:var(--font-body);transition:var(--trans)}
.dbd-filter-clear-all:hover{background:var(--gray200)}
.dbd-filter-group{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--gray100)}
.dbd-filter-group:last-of-type{border-bottom:none;margin-bottom:0}
.dbd-filter-group__title{font-size:13px;font-weight:700;color:var(--gray900);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.dbd-filter-group__clear{font-size:11px;color:var(--g600);cursor:pointer;font-weight:500}
.dbd-filter-check{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;user-select:none}
.dbd-filter-check input{accent-color:var(--g500);width:15px;height:15px;cursor:pointer;flex-shrink:0}
.dbd-filter-check span:first-of-type{font-size:13px;color:var(--gray700);flex:1}
.dbd-filter-check__count{font-size:11px;color:var(--gray400)}
.dbd-filter-range{width:100%;accent-color:var(--g500)}
.dbd-filter-range__vals{display:flex;justify-content:space-between;font-size:12px;color:var(--gray500);margin-top:4px}
.dbd-listing-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}
.dbd-listing-toolbar__count{font-size:14px;color:var(--gray600)}
.dbd-listing-toolbar__count strong{color:var(--gray900);font-weight:700}
.dbd-listing-toolbar__right{display:flex;align-items:center;gap:8px}
.dbd-sort-select{padding:8px 14px;border:1px solid var(--gray200);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-body);color:var(--gray700);background:#fff;outline:none;cursor:pointer}
.dbd-view-toggles{display:flex;gap:4px}
.dbd-view-toggle{width:34px;height:34px;border:1px solid var(--gray200);background:#fff;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:var(--trans);color:var(--gray500)}
.dbd-view-toggle.active,.dbd-view-toggle:hover{background:var(--g50);border-color:var(--g300);color:var(--g700)}
.dbd-active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.dbd-active-filter{background:var(--g50);color:var(--g800);border:1px solid var(--g200);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:var(--trans)}
.dbd-active-filter:hover{background:var(--g100);color:var(--g900)}
.dbd-active-filter--clear{background:var(--r50);color:var(--r500);border-color:#F7C1C1}
.dbd-no-results{grid-column:1/-1;text-align:center;padding:60px 20px}
.dbd-no-results__icon{font-size:48px;margin-bottom:16px}
.dbd-no-results h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:8px}
.dbd-no-results p{font-size:14px;color:var(--gray500)}

/* ── DEAL DETAIL ── */
.dbd-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
@media(max-width:1000px){.dbd-detail-layout{grid-template-columns:1fr}}
.dbd-detail-gallery{border-radius:var(--radius);overflow:hidden;border:1px solid var(--gray200);margin-bottom:16px;position:relative}
.dbd-detail-gallery__main-img{width:100%;height:380px;object-fit:cover}
.dbd-detail-gallery__placeholder{width:100%;height:380px;background:linear-gradient(135deg,var(--g100),var(--g50));display:flex;align-items:center;justify-content:center;font-size:80px}
.dbd-detail-content__title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--gray900);margin:10px 0 8px;line-height:1.25}
.dbd-detail-content__meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.dbd-detail-content__biz{font-size:14px;color:var(--gray600);font-weight:500;display:flex;align-items:center;gap:5px}
.dbd-detail-content__desc{margin-bottom:24px}
.dbd-detail-content__desc h2{font-size:16px;font-weight:700;margin-bottom:10px}
.dbd-detail-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.dbd-detail-meta-item{background:var(--gray50);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--gray100)}
.dbd-detail-meta-item__label{font-size:11px;color:var(--gray500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-weight:600}
.dbd-detail-meta-item__val{font-size:14px;font-weight:700;color:var(--gray900)}
.dbd-detail-section{margin-bottom:24px}
.dbd-detail-section h2{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--gray900)}
.dbd-detail-section p{font-size:13px;color:var(--gray700);line-height:1.7}
.dbd-detail-map{border-radius:var(--radius-sm);overflow:hidden;height:200px;border:1px solid var(--gray200)}
.dbd-detail-map__placeholder{height:100%;background:linear-gradient(135deg,var(--g50),var(--g100));display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--g700);font-weight:600}
.dbd-detail-sidebar__inner{background:#fff;border:1px solid var(--gray200);border-radius:var(--radius);padding:24px;position:sticky;top:84px}
.dbd-detail-sidebar__badge-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dbd-detail-sidebar__urgent{font-size:12px;color:var(--r500);font-weight:600;animation:pulse 2s infinite}
.dbd-detail-sidebar__price{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--g800)}
.dbd-detail-sidebar__orig{font-size:14px;color:var(--gray400);text-decoration:line-through;margin-top:2px}
.dbd-detail-sidebar__savings{font-size:13px;color:var(--g700);font-weight:600;background:var(--g50);padding:4px 12px;border-radius:10px;display:inline-block;margin-top:6px}
.dbd-detail-sidebar__cd-label{font-size:13px;font-weight:600;color:var(--gray700);margin-top:16px;margin-bottom:8px;border-top:1px solid var(--gray100);padding-top:16px}
.dbd-detail-cd{display:flex;gap:6px;align-items:center;margin-bottom:16px}
.dbd-detail-sidebar__actions{display:flex;flex-direction:column;gap:0;margin-top:16px;border-top:1px solid var(--gray100);padding-top:16px}
.dbd-detail-sidebar__share{display:flex;gap:8px;margin-top:12px}
.dbd-share-btn{flex:1;background:var(--gray100);border:none;border-radius:var(--radius-xs);padding:8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--gray700);transition:var(--trans);text-align:center}
.dbd-share-btn:hover{background:var(--gray200)}
.dbd-biz-card{background:var(--g50);border:1px solid var(--g100);border-radius:var(--radius-sm);padding:16px;margin-top:20px}
.dbd-biz-card__head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.dbd-biz-card__logo{width:44px;height:44px;border-radius:10px;object-fit:cover}
.dbd-biz-card__avatar{width:44px;height:44px;border-radius:10px;background:var(--g500);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.dbd-biz-card__name{font-size:14px;font-weight:700;color:var(--gray900)}
.dbd-biz-card__name a{color:inherit}
.dbd-biz-card__name a:hover{color:var(--g700)}
.dbd-biz-card__verified{font-size:11px;color:var(--g700);display:flex;align-items:center;gap:3px;margin-top:2px}
.dbd-biz-card__meta{font-size:12px;color:var(--gray500);line-height:1.7;margin-bottom:8px}
.dbd-biz-card__link{font-size:12px;color:var(--g700);font-weight:600;cursor:pointer}
.dbd-biz-card__link:hover{color:var(--g500)}

/* ── ANIMATIONS ── */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.dbd-fade-up{animation:fadeUp .5s ease forwards}

/* ── COMMENTS / REVIEWS ── */
.comment-list{list-style:none}
.comment-list .comment{border:1px solid var(--gray200);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px}
.comment-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.comment-author img{border-radius:50%}
.comment-metadata{font-size:11px;color:var(--gray400)}
.comment-content p{font-size:13px;color:var(--gray700);line-height:1.6}
.comment-respond{margin-top:24px}
.comment-form input,.comment-form textarea{border:1px solid var(--gray200);border-radius:var(--radius-sm);padding:10px 14px;width:100%;font-size:13px;font-family:var(--font-body);margin-bottom:12px;outline:none;transition:var(--trans)}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--g400)}
.comment-form .submit{background:var(--g500);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:var(--trans)}
.comment-form .submit:hover{background:var(--g600)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .dbd-hero{padding:48px 0 56px}
  .dbd-hero__search{flex-direction:column}
  .dbd-section{padding:36px 0}
  .dbd-flash-banner{flex-direction:column}
  .dbd-detail-meta-grid{grid-template-columns:1fr}
  .dbd-container{padding:0 16px}
}
@media(max-width:480px){
  .dbd-deals-grid{grid-template-columns:1fr}
  .dbd-footer__grid{grid-template-columns:1fr}
  .dbd-listing-layout{grid-template-columns:1fr}
  .dbd-filter-sidebar{position:relative;top:0}
}

/* ── PRINT ── */
@media print{
  .dbd-topbar,.dbd-header,.dbd-footer,.dbd-newsletter,.dbd-deal-card__cta,.dbd-detail-sidebar__actions{display:none}
}

/* ── PAGINATION ── */
.dbd-pagination{margin-top:36px;display:flex;justify-content:center}
.dbd-pagination ul{display:flex;gap:6px;list-style:none}
.dbd-pagination__item a,
.dbd-pagination__item span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--gray200);border-radius:var(--radius-xs);font-size:13px;font-weight:600;color:var(--gray600);transition:var(--trans);background:#fff}
.dbd-pagination__item a:hover{background:var(--g50);border-color:var(--g300);color:var(--g700)}
.dbd-pagination__item--active span{background:var(--g500);border-color:var(--g500);color:#fff}

/* ── STARS ── */
.dbd-stars{display:inline-flex;align-items:center;gap:2px}
.dbd-star--full,.dbd-star--half{color:var(--a500)}
.dbd-star--empty{color:var(--gray300)}
.dbd-stars__count{font-size:12px;color:var(--gray500);margin-left:4px}

/* ── SOCIAL SHARE ── */
.dbd-social-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray200)}
.dbd-social-share__label{font-size:12px;font-weight:600;color:var(--gray500)}
.dbd-social-share__btn{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;transition:var(--trans);cursor:pointer;border:1px solid var(--gray200);background:#fff;color:var(--gray700)}
.dbd-social-share__btn:hover{background:var(--g50);border-color:var(--g300);color:var(--g700)}
.dbd-social-share__btn--wa{background:#e8fdf0;border-color:#a5f1c9;color:#1a6e3b}
.dbd-social-share__btn--fb{background:#e8eeff;border-color:#b0bcff;color:#2a3fbb}

/* ── VERIFIED BADGE ── */
.dbd-verified-badge{font-size:12px;color:var(--g700);font-weight:600;background:var(--g50);padding:2px 8px;border-radius:8px;border:1px solid var(--g200)}

/* ── WIDGET STYLES ── */
.widget{margin-bottom:28px}
.widget-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--gray900);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--g100)}
.widget ul{list-style:none}
.widget ul li{padding:6px 0;border-bottom:1px solid var(--gray100);font-size:13px;color:var(--gray600)}
.widget ul li a{color:inherit;transition:var(--trans)}
.widget ul li a:hover{color:var(--g700)}