.hotel-container{max-width:900px;margin:30px auto;padding:20px;background:linear-gradient(135deg,#e3f2fd,#f0f4ff);border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.15);font-family:Arial,sans-serif;overflow:hidden}
.hotel-header{text-align:center;padding-bottom:20px;border-bottom:3px solid #1976d2}
.hotel-main-title{font-size:28px;color:#0d47a1;margin:0 0 12px;font-weight:700;text-transform:uppercase}
.hotel-slogan{font-size:17px;color:#1565c0;font-style:italic;margin-bottom:20px;padding:12px 16px;background:rgba(25,118,210,.1);border-radius:8px;line-height:1.6}
.hotel-toggle-all{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;margin:20px auto 0;background:linear-gradient(90deg,#1976d2,#2196f3);color:#fff;border:none;border-radius:50px;font-size:19px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 20px rgba(25,118,210,.5);transition:all .4s;min-width:320px}
.hotel-toggle-all:hover{background:linear-gradient(90deg,#1565c0,#1e88e5);transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px rgba(25,118,210,.6)}
.hotel-toggle-all i{font-size:28px;transition:transform .3s}
.hotel-toggle-all.active i{transform:rotate(180deg)}
.hotel-toggle-all .toggle-text{pointer-events:none}
.hotel-section-title{font-size:20px;color:#fff;font-weight:600;cursor:pointer;padding:14px 18px;background:#1976d2;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s}
.hotel-section-title:hover{background:#1565c0;transform:translateX(5px)}
.hotel-section-title .section-arrow,.hotel-section-title .fa-chevron-down{transition:transform .3s}
.hotel-section-title.active .section-arrow,.hotel-section-title.active .fa-chevron-down{transform:rotate(180deg)}
.hotel-content{max-height:0;overflow:hidden;transition:max-height .6s ease,opacity .4s,padding .6s;opacity:0;background:#fff;margin-top:8px;border-radius:10px;border-left:5px solid #1976d2;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.hotel-content.active{max-height:9000px;opacity:1;padding:20px}
.hotel-text-grid{display:grid;gap:12px}
.hotel-text-item{font-size:16px;color:#444;padding:8px 0;border-bottom:1px solid #eee;display:flex;align-items:flex-start;gap:12px}
.hotel-text-item i{color:#1976d2;width:20px;flex-shrink:0;margin-top:2px}
.hotel-procedures-wrapper{margin:20px 0;padding:20px;background:#e3f2fd;border-radius:12px;border-left:6px solid #1976d2}
.hotel-procedures-wrapper h4{margin:0 0 16px;font-size:19px;color:#0d47a1}
.procedures-list-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.procedures-list-modern span{background:#bbdefb;padding:14px;border-radius:12px;text-align:center;color:#0d47a1;font-size:15px;box-shadow:0 4px 10px rgba(25,118,210,.2);transition:all .3s}
.procedures-list-modern span:hover{background:#90caf9;transform:translateY(-4px);box-shadow:0 10px 20px rgba(25,118,210,.3)}
.hotel-advantages{margin-top:40px;padding-top:20px;border-top:3px solid #1976d2;text-align:center}
.hotel-advantages h2{font-size:22px;color:#0d47a1;margin-bottom:24px}
.hotel-advantages-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.hotel-advantage-item{flex:1;min-width:280px;max-width:380px;padding:24px;background:#fff;border-radius:14px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .4s;text-decoration:none;color:inherit}
.hotel-advantage-item:hover{transform:translateY(-8px);box-shadow:0 14px 30px rgba(25,118,210,.3)}
.hotel-advantage-icon i{font-size:48px;color:#1976d2;margin-bottom:14px;display:block}
.hotel-advantage-title{font-size:19px;color:#0d47a1;margin:10px 0}
.hotel-advantage-text{font-size:15px;color:#666;line-height:1.5}
@media (max-width:768px){
  .hotel-container{padding:16px;margin:15px auto;border-radius:12px}
  .hotel-main-title{font-size:24px}
  .hotel-slogan{font-size:15px}
  .hotel-toggle-all{padding:16px 32px;font-size:17px;min-width:280px}
  .hotel-section-title{font-size:18px;padding:12px 16px}
  .hotel-text-item{font-size:15px}
  .procedures-list-modern{grid-template-columns:1fr}
  .hotel-advantages-container{flex-direction:column;gap:20px;align-items:center}
  .hotel-advantage-item{max-width:100%}
}

.hotel-list { 
  font-size: 16.5px;
  line-height: 1.7; 
  color: #333; 
}
.highlight { 
  background: #e3f2fd; 
  padding: 14px; 
  border-radius: 8px; 
  margin: 10px 0; 
  font-weight: 600; 
  font-size: 16px;
}
.hotel-advantages-container { 
  display: flex; 
  gap: 20px; 
  justify-content: center; 
  flex-wrap: wrap; 
}
.hotel-advantage-item { 
  text-align: center; 
  width: 300px; 
}
.hotel-advantage-icon i { 
  font-size: 42px; 
  color: #1976d2; 
}