/* DD/DBC-32 homepage: business showcase, Browse by category, WhatsApp link preview, FAQ. Loaded after the DD31 inline sheet; every rule is scoped to these four blocks. */
.hp-sc{background:var(--dbc-surface)}
.hp-sc .hp-head,.hp-ct .hp-head{margin-bottom:16px}
.sc-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.sc-tabs{position:relative;display:flex;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px;margin:-4px}
.sc-tabs::-webkit-scrollbar{display:none}
.sc-tab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--dbc-line);border-radius:999px;background:#fff;color:var(--dbc-ink)!important;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none!important;overflow:hidden}
.sc-tab:hover{border-color:#BFD3F2;background:var(--dbc-blue-50)}
.sc-tab:focus-visible,.sc-pp:focus-visible,.ct-btn:focus-visible{outline:2px solid var(--dbc-blue);outline-offset:2px}
.sc-tab.is-active{background:var(--dbc-navy);border-color:var(--dbc-navy);color:#fff!important}
.sc-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--dbc-amber);transform:scaleX(0);transform-origin:0 50%}
.sc-tab.is-active .sc-prog{animation:sc-prog 4s linear forwards;animation-play-state:paused}
.sc.is-run .sc-tab.is-active .sc-prog{animation-play-state:running}
@keyframes sc-prog{to{transform:scaleX(1)}}
.sc-pp{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--dbc-line);border-radius:999px;background:#fff;color:var(--dbc-ink);font-size:14px;font-weight:600;line-height:1;cursor:pointer}
.sc-pp:hover{background:var(--dbc-blue-50)}
.sc-pp[hidden],.ct-ctl[hidden]{display:none}
.sc-pp svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}
.sc-pp .i-play,.sc-pp.is-paused .i-pause{display:none}
.sc-pp.is-paused .i-play{display:block}
.sc-stage{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0F2A5C 0%,#1769E0 62%,#3B8BEF 100%);box-shadow:var(--hp-shadow-card)}
.sc-panel{position:relative;aspect-ratio:4/5}
.sc:not(.sc--js) .sc-panel+.sc-panel{display:none}
.sc:not(.sc--js) .sc-stage:has(>.sc-panel:target)>.sc-panel{display:none}
.sc:not(.sc--js) .sc-stage:has(>.sc-panel:target)>.sc-panel:target{display:block}
.sc-panel[hidden]{display:none}
.sc-panel:focus-visible{outline:none}
.sc-panel:focus-visible::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:16px;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px var(--dbc-navy)}
.sc-panel picture{position:absolute;inset:0}
.sc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sc-img.is-broken,.ct-media img.is-broken{visibility:hidden}
.sc-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,18,32,.9) 0%,rgba(11,18,32,.72) 26%,rgba(11,18,32,.28) 46%,rgba(11,18,32,0) 60%);pointer-events:none}
.sc-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:36px 16px 16px;color:#fff;background:linear-gradient(to top,rgba(11,18,32,.82) 0,rgba(11,18,32,.66) calc(100% - 36px),rgba(11,18,32,0) 100%)}
.sc-copy h3{margin:0 0 6px;color:#fff;font-size:20px;font-weight:700;line-height:1.25;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.sc-copy p{margin:0;color:#fff;font-size:14px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.4)}
html[lang="hi"] .sc-copy h3{line-height:1.4}
html[lang="hi"] .sc-copy p{line-height:1.65}
.sc-card{position:absolute;z-index:1;top:12px;right:12px;width:min(62%,232px);padding:10px 12px;border-radius:12px;background:#fff;color:var(--dbc-ink);box-shadow:0 14px 30px -12px rgba(11,18,32,.55);font-family:'Inter',system-ui,sans-serif;letter-spacing:0}
.sc-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.sc-sample,.sc-kind{border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600;line-height:1.5;white-space:nowrap}
.sc-sample{background:var(--dbc-amber-50);border:1px solid #F8DFA8;color:var(--dbc-amber-800)}
.sc-kind{border:1px solid var(--dbc-line);color:var(--dbc-slate)}
html[lang="hi"] .sc-sample{font-size:11.5px}
.sc-name{font-size:13px;font-weight:600;line-height:1.3}
.sc-price{margin-top:3px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.sc-price--req{font-size:11.5px;font-weight:500;color:var(--dbc-muted)}
.sc-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.sc-acts .p{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid var(--dbc-line);border-radius:999px;background:#fff;font-size:11px;font-weight:600}
.sc-acts .pub-icon{width:12px;height:12px}
.sc-acts .p--enquire{background:var(--dbc-blue);border-color:var(--dbc-blue);color:#fff}
.sc-acts .p--whatsapp{background:var(--hp-green-ink);border-color:var(--hp-green-ink);color:#fff}
.sc-cap{margin:12px 0 0;text-align:center;color:var(--dbc-muted);font-size:13px;line-height:1.5}
.ct-list{list-style:none;display:flex;gap:12px;margin:0 -16px;padding:4px 16px 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 16px;overscroll-behavior-x:contain;scrollbar-width:none}
.ct-list::-webkit-scrollbar{display:none}
.ct-list::after{content:"";flex:0 0 4px}
.ct-item{flex:0 0 44%;display:flex;scroll-snap-align:start}
.ct-card{display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--dbc-line);border-radius:14px;background:#fff;color:var(--dbc-ink)!important;text-decoration:none!important;box-shadow:var(--dbc-shadow)}
.ct-card:hover{border-color:#BFD3F2;box-shadow:var(--hp-shadow-card)}
.ct-card:focus-visible{outline:2px solid var(--dbc-blue);outline-offset:2px}
.ct-media{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(135deg,#0F2A5C 0%,#1769E0 70%,#3B8BEF 100%)}
.ct-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ct-name{display:block;min-height:calc(2.7em + 20px);padding:10px 12px;font-size:14px;font-weight:600;line-height:1.35}
html[lang="hi"] .ct-name{min-height:calc(3.2em + 20px);line-height:1.6}
.ct-ctl{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.ct-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--dbc-line);border-radius:999px;background:#fff;color:var(--dbc-ink);cursor:pointer}
.ct-btn:hover{background:var(--dbc-blue-50)}
.ct-btn[aria-disabled="true"]{opacity:.4;cursor:default}
.wap{display:grid;gap:6px;margin-top:10px;max-width:340px}
.wap-tag,.wap-note{font-size:11.5px;font-weight:600;line-height:1.4;color:var(--dbc-muted)}
.wap-note{font-weight:500}
html[lang="hi"] .wap-tag,html[lang="hi"] .wap-note{font-size:12px;line-height:1.55}
.wap-chat{display:flex;justify-content:flex-end;padding:10px;border:1px solid var(--dbc-line-soft);border-radius:12px;background:#EEF2EA}
.wap-bubble{width:100%;max-width:290px;padding:5px;border-radius:10px 10px 2px 10px;background:#DCF3DA;box-shadow:0 1px 1px rgba(16,24,40,.1);font-family:'Inter',system-ui,sans-serif;letter-spacing:0}
.wap-prev{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:6px;border-radius:8px;background:rgba(255,255,255,.8)}
.wap-thumb{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:6px;background:var(--hp-band);color:#fff;font-size:17px;font-weight:700}
.wap-meta{display:grid;gap:1px;min-width:0;color:var(--dbc-slate);font-size:11.5px;line-height:1.3}
.wap-meta b{color:var(--dbc-ink);font-size:12px;font-weight:700}
.wap-meta small{color:var(--dbc-muted);font-size:10.5px}
.wap-link{display:block;padding:5px 4px 1px;color:#0B5CB8;font-size:12px;overflow-wrap:anywhere}
.hp-faq{background:var(--dbc-surface)}
.hp-faq .hp-head{margin-bottom:16px}
.faq{display:grid;gap:8px;max-width:820px;margin:0 auto}
.faq-i{border:1px solid var(--dbc-line);border-radius:12px;background:#fff}
.faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;color:var(--dbc-ink);font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;list-style:none}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary:focus-visible{outline:2px solid var(--dbc-blue);outline-offset:2px;border-radius:12px}
.faq-i summary .pub-icon{flex:0 0 auto;width:20px;height:20px;color:var(--dbc-blue-700);transition:transform .2s}
.faq-i[open] summary .pub-icon{transform:rotate(180deg)}
.faq-i p{margin:0;padding:0 14px 14px;color:var(--dbc-slate);font-size:15px;line-height:1.6}
html[lang="hi"] .faq-i summary{line-height:1.6}
html[lang="hi"] .faq-i p{line-height:1.75}
@media(max-width:359.98px){.sc-copy{padding:36px 12px 12px}.sc-copy h3{font-size:18px}.sc-copy p{font-size:13px}.sc-card{top:10px;right:10px;padding:8px 10px}.ct-item{flex-basis:62%}}
@media(max-width:767.98px){.hp-ct .pub-container{position:relative}.hp-ct .hp-h2{padding-right:52px}.ct-ctl{position:absolute;top:-6px;right:16px;margin:0}.sc-pp .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sc-bar .sc-pp{padding:0}.ct-ctl .sc-pp{padding:0}.sc-tab{padding:0 14px;font-size:14.5px}}
@media(min-width:768px){
.sc-bar{justify-content:center;margin-bottom:16px}
.sc-tabs{flex:0 1 auto}
.sc-panel{aspect-ratio:16/9}
.sc-copy{padding:44px 24px 24px}
.sc-copy h3,.sc-copy p{max-width:56%}
.sc-copy h3{font-size:24px}
.sc-copy p{font-size:15px}
.sc-card{top:auto;bottom:20px;right:20px;width:252px;padding:12px 14px}
.sc-name,.sc-price{font-size:14px}
.sc-cap{margin-top:14px}
.ct-list{gap:16px;margin:0 -24px;padding:4px 24px 10px;scroll-padding:0 24px}
.ct-item{flex-basis:calc((100% - 32px)/3)}
.ct-ctl{margin:-4px 0 12px}
.ct-btn{display:inline-flex}
.wap{margin-top:12px}
.faq{gap:10px}
.faq-i summary{min-height:56px;padding:14px 18px;font-size:16px}
.faq-i p{padding:0 18px 18px;font-size:16px}
}
@media(min-width:1024px){
.sc-panel{aspect-ratio:2/1}
.sc-panel::after{background:linear-gradient(to top,rgba(11,18,32,.88) 0%,rgba(11,18,32,.6) 30%,rgba(11,18,32,0) 62%),linear-gradient(to right,rgba(11,18,32,.45) 0%,rgba(11,18,32,0) 55%)}
.sc-copy{padding:52px 32px 32px}
.sc-copy h3,.sc-copy p{max-width:52%}
.sc-copy h3{font-size:30px;margin-bottom:8px}
.sc-copy p{font-size:16px}
.sc-card{bottom:28px;right:28px;width:284px;padding:14px 16px}
.ct-item{flex-basis:calc((100% - 48px)/4)}
.ct-name{min-height:calc(1.35em + 22px);padding:11px 14px}
}
@media(min-width:1200px){.ct-list{margin:0 -32px;padding:4px 32px 10px;scroll-padding:0 32px}}
@media(max-width:767.98px) and (hover:hover) and (pointer:fine){.ct-list,.sc-tabs{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){.faq-i summary .pub-icon{transition:none}}
@media(forced-colors:active){.sc-tab,.sc-pp,.ct-btn,.ct-card,.faq-i,.sc-card,.wap-chat{border:1px solid CanvasText}.sc-tab.is-active{border-width:3px}.sc-panel:focus-visible::before{box-shadow:none;border:3px solid Highlight}.sc-prog{forced-color-adjust:none;background:Highlight}}