/* ==========================================================
   NINE3 WEDDINGS
   RESPONSIVE.CSS
========================================================== */


/* ==========================================================
   PREVENT HORIZONTAL SCROLLING
========================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    box-sizing: border-box;
}
.site-header,
.site-footer {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .container {
        width: min(100% - 50px, 1280px);
    }

    .main-nav ul {
        gap: 20px;
    }

    .site-header .btn {
        min-width: 150px;
        padding-left: 15px;
        padding-right: 15px;
    }

}


/* ==========================================================
   MOBILE / TABLET NAVIGATION
========================================================== */

@media (max-width: 800px) {

    /* ------------------------------------------
       GENERAL MOBILE CONTAINER
    ------------------------------------------ */

    .container {
        width: calc(100% - 40px);
        max-width: none;
    }


    /* ------------------------------------------
       HEADER
    ------------------------------------------ */

    .site-header {
        height: 82px;
        min-height: 82px;
    }


    .header-container {
        width: calc(100% - 30px);
        min-height: 82px;

        padding-top: 8px;
        padding-bottom: 8px;

        gap: 12px;
    }


    .logo {
        flex-shrink: 1;
        min-width: 0;
    }


    .logo img {
        width: 130px;
        max-width: 100%;
        height: auto;
    }


    /* Hide desktop CTA */

    .site-header .btn {
        display: none !important;
    }

   


    /* ------------------------------------------
       MOBILE NAV BOTTOM SPACE
    ------------------------------------------ */

    .main-nav::after {
        content: "";

        display: block;

        height: 30px;
    }


    /* ------------------------------------------
       PAGE CONTENT
    ------------------------------------------ */

    .hero {
        min-height: auto;

        padding-top: 140px;
        padding-bottom: 80px;
    }


    .hero-buttons {
        flex-direction: column;
    }


    .hero-buttons .btn {
        width: 80%;
    }


    .featured-collections,
    .about-natalie,
    .collection-options,
    .wedding-websites,
    .wedding-details,
    .digital-extras {
        padding-top: 90px;
        padding-bottom: 70px;
    }


    .wedding-details {
        margin-top: 70px;

        padding-top: 70px;
    }


    .about-natalie-grid {
        grid-template-columns: 1fr;

        gap: 60px;
    }


    .about-natalie-content {
        max-width: 100%;
    }


    .wedding-websites-grid {
        grid-template-columns: 1fr;
    }


    .wedding-websites-content {
        max-width: 100%;

        text-align: center;
    }


    .wedding-websites-content .hero-divider {
        margin-left: auto;
        margin-right: auto;
    }


    .collection-grid {
        grid-template-columns: 1fr;
    }


    .collection-image {
        height: 380px;
    }


    .details-grid {
        grid-template-columns: 1fr;
    }


    .detail-item:nth-child(odd) {
        border-right: none;
    }


    .detail-item {
        min-height: 75px;

        padding: 20px 15px;
    }


    .detail-item:hover {
        padding-left: 25px;
    }


    .extras-grid {
        grid-template-columns: 1fr;
    }


    /* ------------------------------------------
       FOOTER
    ------------------------------------------ */

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);

        gap: 40px 30px;
    }


    .footer-container {
        grid-template-columns: 1fr 1fr;

        gap: 40px 30px;

        padding-top: 55px;
        padding-bottom: 45px;
    }


    .footer-brand {
        grid-column: 1 / -1;

        max-width: 400px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 600px) {

    /* ------------------------------------------
       PAGE WIDTH
    ------------------------------------------ */

    .container {
        width: calc(100% - 30px);
    }


    /* ------------------------------------------
       HEADER
    ------------------------------------------ */

    .site-header {
        height: 78px;
        min-height: 78px;
    }


    .header-container {
        width: calc(100% - 24px);

        min-height: 78px;

        padding-left: 0;
        padding-right: 0;
    }


    .logo img {
        width: 125px;
    }




    /* ------------------------------------------
       HERO
    ------------------------------------------ */

    .hero {
        padding-top: 135px;
    }


    .hero-buttons {
        flex-direction: column;
    }


    .hero-buttons .btn {
        width: 100%;
    }


    /* ------------------------------------------
       SECTIONS
    ------------------------------------------ */

    .featured-collections,
    .about-natalie,
    .collection-options,
    .wedding-websites,
    .wedding-details,
    .digital-extras {
        padding-top: 90px;
        padding-bottom: 100px;
    }


    .wedding-details {
        margin-top: 70px;

        padding-top: 100px;
    }


    .collection-grid {
        grid-template-columns: 1fr;
    }


    .collection-image {
        height: 380px;
    }


    .details-grid {
        grid-template-columns: 1fr;
    }


    .detail-item:nth-child(odd) {
        border-right: none;
    }


    .detail-item {
        min-height: 75px;

        padding: 20px 15px;
    }


    .extras-grid {
        grid-template-columns: 1fr;
    }


    /* ------------------------------------------
       FOOTER
    ------------------------------------------ */

    .footer-grid {
        grid-template-columns: 1fr;

        gap: 32px;

        text-align: left;
    }


    .footer-container {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .footer-brand {
        grid-column: auto;
    }


    .footer-bottom {
        margin-top: 40px;
    }


    .footer-bottom-inner {
        flex-direction: column;

        align-items: flex-start;

        gap: 8px;
    }

}


/* ==========================================================
   EXTRA SMALL PHONES
========================================================== */

@media (max-width: 400px) {

    .container {
        width: calc(100% - 24px);
    }


    .header-container {
        width: calc(100% - 20px);
    }


    .logo img {
        width: 115px;
    }


/* ==========================================================
   FINAL MOBILE-ONLY POLISH — NINE3 WEDDINGS
   Desktop styles intentionally untouched.
========================================================== */

@media (max-width: 800px) {

    /* Keep the mobile site compact and centred */
    .container {
        width: calc(100% - 30px) !important;
        max-width: 390px; !important;
    }

    .header-container {
        width: calc(100% - 24px) !important;
        max-width: 390px; !important;
    }


    .dropdown-arrow {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        margin-left: auto;
        color: var(--gold) !important;
        font-size: 0 !important;
        transition: transform .25s ease;
    }

    .dropdown-arrow::before {
        content: "";
        width: 7px;
        height: 7px;
        border-right: 1.5px solid var(--gold);
        border-bottom: 1.5px solid var(--gold);
        transform: rotate(45deg) translateY(-2px);
    }


    /* Tighter sections throughout mobile */
    .featured-collections,
    .about-natalie,
    .collection-options,
    .wedding-websites,
    .wedding-details,
    .digital-extras,
    .about-approach,
    .about-more,
    .about-why,
    .about-cta,
    .how-intro,
    .how-process,
    .how-portal,
    .how-included,
    .how-terms,
    .how-timeline,
    .how-proof,
    .how-finishes,
    .how-faq,
    .how-delivery,
    .how-final {
        padding-top: 40px !important;
        padding-bottom: 68px !important;
    }

    .wedding-details {
        margin-top: 35px !important;
    }

    /* About value cards — 10–20% tighter */
    .about-values-grid {
        gap: 12px !important;
    }

    .about-value-card {
        min-height: auto !important;
        padding: 26px 22px !important;
    }

    .about-value-number {
        top: 14px;
        right: 15px;
        font-size: 17px;
    }

    .about-value-icon {
        margin-top: 18px;
        font-size: 24px;
    }

    .about-value-card h3 {
        margin: 13px 0 9px;
        font-size: 29px !important;
    }

    .about-value-card p {
        font-size: 11px !important;
        line-height: 1.7;
    }

    /* Before / On The Day headings smaller */
    .about-more-item {
        grid-template-columns: 38px 1fr;
        gap: 15px;
        padding: 18px 8px;
    }

    .about-more-item h3 {
        font-size: 25px !important;
    }

    .about-more-item p {
        font-size: 11px !important;
    }

    /* How It Works cards tighter */
    .process-grid {
        gap: 12px !important;
    }

    .process-card {
        padding: 25px 22px !important;
    }

    .process-number {
        margin-bottom: 14px;
        font-size: 19px;
    }

    .process-card h3 {
        font-size: 29px !important;
    }

    .process-line {
        margin: 12px 0;
    }

    .process-card p {
        font-size: 11px;
        line-height: 1.7;
    }

    .terms-grid {
        gap: 12px !important;
    }

    .term-card {
        padding: 24px 20px !important;
    }

    .term-card h3 {
        margin: 11px 0 7px;
        font-size: 25px !important;
    }

    .term-card p {
        font-size: 11px !important;
        line-height: 1.7;
    }

    /* Remove the final portal divider under the last detail */
    .portal-feature:last-child {
        border-bottom: 0 !important;
    }

    /* Footer — tighter and centred bottom text */
    .footer-container {
        gap: 24px !important;
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .footer-bottom {
        margin-top: 22px !important;
    }

    .footer-bottom-inner {
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 7px !important;
    }

    .footer-bottom-inner span {
        text-align: center !important;
    }

    /* Contact mobile spacing */
    .contact-page-hero {
        padding-bottom: 35px !important;
    }

    .contact-page-info,
    .contact-page-form {
        padding: 25px 18px !important;
    }

    /* Compact FAQs */
    .faq-item {
        margin-bottom: 10px !important;
    }

    .faq-item summary {
        padding: 16px 18px !important;
        font-size: 19px !important;
    }

    .faq-answer {
        padding: 0 18px 15px !important;
    }

    .faq-answer p {
        font-size: 13px !important;
        line-height: 1.7;
    }
}

/* Prevent horizontal page movement on mobile */

@media (max-width: 768px) {

    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }}

@media (max-width: 768px) {

    .mobile-weddings-link {
        display: block;
        width: 100%;

        margin-top: 18px;
        padding-top: 18px;

        border-top: 1px solid rgba(200, 169, 106, .25);
    }


    .mobile-weddings-link a {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;

        padding: 13px 20px;

        background: #C8A96A;
        color: #404A3B !important;

        border: 1px solid #C8A96A;
        border-radius: 2px;

        font-size: 11px !important;
        font-weight: 600;

        letter-spacing: .12em;
        text-transform: uppercase;

        text-decoration: none;

        transition:
            background .25s ease,
            color .25s ease,
            transform .25s ease;
    }


    .mobile-weddings-link a:hover,
    .mobile-weddings-link a:focus {
        background: #D8BC84;
        color: #333C30 !important;

        transform: translateY(-1px);
    }}}

/* ==========================================================
   NINE3 WEDDINGS
   MOBILE NAVIGATION
   Desktop is intentionally untouched.
========================================================== */

@media (max-width: 800px) {

    /* ------------------------------------------------------
       MOBILE PAGE WIDTH
    ------------------------------------------------------ */

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }


    /* ------------------------------------------------------
       HEADER
    ------------------------------------------------------ */

    .site-header {
        position: relative !important;
        z-index: 10000 !important;

        width: 100%;
        height: 78px;
        min-height: 78px;

        overflow: visible !important;
    }


    .header-container {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: calc(100% - 24px) !important;
        max-width: 390px !important;

        min-height: 78px;

        margin: 0 auto;

        padding: 8px 0 !important;

        gap: 10px;
    }


    /* ------------------------------------------------------
       LOGO
    ------------------------------------------------------ */

    .logo {
        display: flex !important;
        align-items: center !important;

        flex: 1 1 auto;

        min-width: 0;

        text-decoration: none;
    }


    .logo img {
        display: block;

        width: 125px;
        max-width: 100%;
        height: auto;
    }


    /* Hide desktop consultation button */

    .site-header > .header-container > .btn,
    .site-header .header-container > .btn {
        display: none !important;
    }


    /* ------------------------------------------------------
       HAMBURGER BUTTON
    ------------------------------------------------------ */

    .mobile-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;

        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        margin: 0 0 0 auto !important;
        padding: 5px !important;

        border: 0 !important;
        outline: none !important;

        background: transparent !important;

        cursor: pointer;

        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        z-index: 10010 !important;

        appearance: none;
        -webkit-appearance: none;
    }


    .mobile-toggle span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 24px !important;
        height: 2px !important;

        flex: 0 0 2px !important;

        margin: 3px 0 !important;
        padding: 0 !important;

        background: #404A3B !important;

        border: 0 !important;
        border-radius: 2px !important;

        transition:
            transform .25s ease,
            opacity .2s ease;
    }


    /* ------------------------------------------------------
       HAMBURGER → X
    ------------------------------------------------------ */

    .mobile-toggle.is-open span:nth-child(1) {
        transform: translateY(8px) rotate(45deg) !important;
    }


    .mobile-toggle.is-open span:nth-child(2) {
        opacity: 0 !important;
    }


    .mobile-toggle.is-open span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg) !important;
    }


    /* ------------------------------------------------------
       MOBILE NAV PANEL
    ------------------------------------------------------ */

    .main-nav {
        display: none !important;

        position: fixed !important;

        top: 78px !important;
        left: 50% !important;

        width: min(100%, 390px) !important;

        height: calc(100dvh - 78px) !important;
        min-height: calc(100vh - 78px);

        margin: 0 !important;

        padding: 12px 15px 35px !important;

        transform: translateX(-50%) !important;

        background: #FEF9F3 !important;

        border-top: 1px solid rgba(64, 74, 59, .10);

        box-shadow:
            0 15px 35px rgba(43, 43, 43, .10);

        overflow-x: hidden !important;
        overflow-y: auto !important;

        z-index: 10000 !important;

        -webkit-overflow-scrolling: touch;
    }


    .main-nav.is-open {
        display: block !important;
    }


    /* ------------------------------------------------------
       NAV LIST
    ------------------------------------------------------ */

    .main-nav ul {
        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        list-style: none;
    }


    .main-nav li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom:
            1px solid rgba(64, 74, 59, .10);
    }


    /* ------------------------------------------------------
       MAIN NAV LINKS
    ------------------------------------------------------ */

    .main-nav li > a {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;

        min-height: 56px;

        padding: 15px 8px !important;

        color: #404A3B !important;

        background: transparent !important;

        font-family: Raleway, sans-serif;

        font-size: 11px !important;
        font-weight: 600 !important;

        line-height: 1.4 !important;

        letter-spacing: 1.2px !important;

        text-transform: uppercase;

        text-decoration: none !important;
    }


    .main-nav li > a::after {
        display: none !important;
        content: none !important;
    }


    .main-nav li > a:hover,
    .main-nav li > a:focus,
    .main-nav li > a.active {
        color: #C8A96A !important;
    }


    /* ------------------------------------------------------
       COLLECTIONS
    ------------------------------------------------------ */

    .collections-dropdown {
        position: static !important;
    }


    .collections-dropdown > a {
        cursor: pointer;
    }


    /* Arrow */

    .dropdown-arrow {
        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        flex: 0 0 22px;

        width: 22px;
        height: 22px;

        margin-left: auto;

        color: #C8A96A !important;

        font-size: 0 !important;

        transition: transform .25s ease;
    }


    .dropdown-arrow::before {
        content: "";

        width: 8px;
        height: 8px;

        border-right: 2px solid #C8A96A;
        border-bottom: 2px solid #C8A96A;

        transform: rotate(45deg);
    }


    .collections-dropdown.mobile-open
    .dropdown-arrow {
        transform: rotate(180deg);
    }


    /* ------------------------------------------------------
       COLLECTIONS SUBMENU
    ------------------------------------------------------ */

    .collections-dropdown-menu {
        display: none !important;

        position: static !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 0 8px !important;

        transform: none !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;
    }


    .collections-dropdown.mobile-open
    .collections-dropdown-menu {
        display: block !important;
    }


    .collections-dropdown-menu a {
        display: block !important;

        width: 100% !important;

        min-height: auto !important;

        padding: 10px 18px !important;

        color: #404A3B !important;

        background: transparent !important;

        font-size: 10.5px !important;
        font-weight: 500 !important;

        line-height: 1.5 !important;

        letter-spacing: .7px !important;

        text-transform: none !important;

        border-left:
            1px solid rgba(200, 169, 106, .55);
    }


    .collections-dropdown-menu a:hover,
    .collections-dropdown-menu a:focus {
        color: #C8A96A !important;

        background:
            rgba(200, 169, 106, .07) !important;
    }


    /* ------------------------------------------------------
       NINE3 DESIGNS MOBILE BUTTON
    ------------------------------------------------------ */

    .sister-site-mobile {
        margin-top: 14px !important;

        padding-top: 14px !important;

        border-top:
            1px solid rgba(200, 169, 106, .25) !important;

        border-bottom: 0 !important;
    }


    .sister-site-mobile a {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 100% !important;

        min-height: 46px !important;

        padding: 12px 18px !important;

        background: #C8A96A !important;

        color: #404A3B !important;

        border: 1px solid #C8A96A !important;

        border-radius: 2px !important;

        font-size: 10.5px !important;
        font-weight: 600 !important;

        letter-spacing: 1.1px !important;

        text-transform: uppercase !important;

        text-decoration: none !important;
    }


    /* ------------------------------------------------------
       STOP BODY MOVING BEHIND MENU
    ------------------------------------------------------ */

    body.menu-open {
        overflow: hidden !important;
    }

}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .header-container {
        width: calc(100% - 20px) !important;
    }


    .main-nav {
        width: 100% !important;

        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    .logo img {
        width: 115px;
    }

}

/* ==========================================================
   FINAL MOBILE NAVIGATION RESET — NINE3 WEDDINGS
   Desktop styles intentionally untouched.
========================================================== */
@media (max-width: 800px) {
    html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
    body.menu-open { overflow:hidden !important; position:relative; }
    .site-header { position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:78px !important; min-height:78px !important; z-index:11000 !important; overflow:visible !important; }
    .header-container { position:relative !important; display:flex !important; align-items:center !important; width:calc(100% - 24px) !important; max-width:390px !important; height:78px !important; min-height:78px !important; margin:0 auto !important; padding:8px 0 !important; gap:12px !important; overflow:visible !important; }
    .logo { display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important; }
    .logo img { display:block !important; width:125px !important; max-width:100% !important; height:auto !important; }
    .header-container > .btn, .site-header .header-container > .btn { display:none !important; }
    .mobile-toggle { display:flex !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; flex:0 0 40px !important; width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important; margin:0 0 0 auto !important; padding:4px !important; border:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important; cursor:pointer !important; z-index:11002 !important; appearance:none !important; -webkit-appearance:none !important; }
    .mobile-toggle span { display:block !important; width:23px !important; height:2px !important; margin:3px 0 !important; background:#404A3B !important; border:0 !important; border-radius:2px !important; flex:0 0 2px !important; transition:transform .25s ease, opacity .2s ease !important; }
    .mobile-toggle.is-open span:nth-child(1), .mobile-toggle.active span:nth-child(1) { transform:translateY(8px) rotate(45deg) !important; }
    .mobile-toggle.is-open span:nth-child(2), .mobile-toggle.active span:nth-child(2) { opacity:0 !important; }
    .mobile-toggle.is-open span:nth-child(3), .mobile-toggle.active span:nth-child(3) { transform:translateY(-8px) rotate(-45deg) !important; }
    .main-nav { display:block !important; position:fixed !important; top:78px !important; left:50% !important; right:auto !important; width:min(100%,390px) !important; max-height:calc(100dvh - 78px) !important; margin:0 !important; padding:8px 14px 24px !important; transform:translate(-50%,-8px) !important; background:#FEF9F3 !important; border-top:1px solid rgba(64,74,59,.10) !important; box-shadow:0 18px 40px rgba(43,43,43,.12) !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; overflow-x:hidden !important; overflow-y:auto !important; z-index:11001 !important; transition:opacity .2s ease, transform .2s ease, visibility .2s ease !important; }
    .main-nav.is-open, .main-nav.active { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translate(-50%,0) !important; }
    .main-nav ul { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; margin:0 !important; padding:0 !important; gap:0 !important; list-style:none !important; }
    .main-nav li { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; border-bottom:1px solid rgba(64,74,59,.10) !important; }
    .main-nav li > a { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; min-height:56px !important; padding:15px 8px !important; color:#404A3B !important; background:transparent !important; font-family:Raleway,sans-serif !important; font-size:13px !important; font-weight:600 !important; line-height:1.4 !important; letter-spacing:1.35px !important; text-transform:uppercase !important; text-decoration:none !important; box-sizing:border-box !important; }
    .main-nav li > a::after, .collections-dropdown-menu a::after { display:none !important; content:none !important; }
    .main-nav li > a:hover, .main-nav li > a:focus, .main-nav li > a.active { color:#C8A96A !important; }
    .collections-dropdown { position:static !important; }
    .dropdown-arrow { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:24px !important; height:24px !important; margin-left:auto !important; color:#C8A96A !important; font-size:0 !important; flex:0 0 24px !important; transition:transform .2s ease !important; }
    .dropdown-arrow::before { content:"" !important; width:8px !important; height:8px !important; border-right:2px solid #C8A96A !important; border-bottom:2px solid #C8A96A !important; transform:rotate(45deg) !important; }
    .collections-dropdown.mobile-open .dropdown-arrow { transform:rotate(180deg) !important; }
    .collections-dropdown-menu { display:none !important; position:static !important; width:100% !important; margin:0 !important; padding:0 0 8px !important; transform:none !important; background:transparent !important; border:0 !important; box-shadow:none !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; }
    .collections-dropdown.mobile-open .collections-dropdown-menu { display:block !important; }
    .collections-dropdown-menu a { display:block !important; width:100% !important; min-height:auto !important; padding:10px 18px !important; color:#404A3B !important; background:transparent !important; font-size:11px !important; font-weight:500 !important; line-height:1.45 !important; letter-spacing:.7px !important; text-transform:none !important; text-decoration:none !important; border-left:1px solid rgba(200,169,106,.55) !important; box-sizing:border-box !important; }
    .collections-dropdown-menu a:hover, .collections-dropdown-menu a:focus { color:#C8A96A !important; background:rgba(200,169,106,.08) !important; }
    .sister-site-mobile { margin-top:12px !important; padding-top:12px !important; border-top:1px solid rgba(200,169,106,.28) !important; border-bottom:0 !important; }
    .sister-site-mobile a { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:46px !important; padding:12px 18px !important; background:#C8A96A !important; color:#404A3B !important; border:1px solid #C8A96A !important; border-radius:2px !important; font-size:11px !important; font-weight:600 !important; letter-spacing:1.1px !important; text-transform:uppercase !important; text-decoration:none !important; }
}
@media (max-width:390px) { .header-container{width:calc(100% - 20px) !important;} .logo img{width:118px !important;} .main-nav{padding-left:12px !important;padding-right:12px !important;} .main-nav li>a{font-size:12.5px !important;} }

/* Keep the mobile sister-site link inside the mobile menu only. */
@media (min-width: 801px) {
    .sister-site-mobile {
        display: none !important;
    }
}
/* ==========================================================
   DESKTOP HEADER — FINAL RESET
   Nine3 Weddings
   Desktop only — mobile remains untouched
========================================================== */

@media (min-width: 801px) {

    /* Restore the full desktop container */

    .site-header .header-container {
        width: min(1280px, calc(100% - 80px)) !important;
        max-width: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        height: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 30px !important;

        position: relative !important;
    }


    /* Desktop logo */

    .site-header .logo {
        display: flex !important;
        align-items: center !important;

        flex: 0 0 auto !important;
        min-width: 0 !important;
    }


    .site-header .logo img {
        width: 155px !important;
        max-width: none !important;
        height: auto !important;
        display: block !important;
    }


    /* Desktop navigation */

    .site-header .main-nav {
        display: block !important;

        position: static !important;

        width: auto !important;
        max-width: none !important;

        margin-left: auto !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;

        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }


    .site-header .main-nav ul {
        display: flex !important;

        flex-direction: row !important;
        align-items: center !important;

        width: auto !important;

        gap: 32px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .site-header .main-nav li {
        display: block !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }


    .site-header .main-nav li > a {
        display: inline-block !important;

        width: auto !important;
        min-height: 0 !important;

        padding: 0 !important;

        color: var(--green) !important;

        background: transparent !important;

        font-family: Raleway, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;

        letter-spacing: 1px !important;

        text-transform: uppercase !important;

        text-decoration: none !important;
    }


    /* Desktop CTA */

    .site-header .header-container > .btn {
        display: inline-flex !important;

        flex: 0 0 auto !important;

        width: auto !important;

        min-width: 0 !important;

        padding: 11px 25px !important;

        font-size: 11px !important;
    }


    /* No hamburger on desktop */

    .site-header .mobile-toggle {
        display: none !important;
    }

}