:root{--bento-primary: #3B4BA0;--bento-secondary: #7BA4D9;--bento-accent: #5B7AC7;--bento-gradient-start: rgba(59, 75, 160, .95);--bento-gradient-end: rgba(91, 122, 199, .95)}.bento-gallery-section{min-height:100vh;padding:120px 0 80px;background:linear-gradient(180deg,#f8f9fa,#fff)}.gallery-header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease-out}.breadcrumb-nav{font-size:14px;color:#6c757d;margin-bottom:20px}.breadcrumb-nav a{color:var(--bento-primary);text-decoration:none;transition:color .3s ease}.breadcrumb-nav a:hover{color:var(--bento-accent)}.breadcrumb-separator{margin:0 10px;color:#dee2e6}.gallery-title{font-size:3rem;font-weight:800;color:var(--bento-primary);margin-bottom:20px;background:linear-gradient(135deg,var(--bento-primary),var(--bento-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-description{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:15px;margin-bottom:60px;animation:fadeInUp 1s ease-out}.bento-item{position:relative;border-radius:20px;overflow:hidden;cursor:grab;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a;background:#fff}.bento-item:active{cursor:grabbing}.bento-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px #3b4ba033}.bento-item.dragging{opacity:.5;transform:scale(.95)}.bento-item.span-2x2{grid-column:span 2;grid-row:span 2}.bento-item.span-1x2{grid-column:span 1;grid-row:span 2}.bento-item.span-2x1{grid-column:span 2;grid-row:span 1}.bento-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .3s ease}.bento-item:hover .bento-image{transform:scale(1.1)}.bento-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.bento-item:hover .bento-overlay{transform:translateY(0)}.bento-badge{display:inline-block;padding:6px 14px;background:var(--bento-accent);border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.bento-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;line-height:1.2}.bento-desc{font-size:.95rem;opacity:.9;line-height:1.4}.bento-icon{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bento-primary);font-size:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.bento-item:hover .bento-icon{transform:scale(1.15) rotate(10deg)}.image-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5;padding:6px 12px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px}.indicator-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:all .3s ease;cursor:pointer}.indicator-dot.active{background:#fff;width:20px;border-radius:10px}.indicator-dot:hover{background:#fffc;transform:scale(1.2)}.product-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;animation:fadeIn .3s ease-out}.product-modal.active{display:block}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.modal-container{position:relative;width:90%;max-width:1200px;height:90%;margin:5vh auto;background:#fff;border-radius:30px;overflow:hidden;animation:slideUp .5s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0000004d;z-index:2}.modal-close{position:absolute;top:20px;right:20px;z-index:100;width:50px;height:50px;border:none;background:#fffffff2;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#333;transition:all .3s ease;box-shadow:0 4px 15px #0003}.modal-close:hover{background:var(--bento-primary);color:#fff;transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1.2fr 1fr;height:100%;overflow:hidden;background:#fff}.modal-gallery{position:relative;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:40px}.modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:15px;box-shadow:0 10px 30px #0000001a}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;background:#fffffff2;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#333;transition:all .3s ease;box-shadow:0 4px 15px #0003;z-index:10;opacity:0;pointer-events:none}.modal-nav.visible{opacity:1;pointer-events:auto}.modal-nav:hover{background:var(--bento-primary);color:#fff;transform:translateY(-50%) scale(1.1)}.modal-prev{right:20px}.modal-next{left:20px}.modal-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.modal-details{padding:50px;overflow-y:auto;background:#fff}.modal-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bento-accent);color:#fff;border-radius:25px;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.modal-details h2{font-size:2.5rem;font-weight:800;color:var(--bento-primary);margin-bottom:20px;line-height:1.2}.modal-details p{font-size:1.1rem;color:#6c757d;line-height:1.8;margin-bottom:30px}.modal-info{margin-bottom:30px}.info-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:#495057;padding:12px 0}.info-item i{color:var(--bento-accent);font-size:1.2rem}.modal-features{display:grid;gap:15px;margin-bottom:40px}.feature-item{display:flex;align-items:center;gap:12px;font-size:1rem;color:#495057}.feature-item i{color:var(--bento-accent);font-size:1.2rem}.modal-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.modal-btn{flex:1;min-width:200px;padding:18px 30px;border-radius:15px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;border:none;cursor:pointer}.modal-btn.primary{background:var(--bento-primary);color:#fff}.modal-btn.primary:hover{background:var(--bento-accent);transform:translateY(-2px);box-shadow:0 8px 20px #3b4ba04d;color:#fff}.modal-btn.secondary{background:#25d366;color:#fff}.modal-btn.secondary:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1200px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}.gallery-title{font-size:2.5rem}}@media (max-width: 992px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.bento-item.span-1x2{grid-row:span 2}.modal-content{grid-template-columns:1fr;overflow-y:auto}.modal-gallery{min-height:400px}.modal-details{padding:30px}.modal-details h2{font-size:2rem}}@media (max-width: 768px){.bento-gallery-section{padding:100px 0 60px}.gallery-title{font-size:2rem}.gallery-description{font-size:1rem}.bento-grid{grid-template-columns:1fr;grid-auto-rows:280px;gap:15px}.bento-item.span-2x2,.bento-item.span-1x2,.bento-item.span-2x1{grid-column:span 1;grid-row:span 1}.bento-overlay{transform:translateY(0);padding:20px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 70%,transparent 100%)}.bento-title{font-size:1.2rem}.bento-desc{font-size:.85rem}.image-indicators{bottom:10px;padding:4px 8px;gap:5px}.indicator-dot{width:5px;height:5px}.indicator-dot.active{width:16px}.modal-container{width:95%;height:95%;margin:2.5vh auto;border-radius:20px}.modal-close{width:40px;height:40px;top:15px;right:15px;font-size:1.2rem}.modal-gallery{min-height:300px;padding:20px}.modal-details{padding:20px}.modal-details h2{font-size:1.5rem}.modal-details p{font-size:1rem}.modal-actions{flex-direction:column}.modal-btn{min-width:100%}.modal-nav{width:40px;height:40px;font-size:1.2rem}.modal-prev{right:10px}.modal-next{left:10px}}@media (max-width: 576px){.gallery-header{margin-bottom:40px}.gallery-title{font-size:1.75rem}.breadcrumb-nav{font-size:12px}.bento-item{border-radius:15px}.bento-icon{width:40px;height:40px;font-size:1.2rem;top:15px;right:15px}.modal-badge{padding:8px 16px;font-size:.75rem}}[dir=rtl] .breadcrumb-separator{margin:0 10px}[dir=rtl] .bento-icon,[dir=rtl] .modal-close,[dir=rtl] .modal-nav.modal-prev{right:auto;left:20px}[dir=rtl] .modal-nav.modal-next{left:auto;right:20px}[dir=rtl] .feature-item{flex-direction:row-reverse}.bento-item.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}