body{font-family:Arial,Helvetica,sans-serif;color:#1d1d1f;background:#fff}a{color:#111}a:hover{text-decoration:none}.topbar{background:#fafafa}.hero-section{background:linear-gradient(135deg,#f7f7f7,#ffffff)}.hero-box{background:#111;color:#fff;border-radius:18px;padding:40px;min-height:280px;display:flex;align-items:center}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:700}.section-title-wrap{margin-bottom:30px}.feature-card,.product-card,.news-card,.sidebar-box,.inner-content-box,.detail-box,.stat-card{border:1px solid #e9e9e9;border-radius:18px;background:#fff}.feature-card{padding:32px;transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.product-thumb{height:240px;object-fit:cover;border-radius:18px 18px 0 0}.gallery-thumb,.detail-cover{border-radius:16px}.page-hero{background:#f5f5f5}.footer-dark{background:#111;color:#fff}.footer-dark a{color:#d8d8d8}.inner-page-box{padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:18px;height:100%}.content-area p{line-height:1.8}.admin-body{background:#f4f6f9}.admin-sidebar{width:260px;background:#111;min-height:100vh}.admin-link{display:block;color:#ddd;padding:10px 12px;border-radius:10px;margin-bottom:6px}.admin-link:hover{background:#222;color:#fff}.admin-content{background:#f4f6f9}.stat-card{padding:24px;box-shadow:0 10px 20px rgba(0,0,0,.05)}.stat-value{font-size:32px;font-weight:700}.seo-box,.gallery-admin-box{padding:20px;border:1px solid #ededed;border-radius:16px;background:#fafafa}.upload-progress-wrap{height:22px}.upload-progress-bar{line-height:22px}.form-control.input-validation-error,.is-invalid,.field-validation-error+.form-control,.input-validation-error{border:3px solid #dc3545!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.1)!important}.note-invalid,.note-editor.note-invalid{border:3px solid #dc3545!important}.text-danger{font-weight:600}.navbar-light .navbar-nav .nav-link{font-weight:600}.sidebar-box{padding:24px}@media(max-width:991px){.admin-wrap{display:block!important}.admin-sidebar{width:100%;min-height:auto}.product-thumb{height:200px}}

.hero-slider {
    position: relative;
    overflow: hidden;
}

    .hero-slider .carousel-item {
        min-height: 680px;
    }

.hero-slide-item {
    position: relative;
    min-height: 680px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.25) 100%);
}

.min-vh-75 {
    min-height: 680px;
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 680px;
}

    .hero-content .eyebrow {
        display: inline-block;
        font-size: .82rem;
        font-weight: 700;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: #d1d5db;
    }

    .hero-content h1 {
        line-height: 1.15;
        margin-bottom: 0;
    }

    .hero-content .lead {
        color: rgba(255,255,255,.88);
        font-size: 1.15rem;
    }

.hero-side-box {
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    padding: 0;
}

.hero-side-box-inner {
    padding: 32px;
    color: #fff;
}

.hero-slider .carousel-control-prev,
.hero-slider .carousel-control-next {
    width: 60px;
    opacity: .9;
}

.hero-slider .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 6px;
}

@media (max-width: 991.98px) {
    .hero-slider .carousel-item,
    .hero-slide-item,
    .min-vh-75 {
        min-height: 560px;
    }

    .hero-content h1 {
        font-size: 2.2rem;
    }

    .hero-content .lead {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .hero-slider .carousel-item,
    .hero-slide-item,
    .min-vh-75 {
        min-height: 500px;
    }

    .hero-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .hero-content h1 {
            font-size: 1.8rem;
        }

        .hero-content .lead {
            font-size: .98rem;
        }
    .contact-map-box {
        overflow: hidden;
        border-radius: 14px;
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
        border: 1px solid #e5e7eb;
        background: #fff;
    }

        .contact-map-box iframe {
            width: 100% !important;
            min-height: 320px;
            border: 0 !important;
            display: block;
        }
}