:root{
--navy:#0a1a30;
--navy-2:#0e2443;
--steel:#38516f;
--paper:#ffffff;
--rust:#c60513;
--rust-dark:#8e030d;
--line:#d8d3c4;
--ink:#1b1b18;
}
*{box-sizing:border-box;}
body{
margin:0;
font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
background:var(--paper);
color:var(--ink);
}
header{
background:white;
color:var(--navy);
padding:14px 24px 10px;
border-bottom:4px solid var(--rust);
}
header .wrap{width:100%;margin:0;}
/* Logo top-left, contact buttons top-right, nav row below — a single
   compact header so the banners below have as much vertical room as
   possible. */
.header-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;flex-wrap:wrap;}
.header-left{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;}
@media (max-width:600px){
header{padding:12px 16px 8px;}
.header-top-row{flex-direction:column;align-items:center;gap:10px;}
.header-left{align-items:center;}
.header-right{align-items:center;width:100%;}
header p{text-align:center;}
.contact-btns{width:100%;flex-direction:column;flex-wrap:nowrap;}
.contact-btn{width:100%;padding:13px 18px;font-size:15px;}
}
.site-logo{display:block;width:auto;height:auto;max-width:260px;max-height:64px;margin:0;}
@media (max-width:600px){
.site-logo{max-width:200px;max-height:56px;}
}
header p{margin:4px 0 0;color:var(--steel);font-size:12px;letter-spacing:0.2px;text-align:left;}
.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-wrap:wrap;}
.contact-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.contact-btn{
display:flex;align-items:center;justify-content:center;gap:8px;
padding:15px 26px;border-radius:3px;font-size:17px;font-weight:800;
text-decoration:none;letter-spacing:0.2px;white-space:nowrap;
}
.contact-btn.call{background:var(--rust);color:white;}
.contact-btn.call:hover{background:var(--rust-dark);}
.contact-btn.text{background:white;color:var(--navy);border:2px solid var(--navy);}
.contact-btn.text:hover{background:var(--navy);color:white;}
.count-pill{
color:var(--steel);
font-weight:600;
padding:6px 0;
font-size:12px;
letter-spacing:0.3px;
}
main{max-width:1100px;margin:0 auto;padding:28px 24px 60px;}
.toolbar{
display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;
align-items:center;
}
.toolbar input, .toolbar select{
padding:10px 12px;
border:1px solid var(--line);
background:white;
font-size:14px;
border-radius:2px;
}
.toolbar input{flex:1;min-width:200px;}
.toolbar select{min-width:110px;}
.toolbar .clear-btn{
background:none;border:1px solid var(--line);color:var(--steel);
padding:9px 12px;border-radius:2px;cursor:pointer;font-size:13px;
}
.toolbar .clear-btn:hover{border-color:var(--rust);color:var(--rust-dark);}
.toolbar select{max-width:170px;}

/* --- Mobile "Sort" + "Filter" ---
   Hidden on desktop, where the toolbar above stays inline exactly as
   before. On narrow screens it's replaced by two separate buttons
   (mirrors northparkcdjr.com's own mobile layout): "Sort" drops a
   short checklist right under itself; "Filter" opens the full
   .toolbar as a full-screen page with a "Currently Applied" chip row
   up top and a sticky Clear All / View N Matches footer. */
.filter-bar-mobile{display:none;}
.mobile-sf-row{display:none;gap:10px;}
.mobile-sf-btn{
flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
background:var(--rust);color:white;border:none;padding:13px 10px;
font-weight:700;font-size:14px;border-radius:2px;cursor:pointer;letter-spacing:0.3px;
position:relative;
}
.mobile-sf-btn:hover{background:var(--rust-dark);}
.mobile-sf-icon{font-size:15px;line-height:1;}
.filter-count-badge{
background:var(--rust);color:white;border-radius:50%;
min-width:20px;height:20px;padding:0 5px;
display:inline-flex;align-items:center;justify-content:center;
font-size:12px;font-weight:800;
}
.filter-count-badge[hidden]{display:none;}
.mobile-sort-menu{
display:none;position:absolute;margin-top:6px;
background:white;border:1px solid var(--line);border-radius:3px;
box-shadow:0 10px 30px rgba(17,26,43,0.18);
min-width:220px;overflow:hidden;z-index:57;
}
.mobile-sort-menu.open{display:block;}
.sort-option{
display:flex;align-items:center;gap:10px;width:100%;text-align:left;
background:none;border:none;padding:12px 16px;font-size:14px;color:var(--ink);cursor:pointer;
}
.sort-option:hover{background:var(--paper);}
.sort-option .sort-check{width:14px;color:var(--rust);visibility:hidden;font-weight:700;}
.sort-option.active{color:var(--rust-dark);font-weight:700;}
.sort-option.active .sort-check{visibility:visible;}
.active-chips{display:none;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.filter-chip{
display:inline-flex;align-items:center;gap:6px;
background:white;border:1px solid var(--line);color:var(--ink);
padding:7px 10px;border-radius:20px;font-size:13px;cursor:pointer;
}
.filter-chip:hover{border-color:var(--rust);color:var(--rust-dark);}
.filter-chip span{font-size:11px;color:var(--steel);}
.toolbar-backdrop{display:none;}
.toolbar-mobile-header{display:none;}
.toolbar-applied-label{display:none;}
.toolbar-footer{display:none;}
.toolbar-close-btn{display:none;}
.toolbar-clearall-link{display:none;}

@media (max-width:600px){
.filter-bar-mobile{display:block;margin-bottom:12px;position:relative;}
.mobile-sf-row{display:flex;}
.toolbar{
position:fixed;inset:0;
background:var(--paper);
flex-direction:column;align-items:stretch;
overflow-y:auto;
padding:0 20px calc(90px + env(safe-area-inset-bottom));
margin:0;
z-index:56;
transform:translateY(100%);
transition:transform .25s ease;
}
.toolbar.open{transform:translateY(0);}
.toolbar-mobile-header{
display:flex;align-items:center;justify-content:space-between;
margin:0 -20px 14px;padding:18px 20px;
border-bottom:1px solid var(--line);
position:sticky;top:0;background:var(--paper);z-index:1;
}
.toolbar-mobile-header h2{
margin:0;font-family:'Oswald',sans-serif;font-size:19px;color:var(--navy);letter-spacing:0.3px;
}
.toolbar-close-btn{
display:block;background:none;border:none;font-size:20px;line-height:1;
color:var(--steel);cursor:pointer;padding:4px;
}
.toolbar-applied-label{
display:block;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;
text-transform:uppercase;letter-spacing:0.5px;color:var(--steel);margin:0 0 10px;
}
.toolbar-applied-label[hidden]{display:none;}
.active-chips{display:flex;}
.toolbar input, .toolbar select{width:100%;max-width:none;}
.toolbar .clear-btn{display:none;}
.toolbar #sortBox{display:none;}
.toolbar-footer{
display:flex;align-items:center;justify-content:space-between;gap:14px;
position:fixed;left:0;right:0;bottom:0;
background:white;border-top:1px solid var(--line);
padding:14px 20px calc(14px + env(safe-area-inset-bottom));
z-index:57;
}
.toolbar-clearall-link{
display:block;background:none;border:none;color:var(--steel);
font-size:14px;text-decoration:underline;cursor:pointer;padding:8px 0;
}
.toolbar-done-btn{
display:block;flex:1;max-width:220px;
background:var(--rust);color:white;border:none;
padding:14px;font-weight:800;font-size:14px;border-radius:2px;cursor:pointer;
letter-spacing:0.3px;text-transform:uppercase;
}
.toolbar-done-btn:hover{background:var(--rust-dark);}
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
gap:20px;
}
.card{
background:white;
border:1px solid var(--line);
border-radius:3px;
overflow:hidden;
display:flex;flex-direction:column;
transition:transform .15s ease, box-shadow .15s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(17,26,43,0.12);}
.card img{width:100%;height:230px;object-fit:contain;background:white;display:block;cursor:pointer;}
.card h3{margin:0;font-size:17px;line-height:1.3;cursor:pointer;}
.card h3:hover{color:var(--rust-dark);}
.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.card .price{font-family:'Oswald',sans-serif;font-size:22px;color:var(--rust-dark);font-weight:600;}
.card .meta{font-size:14px;color:var(--steel);}
.card-specs{font-size:12px;color:var(--steel);margin-top:-3px;}
.card-price-block{font-size:12.5px;margin-bottom:2px;}
.pb-row{display:flex;justify-content:space-between;gap:8px;padding:1px 0;color:var(--steel);}
.pb-row.pb-msrp{padding-top:0;}
.pb-msrp .pb-strike{text-decoration:line-through;color:var(--steel);}
.pb-row.pb-discount span:last-child{color:#b3261e;}
.pb-posted{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid var(--line);margin-top:4px;padding-top:5px;font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;}
.pb-posted-amount{color:#1a7f37;font-size:21px;}
.pb-row.pb-save{font-weight:700;}
.pb-row.pb-save span:last-child{color:#1a7f37;}
.pb-offers{margin-top:6px;border:1px solid var(--line);border-radius:3px;padding:8px 10px;background:white;}
.pb-offers-title{font-weight:700;font-size:11.5px;margin-bottom:4px;color:var(--navy);}
.pb-offer-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;padding:1px 0;color:var(--steel);}
.card button{
margin-top:auto;
background:var(--rust);
color:white;
border:none;
padding:10px 12px;
font-size:14px;
font-weight:600;
border-radius:2px;
cursor:pointer;
letter-spacing:0.3px;
}
.card button:hover{background:var(--rust-dark);}
.empty{
text-align:center;padding:60px 20px;color:var(--steel);
}

/* Modal */
.overlay{
position:fixed;inset:0;background:rgba(17,26,43,0.55);
display:none;align-items:flex-start;justify-content:center;
padding:20px;overflow-y:auto;z-index:50;
}
.overlay.open{display:flex;}
.modal{
background:white;max-width:420px;width:100%;border-radius:4px;padding:26px;
position:relative;
}
.modal h2{font-family:'Oswald',sans-serif;margin:0 0 4px;font-size:20px;text-transform:uppercase;}
.modal .sub{font-size:13px;color:var(--steel);margin-bottom:16px;}
.modal label{display:block;font-size:13px;font-weight:600;margin:12px 0 4px;}
.modal input, .modal textarea{
width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:2px;font-size:14px;font-family:inherit;
}
.modal .close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--steel);}
.modal .submit-btn{
margin-top:16px;width:100%;background:var(--rust);color:white;border:none;padding:11px;
font-weight:700;border-radius:2px;cursor:pointer;font-size:14px;letter-spacing:0.3px;
}
.modal .submit-btn:hover{background:var(--rust-dark);}
.status-msg{font-size:13px;margin-top:10px;}
.status-msg.ok{color:#2a6b3f;}
.status-msg.err{color:var(--rust-dark);}

/* Detail modal */
.detail-modal{max-width:520px;}
.detail-modal .main-img-wrap{position:relative;margin-bottom:8px;}
.detail-modal .main-img{width:100%;height:280px;object-fit:contain;background:white;border-radius:4px;display:block;cursor:zoom-in;}
.main-nav-btn{
position:absolute;top:50%;transform:translateY(-50%);background:rgba(17,26,43,0.7);
color:white;border:none;width:34px;height:34px;border-radius:50%;cursor:pointer;
font-size:16px;display:flex;align-items:center;justify-content:center;
}
.main-nav-btn:hover{background:rgba(17,26,43,0.95);}
.main-nav-btn.prev{left:8px;}
.main-nav-btn.next{right:8px;}
.main-img-wrap .zoom-hint{
position:absolute;bottom:8px;right:8px;background:rgba(17,26,43,0.7);color:white;
width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
font-size:14px;pointer-events:none;
}
.detail-thumbs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:4px;}
.detail-thumbs img{
width:60px;height:45px;object-fit:cover;border-radius:2px;cursor:pointer;
border:2px solid transparent;flex-shrink:0;background:white;
}
.detail-thumbs img.active{border-color:var(--rust);}

/* Lightbox */
.lightbox-overlay{
position:fixed;inset:0;background:rgba(10,14,22,0.95);display:none;
align-items:center;justify-content:center;z-index:100;padding:20px;
}
.lightbox-overlay.open{display:flex;}
.lightbox-overlay img{max-width:90vw;max-height:85vh;object-fit:contain;}
.lightbox-overlay .close{
position:absolute;top:20px;right:24px;background:none;border:none;color:white;
font-size:28px;cursor:pointer;
}
.lightbox-overlay .main-nav-btn{width:44px;height:44px;font-size:20px;}
.lightbox-overlay .main-nav-btn.prev{left:20px;}
.lightbox-overlay .main-nav-btn.next{right:20px;}
.lightbox-counter{
position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
color:white;font-size:13px;background:rgba(255,255,255,0.15);padding:5px 14px;border-radius:20px;
}
.detail-modal .price{font-family:'Oswald',sans-serif;font-size:24px;color:var(--rust-dark);font-weight:600;margin-bottom:10px;}
.detail-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;}
.detail-row span{color:var(--steel);}
.detail-description{font-size:13px;color:var(--steel);line-height:1.5;margin-top:12px;max-height:120px;overflow-y:auto;}
.detail-get-info{
margin-top:14px;width:100%;background:var(--rust);color:white;border:none;
padding:11px;font-weight:700;border-radius:2px;cursor:pointer;font-size:14px;
}
.detail-get-info:hover{background:var(--rust-dark);}
.detail-share-btn{
margin-top:8px;width:100%;background:var(--steel);color:white;border:none;
padding:11px;font-weight:700;border-radius:2px;cursor:pointer;font-size:14px;
}
.detail-share-btn:hover{opacity:0.9;}
/* --- Hero banner (single rotating banner, mixes promos + specials) --- */
/* Full width, sized to a 3:1 aspect ratio (matching the specials
   graphics, which are the majority of slides) instead of a capped
   height — same approach North Park's own homepage carousel uses, so
   the banner isn't squeezed into a short strip. Slides that are
   narrower/wider than 3:1 (the general promo images) are still shown
   uncropped via object-fit:contain, with the blurred copy of the same
   image filling any leftover space top/bottom instead of plain bars. */
.promo-banner{
position:relative;
width:100%;
aspect-ratio:3 / 1;
overflow:hidden;
background:white;
}
/* On phones the header collapses much shorter (nav is now a "Menu"
   toggle) and there's no content below the banner, so a 3:1 strip
   leaves a lot of empty space. Make the banner noticeably taller on
   mobile so it fills more of the first screen. */
@media (max-width:600px){
.promo-banner{aspect-ratio:4 / 3;}
}
.promo-slide{
position:absolute;inset:0;
opacity:0;
transition:opacity 0.7s ease;
pointer-events:none;
overflow:hidden;
background-size:cover;
background-position:center;
}
.promo-slide::before{
content:"";
position:absolute;inset:-20px;
background-image:inherit;
background-size:cover;
background-position:center;
filter:blur(28px) brightness(0.55);
z-index:0;
}
.promo-slide.active{opacity:1;pointer-events:auto;}
.promo-slide>a{position:relative;z-index:1;display:block;width:100%;height:100%;}
.promo-slide img{
position:relative;z-index:1;
width:100%;height:100%;object-fit:contain;display:block;
}
.hero-badge{
position:absolute;
top:14px;left:14px;
z-index:2;
background:rgba(10,26,48,0.75);
color:white;
padding:6px 14px;
border-radius:3px;
font-size:13px;font-weight:700;letter-spacing:0.3px;
text-transform:uppercase;
pointer-events:none;
}
.promo-dots{
position:absolute;bottom:10px;left:50%;transform:translateX(-50%);
display:flex;gap:6px;z-index:2;
}
.promo-dots button{
width:8px;height:8px;border-radius:50%;border:none;
background:rgba(255,255,255,0.5);cursor:pointer;padding:0;
}
.promo-dots button.active{background:white;}

/* --- Condition tabs (New / Used) --- */
.condition-tabs{display:flex;gap:0;margin-bottom:14px;border-bottom:2px solid var(--line);}
.top-nav-row{display:flex;gap:8px;justify-content:center;padding:8px 0 0;flex-wrap:wrap;}
.top-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:3px;font-size:13px;font-weight:800;text-decoration:none;letter-spacing:0.3px;text-transform:uppercase;white-space:nowrap;background:white;color:var(--rust-dark);border:2px solid var(--rust);}
.top-nav-btn:hover{background:var(--rust);color:white;}

/* --- Mobile nav toggle: the 7 links collapse behind a "☰ Menu"
   button and drop down as a clean full-width stacked list instead
   of wrapping unevenly (same pattern as northparkcdjr.com mobile). */
.nav-toggle-btn{display:none;}
@media (max-width:600px){
.nav-toggle-btn{
display:flex;align-items:center;justify-content:center;gap:8px;
width:100%;margin-top:8px;
background:var(--navy);color:white;border:none;
padding:12px;border-radius:3px;
font-size:14px;font-weight:800;letter-spacing:0.4px;text-transform:uppercase;
cursor:pointer;
}
.nav-toggle-btn:hover{background:var(--navy-2);}
.nav-toggle-icon{font-size:15px;line-height:1;}
.nav-toggle-btn.open{background:var(--rust);}
.top-nav-row{
display:none;
flex-direction:column;flex-wrap:nowrap;
gap:0;padding:6px 0 0;width:100%;
}
.top-nav-row.open{display:flex;}
.top-nav-btn{
width:100%;justify-content:flex-start;
border-radius:0;border:none;border-bottom:1px solid var(--line);
padding:14px 6px;font-size:14px;
}
.top-nav-row .top-nav-btn:last-child{border-bottom:none;}
.top-nav-btn:hover{background:var(--paper);color:var(--rust-dark);}
}
.tab-btn{
background:none;border:none;cursor:pointer;
padding:12px 22px;font-family:'Oswald',sans-serif;font-size:15px;
letter-spacing:0.5px;text-transform:uppercase;color:var(--steel);
border-bottom:3px solid transparent;margin-bottom:-2px;
}
.tab-btn.active{color:var(--rust-dark);border-bottom-color:var(--rust);}
.tab-btn:hover{color:var(--rust-dark);}

/* --- Mega dropdown (Shop New / Used Vehicles) --- */
.mega-dropdown-wrap{position:relative;margin-bottom:16px;display:inline-block;}
.mega-dropdown-btn{
background:var(--rust);color:white;border:none;padding:12px 20px;
font-weight:700;font-size:14px;border-radius:2px;cursor:pointer;letter-spacing:0.3px;
}
.mega-dropdown-btn:hover{background:var(--rust-dark);}
.mega-panel{
display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:20;
background:white;border:1px solid var(--line);border-radius:3px;
box-shadow:0 10px 30px rgba(17,26,43,0.18);
padding:16px;min-width:260px;
}
.mega-panel.open{display:block;}
.mega-viewall{
display:block;font-family:'Oswald',sans-serif;font-weight:700;font-size:13px;color:var(--rust-dark);
text-decoration:none;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);
letter-spacing:0.4px;text-transform:uppercase;
}
.mega-viewall:hover{text-decoration:underline;}
.mega-cols{display:flex;gap:28px;flex-wrap:wrap;}
.mega-col h4{margin:0 0 8px;font-family:'Oswald',sans-serif;font-size:13px;text-transform:uppercase;color:var(--steel);letter-spacing:0.5px;}
.mega-col a{display:block;font-size:14px;color:var(--ink);text-decoration:none;padding:4px 0;white-space:nowrap;}
.mega-col a:hover{color:var(--rust-dark);}
.mega-panel-simple .mega-viewall{margin-bottom:0;padding-bottom:0;border-bottom:none;}

/* --- About page --- */
.about-main{max-width:740px;margin:0 auto;padding:44px 24px 64px;}
.about-hero{display:flex;align-items:center;gap:32px;margin-bottom:8px;}
.about-hero-text{flex:1;min-width:240px;}
.about-photo{
width:180px;height:180px;flex-shrink:0;object-fit:cover;
border-radius:8px;border:3px solid var(--rust);background:var(--line);
}
@media (max-width:600px){
.about-hero{flex-direction:column-reverse;text-align:center;gap:18px;}
.about-photo{width:150px;height:150px;}
}
.about-eyebrow{
font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;
text-transform:uppercase;color:var(--rust-dark);margin:0 0 10px;
}
.about-main h1{
font-family:'Oswald',sans-serif;font-weight:800;text-transform:uppercase;
font-size:38px;line-height:1.08;color:var(--navy);margin:0 0 14px;letter-spacing:0.3px;
}
.about-tagline{
font-size:18px;font-weight:600;color:var(--rust-dark);line-height:1.4;margin:0 0 28px;
}
.about-main p{font-size:16px;line-height:1.75;color:var(--ink);margin:0 0 20px;}
.about-main h2{
font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
font-size:20px;color:var(--navy);margin:38px 0 14px;letter-spacing:0.4px;
padding-bottom:8px;border-bottom:2px solid var(--line);
}
.about-list{
list-style:none;margin:0 0 24px;padding:0;
display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 22px;
}
.about-list li{font-size:15px;color:var(--ink);padding-left:24px;position:relative;line-height:1.4;}
.about-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--rust);font-weight:700;}
.about-signature{
margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
font-family:'Oswald',sans-serif;font-size:16px;color:var(--navy);letter-spacing:0.2px;
}
.about-signature .role{display:block;font-size:13px;color:var(--steel);font-weight:400;margin-top:2px;text-transform:none;font-family:'Inter',system-ui,sans-serif;}
.about-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;}
.specials-list{display:flex;flex-direction:column;gap:24px;margin-top:8px;}
.specials-list img{width:100%;height:auto;border-radius:4px;border:1px solid var(--line);display:block;}
@media (max-width:600px){
.about-main{padding:32px 20px 48px;}
.about-main h1{font-size:28px;}
.about-tagline{font-size:16px;}
.about-list{grid-template-columns:1fr;}
}

/* --- Results range + pagination --- */
.results-range{font-size:13px;color:var(--steel);margin:-10px 0 16px;}
.pagination{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:28px;flex-wrap:wrap;}
.page-btn{
background:white;border:1px solid var(--line);color:var(--ink);
padding:8px 13px;border-radius:2px;cursor:pointer;font-size:14px;min-width:38px;
}
.page-btn:hover:not(:disabled){border-color:var(--rust);color:var(--rust-dark);}
.page-btn.active{background:var(--rust);color:white;border-color:var(--rust);}
.page-btn:disabled{opacity:0.4;cursor:not-allowed;}
.page-btn.nav{font-weight:600;}
.page-ellipsis{color:var(--steel);padding:0 4px;}