.property-details-page{width:100%;min-height:100vh;padding:20px;background:linear-gradient(180deg,#f8f9fa,#e9ecef)}.glass-section{display:flex;flex-direction:column;max-width:1200px;padding:20px 24px;margin:16px auto;gap:20px;isolation:isolate;position:relative;background:#ffffff0d;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;backdrop-filter:blur(5px);border-radius:24px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-size:14px;color:#0009;flex-wrap:wrap}.breadcrumbs .separator{color:#0000004d}.breadcrumbs .active{color:#000;font-weight:600}.hero-gallery{padding:0;max-width:1200px;margin:0 auto}.main-image-container{position:relative;width:100%;max-height:400px;height:400px;border-radius:24px 24px 12px 12px;overflow:hidden;margin-bottom:16px}.main-image{width:100%;height:100%;max-height:400px;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:2}.gallery-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}[dir=rtl] .gallery-nav.prev{left:auto;right:16px}[dir=rtl] .gallery-nav.next{right:auto;left:16px}.favorite-btn-hero,.share-btn-hero{position:absolute;top:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:2}.favorite-btn-hero{right:16px}.share-btn-hero{right:76px}[dir=rtl] .favorite-btn-hero{right:auto;left:16px}[dir=rtl] .share-btn-hero{right:auto;left:76px}.favorite-btn-hero:hover,.share-btn-hero:hover{background:#fff6;transform:scale(1.1)}.favorite-btn-hero.active{animation:pulse .3s ease}.thumbnail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.thumbnail{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .3s ease;border:2px solid transparent}.thumbnail:hover{opacity:.9;transform:scale(1.05)}.thumbnail.active{opacity:1;border-color:#22a2ed}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.cover-badge{position:absolute;top:6px;right:6px;padding:4px 8px;background:#22a2ede6;color:#fff;font-size:11px;font-weight:600;border-radius:6px;font-family:Cairo,sans-serif}[dir=rtl] .cover-badge{right:auto;left:6px}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start;max-width:1200px;margin:0 auto}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.property-title{font-family:Cairo,sans-serif;font-weight:800;font-size:32px;line-height:40px;color:#000;margin:0}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-family:Cairo,sans-serif;font-weight:600;font-size:13px}.badge.instant{background:linear-gradient(135deg,gold,orange);color:#000}.badge.refund{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.badge.rating{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.meta-row{display:flex;align-items:center;gap:16px;font-family:Cairo,sans-serif;font-size:15px;color:#0009}.views,.property-number{display:flex;align-items:center;gap:6px}.section-title{font-family:Cairo,sans-serif;font-weight:700;font-size:24px;line-height:32px;color:#000;margin:0}.subsection-title{font-family:Cairo,sans-serif;font-weight:600;font-size:18px;color:#000;margin:12px 0 8px}.description-text{font-family:Cairo,sans-serif;font-size:16px;line-height:24px;color:#000000b3;margin:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.detail-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#ffffff4d;border-radius:16px;text-align:center}.detail-card svg{color:#22a2ed}.detail-info{display:flex;flex-direction:column;gap:4px}.detail-value{font-family:Cairo,sans-serif;font-weight:700;font-size:24px;color:#000}.detail-label{font-family:Cairo,sans-serif;font-size:14px;color:#0009}.facilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.facility-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff4d;border-radius:12px;font-family:Cairo,sans-serif;font-size:14"Cairo",sans-serif;font-size:15px;color:#000c}.facility-icon{font-size:24px}.address{display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-size:16px;color:#000000b3;margin:0 0 16px}.map-container{width:100%;height:300px;border-radius:16px;overflow:hidden;margin-bottom:16px}.map-iframe{border-radius:16px}.facilities-list{display:flex;flex-direction:column;gap:10px}.nearby-facility{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff4d;border-radius:12px;font-family:Cairo,sans-serif;font-size:15px}.facility-distance{color:#22a2ed;font-weight:600}.pricing-table{display:flex;flex-direction:column;gap:12px}.price-row{display:flex;justify-cos:center;padding:10px 16ter;padding:14px 18px;background:#fff3;border-radius:12px;font-family:Cairo,sans-serif}.price-row.highlight{background:#22a2ed1a;border:1px solid rgba(34,162,237,.2)}.price-label{font-size:16px;color:#000000b3}.price-value{font-size:18px;font-weight:700;color:#000}.discounts{margin-top:16px}.discount-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-family:Cairo,sans-serif;font-weight:700;font-size:18px;border-radius:12px;margin-top:8px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rule-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff4d;border-radius:12px}.rule-info{display:flex;flex-direction:column;gap:4px}.rule-label{font-family:Cairo,sans-serif;font-size:14px;color:#0009}.rule-value{font-family:Cairo,sans-serif;font-size:16px;font-weight:600;color:#000}.rule-value.allowed{color:#4caf50}.rule-value.not-allowed{color:#f44336}.arrival-instructions{margin-top:16px;padding:16px;background:#fff3;border-radius:12px}.arrival-instructions p{font-family:Cairo,sans-serif;font-size:15px;line-height:1.6;color:#000000b3;margin:0}.host-card{display:flex;gap:16px;align-items:flex-start}.host-avatar{flex-shrink:0}.host-avatar img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(34,162,237,.3)}.host-info{flex:1;display:flex;flex-direction:column;gap:10px}.host-name{font-family:Cairo,sans-serif;font-weight:700;font-size:20px;color:#000;margin:0}.host-stats{display:flex;gap:16px;font-family:Cairo,sans-serif;font-size:14px;color:#0009}.host-rating{color:gold;font-weight:600}.host-contact{display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-size:16px;color:#22a2ed;font-weight:600}.license-number{display:flex;gap:8px;font-family:Cairo,sans-serif;font-size:14px}.license-label{color:#0009}.license-value{font-weight:600;color:#000}.terms-content{font-family:Cairo,sans-serif;font-size:15px;line-height:1.8;color:#000000b3;white-space:pre-wrap}.booking-sidebar{position:relative;width:320px}.booking-panel{position:sticky;top:24px;padding:24px 20px!important;width:320px}.booking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.price-display{display:flex;flex-direction:column;gap:4px}.total-price{font-family:Cairo,sans-serif;font-weight:800;font-size:28px;line-height:1.2;color:#000}.nights-count{font-family:Cairo,sans-serif;font-size:14px;color:#0009}.discount-tag{padding:6px 12px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;font-family:Cairo,sans-serif;font-weight:700;font-size:14px;border-radius:8px}.booking-form{display:flex;flex-direction:column;gap:12px}.booking-form .glass-button{height:56px;font-size:18px}.booking-field{width:100%}.booking-features{display:flex;flex-direction:column;gap:10px;padding:16px;background:#4caf501a;border-radius:12px}.feature-item{display:flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;font-size:14px;color:#000c}.price-estimate{padding:20px;background:#ffffff14;border-radius:16px;margin:16px 0}.price-breakdown{display:flex;flex-direction:column;gap:12px}.price-row{display:flex;justify-content:space-between;align-items:center;font-family:Cairo,sans-serif;font-size:14px;color:#000c}.price-row.total{border-top:1px solid rgba(255,255,255,.15);padding-top:12px;margin-top:8px}.total-label{font-weight:700;font-size:16px;color:#000}.total-price{font-weight:700;font-size:18px;color:#22a2ed}.loading-price{text-align:center;font-family:Cairo,sans-serif;font-size:14px;color:#0009;font-style:italic;margin-top:10px}.daily-breakdown{margin-top:16px;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}.breakdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;background:none;border:none;font-family:Cairo,sans-serif;font-size:14px;color:#22a2ed;cursor:pointer;transition:color .2s ease}.breakdown-toggle:hover{color:#1a8acc}.breakdown-toggle svg{transition:transform .2s ease}.breakdown-toggle svg.rotated{transform:rotate(180deg)}.daily-prices{display:flex;flex-direction:column;gap:8px;margin-top:12px}.daily-price-row{display:flex;justify-content:space-between;align-items:center;font-family:Cairo,sans-serif;font-size:13px;color:#000000b3;padding:6px 0}.daily-price-row .date{display:flex;flex-direction:column;gap:2px}.daily-price-row .day-name{font-size:11px;color:#00000080}.daily-price-row .price{font-weight:600;color:#000c}.price-row.discount{color:#4caf50}.price-row.discount .discount-amount{color:#4caf50;font-weight:600}.booking-note{font-family:Cairo,sans-serif;font-size:13px;color:#00000080;text-align:center;margin:0}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.facilities-grid{grid-template-columns:repeat(2,1fr)}.booking-sidebar{position:relative;bottom:auto;left:auto;right:auto;width:100%;z-index:auto;background:transparent;padding:16px 0;max-height:none;transform:translateY(0);transition:none}.booking-panel{position:static;width:100%;max-width:100%;padding:24px 20px!important;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 4px 24px #0000000d,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000000d}.booking-panel-close,.mobile-booking-trigger{display:none}}@media(max-width:768px){.property-details-page{padding:12px}.glass-section{max-width:100%;padding:16px 20px;margin:12px auto}.main-image-container{height:300px;max-height:300px}.property-title{font-size:26px;line-height:32px}.section-title{font-size:20px;line-height:28px}.description-text{font-size:15px;line-height:22px}.thumbnail-gallery{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.thumbnail{width:70px;height:70px}.details-grid{grid-template-columns:repeat(2,1fr)}.facilities-grid{grid-template-columns:1fr}.total-price{font-size:24px}.booking-sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:1000;background:#fff;padding:12px 16px 16px;max-height:85vh;overflow-y:auto;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 12px #0000001a;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.booking-sidebar.mobile-open{transform:translateY(0)}.booking-panel{position:static;width:100%;max-width:100%;padding:0!important;background:transparent;backdrop-filter:none;border:none;border-radius:0;box-shadow:none}.booking-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#0000000d;border:none;border-radius:8px;color:#000;cursor:pointer;transition:background .2s ease;margin-bottom:16px}.booking-panel-close:hover{background:#0000001a}.mobile-booking-trigger{display:block}}@media(max-width:480px){.glass-section{padding:14px 16px;margin:10px auto}.main-image-container{height:250px;max-height:250px}.property-title{font-size:22px;line-height:28px}.section-title{font-size:18px;line-height:24px}.description-text{font-size:14px;line-height:20px}.details-grid{grid-template-columns:1fr}.total-price{font-size:22px}.booking-form .glass-button{height:48px;font-size:16}.main-image-container{height:250px}.property-title{font-size:20px}.booking-sidebar{padding:8px 12px 12px;max-height:90vh}.booking-panel{padding:0!important}.mobile-booking-trigger{display:block;padding:16px 20px;margin:12px auto;max-width:100%}}.image-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{max-width:90vw;max-height:90vh;position:relative;cursor:default;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-content img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:16px;box-shadow:0 4px 24px #0000004d,inset 0 1px 2px #ffffff1a}.image-modal-content button{position:absolute;top:16px;right:16px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0003,inset 0 1px 2px #fff3}.image-modal-content button:hover{background:#fff3;transform:scale(1.1)}.modal-close-button{position:absolute;top:16px;right:16px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0003,inset 0 1px 2px #fff3}.modal-close-button:hover{background:#fff3;transform:scale(1.1)}.modal-nav-arrow{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:56px;height:56px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0003,inset 0 1px 2px #fff3;z-index:10001}.modal-nav-arrow:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.modal-nav-arrow.prev{left:24px}.modal-nav-arrow.next{right:24px}.modal-image-counter{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0009;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;font-family:Cairo,sans-serif;font-weight:600;font-size:14px;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff1a;z-index:10001}[dir=rtl] .modal-close-button{right:auto;left:16px}[dir=rtl] .modal-nav-arrow.prev{left:auto;right:24px}[dir=rtl] .modal-nav-arrow.next{right:auto;left:24px}@media(max-width:768px){.image-modal-overlay{backdrop-filter:blur(5px)}.image-modal-content{max-width:95vw;max-height:95vh}.modal-close-button{width:40px;height:40px;font-size:20px;top:12px;right:12px}.modal-nav-arrow{width:44px;height:44px}.modal-nav-arrow.prev{left:12px}.modal-nav-arrow.next{right:12px}.modal-image-counter{bottom:16px;font-size:13px;padding:6px 12px}[dir=rtl] .modal-close-button{right:auto;left:12px}[dir=rtl] .modal-nav-arrow.prev{left:auto;right:12px}[dir=rtl] .modal-nav-arrow.next{right:auto;left:12px}}.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:auto;overflow-y:hidden;scroll-behavior:smooth;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}}