/* ============================================================
   DesignAxis — delivery estimate box. Used on the product page (inside the
   trust strip) and on the Shipping page. Self-contained: its own tokens, so it
   looks the same whichever stylesheet the host page loads.
   ============================================================ */
.da-ship-est{
  --se-card:#0c1220; --se-border:rgba(0,160,230,.18); --se-cyan:#00a8e8;
  --se-white:#eef2ff; --se-muted:#9aa7c7;
  background:var(--se-card); border:1px solid var(--se-border); border-radius:4px;
  padding:16px 18px; margin:18px 0 0; color:var(--se-white);
  font-family:'Open Sans',sans-serif; font-size:14px; line-height:1.5;
  box-sizing:border-box;
}
.da-ship-est *{ box-sizing:border-box; }
.da-ship-est-head{
  font-family:'Rajdhani',sans-serif; font-weight:700; font-size:13px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--se-cyan); margin:0 0 10px;
}
.da-ship-est-form{ display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; margin:0; }
.da-ship-est-field{ display:flex; flex-direction:column; gap:4px; flex:1 1 150px; min-width:0; margin:0; }
.da-ship-est-field.da-ship-est-pc{ flex:0 1 110px; }
.da-ship-est-field span{ font-size:11.5px; color:var(--se-muted); letter-spacing:.04em; }
.da-ship-est .da-ship-est-field input{
  width:100%; height:42px; padding:0 12px; margin:0;
  background:#050914; color:var(--se-white); border:1px solid rgba(0,168,232,.25); border-radius:0;
  font:inherit; font-size:14px; outline:none; box-shadow:none;
}
.da-ship-est .da-ship-est-field input:focus{ border-color:var(--se-cyan); box-shadow:0 0 0 1px rgba(0,168,232,.4); }
.da-ship-est .da-ship-est-field input::placeholder{ color:rgba(238,242,255,.35); }
.da-ship-est .da-ship-est-btn{
  height:42px; padding:0 20px; margin:0; border:0; cursor:pointer;
  background:var(--se-cyan); color:#001018;
  font-family:'Rajdhani',sans-serif; font-weight:700; font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  transition:background .2s;
}
.da-ship-est .da-ship-est-btn:hover{ background:#fff; }
.da-ship-est .da-ship-est-btn:disabled{ opacity:.6; cursor:default; }
.da-ship-est-result{ margin-top:12px; }
.da-ship-est-result:empty{ display:none; }
.da-ship-est-result.is-note,
.da-ship-est-result.is-loading{ color:var(--se-muted); font-size:13px; }
.da-ship-est-from{ font-size:15px; margin-bottom:8px; }
.da-ship-est-from strong{ color:var(--se-cyan); font-weight:600; }
.da-ship-est-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--se-border); }
.da-ship-est-list li{
  display:flex; justify-content:space-between; gap:12px; align-items:baseline;
  padding:7px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:13px; margin:0;
}
.da-ship-est-name em{ font-style:normal; color:var(--se-muted); font-size:12px; }
.da-ship-est-cost{ font-family:'Rajdhani',sans-serif; font-weight:700; font-size:15px; white-space:nowrap; }
.da-ship-est-collect{ margin-top:10px; font-size:12.5px; color:var(--se-muted); }
@media(max-width:480px){
  .da-ship-est{ padding:14px; }
  .da-ship-est .da-ship-est-btn{ flex:1 1 100%; }
}