.salon-hero{background-position:50%;background-size:cover;align-items:flex-end;height:400px;padding:0 8% 3rem;display:flex;position:relative;box-shadow:inset 0 -50px 100px #020617e6}.hero-overlay{background:linear-gradient(to top, var(--bg-darker) 0%, #020617b3 50%, #02061733 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.hero-content{z-index:10;align-items:center;gap:2.5rem;width:100%;max-width:100%;margin:0 auto;display:flex;position:relative}.salon-profile-pic{object-fit:cover;border:4px solid #ffffff1a;border-radius:24px;width:140px;height:140px;transition:transform .3s;box-shadow:0 20px 40px #00000080,0 0 20px #ec48994d}.salon-profile-pic:hover{transform:scale(1.05)}.salon-hero-info h1{text-shadow:0 2px 10px #00000080;letter-spacing:-.5px;margin-bottom:.5rem;font-size:3rem;font-weight:800}.salon-stats{align-items:center;gap:1.5rem;margin-top:1rem;font-weight:600;display:flex}.salon-stats .rating{color:var(--accent);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:100px;padding:6px 16px;box-shadow:0 0 15px #f59e0b1a}.salon-content-grid{grid-template-columns:1fr 400px;gap:3rem;max-width:100%;margin:0 auto;padding:4rem 5%;display:grid}@media (max-width:1024px){.salon-content-grid{grid-template-columns:1fr}}.tab-content{border:1px solid #ffffff0d;border-radius:24px;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0003}.tab-content:hover{border-color:#ffffff1a;box-shadow:0 15px 40px #0000004d}.tab-content h3{color:#fff;letter-spacing:-.5px;margin-bottom:2rem;font-size:1.8rem;font-weight:700}.service-item{border-bottom:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;margin:0 -1.5rem;padding:1.5rem;transition:all .3s;display:flex}.service-item:hover{background:#ffffff08;border-bottom-color:#0000;transform:translate(5px)}.service-item:last-child{border-bottom:none}.service-info h4{align-items:center;gap:8px;margin-bottom:.4rem;font-size:1.2rem;font-weight:600;display:flex}.service-info p{color:var(--text-muted);align-items:center;gap:4px;font-size:.95rem;display:flex}.service-info p:before{content:"⏱️";font-size:.8rem}.service-action{align-items:center;gap:2rem;display:flex}.price{color:var(--primary);text-shadow:0 0 10px #ec48994d;font-size:1.3rem;font-weight:800}.btn-sm{letter-spacing:.5px;border-radius:100px;padding:8px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.btn-sm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ec489966}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}.gallery-image-wrapper{cursor:pointer;border-radius:16px;width:100%;height:200px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.gallery-image{object-fit:cover;width:100%;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.gallery-image-wrapper:hover .gallery-image{transform:scale(1.08)}.gallery-more-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-more-overlay span{font-size:2.5rem;font-weight:800}.gallery-more-overlay p{font-size:1.1rem;font-weight:600}.header-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.action-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#ffffff1a;border-color:#fff3;align-items:center;gap:8px;padding:8px 16px;display:flex}.action-btn:hover{background:#fff3;transform:translateY(-2px)}.hide-desktop{display:none}@media (max-width:768px){.hide-desktop{display:inline-flex}}.category-pills{scrollbar-width:none;gap:.8rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.pill{color:var(--text-light);white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:8px 16px;font-weight:600;transition:all .2s}.pill.active,.pill:hover{background:var(--primary);border-color:var(--primary);color:#fff}.about-hours-container{grid-template-columns:1fr;gap:3rem;display:grid}.facilities-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.facility-item{color:var(--text-light);align-items:center;gap:8px;font-size:.95rem;display:flex}.salon-sidebar{flex-direction:column;gap:2rem;height:fit-content;display:flex;position:sticky;top:100px}.booking-widget,.hours-widget{background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #0000004d}.booking-widget h3,.hours-widget h3{color:#fff;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.hours-list{list-style:none}.hours-list li{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:1rem 0;font-size:.95rem;display:flex}.hours-list li:last-child{border-bottom:none;padding-bottom:0}.hours-list li.closed{color:var(--danger);font-weight:600}.image-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.image-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-image{object-fit:contain;border-radius:12px;max-width:80vw;max-height:80vh;box-shadow:0 10px 40px #00000080}.modal-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1010;background:#ffffff1a;border:none;border-radius:50%;padding:1rem;font-size:2rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:#ffffff4d}.modal-nav.prev{left:-80px}.modal-nav.next{right:-80px}.modal-counter{color:#fff;font-size:1.1rem;font-weight:600;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.close-modal{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px;font-size:2rem;transition:transform .2s;position:absolute;top:-40px;right:0}.close-modal:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.modal-nav.prev{left:10px}.modal-nav.next{right:10px}.modal-image{max-width:100vw}}
