@font-face{font-family:'SlupCaveat';src:url('assets/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}

.category{display:flex;flex-direction:column;align-items:center;position:relative;gap:7px;padding-bottom:8px;box-sizing:border-box}
.category-offer-count{display:inline-block;color:var(--category-ink);font-family:'SlupCaveat','Segoe Print',cursive;font-size:clamp(20px,1.4vw,28px);font-weight:700;line-height:1.3;letter-spacing:.025em;transform:rotate(-3deg);border-bottom:4px solid currentColor;border-radius:0 0 48% 28%;padding:0 12px 3px;text-shadow:0 1px 3px #0009;white-space:nowrap}
.solar{--category-ink:#ffda27}.storage{--category-ink:#06dcb3}.electric{--category-ink:#ff886b}.chargers{--category-ink:#ad8bff}.cars{--category-ink:#ff62b4}.micro{--category-ink:#36aafa}
.categories{grid-template-rows:repeat(3,270px)}.stage{min-height:820px}
.offer a.site-preview-image{display:block;border:1px solid #3f4e59;border-radius:10px;overflow:hidden;min-height:0;transition:border-color .15s,transform .15s}
.offer a.site-preview-image:hover{border-color:#b7ee55;transform:translateY(-2px)}.offer a.site-preview-image:focus-visible{outline:3px solid #b7ee55;outline-offset:4px}
.offer figcaption{font-size:11px;margin-top:6px;color:#a7b4bd}
@media(max-width:1150px){.stage{min-height:0}.categories{grid-template-rows:repeat(3,235px)}.category svg{height:185px;max-height:185px}.category-offer-count{font-size:22px}}
@media(max-width:600px){.categories{grid-template-rows:repeat(3,178px);row-gap:14px}.category{gap:2px;padding-bottom:0}.category svg{height:139px;max-height:139px}.category-offer-count{font-size:18px;line-height:1.2;border-bottom-width:3px;padding:0 7px 2px}.offer a.site-preview-image img{height:170px!important}}
