.shop-component{background-color:#faf9f8;flex-direction:column;align-items:center;gap:3rem;min-height:100vh;padding:60px 20px 80px;font-family:Poppins,sans-serif;display:flex}.category-select-space{background:linear-gradient(135deg,#d3d3d3,gray);border-radius:12px;justify-content:center;width:90%;max-width:420px;padding:16px;display:flex;box-shadow:0 6px 20px #c29a7640}.category-select-space select{color:#111;cursor:pointer;background-color:#fff;border:none;border-radius:8px;width:100%;padding:12px 15px;font-size:1rem;font-weight:500;transition:all .3s;box-shadow:0 2px 6px #0000001a}.category-select-space select:hover{background-color:#f2e6d8;transform:scale(1.03)}.subcategories-select-space{scrollbar-width:thin;scrollbar-color:#c29a76 #f7e3e0;justify-content:center;gap:12px;width:100%;padding:12px 0;display:flex;overflow-x:auto}.subcategories-select-space::-webkit-scrollbar{height:6px}.subcategories-select-space::-webkit-scrollbar-thumb{background:#c29a76;border-radius:10px}.subcategory{color:#111;cursor:pointer;white-space:nowrap;background-color:#fff7f5;border:1px solid #d3d3d3;border-radius:25px;flex-shrink:0;padding:8px 16px;transition:all .3s ease-in-out;box-shadow:0 2px 6px #0000000d}.subcategory:hover{background-color:#f2e6d8;transform:translateY(-2px)}.subcategory.selected{color:#000;background-color:#d3d3d3;border-color:#d3d3d3;box-shadow:0 4px 10px #c29a764d}.articles-space{color:#000;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;width:100%;padding:20px;display:grid;box-shadow:0 4px 15px #c29a7626}.article-item{text-align:center;cursor:pointer;background-color:#fff;border-radius:18px;flex-direction:column;align-items:center;padding:18px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 3px 12px #00000014}.article-item:hover{transform:translateY(-6px);box-shadow:0 10px 22px #c29a762e}.article-item img,.article-item Image{object-fit:contain;width:160px;height:160px;margin-bottom:12px;transition:transform .3s}.article-item:hover img{transform:scale(1.05)}.article-item h3{color:#111;margin-bottom:6px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.article-item p{color:#555;margin-top:4px;font-size:.9rem}.article-item strong{color:#c29a76}.product-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.btn-primary,.btn-outline{cursor:pointer;border-radius:10px;padding:9px 16px;font-size:.6rem;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#c29a76,#ffb347);border:none;box-shadow:0 3px 10px #c29a7640}.btn-primary:hover{background:linear-gradient(135deg,#ffb347,#c29a76);transform:scale(1.05)}.btn-outline{color:#c29a76;background:#fff;border:1px solid #c29a76}.btn-outline:hover{color:#fff;background:#c29a76;transform:translateY(-2px)}.articles-space.loading,.subcategories-select-space.loading{background:#c29a761a;border-radius:12px;justify-content:center;align-items:center;min-height:130px;display:flex}.spinner{border:4px solid #eee;border-top-color:#c29a76;border-radius:50%;width:42px;height:42px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.shop-component{gap:2rem;padding:30px 15px}.articles-space{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:5px}.article-item{background-color:#fff;border-radius:18px;padding:5px}.article-item img{width:130px;height:130px}.subcategory{padding:6px 12px;font-size:.85rem}.btn-primary{color:#fff;background:#000;border:none;box-shadow:0 3px 10px #c29a7640}.btn-primary:hover{color:#000;background:#fff;transform:scale(1.05)}.btn-outline{color:#000;background:#fff;border:1px solid #c29a76}.btn-outline:hover{color:#fff;background:#c29a76;transform:translateY(-2px)}.btn-primary,.btn-outline{cursor:pointer;padding:7px 14px;font-size:.6rem;font-weight:600;transition:all .3s}}@media (max-width:480px){.category-select-space{width:95%;padding:12px}.category-select-space select{font-size:.9rem}.subcategory{font-size:.8rem}.article-item h3{font-size:.9rem}.article-item p{font-size:.8rem}}
.shop-container{background-color:#faf9f8;place-items:center;padding:2rem;display:grid}.articles-section{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.article-card{background:#fff;border-radius:1rem;padding:1rem;transition:all .3s ease-in-out;box-shadow:0 3px 8px #0000001a}.article-card:hover{transform:scale(1.02)}.hidden-uninteractive{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}