/* ======================================================================
 * Orlinamall skin (design C, see style-mockups/c*.html).
 * Loaded after every page stylesheet. Navy carries structure, orange carries price, deals and the main action.
 * Sections: 1 base · 2 header · 3 footer · 4 product card · 5 home · 6 listing · 7 product page
 * ==================================================================== */

/* ---------- 1. base ---------- */
body{background:var(--bg-50);font-size:15.5px}
.wrap{max-width:1360px}
.btn{border-radius:var(--r-lg);font-weight:700}
.btn-sm{border-radius:var(--r-md)}
.om-btn-navy{background:var(--navy-800);color:#fff}.om-btn-navy:hover{background:var(--navy-900)}
.om-btn-orange,.btn-deal{background:var(--orange);color:#fff}.om-btn-orange:hover,.btn-deal:hover{background:var(--orange-d)}
.link{color:var(--orange-d)}.link:hover{color:var(--red-700)}
.t-h1,.t-h2,.t-display{color:var(--navy-800);font-weight:800}
.t-h2{font-size:28px}
.t-eyebrow{letter-spacing:.08em}
.chip:hover{border-color:var(--orange)}
.badge-deal{background:var(--orange);color:#fff;font-weight:800}
.badge-save{background:var(--orange-l);color:var(--orange-d);padding:0 8px;height:22px;border-radius:4px}
.sec-h{align-items:center}.sec-h .more,.dz-head .more{font-weight:600;color:var(--orange-d)}
.code{font-family:var(--mono)}
.om-pill{background:var(--orange);color:#fff;font-size:13px;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}

/* ---------- 2. header ---------- */
.util{background:var(--orange);color:#fff;font-size:13.5px;font-weight:500}
.util .wrap{height:38px}
.util .hot{color:#fff;font-weight:600}
.util .hot .code{background:#fff;color:var(--orange-d);border-radius:4px;padding:1px 8px;margin-left:4px;font-weight:700;font-family:var(--font)}
.util a,.util .ostat,.util .help,.util .help span{color:#fff}
.util .ostat{opacity:.9}
.mast{background:#fff;color:var(--ink-900);border-bottom:1px solid var(--line-200)}
.mast .wrap{height:78px;gap:20px}
.logo .lg-full{width:190px}
.dept-btn{background:var(--navy-800);color:#fff;border-radius:var(--r-lg);padding:0 18px;height:46px;font-weight:600}
.dept-btn:hover{background:var(--navy-900)}
.hsearch form{height:46px;border:2px solid var(--navy-800);border-radius:var(--r-lg);background:#fff}
.hsearch form:focus-within{border-color:var(--orange)}
.hsearch select{background:#fff;font-size:14px}
.hsearch button{background:var(--navy-800);color:#fff;width:62px;border-radius:0}
.hsearch button:hover{background:var(--navy-900)}
.hbtn{color:var(--ink-900);border-radius:var(--r-lg)}
.hbtn:hover{background:var(--bg-50)}
.hbtn small{color:var(--ink-500)}
.hbtn .cnt{background:var(--orange)}
.hbtn.cart,.hbtns>.hbtn:last-child{background:var(--orange-l);color:var(--orange-d);padding:0 16px}
.hbtns>.hbtn:last-child small{color:var(--orange-d);opacity:.8}
.hbtns>.hbtn:last-child:hover{background:#FFE3D6}
.nav{background:#fff}
.nav .wrap{height:44px}
.nav a{font-weight:500;color:var(--ink-700)}
.nav a:hover{color:var(--navy-800)}
.nav .deal{color:var(--orange-d);font-weight:700}

/* ---------- 3. footer ---------- */
.foot-help{background:#fff;border-top:1px solid var(--line-200);margin-top:48px}
.foot-help .it .ico{color:var(--orange)}
.foot-help .it b{color:var(--navy-800)}
.om-ft{background:var(--navy-800);color:#B9C8D8;font-size:14.5px;border-top:4px solid var(--orange);padding:0;margin:0}
.foot-help+.om-ft{margin-top:0}
.om-ft a:hover{color:#fff}
.om-ft-main{display:grid;grid-template-columns:320px 1fr;gap:64px;padding-top:48px;padding-bottom:40px}
.om-ft-brand img{width:180px;height:auto;margin-bottom:14px}
.om-ft-brand p{max-width:34ch;margin:0}
.om-ft-phone{display:block;font-size:26px;font-weight:800;color:#fff;margin:18px 0 4px;letter-spacing:-.01em}
.om-ft-hours a{color:#fff;border-bottom:1px solid var(--orange)}
.om-ft-brand .om-ft-addr{margin-top:14px;font-size:13px;color:#8FA3B8;max-width:none}
.om-ft-addr b{color:#B9C8D8;font-weight:600}
.om-ft-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.om-ft-cols summary{list-style:none;font-weight:700;color:#fff;font-size:15px;margin-bottom:12px;cursor:default;pointer-events:none}
.om-ft-cols summary::-webkit-details-marker{display:none}
.om-ft-cols li{margin-bottom:8px}
.om-ft-cols svg{display:inline-block;vertical-align:-2px}
.om-ft-pay{border-top:1px solid rgba(255,255,255,.12)}
.om-ft-pay .wrap{display:flex;align-items:center;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.om-ft-pay ul{display:flex;gap:8px;flex-wrap:wrap}
.om-ft-pay li{background:#fff;color:var(--navy-800);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:6px}
.om-ft-pay .safe{margin-left:auto;color:#fff;font-weight:500}
.om-ft-bot{background:var(--navy-900);font-size:13.5px}
.om-ft-bot .wrap{display:flex;justify-content:space-between;align-items:center;min-height:52px;gap:16px}
.om-ft-bot nav{display:flex;gap:22px;flex-wrap:wrap}
.om-ft-bot svg{display:inline-block;vertical-align:-2px}
.ft.slim{background:var(--navy-900)}

/* ---------- 4. product card ---------- */
.pcard{background:#fff;border:1px solid var(--line-200);border-radius:var(--r-lg);padding:12px;gap:3px;transition:border-color .15s,box-shadow .15s}
.pcard:hover{border-color:var(--orange-line);box-shadow:var(--sh-2)}
.pcard .media,.pcard:hover .media{background:#fff;border-radius:0;margin-bottom:10px;overflow:visible}
.pcard .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pcard .tl{left:-12px;top:0}
.pcard .tl .badge-deal{height:26px;border-radius:0 var(--r-pill) var(--r-pill) 0;padding:0 10px 0 12px;font-size:13px}
.pcard .fav{right:0;top:0;box-shadow:none;border:1px solid var(--line-200)}
.pcard .fav:hover{border-color:var(--orange);color:var(--orange-d)}
.pcard .mship{background:rgba(255,255,255,.92)}
.pcard .name{font-size:14px;line-height:1.3;color:var(--ink-900);min-height:36px}
.pcard .name .bn{color:var(--ink-500);font-weight:600}
.pcard .name:hover{text-decoration:none}.pcard .name:hover .tt{color:var(--orange-d)}
.pcard .price .now{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--navy-800)}
.pcard .price.sale .now{color:var(--orange-d)}
.pcard .act .btn{flex:1;height:40px;border-radius:8px;font-size:14px;font-weight:600}
.pcard .act .btn-primary{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
.pcard .act .btn-primary:hover{background:var(--orange);border-color:var(--orange)}
.pcard .act .btn-secondary{border-color:var(--navy-800);color:var(--navy-800)}
.pcard .act .btn-secondary:hover{background:var(--navy-800);color:#fff}

/* ---------- 5. home ---------- */
.om-hero{padding:20px 0 0}
.om-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.om-hero-main{background:var(--orange);color:#fff;border-radius:var(--r-xl);display:grid;grid-template-columns:1fr auto;align-items:center;padding:44px 48px;gap:32px;min-height:380px}
.om-hero-main h1{font-size:30px;font-weight:600;line-height:1.1;margin-top:8px;color:#fff}
.om-hero-main h1 b{display:block;font-size:96px;line-height:.92;font-weight:800;letter-spacing:-.04em;margin:4px 0 2px;white-space:nowrap}
.om-hero-main p{margin:12px 0 22px;max-width:34ch;color:#FFE4D9}
.om-hero-pics{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:340px}
.om-hero-pics a{background:#fff;border-radius:14px;aspect-ratio:1;position:relative;overflow:hidden;display:block}
.om-hero-pics a:first-child{grid-column:1/-1;aspect-ratio:2/1.1}
.om-hero-pics img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}
.om-hero-pics .tag{position:absolute;left:8px;bottom:8px;background:var(--navy-800);color:#fff;font-weight:700;font-size:13px;padding:2px 8px;border-radius:6px}
.om-hero-side{display:grid;gap:16px}
.om-hero-side a{border-radius:var(--r-xl);padding:26px;display:flex;flex-direction:column;justify-content:center}
.om-hero-side .s1{background:var(--navy-800);color:#fff}
.om-hero-side .s1 .t-eyebrow{color:#FFB79C}
.om-hero-side .s1 h2{font-size:30px;font-weight:800;line-height:1.05;margin:6px 0 8px}
.om-hero-side .s1 .code{color:var(--orange)}
.om-hero-side .s1 p{color:#B9C8D8;font-size:14px}
.om-hero-side .s2{background:#fff;border:1px solid var(--line-200)}
.om-hero-side .s2:hover{border-color:var(--orange)}
.om-hero-side .s2 .t-eyebrow{color:var(--orange-d)}
.om-hero-side .s2 h2{font-size:22px;font-weight:700;line-height:1.15;margin:6px 0;color:var(--navy-800)}
.om-hero-side .s2 p{color:var(--ink-600);font-size:14px}
.om-prices{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}
.om-prices a{display:block;background:#fff;border:1px solid var(--line-200);border-radius:var(--r-lg);padding:14px 18px}
.om-prices a:hover{border-color:var(--orange)}
.om-prices small{display:block;color:var(--ink-500);font-size:13px}
.om-prices b{font-size:21px;font-weight:800;color:var(--navy-800);white-space:nowrap}
.om-prices .all{background:var(--orange-l);border-color:var(--orange-line)}
.om-prices .all b{color:var(--orange-d)}
.deals .dz-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-bottom:16px}
.deals .dz-head .more{margin-left:auto}
.deals .dz-head .dtabs{flex-basis:100%;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.deals .dz{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
.deals .dz>.pcard{display:flex;flex:none}
.deals .dz[hidden]{display:none}
.om-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:16px 12px}
.om-cats a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.om-cats .c{display:block;position:relative;width:100%;aspect-ratio:1;background:#fff;border:2px solid var(--line-200);border-radius:50%;overflow:hidden;transition:border-color .15s}
.om-cats a:hover .c{border-color:var(--orange)}
.om-cats .c img{position:absolute;inset:20%;width:60%;height:60%;object-fit:contain}
.om-cats .n{font-size:13.5px;font-weight:600;line-height:1.2;color:var(--navy-800)}
.spot{border-radius:var(--r-xl)}
.spot .sp-in .t-eyebrow{color:var(--orange-d)}
.om-news{padding-top:8px}
.news{background:var(--orange-l);border:1px solid var(--orange-line);color:var(--ink-900);border-radius:var(--r-xl);padding:36px 44px;gap:40px}
.news .t-eyebrow{color:var(--orange-d)}
.news h2{font-size:30px;color:var(--navy-800);margin:4px 0 6px}
.news p{color:var(--ink-600);margin-top:0}
.news p .code{color:var(--orange-d);font-family:var(--font);font-weight:700}
.news form{gap:0 0;row-gap:8px}
.news input[type=email]{height:52px;border:2px solid var(--navy-800);border-right:0;border-radius:var(--r-lg) 0 0 var(--r-lg);background:#fff}
.news .btn{height:52px;border-radius:0 var(--r-lg) var(--r-lg) 0;background:var(--orange);color:#fff;border:2px solid var(--navy-800);border-left:0;padding:0 28px}
.news .btn:hover{background:var(--orange-d)}
.news .fine{color:var(--ink-500);font-size:12.5px}
.news .fine a{color:var(--ink-600)}
.news .msg{color:var(--navy-800)}

@media (max-width:1100px){
  .om-hero-grid{grid-template-columns:1fr}
  .om-hero-side{grid-template-columns:1fr 1fr}
  .om-prices{grid-template-columns:repeat(3,1fr)}
  .deals .dz{grid-template-columns:repeat(3,minmax(0,1fr))}
  .om-cats{grid-template-columns:repeat(4,1fr)}
  .om-ft-main{grid-template-columns:1fr;gap:32px}
}
@media (max-width:767px){
  .util{font-size:12.5px}
  .mast .wrap{height:auto}
  .logo .lg-full{width:150px}
  .dept-btn{padding:0 12px;height:42px}
  .om-hero{padding-top:14px}
  .om-hero-main{grid-template-columns:1fr;padding:26px 22px;border-radius:16px;min-height:0;gap:18px}
  .om-hero-main h1{font-size:22px}
  .om-hero-main h1 b{font-size:76px}
  .om-hero-pics{width:100%;grid-template-columns:repeat(3,1fr)}
  .om-hero-pics a:first-child{grid-column:auto;aspect-ratio:1}
  .om-hero-side{grid-template-columns:1fr}
  .om-hero-side a{border-radius:16px;padding:20px}
  .om-prices{display:flex;overflow-x:auto;gap:8px;margin:14px -16px 0;padding:0 16px;scrollbar-width:none}
  .om-prices li{flex:none}
  .om-prices b{font-size:18px}
  .t-h2{font-size:22px}
  .deals .dz{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .deals .dz-head .om-pill{display:none}
  .pcard{padding:10px}
  .pcard .tl{left:-10px}
  .pcard .price .now{font-size:20px}
  .om-cats{gap:12px 8px}
  .om-cats .n{font-size:11.5px}
  .news{padding:24px 20px;border-radius:16px;gap:16px}
  .news h2{font-size:24px}
  .news form{grid-template-columns:minmax(0,1fr) auto}
  .news .btn{padding:0 18px}
  .foot-help{margin-top:32px}
  .om-ft-main{padding-top:32px;padding-bottom:20px}
  .om-ft-cols{grid-template-columns:1fr;gap:0}
  .om-ft-cols details{border-top:1px solid rgba(255,255,255,.12)}
  .om-ft-cols details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
  .om-ft-cols summary{pointer-events:auto;cursor:pointer;margin:0;padding:14px 0;display:flex;justify-content:space-between}
  .om-ft-cols summary::after{content:"+";font-weight:400;font-size:20px;line-height:1;color:var(--orange)}
  .om-ft-cols details[open] summary::after{content:"–"}
  .om-ft-cols ul{padding-bottom:10px}
  .om-ft-pay .safe{margin-left:0;flex-basis:100%}
  .om-ft-bot .wrap{flex-direction:column;align-items:flex-start;padding-top:14px;padding-bottom:14px;gap:8px}
  .om-ft-bot nav{gap:6px 16px}
}

/* home: department spotlights and tiles in the brand tones */
.spot,.spot.tone1,.spot.tone2,.spot.tone3,.spot.tone4,.spot.tone5{background:var(--blue-50)}
.spot .sp-chips a{border-radius:var(--r-pill)}
.spot .sp-chips a:hover{border-color:var(--orange)}
.pop{border-radius:var(--r-lg)}

/* ---------- 6. listing (shop, category, search) ---------- */
.crumbs a{color:var(--ink-600)}.crumbs a:hover{color:var(--orange-d)}
.crumbs li+li::before{content:"/";color:#C4CAD3}
.om-cat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding-top:4px}
.om-cat-head h1{font-size:40px;line-height:1.05;letter-spacing:-.025em}
.om-cat-head p{color:var(--ink-600);margin-top:4px}
.om-subcats{display:flex;gap:8px;overflow-x:auto;padding:18px 0 4px;scrollbar-width:none}
.om-subcats::-webkit-scrollbar{display:none}
.om-subcats .chip{flex:none;height:38px;border-color:var(--line-200)}
.om-subcats .chip small{color:var(--ink-500);font-size:12.5px}
.om-subcats .chip.on small{color:#B9C8D8}
.lst{padding-top:16px}
@media (min-width:1024px){
  .lst{grid-template-columns:268px minmax(0,1fr);gap:24px}
  .facets{background:#fff;border:1px solid var(--line-200);border-radius:var(--r-lg);padding:6px 18px 14px;top:96px}
}
.facets .fs-head h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);padding-top:12px}
.fg[data-key=cat]{display:none}
.fg{padding:6px 0 12px}
.fg:last-of-type{border-bottom:0}
.fg summary{color:var(--navy-800)}
.fg summary .ico{color:var(--orange)}
.fo label,.fo>a{font-size:14.5px}
.fo label:hover>span:first-of-type{color:var(--orange-d)}
.fo input[type=checkbox],.fo input[type=radio]{accent-color:var(--orange)}
.prange input{border-radius:8px}
.prange .btn{background:var(--navy-800);color:#fff;border-color:var(--navy-800);border-radius:8px}
.lst-head{margin:0}
.lst-head .rc{font-weight:600;color:var(--navy-800);font-size:15px}
.lst-bar{border-bottom:0;padding:8px 0 14px;margin:0}
.lst-bar .chip.on{background:var(--orange-l);border-color:var(--orange-line);color:var(--orange-d);font-weight:600}
.fbtn .n{background:var(--orange)}
.sort{font-size:14.5px;font-weight:400;color:var(--ink-600)}
.sort select{height:40px;border-color:var(--line-200);border-radius:8px;font-weight:600}
.view button{border-color:var(--line-200);height:40px;width:40px}
.view button:first-child{border-radius:8px 0 0 8px}.view button:last-child{border-radius:0 8px 8px 0}
.pgrid,.lst .pgrid{gap:12px}
.pager .loadmore{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
.pager .loadmore:hover{background:var(--orange);border-color:var(--orange)}
.pnum .page-numbers{background:#fff;border-color:var(--line-200);border-radius:8px}
.pnum a.page-numbers:hover{border-color:var(--orange)}
.pnum .current{background:var(--orange);border-color:var(--orange);color:#fff}
.pnum .dots{background:none}
@media (max-width:1023px){
  .fbtn{background:var(--navy-800);color:#fff;border-color:var(--navy-800);border-radius:var(--r-pill)}
}
@media (max-width:767px){
  .om-cat-head h1{font-size:30px}
  .om-cat-head .btn{display:none}
  .om-subcats{margin:0 -16px;padding:14px 16px 4px}
}

/* ---------- 7. product page ---------- */
@media (min-width:1024px){
  .pdp .top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"gal head" "gal info" "gal buy";grid-template-rows:auto auto 1fr;gap:0 32px}
}
.pdp .crumbs .btn{border-radius:var(--r-pill)}
.pdp .gal{background:#fff;border:1px solid var(--line-200);border-radius:var(--r-lg);padding:16px;grid-template-columns:72px minmax(0,1fr);gap:14px}
.pdp .thumbs button{width:72px;height:72px;border:2px solid var(--line-200);border-radius:10px}
.pdp .thumbs button:hover{border-color:var(--orange-line)}
.pdp .thumbs button.on{border:2px solid var(--orange);padding:4px}
.pdp .thumbs .more{color:var(--orange-d)}
.pdp .stage{border:0;border-radius:0}
.pdp .stage .badge-deal{height:34px;font-size:16px;padding:0 14px}
.pdp .g-head h1{font-size:32px;line-height:1.12;font-weight:800;letter-spacing:-.02em;color:var(--navy-800);margin:2px 0 10px}
.pdp .g-head a{color:var(--navy-800)}
.pdp .pblock{border-top:0;margin-top:16px;padding:20px 22px;background:var(--orange-l);border:1px solid var(--orange-line);border-radius:16px}
.pdp .pwrap{align-items:baseline}
.pdp .pwrap .now{flex-basis:auto;font-size:46px;color:var(--navy-800)}
.pdp .pwrap .price.sale .now,.pdp .pwrap .sale .now{color:var(--orange-d)}
.pdp .pwrap .was{font-size:16px}
.pdp .pwrap .badge-save{background:var(--orange);color:#fff;height:26px;font-size:14px;border-radius:6px;padding:0 10px}
.pdp .promo-hint{background:none;padding:0;margin-top:10px;font-size:14.5px}
.pdp .promo-hint .ico{display:none}
.pdp .promo-hint .mono{background:#fff;border:1px dashed var(--orange);color:var(--orange-d);padding:1px 8px;border-radius:4px;font-size:14px}
.pdp .g-info .planbox{border:1px solid var(--line-200);background:#fff;box-shadow:none}
.pdp .buy{border-color:var(--line-200);box-shadow:none;margin-top:16px}
.pdp .cta{grid-template-columns:auto 1fr 1fr;gap:10px}
.pdp .cta .btn{height:54px;font-size:17px}
.pdp .cta .btn-primary{background:var(--orange);color:#fff}
.pdp .cta .btn-primary:hover{background:var(--orange-d)}
.pdp .cta .btn-secondary{grid-column:auto;background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
.pdp .cta .btn-secondary:hover{background:var(--navy-900)}
.pdp .qstep{height:54px;border-radius:var(--r-lg)}
.pdp .snav{background:var(--bg-50);border-top:0;border-bottom:2px solid var(--line-200)}
.pdp .snav .tabs a{font-size:15px}
.pdp .snav .tabs a.on{color:var(--orange-d);border-bottom-color:var(--orange)}
.pdp .snav .mini .btn{background:var(--orange);color:#fff}
.pdp .psec h2{font-size:26px}
.pdp .spec-g{background:#fff}
.pdp .spec-g summary{background:#fff;color:var(--navy-800)}
.pdp .rv-sum .big{color:var(--navy-800)}
.pdp .hist .bar i,.pdp .hist i b{background:var(--orange)}
.sticky-buy .btn-primary{background:var(--orange);color:#fff}
@media (min-width:1024px){
  .pdp .spec-g tbody{display:grid;grid-template-columns:1fr 1fr}
  .pdp .spec-g tr{display:grid;grid-template-columns:44% 1fr}
  .pdp .spec-g tr:nth-child(4n+1),.pdp .spec-g tr:nth-child(4n+2){background:#FAFAFB}
  .pdp .spec-g th{width:auto}
}
@media (max-width:767px){
  .pdp .gal{padding:10px}
  .pdp .g-head h1{font-size:24px}
  .pdp .pblock{padding:16px}
  .pdp .pwrap .now{font-size:38px}
  .pdp .cta{grid-template-columns:auto 1fr}
  .pdp .cta .btn-secondary{grid-column:1/-1}
}

/* ---------- 8. cart, checkout, service pages ---------- */
/* headings sitting on a navy block stay white */
.help-hero h1,.help-hero h2,.dhero h1,.dhero h2,.svc-hero h1,.svc-hero h2,.car h1,.car h2,.banner.navy h2,.pdp .aplus .hero h2,.md-head h2{color:#fff}
.help-hero{background:var(--navy-800)}
.checkout-button,.btn.checkout,#place_order{background:var(--orange);color:#fff;border-color:var(--orange)}
.checkout-button:hover,.btn.checkout:hover,#place_order:hover{background:var(--orange-d);border-color:var(--orange-d)}
.fsbar-track span{background:var(--orange)}