/* Correctifs transversaux : panier, configurateur NanoFlex et carrousel. */
.hero.homeHero{background-image:url('/assets/hero-nanoflex-premium.jpeg')}
.cartDrawer:not([open]){display:none}
.cartDrawer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:fixed;inset:0 0 0 auto;width:min(440px,100%);height:100dvh;margin:0;border:0;border-radius:0;padding:0;transform:none;overflow:hidden;background:#111b27;color:#fff;box-shadow:-24px 0 70px rgba(0,0,0,.42);z-index:1200}
.cartDrawer::backdrop{background:rgba(6,12,34,.62);backdrop-filter:blur(4px)}
.cartDrawer .cartHeader{padding:20px 22px}
.cartDrawer .cartFooter{padding:20px 22px;background:#0b141f}
.cartDrawer .cartItems{overflow:auto;padding:12px 22px}
.cartDrawer .cartSendActions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.cartDrawer .cartSendActions .btn{justify-content:center;text-align:center}
.cartDrawer .cartStorageNote{margin:10px 0 0;color:#f4c542;font-size:.82rem;line-height:1.45}
.cartDrawer [aria-disabled="true"]{opacity:.48;cursor:not-allowed;pointer-events:none}
.cartDrawer .cartEmpty{padding:36px 0;color:#596176;text-align:center}

#nano-form{display:grid;gap:18px}
#nano-form fieldset{min-width:0;margin:0;padding:0;border:0}
#nano-form legend{margin-bottom:10px;color:#fff;font-weight:800}
#nano-form .nanoChip{position:relative;display:inline-flex;align-items:center;min-height:42px;margin:0;padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
#nano-form .nanoChip:hover{transform:translateY(-1px);border-color:rgba(244,197,66,.75)}
#nano-form .nanoChip:has(input:checked){border-color:#f4c542;background:#f4c542;color:#111923;box-shadow:0 0 0 1px rgba(244,197,66,.22)}
#nano-form .nanoChip input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#nano-form .nanoChip:focus-within{outline:3px solid rgba(244,197,66,.35);outline-offset:2px}
#nano-form .nanoCustomField{display:grid;gap:7px}
#nano-form .nanoCustomField[hidden],#nano-form .nanoFoldChoice[hidden]{display:none}
#nano-form .nanoFoldChoice{display:flex;align-items:flex-start;gap:10px;margin:2px 0 0}
#nano-form .nanoFoldChoice input{width:auto;margin-top:5px;accent-color:#f4c542}
#nano-form .nanoFormNote{margin:0;color:#aeb9c4;font-size:.82rem;line-height:1.45}
#nano-form .nanoSendActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#nano-form .nanoSendActions .btn{justify-content:center;text-align:center}
#nano-form .nanoSendActions [aria-disabled="true"]{opacity:.48;pointer-events:none}
#nano-form #nano-error{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:rgba(255,102,102,.13);color:#ffd0d0;font-size:.84rem}

.homeHero .heroPause{position:absolute;right:24px;bottom:22px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(8,17,47,.72);color:#fff;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}
.homeHero .dots button{min-width:44px;min-height:44px;border:0;background:transparent;cursor:pointer;position:relative}
.homeHero .dots button::after{content:"";position:absolute;inset:18px 8px;border-radius:99px;background:rgba(255,255,255,.45);transition:background .2s,transform .2s}
.homeHero .dots button.active::after{background:#ffb730;transform:scaleX(1.35)}
.homeHero .dots button:focus-visible,.homeHero .heroPause:focus-visible{outline:3px solid #ffb730;outline-offset:3px}

@media(max-width:640px){
  .cartDrawer .cartSendActions,#nano-form .nanoSendActions{grid-template-columns:1fr}
  .homeHero .heroPause{right:14px;top:14px;bottom:auto;width:44px;min-width:44px;padding:0;font-size:0;background:rgba(8,17,47,.5)}
  .homeHero .heroPause::before{content:'Ⅱ';font-size:1rem;line-height:1}
  .homeHero .heroPause[aria-pressed='true']::before{content:'▶';font-size:.9rem}
}
@media(prefers-reduced-motion:reduce){
  #nano-form .nanoChip,.homeHero .dots button::after{transition:none}
}
