/* ===== Delhi Design Studio — global / international layer (v1) ===== */

/* --- Mobile "Menu" pill button (replaces the round hamburger icon) --- */
.nav-toggle{
  width:auto!important;height:42px!important;min-width:0;
  padding:0 20px!important;gap:0!important;
  border-radius:999px!important;
  background:transparent!important;
  border:1.5px solid var(--color-black,#060808)!important;
  color:var(--color-black,#060808);
  -webkit-tap-highlight-color:transparent;
  transition:background .25s ease,color .25s ease!important;
}
.nav-toggle span{display:none!important}
.nav-toggle::before{
  content:"Menu";
  font-family:'Poppins',sans-serif;font-size:16px;font-weight:500;line-height:1;letter-spacing:.01em;
}
.nav-toggle[aria-expanded="true"]{background:var(--color-black,#060808)!important;color:#fff}
.nav-toggle[aria-expanded="true"]::before{content:"Close"}
@media (hover:hover) and (pointer:fine){
  .nav-toggle:hover{background:var(--color-yellow,#f8fb72)!important}
  .nav-toggle[aria-expanded="true"]:hover{background:#1a1a1a!important}
}
.nav-toggle:active{transform:scale(.97)}
.nav-toggle:focus-visible{outline:2px solid var(--color-black,#060808);outline-offset:3px}
@media (max-width:380px){.nav-toggle{padding:0 15px!important;height:38px!important}.nav-toggle::before{font-size:14.5px}}

/* --- Homepage "worldwide" band --- */
.dds-global{padding-block:80px;background:#060808;color:#fff}
.dds-global .eyebrow{color:var(--color-yellow,#f8fb72)}
.dds-global h2{font-weight:700;font-size:clamp(28px,4.4vw,54px);line-height:1.12;max-width:900px}
.dds-global h2 .y{color:var(--color-yellow,#f8fb72)}
.dds-global .lead{margin-top:18px;font-size:17px;line-height:1.7;max-width:760px;color:rgba(255,255,255,.82)}
.dds-flags{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:36px}
.dds-flags a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.18);transition:background .25s,border-color .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.dds-flags a b{font-size:17px;font-weight:600}
.dds-flags a span{font-size:12.5px;color:rgba(255,255,255,.65)}
.dds-flags a:hover{background:var(--color-yellow,#f8fb72);color:#000;border-color:var(--color-yellow,#f8fb72);transform:translateY(-3px)}
.dds-flags a:hover span{color:#333}
.dds-global-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.dds-global-row a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.4);font-size:13.5px;font-weight:500}
.dds-global-row a:hover{background:#fff;color:#000}
.dds-global-row a.y{background:var(--color-yellow,#f8fb72);color:#000;border-color:var(--color-yellow,#f8fb72)}
@media (max-width:1024px){.dds-flags{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.dds-global{padding-block:44px}.dds-flags{grid-template-columns:1fr 1fr}}

/* --- Shared blocks on the international pages --- */
.dds-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.dds-fact{padding:18px;border-radius:16px;background:var(--color-gray-100,#f7f7f7)}
.dds-fact b{display:block;font-size:15px;font-weight:600}
.dds-fact span{display:block;margin-top:6px;font-size:13.5px;line-height:1.55;color:#444}
.dds-fact:nth-child(4n+2){background:var(--color-yellow,#f8fb72)}
.dds-local{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dds-local-card{padding:24px;border:1px solid #e6e6e6;border-radius:20px;background:#fff}
.dds-local-card h3{font-size:18px;font-weight:600;margin:0 0 8px}
.dds-local-card p{font-size:14.5px;line-height:1.7;color:#444;margin:0}
.dds-cta{margin:20px 0 70px;padding:40px;border-radius:28px;background:var(--color-yellow,#f8fb72);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.dds-cta h2{font-size:clamp(24px,3.4vw,38px);font-weight:700;line-height:1.15;margin:0;max-width:640px}
.dds-cta p{margin:8px 0 0;font-size:15px;max-width:640px}
.dds-cta .btns{display:flex;flex-wrap:wrap;gap:10px}
.dds-cta .btn{border-radius:999px}
.dds-cta .btn-line{background:transparent;border:1px solid #000;color:#000}
.dds-links{display:flex;flex-wrap:wrap;gap:10px}
.dds-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid #000;border-radius:999px;font-size:13.5px;font-weight:500;background:#fff;transition:background .25s}
.dds-links a:hover{background:var(--color-yellow,#f8fb72)}
.dds-prose p{font-size:16px;line-height:1.8;color:#2a2a2a;margin:0 0 16px}
@media (max-width:900px){.dds-facts{grid-template-columns:1fr 1fr}.dds-local{grid-template-columns:1fr}.dds-cta{padding:28px}}

/* --- Footer worldwide line --- */
.footer-world{margin-top:10px;font-size:13px;color:rgba(255,255,255,.6)}
.footer-world a{color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:3px}
.footer-world a:hover{color:#fff}

/* --- Contact form local-time hint --- */
.cf-local{display:block;margin-top:6px;font-size:12.5px;color:var(--color-gray-500,#919191);min-height:16px}
.dds-local-card p a,.svc-faq-panel p a,.dds-prose a{text-decoration:underline;text-underline-offset:3px;font-weight:600;color:#000}

/* --- v1.1 visuals --- */
.dds-logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:26px}
.dds-logos small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#777;margin-right:6px}
.dds-logos span{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:10px 16px;border:1px solid #eee;border-radius:14px;background:#fff}
.dds-logos img{max-height:28px;width:auto;max-width:110px;object-fit:contain}
.dds-local-card.has-img{padding:0;overflow:hidden;display:flex;flex-direction:column}
.dds-local-card.has-img .ci{height:180px;overflow:hidden;background:#f3f3f3}
.dds-local-card.has-img .ci img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.dds-local-card.has-img:hover .ci img{transform:scale(1.06)}
.dds-local-card.has-img .cb{padding:20px 22px 24px}
.dds-local-card{transition:box-shadow .35s,transform .35s cubic-bezier(.16,1,.3,1)}
.dds-local-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px rgba(0,0,0,.4)}
.dds-work{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dds-work a{display:block;border-radius:20px;overflow:hidden;background:#f7f7f7;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.dds-work a:hover{transform:translateY(-6px);box-shadow:0 24px 40px -26px rgba(0,0,0,.45)}
.dds-work .wi{aspect-ratio:1200/850;overflow:hidden}
.dds-work .wi img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.dds-work a:hover .wi img{transform:scale(1.05)}
.dds-work .wt{padding:14px 16px 16px}
.dds-work .wt b{display:block;font-size:15.5px}
.dds-work .wt span{display:inline-block;margin-top:6px;font-size:11.5px;padding:3px 10px;border-radius:999px;background:var(--color-yellow,#f8fb72)}
.dds-tz{padding:28px;border-radius:24px;background:#060808;color:#fff}
.dds-tz h3{font-size:20px;font-weight:600;margin:0 0 4px}
.dds-tz > p{font-size:14px;color:rgba(255,255,255,.7);margin:0 0 22px}
.dds-tz-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;margin-bottom:14px}
.dds-tz-row label{font-size:13px;color:rgba(255,255,255,.8)}
.dds-tz-bar{position:relative;height:34px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}
.dds-tz-bar i{position:absolute;top:0;bottom:0;border-radius:10px;font-style:normal;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}
.dds-tz-bar i.you{background:#fff;color:#000}
.dds-tz-bar i.us{background:var(--color-yellow,#f8fb72);color:#000}
.dds-tz-bar i.ov{background:repeating-linear-gradient(135deg,var(--color-yellow,#f8fb72) 0 6px,#fff 6px 12px);color:#000}
.dds-tz-scale{display:grid;grid-template-columns:150px 1fr;gap:14px}
.dds-tz-scale div{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.55)}
.dds-tz-note{margin-top:16px;font-size:14px;color:var(--color-yellow,#f8fb72);font-weight:500}
@media (max-width:900px){.dds-work{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.dds-tz{padding:20px}.dds-tz-row,.dds-tz-scale{grid-template-columns:1fr;gap:6px}.dds-tz-scale div:first-child{display:none}.dds-local-card.has-img .ci{height:160px}}
.dds-short{margin-top:22px;padding:18px 20px;border-left:4px solid #000;background:var(--color-gray-100,#f7f7f7);border-radius:0 14px 14px 0;max-width:900px}
.dds-short b{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.dds-short p{margin:0;font-size:15px;line-height:1.65;color:#222}
.dds-byline{margin-top:12px;font-size:13px;color:#666}
.dds-byline a{text-decoration:underline;text-underline-offset:3px;color:#000}
.pd-hero-media img.dds-hero-img{max-height:520px;object-fit:cover;object-position:center top}@media (max-width:600px){.pd-hero-media img.dds-hero-img{max-height:300px}}
.dds-price{border:1px solid #e6e6e6;border-radius:24px;overflow:hidden;background:#fff}
.dds-price table{width:100%;border-collapse:collapse}
.dds-price th{text-align:left;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:14px 22px;background:#060808;color:#fff}
.dds-price td{padding:16px 22px;border-top:1px solid #eee;font-size:15px;vertical-align:top}
.dds-price td span{font-size:13.5px;color:#555}
.dds-price td.pr{white-space:nowrap;font-weight:700;font-size:18px}
.dds-price tr:first-child td.pr{background:var(--color-yellow,#f8fb72)}
.dds-price p{margin:0;padding:16px 22px;font-size:13.5px;color:#444;background:var(--color-gray-100,#f7f7f7)}
.dds-price p a{text-decoration:underline;font-weight:600;color:#000}
@media (max-width:600px){.dds-price th,.dds-price td{padding:12px 14px}.dds-price td.pr{font-size:15px;white-space:normal}}
/* WhatsApp button: same pill shape as the Menu button */
.whatsapp-float{width:auto!important;height:48px!important;padding:0 20px 0 16px!important;gap:8px;border-radius:999px!important;color:#fff;text-decoration:none}
.whatsapp-float::before{border-radius:999px!important}
.whatsapp-float::after{content:"Chat with us";font-family:'Poppins',sans-serif;font-size:16px;font-weight:500;line-height:1;color:#fff;letter-spacing:.01em}
.whatsapp-float svg{width:24px!important;height:24px!important;flex:none}
@media (max-width:640px){.whatsapp-float{height:42px!important;padding:0 16px 0 13px!important}.whatsapp-float::after{font-size:15px}.whatsapp-float svg{width:21px!important;height:21px!important}}
/* Recent Work cards v2: no wrapping pill blobs, clear click cue, equal heights */
.dds-work a{display:flex!important;flex-direction:column;color:inherit;text-decoration:none;border:1px solid rgba(0,0,0,.06)}
.dds-work .wt{position:relative;flex:1;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:4px;padding:14px 44px 16px 16px!important}
.dds-work .wt b{font-size:16px;line-height:1.25;letter-spacing:-.01em}
.dds-work .wt span{display:block!important;margin:0!important;padding:0!important;background:none!important;border-radius:0!important;font-size:11px!important;line-height:1.35;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b}
.dds-work .wt::after{content:"\2192";position:absolute;right:14px;bottom:14px;width:28px;height:28px;border-radius:50%;background:var(--color-yellow,#f8fb72);color:#060808;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:transform .3s,background .3s}
.dds-work a[target="_blank"] .wt::after{content:"\2197"}
.dds-work a:hover .wt::after,.dds-work a:focus-visible .wt::after{background:#060808;color:#fff;transform:translateX(2px)}
.dds-work a:focus-visible{outline:2px solid #060808;outline-offset:3px}
@media (max-width:600px){.dds-work{gap:12px}.dds-work a{border-radius:16px}.dds-work .wt{padding:12px 40px 14px 12px!important}.dds-work .wt b{font-size:15px}.dds-work .wt span{font-size:10px!important;letter-spacing:.05em}.dds-work .wt::after{right:10px;bottom:12px;width:26px;height:26px;font-size:14px}}
/* ===== Clean-up pass (2026-11-13): calmer, aligned, less clutter ===== */
html,body{overflow-x:clip}
.whatsapp-float::before{display:none!important;animation:none!important}
.whatsapp-float{box-shadow:0 6px 18px -6px rgba(0,0,0,.35)!important}
.whatsapp-float:hover{transform:translateY(-2px)!important}
.tag-list-dark{gap:6px!important}
.tag-list-dark li{min-height:30px!important;padding:4px 11px!important;border-color:#d4d4d4!important;font-size:10.5px!important;letter-spacing:.1em!important;color:#333}
.dds-logos span{border:0!important;background:none!important;padding:0!important;height:40px!important;justify-content:flex-start!important}
.dds-logos img{opacity:.85}
@media (max-width:600px){.dds-logos{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px 18px!important}.dds-logos small{grid-column:1/-1}.dds-logos img{max-width:100%!important;max-height:24px!important}section .svc-deliverables{grid-template-columns:1fr!important;gap:10px!important}section .svc-deliverables .svc-deliverable{flex-direction:row!important;align-items:flex-start!important;gap:14px!important;padding:16px 44px 16px 16px!important}section .svc-deliverables .svc-deliverable .check-icon{width:34px!important;height:34px!important;border-radius:10px!important}section .svc-deliverables .svc-deliverable p{margin:0!important;font-size:15px;line-height:1.5}section .svc-deliverables .svc-deliverable::after{top:16px;right:16px}.work-grid.e-cards-grid>.work-card-cell:nth-child(n+5){display:none!important}}
/* ===== Motion layer v1 (pairs with global.js) ===== */
#dds-prog{position:fixed;top:0;left:0;right:0;height:2px;background:#060808;transform-origin:0 50%;transform:scaleX(0);z-index:1001;pointer-events:none}
.dds-motion img.dds-fade{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1)}
.dds-motion img.dds-fade.is-loaded{opacity:1}
.btn,.dds-links a,.dds-cta a{transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.btn:active,.dds-links a:active,.dds-cta a:active,.whatsapp-float:active{transform:scale(.97)!important}
.dds-local-card,.dds-facts>*,.dds-tz,.dds-price{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}
@media (hover:hover) and (pointer:fine){.dds-local-card:hover,.dds-facts>*:hover{transform:translateY(-3px);box-shadow:0 18px 30px -24px rgba(0,0,0,.35)}}
@media (prefers-reduced-motion:reduce){#dds-prog{display:none}.dds-motion img.dds-fade{opacity:1}.btn:active,.dds-links a:active{transform:none!important}}

/* Footer 2-col on mobile: Quick Link + Company side by side */
@media (max-width:600px){.footer-inner{grid-template-columns:1fr 1fr!important;column-gap:20px!important;row-gap:30px!important}.footer-inner>.footer-brand,.footer-inner>.footer-contact{grid-column:1/-1}.footer-col h3{margin-bottom:14px}.footer-col li{margin-bottom:10px}}
/* Service cards 2:1: whole image visible, no awkward crop */
.dds-local-card.has-img .ci{height:auto!important;aspect-ratio:2/1}
.dds-local-card.has-img .ci img{object-position:center}
/* Service card images v2: full image, no crop */
.dds-local-card.has-img .ci{height:auto!important;aspect-ratio:1200/619}
.dds-local-card.has-img .ci img{height:100%!important}
/* Brand logos v3: equal optical size + even alignment (all pages) */
:root{--lgs:1}
img[src*="logo-satvaura"]{height:calc(21px*var(--lgs))!important}
img[src*="logo-surahi-h"]{height:calc(21px*var(--lgs))!important}
img[src*="logo-kapimuni"]{height:calc(24px*var(--lgs))!important}
img[src*="logo-soralith"]{height:calc(26px*var(--lgs))!important}
img[src*="logo-shwetara"]{height:calc(27px*var(--lgs))!important}
img[src*="logo-dearmuscles"]{height:calc(28px*var(--lgs))!important}
img[src*="logo-poshaw"]{height:calc(28px*var(--lgs))!important}
img[src*="logo-saaishakti"]{height:calc(29px*var(--lgs))!important}
img[src*="logo-"][src*="-mono"],.e-logo img{width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain}
.dds-logos{align-items:center!important;gap:16px 36px!important}
.dds-logos span{height:36px!important;align-items:center!important}
@media (max-width:600px){:root{--lgs:.8}.dds-logos{grid-template-columns:repeat(3,auto)!important;justify-content:space-between!important;gap:18px 12px!important}.dds-logos span{justify-content:center!important}}
/* Service card images v3: natural shape, no crop, no blur */
.dds-local-card.has-img .ci{height:auto!important;aspect-ratio:auto!important}
.dds-local-card.has-img .ci img{height:auto!important;width:100%!important;display:block}