/* STEELCO GUJARAT — Contact page (lifted from the homepage section). */
body.page-contact{background:#f7f4f1}


  /* ---- Contact · Modern Style ---- */
  #contact.cm{padding:96px 24px 110px}
  .cm-module{max-width:1180px;margin:0 auto;background:#fff;border:1px solid #ecedef;border-radius:30px;
    padding:60px;box-shadow:0 50px 120px -72px rgba(20,20,30,.32)}
  .cm-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:stretch}
  .cm-left{position:relative;display:flex;flex-direction:column;min-height:440px}
  .cm-eye{font:600 12px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--scale);margin:4px 0 20px}
  .cm-h{font:800 clamp(38px,4.4vw,58px)/1.0 var(--disp);letter-spacing:-.03em;margin:0;color:var(--ink)}
  .cm-sub{font:500 18px/1.55 var(--disp);color:var(--ink-2);margin:20px 0 0;max-width:21ch}
  .cm-plane{position:absolute;left:-10px;bottom:-14px;width:90%;height:auto;pointer-events:none}
  .cm-plane .cm-trail{stroke-dasharray:0.1 13.5;animation:cm-march .38s linear infinite}
  @keyframes cm-march{from{stroke-dashoffset:0}to{stroke-dashoffset:-13.6}}

  .cm-card{background:#f6f7f9;border:1px solid #ecedf0;border-radius:22px;padding:34px}
  .cm-form{display:flex;flex-direction:column;gap:18px}
  .cm-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .cm-field{position:relative;background:#fff;border:1.5px solid #e4e5e9;border-radius:14px;padding:14px 18px 10px;
    transition:border-color .18s cubic-bezier(.2,.6,.2,1), box-shadow .18s cubic-bezier(.2,.6,.2,1)}
  .cm-field:focus-within{border-color:var(--scale);box-shadow:0 0 0 4px rgba(233,85,10,.10)}
  .cm-field>label{display:block;font:500 13.5px var(--disp);color:#6b6b73;margin-bottom:3px;cursor:text}
  .cm-field .req{color:var(--scale);font-weight:700}
  .cm-field input,.cm-field select,.cm-field textarea{width:100%;border:none;outline:none;background:transparent;
    font:500 15px var(--disp);color:var(--ink);padding:0;resize:none}
  .cm-field textarea{min-height:150px;line-height:1.5}
  .cm-area{padding-bottom:14px}
  .cm-sel{display:flex;align-items:center}
  .cm-sel-inner{flex:1;min-width:0}
  .cm-sel select{appearance:none;-webkit-appearance:none;cursor:pointer}
  .cm-chev{color:#9a9aa2;flex:none;margin-left:10px}
  .cm-submit{width:100%;justify-content:center;gap:12px;padding:20px;border-radius:14px;
    font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}
  .cm-secure{display:flex;align-items:center;justify-content:center;gap:9px;margin:6px 0 0;
    font:500 14px var(--disp);color:var(--ink-2)}
  .cm-secure svg{stroke:var(--scale)}
  @media(max-width:880px){
    #contact.cm{padding:60px 16px 80px}
    .cm-module{padding:30px}
    .cm-grid{grid-template-columns:1fr;gap:34px}
    .cm-left{min-height:auto;padding-bottom:120px}
    .cm-plane{width:210px;left:auto;right:0}
    .cm-row{grid-template-columns:1fr}
    .cm-h{font-size:40px}
  }

  /* ---- Site-wide smoothness polish ---- */
  body{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
  *{-webkit-tap-highlight-color:transparent}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:2px solid var(--scale);outline-offset:2px;border-radius:4px}
  @media (prefers-reduced-motion: reduce){
    .cm-plane .cm-trail{animation:none}
    .cm-plane{opacity:.92}
  }


/* ===== Contact — bento inquiry form ===== */
#contact{background:#f7f4f1 !important}
.cbf-sec{--cbf-paper:#fff;--cbf-ink:#15181d;--cbf-ink2:#525a66;--cbf-ink3:#9aa1ab;--cbf-scale:#E9550A;--cbf-scale2:#F26A24;--cbf-rule:#eceae6;--cbf-tint:rgba(233,85,10,.045);--cbf-tintbd:rgba(233,85,10,.30);display:block !important;padding:96px 24px 110px}
.cbf-wrap{max-width:1180px;margin:0 auto}
.cbf-crumb{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.cbf-logo{width:34px;height:34px;border-radius:9px;background:var(--cbf-scale);position:relative;flex:none;box-shadow:0 6px 16px -6px rgba(233,85,10,.6)}
.cbf-logo::after{content:"";position:absolute;inset:9px;border:2px solid #fff;border-radius:3px;opacity:.9}
.cbf-crumb b{font:700 15px/1 var(--disp);color:var(--cbf-ink)}
.cbf-crumb .cbf-d{width:4px;height:4px;border-radius:50%;background:var(--cbf-ink3)}
.cbf-crumb .cbf-pg{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cbf-ink3)}
.cbf-title{font:800 clamp(44px,6.5vw,88px)/.92 var(--disp);letter-spacing:-.035em;margin:0 0 34px;color:var(--cbf-ink)}
.cbf-title .cbf-o{color:var(--cbf-scale)}
.cbf-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;grid-template-areas:"intro intro intro intro intro intro name name name comp comp comp" "msg msg msg msg msg msg msg msg type type type type" "msg msg msg msg msg msg msg msg type type type type" "email email email email phone phone phone phone send send send send"}
.cbf-card{background:var(--cbf-paper);border:1px solid var(--cbf-rule);border-radius:22px;padding:26px 28px;box-shadow:0 1px 2px rgba(20,24,29,.03),0 18px 40px -28px rgba(20,24,29,.22);transition:border-color .25s,box-shadow .25s;min-width:0}
.cbf-accent{background:radial-gradient(120% 130% at 0% 0%,var(--cbf-tint),transparent 60%),var(--cbf-paper);border-color:var(--cbf-tintbd)}
.cbf-field:focus-within{border-color:var(--cbf-scale);box-shadow:0 1px 2px rgba(20,24,29,.03),0 0 0 3px rgba(233,85,10,.10),0 18px 40px -28px rgba(233,85,10,.4)}
.cbf-lab{font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cbf-ink3);display:block}
.cbf-req{color:var(--cbf-scale);margin-left:2px}
.cbf-fld{width:100%;border:0;background:transparent;color:var(--cbf-ink);outline:none;font:600 22px/1.25 var(--disp);margin-top:16px;padding:0;resize:none}
.cbf-fld::placeholder{color:#cbd1d8;font-weight:500}
textarea.cbf-fld{margin-top:18px;min-height:188px;line-height:1.5;font-size:19px}
.cbf-intro{grid-area:intro}.cbf-name{grid-area:name}.cbf-comp{grid-area:comp}.cbf-msg{grid-area:msg;display:flex;flex-direction:column}.cbf-type{grid-area:type}.cbf-email{grid-area:email}.cbf-phone{grid-area:phone}.cbf-sendc{grid-area:send;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.cbf-intro p{font:400 17px/1.55 var(--disp);color:var(--cbf-ink2);margin:16px 0 20px;max-width:46ch}
.cbf-tags{display:flex;gap:9px;flex-wrap:wrap}
.cbf-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--cbf-rule);background:#fff;border-radius:999px;padding:8px 15px;font:500 12px/1 var(--mono);color:var(--cbf-ink2)}
.cbf-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cbf-scale)}
.cbf-opts{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.cbf-opt{display:flex;align-items:center;gap:13px;border:1px solid var(--cbf-rule);border-radius:13px;padding:14px 16px;cursor:pointer;background:#fff;transition:all .2s;user-select:none}
.cbf-opt .cbf-dot{width:10px;height:10px;border-radius:50%;background:#d3d8de;flex:none;transition:all .2s}
.cbf-opt .cbf-t{font:600 15px/1 var(--disp);color:var(--cbf-ink)}
.cbf-opt:hover{border-color:#d8d4cd;transform:translateX(2px)}
.cbf-opt.cbf-sel{border-color:var(--cbf-scale);background:var(--cbf-tint)}
.cbf-opt.cbf-sel .cbf-dot{background:var(--cbf-scale);box-shadow:0 0 0 4px rgba(233,85,10,.16)}
.cbf-opt.cbf-sel .cbf-t{color:var(--cbf-scale)}
.cbf-consent{font:400 13.5px/1.5 var(--disp);color:var(--cbf-ink2)}
.cbf-send{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;background:var(--cbf-scale);color:#fff;border:0;border-radius:14px;padding:18px 24px;cursor:pointer;font:600 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 14px 30px -14px rgba(233,85,10,.7);transition:background .2s,transform .15s,box-shadow .2s}
.cbf-send:hover{background:var(--cbf-scale2);transform:translateY(-1px)}
.cbf-send:active{transform:translateY(0)}
.cbf-send .cbf-ar{transition:transform .2s}.cbf-send:hover .cbf-ar{transform:translateX(4px)}
.cbf-done{display:none;background:radial-gradient(130% 120% at 50% 0%,var(--cbf-tint),transparent 55%),var(--cbf-paper);border:1px solid var(--cbf-tintbd);border-radius:24px;padding:90px 24px;text-align:center;box-shadow:0 24px 60px -34px rgba(20,24,29,.3)}
.cbf-done.cbf-show{display:block;animation:cbfRise .5s cubic-bezier(.2,.7,.2,1)}
@keyframes cbfRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cbf-check{width:92px;height:92px;border-radius:50%;background:var(--cbf-scale);margin:0 auto 28px;display:grid;place-items:center;box-shadow:0 16px 36px -14px rgba(233,85,10,.7)}
.cbf-check svg{width:42px;height:42px;stroke:#fff;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cbf-done h2{font:800 clamp(34px,5vw,56px)/1 var(--disp);letter-spacing:-.03em;margin:0 0 14px;color:var(--cbf-ink)}
.cbf-done p{font:400 18px/1.5 var(--disp);color:var(--cbf-ink2);margin:0}
.cbf-again{margin-top:30px;background:transparent;border:1.5px solid var(--cbf-ink);border-radius:999px;padding:13px 24px;font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cbf-ink);cursor:pointer;transition:all .2s}
.cbf-again:hover{background:var(--cbf-ink);color:#fff}
@media(max-width:880px){.cbf-sec{padding:64px 16px 80px}.cbf-bento{grid-template-columns:1fr;grid-template-areas:"intro" "name" "comp" "msg" "type" "email" "phone" "send"}.cbf-card{border-radius:18px;padding:22px}}