.custom-carousel{position:relative;overflow:hidden;height:var(--desktop-height)}.custom-carousel img{width:100%;height:100%;object-fit:cover;display:block}.carousel-wrapper{display:flex;transition:transform var(--transition-speed) ease}.carousel-slide{min-width:100%;position:relative}.carousel-content{position:absolute;bottom:20px;left:20px;color:#fff}.carousel-btn{display:inline-block;margin-top:10px;padding:10px 20px;background:#000;color:#fff;text-decoration:none}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:2rem;padding:0 10px;cursor:pointer;z-index:10}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;cursor:pointer}.carousel-dot.active{background:#fff}@media (max-width: 768px){.custom-carousel{height:var(--mobile-height)}}.hero-section{position:relative;display:flex;justify-content:center;align-items:center;min-height:var(--section-height-desktop, 45vh);padding:20px 15px;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.hero-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--bg-opacity, .6));z-index:1}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:700px;animation:fadeUp 1s ease-out}.hero-content h1{font-size:2em;font-weight:700;margin:6px 0}.hero-content p{font-size:1em;line-height:1.4;margin-bottom:14px}.hero-btn{display:inline-block;padding:10px 24px;border-radius:50px;font-weight:600;font-size:1em;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000040}.hero-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 18px #00000059}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-section{min-height:var(--section-height-mobile, 30vh);padding:15px 10px}.hero-content h1{font-size:1.6em}.hero-content p{font-size:.95em}}
/*# sourceMappingURL=/cdn/shop/t/19/compiled_assets/styles.css.map */