/* Refined homepage navigation, matching the ivory, petrol and champagne palette. */
html body .header .more-panel{background:#fffdf9;border:1px solid #dfd1b7;border-top:2px solid #bd995c;border-radius:8px;box-shadow:0 18px 48px rgba(17,47,54,.15);padding:24px;gap:24px;max-height:calc(100dvh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c8b58f #f7f3eb}
html body .header .more-panel>div{border-color:#e8dfcf;padding:0 12px}
html body .header .more-panel strong{color:#8a672f;font-size:11px;letter-spacing:.12em;line-height:1.5;border-color:#e8dfcf;padding-bottom:12px;margin-bottom:10px}
html body .header .more-panel a{color:#193c45;padding:10px 12px;border:0;border-radius:5px;min-height:40px;font-size:14px;line-height:1.4;text-decoration:none;transition:background-color .15s,color .15s}
html body .header .more-panel a:hover,html body .header .more-panel a:focus-visible{background:#f1eadd;color:#122e35;text-decoration:none;box-shadow:none;transform:none}
html body .header .more-panel a:focus-visible{outline:2px solid #af8a4b;outline-offset:1px}
html body .header .more-panel a::after{display:none}
@media(max-width:760px){html body .header .more-panel{padding:14px;gap:18px;max-height:none;box-shadow:none}html body .header .more-panel>div{padding:0 4px}}

/* Variante 2: Petrol Signature. SIM renewal retains its existing button styling. */
html body .header .more-panel{background:linear-gradient(125deg,#244c4b,#102e38);border-color:#b59a64;scrollbar-color:#b59a64 #163940;box-shadow:0 18px 48px rgba(6,27,38,.24)}
html body .header .more-panel>div{border-color:rgba(255,255,255,.12)}
html body .header .more-panel strong{color:#dfc795;border-color:rgba(255,255,255,.12)}
html body .header .more-panel a:not(.sim-renew-link){color:#e6eeee}
html body .header .more-panel a:not(.sim-renew-link):hover,html body .header .more-panel a:not(.sim-renew-link):focus-visible{background:rgba(255,255,255,.07);color:#fff}

/* Light, understated menu. The SIM renewal button retains all existing rules. */
html body .header .more-panel{background:#fffdf9;border:1px solid #e4dccd;border-top:2px solid #cdbb95;border-radius:6px;box-shadow:0 16px 38px rgba(32,47,49,.11);scrollbar-color:#c8bda8 #f8f6f1;gap:26px;padding:28px}
html body .header .more-panel>div{border-color:#e9e2d7}
html body .header .more-panel strong{color:#8b734c;border-color:#e9e2d7;letter-spacing:.1em;font-weight:600}
html body .header .more-panel a:not(.sim-renew-link){color:#29454c;font-weight:400;border-radius:4px}
html body .header .more-panel a:not(.sim-renew-link):hover,html body .header .more-panel a:not(.sim-renew-link):focus-visible{background:#f2eee6;color:#173b43}
@media(max-width:760px){html body .header .more-panel{padding:16px;gap:20px;box-shadow:none}}

/* Alternative: quiet editorial groups, without divider grid. */
html body .header .more-panel{background:#f4f2ed;border:1px solid #e4e0d7;border-top:0;border-radius:4px;box-shadow:0 20px 45px rgba(32,47,49,.12);padding:32px;gap:30px 34px}
html body .header .more-panel>div{border:0;padding:0 8px}
html body .header .more-panel strong{display:block;color:#21434a;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;border:0;margin:0 0 10px;padding:0 10px 10px}
html body .header .more-panel strong::before{content:'';display:block;width:24px;height:2px;background:#bba477;margin-bottom:12px}
html body .header .more-panel a:not(.sim-renew-link){color:#526167;padding:9px 10px;font-size:14px;min-height:36px;border-radius:3px}
html body .header .more-panel a:not(.sim-renew-link):hover,html body .header .more-panel a:not(.sim-renew-link):focus-visible{background:#fffdf9;color:#173b43}
@media(max-width:760px){html body .header .more-panel{padding:18px;gap:24px;box-shadow:none}}

/* Luxury editorial navigation: typography and space, restrained metallic detail. */
html body .header .more-panel{background:#fffdf8;border:1px solid #d8c9ad;border-top:3px solid #c9af7c;border-radius:3px;box-shadow:0 24px 64px rgba(24,42,45,.16);padding:36px 38px;gap:32px 40px}
html body .header .more-panel>div{padding:0 4px;border:0}
html body .header .more-panel strong{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.015em;text-transform:none;color:#233e42;padding:0 10px 15px;margin:0 0 8px;border-bottom:1px solid #e6ddcc}
html body .header .more-panel strong::before{display:none}
html body .header .more-panel a:not(.sim-renew-link){font-size:14px;line-height:1.5;font-weight:400;color:#586467;padding:9px 10px;min-height:36px;border-radius:2px;transition:background-color .18s,color .18s}
html body .header .more-panel a:not(.sim-renew-link):hover,html body .header .more-panel a:not(.sim-renew-link):focus-visible{color:#775b2e;background:#f5efe3}
@media(max-width:760px){html body .header .more-panel{padding:22px 18px;gap:28px;box-shadow:none}html body .header .more-panel strong{font-size:21px}}
html body .header .more-panel strong{font-family:Georgia,"Times New Roman",serif !important;min-height:68px;box-sizing:border-box}@media(max-width:760px){html body .header .more-panel strong{min-height:0}}
html body .header .more-panel{background:#ffffff;}
html body .header .more-panel{border-radius:0}html body .header .more-panel strong{font-family:inherit !important;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#a17f42;min-height:0;padding-bottom:12px;margin-bottom:10px}html body .header .more-panel a:not(.sim-renew-link){border-radius:0}
html body .header .more-panel{background:linear-gradient(125deg,#ffffff 0%,#fdfcf9 52%,#f3eee4 100%);}
/* v707: Keep the header CTA stable when its gradient changes on hover. */
html body .header .navlinks > a.button.dark,
html body .header .navlinks > a.button.dark:hover,
html body .header .navlinks > a.button.dark:focus-visible,
html body .header .navlinks > a.button.dark:active{
 transition:none!important;animation:none!important;transform:none!important;
 translate:none!important;scale:none!important;filter:none!important;
 box-shadow:0 2px 8px #59411c0a!important;
}
html body .header .navlinks > a.button.dark:hover{
 background:#c5a263!important;color:#172d32!important;border-color:#a57d37!important;
}
