.template-main{padding:132px var(--pad) 90px;max-width:1700px;margin:auto}.catalogue-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:35px;border-bottom:1px solid var(--line)}.catalogue-heading h1{font-size:clamp(32px,3.8vw,58px);line-height:1.12;letter-spacing:-2px;margin:14px 0}.catalogue-heading h1 em{color:#91bef5;font-style:normal}.catalogue-heading p{color:var(--muted);font-size:16px}.catalogue-heading .eyebrow{font-size:12px}.catalogue-note{font-size:13px;white-space:nowrap;color:var(--muted)}.catalogue-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding-top:28px}.template-filters{align-self:start;position:sticky;top:110px}.filter-title{display:flex;justify-content:space-between;align-items:center}.filter-title h2{font-size:18px}.template-main button,#template-dialog button{font:inherit;cursor:pointer}.filter-title button{border:0;background:none;color:#91bef5;font-size:14px;padding:10px 0}.template-filters fieldset{border:0;border-bottom:1px solid var(--line);padding:23px 0;margin:0}.template-filters legend{font-size:15px;font-weight:700;padding-top:22px}.template-filters label{display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14px;color:#c5c9cf}.template-filters input{width:17px;height:17px;accent-color:#8ab8ff}.template-main select{background:#171b21;color:#e7eaf1;border:1px solid #ffffff25;padding:10px;border-radius:6px;font:inherit;font-size:14px;max-width:100%}.template-filters select{width:100%}.filter-note{color:#939ba5;font-size:13px;line-height:1.6;margin:12px 0 0}.filter-help{display:block;margin-top:25px;font-size:14px;color:#e5eaf0}.filter-help span{display:block;margin-top:8px;color:#91bef5;font-size:13px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.gallery-toolbar p{font-size:15px}.gallery-toolbar label{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px}.concept-disclosure{font-size:13px;color:#929ba6;margin:12px 0 24px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.template-scroll-indicator{display:none}@media(min-width:701px){.template-results{position:relative}.template-grid{max-height:calc(100dvh - 275px);overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable;padding-right:30px;scrollbar-width:none;scroll-behavior:smooth}.template-grid::-webkit-scrollbar{display:none}.template-scroll-indicator{display:flex;position:absolute;z-index:2;top:0;right:-18px;width:20px;height:100%;max-height:100%;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none}.template-scroll-indicator span{display:block;width:14px;height:2px;background:#ffffff4d;opacity:.35;transform:scaleX(.7);transform-origin:center;transition:width .52s cubic-bezier(.22,.61,.36,1),background .52s cubic-bezier(.22,.61,.36,1),box-shadow .52s cubic-bezier(.22,.61,.36,1),transform .52s cubic-bezier(.22,.61,.36,1),opacity .52s cubic-bezier(.22,.61,.36,1)}.template-scroll-indicator span:nth-child(3n){width:18px}.template-scroll-indicator span:nth-child(4n){width:10px}.template-scroll-indicator span.is-active{background:#c5ddff;box-shadow:0 0 9px #91bef5}}.template-card{min-width:0;animation:card-in .35s ease both}.template-card.filter-in{animation:filter-card-in .42s cubic-bezier(.2,.8,.2,1) both;will-change:opacity,transform}.template-card[hidden]{display:none}.template-preview{display:block;width:100%;position:relative;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;padding:14px;background:#1b2026;transition:background .25s,border-color .25s}.template-preview img{display:block;width:100%;height:auto;border-radius:4px;transition:transform .45s;box-shadow:0 10px 30px #0004}.template-preview:hover{border-color:#91bef580;background:#262f3b}.template-preview:hover img{transform:translateY(-3px)}.template-preview span{position:absolute;bottom:24px;left:50%;transform:translate(-50%,8px);opacity:0;transition:.2s;background:#101622;color:#fff;padding:10px 18px;border-radius:24px;font-size:14px;white-space:nowrap}.template-preview:hover span,.template-preview:focus-visible span{opacity:1;transform:translate(-50%,0)}.template-card-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 2px 0}.template-card-info p{font-size:12px;color:#99a3af;margin:0 0 7px}.template-card-info h2{font-size:21px;margin:0;letter-spacing:-.4px}.template-price{font-size:13px;color:#bec6d0;text-align:right}.template-empty{padding:70px 20px;text-align:center;border:1px dashed #ffffff30;border-radius:10px}.template-empty p{color:var(--muted)}.template-empty button{background:#c6dcfa;color:#101721;border:0;padding:12px 20px;border-radius:5px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#template-dialog{background:#13171d;color:#f1f4fa;border:1px solid #ffffff30;border-radius:14px;padding:22px;width:min(960px,94vw);max-height:90dvh;overflow:auto}#template-dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#a7b2bf;font-size:14px}.preview-top button{background:#262e38;color:#fff;border:0;padding:10px 18px;border-radius:5px}#preview-image{width:100%;height:auto;border-radius:5px}.preview-details{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:20px}.preview-details h2{font-size:30px;margin:8px 0}.preview-details p{font-size:14px;color:#a7b2bf;margin:8px 0}.preview-details .button{font-size:14px;white-space:nowrap}.template-main :focus-visible,#template-dialog :focus-visible{outline:2px solid #91bef5;outline-offset:4px}@keyframes card-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes filter-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.catalogue-layout{grid-template-columns:185px minmax(0,1fr);gap:24px}.catalogue-heading{display:block}.catalogue-note{display:block;margin-top:20px}.template-card-info{display:block}.template-price{display:block;text-align:left;margin-top:10px}}@media(max-width:700px){.template-main{padding-top:112px}.catalogue-layout{grid-template-columns:1fr}.template-filters{position:static}.template-filters form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.filter-help{display:none}.template-grid{gap:24px 14px}.template-preview{padding:6px}.template-card-info h2{font-size:18px}.gallery-toolbar{flex-wrap:wrap}.preview-details{display:block}.preview-details .button{margin-top:18px}.template-preview span{display:none}}@media(max-width:440px){.template-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.template-card,.template-card.filter-in{animation:none}.template-preview,.template-preview img,.template-preview span,.template-scroll-indicator span{transition:none}}

.range-values{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px;margin-top:6px}.range-values output{background:#1c2634;padding:9px 12px;border:1px solid #ffffff20;border-radius:5px}.dual-range{position:relative;height:44px;margin:10px 10px 0}.range-track{height:4px;background:#36404f;position:absolute;left:0;right:0;top:20px;border-radius:4px}#range-fill{position:absolute;left:0;right:0;height:100%;background:#91bef5}.template-filters .dual-range input{position:absolute;top:0;left:0;width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.dual-range input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#b8d6ff;border:3px solid #18243a;border-radius:50%;pointer-events:auto;cursor:ew-resize;box-shadow:0 0 0 1px #91bef5}.dual-range input::-moz-range-thumb{width:16px;height:16px;background:#b8d6ff;border:3px solid #18243a;border-radius:50%;pointer-events:auto;cursor:ew-resize}.dual-range input:focus-visible{outline:0}.dual-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff}.dual-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #fff}.template-price small{display:block;font-size:12px;color:#98a4b4;margin-top:4px}
