.container{min-width:100vw;min-height:100vh;padding-top:var(--banner-height);background:#fff}.ceramics-content{margin-left:280px;padding:0 40px 40px}.ceramics-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;max-width:1200px;display:grid}.ceramic-item{cursor:pointer;text-align:inherit;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;gap:12px;width:100%;padding:0;display:flex}.ceramic-image{aspect-ratio:1;background-color:#f5f5f5;width:100%;overflow:hidden}.ceramic-img{object-fit:cover;width:100%;height:100%}.ceramic-text{visibility:hidden;color:#000;flex-direction:row;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.ceramic-price{text-align:right}.ceramic-name{text-align:left}.ceramic-item:hover .ceramic-text{visibility:visible}.ceramic-lightbox{z-index:1000;background:rgba(255,255,255,.96);justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ceramic-lightbox-content{flex-direction:column;align-items:center;gap:16px;max-width:min(900px,100vw - 140px);max-height:calc(100vh - 48px);display:flex}.ceramic-lightbox-image{justify-content:center;align-items:center;width:100%;max-height:calc(100vh - 160px);display:flex}.ceramic-lightbox-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 160px)}.ceramic-lightbox-details{color:#000;justify-content:space-between;gap:24px;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.ceramic-lightbox-name{text-align:left}.ceramic-lightbox-price{text-align:right;margin-left:auto}.ceramic-lightbox-count{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.9rem}.ceramic-lightbox-nav,.ceramic-lightbox-close{cursor:pointer;color:#000;background:0 0;border:none;padding:8px;font-family:Arial,Helvetica,sans-serif;line-height:1}.ceramic-lightbox-nav{flex-shrink:0;font-size:3rem}.ceramic-lightbox-close{z-index:1;font-size:2.5rem;position:absolute;top:16px;right:24px}@media (max-width:768px){.ceramics-content{margin-left:0;padding:72px 16px 20px}.ceramics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.ceramic-text{visibility:visible}.ceramic-lightbox{gap:4px;padding:16px}.ceramic-lightbox-content{max-width:calc(100vw - 72px)}.ceramic-lightbox-nav{font-size:2rem}.ceramic-lightbox-details{font-size:1rem}}