.nested-tiles-section{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;grid-auto-flow:row dense;align-items:start}.category-group{grid-column:span 1}.main-category-tile{position:relative;height:280px;background:#2a2a2a;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid #333;transition:all .3s ease}.main-category-tile *{border-radius:inherit}.main-category-tile:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#555}.main-category-tile.active{border-color:#007bff;box-shadow:0 10px 30px #007bff4d;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.tile-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;z-index:1}.tile-background img{width:100%;height:100%;object-fit:cover;opacity:.7}.tile-content{position:absolute;bottom:0;left:0;width:100%;height:auto;background:linear-gradient(to top,#000000f2,#000c,#0006);padding:20px 20px 25px;color:#fff;z-index:2;text-align:left}.tile-title{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1.2;display:block!important;visibility:visible!important;text-align:left}.tile-description{font-size:14px;margin:0;color:#fff!important;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.4;display:block!important;visibility:visible!important;text-align:left}.tile-arrow{position:absolute;top:15px;right:15px;width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 3px 10px #0006;z-index:10}.tile-arrow svg{width:20px;height:20px;color:#000;transition:transform .3s ease}.tile-arrow svg polyline{stroke:#000;stroke-width:3;fill:none}.tile-arrow svg{stroke:#1a1a1a;transition:transform .3s ease}.main-category-tile:hover .tile-arrow{transform:scale(1.1)}.main-category-tile.active .tile-arrow svg{transform:rotate(180deg)}.subcategories-section{margin-top:-2px;animation:slideDown .4s ease;position:relative;z-index:1;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subcategories-wrapper{background:#0a0a0a;border-radius:0 0 12px 12px;padding:20px;border:2px solid #007bff;border-top:none;box-shadow:0 10px 30px #007bff4d}.subcategories-wrapper:before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:#0a0a0a;z-index:2}.subcategory-tile{margin-bottom:15px;background:#1a1a1a;border-radius:8px;overflow:hidden;border:1px solid #444;transition:all .3s ease}.subcategory-tile:last-child{margin-bottom:0}.subcategory-tile:hover{border-color:#666;box-shadow:0 4px 15px #0000004d}.subcategory-tile.active{border-color:#777;box-shadow:0 6px 20px #0006}.sub-tile-header{display:flex;align-items:center;cursor:pointer;min-height:100px;position:relative;overflow:hidden}.sub-tile-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#333,#222)}.sub-tile-background img{width:100%;height:100%;object-fit:cover;opacity:.5}.sub-tile-info{position:relative;z-index:1;width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#000c,#0009)}.sub-tile-title{font-size:18px;font-weight:600;color:#fff;margin:0}.sub-tile-arrow{width:32px;height:32px;background:#ffffffd9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.sub-tile-arrow svg{stroke:#1a1a1a;transition:transform .3s ease}.subcategory-tile:hover .sub-tile-arrow{transform:scale(1.1)}.subcategory-tile.active .sub-tile-arrow svg{transform:rotate(180deg)}.sub-tile-expanded{background:#111;border-top:1px solid #333;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.expanded-content{padding:25px}.expanded-description{font-size:15px;line-height:1.7;color:#ddd;margin-bottom:20px}.expanded-description p{margin:0 0 15px}.expanded-description p:last-child{margin-bottom:0}.image-carousel{margin-top:20px}.carousel-container{position:relative;overflow:hidden;border-radius:8px;background:#000}.carousel-track{display:flex;transition:transform .5s ease}.carousel-slide{min-width:100%;flex:0 0 100%;position:relative}.carousel-slide img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;cursor:zoom-in;transition:transform .3s ease}.carousel-slide img:hover{transform:scale(1.05)}.image-zoom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.image-zoom-modal.active{opacity:1;visibility:visible}.zoom-container{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.zoom-container img{max-width:100%;max-height:90vh;object-fit:contain;cursor:move;animation:zoomIn .3s ease;transition:transform .2s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.zoom-close{position:absolute;top:20px;right:40px;width:40px;height:40px;background:#ffffff1a;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.zoom-close:hover{background:#fff3;transform:scale(1.1)}.zoom-close:before,.zoom-close:after{content:"";position:absolute;width:20px;height:2px;background:#fff}.zoom-close:before{transform:rotate(45deg)}.zoom-close:after{transform:rotate(-45deg)}.zoom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#000c;padding:10px;border-radius:8px;z-index:10}.zoom-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.zoom-btn:hover{background:#fff3;transform:scale(1.05)}.zoom-btn:active{transform:scale(.95)}.zoom-level{color:#fff;font-size:14px;min-width:60px;text-align:center;display:flex;align-items:center;justify-content:center}.zoom-container.dragging img{cursor:grabbing}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#000;border:2px solid #000;width:45px;height:45px;font-size:28px;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;line-height:1;padding:0;box-shadow:0 2px 8px #0000004d}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0006}.carousel-nav:active{transform:translateY(-50%) scale(.95)}.carousel-nav.prev{left:15px}.carousel-nav.next{right:15px}.carousel-nav.prev:before{content:"\2039";display:block;margin-top:-2px}.carousel-nav.next:before{content:"\203a";display:block;margin-top:-2px}.carousel-nav:disabled,.carousel-nav[disabled]{opacity:.3;cursor:not-allowed;background:#ffffff80}.carousel-nav:disabled:hover,.carousel-nav[disabled]:hover{transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:#fff;transform:scale(1.2)}.tile-title,.tile-description,.sub-tile-title{position:relative;z-index:10}.main-category-tile .tile-title,.main-category-tile .tile-description,.sub-tile-title{color:#fff!important}.contact-section{max-width:800px;margin:60px auto 0;padding:40px;background:#1c1c1c;border-radius:12px;text-align:center;border:1px solid #333;color:#ddd}.contact-section p{margin:0 0 15px;font-size:18px;line-height:1.6}.contact-section p:first-child{font-size:24px;font-weight:600;margin-bottom:25px;color:#fff}.contact-section p:last-child{margin-bottom:0;font-size:14px;color:#999}.contact-section a{color:#fff;text-decoration:none;transition:all .3s ease}.contact-section a:hover{color:#ddd;text-decoration:underline}@media (max-width: 768px){.contact-section{max-width:100%;margin:40px 20px 20px;padding:30px 20px;border-radius:8px}.contact-section p{font-size:16px}.contact-section p:first-child{font-size:20px;margin-bottom:20px}.contact-section p:last-child{font-size:12px}.contact-section strong{display:block;margin-bottom:5px}}.empty-message{grid-column:1 / -1;text-align:center;padding:60px;color:#666}@media (max-width: 768px){.nested-tiles-section{grid-template-columns:1fr;gap:20px;padding:20px 15px}.main-category-tile{height:250px}.tile-title{font-size:20px}.sub-tile-header{min-height:80px}.sub-tile-title{font-size:16px}.carousel-nav{width:35px;height:35px;font-size:20px}}.tile-background,.sub-tile-background{z-index:0}.tile-content,.sub-tile-info{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nested-accordion.css.map */