/* Navigation compacte, menu et retour en haut. En-tête principal : crabi-shell.css. */
:root{--crabi-nav-ink:#162b63;--crabi-nav-coral:#ff7d69;--crabi-nav-beige:#fff1ea;--crabi-nav-gold:#f2b321;--crabi-nav-height:78px}html.crabi-nav-ready{scroll-padding-top:calc(var(--crabi-nav-height) + 16px)}.crabi-sticky-bar .crabi-cart-svg{display:block;width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.crabi-sticky-bar{position:fixed;z-index:9000;top:0;left:0;right:0;background:rgba(253,243,237,.98);color:var(--crabi-nav-ink);border-bottom:1px solid #edddd5;box-shadow:0 7px 24px rgba(30,27,58,.09);transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s ease,opacity .24s ease,visibility .24s;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}.crabi-sticky-bar.is-visible{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.crabi-sticky-inner{max-width:1280px;margin:auto;min-height:78px;padding:0 30px;display:flex;align-items:center;gap:28px}.crabi-nav-brand{display:inline-flex;align-items:center;color:var(--crabi-nav-ink);text-decoration:none;flex-shrink:0;min-width:0}.crabi-nav-brand img{display:block;width:74px;height:65px;object-fit:contain;animation:none!important;max-width:none!important}.crabi-sticky-links{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;background:transparent!important;padding:0!important;margin:0!important;flex-wrap:nowrap!important}.crabi-sticky-links a{display:inline-flex;align-items:center;justify-content:center;color:var(--crabi-nav-ink)!important;text-decoration:none;font:600 13px/1.45 "Poppins",sans-serif;white-space:nowrap;padding:11px 12px;border-radius:999px;transition:background .2s,color .2s}.crabi-sticky-links a:hover{background:#f3e1d8;color:#d05846!important}.crabi-sticky-links a[aria-current="page"]{background:#f4ddd4;color:#cb4f3f!important}.crabi-sticky-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;margin-left:auto}.crabi-sticky-cart,.crabi-menu-trigger{border-radius:13px}.crabi-sticky-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:48px;min-height:46px;padding:0 15px;background:var(--crabi-nav-ink);color:#fff!important;text-decoration:none;font:600 13px/1 "Poppins",sans-serif;transition:background .2s,transform .2s}.crabi-sticky-cart:hover{background:#24407f;transform:translateY(-1px)}.crabi-sticky-cart .cart-count{position:absolute;top:-6px;right:-7px;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;padding:0 5px;background:var(--crabi-nav-coral);color:#fff;border-radius:999px;font:700 10px/1 "Poppins",sans-serif;box-sizing:border-box}.crabi-menu-trigger{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #e9d4ca;background:#fff8f4;color:var(--crabi-nav-ink);font:600 13px/1.4 "Poppins",sans-serif;cursor:pointer;padding:9px 12px}.crabi-menu-trigger svg,.crabi-drawer-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.crabi-menu-trigger:hover{background:#f5e2d9}.crabi-sticky-bar a:focus-visible,.crabi-menu-trigger:focus-visible,.crabi-menu-dialog a:focus-visible,.crabi-menu-dialog button:focus-visible{outline:3px solid #b85c38;outline-offset:3px}.crabi-menu-dialog{position:fixed;inset:0 0 0 auto;margin:0 0 0 auto;width:min(420px,100%);height:100dvh;max-height:100dvh;max-width:100%;box-sizing:border-box;padding:0;border:0;background:var(--crabi-nav-beige);color:var(--crabi-nav-ink);box-shadow:-16px 0 48px rgba(30,27,58,.15);overflow-y:auto;overscroll-behavior:contain;font-family:"Poppins",sans-serif}.crabi-menu-dialog::backdrop{background:rgba(30,27,58,.48);backdrop-filter:blur(3px)}.crabi-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px 15px;border-bottom:1px solid #edddd5}.crabi-drawer-head .crabi-nav-brand img{width:67px;height:59px}.crabi-drawer-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #e9d4ca;border-radius:12px;background:#fff;color:var(--crabi-nav-ink);cursor:pointer}.crabi-drawer-label{margin:25px 24px 12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#8a6c61}.crabi-drawer-nav{display:grid!important;gap:8px!important;background:transparent!important;padding:0 18px!important;margin:0!important;justify-content:stretch!important;flex-wrap:nowrap!important}.crabi-drawer-nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;box-sizing:border-box;padding:13px 17px;border:1px solid #edddd5;border-radius:13px;background:#fff;color:var(--crabi-nav-ink)!important;text-decoration:none;font:600 15px/1.45 "Poppins",sans-serif}.crabi-drawer-nav a:hover,.crabi-drawer-nav a[aria-current="page"]{background:#f5dfd5;border-color:#e9c7b8;color:#cb4f3f!important}.crabi-drawer-nav .crabi-drawer-chevron{font-size:21px;font-weight:300;line-height:1;color:#a16c5e}.crabi-drawer-footer{padding:25px 24px 30px;color:#766973;font-size:12px;line-height:1.7}.crabi-drawer-footer a{color:var(--crabi-nav-ink);font-weight:600}.crabi-sticky-cart .cart-count.bump{transform:scale(1.25)}@media(max-width:1120px) and (min-width:801px){.crabi-sticky-inner{gap:12px;padding:0 18px}.crabi-nav-brand img{width:54px;height:48px}.crabi-sticky-links a{padding:10px 9px;font-size:12px}.crabi-sticky-cart span.crabi-cart-word{display:none}.crabi-sticky-cart{padding:0 12px}}@media(max-width:800px){.crabi-sticky-inner{min-height:68px;padding:0 16px;gap:10px}.crabi-sticky-bar .crabi-nav-brand{flex:1}.crabi-sticky-bar .crabi-nav-brand img{width:60px;height:53px}.crabi-sticky-links{display:none!important}.crabi-sticky-actions{gap:10px}.crabi-sticky-cart{width:46px;min-width:46px;height:46px;min-height:46px;padding:0}.crabi-sticky-cart .crabi-cart-word{display:none}.crabi-sticky-bar .crabi-menu-trigger{display:inline-flex;min-width:44px;padding:9px 11px}}@media(max-width:360px){.crabi-nav-brand img{width:54px;height:48px}.crabi-sticky-inner{padding-left:11px;padding-right:11px;gap:7px}.crabi-menu-trigger .crabi-menu-word{display:none}}@media(prefers-reduced-motion:reduce){.crabi-sticky-bar,.crabi-sticky-bar a,.crabi-menu-trigger{transition:none!important;animation:none!important}.crabi-sticky-cart:hover{transform:none}}.crabi-back-to-top{
 position:fixed;z-index:1500;right:24px;bottom:24px;
 right:calc(24px + env(safe-area-inset-right,0px));
 bottom:calc(24px + env(safe-area-inset-bottom,0px));
 display:flex;align-items:center;justify-content:center;
 width:52px;height:52px;min-width:52px;min-height:52px;
 padding:0;margin:0;box-sizing:border-box;
 border:1px solid #dcbaa9;border-radius:50%;
 background:#162b63;color:#fff;
 box-shadow:0 5px 18px rgba(30,27,58,.19);
 cursor:pointer;font:inherit;line-height:1;
 opacity:0;visibility:hidden;transform:translateY(10px);
 pointer-events:none;
 transition:opacity .22s ease,transform .22s ease,visibility .22s,background .2s ease,box-shadow .2s ease;
 -webkit-tap-highlight-color:transparent;
}.crabi-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.crabi-back-to-top:hover{background:#24407f;box-shadow:0 7px 22px rgba(30,27,58,.25);transform:translateY(-3px)}.crabi-back-to-top:active{transform:translateY(0)}.crabi-back-to-top:focus-visible{outline:3px solid #b85c38;outline-offset:4px}.crabi-back-to-top svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}@media(max-width:800px){.crabi-back-to-top{width:48px;height:48px;min-width:48px;min-height:48px;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}.crabi-back-to-top svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.crabi-back-to-top,.crabi-back-to-top:hover{transition:none!important;animation:none!important;transform:none!important}}

/* 2026-09 — refresh couleurs plus vibrantes */
:root{--crabi-nav-ink:#162b63;--crabi-nav-coral:#ff7d69;--crabi-nav-beige:#fff1ea;--crabi-nav-gold:#f2b321}
.crabi-sticky-bar{background:rgba(255,250,246,.98);border-bottom:1px solid #f0d6cd;box-shadow:0 10px 26px rgba(22,43,99,.09)}
.crabi-sticky-links a:hover{background:#ffe6dc;color:#e76655!important}
.crabi-sticky-links a[aria-current="page"]{background:#ffe6dc;color:#e76655!important}
.crabi-sticky-cart{background:#162b63}
.crabi-sticky-cart:hover{background:#24407f}
.crabi-menu-trigger{border-color:#f0d6cd;background:#fffaf6}
.crabi-menu-trigger:hover{background:#ffe6dc}
.crabi-drawer-nav a:hover,.crabi-drawer-nav a[aria-current="page"]{background:#ffe6dc;border-color:#f3d2c7;color:#e76655!important}
.crabi-back-to-top{border-color:#ffb1a2;background:#162b63;box-shadow:0 8px 22px rgba(22,43,99,.22)}
.crabi-back-to-top:hover{background:#24407f}


/* 2026-09 — style2 ultra vibrant crabs */
:root{--crabi-nav-ink:#102b7b;--crabi-nav-coral:#ff6757;--crabi-nav-beige:#fff2ea;--crabi-nav-gold:#ffc53a;--crabi-nav-aqua:#53c7be}
.crabi-sticky-bar{background:linear-gradient(180deg,rgba(255,249,244,.99) 0%,rgba(255,244,238,.975) 100%);border-bottom:1px solid rgba(255,189,173,.7);box-shadow:0 14px 32px rgba(16,43,123,.08)}
.crabi-sticky-links a{transition:background .22s,color .22s,transform .22s}
.crabi-sticky-links a:hover{background:#ffe6df;color:#f05c4f!important;transform:translateY(-1px)}
.crabi-sticky-links a[aria-current="page"]{background:#ffe6df;color:#f05c4f!important;box-shadow:inset 0 0 0 1px rgba(255,103,87,.25)}
.crabi-sticky-cart{background:linear-gradient(135deg,#102b7b 0%,#1e49a4 100%);box-shadow:0 10px 24px rgba(16,43,123,.18)}
.crabi-sticky-cart:hover{background:linear-gradient(135deg,#15368b 0%,#2a57b8 100%)}
.crabi-menu-trigger{border-color:#ffd8cd;background:#fff9f4}
.crabi-menu-trigger:hover{background:#ffe6df}
.crabi-drawer-nav a:hover,.crabi-drawer-nav a[aria-current="page"]{background:#ffe6df;border-color:#ffd0c4;color:#f05c4f!important}
.crabi-back-to-top{border-color:#ffb9ab;background:linear-gradient(135deg,#102b7b 0%,#234a9b 100%);box-shadow:0 12px 26px rgba(16,43,123,.24)}
.crabi-back-to-top:hover{background:linear-gradient(135deg,#15368b 0%,#2a57b8 100%)}


/* 2026-09 — final refinement pack */
@media(min-width:801px){.crabi-sticky-bar{background:rgba(255,253,250,.97)!important;border-bottom:1px solid #eee0d8!important;box-shadow:0 8px 22px rgba(29,25,51,.06)!important}.crabi-sticky-inner{max-width:1240px!important;padding:0 28px!important;gap:18px!important}.crabi-sticky-links{gap:14px!important}.crabi-sticky-links a{background:none!important;border-radius:0!important;padding:10px 0!important;font:600 13px/1.45 "Playfair Display",Georgia,serif!important}.crabi-sticky-links a:hover,.crabi-sticky-links a[aria-current="page"]{background:none!important;color:#d87762!important;transform:none!important;box-shadow:none!important}.crabi-sticky-links a[aria-current="page"]{text-decoration:underline;text-decoration-color:#d87762;text-underline-offset:8px;text-decoration-thickness:2px}.crabi-sticky-cart{min-height:42px!important;min-width:44px!important;border-radius:12px!important;box-shadow:none!important}}


/* Crabi — menu agrandi et palette bleu/orange, 09.09.2026 */
:root {
  --crabi-nav-ink: #173C91;
  --crabi-nav-coral: #E75D32;
}
@media (min-width: 801px) {
  .crabi-sticky-links {
    gap: 20px !important;
  }
  .crabi-sticky-links a {
    color: #173C91 !important;
    font: 600 17px/1.45 "Playfair Display", Georgia, serif !important;
    background: none !important;
  }
  .crabi-sticky-links a:hover,
  .crabi-sticky-links a[aria-current="page"] {
    color: #E75D32 !important;
    background: none !important;
  }
  .crabi-sticky-links a[aria-current="page"] {
    text-decoration-color: #E75D32 !important;
  }
  .crabi-sticky-cart {
    background: #173C91 !important;
    color: #fff !important;
  }
  .crabi-sticky-cart:hover {
    background: #214DA7 !important;
  }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .crabi-sticky-links {
    gap: 12px !important;
  }
  .crabi-sticky-links a {
    font-size: 15.5px !important;
  }
}
.crabi-sticky-cart .cart-count {
  background: #E75D32 !important;
}
.crabi-drawer-nav a:hover,
.crabi-drawer-nav a[aria-current="page"] {
  color: #E75D32 !important;
}
.crabi-back-to-top {
  background: #18223A !important;
  border-color: #A69EAC !important;
  box-shadow: 0 6px 20px rgba(13,19,39,.18) !important;
}
.crabi-back-to-top:hover {
  background: #24304D !important;
}