/* Общие настройки секций */
section { padding: 100px 0; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

.section-title {
    font-size: 2.5rem;
    margin-bottom: 50px;
    text-align: center;
}

/* Hero Section */
.hero-premium {
    background: radial-gradient(circle at top right, #1a1a1a, #000);
    text-align: center;
    padding: 150px 0;
}

.badge {
    color: #00e5ff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
}

.hero-premium h1 span { color: #00e5ff; }

.hero-btns { margin-top: 40px; }
.cta-primary { background: #00e5ff; color: #000; padding: 18px 35px; border-radius: 50px; text-decoration: none; font-weight: bold; margin-right: 15px; }
.cta-secondary { border: 1px solid #333; color: #fff; padding: 18px 35px; border-radius: 50px; text-decoration: none; }

/* Materials Grid */
.materials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.material-card { background: #1a1a1a; padding: 40px; border-radius: 20px; transition: 0.3s; border: 1px solid transparent; }
.material-card:hover { border-color: #00e5ff; transform: translateY(-10px); }
.material-card.highlight { background: linear-gradient(145deg, #1a1a1a, #222); }
.mat-icon { font-size: 3rem; margin-bottom: 20px; }

/* Portfolio Gallery */
.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.gallery-item { height: 300px; background-size: cover; border-radius: 15px; position: relative; overflow: hidden; cursor: pointer; }
.overlay { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); padding: 20px; transform: translateY(100%); transition: 0.3s; }
.gallery-item:hover .overlay { transform: translateY(0); }

/* WhatsApp Button */
.whatsapp-float {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: #25d366;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
.whatsapp-float img { width: 35px; }