.collections-page{background:#e7eff8}.collection-shell{max-width:1040px;padding:32px 36px 0;margin:28px auto;background:var(--paper);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 18px 90px #002e5f10}.collection-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.back-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;color:var(--muted)}.back-link span{font-size:19px;color:var(--ink)}.collection-intro{padding:42px 0 27px}.collection-eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:700;margin:0 0 15px;color:#5d7ea2}#collection-title{font-size:60px;font-weight:650;line-height:1.03;letter-spacing:-3px;margin:0 0 16px}.collection-intro>p:last-child{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.collection-tools{position:sticky;top:0;z-index:2;background:var(--paper);padding:10px 0 13px}.search-wrap{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #cfddeb;border-radius:13px;padding:0 15px;max-width:480px;height:48px}.search-wrap:focus-within{border-color:#568abd;box-shadow:0 0 0 2px #568abd15}.search-wrap svg{width:18px;height:18px;color:#68849f;flex-shrink:0}.search-wrap input{border:0;background:transparent;min-width:0;flex:1;outline:none!important;font-size:13px;color:var(--ink);height:100%;padding:0}.search-wrap input::placeholder{color:#7990a8}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap button{background:transparent;width:28px;height:28px;border-radius:50%;font-size:22px;color:#557492}.collection-meta{display:flex;justify-content:space-between;align-items:center;margin:8px 0 15px;font-size:11px;color:#5e7b98}.collection-meta>span+span{font-size:7px;letter-spacing:1.2px}.collection-meta>span+span span{font-size:12px;margin-left:5px}.design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.design-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.design-art{height:275px;padding:18px 15px;background:#ecf3fa;display:flex;align-items:center;justify-content:center}.design-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #002e5f0d)}.design-details{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 13px;min-height:67px}.design-details h2{font-family:var(--heading);font-size:12px;font-weight:750;letter-spacing:-.25px;line-height:1.45;margin:0}.design-details>span{font-size:17px;color:#7292b4;line-height:1.1;flex-shrink:0}.design-card[hidden],.empty-state[hidden],.collection-tools[hidden],#clear-search[hidden]{display:none}.empty-state{padding:60px 10px;text-align:center;border:1px dashed #b9cfe5;border-radius:18px}.empty-state h2{font-family:var(--heading);font-size:22px;letter-spacing:-.7px;margin:0 0 10px}.empty-state p{font-size:12px;line-height:1.65;color:var(--muted)}.empty-state button{border-radius:10px;background:var(--ink);color:white;padding:12px 19px;margin-top:8px;font-size:12px}.collection-help{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;text-decoration:none;border-top:1px solid var(--line);margin-top:32px;font-family:var(--heading);font-weight:700;font-size:13px}.collection-help small{display:block;font-family:var(--font);font-weight:400;font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px}.collection-help>span+span{font-size:21px}.collection-footer{margin:4px -36px 0}.collection-footer>a{font-size:9px;color:#5c7a98;text-underline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover){.design-card:hover{transform:translateY(-3px);border-color:#98b8d9;box-shadow:0 8px 20px #002e5f0b}.back-link:hover{color:var(--ink)}}
@media(max-width:800px){.collection-shell{max-width:680px}.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-art{height:240px}}
@media(max-width:550px){.collections-page{background:var(--paper)}.collection-shell{border:0;border-radius:0;box-shadow:none;margin:0 auto;padding:26px 22px 0;max-width:460px}.collection-header .official-logo{width:143px;height:auto}.back-link{font-size:10px;gap:6px}.collection-intro{padding:35px 0 19px}#collection-title{font-size:46px;letter-spacing:-2.2px}.collection-intro>p:last-child{font-size:12px}.collection-eyebrow{font-size:7.5px}.collection-tools{padding-bottom:10px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.design-art{height:236px;padding:16px 11px}.design-details{padding:12px 11px;min-height:61px}.design-details h2{font-size:11px}.collection-footer{margin-left:-22px;margin-right:-22px}.collection-help{font-size:12px}.collection-help small{font-size:10px}}
@media(max-width:355px){.collection-shell{padding-left:18px;padding-right:18px}.collection-header .official-logo{width:126px}.back-link{font-size:9px}#collection-title{font-size:42px}.design-art{height:202px;padding:13px 9px}.design-details h2{font-size:10.5px}.design-details{padding:10px;gap:5px}.collection-footer{margin-left:-18px;margin-right:-18px}.collection-meta>span+span{font-size:6px}}
/* Match the neutral surface around the store’s exact case previews. */
.design-art{background:#f2f2f2}
.design-art img{filter:none}


/* Show the entire original product preview, including both case edges. */
.design-art{height:auto;aspect-ratio:1;padding:0}
.design-art img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;clip-path:none}