.ad-library-page{padding:32px 0 80px;background:var(--color-surface);min-height:100vh}.brand-filters{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.brand-filters-list{display:flex;flex-wrap:wrap;list-style:none;gap:0 20px;margin:0;padding:0}.filter-tag{padding:6px 0;font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.filter-tag:hover{color:var(--color-primary)}.filter-tag.is-active{color:var(--color-text-muted);border-bottom-color:var(--color-text)}.filter-tag.is-active:hover{color:var(--color-text)}.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.ad-grid--masonry{display:block;column-count:5;column-gap:12px}.ad-grid--masonry .ad-card{break-inside:avoid;margin-bottom:12px}.ad-grid--masonry .ad-image-wrapper{width:100%}.ad-card{position:relative}.ad-image-wrapper{display:block;width:100%;position:relative;overflow:hidden;background:var(--color-surface-alt);border:none;padding:0;cursor:pointer}.ad-image{width:100%;height:auto;display:block;vertical-align:middle;transition:transform var(--transition-slow)}.ad-card:hover .ad-image{transform:scale(1.02)}.ad-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;padding:16px;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);text-align:center}.empty-state{grid-column:1 / -1;padding:60px 20px;text-align:center;color:var(--color-text-muted)}.ad-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium)}.ad-lightbox.is-open{opacity:1;visibility:visible}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;z-index:1;transform:scale(.95);transition:transform var(--transition-medium)}.ad-lightbox.is-open .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:-48px;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);opacity:.7;transition:opacity var(--transition-fast)}.lightbox-close:hover{opacity:1}.lightbox-image-wrapper{max-width:100%;max-height:calc(90vh - 80px);overflow:hidden}.lightbox-image{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain}.lightbox-meta{margin-top:16px;text-align:center;padding:0 20px}.lightbox-date{font-family:var(--font-heading);font-size:1rem;color:var(--color-primary);letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}.lightbox-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-text-inverse);letter-spacing:.05em;margin:0 0 4px}.lightbox-brand{font-size:.875rem;color:#fff9;margin:0;text-transform:uppercase;letter-spacing:.08em}@media(max-width:1200px){.ad-grid--masonry{column-count:4}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.ad-library-page{padding:24px 0 60px}.brand-filters{gap:6px 10px;margin-bottom:24px;padding-bottom:20px}.filter-tag{font-size:.75rem;padding:4px 8px}.ad-grid--masonry{column-count:3;column-gap:10px}.ad-grid--masonry .ad-card{margin-bottom:10px}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media(max-width:480px){.brand-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:16px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scrollbar-width:none;-ms-overflow-style:none}.brand-filters::-webkit-scrollbar{display:none}.filter-tag{flex-shrink:0}.ad-grid--masonry{column-count:2;column-gap:8px}.ad-grid--masonry .ad-card{margin-bottom:8px}.ad-grid{grid-template-columns:repeat(2,1fr);gap:8px}.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-close{top:-40px;right:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/template-ad-library.css.map */