/* Car World Stock v3 — style.css */
*,*::before,*::after{box-sizing:border-box}
.cws-wrap,.cws-sp,.cws-detail-wrap,.cws-searchbar{font-family:'Inter',sans-serif}

/* ── Shared tokens ── */
:root{
  --cws-bg:#051912;
  --cws-card:#0F221B;
  --cws-accent:#319B72;
  --cws-text:#fff;
  --cws-muted:#ABB2AF;
  --cws-border:rgba(255,255,255,0.10);
  --cws-border-h:rgba(49,155,114,0.5);
  --cws-r:12px;
}

/* ── Outer wrapper ── */
.cws-wrap{background:var(--cws-bg);padding:28px 20px;border-radius:var(--cws-r)}

/* ── Badges ── */
.cws-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:6px;line-height:1.4}
.cws-badge-v{display:none}
.cws-badge-new{background:var(--cws-accent);color:#fff;white-space:nowrap}
.cws-badge-used{background:rgba(49,155,114,.2);border:1px solid var(--cws-accent);color:var(--cws-accent);white-space:nowrap}

/* ── Meta pill ── */
.cws-pill{display:inline-flex;align-items:center;gap:4px;background:#051912;border-radius:20px;padding:4px 10px;font-size:11px;color:var(--cws-muted)}
.cws-pill svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}

/* ── Grid ── */
.cws-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1200px){.cws-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.cws-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cws-grid{grid-template-columns:1fr}}

/* ── Card ── */
.cws-card{background:var(--cws-card);border:1px solid var(--cws-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.cws-card:hover{border-color:var(--cws-border-h);box-shadow:0 8px 30px rgba(0,0,0,.4);transform:translateY(-2px)}
.cws-card-img{position:relative;display:block;text-decoration:none;flex-shrink:0}
.cws-card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cws-card-img-ph{width:100%;aspect-ratio:16/9;background:#0a1a13;display:flex;align-items:center;justify-content:center;color:var(--cws-muted);font-size:12px}
.cws-card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px}
.cws-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;gap:4px}
.cws-card-year{margin:0;color:var(--cws-muted);font-size:11px;font-weight:500}
.cws-card-title{margin:0;font-size:15px;font-weight:700;line-height:1.3}
.cws-card-title a{color:var(--cws-text);text-decoration:none;transition:color .15s}
.cws-card-title a:hover{color:var(--cws-accent)}
.cws-card-sub{margin:0;color:var(--cws-muted);font-size:12px}
.cws-card-price{margin:4px 0 6px;color:var(--cws-accent);font-size:18px;font-weight:800}
.cws-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.cws-card-btn{display:block;margin-top:auto;padding:10px;text-align:center;border:1.5px solid var(--cws-accent);border-radius:8px;color:var(--cws-accent);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;background:transparent}
.cws-card-btn:hover{background:var(--cws-accent);color:#fff}
.cws-empty{color:var(--cws-muted);text-align:center;padding:40px 0;margin:0}
.cws-clear-link{background:none;border:none;color:var(--cws-accent);cursor:pointer;font-size:14px;text-decoration:underline;margin-left:8px}

/* ════════════════════════════════════════════════
   STOCK PAGE
═══════════════════════════════════════════════════ */
.cws-sp{background:var(--cws-bg);font-family:'Inter',sans-serif;color:var(--cws-text)}

/* Top bar */
.cws-sp-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:200}
.cws-sb-wrap{position:relative;flex:1;min-width:0;max-width:calc(100% - 290px)}
.cws-sb-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--cws-muted);pointer-events:none;fill:none;stroke:currentColor;stroke-width:2.5}
#cws-q{width:100%;background:var(--cws-card);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px 10px 40px;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .15s}
#cws-q:focus{border-color:var(--cws-accent)}
#cws-q::placeholder{color:var(--cws-muted)}
.cws-sp-bar-r{display:flex;align-items:center;gap:10px;flex-shrink:0}
.cws-sp-count{color:var(--cws-muted);font-size:13px;white-space:nowrap}
@media(max-width:900px){.cws-sp-count{display:none}}

/* Styled native select — works everywhere, no JS needed */
.cws-sel-wrap{position:relative;width:100%}
.cws-sel-wrap.cws-sel-half{flex:1;min-width:0}
.cws-sel-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--cws-muted);pointer-events:none;flex-shrink:0}
.cws-styled-sel{
  width:100%;
  appearance:none;-webkit-appearance:none;
  background:var(--cws-card);
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:500;
  padding:9px 32px 9px 12px;
  outline:none;
  cursor:pointer;
  transition:border-color .15s,background .15s;
  line-height:1.4;
}
.cws-styled-sel:hover{border-color:rgba(255,255,255,.25);background:#112218}
.cws-styled-sel:focus{border-color:var(--cws-accent);background:#112218}
.cws-styled-sel option{background:#0d1f17;color:#fff;padding:6px}

/* Sort select in top bar */
#cws-sort.cws-styled-sel{width:148px;flex-shrink:0}

/* Mobile filter toggle */
.cws-filter-toggle{display:none;align-items:center;gap:6px;background:var(--cws-card);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-family:'Inter',sans-serif;font-size:13px;padding:9px 14px;cursor:pointer;white-space:nowrap}
.cws-filter-badge{background:var(--cws-accent);color:#fff;font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:768px){.cws-filter-toggle{display:flex}}

/* Body layout */
.cws-sp-body{display:grid;grid-template-columns:230px 1fr;align-items:start}
@media(max-width:900px){.cws-sp-body{grid-template-columns:200px 1fr}}

/* Sidebar */
.cws-sidebar{
  background:#081a11;
  border-right:1px solid rgba(255,255,255,.06);
  padding:18px 16px 32px;
  min-height:500px;
  /* IMPORTANT: do NOT use overflow:hidden — clips dropdowns */
  overflow-y:auto;
  overflow-x:hidden;
  position:sticky;
  top:0;
  max-height:100vh;
  scrollbar-width:thin;
  scrollbar-color:var(--cws-accent) transparent;
}
.cws-sidebar-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:14px;font-weight:700}
.cws-sidebar-hd>div{display:flex;align-items:center;gap:10px}
.cws-clear-all{background:none;border:none;color:var(--cws-accent);font-family:'Inter',sans-serif;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}
.cws-sidebar-close{display:none;background:none;border:none;color:var(--cws-muted);font-size:20px;cursor:pointer;padding:0;line-height:1}
/* Collapsible filter groups */
.cws-fg-collapse{border-bottom:1px solid rgba(255,255,255,.07)}
.cws-fg-collapse:last-child{border-bottom:none}
.cws-fg-hd{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  background:none;border:none;padding:13px 0;cursor:pointer;
  color:#fff;font-family:'Inter',sans-serif;
}
.cws-fg-title{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:7px}
.cws-fg-dot{width:7px;height:7px;border-radius:50%;background:var(--cws-accent);flex-shrink:0}
.cws-fg-chevron{width:15px;height:15px;color:var(--cws-muted);transition:transform .2s;flex-shrink:0}
.cws-fg-collapse.open .cws-fg-chevron{transform:rotate(180deg)}
.cws-fg-body{
  display:none;
  padding-bottom:14px;
}
.cws-fg-collapse.open .cws-fg-body{display:block}
.cws-fl{font-size:10px;font-weight:700;color:var(--cws-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px}

/* Chips */
.cws-chips{display:flex;gap:6px;flex-wrap:wrap}
.cws-chips-wrap{flex-wrap:wrap}
.cws-chip{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  color:var(--cws-muted);
  font-family:'Inter',sans-serif;
  font-size:12px;
  font-weight:500;
  padding:5px 12px;
  cursor:pointer;
  transition:all .15s;
  white-space:nowrap;
  /* Ensure chips are always clickable */
  position:relative;
  z-index:1;
}
.cws-chip:hover{border-color:var(--cws-accent);color:#fff;background:rgba(49,155,114,.15)}
.cws-chip.active{background:var(--cws-accent);border-color:var(--cws-accent);color:#fff;font-weight:600}

/* Range row (year/price) */
.cws-range-row{display:flex;align-items:center;gap:6px}
.cws-dash{color:var(--cws-muted);flex-shrink:0;font-size:14px}

/* Mobile sidebar */
.cws-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1000}
.cws-overlay.show{display:block}
@media(max-width:768px){
  .cws-sp-body{grid-template-columns:1fr}
  .cws-sidebar{
    position:fixed;top:0;left:-290px;width:275px;height:100vh;
    max-height:100vh;z-index:1001;border-right:none;
    transition:left .25s ease;min-height:unset;
  }
  .cws-sidebar.open{left:0}
  .cws-sidebar-close{display:block}
}

/* Results */
.cws-results{padding:18px 20px 32px;min-width:0}
.cws-active-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;min-height:0}
.cws-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(49,155,114,.12);border:1px solid rgba(49,155,114,.3);border-radius:20px;color:var(--cws-accent);font-size:12px;font-weight:500;padding:4px 8px 4px 12px}
.cws-tag button{background:none;border:none;color:var(--cws-accent);cursor:pointer;font-size:12px;padding:2px 4px;opacity:.7;line-height:1;border-radius:50%}
.cws-tag button:hover{opacity:1;background:rgba(49,155,114,.2)}

/* Skeleton */
.cws-skel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1200px){.cws-skel-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.cws-skel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cws-skel-grid{grid-template-columns:1fr}}
.cws-skel{background:linear-gradient(90deg,#0F221B 25%,#122b20 50%,#0F221B 75%);background-size:200% 100%;animation:cws-shimmer 1.5s infinite;border-radius:14px;height:310px}
@keyframes cws-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Pagination */
.cws-pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:28px}
.cws-pg{background:var(--cws-card);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--cws-muted);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;transition:all .15s}
.cws-pg:hover:not(:disabled):not(.active){border-color:var(--cws-accent);color:#fff}
.cws-pg.active{background:var(--cws-accent);border-color:var(--cws-accent);color:#fff}
.cws-pg:disabled{opacity:.3;cursor:not-allowed}
.cws-ellipsis{color:var(--cws-muted);padding:0 4px}


/* ════════════════════════════════════════════════
   DETAIL PAGE
═══════════════════════════════════════════════════ */
.cws-detail-wrap{font-family:'Inter',sans-serif;background:var(--cws-bg);color:var(--cws-text);max-width:1200px;margin:0 auto;padding:0 20px 48px}
.cws-back{display:inline-flex;align-items:center;gap:6px;color:var(--cws-muted);font-size:13px;text-decoration:none;padding:20px 0 16px;transition:color .15s}
.cws-back:hover{color:var(--cws-accent)}
.cws-dh{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
@media(max-width:900px){.cws-dh{grid-template-columns:1fr}}
.cws-gal{min-width:0}
.cws-gal-main-wrap{position:relative}
.cws-gal-main{width:100%;height:420px;object-fit:cover;border-radius:12px;display:block;cursor:zoom-in}
@media(max-width:768px){.cws-gal-main{height:240px}}
@media(max-width:480px){.cws-gal-main{height:200px}}
.cws-gal-empty{width:100%;height:280px;background:#0a1a13;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--cws-muted)}
.cws-gal-count{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:3px 10px;border-radius:20px}
.cws-thumbs{display:flex;gap:7px;margin-top:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--cws-accent) transparent}
.cws-thumb{flex-shrink:0;width:78px;height:54px;object-fit:cover;border-radius:6px;border:2px solid transparent;cursor:pointer;opacity:.55;transition:all .15s}
.cws-thumb.active,.cws-thumb:hover{opacity:1;border-color:var(--cws-accent)}
@media(max-width:480px){.cws-thumb{width:60px;height:42px}}
.cws-ds{min-width:0}
.cws-ds-badges{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.cws-ds-year{margin:0 0 3px;color:var(--cws-muted);font-size:12px;font-weight:500}
.cws-ds-name{margin:0 0 3px;font-size:22px;font-weight:800;line-height:1.2}
@media(max-width:480px){.cws-ds-name{font-size:18px}}
.cws-ds-sub{margin:0 0 12px;color:var(--cws-muted);font-size:14px}
.cws-ds-price{margin:8px 0 3px;font-size:28px;font-weight:800;color:var(--cws-accent)}
@media(max-width:480px){.cws-ds-price{font-size:22px}}
.cws-ds-egc{font-size:11px;color:var(--cws-muted);margin:0 0 16px}
.cws-ds-stock{font-size:11px;color:var(--cws-muted);margin:6px 0 0}
.cws-ds-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.07);border-radius:10px;overflow:hidden;margin-bottom:16px}
.cws-stat{background:var(--cws-card);padding:13px 8px;text-align:center;display:flex;flex-direction:column;gap:3px}
.cws-stat b{font-size:12px;font-weight:700;color:#fff;word-break:break-word}
.cws-stat span{font-size:10px;color:var(--cws-muted);text-transform:uppercase;letter-spacing:.05em}
.cws-ds-ctas{display:flex;flex-direction:column;gap:9px}
.cws-cta-pri,.cws-cta-out,.cws-cta-ghost{display:block;width:100%;padding:13px;text-align:center;border-radius:8px;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .18s;border:none}
.cws-cta-pri{background:var(--cws-accent);color:#fff}
.cws-cta-pri:hover{background:#27835f}
.cws-cta-out{background:transparent;color:var(--cws-accent);border:1.5px solid var(--cws-accent)}
.cws-cta-out:hover{background:var(--cws-accent);color:#fff}
.cws-cta-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12)}
.cws-cta-ghost:hover{background:rgba(255,255,255,.12)}
.cws-tabs-wrap{margin-top:28px}
.cws-tabs-nav{display:flex;border-bottom:1px solid rgba(255,255,255,.09);overflow-x:auto;margin-bottom:22px;scrollbar-width:none;-ms-overflow-style:none}
.cws-tab{padding:11px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--cws-muted);font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;margin-bottom:-1px;transition:all .15s}
.cws-tab.active,.cws-tab:hover{color:var(--cws-accent);border-bottom-color:var(--cws-accent)}
.cws-panel{display:none}.cws-panel.active{display:block}
.cws-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:rgba(255,255,255,.07);border-radius:10px;overflow:hidden}
@media(max-width:480px){.cws-specs{grid-template-columns:1fr 1fr}}
.cws-spec{background:var(--cws-card);padding:13px 16px;display:flex;flex-direction:column;gap:3px}
.cws-sk{font-size:10px;color:var(--cws-muted);text-transform:uppercase;letter-spacing:.06em}
.cws-sv{font-size:14px;font-weight:600;color:#fff}
.cws-comments{background:var(--cws-card);border-radius:12px;padding:22px 24px;color:var(--cws-muted);line-height:1.85;font-size:14px;max-width:820px}
.cws-comments strong,.cws-comments b{color:#fff}
.cws-comments ul,.cws-comments ol{padding-left:20px;margin:10px 0}
.cws-comments li{margin-bottom:4px}
.cws-link-btn{background:none;border:none;color:var(--cws-accent);font-family:'Inter',sans-serif;font-size:14px;cursor:pointer;padding:0;text-decoration:underline}
.cws-enq-form,.cws-fin{background:var(--cws-card);border-radius:12px;padding:24px;max-width:700px}
.cws-enq-form h3,.cws-fin h3{margin:0 0 8px;font-size:18px;font-weight:700}
.cws-enq-intro{color:var(--cws-muted);font-size:13px;margin:0 0 20px}
.cws-fr2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:540px){.cws-fr2{grid-template-columns:1fr}}
.cws-ff{display:flex;flex-direction:column;gap:6px}
.cws-ff label{font-size:11px;font-weight:700;color:var(--cws-muted);text-transform:uppercase;letter-spacing:.05em}
.cws-ff input,.cws-ff select,.cws-ff textarea{background:#051912;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 13px;color:#fff;font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color .15s;width:100%}
.cws-ff input:focus,.cws-ff select:focus,.cws-ff textarea:focus{border-color:var(--cws-accent)}
.cws-ff textarea{resize:vertical;min-height:96px}
.cws-ff select option{background:var(--cws-card)}
.cws-enq-btn{background:var(--cws-accent);color:#fff;border:none;border-radius:8px;padding:13px 28px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s}
.cws-enq-btn:hover{background:#27835f}
.cws-msg{padding:13px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-top:12px}
.cws-msg.ok{background:rgba(49,155,114,.15);border:1px solid var(--cws-accent);color:var(--cws-accent)}
.cws-msg.err{background:rgba(220,60,60,.12);border:1px solid rgba(220,60,60,.4);color:#ff6b6b}
.cws-range{width:100%;-webkit-appearance:none;height:4px;background:rgba(255,255,255,.12);border-radius:2px;outline:none;cursor:pointer;padding:0;border:none;margin-top:8px}
.cws-range::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--cws-accent);cursor:pointer;border:2px solid #fff}
.cws-range-lbls{display:flex;justify-content:space-between;font-size:10px;color:var(--cws-muted);margin-top:5px}
.cws-fin-res{background:#051912;border-radius:10px;padding:20px;text-align:center;margin-top:18px}
.cws-fin-tabs{display:flex;background:#0a1a13;border-radius:8px;padding:4px;margin-bottom:14px}
.cws-fin-tab{flex:1;padding:7px 10px;background:none;border:none;border-radius:6px;color:var(--cws-muted);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}
.cws-fin-tab.active{background:var(--cws-accent);color:#fff}
.cws-fin-amount{font-size:34px;font-weight:800;color:var(--cws-accent);margin:0}
.cws-fin-period{font-size:12px;color:var(--cws-muted);margin:4px 0 14px}
.cws-fin-bk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:480px){.cws-fin-bk{grid-template-columns:1fr}}
.cws-fin-bki{background:var(--cws-card);border-radius:8px;padding:11px 8px;text-align:center;display:flex;flex-direction:column;gap:3px}
.cws-fin-bki b{font-size:14px;font-weight:700;color:#fff}
.cws-fin-bki span{font-size:9px;color:var(--cws-muted);text-transform:uppercase;letter-spacing:.05em}

/* ════════════════════════════════════════════════
   CAROUSEL
═══════════════════════════════════════════════════ */
.cwsc-outer{position:relative;display:flex;align-items:center;gap:8px}
.cwsc-track-wrap{flex:1;overflow:hidden;border-radius:12px}
.cwsc-track{display:flex;gap:16px;transition:transform .4s ease;will-change:transform}
.cwsc-slide{flex:0 0 calc(33.333% - 11px);background:var(--cws-card);border:1px solid var(--cws-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.cwsc-slide:hover{border-color:var(--cws-border-h);transform:translateY(-2px)}
.cwsc-img-wrap{position:relative;display:block;text-decoration:none;flex-shrink:0}
.cwsc-img-wrap img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cwsc-img-ph{width:100%;aspect-ratio:16/9;background:#0a1a13}
.cwsc-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px}
.cwsc-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;gap:4px}
.cwsc-year{margin:0;color:var(--cws-muted);font-size:11px;font-weight:500}
.cwsc-title{margin:0;font-size:14px;font-weight:700}
.cwsc-title a{color:var(--cws-text);text-decoration:none;transition:color .15s}
.cwsc-title a:hover{color:var(--cws-accent)}
.cwsc-sub{margin:0;color:var(--cws-muted);font-size:12px}
.cwsc-price{margin:4px 0 6px;color:var(--cws-accent);font-size:16px;font-weight:800}
.cwsc-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.cwsc-arrow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}
.cwsc-arrow:hover{background:var(--cws-accent);border-color:var(--cws-accent)}
.cwsc-arrow:disabled{opacity:.25;cursor:not-allowed}
.cwsc-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.cwsc-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);border:none;cursor:pointer;transition:background .15s;padding:0}
.cwsc-dot.active{background:var(--cws-accent)}
@media(max-width:900px){.cwsc-slide{flex:0 0 calc(50% - 8px)}}
@media(max-width:600px){.cwsc-slide{flex:0 0 100%}}

/* ════════════════════════════════════════════════
   HORIZONTAL SEARCH BAR  [carworld_search]
═══════════════════════════════════════════════════ */
.cws-sb-outer{padding:0}
.cws-hbar{width:100%;background:var(--cws-card);border:1.5px solid rgba(255,255,255,.12);border-radius:10px;overflow:visible;display:flex;align-items:stretch;min-height:58px;font-family:'Inter',sans-serif;position:relative}
.cws-hbar:focus-within{border-color:var(--cws-accent);box-shadow:0 0 0 3px rgba(49,155,114,.15)}
.cws-hbar-field{display:flex;align-items:center;gap:10px;flex:1;padding:0 18px;min-width:0;position:relative}
.cws-hbar-kw{flex:1.5}
.cws-hbar-sel-wrap{flex:1;min-width:0}
.cws-hbar-ico{width:17px;height:17px;flex-shrink:0;color:var(--cws-muted)}
.cws-hbar-input{flex:1;background:transparent;border:none;color:#fff;font-family:'Inter',sans-serif;font-size:15px;outline:none;min-width:0;width:100%;-webkit-appearance:none;appearance:none;cursor:pointer;padding:0}
.cws-hbar-input[type="search"]{cursor:text}
.cws-hbar-input::placeholder{color:var(--cws-muted)}
.cws-hbar-input option{background:var(--cws-card);color:#fff}
.cws-hbar-sel-wrap .cws-hbar-input{padding-right:20px}
.cws-hbar-sel-wrap::after{content:'▾';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--cws-muted);font-size:12px;pointer-events:none}
.cws-hbar-sep{width:1px;background:rgba(255,255,255,.1);flex-shrink:0;align-self:stretch;margin:12px 0}
.cws-hbar-btn{background:var(--cws-accent);color:#fff;border:none;padding:0 36px;font-family:'Inter',sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:background .18s;flex-shrink:0;white-space:nowrap;border-radius:0 8px 8px 0}
.cws-hbar-btn:hover{background:#27835f}
.cws-hbar-inner{display:flex;align-items:stretch;flex:1;overflow:hidden;border-radius:8px 0 0 8px}
@media(max-width:640px){
  .cws-hbar{flex-direction:column;overflow:hidden}
  .cws-hbar-inner{border-radius:0;flex-direction:column}
  .cws-hbar-field{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
  .cws-hbar-sep{display:none}
  .cws-hbar-btn{width:100%;padding:15px;font-size:15px;border-radius:0 0 8px 8px}
}

.cws-tabs-nav::-webkit-scrollbar{display:none}

/* ════════════════════════════════════════════════
   CONTACT FORM  [carworld_contact]
═══════════════════════════════════════════════════ */
.cws-cf-wrap{font-family:'Inter',sans-serif}
.cws-cf .cws-ff{margin-bottom:16px}
.cws-ff label{display:block;font-size:11px;font-weight:700;color:var(--cws-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.cws-req{color:var(--cws-accent)}
.cws-ff input,.cws-ff select,.cws-ff textarea{
  display:block;width:100%;
  background:#051912;
  border:1.5px solid rgba(255,255,255,.12);
  border-radius:8px;
  padding:11px 14px;
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:14px;
  outline:none;
  transition:border-color .15s;
}
.cws-ff input:focus,.cws-ff select:focus,.cws-ff textarea:focus{border-color:var(--cws-accent)}
.cws-ff textarea{resize:vertical;min-height:120px}
.cws-ff select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer}
.cws-ff select option{background:#0d1f17}
.cws-verr{display:none;font-size:11px;color:#ff6b6b;margin-top:5px}
.cws-ff-error input,.cws-ff-error select,.cws-ff-error textarea{border-color:#ff6b6b}
.cws-ff-error .cws-verr{display:block}

/* Appointment box */
.cws-cf-appt-box{
  background:var(--cws-card);
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  padding:18px 20px;
  margin-bottom:20px;
}
.cws-cf-toggle-label{display:flex;align-items:center;gap:14px;cursor:pointer;user-select:none}
.cws-cf-switch{position:relative;width:40px;height:23px;flex-shrink:0}
.cws-cf-switch input{position:absolute;opacity:0;width:0;height:0}
.cws-cf-track{position:absolute;inset:0;background:rgba(255,255,255,.2);border-radius:12px;transition:background .2s;display:block}
.cws-cf-thumb{position:absolute;top:4px;left:4px;width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.3);display:block}
.cws-cf-switch input:checked + .cws-cf-track{background:var(--cws-accent)}
.cws-cf-switch input:checked ~ .cws-cf-thumb{transform:translateX(17px)}
.cws-cf-toggle-title{display:block;font-size:15px;font-weight:600;color:#fff}
.cws-cf-toggle-sub{display:block;font-size:12px;color:var(--cws-muted);margin-top:2px}
.cws-cf-appt-fields{display:none;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:16px}
.cws-cf-hours{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cws-muted);margin-bottom:14px}
@keyframes cws-fadein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Submit button */
.cws-cf-submit{
  background:var(--cws-accent);color:#fff;border:none;border-radius:8px;
  padding:14px 36px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;
  cursor:pointer;transition:background .18s;width:100%;
}
.cws-cf-submit:hover{background:#27835f}
.cws-cf-submit:disabled{opacity:.6;cursor:not-allowed}

@media(max-width:540px){
  .cws-cf-appt-box{padding:14px 16px}
}

/* ════════════════════════════════════════════════
   CUSTOM DATE PICKER
═══════════════════════════════════════════════════ */
.cws-datepicker-wrap{position:relative}
.cws-date-input{
  display:flex;align-items:center;gap:8px;
  background:#051912;border:1.5px solid rgba(255,255,255,.12);
  border-radius:8px;padding:10px 14px;cursor:pointer;
  transition:border-color .15s;user-select:none;
}
.cws-date-input:hover,.cws-date-input.open{border-color:var(--cws-accent)}
.cws-date-input svg{width:16px;height:16px;color:var(--cws-accent);flex-shrink:0}
.cws-date-input-text{flex:1;font-family:'Inter',sans-serif;font-size:14px;color:#fff}
.cws-date-input-text.placeholder{color:var(--cws-muted)}
.cws-date-input-clear{background:none;border:none;color:var(--cws-muted);cursor:pointer;font-size:16px;padding:0;line-height:1;display:none}
.cws-date-input-clear:hover{color:#fff}

/* Calendar popup */
.cws-cal{
  position:absolute;top:calc(100% + 6px);left:0;z-index:900;
  background:#0d1f17;border:1px solid rgba(255,255,255,.15);
  border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.6);
  padding:16px;width:280px;display:none;
  font-family:'Inter',sans-serif;
}
.cws-cal.show{display:block;animation:cws-fadein .15s ease}
.cws-cal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cws-cal-month{font-size:15px;font-weight:700;color:#fff}
.cws-cal-nav{display:flex;gap:4px}
.cws-cal-nav button{
  background:rgba(255,255,255,.07);border:none;border-radius:6px;
  width:28px;height:28px;color:#fff;cursor:pointer;font-size:14px;
  display:flex;align-items:center;justify-content:center;transition:background .15s;
}
.cws-cal-nav button:hover{background:var(--cws-accent)}
.cws-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cws-cal-dow{
  text-align:center;font-size:10px;font-weight:700;
  color:var(--cws-muted);letter-spacing:.05em;
  padding:4px 0 8px;
}
.cws-cal-day{
  text-align:center;padding:7px 0;border-radius:6px;
  font-size:13px;cursor:pointer;color:#fff;
  transition:background .12s,color .12s;border:none;background:none;
  font-family:'Inter',sans-serif;
}
.cws-cal-day:hover:not(.disabled):not(.other-month){background:rgba(49,155,114,.3)}
.cws-cal-day.today{color:var(--cws-accent);font-weight:700}
.cws-cal-day.selected{background:var(--cws-accent)!important;color:#fff;font-weight:700}
.cws-cal-day.disabled{color:rgba(255,255,255,.2);cursor:not-allowed}
.cws-cal-day.other-month{color:rgba(255,255,255,.2)}
.cws-cal-day.weekend:not(.disabled){color:#94d4b8}

/* ════════════════════════════════════════════════
   IMPROVED SELECT DROPDOWNS (sidebar filters)
   Keep native select but style the open list via
   a custom panel built with JS
═══════════════════════════════════════════════════ */
.cws-listbox-wrap{position:relative}
.cws-listbox-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--cws-card);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;padding:10px 12px;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  color:#fff;transition:border-color .15s,background .15s;text-align:left;
}
.cws-listbox-trigger:hover,.cws-listbox-wrap.open .cws-listbox-trigger{
  border-color:var(--cws-accent);background:#112218;
}
.cws-listbox-val{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cws-listbox-arrow{width:14px;height:14px;color:var(--cws-muted);flex-shrink:0;transition:transform .2s}
.cws-listbox-wrap.open .cws-listbox-arrow{transform:rotate(180deg);color:var(--cws-accent)}

.cws-listbox-menu{
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:800;
  background:#0d1f17;border:1px solid rgba(255,255,255,.15);
  border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);
  max-height:220px;overflow-y:auto;padding:4px;
  scrollbar-width:thin;scrollbar-color:var(--cws-accent) transparent;
  display:none;animation:cws-fadein .15s ease;
}
.cws-listbox-wrap.open .cws-listbox-menu{display:block}
.cws-listbox-item{
  display:block;width:100%;padding:9px 12px;text-align:left;
  background:none;border:none;border-radius:6px;
  color:var(--cws-muted);font-family:'Inter',sans-serif;font-size:13px;
  cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;
}
.cws-listbox-item:hover{background:rgba(49,155,114,.15);color:#fff}
.cws-listbox-item.selected{background:var(--cws-accent);color:#fff;font-weight:600}
/* Hidden native select (keeps form semantics, JS reads from it) */
.cws-listbox-native{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}

/* ════════════════════════════════════════════════
   UNIFIED LISTBOX  (.cws-lb-*)
═══════════════════════════════════════════════════ */
.cws-lb-wrap{position:relative;width:100%}

.cws-lb-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--cws-card);border:1px solid rgba(255,255,255,.12);border-radius:8px;
  color:#fff;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  padding:10px 12px;cursor:pointer;text-align:left;
  transition:border-color .15s,background .15s;
}
.cws-lb-trigger:hover,.cws-lb-wrap.open .cws-lb-trigger{
  border-color:var(--cws-accent);background:#112218;
}
.cws-lb-val{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cws-lb-arrow{
  width:14px;height:14px;color:var(--cws-muted);flex-shrink:0;
  transition:transform .2s,color .2s;
}
.cws-lb-wrap.open .cws-lb-arrow{transform:rotate(180deg);color:var(--cws-accent)}

.cws-lb-menu{
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;
  background:#0d1f17;border:1px solid rgba(255,255,255,.15);border-radius:8px;
  box-shadow:0 10px 36px rgba(0,0,0,.55);
  max-height:240px;overflow-y:auto;padding:4px;
  scrollbar-width:thin;scrollbar-color:var(--cws-accent) transparent;
  display:none;animation:cws-fadein .14s ease;
}
.cws-lb-wrap.open .cws-lb-menu{display:block}
.cws-lb-menu.cws-lb-up{top:auto;bottom:calc(100% + 4px)}

.cws-lb-item{
  display:block;width:100%;padding:9px 13px;text-align:left;
  background:none;border:none;border-radius:6px;
  color:var(--cws-muted);font-family:'Inter',sans-serif;font-size:13px;
  cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;
}
.cws-lb-item:hover{background:rgba(49,155,114,.15);color:#fff}
.cws-lb-item.selected{background:var(--cws-accent);color:#fff;font-weight:600}

/* Sort bar trigger — slightly larger */
#cws-sort-lb .cws-lb-trigger{font-size:13px;padding:9px 12px;white-space:nowrap}
#cws-sort-lb{width:auto;min-width:155px;flex-shrink:0;position:relative;isolation:isolate}
#cws-sort-lb .cws-lb-menu{z-index:9999;min-width:210px;right:0;left:auto;position:absolute}

/* ════════════════════════════════════════════════
   CALENDAR  (.cws-cal-*)
═══════════════════════════════════════════════════ */
.cws-cal-wrap{position:relative}

.cws-cal-trigger{
  display:flex;align-items:center;gap:9px;
  background:#051912;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;
  padding:11px 14px;cursor:pointer;width:100%;text-align:left;
  transition:border-color .15s;font-family:'Inter',sans-serif;
  min-height:46px;
}
.cws-cal-trigger:hover,.cws-cal-trigger.open{border-color:var(--cws-accent)}
.cws-cal-trigger svg{width:16px;height:16px;color:var(--cws-accent);flex-shrink:0}
.cws-cal-display{flex:1;font-size:14px;color:#fff}
.cws-cal-placeholder{color:var(--cws-muted)}
.cws-cal-clear{
  background:none;border:none;color:var(--cws-muted);cursor:pointer;
  font-size:18px;padding:0 2px;line-height:1;display:none;
  transition:color .15s;flex-shrink:0;
}
.cws-cal-clear:hover{color:#fff}

.cws-cal-popup{
  display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:1001;
  background:#0d1f17;border:1px solid rgba(255,255,255,.15);border-radius:12px;
  box-shadow:0 12px 44px rgba(0,0,0,.65);padding:16px;width:270px;
  animation:cws-fadein .15s ease;
}
.cws-cal-popup.cws-cal-up{top:auto;bottom:calc(100% + 6px)}

.cws-cal-hd{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;
}
.cws-cal-month-lbl{font-size:14px;font-weight:700;color:#fff;text-align:center;flex:1}
.cws-cal-nav-btn{
  background:rgba(255,255,255,.08);border:none;border-radius:6px;
  width:28px;height:28px;color:#fff;cursor:pointer;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s;line-height:1;flex-shrink:0;
}
.cws-cal-nav-btn:hover{background:var(--cws-accent)}

.cws-cal-grid{
  display:grid;grid-template-columns:repeat(7,1fr);gap:2px;
}
.cws-cal-dow{
  text-align:center;font-size:10px;font-weight:700;
  color:var(--cws-muted);letter-spacing:.05em;padding:4px 0 8px;
}
.cws-cal-cell{
  text-align:center;padding:6px 0;border-radius:6px;
  font-size:13px;color:#fff;border:none;background:none;
  font-family:'Inter',sans-serif;cursor:pointer;
  transition:background .12s,color .12s;display:block;width:100%;
}
button.cws-cal-cell:hover:not(.dis){background:rgba(49,155,114,.3)}
.cws-cal-cell.today{color:var(--cws-accent);font-weight:700}
.cws-cal-cell.sel{background:var(--cws-accent)!important;color:#fff;font-weight:700}
.cws-cal-cell.dis{color:rgba(255,255,255,.2);cursor:not-allowed}
.cws-cal-cell.other{visibility:hidden}
.cws-cal-cell.sat:not(.dis){color:#94d4b8}

/* Search bar listbox fields */
.cws-hbar-dd-field{flex:1;padding:0;min-width:0}
.cws-hbar-dd-field .cws-sel-wrap{width:100%;height:100%}
.cws-hbar-dd-field .cws-lb-trigger{
  height:100%;border:none;border-radius:0;background:transparent;
  padding:0 18px;font-size:15px;min-height:58px;
}
.cws-hbar-dd-field .cws-lb-trigger:hover,
.cws-hbar-dd-field .cws-lb-wrap.open .cws-lb-trigger{
  background:rgba(49,155,114,.08);border-color:transparent;
}
.cws-hbar-dd-field .cws-lb-menu{
  top:calc(100% + 2px);left:0;min-width:180px;right:auto;
}
/* Sidebar listbox — full width */
.cws-fg-body .cws-lb-wrap{display:block}
.cws-fg-body .cws-lb-trigger{width:100%}

/* ── Contact form field alignment fixes ── */
.cws-cal-wrap{position:relative;width:100%}
/* Appointment date+time row: stretch so both cols are same height */
.cws-cf-appt-fields .cws-fr2{align-items:start;grid-template-rows:auto}
.cws-cf-appt-fields .cws-fr2 .cws-ff{display:flex;flex-direction:column}
.cws-cf-appt-fields .cws-fr2 .cws-ff label{flex-shrink:0;margin-bottom:6px}
/* Force both the calendar trigger and the time listbox to the same height */
.cws-cf-appt-fields .cws-cal-trigger,
.cws-cf-appt-fields .cws-lb-trigger,
.cws-cf-appt-fields select{
  height:46px;
  min-height:46px;
  box-sizing:border-box;
}
/* Prevent the time field listbox from changing its wrapper height */
.cws-cf-appt-fields .cws-lb-wrap{display:block}
.cws-cf-appt-fields .cws-lb-trigger{width:100%}

/* ── hbar: clip corners visually without hiding dropdown menus ── */
.cws-hbar{border-radius:10px}
.cws-hbar-field:first-child,
.cws-hbar-field:first-child .cws-lb-trigger{border-radius:8px 0 0 8px}
/* Ensure the search bar listbox menus are visible */
.cws-hbar .cws-lb-menu{z-index:1100}
.cws-hbar .cws-hbar-dd-field{overflow:visible}
.cws-hbar .cws-sel-wrap{overflow:visible}

/* ── Sort bar ── handled above ── */

/* ── Sidebar listbox z-index ── */
.cws-sidebar .cws-lb-menu{z-index:900}

/* ── Appointment date+time row — rigid aligned layout ── */
.cws-appt-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:14px;
  align-items:start; /* columns grow independently */
}
@media(max-width:540px){ .cws-appt-row{grid-template-columns:1fr} }

.cws-appt-col{display:flex;flex-direction:column;gap:0}
.cws-appt-label{
  display:block;
  font-size:11px;font-weight:700;
  color:var(--cws-muted);
  text-transform:uppercase;letter-spacing:.05em;
  margin-bottom:6px;
  /* Fixed height so label row never affects column height differently */
  height:20px;line-height:20px;
}

/* Cal trigger and listbox trigger in appt row — identical heights */
.cws-appt-col .cws-cal-trigger,
.cws-appt-col .cws-lb-trigger,
.cws-appt-col select{
  height:46px;
  min-height:46px;
  max-height:46px;
  box-sizing:border-box;
  width:100%;
}
.cws-appt-col .cws-lb-wrap{display:block;width:100%}
.cws-appt-col .cws-sel-wrap{width:100%}

/* Fixed-position menu styling */
.cws-lb-menu[style*="position: fixed"]{
  position:fixed !important;
  border-radius:8px;
  animation:cws-fadein .14s ease;
}


/* ═══════════════════════════════════════════════════════════════════
   SOLD VEHICLES WIDGET  [carworld_sold]
   ═══════════════════════════════════════════════════════════════════ */

/* Sold card reuses .cws-card layout exactly.
   These classes only add the SOLD sash and mute the image. */

.cws-sold-img-wrap {
  position: relative;  /* needed for sash positioning */
  overflow: hidden;
}
.cws-sold-card .cws-card-img img {
  filter: grayscale(30%);
  transition: filter .3s;
}
.cws-sold-card:hover .cws-card-img img {
  filter: grayscale(0);
}

/* SOLD diagonal sash */
.cws-sold-sash {
  position: absolute;
  top: 22px;
  right: -36px;
  width: 140px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-align: center;
  padding: 6px 0;
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 3;
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
}

/* ── Similar-vehicle modal ─────────────────────────────────────────── */
.cws-si-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 9998;
  opacity: 0;
  transition: opacity .25s;
}
.cws-si-overlay--open { opacity: 1; }

.cws-si-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%);
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  background: var(--cws-card);
  border: 1px solid var(--cws-border);
  border-radius: var(--cws-r);
  padding: 32px;
  z-index: 9999;
  opacity: 0;
  transition: opacity .25s, transform .25s;
  box-shadow: 0 24px 60px rgba(0,0,0,.5);
}
.cws-si-modal--open {
  opacity: 1;
  transform: translate(-50%, -50%);
}

body.cws-modal-open { overflow: hidden; }

.cws-si-modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  background: none;
  border: none;
  color: var(--cws-muted);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: color .15s, background .15s;
}
.cws-si-modal-close:hover {
  color: var(--cws-text);
  background: rgba(255,255,255,.06);
}

.cws-si-modal-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--cws-text);
  margin: 0 0 6px;
}
.cws-si-modal-sub {
  font-size: 13px;
  color: var(--cws-accent);
  font-weight: 600;
  margin: 0 0 20px;
  min-height: 1em;
}

/* Modal form field spacing */
.cws-si-modal .cws-ff {
  margin-bottom: 14px;
}
.cws-si-modal .cws-ff:last-of-type {
  margin-bottom: 20px;
}
.cws-si-modal .cws-fr2 {
  margin-bottom: 0;
}
.cws-si-modal .cws-fr2 .cws-ff {
  margin-bottom: 14px;
}