.gallery-index-section{max-width:var(--page-width, 1200px);margin-inline:auto;padding:40px 20px 80px}.gi-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}.gi-main{min-width:0}.gi-header{margin-bottom:36px;text-align:center}.gi-heading{font-family:var(--font-display, "Oswald", sans-serif);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin:0 0 10px;line-height:1.15}.gi-heading:after{content:"";display:block;width:48px;height:3px;background:var(--color-accent);border-radius:2px;margin:10px auto 0}.gi-subheading{font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.gi-filters{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg, 10px);padding:20px;position:sticky;top:20px}.gi-filter-section{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--color-border)}.gi-filter-section:last-of-type{margin-bottom:16px;padding-bottom:0;border-bottom:none}.gi-filter-heading{font-family:var(--font-display, "Oswald", sans-serif);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);margin:0 0 12px}.gi-filter-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.gi-filter-group:last-child{margin-bottom:0}.gi-filter-label{font-family:var(--font-body, "Inter", sans-serif);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.gi-input,.gi-select{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius, 6px);padding:8px 10px;appearance:none;-webkit-appearance:none;width:100%;box-sizing:border-box;height:38px;transition:border-color var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease);outline:none}.gi-input::placeholder{color:var(--color-text-secondary);opacity:.6}.gi-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23a0a0a0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.gi-input:focus,.gi-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--green-dim, rgba(0, 160, 0, .12))}.gi-select:disabled,.gi-select--loading{opacity:.5;cursor:not-allowed}.gi-select--loading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6' stroke='%23a0a0a0' stroke-width='1.5' stroke-dasharray='18 6' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 8 8' to='360 8 8' dur='0.7s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat}.gi-filters-actions{display:flex;flex-direction:column;gap:8px}.gi-filters-actions .btn{width:100%;justify-content:center}.gi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media(max-width:479px){.gi-grid{grid-template-columns:1fr 1fr;gap:12px}}@media(min-width:768px){.gi-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}}.gi-card{border-radius:var(--radius-lg, 10px);overflow:hidden;border:1px solid var(--color-border);background:var(--color-card);transition:box-shadow var(--transition-fast, .2s ease),transform var(--transition-fast, .2s ease),border-color var(--transition-fast, .2s ease);position:relative}.gi-card:hover{box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .4));transform:translateY(-3px);border-color:var(--color-accent)}.gi-card-link{display:block;text-decoration:none;color:inherit}.gi-card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-lg, 10px)}.gi-card-img-wrap{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg);position:relative}.gi-card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.22,1,.36,1)}.gi-card:hover .gi-card-img{transform:scale(1.06)}.gi-card-img-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.gi-card:hover .gi-card-img-wrap:after{transform:scaleX(1)}.gi-card-img-placeholder{width:100%;height:100%;background:var(--color-border);display:flex;align-items:center;justify-content:center}.gi-card-img-placeholder:before{content:"";display:block;width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' stroke='%23555' stroke-width='1.5'%3E%3Crect x='6' y='10' width='36' height='28' rx='3'/%3E%3Ccircle cx='17' cy='20' r='4'/%3E%3Cpath d='M6 30l10-8 8 7 6-5 12 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.4}.gi-card-body{padding:14px 16px 16px}.gi-card-title{font-family:var(--font-display, "Oswald", sans-serif);font-size:.9375rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin:0 0 5px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.gi-card-spec{font-family:var(--font-body, "Inter", sans-serif);font-size:.78rem;color:var(--color-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.gi-card-spec .sep{color:var(--color-accent)}.gi-loading,.gi-empty,.gi-error{grid-column:1 / -1;text-align:center;padding:56px 24px;font-family:var(--font-body, "Inter", sans-serif);font-size:.9375rem;color:var(--color-text-secondary)}.gi-loading:before{content:"";display:block;width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;margin:0 auto 16px;animation:gi-spin .7s linear infinite}@keyframes gi-spin{to{transform:rotate(360deg)}}.gi-error{color:var(--red, #e53e3e)}.gi-empty a,.gi-error a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.gi-empty a:hover,.gi-error a:hover{opacity:.8}.gi-pagination{margin-top:40px;display:flex;justify-content:center}.gi-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.gi-pager-btn{font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:500;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius, 6px);background:var(--color-card);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast, .2s ease),border-color var(--transition-fast, .2s ease),color var(--transition-fast, .2s ease);min-width:40px;text-align:center}.gi-pager-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg)}.gi-pager-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gi-pager-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:700;pointer-events:none}.gi-pager-info{font-family:var(--font-body, "Inter", sans-serif);font-size:.8rem;color:var(--color-text-secondary);margin-left:10px;white-space:nowrap}.gi-submit-cta{margin-top:48px;text-align:center;font-family:var(--font-body, "Inter", sans-serif);font-size:.9375rem;color:var(--color-text-secondary);padding:24px;border-top:1px solid var(--color-border)}.gi-submit-link{color:var(--color-accent);font-weight:600;text-decoration:none;transition:opacity var(--transition-fast, .2s ease)}.gi-submit-link:hover{opacity:.8;text-decoration:underline;text-underline-offset:2px}@media(max-width:899px){.gi-layout{grid-template-columns:1fr;gap:24px}.gi-filters{position:static}.gi-filters-inner{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-end}.gi-filter-section{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0;padding-bottom:0;border-bottom:none}.gi-filter-heading{flex:1 1 100%;margin-bottom:2px}.gi-filter-group{flex:1 1 140px;margin-bottom:0}.gi-filters-actions{flex:1 1 100%;flex-direction:row}.gi-filters-actions .btn{flex:1}}@media(max-width:479px){.gi-filters{padding:16px}.gi-grid{grid-template-columns:1fr 1fr;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/gallery-index.css.map */