/* About, Contact and Track my order */
.info{padding-bottom:clamp(48px,6vw,88px)}
.info-title{font:700 clamp(28px,2.8vw,38px)/1.2 Montserrat,sans-serif;text-align:center;margin:8px 0 28px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;margin-top:clamp(16px,2vw,24px)}
.story + .story{margin-top:clamp(48px,6vw,96px)}
.story.flip .story-copy{order:2}
.story-copy{max-width:520px;justify-self:center}
.story-copy h1,.story-copy h2{font:700 clamp(28px,2.8vw,38px)/1.2 Montserrat,sans-serif;margin:0 0 18px}
.story-copy p{margin:0 0 14px;font-size:16px;line-height:1.7}
.story-lead{font:600 clamp(18px,1.5vw,20px)/1.55 Montserrat,sans-serif!important;color:#327b8e}
.story-media{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;max-height:620px;width:100%}
.story-media img{width:100%;height:100%;object-fit:cover;display:block}
.story-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:24px}
.ct-intro{display:grid;grid-template-columns:1fr 1fr;max-width:980px;margin:0 auto;border-radius:24px;overflow:hidden;background:#f1f6f7}
.ct-media{margin:0;min-height:300px}
.ct-media img{width:100%;height:100%;object-fit:cover;display:block}
.ct-copy{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,4vw,48px);text-align:center}
.ct-copy p{margin:0;font-size:16px;line-height:1.65}
.ct-copy p:first-child{font:600 clamp(18px,1.5vw,20px)/1.5 Montserrat,sans-serif;color:#327b8e}
.ct-copy a{color:#327b8e;font-weight:600;text-decoration:none}
.ct-copy a:hover{text-decoration:underline}
.ct-band{background:#f1f6f7;margin-top:clamp(40px,5vw,64px);padding-block:clamp(40px,5vw,64px)}
.ct-form{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.ct-form h2{font:700 clamp(22px,2vw,26px)/1.3 Montserrat,sans-serif;margin:0;text-align:center}
.ct-form .btn,.tr-form .btn{align-self:center;border:0;cursor:pointer;min-width:220px}
.ct-form .btn:disabled{opacity:.6;cursor:default}
.ct-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-block:12px}
.ct-done[hidden]{display:none}
.ct-done h3{font:700 22px/1.3 Montserrat,sans-serif;margin:6px 0 0}
.ct-done p{margin:0;font-size:16px}
.ct-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,5vw,64px)}
.ct-way{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 22px;border-radius:24px;background:#f1f6f7}
.ct-ic{width:56px;height:56px;border-radius:999px;background:#327b8e;color:#fff;display:grid;place-items:center;margin-bottom:6px}
.ct-ic svg{width:26px;height:26px}
.ct-way h2{font:700 19px/1.3 Montserrat,sans-serif;margin:0}
.ct-way p{margin:0;font-size:15px;line-height:1.55}
.ct-way a{color:#327b8e;font:600 16px Montserrat,sans-serif;text-decoration:none;margin-top:4px;overflow-wrap:anywhere}
.ct-way a:hover{color:#000}
.tr-form{max-width:520px;margin:0 auto;background:#f1f6f7;border-radius:24px;padding:clamp(22px,4vw,36px);display:flex;flex-direction:column;gap:16px}
.tr-form p{margin:0;font-size:16px;line-height:1.6;text-align:center}
.tr-help a{color:#327b8e;font-weight:600}
.tr-card{max-width:820px;margin:0 auto;background:#f1f6f7;border-radius:24px;padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:26px}
.tr-status{margin:0;font:600 18px Montserrat,sans-serif;text-align:center}
.tr-steps{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:8px;position:relative}
.tr-steps::before{content:"";position:absolute;left:12%;right:12%;top:13px;height:3px;background:#d7e4e7;border-radius:3px}
.tr-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:14px;font-weight:600;position:relative}
.tr-dot{width:28px;height:28px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 3px #d7e4e7}
.tr-steps li.done .tr-dot{background:#327b8e;box-shadow:none}
.tr-steps li.now .tr-dot{box-shadow:0 0 0 6px rgba(50,123,142,.18)}
.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tr-grid > div{background:#fff;border-radius:18px;padding:18px 20px}
.tr-grid h2{font:700 16px Montserrat,sans-serif;margin:0 0 6px}
.tr-grid p{margin:0;font-size:15px;line-height:1.6}
.tr-items{list-style:none;margin:0;padding:0;background:#fff;border-radius:18px}
.tr-items li{display:flex;align-items:center;gap:14px;padding:12px 18px}
.tr-items li + li{border-top:1px solid #eef0f2}
.tr-items img,.tr-ph{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#f1f6f7;flex:none}
.tr-name{flex:1;font-size:15px;font-weight:500}
.tr-name small{display:block;font-size:13px;font-weight:400}
.tr-items b{font:700 16px Montserrat,sans-serif}
.tr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px}
@media(max-width:900px){
  .story{grid-template-columns:1fr;gap:24px}
  .story.flip .story-copy{order:0}
  .story-copy{text-align:center;max-width:620px}
  .story-ctas{justify-content:center}
  .story-media{aspect-ratio:4/3;border-radius:20px}
  .ct-intro{grid-template-columns:1fr}
  .ct-media{min-height:0;aspect-ratio:4/3}
  .ct-ways{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
}
@media(max-width:600px){
  .ct-form .btn,.tr-form .btn{align-self:stretch}
  .tr-grid{grid-template-columns:1fr}
  .tr-steps li{font-size:12px}
}