/* ===== Dr. Pathik Contact Page: every class starts with "pathik-ct-" ===== */
.pathik-ct-page{
  --pathik-ct-bg:#FFFDF9;
  --pathik-ct-tint:#F0E4D2;
  --pathik-ct-head:#493321;
  --pathik-ct-btn:#805633;
  --pathik-ct-text:#30271F;
  --pathik-ct-clay:#B8694A;
  --pathik-ct-err:#9A3B1F;
  --pathik-ct-ok:#4C7A3A;
  --pathik-ct-line:rgba(73,51,33,.18);
  --pathik-ct-line2:rgba(73,51,33,.35);
  --pathik-ct-max:1200px;   /* max width of the content container */
  --pathik-ct-pad:max(clamp(16px,5vw,60px),calc((100% - var(--pathik-ct-max)) / 2));
  --pathik-ct-display:'Tiro Devanagari Hindi','Noto Serif Devanagari',Georgia,serif;
  --pathik-ct-body:'Hind','Noto Sans Devanagari',system-ui,sans-serif;
  margin:0;background:var(--pathik-ct-bg);color:var(--pathik-ct-text);font-family:var(--pathik-ct-body);
  font-size:17px;line-height:1.8;overflow-x:clip;overflow-wrap:break-word;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
.pathik-ct-page *{box-sizing:border-box}
.pathik-ct-page [hidden]{display:none!important}
.pathik-ct-page a{color:inherit}
.pathik-ct-page :focus-visible{outline:3px solid var(--pathik-ct-clay);outline-offset:3px}
.pathik-ct-page svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pathik-ct-h2{font-family:var(--pathik-ct-display);font-weight:400;font-size:clamp(30px,4.2vw,48px);line-height:1.3;margin:0 0 14px;color:var(--pathik-ct-head)}

/* Buttons */
.pathik-ct-btn,.pathik-ct-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font:inherit;font-weight:600;font-size:16px;line-height:1.3;padding:11px 30px;border-radius:4px;text-decoration:none;text-align:center;cursor:pointer;transition:background .2s,color .2s}
.pathik-ct-btn{background:var(--pathik-ct-btn);color:#fff!important;border:1px solid var(--pathik-ct-btn)}
.pathik-ct-btn:hover{background:var(--pathik-ct-head);border-color:var(--pathik-ct-head)}
.pathik-ct-ghost{background:transparent;color:var(--pathik-ct-btn);border:1px solid var(--pathik-ct-btn)}
.pathik-ct-ghost:hover{background:var(--pathik-ct-tint)}

/* Open / closed status pill */
.pathik-ct-open{display:inline-flex;align-items:center;gap:10px;margin:0;padding:8px 18px;border:1px solid var(--pathik-ct-line);border-radius:999px;background:#fff;font-size:15px;line-height:1.5}
.pathik-ct-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--pathik-ct-btn)}
.pathik-ct-open[data-state="open"] .pathik-ct-dot{background:var(--pathik-ct-ok)}
.pathik-ct-open[data-state="closed"] .pathik-ct-dot{background:var(--pathik-ct-err)}

/* Hero */
.pathik-ct-hero{background:var(--pathik-ct-tint);padding:90px var(--pathik-ct-pad)}
.pathik-ct-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.pathik-ct-hero-grid>*{min-width:0}
.pathik-ct-title{font-family:var(--pathik-ct-display);font-weight:400;color:var(--pathik-ct-head);font-size:clamp(40px,7vw,92px);line-height:1.25;margin:0 0 20px}
.pathik-ct-lead{margin:0 0 26px;max-width:520px}
.pathik-ct-channels{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pathik-ct-chan{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#fff;border:1px solid var(--pathik-ct-line);border-radius:6px;text-decoration:none;transition:border-color .2s,transform .2s}
.pathik-ct-chan:hover{border-color:var(--pathik-ct-btn);transform:translateX(4px)}
.pathik-ct-ico{flex:none;width:48px;height:48px;border-radius:50%;background:var(--pathik-ct-tint);color:var(--pathik-ct-btn);display:grid;place-items:center}
.pathik-ct-chan-body{flex:1;min-width:0;display:flex;flex-direction:column}
.pathik-ct-chan-label{font-size:14px;color:var(--pathik-ct-btn);font-weight:500}
.pathik-ct-chan-val{font-family:var(--pathik-ct-display);font-size:24px;line-height:1.4;color:var(--pathik-ct-head);overflow-wrap:anywhere}
.pathik-ct-chan-go{font-size:30px;line-height:1;color:var(--pathik-ct-btn)}

/* Form section */
.pathik-ct-formsec{padding:100px var(--pathik-ct-pad)}
.pathik-ct-head{margin-bottom:40px}
.pathik-ct-head p{margin:0;max-width:540px}
.pathik-ct-wiz{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--pathik-ct-line);border-radius:8px;overflow:hidden;box-shadow:0 24px 60px -34px rgba(73,51,33,.55);background:#fff}
.pathik-ct-wiz>*{min-width:0}

/* Step rail (the 3 steps are a real sequence) */
.pathik-ct-rail{list-style:none;margin:0;padding:40px 28px;background:var(--pathik-ct-head);color:#E9DCC9}
.pathik-ct-rail li{position:relative;padding-bottom:30px}
.pathik-ct-rail li:last-child{padding-bottom:0}
.pathik-ct-rail li:not(:last-child)::after{content:"";position:absolute;left:17px;top:40px;bottom:6px;width:1px;background:rgba(240,228,210,.28)}
.pathik-ct-rail button{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:0;font:inherit;text-align:left;color:inherit;background:none;border:0;cursor:pointer}
.pathik-ct-rail button:disabled{cursor:default}
.pathik-ct-rn{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(240,228,210,.5);display:grid;place-items:center;font-family:var(--pathik-ct-body);font-size:16px;font-weight:600;line-height:1}
.pathik-ct-rt{display:flex;flex-direction:column;font-family:var(--pathik-ct-display);font-size:20px;font-weight:400;line-height:1.4;color:#CDB99D}
.pathik-ct-rt small{font-family:var(--pathik-ct-body);font-size:14px;font-weight:400;line-height:1.4;margin-top:2px}
.pathik-ct-rail .is-active .pathik-ct-rn{background:var(--pathik-ct-bg);color:var(--pathik-ct-head);border-color:var(--pathik-ct-bg)}
.pathik-ct-rail .is-active .pathik-ct-rt{color:var(--pathik-ct-bg)}
.pathik-ct-rail .is-done .pathik-ct-rn{background:#CDB99D;color:var(--pathik-ct-head);border-color:#CDB99D;font-size:0}
.pathik-ct-rail .is-done .pathik-ct-rn::before{content:"\2713";font-size:16px}

/* Panel + steps */
.pathik-ct-panel{padding:48px clamp(20px,5vw,56px)}
.pathik-ct-step{border:0;margin:0;padding:0;min-width:0}
.pathik-ct-step+.pathik-ct-step{margin-top:36px}
.pathik-ct-form.is-js .pathik-ct-step+.pathik-ct-step{margin-top:0}
.pathik-ct-legend{float:left;width:100%;padding:0;margin:0 0 22px;font-family:var(--pathik-ct-display);font-weight:400;font-size:clamp(26px,3.2vw,36px);line-height:1.35;color:var(--pathik-ct-head)}
.pathik-ct-legend+*{clear:both}

/* Topic cards */
.pathik-ct-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pathik-ct-topic{position:relative;display:block}
.pathik-ct-topic input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.pathik-ct-tc{display:block;height:100%;padding:18px 18px 16px;border:1px solid var(--pathik-ct-line2);border-radius:6px;background:#fff;transition:background .2s,border-color .2s}
.pathik-ct-tc svg{color:var(--pathik-ct-btn);margin-bottom:8px}
.pathik-ct-tc b{display:block;font-family:var(--pathik-ct-display);font-weight:400;font-size:21px;line-height:1.4;color:var(--pathik-ct-head)}
.pathik-ct-tc small{display:block;font-size:14px;line-height:1.6;margin-top:4px}
.pathik-ct-topic:hover .pathik-ct-tc{border-color:var(--pathik-ct-btn)}
.pathik-ct-topic input:checked+.pathik-ct-tc{background:var(--pathik-ct-tint);border-color:var(--pathik-ct-btn);box-shadow:inset 0 0 0 1px var(--pathik-ct-btn)}
.pathik-ct-topic input:focus-visible+.pathik-ct-tc{outline:3px solid var(--pathik-ct-clay);outline-offset:2px}
.pathik-ct-topics.is-invalid .pathik-ct-tc{border-color:var(--pathik-ct-err)}

/* Fields (font-size 16px+ stops iOS from zooming on focus) */
.pathik-ct-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pathik-ct-field{min-width:0}
.pathik-ct-field>label{display:block;margin-bottom:6px;font-size:15px;font-weight:500;color:var(--pathik-ct-head)}
.pathik-ct-field input,.pathik-ct-field textarea{display:block;width:100%;min-height:48px;font:inherit;font-size:16px;color:var(--pathik-ct-text);padding:11px 14px;background:#fff;border:1px solid var(--pathik-ct-line2);border-radius:4px;transition:border-color .2s,box-shadow .2s}
.pathik-ct-field textarea{min-height:170px;resize:vertical;line-height:1.7}
.pathik-ct-field input:focus,.pathik-ct-field textarea:focus{outline:0;border-color:var(--pathik-ct-btn);box-shadow:0 0 0 3px rgba(128,86,51,.2)}
.pathik-ct-field [aria-invalid="true"]{border-color:var(--pathik-ct-err);box-shadow:0 0 0 3px rgba(154,59,31,.15)}
.pathik-ct-count{margin:6px 0 0;text-align:right;font-size:13px;color:var(--pathik-ct-btn)}
.pathik-ct-sum{margin:22px 0 0;padding:6px 18px;background:var(--pathik-ct-tint);border-radius:6px}
.pathik-ct-sum>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 20px;padding:10px 0;font-size:15px}
.pathik-ct-sum>div+div{border-top:1px solid var(--pathik-ct-line)}
.pathik-ct-sum dt{color:var(--pathik-ct-btn);font-weight:500}
.pathik-ct-sum dd{margin:0;color:var(--pathik-ct-head);font-weight:500;overflow-wrap:anywhere}

.pathik-ct-status{min-height:1.8em;margin:18px 0 8px;font-size:15px;font-weight:500;color:var(--pathik-ct-err)}
.pathik-ct-actions{display:flex;flex-wrap:wrap;gap:12px}
.pathik-ct-form:not(.is-js) .pathik-ct-back,.pathik-ct-form:not(.is-js) .pathik-ct-next{display:none}
.pathik-ct-form:not(.is-js) .pathik-ct-send{display:inline-flex!important}
.pathik-ct-privacy{margin:14px 0 0;font-size:13px}
.pathik-ct-done{padding:30px 0;max-width:480px}
.pathik-ct-done-title{font-family:var(--pathik-ct-display);font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.3;color:var(--pathik-ct-head);margin:0 0 12px}

/* Office */
.pathik-ct-office{background:var(--pathik-ct-tint);padding:100px var(--pathik-ct-pad)}
.pathik-ct-office-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:stretch}
.pathik-ct-office-grid>*{min-width:0}
.pathik-ct-map{position:relative;min-height:400px;border-radius:8px;overflow:hidden;background-color:#E6D5BB;background-image:linear-gradient(rgba(73,51,33,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(73,51,33,.09) 1px,transparent 1px);background-size:44px 44px}
.pathik-ct-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pathik-ct-page .pathik-ct-pin{position:absolute;left:50%;top:42%;width:54px;height:54px;transform:translate(-50%,-50%);color:var(--pathik-ct-btn);stroke-width:1.4;fill:var(--pathik-ct-bg)}
.pathik-ct-addr{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;max-width:340px;padding:16px 18px;background:#fff;border-radius:6px;box-shadow:0 12px 30px -16px rgba(73,51,33,.6);font-size:15px;line-height:1.6}
.pathik-ct-addr b{font-family:var(--pathik-ct-display);font-weight:400;font-size:21px;line-height:1.4;color:var(--pathik-ct-head)}
.pathik-ct-addr a{display:inline-block;margin-top:2px;padding:8px 0;font-weight:600;color:var(--pathik-ct-btn)}
.pathik-ct-hours .pathik-ct-open{margin-bottom:22px}
.pathik-ct-days{list-style:none;margin:0;padding:0}
.pathik-ct-days li{display:flex;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--pathik-ct-line2)}
.pathik-ct-days li:last-child{border-bottom:1px solid var(--pathik-ct-line2)}
.pathik-ct-days li.is-today{background:rgba(255,255,255,.65);font-weight:600;color:var(--pathik-ct-head)}
.pathik-ct-today{margin-left:8px;font-weight:400;font-size:.9em;color:var(--pathik-ct-btn)}

/* Closing */
.pathik-ct-close{text-align:center;padding:90px var(--pathik-ct-pad)}
.pathik-ct-close .pathik-ct-h2{font-size:clamp(28px,4vw,44px)}
.pathik-ct-close p{margin:0 0 26px}

/* ===== Responsive ===== */
@media(min-width:1600px){
  .pathik-ct-page{font-size:18px}
}
@media(max-width:1024px){
  .pathik-ct-hero{padding:72px var(--pathik-ct-pad)}
  .pathik-ct-formsec,.pathik-ct-office{padding:80px var(--pathik-ct-pad)}
  .pathik-ct-wiz{grid-template-columns:250px 1fr}
  .pathik-ct-rail{padding:32px 22px}
}
@media(max-width:860px){
  .pathik-ct-hero-grid,.pathik-ct-office-grid{grid-template-columns:1fr}
  .pathik-ct-lead{max-width:none}
  .pathik-ct-wiz{grid-template-columns:1fr}
  .pathik-ct-rail{display:flex;justify-content:space-between;gap:8px;padding:16px}
  .pathik-ct-rail li{flex:1;min-width:0;padding:0}
  .pathik-ct-rail li:not(:last-child)::after{display:none}
  .pathik-ct-rail button{flex-direction:column;justify-content:flex-start;gap:6px;text-align:center}
  .pathik-ct-rt{font-size:16px;align-items:center;line-height:1.35}
  .pathik-ct-rt small{display:none}
  .pathik-ct-map{min-height:320px}
}
@media(max-width:600px){
  .pathik-ct-page{font-size:16px}
  .pathik-ct-hero{padding:52px var(--pathik-ct-pad)}
  .pathik-ct-formsec,.pathik-ct-office{padding:56px var(--pathik-ct-pad)}
  .pathik-ct-close{padding:60px var(--pathik-ct-pad)}
  .pathik-ct-head{margin-bottom:28px}
  .pathik-ct-chan{padding:14px 16px;gap:12px}
  .pathik-ct-ico{width:42px;height:42px}
  .pathik-ct-chan-val{font-size:21px}
  .pathik-ct-panel{padding:28px 16px}
  .pathik-ct-topics,.pathik-ct-fields{grid-template-columns:1fr}
  .pathik-ct-actions{flex-direction:column-reverse}
  .pathik-ct-actions .pathik-ct-btn,.pathik-ct-actions .pathik-ct-ghost,.pathik-ct-done .pathik-ct-btn,.pathik-ct-close .pathik-ct-btn{width:100%}
  .pathik-ct-open{border-radius:14px}
  .pathik-ct-map{min-height:280px}
  .pathik-ct-days li{padding:12px 4px}
}
/* Very small phones and foldables (<=340px) */
@media(max-width:340px){
  .pathik-ct-title{font-size:34px}
  .pathik-ct-h2{font-size:27px}
  .pathik-ct-legend{font-size:24px}
  .pathik-ct-rail{padding:12px 8px;gap:4px}
  .pathik-ct-rt{font-size:14px}
  .pathik-ct-rn{width:32px;height:32px}
  .pathik-ct-chan{padding:12px;gap:10px}
  .pathik-ct-ico{width:36px;height:36px}
  .pathik-ct-chan-val{font-size:16px}
  .pathik-ct-chan-go{display:none}
  .pathik-ct-addr{left:10px;right:10px;bottom:10px;padding:12px 14px}
}
/* Landscape phones: keep sections compact */
@media(max-height:480px) and (orientation:landscape){
  .pathik-ct-hero{padding-top:40px;padding-bottom:40px}
  .pathik-ct-formsec,.pathik-ct-office,.pathik-ct-close{padding-top:48px;padding-bottom:48px}
}
/* Touch devices: no hover movement */
@media(hover:none){
  .pathik-ct-chan:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .pathik-ct-btn,.pathik-ct-ghost,.pathik-ct-chan,.pathik-ct-tc,.pathik-ct-field input,.pathik-ct-field textarea{transition:none}
  .pathik-ct-chan:hover{transform:none}
}