/* Shared, lightweight vector icons for the Reservario marketing site. */
.reservario-icon { display: block; width: 48px; height: 48px; flex: 0 0 auto; }
.feature-grid3 .box-icon,
#pro-koho .choose-box2 .box-icon,
#cenik .price-box.style6 .box-icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  line-height: 1;
  border: 1px solid #dde7f5;
  border-radius: 20px;
  background: #f3f7fc;
  transition: background-color 220ms ease, border-color 220ms ease;
}
.feature-grid3 .box-icon .reservario-icon,
#pro-koho .box-icon .reservario-icon,
#cenik .box-icon .reservario-icon {
  width: 44px;
  height: 44px;
  filter: none;
  transform: none;
  transition: transform 220ms ease;
}
#pro-koho .choose-box2 .box-icon,
#cenik .price-box.style6 .box-icon { width: 64px; height: 64px; border-radius: 18px; }
#pro-koho .box-icon .reservario-icon,
#cenik .box-icon .reservario-icon { width: 38px; height: 38px; }
#cenik .price-box.style6.active .box-icon { background: #fff; border-color: #fff; }
.cta-area5 .sec-title .reservario-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  padding: 7px;
  margin: 0 4px;
  vertical-align: middle;
  background: #f3f7fc;
  border: 1px solid #dde7f5;
  border-radius: 18px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .feature-grid3:hover .box-icon,
  #pro-koho .choose-box2:hover .box-icon { background: #edf4ff; border-color: #c7d8f0; }
  .feature-grid3:hover .box-icon .reservario-icon,
  #pro-koho .choose-box2:hover .box-icon .reservario-icon { transform: translateY(-3px); }
}
@media (max-width: 767px) {
  .cta-area5 .sec-title .reservario-icon { width: 44px; height: 44px; padding: 4px; border-radius: 12px; margin: 0 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-grid3 .box-icon, #pro-koho .box-icon, #cenik .box-icon,
  .box-icon .reservario-icon { transition: none !important; }
}