*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;outline:none}input,textarea{border:none;outline:none;background:transparent}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:none}legend{display:table}details{display:block}summary{display:list-item;cursor:pointer}mark{background-color:transparent}small{font-size:100%}sub,sup{font-size:100%;line-height:0;position:relative;vertical-align:baseline}hr{border:none;height:1px;background-color:var(--color-border-light)}abbr[title]{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-primary-dark)}::placeholder{color:var(--color-text-tertiary);opacity:1}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root{--color-primary: #c3a876;--color-primary-dark: #b59660;--color-primary-light: #f5f0e7;--color-secondary: #c3a876;--color-secondary-light: #d4ba8a;--color-success: #c3a876;--color-warning: #c3a876;--color-error: #000000;--color-bg-primary: #FFFFFF;--color-bg-secondary: #f8f6f2;--color-bg-tertiary: #f5f0e7;--color-bg-card: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-white: #FFFFFF;--color-border-light: #e6dcc9;--color-border-medium: #d4c3a0;--color-border-dark: #c3a876;--color-shadow-light: rgba(195, 168, 118, .1);--color-shadow-medium: rgba(195, 168, 118, .2);--color-shadow-dark: rgba(0, 0, 0, .15);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-secondary: "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3rem;--space-5xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-3xl: 24px;--border-radius-full: 50%;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--shadow-sm: 0 1px 2px 0 var(--color-shadow-light);--shadow-md: 0 4px 6px -1px var(--color-shadow-light), 0 2px 4px -1px var(--color-shadow-light);--shadow-lg: 0 10px 15px -3px var(--color-shadow-medium), 0 4px 6px -2px var(--color-shadow-light);--shadow-xl: 0 20px 25px -5px var(--color-shadow-medium), 0 10px 10px -5px var(--color-shadow-light);--shadow-card: 0 2px 8px var(--color-shadow-light);--shadow-floating: 0 8px 24px var(--color-shadow-medium);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-max-width: 1200px;--header-height: 120px;--bottom-nav-height: 80px;--content-padding: var(--space-lg);--card-padding: var(--space-lg);--button-height: 48px;--input-height: 48px;--avatar-size: 40px;--icon-color-primary: #c3a876;--icon-color-secondary: #6b7280;--icon-color-favorite: #ef4444;--icon-color-favorite-border: #d1d5db;--rating-star-color: #c3a876;--rating-bg-color: rgba(0, 0, 0, .7)}[data-theme=dark]{--color-bg-primary: #000000;--color-bg-secondary: #0f0f0f;--color-bg-tertiary: #1a1a1a;--color-bg-card: #000000;--color-text-primary: #FFFFFF;--color-text-secondary: #c3a876;--color-text-tertiary: #999999;--color-border-light: #333333;--color-border-medium: #555555;--color-border-dark: #c3a876;--color-shadow-light: rgba(195, 168, 118, .1);--color-shadow-medium: rgba(195, 168, 118, .2);--color-shadow-dark: rgba(0, 0, 0, .7);--icon-color-primary: #c3a876;--icon-color-secondary: #9ca3af;--icon-color-favorite: #f87171;--icon-color-favorite-border: #6b7280;--rating-bg-color: rgba(0, 0, 0, .8)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--content-padding)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.rating__icon,.location__icon,.search__icon,.bottom-nav__icon,.feature-icon,.rating-icon,.share-button__icon,.map-marker,.map-center-marker,.back-button__icon,.menu-button__icon,.confirmation-icon,.error-icon,span[class*=icon]:not(.theme-toggle__icon):not(.favorite):not(.favorite_border),.star{color:var(--icon-color-primary)!important}.theme-toggle__icon{color:var(--color-text-primary)!important}.material-icons.favorite{color:var(--icon-color-favorite)!important}.material-icons.favorite_border{color:var(--icon-color-favorite-border)!important}.header__brand-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1}.home-brand-logo,.booking-brand-logo,.details-brand-logo{width:auto;object-fit:contain;transition:var(--transition-fast);filter:brightness(1.1) contrast(1.1)}.home-brand-logo,.booking-brand-logo,.details-brand-logo,.payment-brand-logo{height:44px;filter:brightness(0) saturate(0)}.modal-brand-logo{height:28px;width:auto;object-fit:contain;margin-bottom:var(--space-sm);opacity:.9}.home-brand-logo:hover,.booking-brand-logo:hover,.details-brand-logo:hover,.payment-brand-logo:hover{transform:scale(1.05);filter:brightness(0) saturate(0) contrast(1.2)}.brand-tagline{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);opacity:.95;text-transform:uppercase;letter-spacing:.8px;text-align:center}.header .brand-tagline{color:var(--color-text-secondary)}.details-header .brand-tagline,.booking-header .brand-tagline,.payment-header .brand-tagline{color:var(--color-text-primary)}.profile__avatar--brand{background-color:var(--color-bg-secondary);padding:var(--space-xs);border:2px solid var(--icon-color-primary)}[data-theme=dark] .home-brand-logo,[data-theme=dark] .booking-brand-logo,[data-theme=dark] .details-brand-logo,[data-theme=dark] .payment-brand-logo{filter:brightness(1.2) contrast(1.1)}[data-theme=dark] .modal-brand-logo,[data-theme=dark] .home-brand-logo:hover,[data-theme=dark] .booking-brand-logo:hover,[data-theme=dark] .details-brand-logo:hover,[data-theme=dark] .payment-brand-logo:hover{filter:brightness(1.3) contrast(1.2)}[data-theme=dark] .profile__avatar--brand{background-color:var(--color-bg-tertiary);border-color:var(--icon-color-primary)}[data-theme=dark] .header .brand-tagline{color:var(--color-text-primary)}@media (max-width: 768px){.header__main{gap:var(--space-sm);padding:var(--space-md)}.header__brand-center{gap:2px}.home-brand-logo,.booking-brand-logo,.details-brand-logo,.payment-brand-logo{height:38px}.brand-tagline{font-size:var(--font-size-xs);letter-spacing:.6px}.header__location-bar{padding:var(--space-xs) var(--space-md)}.header__location-bar .location__text{font-size:11px}}@media (max-width: 480px){.header__main{padding:var(--space-sm)}.details-header__nav,.booking-header__nav{padding:0 var(--space-sm)}.header__brand-center{position:static;transform:none;flex:1;margin:0 var(--space-sm)}.home-brand-logo,.booking-brand-logo,.details-brand-logo,.payment-brand-logo{height:32px}.brand-tagline{font-size:10px;letter-spacing:.4px}.back-button,.theme-toggle,.share-button,.menu-button{width:36px;height:36px;font-size:18px}.header__actions{gap:var(--space-xs)}.profile__avatar{width:32px;height:32px}}.header{position:fixed;top:0;left:0;right:0;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky)}.header__top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.header__time{color:var(--color-text-primary)}.header__status{display:flex;align-items:center;gap:var(--space-xs)}.header__signal,.header__wifi,.header__battery{width:18px;height:12px;background-color:var(--color-text-primary);border-radius:2px}.header__signal{background:linear-gradient(to right,var(--color-text-primary) 0%,var(--color-text-primary) 33%,var(--color-text-tertiary) 33%,var(--color-text-tertiary) 66%,var(--color-text-tertiary) 66%)}.header__main{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);gap:var(--space-md)}.header__main>*{flex-shrink:0}.header__location{flex:1;min-width:0}.header__location-bar{background-color:var(--color-bg-tertiary);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:center;align-items:center}.header__location-bar .location__text{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.header__location-bar .location__icon{font-size:16px}[data-theme=dark] .header__location-bar{background-color:var(--color-bg-tertiary);border-bottom-color:var(--color-border-medium)}.header__menu{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);transition:var(--transition-fast)}.header__menu:hover{opacity:.7}.hamburger{width:20px;height:2px;background-color:var(--color-text-primary);border-radius:1px;transition:var(--transition-fast)}.header__location{flex:1;text-align:center}.location__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.location__text{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.location__icon{font-size:var(--font-size-sm)}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-border-medium);transform:scale(1.05)}.theme-toggle__icon{font-size:18px;transition:var(--transition-fast)}.header__profile{width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--border-radius-full);overflow:hidden}.profile__avatar{width:100%;height:100%;object-fit:cover;background-color:transparent}.search{padding:var(--space-lg)}.search__container{position:relative}.search__input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-xl);padding:var(--space-lg);transition:var(--transition-fast)}.search__input-wrapper:focus-within{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}.search__icon{margin-right:var(--space-md);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.search__input{flex:1;font-size:var(--font-size-base);color:var(--color-text-primary)}.search__input::placeholder{color:var(--color-text-tertiary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding:0 var(--space-lg)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.section-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.section-link:hover{color:var(--color-primary-dark);opacity:.8}.logia-card{background-color:var(--color-bg-card);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-normal);cursor:pointer}.logia-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.logia-card__image{position:relative;width:100%;height:120px;overflow:hidden}.logia-card__image img{width:100%;height:100%;object-fit:cover;background-color:var(--color-bg-secondary)}.logia-card__rating{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:2px;background-color:var(--rating-bg-color);color:var(--color-text-white);padding:2px var(--space-sm);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.rating__icon{color:var(--rating-star-color);font-size:var(--font-size-xs)}.rating__value{font-size:var(--font-size-xs)}.logia-card__content{padding:var(--space-lg)}.logia-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.logia-card__location{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.logia-card__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.offer-card{position:relative;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-normal);cursor:pointer;background-color:var(--color-bg-card);height:200px}.offer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.offer-card__image{width:100%;height:100%;position:relative}.offer-card__image img{width:100%;height:100%;object-fit:cover;background-color:var(--color-bg-secondary)}.offer-card__content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--space-lg);color:var(--color-text-white);display:flex;align-items:end;gap:var(--space-xs)}.offer-card__price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.offer-card__duration{font-size:var(--font-size-sm);opacity:.8}.near-logia-card{display:flex;background-color:var(--color-bg-card);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-normal);cursor:pointer}.near-logia-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.near-logia-card__image{position:relative;width:80px;height:80px;flex-shrink:0}.near-logia-card__image img{width:100%;height:100%;object-fit:cover;background-color:var(--color-bg-secondary)}.near-logia-card__rating{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;align-items:center;gap:2px;background-color:var(--rating-bg-color);color:var(--color-text-white);padding:1px var(--space-xs);border-radius:var(--border-radius-sm);font-size:10px;font-weight:var(--font-weight-medium)}.near-logia-card__content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column;justify-content:center}.near-logia-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.near-logia-card__location{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-light);padding:var(--space-sm) 0;z-index:var(--z-sticky)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);color:var(--color-text-secondary);transition:var(--transition-fast);text-decoration:none}.bottom-nav__item:hover,.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__icon{font-size:var(--font-size-xl)}.bottom-nav__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-fast);cursor:pointer;border:none;min-height:var(--button-height)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn--primary:hover{background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn--secondary:hover{background-color:var(--color-border-medium)}.btn--outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover{background-color:var(--color-primary);color:var(--color-text-white)}.btn--small{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:36px}.btn--large{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);min-height:56px}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.photo-gallery{position:relative;width:100%;height:300px;background:var(--color-bg-card);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:0 8px 32px #0000001f;border:1px solid var(--color-border-light)}.photo-gallery__main{position:relative;width:100%;height:230px;overflow:hidden;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%)}.photo-gallery__main-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.photo-gallery__main-image:hover{transform:scale(1.03);filter:brightness(1.05) contrast(1.05)}.photo-gallery__view-all{position:absolute;bottom:var(--space-lg);right:var(--space-lg);background:linear-gradient(135deg,#000000d9,#000000f2);color:#fff;border:none;border-radius:var(--border-radius-lg);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;z-index:2;min-width:120px;justify-content:center}.photo-gallery__view-all:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--border-radius-lg);opacity:0;transition:opacity .4s ease;z-index:-1}.photo-gallery__view-all:hover:before{opacity:1}.photo-gallery__view-all:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #0006,0 0 0 1px var(--color-primary),inset 0 1px #fff3;color:#fff}.photo-gallery__view-all:active{transform:translateY(-2px) scale(1.02)}.photo-gallery__view-all .material-icons{font-size:18px;transition:transform .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.photo-gallery__view-all:hover .material-icons{transform:scale(1.1)}.photo-gallery__count{font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.photo-gallery__thumbnails{display:flex;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-light);box-shadow:0 -2px 10px #0000000d}.photo-gallery__thumbnail{position:relative;width:80px;height:50px;border:2px solid transparent;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);background:var(--color-bg-card);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.photo-gallery__thumbnail:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-bg-card) 0%,transparent 50%);z-index:1;opacity:0;transition:opacity .3s ease}.photo-gallery__thumbnail:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00000026;border-color:var(--color-primary)}.photo-gallery__thumbnail:hover:before{opacity:1}.photo-gallery__thumbnail:active{transform:translateY(-2px) scale(1.02)}.photo-gallery__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;border-radius:calc(var(--border-radius-lg) - 2px)}.photo-gallery__thumbnail:hover img{transform:scale(1.1)}.photo-gallery__thumbnail--active{border-color:var(--color-primary);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.photo-gallery__thumbnail--active:before{opacity:.7}.photo-viewer{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.photo-viewer--visible{opacity:1;visibility:visible}.photo-viewer--closing{opacity:0;visibility:hidden}.photo-viewer__backdrop{position:absolute;inset:0;background:#000000f2;cursor:pointer}.photo-viewer__content{position:relative;width:100%;height:100%;max-width:1200px;display:flex;flex-direction:column;background:var(--color-bg-primary);border-radius:var(--border-radius-xl);margin:var(--space-md);overflow:hidden}.photo-viewer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#000c;color:#fff}.photo-viewer__counter{font-size:var(--font-size-lg);font-weight:600}.photo-viewer__separator{margin:0 var(--space-xs);opacity:.7}.photo-viewer__close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.photo-viewer__close:hover{background:#fff3}.photo-viewer__main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);min-height:0}.photo-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-viewer__nav:hover:not(:disabled){background:#000c;transform:translateY(-50%) scale(1.1)}.photo-viewer__nav:disabled{opacity:.3;cursor:not-allowed}.photo-viewer__nav--prev{left:var(--space-lg)}.photo-viewer__nav--next{right:var(--space-lg)}.photo-viewer__image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);min-height:0}.photo-viewer__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl)}.photo-viewer__thumbnails{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#000c;overflow-x:auto;scrollbar-width:thin}.photo-viewer__thumbnails::-webkit-scrollbar{height:4px}.photo-viewer__thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.photo-viewer__thumb{flex-shrink:0;width:60px;height:40px;border:2px solid transparent;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;transition:all .3s ease;background:none;padding:0}.photo-viewer__thumb:hover{border-color:#ffffff80;transform:scale(1.05)}.photo-viewer__thumb--active{border-color:var(--color-primary);transform:scale(1.05)}.photo-viewer__thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.photo-gallery{height:270px;border-radius:var(--border-radius-lg)}.photo-gallery__main{height:200px}.photo-gallery__thumbnails{padding:var(--space-md) var(--space-sm) var(--space-sm);gap:var(--space-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.photo-gallery__thumbnails::-webkit-scrollbar{display:none}.photo-gallery__thumbnail{width:70px;height:45px;min-width:70px}.photo-gallery__view-all{bottom:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);min-width:100px}.photo-gallery__view-all .material-icons{font-size:16px}.photo-viewer__content{margin:0;border-radius:0;height:100vh}.photo-viewer__nav{width:44px;height:44px}.photo-viewer__nav--prev{left:var(--space-md)}.photo-viewer__nav--next{right:var(--space-md)}.photo-viewer__thumbnails{padding:var(--space-sm)}.photo-viewer__thumb{width:50px;height:35px}}