/* =============================================
   AWADH TOURS AND TRAVELS – Global Stylesheet
   ============================================= */

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Poppins',sans-serif;color:#222;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}

/* ── TOP BAR ── */
.topbar{background:#5c1414;color:#fff;font-size:13px;padding:7px 50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.topbar-welcome{color:#f5a623;font-weight:600;}
.topbar-left{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.topbar-left a{color:#fff;display:flex;align-items:center;gap:6px;transition:color .2s;}
.topbar-left a:hover{color:#f5a623;}
.topbar-right{display:flex;gap:12px;}
.topbar-right a{color:#fff;font-size:15px;transition:color .2s;}
.topbar-right a:hover{color:#f5a623;}

/* ── NAVBAR ── */
.navbar{background:#fff;padding:12px 50px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.09);position:sticky;top:0;z-index:1000;}
.logo{display:flex;align-items:center;gap:12px;}
.logo-box{width:58px;height:58px;background:#5c1414;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-text .brand{font-size:20px;font-weight:800;color:#5c1414;letter-spacing:1px;line-height:1.1;}
.logo-text .sub2{font-size:10px;font-weight:700;color:#5c1414;letter-spacing:2.5px;line-height:1.3;}
.logo-text .tagline{font-size:10px;color:#f5a623;font-style:italic;}
.site-logo-img{height:55px;width:auto;display:block;}
.footer-logo-img{height:38px;width:auto;display:block;}
.nav-links{display:flex;gap:20px;align-items:center;list-style:none;flex-wrap:nowrap;}
.nav-links li{display:flex;align-items:center;}
.nav-links a{font-size:13.5px;font-weight:500;color:#333;padding-bottom:4px;position:relative;transition:color .2s;white-space:nowrap;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#f5a623;transition:width .25s;}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-links a.active{color:#5c1414;font-weight:700;}
/* dropdown toggle – no underline, same vertical rhythm as other links */
.nav-links .dropdown-toggle::after{display:none;}
.nav-links .dropdown-toggle{padding-bottom:4px;}
.nav-links .dropdown-toggle:hover,.nav-links .dropdown-toggle.active{color:#5c1414;}
.btn-enquire{background:#f5a623;color:#fff;font-weight:700;font-size:14px;padding:10px 24px;border-radius:6px;border:none;cursor:pointer;transition:background .2s;white-space:nowrap;}
.btn-enquire:hover{background:#d4891a;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.hamburger span{width:25px;height:2.5px;background:#5c1414;border-radius:2px;transition:.3s;}
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.mobile-menu{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:998;padding:20px 24px 24px;overflow-y:auto;border-top:3px solid #f5a623;box-shadow:0 8px 24px rgba(0,0,0,.12);}
.mobile-menu.open{display:block;}
.mobile-menu ul{list-style:none;display:flex;flex-direction:column;}
.mobile-menu ul li a{display:block;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:15px;font-weight:500;color:#5c1414;transition:color .2s;}
.mobile-menu ul li a:hover{color:#f5a623;}
.mobile-menu .btn-enquire{width:100%;margin-top:16px;text-align:center;display:block;padding:13px;border-radius:8px;}

/* ── PAGE HERO ── */
.page-hero{position:relative;height:340px;overflow:hidden;display:flex;align-items:center;}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.page-hero .overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(92,20,20,.85),rgba(92,20,20,.45));}
.page-hero-content{position:relative;z-index:1;padding:0 60px;}
.page-hero-content .breadcrumb{font-size:13px;color:#f5c76e;margin-bottom:10px;}
.page-hero-content .breadcrumb a{color:#f5c76e;transition:color .2s;}
.page-hero-content .breadcrumb a:hover{color:#fff;}
.page-hero-content h1{font-size:44px;font-weight:800;color:#fff;line-height:1.2;}

/* ── SECTIONS ── */
section{padding:64px 50px;}
.bg-light{background:#fdf7f7;}
.section-label{text-align:center;color:#f5a623;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;letter-spacing:.5px;}
.section-title{text-align:center;font-size:30px;font-weight:800;color:#5c1414;margin-bottom:12px;}
.section-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:40px;}
.section-divider::before,.section-divider::after{content:'';width:64px;height:2px;background:#f5a623;border-radius:2px;}
.section-divider i{color:#f5a623;font-size:11px;}

/* ── BUTTONS ── */
.btn-dark{background:#5c1414;color:#fff;font-weight:600;font-size:14px;padding:12px 28px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:.2s;border:none;cursor:pointer;}
.btn-dark:hover{background:#6e1c1c;}
.btn-gold{background:#f5a623;color:#fff;font-weight:600;font-size:14px;padding:12px 28px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;transition:.2s;border:none;cursor:pointer;}
.btn-gold:hover{background:#d4891a;}
.btn-sm{background:#5c1414;color:#fff;font-size:12px;font-weight:600;padding:8px 16px;border-radius:6px;display:inline-block;transition:.2s;}
.btn-sm:hover{background:#f5a623;}

/* ── FILTER TABS ── */
.filter-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:38px;}
.filter-btn{padding:9px 24px;border-radius:30px;border:2px solid #ddd;background:#fff;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:.2s;font-family:inherit;}
.filter-btn.active,.filter-btn:hover{background:#5c1414;color:#fff;border-color:#5c1414;}

/* ── FOOTER ── */
footer{background:#5c1414;color:#e6d4d4;padding:56px 50px 22px;}
.footer-grid{display:grid;grid-template-columns:1.9fr 1fr 1fr 1.5fr;gap:44px;margin-bottom:44px;}
.footer-logo .brand{font-size:19px;font-weight:800;color:#fff;letter-spacing:1px;}
.footer-logo .sub2{font-size:9px;color:#b58f8f;letter-spacing:2.5px;}
.footer-logo .tagline{font-size:10px;color:#f5a623;font-style:italic;}
.footer-about p{font-size:13px;line-height:1.85;color:#b58f8f;margin:14px 0 20px;}
.footer-social{display:flex;gap:10px;}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:.2s;}
.footer-social a:hover{background:#f5a623;}
.footer-col h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:18px;position:relative;padding-bottom:10px;}
.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:2px;background:#f5a623;border-radius:2px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:13px;color:#b58f8f;transition:color .2s;display:flex;align-items:center;gap:7px;}
.footer-col ul li a::before{content:'›';color:#f5a623;font-size:15px;}
.footer-col ul li a:hover{color:#f5a623;}
.services-list{list-style:none;}
.services-list li{display:flex;align-items:center;gap:9px;font-size:13px;color:#b58f8f;margin-bottom:10px;}
.services-list li i{color:#f5a623;font-size:13px;min-width:15px;}
.contact-list{list-style:none;}
.contact-list li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:#b58f8f;margin-bottom:14px;line-height:1.6;}
.contact-list li i{color:#f5a623;margin-top:3px;min-width:14px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#7a5050;flex-wrap:wrap;gap:8px;}
.footer-bottom i{color:#e74c3c;}

/* ── DESKTOP DROPDOWN ── */
.nav-links .has-dropdown{position:relative;}
.nav-links .has-dropdown>.dropdown-toggle{display:flex;align-items:center;gap:5px;}
.nav-links .has-dropdown>.dropdown-toggle .fa-chevron-down{font-size:10px;transition:transform .25s;margin-top:1px;}
.nav-links .has-dropdown:hover>.dropdown-toggle .fa-chevron-down{transform:rotate(180deg);}
.nav-links .has-dropdown>.dropdown-toggle.active{color:#5c1414;font-weight:700;}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 2px);left:0;background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.12);min-width:200px;padding:6px 0;z-index:1000;list-style:none;border:1px solid #eee;}
/* invisible bridge fills the gap so hover isn't lost between toggle and menu */
.dropdown-menu::after{content:'';position:absolute;top:-12px;left:0;right:0;height:12px;}
.dropdown-menu::before{display:none;}
.has-dropdown:hover .dropdown-menu{display:block;animation:ddFade .2s ease;}
@keyframes ddFade{from{opacity:0;transform:translateX(-50%) translateY(6px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
.dropdown-menu li{display:block;}
.dropdown-menu li a{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:13.5px;font-weight:500;color:#333;white-space:nowrap;transition:background .18s,color .18s;width:100%;}
.dropdown-menu li a i{color:#f5a623;font-size:13px;width:16px;}
.dropdown-menu li a:hover,.dropdown-menu li a.active{background:#fdf7f7;color:#5c1414;}
.dropdown-menu li a.active{font-weight:700;}
.dropdown-menu li:not(:last-child) a{border-bottom:1px solid #eee;}

/* ── MOBILE ACCORDION MENU ── */
.mob-accordion{border-bottom:1px solid #f0f0f0;}
.mob-acc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:15px;font-weight:500;color:#5c1414;cursor:pointer;transition:color .2s;user-select:none;}
.mob-acc-header span{display:flex;align-items:center;gap:10px;}
.mob-acc-header span i{color:#f5a623;font-size:14px;width:18px;}
.mob-acc-icon{font-size:12px;color:#f5a623;transition:transform .28s;}
.mob-accordion.open .mob-acc-icon{transform:rotate(45deg);}
.mob-acc-body{list-style:none;max-height:0;overflow:hidden;transition:max-height .32s ease;border-left:2px solid #f5a623;margin-left:26px;margin-top:0;}
.mob-accordion.open .mob-acc-body{max-height:300px;margin-top:6px;margin-bottom:10px;}
.mob-acc-body li{margin-left:6px;}
.mob-acc-body li a{display:flex;align-items:center;gap:12px;padding:10px 8px 10px 24px;font-size:13.5px;font-weight:500;color:#666;border-bottom:1px solid #f7f7f7;transition:color .2s;}
.mob-acc-body li a i{color:#f5a623;font-size:13px;width:18px;flex-shrink:0;}
.mob-acc-body li a:hover{color:#f5a623;}
.mob-acc-body li:last-child a{border-bottom:none;}
.mobile-menu ul li>a{display:flex;align-items:center;gap:10px;}
.mobile-menu ul li>a i{color:#f5a623;font-size:14px;width:18px;}

/* ── RESPONSIVE ── */
@media(max-width:1200px){
  .navbar,.topbar,section,footer{padding-left:30px;padding-right:30px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:1024px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .navbar .btn-enquire{display:none;}
}
@media(max-width:900px){
  .navbar{padding:10px 20px;}
  .topbar{padding:7px 20px;}
  section{padding:48px 20px;}
  .page-hero-content{padding:0 28px;}
  .page-hero-content h1{font-size:32px;}
  footer{padding:44px 20px 18px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .topbar{font-size:11px;padding:7px 14px;}
  .topbar-left{gap:12px;}
  .footer-grid{grid-template-columns:1fr;}
  .page-hero{height:240px;}
  .page-hero-content h1{font-size:24px;}
  .section-title{font-size:24px;}
  .site-logo-img{height:36px;}
}

/* ═══════════════════════════════════════════
   FLOATING WHATSAPP + CALL BUTTONS
═══════════════════════════════════════════ */
.float-buttons {
  position: fixed;
  bottom: 28px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 9000;
}
.float-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,.25);
  transition: transform .25s, box-shadow .25s;
  position: relative;
  text-decoration: none;
}
.float-btn:hover { transform: scale(1.12); box-shadow: 0 8px 28px rgba(0,0,0,.32); }
.float-btn.whatsapp { background: #25d366; }
.float-btn.call     { background: #5c1414; }
.float-btn .tooltip {
  position: absolute;
  right: 64px;
  background: #5c1414;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.float-btn .tooltip::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #5c1414;
  border-right: 0;
}
.float-btn:hover .tooltip { opacity: 1; }

/* pulse ring on whatsapp */
.float-btn.whatsapp::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid #25d366;
  animation: pulse-ring 2s ease-out infinite;
}
@keyframes pulse-ring {
  0%   { transform: scale(1);   opacity: .7; }
  100% { transform: scale(1.6); opacity: 0;  }
}

/* ═══════════════════════════════════════════
   DETAIL PAGE SHARED STYLES
═══════════════════════════════════════════ */
/* Hero parallax banner */
.detail-hero {
  position: relative;
  height: 480px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.detail-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-hero .dh-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(92,20,20,.9) 30%, rgba(92,20,20,.28) 80%);
}
.detail-hero-content {
  position: relative;
  z-index: 2;
  padding: 0 60px 44px;
  width: 100%;
}
.detail-hero-content .breadcrumb {
  font-size: 13px;
  color: rgba(255,255,255,.65);
  margin-bottom: 10px;
}
.detail-hero-content .breadcrumb a { color: #f5a623; }
.detail-hero-content h1 {
  font-size: 46px;
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 12px;
}
.detail-hero-content .hero-meta {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.detail-hero-content .hero-meta span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.8);
  font-size: 14px;
}
.detail-hero-content .hero-meta i { color: #f5a623; }

/* Two-column detail layout */
.detail-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 36px;
  align-items: start;
}

/* Sticky sidebar card */
.sidebar-sticky { position: sticky; top: 88px; }
.sidebar-box {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,.10);
  overflow: hidden;
  margin-bottom: 22px;
}
.sidebar-box-head {
  background: #5c1414;
  color: #fff;
  padding: 18px 22px;
  font-size: 16px;
  font-weight: 700;
}
.sidebar-box-head span { color: #f5a623; }
.sidebar-box-body { padding: 22px; }
.sidebar-form .form-group { margin-bottom: 13px; }
.sidebar-form label { font-size: 12px; font-weight: 600; color: #444; display: block; margin-bottom: 5px; }
.sidebar-form input,
.sidebar-form select,
.sidebar-form textarea {
  width: 100%;
  padding: 10px 13px;
  border: 1.5px solid #e5e5e5;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border .2s;
  background: #fafafa;
}
.sidebar-form input:focus,
.sidebar-form select:focus { border-color: #5c1414; background: #fff; }
.sidebar-form .btn-submit {
  width: 100%;
  background: #f5a623;
  color: #fff;
  border: none;
  padding: 13px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background .2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.sidebar-form .btn-submit:hover { background: #d4891a; }

/* Price tag */
.price-tag {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 16px;
}
.price-tag .amount {
  font-size: 32px;
  font-weight: 800;
  color: #5c1414;
}
.price-tag .per {
  font-size: 13px;
  color: #999;
}
.price-tag .old {
  font-size: 16px;
  color: #bbb;
  text-decoration: line-through;
}

/* Content tabs */
.content-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #eee;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.tab-btn {
  padding: 12px 22px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  cursor: pointer;
  border: none;
  background: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  font-family: inherit;
  transition: color .2s;
}
.tab-btn.active { color: #5c1414; border-bottom-color: #f5a623; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }

/* Itinerary */
.itinerary-day {
  display: flex;
  gap: 18px;
  margin-bottom: 28px;
  position: relative;
}
.itinerary-day::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 44px;
  bottom: -28px;
  width: 2px;
  background: #f8e8e8;
}
.itinerary-day:last-child::before { display: none; }
.day-num {
  width: 46px;
  height: 46px;
  background: #5c1414;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f5a623;
  font-size: 13px;
  font-weight: 800;
  flex-shrink: 0;
}
.day-content h4 { font-size: 16px; font-weight: 700; color: #5c1414; margin-bottom: 6px; }
.day-content p  { font-size: 13px; color: #666; line-height: 1.75; }

/* Inclusions grid */
.inc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.inc-item {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: #444;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fdf7f7;
}
.inc-item.included i { color: #2ecc71; }
.inc-item.excluded i { color: #e74c3c; }
.inc-item.excluded   { background: #fff5f5; color: #888; }

/* Gallery row */
.detail-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.detail-gallery img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  transition: transform .3s, opacity .3s;
}
.detail-gallery img:hover { transform: scale(1.04); opacity: .88; }

/* Highlights */
.highlights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 28px;
}
.highlight-card {
  background: #fdf7f7;
  border-radius: 12px;
  padding: 18px 14px;
  text-align: center;
}
.highlight-card i  { font-size: 26px; color: #f5a623; margin-bottom: 8px; }
.highlight-card h4 { font-size: 13px; font-weight: 700; color: #5c1414; margin-bottom: 4px; }
.highlight-card p  { font-size: 11px; color: #888; }

/* Rating stars */
.stars { color: #f5a623; font-size: 14px; }
.review-card {
  background: #fdf7f7;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 14px;
}
.review-card .reviewer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.reviewer-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #5c1414;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f5a623;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}
.reviewer-info h5 { font-size: 14px; font-weight: 700; color: #5c1414; }
.reviewer-info span { font-size: 11px; color: #aaa; }
.review-card p { font-size: 13px; color: #555; line-height: 1.75; }

/* Map embed */
.map-embed {
  border-radius: 14px;
  overflow: hidden;
  margin-top: 10px;
}
.map-embed iframe {
  width: 100%;
  height: 260px;
  border: none;
  display: block;
}

/* Related cards strip */
.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.related-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 3px 14px rgba(0,0,0,.08);
  transition: .25s;
}
.related-card:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(0,0,0,.13); }
.related-card img { width: 100%; height: 160px; object-fit: cover; display: block; }
.related-card-body { padding: 14px; }
.related-card-body h3 { font-size: 15px; font-weight: 700; color: #5c1414; margin-bottom: 6px; }
.related-card-body .meta { font-size: 12px; color: #aaa; margin-bottom: 10px; }
.related-card-body .price { font-size: 16px; font-weight: 800; color: #f5a623; }

@media(max-width:900px){
  .detail-layout { grid-template-columns: 1fr; }
  .sidebar-sticky { position: static; }
  .detail-hero { height: 340px; }
  .detail-hero-content { padding: 0 24px 28px; }
  .detail-hero-content h1 { font-size: 30px; }
  .related-grid { grid-template-columns: 1fr 1fr; }
  .highlights-grid { grid-template-columns: 1fr 1fr; }
}
@media(max-width:540px){
  .detail-hero { height: 260px; }
  .detail-hero-content h1 { font-size: 22px; }
  .inc-grid { grid-template-columns: 1fr; }
  .related-grid { grid-template-columns: 1fr; }
  .detail-gallery { grid-template-columns: 1fr 1fr; }
  .highlights-grid { grid-template-columns: 1fr; }
  .float-btn { width: 46px; height: 46px; font-size: 19px; }
}