/* BestHome.az Projects component extraction. */
.sea-breeze-projects-shell {
    margin-top: clamp(1rem, 1.8vw, 1.75rem);
}
.project-filter-panel {
    padding: .78rem .9rem;
    gap: .72rem;
    border-radius: 22px;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .07);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.project-filter-panel .premium-filter-label {
    margin-bottom: .28rem;
    font-size: 9px;
    letter-spacing: .11em;
}
.project-filter-panel .premium-filter-control {
    height: 42px;
    border-radius: .9rem;
}
.project-filter-panel .premium-filter-field--search { flex-basis: 280px; }
.project-filter-panel .premium-filter-field:not(.premium-filter-field--search):not(.premium-filter-field--compact) {
    flex-basis: 410px;
}
.project-filter-panel .project-category-segment { gap: .48rem; }
.project-filter-panel .project-category-segment .project-cat-btn {
    min-height: 40px;
    padding: 0 .88rem;
    font-size: .82rem;
    line-height: 1.1;
    transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease, color 250ms ease, background 250ms ease;
}
.project-filter-panel .project-category-segment .project-cat-btn i {
    margin-right: .42rem !important;
    font-size: .8em;
}
.sea-breeze-project-card {
    transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease;
}
.sea-breeze-project-card__image img,
.sea-breeze-project-card__image picture,
.sea-breeze-project-card__image video {
    transition: transform 250ms ease;
    transform-origin: center;
}
.sea-breeze-project-card__title {
    font-size: clamp(.92rem, 1.15vw, 1.08rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.015em;
}
.sea-breeze-project-card__body {
    padding: .92rem 1rem 1rem !important;
}
.sea-breeze-project-card__description {
    font-size: .78rem !important;
    line-height: 1.45 !important;
}
.project-card-meta {
    gap: .45rem;
    padding-top: .86rem;
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .sea-breeze-project-card:hover {
        transform: translateY(-4px);
        border-color: rgba(127, 127, 255, .42);
        box-shadow: 0 24px 54px rgba(15, 23, 42, .13), 0 12px 30px rgba(127, 127, 255, .11);
    }
    .sea-breeze-project-card:hover .sea-breeze-project-card__image img,
    .sea-breeze-project-card:hover .sea-breeze-project-card__image picture,
    .sea-breeze-project-card:hover .sea-breeze-project-card__image video {
        transform: scale(1.03);
    }
}
@media (max-width: 767.98px) {
    .sea-breeze-project-card:hover {
        transform: none;
        box-shadow: 0 18px 45px rgba(127, 127, 255, 0.10);
    }
    .sea-breeze-project-card:hover .sea-breeze-project-card__image img,
    .sea-breeze-project-card:hover .sea-breeze-project-card__image picture,
    .sea-breeze-project-card:hover .sea-breeze-project-card__image video {
        transform: none;
    }
    .project-filter-panel {
        padding: .65rem;
        gap: .62rem;
        border-radius: 18px;
    }
    .project-filter-panel .premium-filter-control { height: 40px; }
    .project-filter-panel .project-category-segment { gap: .45rem; }
    .project-filter-panel .project-category-segment .project-cat-btn {
        flex: 1 1 calc(50% - .45rem);
        min-height: 38px;
        padding: 0 .62rem;
        font-size: .76rem;
    }
    .sea-breeze-project-card__body { padding: .62rem !important; }
    .sea-breeze-project-card__title { font-size: .78rem !important; line-height: 1.15 !important; }
    .sea-breeze-project-card__description { font-size: .67rem !important; line-height: 1.35 !important; }
}

/* Final compact project detail modal: gallery left, details right. */
#project-detail-modal-official:not(.hidden) {
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 2.2vw, 28px);
}
#project-detail-modal-official > .modal-glass-panel {
    width: min(94vw, 1040px) !important;
    max-width: 1040px !important;
    max-height: min(86vh, 760px) !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .34) !important;
}
#project-detail-modal-official #op-modal-scroll.project-modal-content {
    background: rgba(255, 255, 255, .98) !important;
}
@media (min-width: 769px) {
    #project-detail-modal-official #op-modal-scroll.project-modal-content {
        display: grid !important;
        grid-template-columns: minmax(390px, 48%) minmax(0, 52%) !important;
        grid-template-rows: minmax(0, 1fr) auto auto !important;
        grid-template-areas:
            "hero body"
            "thumbs body"
            "actions body" !important;
        max-height: min(86vh, 760px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    #project-detail-modal-official .op-modal-hero {
        grid-area: hero !important;
        height: auto !important;
        min-height: 430px !important;
        align-self: stretch !important;
        border-radius: 0 !important;
    }
    #project-detail-modal-official .op-modal-hero picture,
    #project-detail-modal-official .op-modal-hero img { height: 100% !important; }
    #project-detail-modal-official #op-modal-thumbnails {
        grid-area: thumbs !important;
        padding: .72rem .85rem .25rem !important;
        gap: .5rem !important;
        max-height: 96px !important;
        overflow-y: auto !important;
        background: #fff !important;
    }
    #project-detail-modal-official .project-modal-actions {
        grid-area: actions !important;
        padding: .85rem !important;
        gap: .65rem !important;
        background: #fff !important;
        border-top: 1px solid rgba(127, 127, 255, .12) !important;
    }
    #project-detail-modal-official .op-modal-body {
        grid-area: body !important;
        min-height: 0 !important;
        max-height: min(86vh, 760px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        padding: 1.35rem 1.45rem 1.45rem !important;
        gap: .95rem !important;
        line-height: 1.55 !important;
        border-left: 1px solid rgba(127, 127, 255, .14) !important;
    }
    #project-detail-modal-official .detail-close-btn {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 40 !important;
    }
}

html[data-theme="dark"] #project-detail-modal-official > .modal-glass-panel,
html[data-theme="dark"] #project-detail-modal-official #op-modal-scroll.project-modal-content,
html[data-theme="dark"] #project-detail-modal-official #op-modal-thumbnails,
html[data-theme="dark"] #project-detail-modal-official .project-modal-actions {
    background: #090909 !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

#project-detail-modal-official .op-modal-tabs-row { gap: .75rem !important; }
#project-detail-modal-official .op-modal-tabs { gap: .45rem !important; padding-bottom: .2rem !important; }
#project-detail-modal-official .op-modal-tab-pill {
    padding: .58rem .78rem !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
}
#project-detail-modal-official .project-detail-section,
#project-detail-modal-official #op-tab-description {
    border-radius: 18px !important;
    padding: 1rem !important;
    margin-bottom: .75rem !important;
}
#project-detail-modal-official .project-detail-section h3 {
    margin-bottom: .7rem !important;
    font-size: .88rem !important;
    line-height: 1.25 !important;
}
#project-detail-modal-official .project-detail-row {
    gap: .65rem !important;
    padding-block: .52rem !important;
    line-height: 1.35 !important;
}
#project-detail-modal-official .op-modal-share-btn,
#project-detail-modal-official .project-modal-actions > button {
    min-height: 42px !important;
    border-radius: 15px !important;
    padding: .68rem .85rem !important;
    font-size: .82rem !important;
}
@media (max-width: 768px) {
    #project-detail-modal-official > .modal-glass-panel {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: 88vh !important;
    }
    #project-detail-modal-official #op-modal-scroll.project-modal-content { overflow-y: auto !important; }
    #project-detail-modal-official .project-modal-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: .75rem .85rem 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    #project-detail-modal-official .project-modal-actions > button {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 40px !important;
        padding: 12px 10px !important;
        gap: 6px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
        line-height: 1.15 !important;
        box-sizing: border-box !important;
    }
    #project-detail-modal-official .project-modal-actions > button > span[aria-hidden="true"] {
        flex: 0 0 auto !important;
        font-size: .95em !important;
        line-height: 1 !important;
    }
    #project-detail-modal-official .project-modal-actions .project-cta-text { min-width: 0 !important; }
    #project-detail-modal-official .op-modal-tabs {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-inline: .15rem .85rem !important;
        scroll-padding-inline: .15rem .85rem !important;
        -webkit-overflow-scrolling: touch;
    }
    #project-detail-modal-official .op-modal-tab-pill { flex: 0 0 auto !important; }
    html[data-theme="dark"] #project-detail-modal-official .project-modal-actions {
        background: #090909 !important;
        border-top-color: rgba(255, 255, 255, .10) !important;
    }
}
@media (max-width: 359.98px) {
    #project-detail-modal-official .project-modal-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Compact light premium footer refinements. */
footer.footer-premium {
    margin-top: 1rem !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
    background: linear-gradient(180deg, #eaf6ff 0%, #dff1ff 100%) !important;
    color: #0f172a !important;
}
footer.footer-premium > .max-w-7xl { width: min(100% - 32px, 1180px) !important; padding-inline: 0 !important; }
footer.footer-premium .grid { gap: .9rem !important; }
footer.footer-premium .space-y-10 > :not([hidden]) ~ :not([hidden]) { margin-top: .9rem !important; }
footer.footer-premium h3 { color: #0f172a !important; margin-bottom: .55rem !important; font-size: .88rem !important; }
footer.footer-premium p,
footer.footer-premium a,
footer.footer-premium .footer-quick-link { color: #1e3a5f !important; font-size: .8rem !important; line-height: 1.35 !important; }

footer.footer-premium .footer-quick-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: .75rem !important;
    row-gap: .2rem !important;
}
footer.footer-premium .footer-quick-link:hover,
footer.footer-premium .footer-quick-link:focus-visible { color: #075985 !important; }
footer.footer-premium .grid.grid-cols-2 a:not(.footer-maker-badge) { color: #1f3b57 !important; }
footer.footer-premium .grid.grid-cols-2 a:not(.footer-maker-badge):hover { color: #fff !important; }
footer.footer-premium .site-footer-logo { max-width: 170px !important; height: auto !important; }
footer.footer-premium .w-9.h-9 { width: 2rem !important; height: 2rem !important; background: rgba(255,255,255,.68) !important; color: #155e75 !important; }
footer.footer-premium .footer-stat-card { padding: .65rem .75rem !important; border-radius: 16px !important; background: rgba(255,255,255,.72) !important; border-color: rgba(14,116,144,.14) !important; }
footer.footer-premium .footer-stat-card strong { font-size: 1.25rem !important; line-height: 1 !important; color: #155e75 !important; }
footer.footer-premium .footer-stat-card span { font-size: .72rem !important; color: #334155 !important; }
footer.footer-premium .h-px { background: rgba(14,116,144,.16) !important; }
footer.footer-premium .footer-maker-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(14,116,144,.24);
    background: rgba(255,255,255,.75);
    border-radius: 999px;
    padding: .55rem .85rem;
    font-weight: 900;
    color: #0f172a !important;
    transition: color 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
footer.footer-premium .footer-maker-badge:hover {
    color: #075985 !important;
    border-color: rgba(14,116,144,.55);
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(14,116,144,.18);
    transform: translateY(-1px);
}
@media (max-width: 767px) {
    footer.footer-premium { padding-bottom: calc(4.75rem + env(safe-area-inset-bottom)) !important; }
    footer.footer-premium > .max-w-7xl { width: min(100% - 28px, 1180px) !important; }
}