.sc-customizable-signage{min-width:0;background:#ffffff;border:1px solid rgba(15,23,42,0.08);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-soft);padding:clamp(16px,2vw,28px);overflow:hidden}.sc-customizable-signage__title{margin:0 0 clamp(14px,1.6vw,22px);color:#123f17;font-size:clamp(22px,2.1vw,32px);font-weight:800;line-height:1.15;letter-spacing:-0.02em}.sc-customizable-signage__rail{position:relative;min-width:0}.sc-customizable-signage__viewport{min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}.sc-customizable-signage__viewport::-webkit-scrollbar{display:none;width:0;height:0}.sc-customizable-signage__viewport:focus-visible{outline:3px solid rgba(0,204,28,0.36);outline-offset:4px;border-radius:12px}.sc-customizable-signage__track{--sc-customizable-gap:clamp(14px,2vw,28px);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sc-customizable-gap);min-width:100%}.sc-customizable-signage-card{position:relative;display:block;flex:0 1 calc((100% - (3 * var(--sc-customizable-gap))) / 4);min-width:0;max-width:310px;aspect-ratio:1.58 / 1;overflow:hidden;border:1px solid rgba(15,23,42,0.08);border-radius:18px;background:#edf1ee;color:#ffffff;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,0.08);isolation:isolate;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.sc-customizable-signage-card:hover,.sc-customizable-signage-card:focus-visible{color:#ffffff;border-color:rgba(0,204,28,0.7);box-shadow:0 14px 30px rgba(15,23,42,0.15);transform:translateY(-3px)}.sc-customizable-signage-card:focus-visible{outline:3px solid rgba(0,204,28,0.36);outline-offset:3px}.sc-customizable-signage-card__media{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#edf1ee,#d9e0db)}.sc-customizable-signage-card__media img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform 260ms ease}.sc-customizable-signage-card:hover .sc-customizable-signage-card__media img,.sc-customizable-signage-card:focus-visible .sc-customizable-signage-card__media img{transform:scale(1.035)}.sc-customizable-signage-card__label{position:absolute;z-index:2;right:0;bottom:0;left:0;display:block;padding:11px 14px 12px;background:linear-gradient(180deg,rgba(4,22,7,0.08),rgba(4,22,7,0.9));color:#ffffff;font-size:clamp(12px,1.15vw,15px);font-weight:800;line-height:1.25;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-customizable-signage__arrow{position:absolute;z-index:4;top:50%;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(15,23,42,0.12);border-radius:999px;background:rgba(255,255,255,0.96);color:#123f17;box-shadow:0 8px 20px rgba(15,23,42,0.16);font-size:34px;line-height:1;cursor:pointer;transform:translateY(-50%)}.sc-customizable-signage__arrow[hidden]{display:none}.sc-customizable-signage__arrow.is-prev{left:8px}.sc-customizable-signage__arrow.is-next{right:8px}.sc-customizable-signage__arrow:hover,.sc-customizable-signage__arrow:focus-visible{border-color:#00cc1c;background:#ffffff;color:#007f12}.sc-customizable-signage__arrow:focus-visible{outline:3px solid rgba(0,204,28,0.3);outline-offset:2px}.sc-customizable-signage__arrow:disabled{visibility:hidden;pointer-events:none}@media (max-width:1100px){.sc-customizable-signage-card{flex-basis:calc((100% - (2 * var(--sc-customizable-gap))) / 3)}}@media (max-width:780px){.sc-customizable-signage{padding:16px 14px 18px}.sc-customizable-signage__title{margin-bottom:14px;font-size:clamp(21px,6vw,27px)}.sc-customizable-signage__viewport{margin-inline:-14px;padding-inline:14px;scroll-padding-inline:14px}.sc-customizable-signage__track{flex-wrap:nowrap;justify-content:flex-start;width:max-content;min-width:100%;gap:14px}.sc-customizable-signage-card{flex:0 0 min(72vw,300px);max-width:min(72vw,300px);scroll-snap-align:start}.sc-customizable-signage__viewport{scroll-snap-type:inline proximity}.sc-customizable-signage__arrow{width:38px;height:38px;font-size:30px}.sc-customizable-signage__arrow.is-prev{left:0}.sc-customizable-signage__arrow.is-next{right:0}}@media (max-width:420px){.sc-customizable-signage-card{flex-basis:min(80vw,286px);max-width:min(80vw,286px)}}@media (prefers-reduced-motion:reduce){.sc-customizable-signage__viewport{scroll-behavior:auto}.sc-customizable-signage-card,.sc-customizable-signage-card__media img{transition:none}}