/* Generated from legacy.blade.php hero-specific rules. Load only the active hero style. */
body[data-hero-style="kapak"] .hero-minimal{position: relative;
            padding: 116px 0 94px;
            min-height: 72vh;
            display: flex;
            align-items: center;
            background: var(--hero-image-url, none) center/cover no-repeat;
            width: 100vw;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);}

body[data-hero-style="kapak"] .hero-minimal::before{content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(102deg, rgba(2, 6, 23, 0.8) 0%, rgba(15, 23, 42, 0.66) 45%, rgba(15, 23, 42, 0.3) 100%);}

body[data-hero-style="kapak"] .hero-minimal .container{position: relative;
            z-index: 2;
            padding-left: 1.3rem;
            padding-right: 1.3rem;}

body[data-hero-style="kapak"] .hero-title-minimal,
        body[data-hero-style="kapak"] .hero-note-minimal,
        body[data-hero-style="kapak"] .hero-slogan-minimal,
        body[data-hero-style="kapak"] .hero-status-minimal{color: #f8fafc;}

body[data-hero-style="kapak"] .text-accent{color: color-mix(in srgb, var(--accent) 80%, #ffffff);}

body[data-hero-style="kapak"] .hero-media-col{display: none;}

@media (max-width: 991px){body[data-hero-style="kapak"] .hero-minimal{min-height: auto;
                padding: 72px 0 18px;}}