/* === Hero Section - Web Hosting Stili === */
.hero-web-hosting {
    background-color: #E0F1F4 !important;
    border: 1px solid #CDE2E7 !important;
    min-height: 690px !important;
    display: flex !important;
    align-items: center !important;
    padding: 60px 0 !important;
}
.hero-web-hosting .col-xl-6:first-child { padding-right: 40px; }
.hero-web-hosting .box-banner-7 { display: flex; align-items: center; justify-content: center; }
.hero-web-hosting .box-banner-left-home7 { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.hero-web-hosting p { font-size: 17px; line-height: 28px; }
.section.banner-7 { padding-bottom: 50px !important; margin-bottom: 0 !important; }
.hosting-section { padding-top: 50px !important; padding-bottom: 80px !important; }
.card-guide .card-image img { filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(195deg) brightness(104%) contrast(101%) !important; }
.card-guide.bg-4 .card-image img, .card-guide.bg-5 .card-image img, .card-guide.bg-7 .card-image img { filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(195deg) brightness(104%) contrast(101%) !important; }
.features-list { max-height: none; overflow: visible; transition: max-height 0.3s ease; }
.features-list.expanded { max-height: none; }
.feature-category { margin-bottom: 20px; }
.feature-category h6 { color: #333; font-size: 14px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.feature-category ul li { font-size: 13px; margin-bottom: 5px; }
.read-more-link { text-decoration: none; font-size: 14px; font-weight: 500; }
.read-more-link:hover { text-decoration: underline; }
.best-seller-badge { z-index: 10; }
.plan { border: 1px solid #e0e0e0; border-radius: 8px; transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; }
.plan:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }
.plan .features-list { flex-grow: 1; }
@media (max-width: 1199px) {
    .hero-web-hosting { min-height: auto !important; padding: 40px 30px !important; }
    .hero-web-hosting .col-xl-6:first-child { padding-right: 15px; }
    .section.banner-7 { padding-bottom: 40px !important; }
    .hosting-section { padding-top: 40px !important; padding-bottom: 60px !important; }
}
@media (max-width: 768px) {
    .hero-web-hosting { padding: 30px 20px !important; }
    .hero-web-hosting h1 { font-size: 32px !important; }
    .hero-web-hosting p { font-size: 15px !important; line-height: 24px !important; }
    .section.banner-7 { padding-bottom: 30px !important; }
    .hosting-section { padding-top: 30px !important; padding-bottom: 50px !important; }
    .features-list { max-height: 200px; overflow: hidden; }
    .features-list.expanded { max-height: none; }
    .feature-category h6 { font-size: 13px; }
    .feature-category ul li { font-size: 12px; }
}