.tire-booking-banner{padding:30px 0 10px;background:linear-gradient(135deg,#fffaf2 0%,#fff5e8 45%,#effdfa 100%);position:relative;overflow:hidden}.tire-booking-card{position:relative;display:grid;grid-template-columns:190px 1fr auto;gap:28px;align-items:center;padding:34px 38px;border-radius:34px;background:linear-gradient(120deg,#fff 0%,#fff7ec 55%,#e9fffb 100%);border:2px solid #ffd8b7;box-shadow:0 24px 60px rgba(255,155,82,.16);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tire-booking-card:hover{transform:translateY(-4px);box-shadow:0 30px 72px rgba(255,155,82,.22)}.tire-booking-card:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;left:-150px;top:-170px;background:rgba(88,185,232,.13);pointer-events:none}.tire-booking-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;bottom:-120px;background:rgba(243,154,203,.14);pointer-events:none}.tire-bubbles{position:absolute;inset:0;pointer-events:none}.tire-bubbles span{position:absolute;border:2px solid rgba(52,139,190,.18);border-radius:50%;animation:tireFloat 5s ease-in-out infinite}.tire-bubbles span:nth-child(1){width:24px;height:24px;right:28%;top:18%}.tire-bubbles span:nth-child(2){width:13px;height:13px;right:18%;bottom:22%;animation-delay:1.2s}.tire-bubbles span:nth-child(3){width:34px;height:34px;left:48%;bottom:-12px;animation-delay:2s}.tire-booking-visual{height:155px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.tire-ring{width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:78px;background:radial-gradient(circle,#fff 0 38%,#e9f7ff 39% 52%,#229fd0 53% 62%,#fff 63%);box-shadow:0 18px 35px rgba(52,139,190,.16);animation:tireSpin 8s linear infinite}.tire-spark{position:absolute;color:#ff9b52;font-size:24px;animation:tirePulse 2.2s ease-in-out infinite}.spark-one{top:5px;right:12px}.spark-two{bottom:8px;left:15px;animation-delay:.7s}.tire-booking-content{position:relative;z-index:2}.booking-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff0df;color:#d87931;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tire-booking-content h2{margin:10px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.tire-booking-content p{margin:0;color:var(--muted);font-size:17px;max-width:650px}.booking-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.booking-button{background:#ff9b52!important;color:#fff!important;box-shadow:0 12px 25px rgba(255,155,82,.22);position:relative;overflow:hidden}.booking-button:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:42%;background:rgba(255,255,255,.28);transform:skewX(-18deg);transition:left .55s ease}.booking-button:hover{background:#f08a39!important;transform:translateY(-2px)}.booking-button:hover:after{left:125%}.booking-phone{font-size:20px;font-weight:900;color:#174b73;white-space:nowrap}.booking-phone:hover{text-decoration:underline}.booking-badge{position:relative;z-index:2;min-width:125px;padding:18px 16px;border-radius:22px;background:#e9f7ff;border:1px solid #d7edf8;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 25px rgba(52,139,190,.08);transition:transform .25s ease}.tire-booking-card:hover .booking-badge{transform:rotate(2deg) translateY(-2px)}.booking-badge strong{font-size:31px;line-height:1}.booking-badge span{font-size:13px;font-weight:900;color:#174b73;margin-top:7px}.booking-badge small{color:var(--muted);margin-top:2px}.tire-service-card{border-color:#ffd9bd;box-shadow:0 14px 32px rgba(255,155,82,.1)}.tire-service-card .service-icon{background:#fff0df}.tire-service-card:after{background:#fff0df}.tire-service-card:hover{border-color:#ffc18f}.tire-booking-banner + .section{padding-top:68px}@keyframes tireSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tireFloat{0%,100%{transform:translateY(0) scale(1);opacity:.45}50%{transform:translateY(-16px) scale(1.08);opacity:1}}@keyframes tirePulse{0%,100%{transform:scale(.85);opacity:.45}50%{transform:scale(1.2);opacity:1}}@media(max-width:900px){.tire-booking-card{grid-template-columns:150px 1fr;padding:28px}.booking-badge{display:none}.tire-booking-visual{height:140px}.tire-ring{width:115px;height:115px;font-size:68px}}@media(max-width:600px){.tire-booking-banner{padding:18px 0 5px}.tire-booking-card{grid-template-columns:1fr;padding:25px 20px;text-align:center;border-radius:27px}.tire-booking-card:hover{transform:none}.tire-booking-visual{height:120px;order:0}.tire-ring{width:100px;height:100px;font-size:58px}.tire-booking-content{order:1}.tire-booking-content p{font-size:15px}.booking-actions{justify-content:center}.booking-button{width:100%}.booking-phone{font-size:18px}.tire-booking-banner + .section{padding-top:52px}}@media(prefers-reduced-motion:reduce){.tire-booking-card,.tire-ring,.tire-bubbles span,.tire-spark,.booking-button:after{animation:none;transition:none}}
.tire-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tire-actions .button{min-width:210px;justify-content:center}@media(max-width:700px){.tire-actions{display:grid;grid-template-columns:1fr}.tire-actions .button{width:100%;min-width:0}}