@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root{--green:#12c84b;--blue:#09f;--green-dark:#0a9f3a;--orange:#ffab00;--black:#202020;--white:#fff;--text:#202020;--muted:#777;--line:#e4e4e4}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Poppins,Arial,sans-serif;background:#fff;color:var(--text);min-height:100vh}
a{text-decoration:none;color:inherit}

.iw-page{width:100%;min-height:100vh;background:#fff}
.iw-header{height:96px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:20}
.iw-logo{width:190px;height:auto;display:block}
.iw-nav{display:flex;align-items:center;gap:42px;font-size:15px;font-weight:600}
.iw-nav a{position:relative;padding:37px 0;color:#222;transition:.2s}
.iw-nav a:after{content:"";position:absolute;left:0;right:0;bottom:28px;height:3px;background:var(--orange);transform:scaleX(0);transition:.2s}
.iw-nav a:hover,.iw-nav a.active{color:var(--orange)}
.iw-nav a:hover:after,.iw-nav a.active:after{transform:scaleX(1)}
.iw-menu-toggle{display:none}
.iw-menu-label{display:none;cursor:pointer}

.iw-main{width:100%;padding:32px 20px 0;background:#fff}
.iw-booking-shell{width:100%;max-width:920px;margin:0 auto}
.iw-booking-box{background:var(--blue);border:2px solid var(--orange);border-radius:28px;padding:26px 24px 24px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.iw-tabs{display:flex;gap:14px;margin-bottom:18px}
.iw-tab{flex:1;height:62px;border:0;border-radius:18px;background:#fff;color:#111;font:700 20px Poppins,Arial;cursor:pointer}
.iw-tab.active{background:var(--orange)}
.iw-field{position:relative;width:100%;margin-bottom:12px}
.iw-field-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;z-index:2;color:var(--green-dark)}
.iw-field-icon svg{width:100%;height:100%;display:block}
.iw-field input,.iw-field select{display:block;width:100%;height:60px;border:0;border-radius:19px;background:#fff;color:#222;padding:0 18px 0 58px;font:500 16px Poppins,Arial;outline:0;box-shadow:inset 0 0 0 1px #ddd}
.iw-field input::placeholder{color:#777;opacity:1}
.iw-row{display:flex;gap:12px;width:100%}
.iw-row .iw-field{flex:1;min-width:0}
.iw-days select{appearance:auto;-webkit-appearance:auto;padding-right:40px}

.iw-cabs{display:flex;gap:10px;margin:12px 0 18px;width:100%}
.iw-cab{position:relative;flex:1;min-width:0;height:205px;background:#fff;border:3px solid transparent;border-radius:18px;padding:10px 5px;text-align:center;cursor:pointer;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.iw-cab.active{border-color:var(--orange)}
.iw-cab input{position:absolute;opacity:0;pointer-events:none}
.iw-radio{width:24px;height:24px;border:2px solid #888;border-radius:50%;display:block;margin:0 auto 6px;background:#fff}
.iw-cab.active .iw-radio{border:7px solid var(--green)}
.iw-rate{font-size:17px;font-weight:800;line-height:22px;white-space:nowrap}
.iw-cab img{width:110px;height:78px;object-fit:contain;display:block;margin:4px auto}
.iw-name{font-size:15px;font-weight:700;line-height:19px;color:#444;min-height:40px}
.iw-estimate{width:100%;height:62px;border:0;border-radius:17px;background:#222;color:#fff;font:800 20px Poppins,Arial;cursor:pointer}
.iw-estimate:disabled{opacity:.7;cursor:wait}
.iw-error{display:none;background:#ffe9e9;color:#a50018;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-weight:700}

.iw-benefits{max-width:920px;margin:0 auto;padding:32px 12px 10px;background:#fff}
.iw-benefit-grid{display:flex;gap:8px;align-items:stretch}
.iw-benefit{flex:1;text-align:center;position:relative;padding:0 10px}
.iw-benefit+.iw-benefit:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:1px;background:#ddd}
.iw-benefit-icon{width:64px;height:64px;border:2px solid #d9efdf;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:var(--green-dark)}
.iw-benefit-icon svg{width:32px;height:32px}
.iw-benefit-title{font-size:14px;line-height:20px;font-weight:700}
.iw-logo-bottom{width:270px;max-width:70%;height:auto;display:block;margin:42px auto 20px}
.iw-copyright{text-align:center;color:#555;font-size:13px;padding-bottom:22px}

@media(max-width:767px){
  .iw-header{height:82px;padding:0 20px}
  .iw-logo{width:165px}
  .iw-menu-label{display:block;width:34px;height:30px;position:relative}
  .iw-menu-label span,.iw-menu-label:before,.iw-menu-label:after{content:"";position:absolute;left:3px;width:28px;height:3px;background:#111;border-radius:3px}
  .iw-menu-label:before{top:5px}.iw-menu-label span{top:13px}.iw-menu-label:after{top:21px}
  .iw-nav{display:none;position:absolute;left:15px;right:15px;top:72px;background:#fff;border:1px solid #eee;border-radius:0 0 14px 14px;box-shadow:0 8px 20px rgba(0,0,0,.12);padding:8px 15px;flex-direction:column;gap:0;align-items:stretch}
  .iw-menu-toggle:checked~.iw-nav{display:flex}
  .iw-nav a{padding:13px 8px;border-bottom:1px solid #eee}
  .iw-nav a:last-child{border-bottom:0}
  .iw-nav a:after{display:none}
  .iw-main{padding:14px 10px 0}
  .iw-booking-box{padding:16px 10px 14px;border-radius:20px}
  .iw-tabs{gap:10px;margin-bottom:14px}.iw-tab{height:56px;font-size:17px;border-radius:16px}
  .iw-field input,.iw-field select{height:54px;font-size:15px;border-radius:18px;padding-left:52px}
  .iw-row{gap:8px}.iw-field-icon{left:17px;width:22px;height:22px}
  .iw-cabs{gap:5px;margin-bottom:15px}.iw-cab{height:180px;padding:8px 2px}.iw-cab img{width:78px;height:55px}.iw-rate{font-size:14px}.iw-name{font-size:12.5px;line-height:17px}
  .iw-estimate{height:58px;font-size:18px}
  .iw-benefits{padding-top:25px}.iw-benefit{padding:0 4px}.iw-benefit-icon{width:58px;height:58px}.iw-benefit-icon svg{width:28px;height:28px}.iw-benefit-title{font-size:11.5px;line-height:17px}
  .iw-logo-bottom{width:235px;max-width:78%;margin-top:42px}
}
@media(max-width:420px){.iw-cab{height:168px}.iw-cab img{width:70px;height:50px}.iw-rate{font-size:13px}.iw-name{font-size:11.5px}.iw-tab{font-size:16px}.iw-benefit-title{font-size:10.5px}}
