.kbd-configurator-collection{scroll-margin-top:80px;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(36px,5vw,80px) clamp(16px,3vw,48px) clamp(70px,8vw,130px);background:#000;color:#fff}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.kbd-configurator-collection__header{max-width:760px;margin:0 auto clamp(34px,6vw,78px);text-align:center}.kbd-configurator-collection__header p{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.kbd-configurator-collection__header h1{margin:0;color:#fff;font-size:clamp(38px,6vw,86px);line-height:.95;letter-spacing:-.04em}.kbd-configurator-grid{display:grid;grid-template-columns:repeat(var(--kbd-config-grid-desktop),minmax(0,1fr));gap:clamp(10px,1.5vw,24px);max-width:1900px;margin:0 auto}.kbd-configurator-card{position:relative;display:block;min-width:0;color:#fff;text-decoration:none}.kbd-configurator-card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#080808}.kbd-configurator-card__image,.kbd-configurator-card__placeholder{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .45s ease}.kbd-configurator-card__veil{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88) 100%);transition:opacity .28s ease}.kbd-configurator-card__details{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:clamp(18px,2vw,30px);opacity:0;transform:translateY(18px);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.75,.25,1)}.kbd-configurator-card__details strong{max-width:68%;color:#fff;font-size:clamp(15px,1.25vw,22px);line-height:1.2;text-transform:uppercase}.kbd-configurator-card__details>span{color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-align:right;white-space:nowrap}.kbd-configurator-card:hover .kbd-configurator-card__image,.kbd-configurator-card:focus-visible .kbd-configurator-card__image{transform:scale(1.035);filter:brightness(.82)}.kbd-configurator-card:hover .kbd-configurator-card__veil,.kbd-configurator-card:hover .kbd-configurator-card__details,.kbd-configurator-card:focus-visible .kbd-configurator-card__veil,.kbd-configurator-card:focus-visible .kbd-configurator-card__details{opacity:1}.kbd-configurator-card:hover .kbd-configurator-card__details,.kbd-configurator-card:focus-visible .kbd-configurator-card__details{transform:translateY(0)}.kbd-configurator-collection__pagination{max-width:1900px;margin:50px auto 0}.kbd-configurator-collection__empty{grid-column:1 / -1;padding:100px 20px;text-align:center}.kbd-configurator-collection__close{display:none}.kbd-configurator-collection--modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;width:100%;max-width:none;min-height:100svh;padding:clamp(64px,8vh,110px) clamp(18px,4vw,64px);overflow:auto;visibility:hidden;opacity:0;background:#000000e0;backdrop-filter:blur(22px) saturate(.75);-webkit-backdrop-filter:blur(22px) saturate(.75);transition:opacity .32s ease,visibility .32s ease}.kbd-configurator-panel-open .kbd-configurator-collection--modal{visibility:visible;opacity:1}.kbd-configurator-panel-open{overflow:hidden}.kbd-configurator-collection--modal .kbd-configurator-grid{position:relative;isolation:isolate;width:100%;transform:translateY(28px) scale(.975);opacity:0;transition:transform .52s cubic-bezier(.2,.75,.25,1),opacity .36s ease}.kbd-configurator-collection--modal .kbd-configurator-card__media{z-index:1}.kbd-configurator-collection--modal .kbd-configurator-card__veil{background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,transparent 38%,transparent 58%,rgba(0,0,0,.82) 100%)}.kbd-configurator-collection--modal .kbd-configurator-card__details{top:0;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(18px,1.8vw,28px);text-align:center}.kbd-configurator-collection--modal .kbd-configurator-card__details strong{max-width:92%;font-size:clamp(14px,1vw,18px);line-height:1.25}.kbd-configurator-collection--modal .kbd-configurator-card__details>span{width:100%;text-align:center}.kbd-configurator-panel-open .kbd-configurator-collection--modal .kbd-configurator-grid{transform:translateY(0) scale(1);opacity:1}.kbd-configurator-collection--modal .kbd-configurator-collection__close{position:fixed;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:2;display:grid;width:48px;height:48px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff1a;color:#fff;font-size:32px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.kbd-configurator-collection--modal .kbd-configurator-collection__close:hover,.kbd-configurator-collection--modal .kbd-configurator-collection__close:focus-visible{background:#fff;color:#000}@media(max-width:749px){.kbd-configurator-collection{padding-inline:10px}.kbd-configurator-grid{grid-template-columns:repeat(var(--kbd-config-grid-mobile),minmax(0,1fr))}.kbd-configurator-card__media{aspect-ratio:1 / 1;border-radius:9px}.kbd-configurator-card__details{padding:18px}.kbd-configurator-collection--modal{justify-content:flex-start;padding-top:82px}}@media(hover:none){.kbd-configurator-card__veil,.kbd-configurator-card__details{opacity:1}.kbd-configurator-card__details{transform:none}}@media(prefers-reduced-motion:reduce){.kbd-configurator-card__image,.kbd-configurator-card__veil,.kbd-configurator-card__details{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/kbd-configurator-collection.css.map */