.breadcrumbs-container{position:sticky;top:20px;z-index:100;max-width:1200px;margin:0 auto 20px;padding:0 20px}.breadcrumbs{display:flex;align-items:center;gap:12px;padding:12px 20px;max-width:-moz-fit-content;max-width:fit-content;position:relative;isolation:isolate;background:#ffffff0d;backdrop-filter:blur(5px);box-shadow:0 2px 30px #0000000d,0 8px 72px -5px #0000001a,inset 1px .5px #fff9,inset -1px -1px #fff6,inset 0 0 5px #ffffff26,inset 0 2px 20px 2px #3535350d;border-radius:20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs:before{content:"";position:absolute;inset:-8px;background:#ffffff14;backdrop-filter:blur(4px);border-radius:24px;z-index:-1;opacity:0;transition:opacity .3s ease}.breadcrumbs:hover:before{opacity:1}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px;font-family:Cairo,sans-serif;font-size:16px;font-weight:400;color:#0009;text-decoration:none;white-space:nowrap;transition:all .3s ease;position:relative}.breadcrumb-item:not(.active){cursor:pointer}.breadcrumb-item:not(.active):hover{color:#22a2ed;text-decoration:underline}.breadcrumb-item:not(.active):hover:after{content:"";position:absolute;inset:-4px;background:#22a2ed1a;border-radius:8px;z-index:-1}.breadcrumb-item.active{font-weight:600;color:#000}.breadcrumb-icon{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.breadcrumb-text{line-height:1.2}.breadcrumb-separator{display:flex;align-items:center;justify-content:center;opacity:.6;flex-shrink:0}.breadcrumbs-mobile{display:none}@media(max-width:768px){.breadcrumbs-container{top:16px;margin-bottom:16px;padding:0 12px}.breadcrumbs{display:none}.breadcrumbs-mobile{display:flex;align-items:center;gap:10px;padding:10px 16px;max-width:-moz-fit-content;max-width:fit-content;position:relative;isolation:isolate;background:#ffffff0d;backdrop-filter:blur(5px);box-shadow:0 2px 30px #0000000d,0 8px 72px -5px #0000001a,inset 1px .5px #fff9,inset -1px -1px #fff6,inset 0 0 5px #ffffff26,inset 0 2px 20px 2px #3535350d;border-radius:16px}.breadcrumbs-mobile:before{content:"";position:absolute;inset:-6px;background:#ffffff14;backdrop-filter:blur(4px);border-radius:20px;z-index:-1;opacity:0;transition:opacity .3s ease}.breadcrumbs-mobile:hover:before{opacity:1}.breadcrumbs-mobile .breadcrumb-item{font-size:14px}.breadcrumbs-mobile .breadcrumb-icon{font-size:16px}}@media(max-width:480px){.breadcrumbs-container{top:12px;margin-bottom:12px}.breadcrumbs-mobile{padding:8px 14px}.breadcrumbs-mobile .breadcrumb-item{font-size:13px}.breadcrumbs-mobile .breadcrumb-icon{font-size:15px}}[dir=rtl] .breadcrumbs,[dir=rtl] .breadcrumbs-mobile{direction:rtl}[dir=rtl] .breadcrumb-separator svg{transform:scaleX(-1)}:root{--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1)}.hero-gallery{position:relative;width:100%;max-width:1200px;margin:0 auto;isolation:isolate}.main-carousel{position:relative;width:100%;height:700px;border-radius:24px;overflow:hidden;background:#0000000d;backdrop-filter:blur(10px);margin-bottom:16px}.carousel-track{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;opacity:0;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px}.video-container{position:relative;width:100%;height:100%}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;transition:transform .3s ease,opacity .3s ease;z-index:2}.play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.play-button:active{transform:translate(-50%,-50%) scale(.95)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10;opacity:0}.main-carousel:hover .carousel-nav{opacity:1}.carousel-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1);box-shadow:var(--glass-shadow)}.carousel-nav:active{transform:translateY(-50%) scale(.95)}.carousel-nav.prev{left:16px}.carousel-nav.next{right:16px}[dir=rtl] .carousel-nav.prev{left:auto;right:16px}[dir=rtl] .carousel-nav.next{right:auto;left:16px}.favorite-button{position:absolute;top:16px;right:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.favorite-button:hover{background:#ffffff4d;transform:scale(1.1)}.favorite-button.active{animation:heartBeat .3s ease}[dir=rtl] .favorite-button{right:auto;left:16px}.share-button{position:absolute;top:16px;right:76px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.share-button:hover{background:#ffffff4d;transform:scale(1.1)}[dir=rtl] .share-button{right:auto;left:76px}.image-counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 16px;background:#0009;backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;z-index:10}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;z-index:10}.progress-fill{height:100%;background:linear-gradient(90deg,#22a2ed,#1e90ff);transition:width .05s linear;box-shadow:0 0 10px #22a2ed80}.thumbnail-strip{display:flex;gap:12px;overflow-x:hidden;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none;-ms-overflow-style:none;padding:4px;min-height:108px;align-items:center;scroll-padding:0;scroll-snap-stop:none}.thumbnail-strip::-webkit-scrollbar{display:none}.thumbnail{position:relative;flex-shrink:0;width:140px;height:100px;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);scroll-snap-align:none;scroll-snap-stop:never;border:2px solid transparent;background:#ffffff0d;backdrop-filter:blur(5px);outline:2px solid transparent;outline-offset:-1px;-webkit-tap-highlight-color:transparent}.thumbnail:focus{outline:2px solid #22A2ED;outline-offset:2px}.thumbnail:focus-visible{outline:2px solid #22A2ED;outline-offset:2px}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.thumbnail:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026,0 0 0 2px #fff3}.thumbnail:hover img{transform:scale(1.1)}.thumbnail.active{border-color:#22a2ed;transform:scale(1.05);box-shadow:0 0 0 3px var(--glass-bg),0 0 20px #22a2ed4d,0 8px 24px #0003}.thumbnail.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,162,237,.1) 0%,transparent 100%);pointer-events:none;z-index:1}.cover-badge{position:absolute;top:6px;left:6px;padding:4px 10px;background:#22a2edf2;backdrop-filter:blur(5px);color:#fff;font-family:Cairo,sans-serif;font-size:11px;font-weight:700;border-radius:8px;z-index:2}[dir=rtl] .cover-badge{left:auto;right:6px}.video-badge{position:absolute;top:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(5px);border-radius:50%;z-index:2}[dir=rtl] .video-badge{right:auto;left:6px}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.main-carousel{height:60vh;min-height:300px;max-height:450px}.carousel-nav{width:40px;height:40px;opacity:1}.carousel-nav.prev{left:8px}.carousel-nav.next{right:8px}[dir=rtl] .carousel-nav.prev{left:auto;right:8px}[dir=rtl] .carousel-nav.next{right:auto;left:8px}.favorite-button,.share-button{width:40px;height:40px}.favorite-button{top:12px;right:12px}.share-button{top:12px;right:60px}[dir=rtl] .favorite-button{right:auto;left:12px}[dir=rtl] .share-button{right:auto;left:60px}.thumbnail{width:100px;height:70px;border-radius:12px}.image-counter{bottom:12px;padding:6px 12px;font-size:12px}}@media(max-width:480px){.main-carousel{height:50vh;min-height:250px;border-radius:16px}.carousel-image{border-radius:16px}.thumbnail{width:80px;height:60px}.thumbnail-strip{gap:8px}}