:root{--s5:20px}
/* === CarColor · Витрина категории (модул carcolor_catshowcase) — собствен CSS, зарежда се от контролера === */
.cc-catshow{padding:var(--s6) var(--s6) var(--s5);margin:var(--s6) 0;border:1px solid var(--line);background:#fff}
.cc-catshow-blue{background:var(--green-100,#eaf4ef);border-color:var(--green-300,#9fcfba)}
.cc-catshow-blue .cc-catshow-head{border-color:var(--green-300,#9fcfba)}
.cc-catshow-dark{background:var(--navy,#14324a);border-color:#3a5570;color:#fff}
.cc-catshow-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s2);border-bottom:1px solid var(--ink)}
.cc-catshow-dark .cc-catshow-head{border-color:#3a5570}
.cc-catshow-title{font-size:23px;margin:0;display:inline;color:#1F6B53}
.cc-catshow-dark .cc-catshow-title{color:#4fd6a8}
.cc-catshow-sub{margin-left:12px;font-size:12.5px;color:var(--grey-dark)}
.cc-catshow-dark .cc-catshow-sub{color:#9aa1a8}
.cc-catshow-note{color:var(--grey-dark);white-space:nowrap}
.cc-catshow-grid{display:grid;grid-template-columns:repeat(var(--cc-cols),minmax(0,1fr));gap:var(--s3);margin-top:var(--s4)}
.cc-catshow-item{display:flex;gap:var(--s3);align-items:center;text-decoration:none;color:var(--ink);padding:var(--s3);border:1px solid var(--line);background:#fff}
.cc-catshow-item:hover .cc-catshow-name{color:var(--green)}
.cc-catshow-ico{flex:none;width:calc(34px * var(--cc-img,1));height:calc(34px * var(--cc-img,1));display:flex;align-items:center;justify-content:center;background:var(--bg,#f4f5f6);color:var(--grey);font-size:11px;text-align:center;overflow:hidden}
.cc-catshow-ico img{width:100%;height:100%;object-fit:cover}
.cc-catshow-dark .cc-catshow-ico{background:#2c3238;color:#c7ccd1}
.cc-catshow-txt{display:flex;flex-direction:column;min-width:0}
.cc-catshow-name{font-family:var(--heading);font-weight:700;font-size:15px;line-height:1.2;color:var(--ink)}
.cc-catshow-dark .cc-catshow-name{color:#fff}
.cc-catshow-cnt{margin-top:1px;font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.07em;color:var(--grey-dark);text-transform:uppercase}
.cc-catshow-item.is-empty{background:var(--bg,#f4f5f6);border-style:dashed;color:var(--grey-dark);opacity:1}
.cc-catshow-item.is-empty .cc-catshow-name{color:var(--grey-dark)}
.cc-catshow-banners .cc-catshow-grid{gap:var(--s3)}
.cc-catshow-banner{position:relative;display:block;min-height:calc(180px * var(--cc-img,1));background:#22262b center/cover no-repeat;color:#fff;text-decoration:none;overflow:hidden}
.cc-catshow-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,28,.88) 0%,rgba(20,24,28,.55) 55%,rgba(20,24,28,.15) 100%)}
.cc-catshow-banner-in{position:relative;display:flex;flex-direction:column;gap:8px;padding:var(--s5);max-width:50%}
.cc-catshow-banner-name{font-family:var(--heading);font-weight:700;font-size:15px;line-height:1.15;text-transform:uppercase;color:#fff}
.cc-catshow-banner-desc{font-size:12px;line-height:1.5;color:#d7dbdf}
.cc-catshow-banner-cta{align-self:flex-start;margin-top:6px;padding:6px 10px;background:var(--green);color:#fff;font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
.cc-catshow-banner:hover .cc-catshow-banner-cta{background:#fff;color:var(--green)}
.cc-catshow-banner.is-empty{opacity:.6}
.cc-catshow-banner.is-empty .cc-catshow-banner-cta{background:#5b6169}
.cc-catshow-foot{display:flex;justify-content:flex-end;margin-top:var(--s4);font-size:13px}
.cc-catshow-foot a{color:var(--green);font-weight:600}
.cc-catshow-dark .cc-catshow-foot a{color:#7fbfa8}
@media(max-width:900px){.cc-catshow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-catshow-banner-in{max-width:80%}}
@media(max-width:560px){.cc-catshow{padding:var(--s4)}.cc-catshow-grid{grid-template-columns:1fr}.cc-catshow-head{flex-direction:column;align-items:flex-start;gap:6px}.cc-catshow-note{white-space:normal}}
/* стил C — карти (снимка отгоре, текст отдолу) */
.cc-catshow-cards .cc-catshow-grid{gap:var(--s4)}
.cc-catshow-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;overflow:hidden}
.cc-catshow-dark .cc-catshow-card,.cc-catshow-blue .cc-catshow-card{border-color:transparent}
.cc-catshow-card-img{display:block;height:calc(200px * var(--cc-img,1));background:#14181c center/cover no-repeat}
.cc-catshow-card-body{display:flex;flex-direction:column;gap:6px;padding:var(--s4) var(--s5) var(--s5)}
.cc-catshow-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}
.cc-catshow-card-name{font-family:var(--heading);font-weight:700;font-size:20px;color:var(--ink)}
.cc-catshow-card-meta{color:var(--grey-dark);white-space:nowrap}
.cc-catshow-card-desc{font-size:13px;line-height:1.6;color:var(--grey-dark)}
.cc-catshow-card:hover .cc-catshow-card-name{color:var(--green)}
.cc-catshow-card.is-empty{opacity:.6}
.cc-catshow-cards .cc-catshow-head{border-bottom:0;padding-bottom:0}
.cc-catshow-cards .cc-catshow-title{font-size:26px}
.cc-catshow{max-width:calc(var(--page) - 2*var(--s8));margin-left:auto;margin-right:auto;box-sizing:border-box}

.cc-catshow-page{background:transparent;border-color:transparent;padding-left:0;padding-right:0}
.cc-catshow-page .cc-catshow-card{background:transparent}

/* опция «Затъмнявай празните» = Не: пълна яркост на снимката и текста */
.cc-catshow-nodim .cc-catshow-banner.is-empty,.cc-catshow-nodim .cc-catshow-card.is-empty{opacity:1}
.cc-catshow-nodim .cc-catshow-banner.is-empty .cc-catshow-banner-cta{background:var(--green)}
.cc-catshow-nodim .cc-catshow-item.is-empty{background:#fff;border-style:solid;color:inherit}
.cc-catshow-nodim .cc-catshow-item.is-empty .cc-catshow-name{color:inherit}
/* опция «Затъмняване върху снимката» */
.cc-catshow-ov-light .cc-catshow-banner::before{background:linear-gradient(90deg,rgba(20,24,28,.45) 0%,rgba(20,24,28,.15) 45%,rgba(20,24,28,0) 65%)}
.cc-catshow-ov-none .cc-catshow-banner::before{background:none}
.cc-catshow-ov-none .cc-catshow-banner{background-color:#f4f5f6}

/* въртележка (опция «Редове»: повече подкатегории от колони×редове → страници; стрелки и точки под блока) */
.cc-catshow-car.is-car .cc-catshow-view{overflow:hidden}
.cc-catshow-car.is-car .cc-catshow-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.cc-catshow-car.is-car .cc-catshow-slide{flex:0 0 100%;min-width:0;align-content:start}
.cc-catshow-nav{display:flex;align-items:center;justify-content:center;gap:var(--s4);margin-top:var(--s4)}
.cc-catshow-arr{width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--ink);font:400 24px/1 var(--heading);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.cc-catshow-arr:hover{background:var(--green);color:#fff;border-color:var(--green)}
.cc-catshow-dark .cc-catshow-arr{background:transparent;color:#fff;border-color:#3a5570}
.cc-catshow-dots{display:flex;align-items:center;gap:8px;padding:0 4px}
.cc-catshow-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer;line-height:0}
.cc-catshow-dot.is-on{background:var(--green)}
.cc-catshow-dark .cc-catshow-dot{background:#3a5570}.cc-catshow-dark .cc-catshow-dot.is-on{background:#4fd6a8}