.frame-gallery-page{padding:3rem 1.5rem 4rem;background-color:#fff;min-height:100vh}.frame-gallery-page .page-width{max-width:1080px;margin:0 auto}.frame-gallery-header{margin-bottom:2.5rem}.frame-gallery-page .frame-filters{margin-bottom:2.75rem}.frame-gallery-title{font-size:clamp(2.4rem,4vw,3rem);margin-bottom:0;font-weight:600;color:#222}.frame-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3.5rem;row-gap:3.75rem;list-style:none;padding:0;margin:0}.frame-gallery-grid--disabled{margin-top:2.75rem}.frame-gallery-card{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .22s ease}.frame-gallery-card:hover,.frame-gallery-card:focus-within{transform:translateY(-8px)}.frame-preview-wrapper{position:relative;width:100%;max-width:360px;margin:0 auto;padding:0}.frame-preview-wrapper:after{display:none}.frame-preview-stack{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.frame-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .22s ease;pointer-events:none}.frame-preview-layer--primary{opacity:1}.frame-preview-layer--hover{opacity:0;background:#fff}.frame-preview-layer--hover img{width:100%;height:100%;object-fit:contain;display:block}.frame-gallery-card:hover .frame-preview-layer--primary,.frame-gallery-card:focus-within .frame-preview-layer--primary{opacity:0}.frame-gallery-card:hover .frame-preview-layer--hover,.frame-gallery-card:focus-within .frame-preview-layer--hover{opacity:1}.frame-gallery-card--disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.frame-gallery-card--disabled .frame-preview-layer--primary{filter:grayscale(100%)}.frame-gallery-card--disabled .frame-preview-layer--hover{display:none}.frame-preview-wrapper--disabled{position:relative}.frame-preview-wrapper--disabled .frame-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffc7;color:#444;font-size:.95rem;font-weight:500;letter-spacing:.02em;text-align:center;padding:1rem;pointer-events:none}.frame-preview-image{width:100%;height:100%;object-fit:contain}.frame-preview-image--svg svg{width:100%;height:100%;display:block}.frame-preview-placeholder{background:repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 8px,#fafafa 8px,#fafafa 16px);color:#777;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center}.frame-card-body{width:100%;margin-top:.75rem;display:flex;flex-direction:column;gap:.2rem;text-align:left;align-items:flex-start}.frame-card-title{font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:500;letter-spacing:.04em;color:#1f1f1f}.frame-card-price{font-size:clamp(1.05rem,2vw,1.3rem);letter-spacing:.04em;color:#555}.frame-gallery-actions{display:flex;justify-content:center;margin-top:2.5rem}.frame-gallery-back{background:none;border:1px solid rgba(0,0,0,.12);padding:.85rem 1.6rem;border-radius:999px;font-size:.95rem;font-weight:500;color:#333;transition:background .18s ease,color .18s ease,transform .18s ease}.frame-gallery-back:hover{background:#0f4c8114;color:#0f4c81;transform:translateY(-1px)}.frame-preview-loading{font-size:.9rem;color:#666;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 1024px){.frame-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;row-gap:3rem}}@media (max-width: 768px){.frame-gallery-page{padding:2rem 1.25rem 2.75rem}}@media (max-width: 640px){.frame-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.75rem;row-gap:2.25rem}.frame-preview-wrapper{max-width:100%}}@media (max-width: 440px){.frame-gallery-grid{column-gap:1.15rem;row-gap:1.85rem}}