/* По умолчанию скрываем все языковые слоты внутри нашего тега */ my-lang [slot] { display: none; } /* Если у стоит lang="ru", показываем только русские слоты */ html[lang="ru"] my-lang [slot="ru"] { display: block; /* или inline, смотря что внутри */ } /* Если у стоит lang="kz", показываем только казахские слоты */ html[lang="kz"] my-lang [slot="kz"] { display: block; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } [id] { scroll-margin-top: 80px; } body { font-family: 'Arial', sans-serif; color: #1a1a1a; background: #f5f5f5; } .section { max-width: 1400px; margin: 6rem auto; padding: 0 3rem; } .section-header { text-align: center; /*margin-bottom: 4rem;*/ padding-top: 1rem; padding-bottom: 1rem; border-radius: 25px 25px 0 0; background: linear-gradient(to bottom, #3c357955 10%, #f5f5f5 100%); box-shadow: 0 -10px 10px -10px rgba(0,0,0,0.5), /* Верх */ 10px 0 10px -10px rgba(0,0,0,0.5), /* Право */ -10px 0 10px -10px rgba(0,0,0,0.5); /* Лево */ } .section-header-internet { background: linear-gradient(to bottom, #2fb984a1 10%, #f5f5f5 100%), url('../img/internet.jpg') center/cover no-repeat; } .section-header-ipphone { background: linear-gradient(to bottom, #474ad16b 10%, #f5f5f5 100%), url('../img/phone.jpg') center/cover no-repeat; } .section-header-iptv { background: linear-gradient(to bottom, #62745ba1 10%, #f5f5f5 100%), url('../img/iptv.jpg') center/cover no-repeat; } .section-header-ipcam { background: linear-gradient(to bottom, #62745ba1 10%, #f5f5f5 100%), url('../img/ip_camera.png') center/cover no-repeat; } .section-tag { display: inline-block; background: linear-gradient(45deg, #0066ff, #00ccff); color: white; padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: bold; margin-bottom: 1rem; position: relative; top: -30px; } .section-title { font-size: 3rem; font-weight: 600; color: #1a1a1a; margin-bottom: 2rem; } @media (max-width: 768px) { .section-title { font-size: 2rem; } .section { padding: 0 1.5rem; } }