/* RON #1681 R23b LOCAL: modern Quote List */
.ron-ql{--ql-ink:#16171a;--ql-gold:#d4ac5a;--ql-gold2:#e7c983;--ql-red:#e23a45;--ql-line:rgba(22,23,26,.14);--ql-silver:linear-gradient(135deg,#fbfbfc 0%,#e4e6ea 38%,#c3c7ce 72%,#dfe2e6 100%);--ql-silver-h:linear-gradient(135deg,#ffffff 0%,#eceef1 35%,#cfd3d9 70%,#e9ebee 100%);--ql-steel:#a9aeb6;--ql-ease:cubic-bezier(.2,.8,.2,1)}
.ron-ql .ron-ql-i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}

/* card button */
.ron-ql-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;margin:0;border:1px solid var(--ql-line);border-radius:0;background:rgba(255,255,255,.7);color:var(--ql-ink);font-family:'Poppins-Medium','Poppins-Light',Poppins,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;cursor:pointer;position:relative;z-index:2;overflow:hidden;transition:border-color .25s var(--ql-ease),color .25s var(--ql-ease),background .25s var(--ql-ease),box-shadow .25s var(--ql-ease)}
.ron-ql-btn:before{content:"";position:absolute;inset:0;background:var(--ql-silver);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ql-ease);z-index:-1}
.ron-ql-btn:hover{border-color:var(--ql-steel);color:var(--ql-ink)}
.ron-ql-btn:hover:before{transform:scaleX(1)}
.ron-ql-btn:focus-visible{outline:2px solid var(--ql-gold);outline-offset:2px}
.ron-ql-btn .ron-ql-i{width:14px;height:14px;flex:0 0 14px}
.ron-ql-short{display:none}
.ron-ql-btn.ron-ql-narrow .ron-ql-full{display:none}
.ron-ql-btn.ron-ql-narrow .ron-ql-short{display:inline}
.ron-ql-btn.is-on{background:var(--ql-silver);border-color:var(--ql-steel);color:var(--ql-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 3px rgba(0,0,0,.12);text-shadow:0 1px 0 rgba(255,255,255,.6)}
.ron-ql-btn.is-on .ron-ql-i{color:#a8843a}
.ron-ql-btn.is-on:before{background:var(--ql-silver-h)}
.ron-ql-btn.is-busy{pointer-events:none}
.ron-ql-btn.is-busy .ron-ql-i{animation:ronQlSpin .8s linear infinite}

/* heart: frosted round chip */
.ron-ql .heart.ron-ql-heart{width:34px;height:34px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.08);transform:translate(8px,-8px);transition:transform .25s var(--ql-ease),box-shadow .25s,background .25s;cursor:pointer}
.ron-ql .heart.ron-ql-heart:hover{transform:translate(8px,-8px) scale(1.08);box-shadow:0 4px 16px rgba(0,0,0,.14)}
.ron-ql .heart.ron-ql-heart i{font-size:16px!important;line-height:1;color:#5b5d63;transition:color .2s}
.ron-ql li.ron-ql-in .heart.ron-ql-heart i{color:var(--ql-red)}
.ron-ql li.ron-ql-pop .heart.ron-ql-heart i{animation:ronQlPop .45s var(--ql-ease)}
.ron-ql li.ron-ql-in .heart.ron-ql-heart{background:#fff}

/* selected card: thin gold frame */
.ron-ql li.ron-ql-in{outline:1px solid var(--ql-gold);outline-offset:-1px}

/* old popups replaced by toast */
.ron-ql-cards .popup,.ron-ql-cards .popups{display:none!important}/* old enquiry popups are removed by JS; this is the fallback */

/* toast */
.ron-ql-toast{position:fixed;right:24px;top:112px;z-index:100000005;width:360px;max-width:calc(100vw - 32px);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);color:var(--ql-ink);font-family:'Poppins-Light',Poppins,sans-serif;transform:translateX(24px);opacity:0;pointer-events:none;transition:transform .45s var(--ql-ease),opacity .3s;overflow:hidden}
.ron-ql-toast.is-show{transform:none;opacity:1;pointer-events:auto}
.ron-ql-toast-in{display:flex;gap:14px;align-items:center;padding:16px 16px 12px}
.ron-ql-toast img,.ron-ql-toast-ph{width:56px;height:56px;object-fit:cover;flex:0 0 56px;background:#f2f2f2}
.ron-ql-toast-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ron-ql-toast-tx strong{font-family:'Poppins-Medium',Poppins,sans-serif;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ron-ql-kicker{font-family:'Poppins-Medium',Poppins,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a8843a}
.ron-ql-meta{font-size:12px;color:#6b6d72}
.ron-ql-toast-x,.ron-ql-dx{width:28px;height:28px;padding:6px;border:0;background:transparent;color:#6b6d72;cursor:pointer;flex:0 0 28px;align-self:flex-start;border-radius:50%;transition:background .2s,color .2s}
.ron-ql-toast-x:hover,.ron-ql-dx:hover{background:#f1f1f1;color:var(--ql-ink)}
.ron-ql-toast-x svg,.ron-ql-dx svg,.ron-ql-rm svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.ron-ql-toast-act{display:flex;gap:8px;padding:0 16px 16px 86px}
.ron-ql-toast-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--ql-gold);transform-origin:left;transform:scaleX(0)}
.ron-ql-toast.is-show .ron-ql-toast-bar{animation:ronQlBar 4.5s linear forwards}
.ron-ql-toast.is-hold .ron-ql-toast-bar{animation-play-state:paused}

/* shared buttons */
.ron-ql-ghost,.ron-ql-gold{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:0;font-family:'Poppins-Medium',Poppins,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.ron-ql-ghost{border:1px solid var(--ql-line);background:#fff;color:var(--ql-ink)}
.ron-ql-ghost:hover{border-color:var(--ql-ink)}
.ron-ql-gold{border:1px solid var(--ql-gold);background:var(--ql-gold);color:var(--ql-ink)!important}
.ron-ql-gold:hover{background:var(--ql-ink);border-color:var(--ql-ink);color:var(--ql-gold2)!important}

/* floating pill */
.ron-ql-pill{position:fixed;right:20px;bottom:104px;z-index:99990;display:flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 18px;border:0;border-radius:999px;background:var(--ql-silver);border:1px solid rgba(169,174,182,.8);color:var(--ql-ink);font-family:'Poppins-Medium',Poppins,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(0,0,0,.28);cursor:pointer;transform:translateY(90px);opacity:0;transition:transform .5s var(--ql-ease),opacity .3s}
.ron-ql-pill.is-show{transform:none;opacity:1}
.ron-ql-pill .ron-ql-i{width:18px;height:18px;color:#a8843a}
.ron-ql-pill b{min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--ql-gold);color:var(--ql-ink);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:0}
.ron-ql-pill.is-bump b{animation:ronQlPop .5s var(--ql-ease)}
.ron-ql-pill:hover{background:var(--ql-silver-h)}
.ron-ql-pill:focus-visible{outline:2px solid var(--ql-gold);outline-offset:3px}

/* drawer */
.ron-ql-ov{position:fixed;inset:0;z-index:100000010;background:rgba(10,10,12,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s}
.ron-ql-ov.is-open{opacity:1;pointer-events:auto}
.ron-ql-drawer{position:fixed;top:0;right:0;bottom:0;z-index:100000011;width:420px;max-width:100vw;background:#fff;color:var(--ql-ink);display:flex;flex-direction:column;font-family:'Poppins-Light',Poppins,sans-serif;box-shadow:-20px 0 60px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .5s var(--ql-ease)}
.ron-ql-drawer.is-open{transform:none}
.ron-ql-dh{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 20px;border-bottom:1px solid #eee}
.ron-ql-dh h3{margin:6px 0 0;font-family:'Poppins-Light',Poppins,sans-serif;font-weight:300;font-size:26px;line-height:1.2;color:var(--ql-ink)}
.ron-ql-dh h3 em{font-style:normal;font-size:13px;vertical-align:middle;margin-left:6px;padding:3px 9px;border-radius:999px;background:var(--ql-silver);border:1px solid var(--ql-steel);color:var(--ql-ink);font-family:'Poppins-Medium',Poppins,sans-serif}
.ron-ql-items{list-style:none;margin:0;padding:8px 28px;overflow:auto;flex:1}
.ron-ql-items li{display:grid;grid-template-columns:72px 1fr 28px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f0;animation:ronQlIn .4s var(--ql-ease) both}
.ron-ql-th{display:block;width:72px;height:72px;background:#f4f4f4;overflow:hidden}
.ron-ql-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ql-ease)}
.ron-ql-items li:hover .ron-ql-th img{transform:scale(1.06)}
.ron-ql-nm{display:block;font-family:'Poppins-Medium',Poppins,sans-serif;font-size:14px;color:var(--ql-ink);text-decoration:none;margin-bottom:4px}
.ron-ql-items .ron-ql-meta{text-decoration:underline;text-underline-offset:3px}
.ron-ql-rm{width:28px;height:28px;padding:7px;border:1px solid transparent;border-radius:50%;background:transparent;color:#8a8c91;cursor:pointer;transition:all .2s}
.ron-ql-rm:hover{border-color:#e5e5e5;color:var(--ql-red)}
.ron-ql-empty{flex:1;padding:40px 28px;color:#6b6d72;font-size:13px}
.ron-ql-empty p{font-family:'Poppins-Medium',Poppins,sans-serif;color:var(--ql-ink);font-size:15px;margin:0 0 6px}
.ron-ql-df{padding:20px 28px 28px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:12px;align-items:center}
.ron-ql-wide{width:100%;height:50px;font-size:12px}
.ron-ql-link{font-size:12px;color:var(--ql-ink);text-decoration:underline;text-underline-offset:3px}
.ron-ql-note{margin:0;font-size:11px;color:#8a8c91;text-align:center}
html.ron-ql-lock,html.ron-ql-lock body{overflow:hidden}

/* list carried into forms */
.ron-ql-chips{flex:0 0 100%;grid-column:1/-1;width:100%;max-width:none;box-sizing:border-box;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(212,172,90,.55);background:linear-gradient(135deg,#fffaf0,#fff);color:var(--ql-ink);font-family:'Poppins-Light',Poppins,sans-serif;text-align:left}
.ron-ql-ch-h{display:flex;align-items:center;gap:8px;font-family:'Poppins-Medium',Poppins,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.ron-ql-ch-h .ron-ql-i{width:16px;height:16px;color:#a8843a}
.ron-ql-ch-h em{font-style:normal;padding:1px 8px;border-radius:999px;background:var(--ql-silver);border:1px solid var(--ql-steel);color:var(--ql-ink);font-size:11px;letter-spacing:0}
.ron-ql-ch-h a{margin-left:auto;color:var(--ql-ink);text-decoration:underline;text-underline-offset:3px;letter-spacing:.06em}
.ron-ql-ch-row{display:flex;flex-wrap:wrap;gap:8px}
.ron-ql-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:34px;padding:0 12px 0 3px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);font-size:12px;color:var(--ql-ink)}
.ron-ql-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.ron-ql-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ron-ql-chip.ron-ql-more{padding:0 12px}

@keyframes ronQlPop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes ronQlBar{to{transform:scaleX(1)}}
@keyframes ronQlSpin{to{transform:rotate(360deg)}}
@keyframes ronQlIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}

@media (max-width:767px){
  .ron-ql-btn{height:32px;font-size:10.5px;transform:translateY(10px)}
  .ron-ql .heart.ron-ql-heart,.ron-ql .heart.ron-ql-heart:hover{transform:translate(-2px,2px)}
  .ron-ql-toast{left:12px;right:12px;top:auto;bottom:84px;width:auto;max-width:none;transform:translateY(24px)}
  .ron-ql-toast.is-show{transform:none}
  .ron-ql-pill{left:50%;bottom:16px;transform:translate(-50%,90px)}
  .ron-ql-pill.is-show{transform:translate(-50%,0)}
  .ron-ql-drawer{top:auto;left:0;width:100%;height:82vh;border-radius:18px 18px 0 0;transform:translateY(105%)}
  .ron-ql-drawer.is-open{transform:none}
  .ron-ql-dh{padding:22px 20px 16px}.ron-ql-items{padding:4px 20px}.ron-ql-df{padding:16px 20px 24px}
}
@media (prefers-reduced-motion:reduce){.ron-ql *,.ron-ql-toast,.ron-ql-pill,.ron-ql-drawer{animation:none!important;transition:none!important}}
