:root {
    --brand-olive: #7c8440;
    --brand-olive-dark: #66702f;
    --brand-olive-soft: #aeb07a;
    --brand-beige: #e7e4d0;
    --brand-beige-deep: #d8d3b5;
    --brand-card: #f7f5ea;
    --brand-text: #31311f;
    --brand-muted: #696850;
    --brand-border: #c8c3a7;
}

body {
    font-family: 'Oswald', sans-serif;
    background: var(--brand-beige);
    color: var(--brand-text);
}

h1, h2, h3, h4, .brand-title, .section-title, .nav-link, .top-link {
    font-family: 'Oswald', sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.top-strip {
    background: var(--brand-olive);
    color: #fff;
    font-size: .9rem;
}

    .top-strip a {
        color: rgba(255,255,255,.92);
        text-decoration: none;
    }

        .top-strip a:hover {
            color: #fff;
        }

.main-header {
    padding: 1.25rem 0 1rem;
    background: rgba(255,255,255,.18);
}

.mobile-menu {
    display: none;
}

.brand-block {
    line-height: .95;
}

.brand-title {
    font-size: clamp(2rem, 2.5vw, 3.2rem);
    margin: 0;
}

.h-100 {
    min-width: 300px;
}
.brand-subtitle {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
    text-transform: uppercase;
    color: var(--brand-muted);
}

.olive-band a {
    color: var(--brand-beige);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.ad-image{height: 120px;}

.contact-left a {
    color: var(--brand-olive-dark);
    text-decoration: none;
}

.form-control {
    background-color: var(--brand-olive-soft);
}

.form-control:focus {
    background-color: var(--brand-olive);
    color: var(--brand-beige);
}

.error {
    font-weight: bold;
    color: red;
}

.bordergreen {
    border-color: var(--brand-olive-dark)!important;
}

.img-preview{
    display: none;
}

.preview-frame {
    width: 450px;
    height: 300px;
    overflow: hidden;
}

.pic-view {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.2s ease;
}

.splide {
    max-width: 100%;
}

.splide__track {
    overflow: hidden;
}

.splide__list,
.splide__slide {
    max-width: 100%;
}

    .splide__slide > * {
        max-width: 100%;
    }

#pnlStartpage .form-check-input {
    background-color: transparent;
    margin-top: -0.1rem; /* of 0 */
}

#pnlCommercialAd .form-check-input {
    background-color: transparent;
    margin-top: -0.1rem; /* of 0 */
}

.nav-pills .nav-link.active{
    background-color: var(--brand-olive);
}
.tooltip-inner {
    background-color: var(--brand-olive-dark);
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
    text-align: left;
}

.tooltip-inner ul{
    padding-left: 15px;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #2f4fff !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #2f4fff !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #2f4fff !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2f4fff !important;
}

.hero-banner, .promo-banner {
    background: linear-gradient(90deg, rgba(113,122,56,.95), rgba(137,148,72,.82));
    min-height: 110px;
    border: 1px solid rgba(0,0,0,.08);
    overflow: hidden;
    position: relative;
}

#home-main-banner img{max-width: 300px;}
.top-banner img {
    max-height: 120px;
}
    .hero-banner::after, .promo-banner::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to right, rgba(0,0,0,.15), rgba(0,0,0,0) 45%), radial-gradient(circle at 82% 35%, rgba(255,255,255,.26), transparent 24%), radial-gradient(circle at 85% 40%, rgba(51,58,19,.35), transparent 10%), linear-gradient(to top, rgba(61,86,34,.35), rgba(131,148,73,.12));
        pointer-events: none;
    }

    .hero-banner .content, .promo-banner .content {
        position: relative;
        z-index: 1;
        color: #fff;
        padding: 1rem 1.25rem;
        max-width: 55%;
    }

    .hero-banner .small, .promo-banner .small {
        color: rgba(255,255,255,.85);
    }

.icon-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--brand-muted);
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: .95rem;
}

.icon-box {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--brand-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.45);
}

.section-title {
    font-size: clamp(2rem, 2vw, 2.6rem);
    margin-bottom: 1.25rem;
}

.ad-card {
    background: var(--brand-card);
    border: 1px solid rgba(93,93,60,.12);
    box-shadow: 0 .25rem 0 rgba(124,132,64,.08);
    height: 100%;
}

    .ad-card .thumb {
        width: 118px;
        height: 76px;
        background: linear-gradient(135deg, #cfd4db, #9ea8b6);
        border: 1px solid #b6bcc5;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }

        .ad-card .thumb::before {
            content: "";
            position: absolute;
            inset: 10px;
            background: repeating-linear-gradient(90deg, rgba(28,39,54,.82), rgba(28,39,54,.82) 7px, rgba(175,183,193,.85) 7px, rgba(175,183,193,.85) 14px), linear-gradient(#eef1f4, #cad1d9);
            mix-blend-mode: multiply;
        }

.price-label {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    line-height: .95;
    color: var(--brand-olive);
}

.meta {
    font-size: .8rem;
    color: var(--brand-text);
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.meta-list {
    font-size: .78rem;
    color: var(--brand-muted);
}

.btn-olive {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-olive);
    --bs-btn-border-color: var(--brand-olive);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-olive-dark);
    --bs-btn-hover-border-color: var(--brand-olive-dark);
    --bs-btn-padding-y: .45rem;
    --bs-btn-padding-x: .9rem;
    --bs-btn-border-radius: 0;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.sidebar-poster {
    background: linear-gradient(180deg, #48513c 0%, #1b1c14 52%, #0f120b 100%);
    color: #fff;
    min-height: 420px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.15);
}

    .sidebar-poster::before {
        content: "";
        position: absolute;
        inset: 16% 14% 18% 14%;
        background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.14), transparent 26%), radial-gradient(circle at 50% 55%, rgba(255,255,255,.18), transparent 18%), radial-gradient(circle at 40% 44%, rgba(0,0,0,.52), transparent 33%);
        border-radius: 45% 45% 42% 42%;
        filter: blur(2px);
    }

.poster-badge {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,.55);
    background: rgba(240,244,229,.9);
    color: var(--brand-olive-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
    font-size: .7rem;
    text-align: center;
}

.olive-band {
    background: var(--brand-olive);
    color: #f6f2e7;
}

.feature-icon {
    width: 84px;
    height: 84px;
    border: 2px solid rgba(255,255,255,.45);
    display: grid;
    place-items: center;
    color: rgba(255,255,255,.85);
}

.category-grid {
    background: #fbfaf5;
    border: 1px solid rgba(93,93,60,.12);
}

.category-item {
    text-align: center;
    padding: 1.5rem .75rem;
}

.category-icon {
    width: 86px;
    margin: 0 auto .75rem;
    color: #3f6d47;
}

.category-label {
    font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
}

.category-label a {
    color: #417d4e;
    text-decoration: none;
}

.footer-area {
    background: var(--brand-olive);
    color: #f7f4ea;
}

.footer-links a {
    color: rgba(255,255,255,.9);
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    display: block;
    margin-bottom: .4rem;
}

.footer-ad {
    min-height: 160px;
    background: linear-gradient(90deg, #f5f5f8, #ffffff);
    color: #171717;
    border: 1px solid rgba(0,0,0,.08);
    position: relative;
    overflow: hidden;
}

    .footer-ad::after {
        content: "";
        position: absolute;
        right: 4%;
        top: 18%;
        width: 280px;
        height: 110px;
        background: radial-gradient(circle at 20% 50%, #2a2f38 0, #545c69 18%, transparent 19%), linear-gradient(90deg, transparent 0 16%, #2b3139 16% 21%, #5e6876 21% 40%, #232830 40% 46%, #8eb5d8 46% 49%, #2b3139 49% 78%, transparent 78% 100%);
        border-radius: 999px;
        opacity: .9;
    }

.ad-grid-tight .col {
    display: flex;
}

.muted-copy {
    color: var(--brand-muted);
}

@media (max-width: 991.98px) {
    .hero-banner .content, .promo-banner .content {
        max-width: 100%;
    }

    .sidebar-poster {
        min-height: 320px;
    }


}

@media screen and (max-width: 469px) {
    .desktop-only {
        display: none !important;
    }

    .brand-block{
        float: left;
    }
    .navbar {
        width: 100% !important;
    }
    .mobile-menu {
        display: block;
        padding-left: 25px;
    }

    #home-footer-banner img{
        max-width: 405px;
    }
}

.navbar-brand,
.offcanvas-title,
.nav-link {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.offcanvas {
    background-color: #e7e4d0;
    color: #31311f;
}

.nav-link {
    padding: .85rem 0;
    border-bottom: 1px solid rgba(49, 49, 31, .08);
}