/* Transporter Core — Call Request Popup
   Ported verbatim from WPCode snippet 15262 (PopUp). */
/* ===== CALL REQUEST POPUP ===== */

.kw-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:100000;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .35s ease;padding:20px;font-family:'FiraGo',sans-serif}

.kw-popup-overlay.open{background:rgba(0,0,0,.6);pointer-events:all;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}



.kw-popup{background:#111;width:100%;max-width:740px;display:grid;grid-template-columns:260px 1fr;overflow:hidden;position:relative;opacity:0;transform:translateY(20px) scale(.97);transition:all .4s cubic-bezier(.25,.1,.25,1);border:1px solid #222}

.kw-popup-overlay.open .kw-popup{opacity:1;transform:translateY(0) scale(1)}



.kw-popup-close{position:absolute;top:12px;right:14px;width:30px;height:30px;background:transparent;border:1px solid #333;color:#555;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2;-webkit-tap-highlight-color:transparent}

.kw-popup-close:hover{border-color:#D42B2B;color:#D42B2B}



/* Left panel */

.kw-popup-left{background:#0a0a0a;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-right:1px solid #1a1a1a}

.kw-popup-left::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:#D42B2B}



.kw-popup-bike{width:100%;max-width:200px;height:auto;object-fit:contain;margin-bottom:20px;animation:kwPopFloat 4s ease-in-out infinite}

@keyframes kwPopFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(0deg)}}



.kw-popup-bike-name{font-family:'Bebas',sans-serif;font-size:1.2rem;color:#fff;text-align:center;line-height:1.15}

.kw-popup-bike-tag{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:2px;margin-top:4px;text-align:center}



.kw-popup-bike-prices{display:flex;align-items:baseline;gap:8px;margin-top:16px}

.kw-popup-bike-prices .pp-old{font-size:12px;color:#666;text-decoration:line-through}

.kw-popup-bike-prices .pp-new{font-family:'Bebas',sans-serif;font-size:1.5rem;color:#D42B2B}



.kw-popup-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(212,43,43,.12);color:#FF4747;font-size:10px;font-weight:600;padding:4px 10px;margin-top:10px;letter-spacing:.3px}



/* Right panel: form */

.kw-popup-right{padding:32px 28px;display:flex;flex-direction:column}

.kw-popup-heading{font-family:'Bebas',sans-serif;font-size:1.4rem;color:#fff;margin-bottom:3px}

.kw-popup-desc{font-size:12px;color:#888;margin-bottom:22px;line-height:1.5}



.kw-pf{margin-bottom:14px}

.kw-pf label{display:block;font-size:10px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}

.kw-pf input,.kw-pf select{width:100%;height:42px;background:#1a1a1a;border:1px solid #2a2a2a;color:#eee;font-family:'FiraGo',sans-serif;font-size:14px;padding:0 12px;outline:none;transition:border-color .25s;-webkit-appearance:none;border-radius:0}

.kw-pf input:focus,.kw-pf select:focus{border-color:#D42B2B}

.kw-pf input::placeholder{color:#3a3a3a}



.kw-pf-phone{display:flex;gap:0}

.kw-pf-phone select{width:105px!important;flex-shrink:0;border-right:none!important;background:#151515!important;font-size:13px!important;color:#bbb!important;cursor:pointer;padding:0 6px!important}

.kw-pf-phone input{flex:1;min-width:0}



.kw-popup-send{width:100%;height:46px;background:#D42B2B;color:#fff;border:none;font-family:'FiraGo',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s;border-radius:3px;margin-top:2px;-webkit-tap-highlight-color:transparent}

.kw-popup-send:hover{background:#FF4747}



.kw-popup-legal{font-size:9px;color:#3a3a3a;text-align:center;margin-top:10px;line-height:1.5}

.kw-popup-legal a{color:#555;text-decoration:underline}



/* Success state */

.kw-popup-ok{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;height:100%}

.kw-popup-ok.show{display:flex}

.kw-popup-ok-icon{width:52px;height:52px;border:2px solid #D42B2B;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#D42B2B;margin-bottom:14px;animation:kwPopBounce .5s ease}

@keyframes kwPopBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}

.kw-popup-ok h3{font-family:'Bebas',sans-serif;font-size:1.3rem;color:#fff;margin-bottom:6px}

.kw-popup-ok p{font-size:12px;color:#888;line-height:1.6}



/* Popup responsive */

@media(max-width:700px){

.kw-popup-overlay{padding:16px}

.kw-popup{grid-template-columns:1fr!important;max-width:400px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}

.kw-popup-left{flex-direction:row;padding:16px 18px;gap:14px;align-items:center;justify-content:flex-start;border-right:none;border-bottom:1px solid #1a1a1a}

.kw-popup-left::before{top:0;left:0;right:0;bottom:auto;width:auto;height:2px}

.kw-popup-bike{width:72px;max-width:72px;margin-bottom:0;animation:none;flex-shrink:0}

.kw-popup-bike-name{font-size:1rem;text-align:left}

.kw-popup-bike-tag{font-size:9px;text-align:left;margin-top:2px}

.kw-popup-bike-prices{margin-top:6px;gap:6px}

.kw-popup-bike-prices .pp-new{font-size:1.2rem}

.kw-popup-bike-prices .pp-old{font-size:11px}

.kw-popup-badge{margin-top:6px;font-size:9px;padding:3px 8px}

.kw-popup-right{padding:22px 18px}

.kw-popup-heading{font-size:1.2rem}

.kw-popup-desc{font-size:11px;margin-bottom:16px}

.kw-pf{margin-bottom:12px}

.kw-pf input,.kw-pf select{height:40px;font-size:13px}

.kw-popup-send{height:44px;font-size:12px}

.kw-pf-phone select{width:95px!important;font-size:12px!important}

.kw-popup-close{top:8px;right:10px}

}

@media(max-width:400px){

.kw-popup-overlay{padding:10px}

.kw-popup-bike{width:56px;max-width:56px}

.kw-popup-left{padding:14px 14px;gap:10px}

.kw-popup-right{padding:18px 14px}

.kw-pf input,.kw-pf select{height:38px;font-size:12px}

.kw-popup-send{height:42px}

.kw-pf-phone select{width:85px!important}

}

/* Ported addition: inline failure notice for the call form. */
.kw-pf-error{margin-top:10px;padding:9px 12px;background:rgba(212,43,43,.12);border:1px solid #D42B2B;color:#ff9b9b;font-size:13px;line-height:1.4}