@layer ui.base;@layer ui.components{.ui-badge{border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--badge-fg);font:600 .75rem / 1.5 var(--font-heading);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.ui-badge--green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.ui-badge--coral{background:var(--badge-coral-bg);color:var(--badge-coral-fg)}.ui-badge--neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-fg)}.ui-fiche-set,.ui-fiche-grid{gap:16px;display:grid}.ui-fiche-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-fiche-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-fiche-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ui-fiche-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.ui-fiche{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:box-shadow var(--duration-normal), transform var(--duration-normal), border-color var(--duration-normal);position:relative;overflow:hidden}.ui-fiche:hover{box-shadow:var(--shadow-md);border-color:var(--card-border-hover);transform:translateY(-3px)}.ui-fiche:has(.ui-fiche__info:focus-visible){outline:var(--focus-ring);outline-offset:3px}.ui-fiche__title{letter-spacing:-.01em;font-size:1rem;line-height:1.25}.ui-fiche__media,.ui-fiche__stage{background:var(--color-sky);position:relative;overflow:hidden}.ui-fiche__media img,.ui-fiche__stage img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.ui-fiche:hover :is(.ui-fiche__media,.ui-fiche__stage) img{transform:scale(1.045)}.ui-fiche:is(.ui-fiche--b,.ui-fiche--d,.ui-fiche--e,.ui-fiche--e-featured) .ui-fiche__title{transition:color var(--duration-fast)}.ui-fiche:is(.ui-fiche--b,.ui-fiche--d,.ui-fiche--e,.ui-fiche--e-featured):hover .ui-fiche__title{color:var(--color-primary)}.ui-fiche__body{align-content:start;gap:6px;padding:12px 14px 14px;display:grid}.ui-fiche__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ui-fiche__info:after{content:"";z-index:1;position:absolute;inset:0}.ui-fiche .ui-btn:not(.ui-fiche__info),.ui-fiche__chips a{z-index:2;position:relative}.ui-fiche:hover .ui-fiche__info{text-decoration-thickness:2px}.ui-fiche__format{color:var(--color-text-muted);margin:0;font-size:.8125rem}.ui-fiche__saving{color:var(--price-saving);font-size:.8125rem;font-weight:700}.ui-fiche__category{color:var(--color-primary);font:700 .6875rem / 1.4 var(--font-heading);letter-spacing:.1em;text-transform:uppercase;display:block}.ui-fiche__text{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.45}.ui-fiche__text--clamp{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-fiche__price{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.ui-fiche__badge,.ui-fiche__category-tag{z-index:1;border-radius:var(--radius-pill);font-family:var(--font-heading);line-height:1;position:absolute}.ui-fiche__badge{background:var(--color-accent);color:var(--color-on-accent);letter-spacing:.08em;padding:6px 10px;font-size:.75rem;font-weight:800;top:10px;left:10px}.ui-fiche__badge--small{padding:5px 8px;font-size:.625rem;top:8px;left:8px}.ui-fiche__badge--right{z-index:3;left:auto;right:10px}.ui-fiche__category-tag{background:var(--tag-photo-bg);color:var(--tag-photo-fg);padding:5px 9px;font-size:.6875rem;font-weight:700;bottom:10px;left:10px}.ui-fiche__overlay,.ui-fiche__bar{background:linear-gradient(to top, var(--scrim-strong) 18%, var(--scrim-clear));color:var(--on-photo);gap:2px;padding:48px 14px 12px;display:grid;position:absolute;inset:auto 0 0}.ui-fiche__overlay .ui-fiche__title,.ui-fiche__bar .ui-fiche__title{color:var(--on-photo)}.ui-fiche__overlay .ui-price--inline strong{color:var(--on-photo);font-size:1.375rem}.ui-fiche__overlay .ui-price--inline s{color:#ffffffc7}.ui-fiche--a .ui-fiche__media{aspect-ratio:1}.ui-fiche--a .ui-fiche__actions{grid-template-columns:1fr auto;padding:10px;display:grid}.ui-fiche--b{grid-template-columns:148px minmax(0,1fr);display:grid}.ui-fiche--b.ui-fiche--dense{grid-template-columns:120px minmax(0,1fr)}.ui-fiche--b .ui-fiche__media img{min-height:148px}.ui-fiche--b .ui-fiche__body{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ui-fiche--b .ui-fiche__actions{flex-wrap:nowrap;margin-top:auto;padding-top:6px}.ui-fiche--b .ui-btn{padding-inline:14px}.ui-fiche:is(.ui-fiche--c1,.ui-fiche--c2) .ui-fiche__stage{aspect-ratio:4/5}.ui-fiche__tag-price{z-index:3;border-radius:var(--radius-pill);background:var(--tag-photo-bg);color:var(--tag-photo-fg);box-shadow:var(--shadow-sm);font:800 1rem / 1 var(--font-heading);letter-spacing:-.01em;padding:7px 12px;position:absolute;top:10px;left:10px}.ui-fiche-grid--5 .ui-fiche--c1 .ui-fiche__badge{padding:5px 7px;font-size:.625rem;top:8px;right:8px}.ui-fiche--c1 .ui-fiche__bar{transition:opacity var(--duration-normal);padding:40px 12px 10px}.ui-fiche--c1 .ui-fiche__bar .ui-fiche__title,.ui-fiche--c2 .ui-fiche__bar .ui-fiche__title{font-size:.875rem;font-weight:600}.ui-fiche--c2 .ui-fiche__bar{z-index:2;background:linear-gradient(to bottom, var(--scrim-strong) 18%, var(--scrim-clear));pointer-events:none;padding:0 12px 48px;inset:0 0 auto}.ui-fiche--c2 .ui-fiche__bar .ui-fiche__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:15px;display:-webkit-box;overflow:hidden}.ui-fiche--c2 .ui-fiche__panel{padding:72px 14px 14px}.ui-fiche__panel{z-index:1;background:var(--panel-inverse);color:var(--on-panel-inverse);opacity:0;transition:opacity var(--duration-normal), transform var(--duration-normal);flex-direction:column;gap:8px;padding:56px 14px 14px;font-size:.8125rem;line-height:1.5;display:flex;position:absolute;inset:0;transform:translateY(14px)}.ui-fiche__panel p{margin:0}.ui-fiche__panel-title{font:700 .9375rem / 1.25 var(--font-heading)}.ui-fiche__panel-text{flex:1;overflow:auto}.ui-fiche__panel .ui-fiche__format{color:#fffc}.ui-fiche__panel .ui-link{color:var(--on-panel-inverse)}.ui-fiche__panel .ui-fiche__actions{margin-top:auto}.ui-fiche--c1:hover .ui-fiche__bar,.ui-fiche--c1:focus-within .ui-fiche__bar{opacity:0}.ui-fiche--c1:hover .ui-fiche__panel,.ui-fiche--c1:focus-within .ui-fiche__panel,.ui-fiche--c2:hover .ui-fiche__panel,.ui-fiche--c2:focus .ui-fiche__panel{opacity:1;transform:none}.ui-fiche--c2:focus-visible{outline:var(--focus-ring);outline-offset:3px}@media (hover:none){.ui-fiche__panel{opacity:1;padding:14px;position:static;transform:none}.ui-fiche__panel-title{display:none}.ui-fiche--c1 .ui-fiche__bar{opacity:1}.ui-fiche--c2 .ui-fiche__panel{padding:14px}}.ui-fiche--d .ui-fiche__media{aspect-ratio:1}.ui-fiche__ribbon{z-index:1;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-sm);font:800 .75rem / 1.2 var(--font-heading);letter-spacing:.04em;padding:6px 16px 6px 10px;position:absolute;top:14px;left:0}.ui-fiche--d .ui-fiche__actions{justify-content:space-between}.ui-fiche__pop{border-radius:var(--radius-lg);background:var(--color-surface);width:min(660px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);color:var(--color-text);border:0;padding:24px;font-size:1rem;overflow:auto}.ui-fiche__pop::backdrop{background:#0000008c}.ui-fiche__pop:popover-open{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:24px;display:grid}.ui-fiche__pop img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);width:100%}.ui-fiche__pop .ui-fiche__title{font-size:var(--text-h3);margin:4px 0 8px}.ui-fiche__pop p{margin:0 0 10px}.ui-fiche__pop .ui-fiche__price{margin:12px 0 16px}.ui-fiche__pop-close{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:10px;right:10px}.ui-fiche__pop-close:hover{background:var(--color-sky)}.ui-fiche--e-featured{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.ui-fiche--e-featured .ui-fiche__media{aspect-ratio:1}.ui-fiche:is(.ui-fiche--e,.ui-fiche--e-featured) .ui-fiche__media img{object-fit:contain}.ui-fiche--e-featured .ui-fiche__body{align-content:center;gap:10px;padding:24px 28px}.ui-fiche--e-featured .ui-fiche__title{font-size:var(--text-h3)}.ui-fiche__facts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ui-fiche__facts li{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-background);font:600 .8125rem / 1.4 var(--font-heading);padding:4px 10px}.ui-fiche__related{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.ui-fiche__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ui-fiche__chips a{border:1px solid var(--color-border-control);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:600 .75rem / 1.4 var(--font-heading);padding:4px 10px;text-decoration:none;display:inline-block}.ui-fiche__chips a:hover{background:var(--color-sky)}.ui-fiche__buy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.ui-fiche--e-featured .ui-price--inline strong{font-size:2rem}.ui-fiche--e .ui-fiche__media{aspect-ratio:1}@media (width<=1200px){.ui-fiche-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.ui-fiche-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.ui-fiche-grid--3,.ui-fiche-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-fiche--e-featured{grid-template-columns:1fr}.ui-fiche--e-featured .ui-fiche__media{aspect-ratio:1}}@media (width<=640px){.ui-fiche-grid--5,.ui-fiche-grid--row,.ui-fiche--a .ui-fiche__actions{grid-template-columns:1fr}.ui-fiche--b,.ui-fiche--b.ui-fiche--dense{grid-template-columns:120px minmax(0,1fr)}.ui-fiche--e-featured .ui-fiche__body{padding:16px}.ui-fiche__pop:popover-open{grid-template-columns:1fr}.ui-fiche__pop img{max-width:220px}.ui-fiche__overlay .ui-fiche__title{font-size:.9375rem}.ui-fiche__overlay .ui-price--inline strong{font-size:1.125rem}}@media (prefers-reduced-motion:reduce){.ui-fiche,.ui-fiche__panel,.ui-fiche__media img,.ui-fiche__stage img{transition:none}.ui-fiche:hover,.ui-fiche:hover :is(.ui-fiche__media,.ui-fiche__stage) img{transform:none}}.ui-link{color:var(--color-primary);font:700 .875rem / 1.3 var(--font-heading);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:8px 6px;text-decoration:underline}.ui-link:hover{color:var(--color-primary-hover);text-decoration-thickness:2px}.ui-standards{padding-block:var(--section-space);background:var(--color-background);color:var(--color-text)}.ui-standards__shell{padding-top:34px;position:relative}.ui-standards__shell:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary) 68%, var(--color-accent));height:5px;position:absolute;inset:0 0 auto}.ui-standards__head{grid-template-columns:minmax(0,1.15fr) auto;align-items:start;gap:28px;display:grid}.ui-standards__eyebrow{color:var(--color-secondary);font:800 .78rem / 1 var(--font-heading);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;display:block}.ui-standards__intro h2{font:800 clamp(2rem, 3.6vw, 3.15rem) / 1.08 var(--font-heading);letter-spacing:-.03em;margin:0 0 16px}.ui-standards__intro p{max-width:70ch;color:var(--color-text-muted);margin:0;font-size:1.1rem;line-height:1.6}.ui-standards__seal{aspect-ratio:1;background:conic-gradient(from 180deg, var(--color-primary), var(--color-secondary), var(--color-accent), var(--color-primary));width:182px;box-shadow:var(--shadow-md);border-radius:50%;place-items:center;padding:18px;display:grid}.ui-standards__seal-inner{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.ui-standards__seal strong{color:var(--color-primary);font:800 3rem / .92 var(--font-heading);letter-spacing:-.03em}.ui-standards__seal span{max-width:9ch;color:var(--color-text-muted);font:800 .82rem / 1.15 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;display:block}.ui-standards__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:30px 0 0;padding:0;list-style:none;display:grid}.ui-standards__item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);align-content:start;gap:12px;padding:22px 18px 20px;display:grid}.ui-standards__index{border-radius:var(--radius-pill);background:var(--color-sky);color:var(--color-primary);font:800 .77rem / 1 var(--font-heading);letter-spacing:.08em;justify-self:start;padding:7px 10px}.ui-standards__item:nth-child(2) .ui-standards__index{background:var(--color-secondary-soft);color:var(--color-secondary)}.ui-standards__item:nth-child(3) .ui-standards__index{background:var(--color-surface-soft);color:var(--color-primary)}.ui-standards__item:nth-child(4) .ui-standards__index{background:var(--color-accent-soft);color:var(--color-accent-text)}.ui-standards__item:nth-child(5) .ui-standards__index{background:var(--color-success-soft);color:var(--color-success)}.ui-standards__item h3{font:800 1.15rem / 1.2 var(--font-heading);letter-spacing:-.03em;margin:0}.ui-standards__item p{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.52}.ui-standards__cta{justify-content:center;margin-top:28px;display:flex}.ui-standards__recycling{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-secondary-soft);grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:18px 20px;margin-top:24px;padding:22px;display:grid}.ui-standards__recycling-icon{border-radius:var(--radius-md);background:var(--color-surface);width:64px;height:64px;color:var(--color-secondary);place-items:center;display:grid}.ui-standards__recycling-icon .ui-icon{width:30px;height:30px;display:block}.ui-standards__recycling-copy h3{font:800 1.15rem / 1.2 var(--font-heading);margin:0 0 8px}.ui-standards__recycling-copy p{max-width:72ch;color:var(--color-text-muted);margin:0;line-height:1.6}.ui-standards__recycling-badge{border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font:800 .78rem / 1.1 var(--font-heading);white-space:nowrap;padding:8px 12px}@media (width<=1100px){.ui-standards__head{grid-template-columns:1fr}.ui-standards__seal{width:150px}.ui-standards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.ui-standards__intro p{font-size:1rem}.ui-standards__grid{grid-template-columns:1fr}.ui-standards__recycling{grid-template-columns:64px minmax(0,1fr)}.ui-standards__recycling-badge{white-space:normal;grid-column:2;justify-self:start}}}@layer ui.utilities;