:root{--gold:#c5a572;--gold-dark:#b8860b;--gold-light:#e5c28e;--navy:#1a2a3a;--navy-dark:#0f1a24;--white:#fff;--cream:#f8f5f0;--cream-dark:#f0e9e0;--border:#e5e5e5;--text:#333;--gray:#666;--gray-light:#999;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 15px #00000014;--shadow-lg:0 10px 30px #0000001a;--shadow-xl:0 20px 40px #00000026;--shadow-gold:0 4px 20px #c5a5724d;--gradient-gold:linear-gradient(135deg,#c5a572 0%,#e5b73b 50%,#b8860b 100%);--gradient-navy:linear-gradient(135deg,#1a2a3a 0%,#0f1a24 100%);--transition:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}.catalog-page{background:var(--cream);z-index:1;min-height:100vh;margin-top:100px;padding:40px 0 80px;position:relative}.container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(15px,4vw,40px)}.catalog-header{border-bottom:2px solid var(--gold);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:clamp(20px,4vh,40px);padding-bottom:clamp(15px,2vh,20px);animation:.6s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.catalog-title{color:var(--navy);margin:0 0 5px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.2}.catalog-count{color:var(--gray);font-size:clamp(.9rem,2.5vw,1.1rem)}.header-actions{flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,15px);display:flex}.mobile-filter-btn{background:var(--white);border:2px solid var(--border);color:var(--navy);cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:40px;align-items:center;gap:8px;padding:clamp(10px,2vh,12px) clamp(20px,4vw,25px);font-size:clamp(.85rem,2.2vw,.95rem);font-weight:600;display:none}.mobile-filter-btn:hover{border-color:var(--gold);color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.categories-showcase{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background:linear-gradient(90deg,#c5a5720d 0%,#fff0 100%);margin:clamp(20px,4vh,40px) 0 clamp(20px,3vh,30px);padding:clamp(20px,3vh,30px) 0;animation:.6s .1s both fadeIn}.categories-showcase-title{color:var(--navy);margin-bottom:clamp(20px,4vh,30px);font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;display:inline-block;position:relative}.categories-showcase-title:after{content:"";background:var(--gradient-gold);border-radius:2px;width:clamp(40px,8vw,60px);height:3px;position:absolute;bottom:-10px;left:0}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(15px,3vw,25px);display:grid}.category-button{background:var(--white);transition:var(--transition);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:1;border-radius:16px;align-items:center;gap:clamp(10px,2vw,15px);padding:clamp(15px,2vh,20px) clamp(20px,3vw,25px);text-decoration:none;display:flex;position:relative;overflow:hidden}.category-button:before{content:"";background:var(--gradient-gold);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.category-button:hover{border-color:var(--gold);box-shadow:var(--shadow-xl);transform:translateY(-8px)scale(1.02)}.category-button:hover:before{opacity:1}.category-button:hover .category-button-icon,.category-button:hover .category-button-name,.category-button:hover .category-button-count{color:var(--white);transform:scale(1.05)}.category-button-icon{color:var(--gold);filter:drop-shadow(0 2px 5px #c5a5724d);justify-content:center;align-items:center;width:clamp(35px,6vw,45px);font-size:clamp(24px,5vw,32px);transition:all .3s;display:flex}.category-button-name{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Playfair Display,serif;font-size:clamp(14px,3vw,18px);font-weight:600;transition:all .3s;overflow:hidden}.category-button-count{background:var(--cream);color:var(--navy);border:1px solid var(--border);text-align:center;min-width:clamp(40px,8vw,50px);box-shadow:var(--shadow-sm);border-radius:40px;padding:clamp(4px,1vh,8px) clamp(8px,2vw,14px);font-size:clamp(12px,2.5vw,15px);font-weight:700;transition:all .3s}.category-button:hover .category-button-count{border-color:var(--white);color:var(--white);background:#fff3;transform:scale(1.05)}.category-button-bg{opacity:.1;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.category-button-bg img{object-fit:cover;width:100%;height:100%}.catalog-content{grid-template-columns:280px 1fr;gap:clamp(20px,4vw,40px);animation:.6s .2s both fadeIn;display:grid;position:relative}.catalog-filters{background:var(--white);height:fit-content;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid var(--border);z-index:5;border-radius:20px;padding:clamp(20px,3vh,30px) clamp(15px,3vw,25px);position:sticky;top:160px}.filters-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:none}.filters-header h3{color:var(--navy);margin:0;font-size:1.3rem}.close-filters{color:var(--gray);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.close-filters:hover{color:var(--gold);background:#c5a5721a;transform:rotate(90deg)}.filter-section{margin-bottom:clamp(20px,3vh,30px);animation:.4s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.filter-title{color:var(--navy);margin-bottom:clamp(10px,2vh,15px);padding-bottom:8px;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;position:relative}.filter-title:after{content:"";background:var(--gold);width:30px;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.filter-section:hover .filter-title:after{width:50px}.category-list{flex-direction:column;gap:8px;max-height:min(400px,50vh);padding-right:5px;display:flex;overflow-y:auto}.category-list::-webkit-scrollbar{width:4px}.category-list::-webkit-scrollbar-track{background:var(--cream);border-radius:4px}.category-list::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.category-filter-btn{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:clamp(8px,1.5vh,12px) clamp(10px,2vw,15px);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.category-filter-btn:before{content:"";background:var(--gold);opacity:.1;z-index:-1;width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.category-filter-btn:hover{border-color:var(--gold);transform:translate(5px)}.category-filter-btn:hover:before{width:100%}.category-filter-btn.active{background:var(--gold);color:var(--white);border-color:var(--gold);transform:translate(5px)}.category-filter-btn.active .category-count{color:var(--white);opacity:.9;background:#fff3}.category-icon{align-items:center;width:24px;font-size:clamp(1rem,2.5vw,1.2rem);display:flex}.category-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(.85rem,2.2vw,.95rem);font-weight:500;overflow:hidden}.category-count{color:var(--gray);text-align:center;background:#0000000d;border-radius:20px;min-width:35px;padding:2px 8px;font-size:clamp(.75rem,2vw,.85rem);transition:all .3s}.price-inputs{flex-wrap:wrap;gap:10px;display:flex}.price-input{flex:1;min-width:100px}.price-input label{color:var(--gray);margin-bottom:5px;font-size:.8rem;display:block}.price-input input{border:1px solid var(--border);border-radius:8px;width:100%;padding:clamp(8px,1.5vh,10px) clamp(10px,2vw,12px);font-size:clamp(.85rem,2.2vw,.95rem);transition:all .3s}.price-input input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c5a5721a}.checkbox-label{color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:5px 0;font-size:clamp(.85rem,2.2vw,.95rem);display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--gold)}.reset-filters{border:2px solid var(--border);width:100%;color:var(--gray);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:clamp(10px,2vh,12px);font-size:clamp(.85rem,2.2vw,.95rem);font-weight:600;transition:all .3s}.reset-filters:hover{border-color:var(--gold);color:var(--gold);background:#c5a5720d}.catalog-products{min-height:500px}.products-toolbar{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:clamp(20px,3vh,30px);padding:clamp(12px,2vh,15px) clamp(15px,3vw,25px);animation:.6s .2s both fadeIn;display:flex}.sort-select{border:2px solid var(--border);color:var(--text);cursor:pointer;background:var(--white);border-radius:10px;flex:1;min-width:200px;padding:clamp(10px,2vh,12px) clamp(15px,3vw,20px);font-size:clamp(.85rem,2.2vw,.95rem);transition:all .3s}.sort-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c5a5721a}.view-toggle{gap:8px;display:flex}.view-btn{border:2px solid var(--border);width:clamp(40px,8vw,45px);height:clamp(40px,8vw,45px);color:var(--gray);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:clamp(1.1rem,3vw,1.3rem);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.view-btn.active{background:var(--gold);color:var(--white);border-color:var(--gold)}.view-btn:hover:not(.active){border-color:var(--gold);color:var(--gold);transform:scale(1.05)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(12px,2.5vw,20px);animation:.6s .3s both fadeIn;display:grid}.product-card-grid{background:linear-gradient(135deg,var(--navy)0%,var(--navy-dark)100%);backface-visibility:hidden;will-change:transform,border-color,box-shadow;border:2px solid #0000;border-radius:14px;flex-direction:column;height:380px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;animation:.5s cardAppear,3s ease-in-out infinite cardPremiumGlow;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 20px -5px #0000004d}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardPremiumGlow{0%{box-shadow:0 8px 20px -5px #0000004d}20%{box-shadow:0 12px 25px -5px #c5a57233,0 0 10px #c5a5721a}40%{box-shadow:0 16px 30px -5px #c5a5724d,0 0 20px #c5a57233}60%{box-shadow:0 16px 30px -5px #c5a5724d,0 0 20px #c5a57233}80%{box-shadow:0 12px 25px -5px #c5a57233,0 0 10px #c5a5721a}to{box-shadow:0 8px 20px -5px #0000004d}}.product-card-grid:hover{border-color:var(--gold);animation:none;transform:translateY(-4px)scale(1.01);box-shadow:0 20px 30px -5px #c5a57280,0 0 25px #c5a5724d!important}.product-card-grid:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)translateY(-100%)}.product-card-grid:hover:before{transform:rotate(45deg)translate(100%)translateY(100%)}.product-card-grid:after{content:"";opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 30%,#ffffff1a 0%,#0000 70%);transition:opacity .5s;position:absolute;inset:0}.product-card-grid:hover:after{opacity:1}.product-card-link{color:inherit;z-index:2;flex-direction:column;flex:1;text-decoration:none;display:flex;position:relative}.product-image-container{background:linear-gradient(135deg,var(--navy)0%,var(--navy-dark)100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.product-image-container.portrait,.product-image-container.landscape,.product-image-container.square{height:180px}.image-skeleton{background:linear-gradient(90deg,var(--cream)25%,var(--border)50%,var(--cream)75%);background-size:200% 100%;width:100%;height:100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.image-error{background:var(--gradient-navy);width:100%;height:100%;color:var(--white);justify-content:center;align-items:center;font-size:2rem;display:flex}.product-img{object-fit:contain;will-change:transform;width:auto;max-width:100%;height:auto;max-height:100%;padding:12px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-img.square{object-fit:cover;width:100%;height:100%;padding:0}.product-img.loading{opacity:0}.product-img.loaded{opacity:1}.product-card-grid:hover .product-img{transform:scale(1.08)}.product-badge{z-index:10;pointer-events:none;text-transform:uppercase;letter-spacing:1px;border-radius:30px;padding:4px 10px;font-size:.7rem;font-weight:700;animation:.3s fadeIn;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0003}.product-badge.sale{background:linear-gradient(135deg,var(--gold)0%,var(--gold-dark)100%);color:var(--white)}.product-badge.out{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--white);background:#000000b3;border:1px solid #fff3;left:auto;right:8px}.photo-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0009;border:1px solid #fff3;border-radius:30px;gap:4px;padding:5px 6px;transition:all .3s;display:flex;position:absolute;bottom:8px;right:8px}.photo-indicator.list{background:var(--gold);color:var(--white);font-size:.7rem;font-weight:600}.photo-dot{background:#fff6;border-radius:50%;width:5px;height:5px;transition:all .3s}.photo-dot.active{background:var(--gold);box-shadow:0 0 8px var(--gold);transform:scale(1.3)}.product-card-grid:hover .photo-indicator{background:#000c;transform:translateY(-2px)}.product-info{color:var(--white);background:0 0;flex-direction:column;flex:1;padding:12px 12px 15px;display:flex}.product-name{color:var(--white);-webkit-line-clamp:2;text-overflow:ellipsis;text-shadow:0 1px 3px #0003;-webkit-box-orient:vertical;min-height:2.5em;margin-bottom:4px;font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-category{color:var(--gold);text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px #0003;margin-bottom:8px;font-size:.7rem;font-weight:600}.product-price{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.old-price{color:#ffffff80;font-size:.8rem;text-decoration:line-through}.current-price{color:var(--gold);text-shadow:0 2px 4px #0003;font-size:1rem;font-weight:800}.product-specs-grid{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.spec-pill{color:var(--white);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:30px;max-width:100%;padding:3px 6px;font-size:.6rem;font-weight:500;transition:all .3s;overflow:hidden}.spec-pill:hover{background:var(--gold);color:var(--white);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 8px #c5a5724d}.product-actions{opacity:0;visibility:hidden;z-index:20;flex-direction:column;gap:6px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:8px;right:8px}.product-card-grid:hover .product-actions{opacity:1;visibility:visible;transition-delay:.1s}.action-btn{width:34px;height:34px;color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0003}.action-btn:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:var(--white);transform:scale(1.15);box-shadow:0 6px 15px #c5a57266}.action-btn:active{transform:scale(.95)}.action-btn.clicked{background:var(--gold);color:var(--white);transform:scale(.9)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.products-list{flex-direction:column;gap:clamp(15px,3vw,20px);animation:.6s .3s both fadeIn;display:flex}.product-card-list{background:linear-gradient(135deg,var(--navy)0%,var(--navy-dark)100%);border:2px solid #0000;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite cardPremiumGlow;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.product-card-list:hover{border-color:var(--gold);transform:translate(6px);box-shadow:0 20px 35px -5px #c5a57266}.product-card-list .product-image-container{flex-shrink:0;width:min(200px,25vw);height:200px}.product-card-list .product-info{color:var(--white);background:0 0;flex:1;padding:clamp(15px,3vw,20px)}.product-card-list .product-name{color:var(--white);margin-bottom:8px;font-size:clamp(1.1rem,2.8vw,1.2rem)}.product-card-list .product-category{color:var(--gold);margin-bottom:10px}.product-specs-list{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:6px;margin:clamp(8px,2vh,10px) 0;padding:clamp(8px,2vh,10px) 0;display:flex}.product-card-list .spec-item{color:var(--white);gap:clamp(8px,2vw,15px);font-size:clamp(.8rem,2vw,.9rem);line-height:1.4;display:flex}.product-card-list .spec-label{color:#fff9;min-width:clamp(90px,15vw,120px);font-weight:400}.product-card-list .spec-value{color:var(--white);flex:1;font-weight:500}.product-card-list .current-price{color:var(--gold);font-size:clamp(1.1rem,2.8vw,1.3rem)}.product-card-list .old-price{color:#fff6}.list-cart-btn{background:linear-gradient(135deg,var(--gold)0%,var(--gold-dark)100%);color:var(--white);cursor:pointer;border:1px solid #fff3;border-radius:40px;align-items:center;gap:clamp(5px,1.5vw,8px);padding:clamp(8px,2vh,10px) clamp(15px,3vw,20px);font-size:clamp(.8rem,2vw,.9rem);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:clamp(15px,3vh,20px);right:clamp(15px,3vw,20px);box-shadow:0 4px 15px #c5a5724d}.list-cart-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #c5a57266}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(5px,1.5vw,8px);margin-top:clamp(30px,5vh,40px);display:flex}.pagination-btn{border:2px solid var(--border);background:var(--white);min-width:clamp(38px,7vw,42px);height:clamp(38px,7vw,42px);color:var(--navy);cursor:pointer;border-radius:10px;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){background:var(--gold);color:var(--white);border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.pagination-btn.active{background:var(--gold);color:var(--white);border-color:var(--gold)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.products-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:4px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:clamp(45px,8vw,50px);height:clamp(45px,8vw,50px);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-products{text-align:center;background:var(--white);box-shadow:var(--shadow-md);border-radius:20px;padding:clamp(40px,8vh,60px) clamp(15px,4vw,20px)}.no-products p{color:var(--gray);margin-bottom:clamp(15px,3vh,20px);font-size:clamp(1rem,2.5vw,1.1rem)}.reset-filters-btn{background:var(--gold);color:var(--white);cursor:pointer;border:1px solid #fff3;border-radius:40px;padding:clamp(10px,2vh,12px) clamp(20px,4vw,30px);font-size:clamp(.85rem,2vw,.95rem);font-weight:600;transition:all .3s}.reset-filters-btn:hover{background:var(--gold-dark);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.filters-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background:#0009;width:100%;height:100%;animation:.3s fadeIn;position:fixed;top:0;left:0}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.catalog-page{margin-top:0;padding-top:20px}.catalog-content{grid-template-columns:1fr}.catalog-filters{width:min(340px,85%);height:100vh;box-shadow:var(--shadow-xl);background:var(--white);border-radius:0 20px 20px 0;padding:25px;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;overflow-y:auto;z-index:9999!important}.catalog-filters.mobile-show{left:0}.catalog-filters.mobile-show~.filters-overlay{z-index:9998}.filters-header{background:var(--white);z-index:10000;margin-bottom:20px;padding:10px 0;display:flex;position:sticky;top:0}.close-filters{border:1px solid var(--border);color:var(--navy);background:#0000000d;display:flex!important}.close-filters:hover{background:var(--gold);color:var(--white)}.mobile-filter-btn{z-index:100;display:flex;position:relative}.products-grid{grid-template-columns:repeat(3,1fr);gap:15px}.product-card-grid{height:350px}.product-image-container,.product-image-container.portrait,.product-image-container.landscape,.product-image-container.square{height:160px}}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card-grid{height:320px}.product-image-container,.product-image-container.portrait,.product-image-container.landscape,.product-image-container.square{height:140px}.product-info{padding:10px 8px 12px}.product-name{min-height:2.3em;font-size:.85rem}.product-category{margin-bottom:6px;font-size:.65rem}.current-price{font-size:.9rem}.old-price{font-size:.7rem}.spec-pill{padding:2px 5px;font-size:.55rem}.product-actions{opacity:1;visibility:visible}.action-btn{width:30px;height:30px;font-size:.9rem}.product-card-list{flex-direction:column}.product-card-list .product-image-container{width:100%;height:200px}.list-cart-btn{justify-content:center;width:calc(100% - 30px);margin:0 15px 15px;position:static}}@media (max-width:576px){.products-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}.product-card-grid{height:340px}.product-image-container,.product-image-container.portrait,.product-image-container.landscape,.product-image-container.square{height:160px}.product-info{padding:12px 10px 15px}.product-name{font-size:.95rem}.product-category{font-size:.7rem}.current-price{font-size:1rem}.pagination-btn{min-width:35px;height:35px}}@media (hover:none) and (pointer:coarse){.product-actions{opacity:1;visibility:visible}.product-card-grid:hover{border-color:#0000;transform:none}.product-card-grid:active{border-color:var(--gold);transform:scale(.98)}.action-btn:active{background:var(--gold);transform:scale(.95)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.product-card-grid:hover{transform:none}}@media (min-width:1600px){.container{max-width:1600px}.products-grid{grid-template-columns:repeat(4,1fr);gap:25px}}