.nd-btn{--btn-py: 14px;--btn-px: 30px;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:var(--btn-py) var(--btn-px);border-radius:var(--r-btn);font-family:var(--font-title);font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.1;cursor:pointer;border:2px solid transparent;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.nd-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.nd-btn[disabled],.nd-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.nd-btn--primary{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg);box-shadow:var(--shadow-btn)}.nd-btn--primary:hover{background:var(--btn-bg-hover);border-color:var(--btn-bg-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.nd-btn--secondary{background:transparent;color:var(--btn-alt-text);border-color:var(--btn-alt-border)}.nd-btn--secondary:hover{background:var(--btn-alt-border);color:var(--bg);box-shadow:var(--shadow-btn);transform:translateY(-2px)}.nd-btn--accent{background:var(--nd-brown-link);color:var(--nd-sand);border-color:var(--nd-brown-link);box-shadow:0 1px 2px #6b573f29,0 6px 16px -8px #6b573f80}.nd-btn--accent:hover{background:#6a543d;border-color:#6a543d;box-shadow:0 2px 5px #6b573f33,0 16px 30px -12px #6b573f8c;transform:translateY(-2px)}.nd-btn:active{transform:translateY(0);box-shadow:var(--shadow-btn)}@media(prefers-reduced-motion:reduce){.nd-btn,.nd-btn:hover,.nd-btn:active{transform:none}}.nd-btn--link{min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--link);text-transform:none;letter-spacing:0;font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-body);text-decoration:underline;text-underline-offset:4px}.nd-btn--link:hover{color:var(--title-1)}.nd-btn--full{width:100%}.nd-btn--lg{--btn-py: 18px;--btn-px: 40px;min-height:58px;font-size:var(--fs-body)}.nd-btn--sm{--btn-py: 10px;--btn-px: 18px;min-height:40px;font-size:var(--fs-micro)}.nd-btn svg{width:18px;height:18px;flex:none}.nd-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 14px;border-radius:var(--r-pill);background:var(--nd-brown);color:var(--nd-sand);font-family:var(--font-title);font-size:var(--fs-micro);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.nd-badge--lagoon{background:var(--nd-lagoon);color:var(--nd-ocean)}.nd-badge--ocean{background:var(--nd-ocean);color:var(--nd-sand)}.nd-badge--sand{background:var(--nd-sand);color:var(--nd-ocean)}.nd-badge--outline{background:transparent;border:1px solid var(--border);color:var(--text)}.nd-round-badge{display:grid;place-content:center;text-align:center;width:clamp(76px,12vw,104px);aspect-ratio:1;border-radius:50%;background:var(--nd-brown);color:var(--nd-sand);font-family:var(--font-title);line-height:1.05;padding:var(--sp-2)}.nd-round-badge b{display:block;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:var(--fw-bold)}.nd-round-badge span{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.nd-macaron{position:relative;width:var(--macaron-size, 130px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--nd-white);box-shadow:var(--shadow-card);flex:none}.nd-macaron__ring{position:absolute;top:0;right:0;bottom:0;left:0;animation:nd-spin 22s linear infinite}.nd-macaron__ring text{font-family:var(--font-title);font-size:7px;font-weight:var(--fw-bold);text-transform:uppercase;fill:var(--nd-ocean)}.nd-macaron__picto{width:36%;height:auto}@keyframes nd-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nd-macaron__ring{animation:none}}.nd-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--bg-alt);color:var(--text);height:100%}.nd-card--outline{background:transparent;border:1px solid var(--border)}.nd-card--raised{background:var(--nd-white);box-shadow:var(--shadow-card)}.nd-card__title{font-family:var(--font-title);font-size:var(--fs-h4);font-weight:var(--fw-bold);letter-spacing:var(--ls-title);text-transform:uppercase;color:var(--title-1);line-height:var(--lh-title)}.nd-card__text{color:var(--text-soft);font-size:var(--fs-small)}.nd-card--center{text-align:center;align-items:center}.nd-picto{display:grid;place-items:center;width:var(--picto-size, 56px);aspect-ratio:1;border-radius:50%;background:var(--nd-lagoon);color:var(--nd-ocean);flex:none}.nd-picto svg,.nd-picto img{width:56%;height:56%;object-fit:contain}.nd-picto--ocean{background:var(--nd-ocean);color:var(--nd-sand)}.nd-picto--sand{background:var(--nd-sand);color:var(--nd-ocean)}.nd-picto--brown{background:var(--nd-brown);color:var(--nd-sand)}.nd-picto--plain{background:transparent;color:var(--accent);width:var(--picto-size, 40px)}.nd-price{display:inline-flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.nd-price__current{font-family:var(--font-title);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--title-1);letter-spacing:0}.nd-price__compare{font-size:var(--fs-small);color:var(--text-soft);text-decoration:line-through}.nd-price__save{font-size:var(--fs-micro);font-weight:var(--fw-bold);color:var(--nd-alert);text-transform:uppercase;letter-spacing:.06em}.nd-price__unit{font-size:var(--fs-micro);color:var(--text-soft)}.nd-rating{display:inline-flex;align-items:center;gap:var(--sp-2)}.nd-rating__stars{display:inline-flex;gap:2px;color:var(--nd-brown)}.nd-rating__stars svg{width:15px;height:15px}.nd-rating__label{font-size:var(--fs-small);color:var(--text-soft)}.nd-rating__label b{color:var(--text);font-weight:var(--fw-semibold)}.nd-field{display:flex;flex-direction:column;gap:6px}.nd-field__label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text)}.nd-field__hint{font-size:var(--fs-micro);color:var(--text-soft)}.nd-input,.nd-select,.nd-textarea{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--nd-white);color:var(--nd-anthracite);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.nd-textarea{min-height:140px;padding-top:14px;resize:vertical}.nd-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23075a70' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.nd-input:focus,.nd-select:focus,.nd-textarea:focus{outline:none;border-color:var(--nd-ocean);box-shadow:0 0 0 3px #075a7026}.nd-input[aria-invalid=true]{border-color:var(--nd-alert)}.nd-field__error{font-size:var(--fs-small);color:var(--nd-alert)}.nd-checkbox{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-small)}.nd-checkbox input{width:20px;height:20px;margin-top:2px;accent-color:var(--nd-ocean);flex:none}.nd-form-note{padding:var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-small)}.nd-form-note--ok{background:#2f6e561a;color:var(--nd-success)}.nd-form-note--ko{background:#a8503c1a;color:var(--nd-alert)}.nd-qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--nd-white);overflow:hidden}.nd-qty button{width:44px;height:48px;display:grid;place-items:center;color:var(--nd-ocean);font-size:1.1rem;transition:background-color var(--dur-fast) var(--ease)}.nd-qty button:hover{background:var(--nd-sand)}.nd-qty input{width:44px;height:48px;border:0;text-align:center;font-weight:var(--fw-semibold);background:transparent;-moz-appearance:textfield}.nd-qty input::-webkit-outer-spin-button,.nd-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nd-accordion{border-top:1px solid var(--border)}.nd-accordion__item{border-bottom:1px solid var(--border)}.nd-accordion__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0;text-align:left;font-family:var(--font-title);font-size:var(--fs-h4);font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--title-1);text-transform:none}.nd-accordion__icon{position:relative;width:20px;height:20px;flex:none}.nd-accordion__icon:before,.nd-accordion__icon:after{content:"";position:absolute;inset:50% 0 auto 0;height:2px;background:currentColor;transition:transform var(--dur) var(--ease)}.nd-accordion__icon:after{transform:rotate(90deg)}.nd-accordion__btn[aria-expanded=true] .nd-accordion__icon:after{transform:rotate(0)}.nd-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease)}.nd-accordion__panel>div{overflow:hidden}.nd-accordion__item.is-open .nd-accordion__panel{grid-template-rows:1fr}.nd-accordion__content{padding-bottom:var(--sp-5);color:var(--text-soft);font-size:var(--fs-small)}.nd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#04424f80;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility var(--dur)}.nd-overlay.is-open{opacity:1;visibility:visible}.nd-drawer{position:fixed;top:0;bottom:0;right:0;z-index:var(--z-drawer);width:min(440px,100vw);display:flex;flex-direction:column;background:var(--nd-sand);color:var(--nd-anthracite);box-shadow:var(--shadow-drawer);transform:translate(100%);transition:transform var(--dur-slow) var(--ease);visibility:hidden}.nd-drawer.is-open{transform:none;visibility:visible}.nd-drawer--left{right:auto;left:0;transform:translate(-100%);box-shadow:8px 0 40px #075a702e}.nd-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);border-bottom:1px solid var(--nd-sand-deep)}.nd-drawer__title{font-family:var(--font-title);font-size:var(--fs-h4);font-weight:var(--fw-bold);letter-spacing:var(--ls-title);text-transform:uppercase;color:var(--nd-ocean)}.nd-drawer__body{flex:1;overflow-y:auto;padding:var(--sp-5)}.nd-drawer__foot{padding:var(--sp-5);border-top:1px solid var(--nd-sand-deep);background:var(--nd-white)}.nd-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--nd-ocean);transition:background-color var(--dur-fast) var(--ease)}.nd-close:hover{background:var(--nd-sand-deep)}.nd-close svg{width:20px;height:20px}.nd-ship-bar{display:flex;flex-direction:column;gap:var(--sp-2)}.nd-ship-bar__text{font-size:var(--fs-small);color:var(--text)}.nd-ship-bar__text b{color:var(--nd-ocean);font-weight:var(--fw-bold)}.nd-ship-bar__track{height:6px;border-radius:var(--r-pill);background:var(--nd-sand-deep);overflow:hidden}.nd-ship-bar__fill{height:100%;border-radius:var(--r-pill);background:var(--nd-ocean);transition:width var(--dur-slow) var(--ease)}.nd-ship-bar.is-complete .nd-ship-bar__fill{background:var(--nd-success)}.nd-line{display:grid;grid-template-columns:76px 1fr;gap:var(--sp-4);padding-block:var(--sp-4)}.nd-line+.nd-line{border-top:1px solid var(--nd-sand-deep)}.nd-line__media{border-radius:var(--r-sm);overflow:hidden;background:var(--nd-white)}.nd-line__title{font-weight:var(--fw-semibold);font-size:var(--fs-small);color:var(--nd-ocean)}.nd-line__variant{font-size:var(--fs-micro);color:var(--text-soft)}.nd-line__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3)}.nd-line__remove{font-size:var(--fs-micro);color:var(--text-soft);text-decoration:underline;text-underline-offset:3px}.nd-line__remove:hover{color:var(--nd-alert)}.nd-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-w, 82%);gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding-bottom:var(--sp-2)}.nd-scroller::-webkit-scrollbar{display:none}.nd-scroller>*{scroll-snap-align:center}@media(min-width:750px){.nd-scroller{grid-auto-columns:var(--card-w-desktop, 42%)}}@media(min-width:990px){.nd-scroller{grid-auto-columns:var(--card-w-desktop, 31%)}}.nd-scroller-nav{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-5)}.nd-scroller-nav button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--title-1);transition:background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.nd-scroller-nav button:hover{background:var(--bg-alt)}.nd-scroller-nav button[disabled]{opacity:.35;cursor:default}.nd-scroller-nav svg{width:18px;height:18px}.nd-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border)}.nd-table{min-width:520px;font-size:var(--fs-small);background:var(--nd-white)}.nd-table th,.nd-table td{padding:var(--sp-4);text-align:left;border-bottom:1px solid var(--border)}.nd-table thead th{background:var(--nd-ocean);color:var(--nd-sand);font-family:var(--font-title);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase}.nd-table tbody tr:last-child td{border-bottom:0}.nd-table td.is-yes{color:var(--nd-success);font-weight:var(--fw-semibold)}.nd-table td.is-no{color:var(--text-soft)}.nd-table svg{width:18px;height:18px;display:inline-block;vertical-align:-3px}.nd-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:var(--z-modal);max-width:min(440px,calc(100vw - 32px));padding:var(--sp-4) var(--sp-5);border-radius:var(--r-pill);background:var(--nd-ocean);color:var(--nd-sand);font-size:var(--fs-small);box-shadow:var(--shadow-float);transition:transform var(--dur-slow) var(--ease)}.nd-toast.is-visible{transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/nd-components.css.map */