.salon-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.salon-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.salon-grid{grid-template-columns:repeat(3,1fr)}}.salons-hero{text-align:center;background:linear-gradient(155deg,#e8a490 0%,#f5d8c1 45%,#fff 80%,#fdf8f4 100%);border-radius:0 0 60px 60px;padding:80px 20px 60px;transition:background .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 4px 30px #c8a08c14}.dark .salons-hero{background:linear-gradient(155deg,#151e37 0%,#0e1526 45%,#181e2a 80%,#282d3d 100%);box-shadow:0 4px 30px #0000004d}.salons-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8a4901a 0%,#e8a4900a 40%,#0000 75%);border-radius:50%;width:320px;height:320px;transition:background .4s;position:absolute;top:-120px;left:-80px}.dark .salons-hero:before{background:radial-gradient(circle,#e8a4900f 0%,#e8a49005 40%,#0000 75%)}.salons-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4896e12 0%,#d4896e05 40%,#0000 75%);border-radius:50%;width:280px;height:280px;transition:background .4s;position:absolute;bottom:-100px;right:-70px}.dark .salons-hero:after{background:radial-gradient(circle,#bc6f530a 0%,#bc6f5303 40%,#0000 75%)}.salons-hero .glow-blob{pointer-events:none;background:radial-gradient(circle,#f5e0d81f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;transition:background .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .salons-hero .glow-blob{background:radial-gradient(circle,#e8a4900a 0%,#0000 70%)}.salons-hero-badge{color:#7a6b6d;z-index:1;background:#fff;border:1px solid #f0e4db;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;transition:background .4s,border-color .4s,color .4s;display:inline-flex;position:relative}.dark .salons-hero-badge{color:#b9c6da;background:#1b2436;border-color:#2c3a52}.salons-hero-badge svg{color:#c47a5e}.dark .salons-hero-badge svg{color:#bc6f53}.salons-hero h1{color:#3d2c2e;z-index:1;margin-bottom:12px;font-size:36px;font-weight:900;line-height:1.4;position:relative}.dark .salons-hero h1{color:#eaf0fb}.salons-hero h1 span{color:#c47a5e}.dark .salons-hero h1 span{color:#bc6f53}.salons-hero p{color:#7a6b6d;z-index:1;max-width:520px;margin:0 auto;font-size:16px;line-height:1.8;position:relative}.dark .salons-hero p{color:#b9c6da}@media (width>=768px){.salons-hero h1{font-size:44px}.salons-hero p{font-size:17px}}