.designs .template-grid{gap:24px;scrollbar-width:none;position:relative;align-items:start;scroll-snap-type:x proximity}.designs .template-grid::-webkit-scrollbar{display:none}.designs .catalogue-group{display:flex;flex:none;gap:24px;align-items:start}.designs .template{flex:0 0 auto;width:clamp(156px,14vw,184px);scroll-snap-align:start}.designs .real-template-art{width:100%;height:auto;aspect-ratio:393/852;border-radius:8px;background:transparent}.designs .real-template-art img{width:100%;height:100%;object-fit:contain;max-width:none}.designs .template-caption{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:3px 8px;padding:14px 0 12px;font-size:14px;text-align:left}.designs .template-caption>span:first-child{grid-column:1;grid-row:1}.designs .template-caption>span:nth-child(2){grid-column:1;grid-row:2;margin:0;font-size:11px}.designs .template-caption svg{position:static;grid-column:2;grid-row:1;width:16px;height:16px;margin:2px 0 0}.designs .template:focus-visible{outline-offset:-3px}.catalogue-arrows button[hidden]{display:none}.designs .catalogue-marquee{scroll-behavior:auto!important;scroll-snap-type:none}.catalogue-motion svg{width:16px;height:16px}
@media(max-width:700px){.designs .template-grid,.designs .catalogue-group{gap:18px}.designs .template{width:150px;flex-basis:auto}.designs .real-template-art{height:auto}.designs .template-caption{font-size:13px}.catalogue-toolbar .catalogue-search{min-width:150px}.catalogue-arrows{gap:6px}}

/* Slim hardware surrounds the complete artwork without covering its content. */
.designs .real-template-art{position:relative;height:auto;aspect-ratio:auto;padding:9px 5px 7px;border:1px solid #697581;border-radius:25px;background:#18242f;overflow:visible;box-shadow:0 9px 18px -12px #20375c80}
.designs .real-template-art img{display:block;width:100%;height:auto;aspect-ratio:393/852;border-radius:18px;object-fit:contain;background:#fbf8f3}
.designs .real-template-art::before{content:'';position:absolute;top:3px;left:50%;transform:translateX(-50%);width:22px;height:2px;border-radius:2px;background:#7e8b97}
.designs .real-template-art::after{content:'';position:absolute;right:-2px;top:23%;width:2px;height:24px;border-radius:2px;background:#4c5a68}
@media(max-width:700px){.designs .real-template-art{padding:8px 4px 6px;border-radius:22px}.designs .real-template-art img{border-radius:16px}.designs .real-template-art::before{width:18px}}