.coming-soon{background-color:#fffc;justify-content:center;align-items:flex-start;width:100%;display:flex;position:absolute;top:205px;left:50%;transform:translate(-50%)}.coming-soon h1{text-align:center;margin-top:240px;font-size:3rem}.shop-page{flex-direction:column;gap:3rem;max-width:1280px;margin:0 auto;padding:12rem 1.5rem;display:flex}@media (min-width:768px){.shop-page{flex-direction:row}}.fade-in{animation:.6s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shop-sidebar{flex-direction:column;gap:2.5rem;width:100%;display:flex}@media (min-width:768px){.shop-sidebar{width:25%}}@media (min-width:1024px){.shop-sidebar{width:20%}}.collection-filter{border-left:2px solid #eee;padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem}.dark .collection-filter{border-color:#2a2a2a}.collection-filter h3{text-transform:uppercase;letter-spacing:.2em;color:#999;margin-bottom:1rem;font-size:10px;font-weight:700;display:none}@media (min-width:768px){.collection-filter h3{display:block}}.collection-filter ul{margin:0;padding:0;list-style:none}.collection-filter li{margin-bottom:.75rem}.collection-item{color:#999;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding-left:.625rem;font-size:.875rem;transition:color .3s}.collection-item:hover{color:#111}.collection-item.active{color:#111;border-left:2px solid #111;margin-left:-.625rem;padding-left:.625rem;font-weight:700}.dark .collection-item.active{color:#fff;border-color:#fff}.dark .collection-item{color:#aaa}.dark .collection-item:hover{color:#fff}.price-filter{border-top:1px solid #eee;padding-top:1rem}.dark .price-filter{border-color:#2a2a2a}.price-filter h3{text-transform:uppercase;letter-spacing:.2em;color:#999;margin-bottom:.5rem;font-size:10px;font-weight:700}.price-row{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.price-row span:first-child{text-transform:uppercase;letter-spacing:.2em;color:#777;font-size:.75rem}.price-row span.material-icons{color:#aaa;font-size:14px}.shop-main{width:100%}@media (min-width:768px){.shop-main{width:75%}}@media (min-width:1024px){.shop-main{width:80%}}.product-grid{-moz-column-gap:2rem;grid-template-columns:1fr;gap:3rem 2rem;display:grid}@media (min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{cursor:pointer}.product-image{aspect-ratio:4/5;background:#f7f7f7;margin-bottom:1rem;position:relative;overflow:hidden}.dark .product-image{background:#1e1e1e}.product-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s}.product-image:hover img{transform:scale(1.05)}.badge{text-transform:uppercase;z-index:10;color:#fff;padding:.375rem .75rem;font-size:10px;font-weight:700;position:absolute;top:0}.badge.new{background:#111;left:0}.badge.sold{background:#9ca3af;right:0}.image-overlay{background:0 0;transition:background .3s;position:absolute;inset:0}.product-image:hover .image-overlay{background:#0000001a}.add-to-cart{text-transform:uppercase;letter-spacing:.2em;cursor:pointer;opacity:0;background:#ffffffe6;border:none;padding:.75rem;font-size:10px;font-weight:700;transition:all .3s;position:absolute;bottom:1rem;left:1rem;right:1rem;transform:translateY(8px)}.product-image:hover .add-to-cart{opacity:1;transform:translateY(0)}.product-meta{text-align:center}.product-meta h3{color:#777;font-size:1rem;font-family:var(--font-sans),serif;margin-bottom:.25rem;transition:color .3s}.dark .product-meta h3{color:#aaa}.product-meta p{color:#111;font-size:.875rem;font-weight:500}.dark .product-meta p{color:#fff}.product-card:hover h3{color:#111}.dark .product-card:hover h3{color:#fff}.load-more{justify-content:center;margin-top:4rem;display:flex}.load-more button{text-transform:uppercase;letter-spacing:.2em;color:#777;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding-bottom:.25rem;font-size:.75rem;transition:all .3s}.load-more button:hover{color:#111;border-color:#111}.dark .load-more button{color:#aaa}.dark .load-more button:hover{color:#fff;border-color:#fff}
