.f9 f900-delivery-estimate{display:block;margin:12px 0 14px;color:#222}
.f9 .f900-delivery{padding:14px;border:1px solid #f0cbd9;border-radius:16px;background:linear-gradient(120deg,#fff8fb,#fff);box-shadow:0 3px 14px #22222204}
.f9 .f900-delivery__header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}
.f9 .f900-delivery__truck{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#222;color:#fff}
.f9 .f900-delivery__truck svg{display:block;width:25px;height:25px}
.f9 .f900-delivery__eyebrow{display:flex;align-items:center;gap:5px;margin:0 0 3px;color:#c9004b;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.7px}
.f9 .f900-delivery__eyebrow span{flex:none;width:6px;height:6px;border-radius:50%;background:#ff005e}
.f9 .f900-delivery__title{margin:0;color:#222;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.3px}
.f9 .f900-delivery__badge{padding:6px 8px;border:1px solid #f7c1d5;border-radius:8px;background:#ffe8f0;color:#bd0046;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:.1px}
.f9 .f900-delivery__intro{margin:10px 0 9px;color:#655b60;font-size:12px;line-height:1.4;letter-spacing:0}
.f9 .f900-delivery__date{margin:0;padding:10px 8px;border-radius:10px;background:#222;color:#fff;font-size:12px;line-height:1.5;letter-spacing:0;text-align:center;text-wrap:balance}
.f9 .f900-delivery__date strong{color:#fff;font-weight:700}
.f9 .f900-delivery__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:10px 0 0;padding:0}
.f9 .f900-delivery__steps li{display:flex;justify-content:center;align-items:center;gap:5px;margin:0;padding:0 5px;color:#655b60;font-size:10px;font-weight:600;line-height:1.3;letter-spacing:.1px;white-space:nowrap}
.f9 .f900-delivery__steps li+li{border-left:1px solid #eadde2}
.f9 .f900-delivery__step-icon{display:grid;place-items:center;flex:none;width:21px;height:21px;border-radius:50%;background:#ffe8f0;color:#c9004b}
.f9 .f900-delivery__step-icon--today{background:#ff005e;color:#fff}
.f9 .f900-delivery__step-icon svg{width:14px;height:14px}
.f9 .f900-delivery__guarantee{display:flex;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;color:#74676d;font-size:11px;line-height:1.5;letter-spacing:0;text-align:center}
.f9 .f900-delivery__guarantee svg{flex:none;width:17px;height:17px;color:#c9004b}
.f9 .f900-delivery__guarantee strong{color:#c9004b;font-weight:700;white-space:nowrap}
@media(max-width:749px){
 .f9 .f900-delivery{padding:12px}
 .f9 .f900-delivery__header{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}
 .f9 .f900-delivery__truck{width:36px;height:38px;border-radius:10px}
 .f9 .f900-delivery__truck svg{width:23px;height:23px}
 .f9 .f900-delivery__eyebrow{font-size:7.5px;letter-spacing:.4px;gap:4px}
 .f9 .f900-delivery__title{font-size:16px}
 .f9 .f900-delivery__badge{padding:6px;font-size:9px}
 .f9 .f900-delivery__steps li{font-size:9px;gap:4px;padding:0 3px}
 .f9 .f900-delivery__guarantee{font-size:10.5px}
}
@media(max-width:359px){
 .f9 .f900-delivery{padding:10px}
 .f9 .f900-delivery__header{grid-template-columns:32px minmax(0,1fr) auto;gap:6px}
 .f9 .f900-delivery__truck{width:32px;height:36px}
 .f9 .f900-delivery__eyebrow{font-size:6.5px;letter-spacing:.2px}
 .f9 .f900-delivery__title{font-size:14px}
 .f9 .f900-delivery__badge{font-size:8px;padding:5px}
 .f9 .f900-delivery__intro{font-size:11px}
 .f9 .f900-delivery__steps li{font-size:8px;gap:3px}
 .f9 .f900-delivery__step-icon{width:18px;height:18px}
 .f9 .f900-delivery__guarantee{font-size:10px}
}