.hero-section-container { display: flex; gap: 20px; align-items: flex-start; }
.hero-slider { flex: 1; border-radius: 10px; overflow: hidden; opacity: 0; visibility: hidden; }
.hero-slider.slick-initialized { visibility: visible; opacity: 1; }
.hero-slider-nav { width: 350px; border-radius: 10px; overflow: hidden; padding: 20px; }
.hero-slider-nav-item { cursor: pointer; margin-bottom: 25px; }
.hero-slider-nav-item:last-child { margin-bottom: 0; }
.hero-slider-nav-item h2 { margin: 0; transition: .3s ease; font-size: 1.2em; }
.hero-slider-nav-item h3 { font-size: 1em; font-weight: 400; margin: 4px 0 0 0; }
.homepage-section { margin-bottom: 60px; }

.product-line-section-slider { position: relative; }
.product-line-slider { opacity: 0; visibility: hidden; }
.product-line-slider.slick-initialized { opacity: 1; visibility: visible; }
.product-line-item { padding: 10px; }
.product-line-image { border-radius: 10px; overflow: hidden; margin-bottom: 20px; transition: .1s linear; }
.product-line-image:hover { transform: scale(1.035); }
.product-line-image img { border-radius: 10px; }
.product-line-title { font-weight: 400; font-size: 1.1em; margin: 0; transition: .15s linear; margin-bottom: 10px; }
.product-line-detail { padding: 20px 20px 10px 20px; text-align: center; margin-bottom: 10px; }
.product-line-price { font-weight: 600; margin-top: auto; }
.product-line-detail.product-line-product { display: flex; flex-direction: column; }

.product-line-slider .slick-list { overflow-x: auto; scroll-snap-type: x mandatory; }
.product-line-slider .slick-list::-webkit-scrollbar { border-radius: 40px; background-color: #354F9C; scrollbar-width: thin; }
.product-line-slider .slick-list::-webkit-scrollbar-thumb { background-color: #232F57; border-radius: 40px; }
.product-line-slider .slick-list::-webkit-scrollbar-button { display: none!important; }

.product-line-footer { text-align: center; margin-top: 30px; }
.product-line-viewall { display: inline-block; padding: 16px 40px; text-transform: uppercase; font-size: .9rem; font-weight: 600; }

.prev-slide,
.next-slide { cursor: pointer; z-index: 99; background: transparent; border: none; position: absolute; top: 40%; left: -50px; width: 40px; height: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center; }
.next-slide { left: auto; right: -50px; }
.prev-slide svg,
.next-slide svg { width: 16px; }
.prev-slide path,
.next-slide path { fill: #ffffff; }

.product-line-section-header { text-align: center; position: relative; margin-bottom: 40px; }
.product-line-section-header::after { content: ""; position: absolute; margin-top: -1px; border-bottom: 2px solid #fff; left: 0; top: 50%; width: 100%; }
.product-line-section-title { position: relative; background: #0a1128; z-index: 2; margin: 0; padding: 10px 16px 4px 16px; font-size: 3em; text-transform: uppercase; font-weight: 400; display: inline-block; box-shadow: 10px 10px 50px #232F57; border: 2px solid #ffffff; line-height: 1; }

.promo-section { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; justify-content: center; min-height: 500px; }
.promo-section-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .65; }
.promo-section .container { position: relative; z-index: 2; text-align: center; }
.promo-section .promo-title { font-size: 72px; font-weight: 400; margin: 0 0 40px 0; animation: promo-title .7s infinite alternate; animation-timing-function: ease; }
.promo-section .promo-content h3 { font-size: 2em; margin: 0 0 20px 0; }
.promo-section .promo-content p { font-size: 20px; }

.feature-section { margin-bottom: 0; }
.feature-items { display: flex; margin-left: -15px; margin-right: -15px; }
.feature-item { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.feature-item-header { display: flex; gap: 15px; align-items: center; margin-bottom: 20px; }
.feature-item-title { flex: 1; margin: 0; font-weight: 400; }
.feature-item-description p { margin: 0 0 1em 0; font-size: 1.1em; line-height: 1.45; }

@keyframes promo-title {
    0% { transform: scale(1) }
    100% { transform: scale(1.1) }
}

@media screen and (max-width: 1024px) {
    .feature-items { flex-wrap: wrap; }
    .feature-items .feature-item { width: 50%; }
    .feature-item-description p { font-size: 18px; }
}

@media screen and (max-width: 768px) {
    .hero-section-container { display: block; }
    .hero-section-container .hero-slider { margin-bottom: 20px; }
    .product-line-section-header { margin-bottom: 20px; }
    .product-line-section-title { font-size: 2em; }
    .prev-slide, .next-slide { top: auto; bottom: -75px; }
    .prev-slide { left: 0; } 
    .next-slide { right: 0; }
    .feature-items .feature-item { width: 100%; }
}