:root{
  --brand:#6f1739;--brand-dark:#451022;--brand-soft:#f8edf2;--accent:#f3b33d;
  --ink:#17212b;--muted:#68717d;--line:#e8e3e6;--surface:#fff;--bg:#fbfafb;
  --success:#198754;--shadow:0 18px 50px rgba(48,22,34,.08);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}.page-main{min-height:calc(100vh - 190px)}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}
.naa-navbar{background:rgba(65,12,32,.96);backdrop-filter:blur(14px);padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.naa-brand{display:flex;align-items:center;gap:.7rem;color:#fff!important}.naa-brand-mark{width:42px;height:42px;border-radius:13px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--accent),#d98513);color:#fff;font-family:"Playfair Display",serif;font-size:1.55rem;box-shadow:0 8px 24px rgba(243,179,61,.22)}.naa-brand strong{display:block;font-size:1.1rem;line-height:1}.naa-brand small{display:block;font-size:.68rem;color:rgba(255,255,255,.6);margin-top:.2rem;letter-spacing:.08em;text-transform:uppercase}.naa-navbar .nav-link{color:rgba(255,255,255,.72);font-weight:600;font-size:.92rem;padding:.7rem .9rem!important;border-radius:10px}.naa-navbar .nav-link:hover,.naa-navbar .nav-link.active{color:#fff;background:rgba(255,255,255,.09)}.btn-nav-outline,.btn-nav-primary{border-radius:11px;padding:.62rem 1rem;font-weight:700;font-size:.88rem}.btn-nav-outline{color:#fff;border:1px solid rgba(255,255,255,.28)}.btn-nav-outline:hover{background:#fff;color:var(--brand);border-color:#fff}.btn-nav-primary{background:#fff;color:var(--brand);border:1px solid #fff}.btn-nav-primary:hover{background:var(--accent);border-color:var(--accent);color:#32200a}.user-chip{align-items:center;gap:.6rem;color:#fff;padding-right:.5rem}.user-chip>span:last-child{display:flex;flex-direction:column;line-height:1.15}.user-chip small{color:rgba(255,255,255,.55);font-size:.65rem}.user-chip strong{font-size:.82rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);font-weight:800}
.hero-section{position:relative;overflow:hidden;border-radius:30px;padding:5.2rem 5rem;background:linear-gradient(135deg,#541129 0%,#7b1d43 58%,#9e315c 100%);color:#fff;box-shadow:0 28px 70px rgba(82,17,41,.22)}.hero-section h1{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;letter-spacing:-.04em;margin:1.15rem 0 1.4rem;max-width:800px}.hero-section h1 em{font-style:normal;color:#ffd583}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;font-size:.82rem}.hero-text{font-size:1.12rem;line-height:1.75;color:rgba(255,255,255,.78);max-width:650px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.btn-hero-primary,.btn-hero-secondary{padding:.9rem 1.3rem;border-radius:13px;font-weight:800}.btn-hero-primary{background:#fff;color:var(--brand);border:1px solid #fff}.btn-hero-primary:hover{background:var(--accent);border-color:var(--accent);color:#31200c}.btn-hero-secondary{color:#fff;border:1px solid rgba(255,255,255,.28)}.btn-hero-secondary:hover{background:rgba(255,255,255,.1);color:#fff}.hero-trust{display:flex;gap:1.2rem;flex-wrap:wrap;color:rgba(255,255,255,.72);font-size:.85rem}.hero-trust i{color:#ffd583}.hero-shape{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.05)}.hero-shape-one{width:340px;height:340px;right:-100px;top:-100px}.hero-shape-two{width:180px;height:180px;left:45%;bottom:-120px}.hero-visual{position:relative;height:390px;display:grid;place-items:center}.visual-card{background:linear-gradient(145deg,#fff,#f9eef3);color:var(--ink);border-radius:32px;box-shadow:0 30px 70px rgba(25,3,12,.28)}.main-product{width:280px;height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg);border:8px solid rgba(255,255,255,.25)}.product-emoji{font-size:6.8rem;filter:drop-shadow(0 16px 18px rgba(76,23,42,.12))}.main-product span{font-size:.75rem;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.main-product strong{font-family:"Playfair Display",serif;font-size:2rem}.main-product small{color:var(--muted)}.floating-card{position:absolute;display:flex;align-items:center;gap:.7rem;background:#fff;color:var(--ink);padding:.75rem 1rem;border-radius:15px;box-shadow:0 15px 35px rgba(32,8,17,.18)}.floating-card i{width:38px;height:38px;border-radius:11px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:1.1rem}.floating-card span{display:flex;flex-direction:column}.floating-card strong{font-size:.86rem}.floating-card small{font-size:.72rem;color:var(--muted)}.float-one{left:-15px;top:80px}.float-two{right:-20px;bottom:65px}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;margin:-22px 2rem 0;position:relative;z-index:3;box-shadow:var(--shadow)}.service-strip>div{display:flex;align-items:center;gap:.8rem;padding:1.35rem 1.5rem;border-right:1px solid var(--line)}.service-strip>div:last-child{border-right:0}.service-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.15rem}.service-strip p{margin:0;display:flex;flex-direction:column}.service-strip strong{font-size:.9rem}.service-strip small{color:var(--muted);font-size:.75rem}
.section-space{padding:6rem 0 2rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.2rem}.section-heading.centered{text-align:center;justify-content:center}.section-kicker{color:var(--brand);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.section-heading h2{font-family:"Playfair Display",serif;font-size:clamp(2rem,3.4vw,3.2rem);margin:.4rem 0 .55rem;letter-spacing:-.025em}.section-heading p{color:var(--muted);margin:0}.catalog-link{font-weight:800;white-space:nowrap}.product-card-pro{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.3s ease;box-shadow:0 8px 28px rgba(42,23,31,.04)}.product-card-pro:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#dcc4cf}.product-top{height:190px;background:linear-gradient(145deg,#fbf0f4,#fff9f2);display:flex;align-items:center;justify-content:center;position:relative}.product-visual{font-size:5rem;filter:drop-shadow(0 14px 14px rgba(62,24,39,.12));transition:.3s}.product-card-pro:hover .product-visual{transform:scale(1.08) rotate(-3deg)}.availability{position:absolute;top:16px;right:16px;background:#fff;border-radius:999px;padding:.38rem .65rem;font-size:.7rem;font-weight:800;color:var(--success);box-shadow:0 5px 18px rgba(35,38,41,.08)}.availability i{font-size:.45rem}.product-content{padding:1.35rem}.product-content h3{font-family:"Playfair Display",serif;font-size:1.45rem;margin-bottom:.45rem}.product-content p{color:var(--muted);min-height:48px}.product-footer{border-top:1px solid var(--line);padding-top:1rem;display:flex;align-items:end;justify-content:space-between}.product-footer>div{display:flex;align-items:baseline;gap:.28rem;flex-wrap:wrap}.product-footer small{display:block;width:100%;color:var(--muted);font-size:.7rem}.product-footer strong{font-size:1.18rem;color:var(--brand)}.product-footer span{font-size:.78rem;color:var(--muted)}.product-footer>a{width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center}.product-footer>a:hover{background:var(--accent);color:#31200c}
.how-section{padding:5.5rem 0}.step-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:2rem;text-align:center;height:100%}.step-card>span{position:absolute;right:18px;top:12px;font-family:"Playfair Display",serif;font-size:3rem;color:#f3e8ed}.step-icon{width:68px;height:68px;border-radius:20px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:1.7rem;margin:0 auto 1.2rem}.step-card h3{font-family:"Playfair Display",serif}.step-card p{color:var(--muted);margin:0}.cta-section{margin-bottom:3rem;background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;border-radius:24px;padding:2.4rem 3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta-section span{color:#ffd583;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.cta-section h2{font-family:"Playfair Display",serif;margin:.35rem 0 0}.cta-section .btn{border-radius:13px;font-weight:800;white-space:nowrap}
.card{border-radius:18px!important;border-color:var(--line)!important}.shadow-sm{box-shadow:0 10px 35px rgba(45,23,32,.06)!important}.card-header{border-bottom-color:var(--line);padding:1rem 1.25rem}.form-control,.form-select{border-radius:11px;border-color:#ddd5d9;padding:.72rem .85rem}.form-control:focus,.form-select:focus{border-color:#b77391;box-shadow:0 0 0 .2rem rgba(111,23,57,.1)}.btn{border-radius:11px;font-weight:700}.btn-brand{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}.btn-brand:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}.auth-card{max-width:530px;margin-top:2rem}.auth-card .card-body{padding:2.5rem!important}.auth-card:before{content:"N";width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,var(--brand),#a23c66);color:#fff;display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:2rem;margin:0 auto -1rem;transform:translateY(-50%);box-shadow:0 12px 28px rgba(111,23,57,.2)}.table{--bs-table-bg:transparent}.table thead th{white-space:nowrap;color:#7d7479;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;background:#fcfafb;border-bottom-width:1px}.table td,.table th{padding:.95rem 1rem;vertical-align:middle}.badge{border-radius:999px;padding:.5em .75em}.timeline{position:relative;border-left:2px solid #e2d6dc;padding:0 0 1rem 1.2rem;margin-left:.35rem}.timeline:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand);left:-6px;top:5px}.naa-alert{border:0;border-radius:14px;box-shadow:0 10px 30px rgba(35,18,26,.07)}
.naa-footer{background:#25101a;color:#fff;padding:3.2rem 0 1.3rem;margin-top:2rem}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-brand strong{font-family:"Playfair Display",serif;font-size:1.35rem}.footer-brand p{margin:0;color:rgba(255,255,255,.55);font-size:.82rem}.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}.footer-links a{color:rgba(255,255,255,.68);font-size:.88rem}.footer-links a:hover{color:#fff}.footer-contact{color:rgba(255,255,255,.68)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.1rem;display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.42);font-size:.75rem}
@media(max-width:991.98px){.naa-navbar .navbar-collapse{padding-top:1rem}.hero-section{padding:4rem 2rem}.hero-visual{height:330px}.service-strip{grid-template-columns:repeat(2,1fr);margin:-18px 1rem 0}.service-strip>div:nth-child(2){border-right:0}.service-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading{align-items:start;flex-direction:column}.cta-section{padding:2rem;align-items:flex-start;flex-direction:column}}
@media(max-width:575.98px){.container{padding-left:1rem;padding-right:1rem}.hero-section{padding:3rem 1.25rem;border-radius:22px}.hero-section h1{font-size:2.55rem}.hero-visual{height:290px}.main-product{width:220px;height:250px}.product-emoji{font-size:5rem}.float-one{left:0}.float-two{right:0}.hero-trust{flex-direction:column;gap:.5rem}.service-strip{grid-template-columns:1fr;margin:-12px .5rem 0}.service-strip>div{border-right:0;border-bottom:1px solid var(--line)!important}.service-strip>div:last-child{border-bottom:0!important}.section-space,.how-section{padding:4rem 0 1rem}.cta-section{margin-top:3rem}.footer-bottom{flex-direction:column}.table-responsive{border-radius:16px}.auth-card .card-body{padding:2rem 1.25rem!important}}

/* ========================================================================== */
/* Page d'inscription NAA                                                    */
/* ========================================================================== */
.auth-register-page{padding:.5rem 0 1.5rem}.auth-shell{width:100%;max-width:1120px;min-height:680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);overflow:hidden;background:#fff;border:1px solid rgba(111,23,57,.1);border-radius:30px;box-shadow:0 28px 80px rgba(65,16,35,.13)}
.auth-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:680px;padding:2.4rem 2.7rem;color:#fff;background:linear-gradient(145deg,#451022 0%,#6f1739 52%,#962d59 100%)}.auth-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08));pointer-events:none}.auth-showcase>*{position:relative;z-index:2}.auth-showcase-shape{position:absolute!important;z-index:1!important;border-radius:50%;background:rgba(255,255,255,.06)}.auth-shape-one{width:350px;height:350px;right:-160px;top:-120px}.auth-shape-two{width:250px;height:250px;left:-120px;bottom:-90px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}
.auth-showcase-brand{display:inline-flex;align-items:center;gap:.8rem;width:max-content;color:#fff!important}.auth-showcase-brand>span:last-child{display:flex;flex-direction:column;line-height:1}.auth-showcase-brand strong{font-size:1.12rem}.auth-showcase-brand small{margin-top:.35rem;color:rgba(255,255,255,.6);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.auth-logo-icon{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ffc65d,#dc8b13);color:#fff;font-family:"Playfair Display",serif;font-size:1.65rem;font-weight:800;box-shadow:0 12px 25px rgba(26,5,13,.2)}
.auth-showcase-content{margin:auto 0;padding:3.6rem 0 2.5rem}.auth-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:.77rem;font-weight:700}.auth-showcase h2{max-width:470px;margin:1.3rem 0 1rem;font-family:"Playfair Display",serif;font-size:clamp(2.45rem,4vw,4rem);line-height:1.05;letter-spacing:-.035em}.auth-showcase h2 em{display:block;color:#ffd583;font-style:normal}.auth-showcase-content>p{max-width:500px;margin:0;color:rgba(255,255,255,.72);font-size:.96rem;line-height:1.75}.auth-benefits{display:grid;gap:.85rem;margin-top:2rem}.auth-benefit-item{display:flex;align-items:center;gap:.85rem;padding:.8rem .9rem;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.055)}.auth-benefit-item>span{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.12);color:#ffd583}.auth-benefit-item div{display:flex;flex-direction:column}.auth-benefit-item strong{font-size:.85rem}.auth-benefit-item small{margin-top:.15rem;color:rgba(255,255,255,.58);font-size:.72rem}.auth-showcase-footer{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.58);font-size:.72rem}.auth-showcase-footer i{color:#ffd583}
.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:2.6rem 3.5rem;background:linear-gradient(180deg,#fff 0%,#fffcfd 100%)}.auth-mobile-brand{display:none}.auth-card{width:100%;max-width:455px;margin:0 auto;background:transparent}.auth-card:before{display:none!important}.auth-card-header{margin-bottom:1.8rem}.auth-card-eyebrow{display:block;margin-bottom:.5rem;color:var(--brand);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.auth-card-header h1{margin:0 0 .65rem;font-family:"Playfair Display",serif;font-size:2.35rem;line-height:1.15;letter-spacing:-.025em;color:#2a1720}.auth-card-header p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.auth-card-body{padding:0!important}.auth-form{display:grid;gap:1rem}.auth-field{margin:0}.auth-field .form-label{margin-bottom:.42rem;color:#3a2630;font-size:.79rem;font-weight:700}.auth-input-group{position:relative}.auth-input-group .form-control{height:52px;padding:0 2.9rem 0 2.85rem;border:1px solid #e4d9de;border-radius:13px;background:#fff;color:#24181e;font-size:.88rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.auth-input-group .form-control::placeholder{color:#aaa0a5}.auth-input-group .form-control:focus{border-color:#a34a70;box-shadow:0 0 0 .22rem rgba(111,23,57,.09)}.auth-input-icon{position:absolute;z-index:2;left:.95rem;top:50%;transform:translateY(-50%);color:#9c7a89;font-size:1rem;pointer-events:none}.auth-input-group:focus-within .auth-input-icon{color:var(--brand)}.auth-password-toggle{position:absolute;z-index:3;right:.65rem;top:50%;width:36px;height:36px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8e7d85;transition:.2s}.auth-password-toggle:hover{background:var(--brand-soft);color:var(--brand)}.auth-password-hint{display:flex;align-items:center;gap:.35rem;margin-top:.42rem;color:#8b7d84;font-size:.7rem}.auth-submit-btn{height:53px;margin-top:.35rem;display:flex;align-items:center;justify-content:center;gap:.7rem;border-radius:13px!important;box-shadow:0 12px 26px rgba(111,23,57,.2);transition:transform .2s ease,box-shadow .2s ease!important}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(69,16,34,.24)}.auth-submit-btn i{transition:transform .2s ease}.auth-submit-btn:hover i{transform:translateX(4px)}.auth-divider{display:flex;align-items:center;gap:.8rem;margin:1.55rem 0 1rem;color:#9a8d93;font-size:.72rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#eee6e9}.auth-divider span{white-space:nowrap}.auth-login-link{height:48px;display:flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid #dfd1d7;border-radius:12px;background:#fff;color:var(--brand);font-size:.83rem;font-weight:800;transition:.2s}.auth-login-link:hover{border-color:#cba8b7;background:var(--brand-soft);color:var(--brand-dark)}.auth-back-home{margin:1.25rem 0 0;text-align:center}.auth-back-home a{display:inline-flex;align-items:center;gap:.4rem;color:#7f7077;font-size:.78rem;font-weight:600}.auth-back-home a:hover{color:var(--brand)}
@media(max-width:991.98px){.auth-shell{max-width:650px;grid-template-columns:1fr;min-height:auto}.auth-showcase{display:none}.auth-form-panel{padding:2.5rem 3rem}.auth-mobile-brand{display:flex;justify-content:center;margin-bottom:2rem}.auth-logo{display:inline-flex;align-items:center;gap:.65rem;color:var(--brand)!important}.auth-logo-text{font-family:"Playfair Display",serif;font-size:1.35rem;font-weight:800}.auth-card-header{text-align:center}.auth-card-eyebrow{text-align:center}}
@media(max-width:575.98px){.auth-register-page{padding:0}.auth-shell{border:0;border-radius:20px;box-shadow:0 14px 45px rgba(65,16,35,.09)}.auth-form-panel{padding:2rem 1.25rem 1.5rem}.auth-mobile-brand{margin-bottom:1.5rem}.auth-card-header{margin-bottom:1.45rem}.auth-card-header h1{font-size:2rem}.auth-card-header p{font-size:.82rem}.auth-form{gap:.85rem}.auth-input-group .form-control{height:50px;font-size:.84rem}.auth-submit-btn{height:51px}.auth-back-home{margin-top:1rem}}
/* ===========================
   Logo entreprise
=========================== */

.naa-logo{
    width:58px;
    height:58px;
    object-fit:cover;
    border-radius:16px;
    background:#fff;
    padding:5px;
    box-shadow:0 8px 18px rgba(0,0,0,.15);
    transition:.3s;
}

.naa-logo:hover{
    transform:scale(1.08);
}

.naa-brand{
    display:flex;
    align-items:center;
    gap:14px;
}

.naa-brand-content strong{
    display:block;
    font-size:22px;
    font-weight:800;
    color:#fff;
}

.naa-brand-content small{
    color:rgba(255,255,255,.75);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* =========================================================
   PALETTE MILK HOUSE — BLEU, DORÉ ET BORDEAUX ÉQUILIBRÉS
   Ce bloc surcharge proprement l’ancienne palette.
========================================================= */

:root{
    --brand:#5b1830;
    --brand-dark:#3c0f20;
    --brand-soft:#f8edf2;

    --accent:#d7a63d;
    --accent-dark:#b8841f;

    --accent-blue:#2d79c7;
    --accent-blue-dark:#1f5fa5;
    --accent-blue-soft:#eaf4ff;

    --ink:#17212b;
    --muted:#68717d;
    --line:#e5e9ee;
    --surface:#ffffff;
    --bg:#f8fafc;
    --success:#198754;

    --shadow:0 18px 50px rgba(35,56,79,.09);
    --radius:22px;
}

/* Navbar */

.naa-navbar{
    background:
        linear-gradient(
            90deg,
            #471223 0%,
            #5b1830 50%,
            #2d79c7 100%
        );
    backdrop-filter:blur(16px);
    border-bottom:2px solid rgba(215,166,61,.38);
    box-shadow:0 10px 30px rgba(32,27,43,.14);
}

.naa-navbar .nav-link{
    color:rgba(255,255,255,.78);
}

.naa-navbar .nav-link:hover,
.naa-navbar .nav-link.active{
    color:#fff;
    background:rgba(255,255,255,.12);
}

/* Logo */

.naa-brand{
    display:flex;
    align-items:center;
    gap:15px;
    color:#fff!important;
    text-decoration:none!important;
    transition:transform .25s ease;
}

.naa-brand:hover{
    transform:translateY(-1px);
}

.naa-logo{
    width:62px;
    height:62px;
    object-fit:cover;
    border-radius:50%;
    background:#fff;
    padding:3px;
    border:3px solid rgba(215,166,61,.72);
    box-shadow:
        0 10px 28px rgba(0,0,0,.24),
        0 0 0 4px rgba(45,121,199,.12);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.naa-brand:hover .naa-logo{
    transform:scale(1.06) rotate(-4deg);
    border-color:#fff;
    box-shadow:
        0 14px 34px rgba(0,0,0,.30),
        0 0 24px rgba(45,121,199,.34);
}

.naa-brand-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.naa-brand-content strong{
    display:block;
    color:#fff;
    font-size:22px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.3px;
}

.naa-brand-content small{
    display:block;
    margin-top:5px;
    color:#f2ca72;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

/* Hero */

.hero-section{
    background:
        linear-gradient(
            135deg,
            #4b1327 0%,
            #68203d 48%,
            #2d79c7 100%
        );
    box-shadow:0 28px 70px rgba(44,67,96,.22);
}

.hero-section h1 em,
.hero-trust i{
    color:#ffd77f;
}

.btn-hero-primary{
    background:#fff;
    color:var(--accent-blue-dark);
    border-color:#fff;
}

.btn-hero-primary:hover{
    background:var(--accent);
    border-color:var(--accent);
    color:#31200c;
}

/* Icônes */

.floating-card i,
.service-icon,
.step-icon{
    background:var(--accent-blue-soft);
    color:var(--accent-blue);
}

/* Sections et liens */

.section-kicker,
.catalog-link,
.auth-card-eyebrow,
.auth-logo,
.auth-back-home a:hover{
    color:var(--accent-blue);
}

.catalog-link:hover{
    color:var(--accent-blue-dark);
}

/* Produits */

.product-top{
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #edf6ff
        );
}

.product-card-pro:hover{
    border-color:#bed9f2;
}

.availability{
    background:#edf8ff;
    border:1px solid #d4eaff;
    color:var(--accent-blue);
}

.product-footer strong{
    color:var(--accent-blue);
}

.product-footer>a{
    background:
        linear-gradient(
            135deg,
            var(--accent-blue),
            var(--accent-blue-dark)
        );
    color:#fff;
    box-shadow:0 9px 20px rgba(45,121,199,.22);
}

.product-footer>a:hover{
    background:
        linear-gradient(
            135deg,
            var(--accent),
            var(--accent-dark)
        );
    color:#31200c;
}

/* Boutons */

.btn-brand{
    background:
        linear-gradient(
            135deg,
            var(--accent-blue),
            var(--accent-blue-dark)
        )!important;
    color:#fff!important;
    border-color:var(--accent-blue)!important;
    box-shadow:0 10px 24px rgba(45,121,199,.20);
}

.btn-brand:hover{
    background:
        linear-gradient(
            135deg,
            var(--accent-blue-dark),
            #164b83
        )!important;
    border-color:var(--accent-blue-dark)!important;
}

.btn-nav-primary{
    background:var(--accent);
    color:#32200a;
    border-color:var(--accent);
}

.btn-nav-primary:hover{
    background:#fff;
    color:var(--accent-blue-dark);
    border-color:#fff;
}

.btn-nav-outline:hover{
    background:#fff;
    color:var(--accent-blue-dark);
    border-color:#fff;
}

/* CTA */

.cta-section{
    background:
        linear-gradient(
            120deg,
            #3c0f20 0%,
            #5b1830 52%,
            #2d79c7 100%
        );
    box-shadow:0 22px 55px rgba(45,81,120,.18);
}

/* Formulaires */

.form-control:focus,
.form-select:focus,
.auth-input-group .form-control:focus{
    border-color:var(--accent-blue);
    box-shadow:0 0 0 .2rem rgba(45,121,199,.10);
}

.auth-input-group:focus-within .auth-input-icon{
    color:var(--accent-blue);
}

/* Inscription */

.auth-showcase{
    background:
        linear-gradient(
            145deg,
            #3c0f20 0%,
            #5b1830 50%,
            #2d79c7 100%
        );
}

/* Timeline et alertes */

.timeline:before{
    background:var(--accent-blue);
}

.naa-alert{
    border-left:4px solid var(--accent-blue);
}

/* Footer */

.naa-footer{
    background:
        linear-gradient(
            135deg,
            #24101a,
            #3d1627
        );
    border-top:3px solid var(--accent);
}

/* Responsive */

@media(max-width:991.98px){
    .naa-logo{
        width:54px;
        height:54px;
    }

    .naa-brand-content strong{
        font-size:19px;
    }

    .naa-brand-content small{
        font-size:9px;
    }
}

@media(max-width:575.98px){
    .naa-navbar{
        background:
            linear-gradient(
                135deg,
                #471223 0%,
                #5b1830 60%,
                #2d79c7 100%
            );
    }
    /*=========================================
        FOOTER MILK HOUSE
=========================================*/

.naa-footer{

    background:
    linear-gradient(
        135deg,
        #24101a,
        #4b1327,
        #2d79c7);

    color:#fff;

    margin-top:70px;

    padding:70px 0 25px;

    border-top:4px solid #d7a63d;

}

.footer-brand{

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    color:#fff;

}

.footer-logo{

    width:80px;

    height:80px;

    object-fit:cover;

    border-radius:50%;

    background:#fff;

    padding:4px;

    border:3px solid #d7a63d;

    box-shadow:0 12px 30px rgba(0,0,0,.30);

}

.footer-brand h4{

    margin:0;

    font-size:26px;

    font-weight:800;

}

.footer-brand p{

    margin-top:8px;

    color:rgba(255,255,255,.75);

}

.naa-footer h5{

    margin-bottom:18px;

    color:#f2ca72;

    font-size:18px;

    font-weight:700;

}

.naa-footer ul{

    list-style:none;

    margin:0;

    padding:0;

}

.naa-footer li{

    margin-bottom:12px;

}

.naa-footer a{

    color:rgba(255,255,255,.80);

    text-decoration:none;

    transition:.30s;

}

.naa-footer a:hover{

    color:#f2ca72;

    padding-left:6px;

}

.footer-contact i{

    width:26px;

    color:#2ea0ff;

}

.footer-social{

    display:flex;

    gap:12px;

    margin-top:25px;

}

.footer-social a{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.10);

    color:#fff;

    font-size:20px;

    transition:.35s;

}

.footer-social a:hover{

    background:#2d79c7;

    transform:translateY(-5px);

}

.naa-footer hr{

    margin:45px 0 25px;

    border-color:rgba(255,255,255,.12);

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    color:rgba(255,255,255,.70);

    font-size:14px;

}

.footer-bottom strong{

    color:#fff;

}

@media(max-width:768px){

    .footer-bottom{

        flex-direction:column;

        text-align:center;

    }

}
}