.uscenes{--us-gap: clamp(14px, 2vw, 26px);--us-tile: 112px;--us-over: 46px;--us-ring: var(--c-bg);--us-radius: var(--radius-img, 12px);--us-scrim: 8, 12, 18}.uscenes.section--alt{--us-ring: var(--c-surface)}.uscenes__head{max-width:46rem}.uscenes__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--us-gap)}.uscenes--scroll .uscenes__list{grid-auto-flow:column;grid-auto-columns:min(84%,22rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter, 16px);margin-inline:calc(var(--gutter, 16px) * -1);padding:4px var(--gutter, 16px) 14px;scrollbar-width:thin;scrollbar-color:var(--c-line) transparent}.uscenes--scroll .uscene{scroll-snap-align:start}.uscenes--stack .uscenes__list{grid-template-columns:minmax(0,1fr);row-gap:clamp(30px,7vw,40px)}@media(max-width:989px){.uscenes--stack{--us-over: 0px}.uscenes--stack .uscene__frame{aspect-ratio:2 / 1}.uscenes--stack .uscene__frame:after{display:none}.uscenes--stack .uscene__caption{position:static;padding:14px 4px 0;color:var(--c-fg);gap:8px}.uscenes--stack .uscene__problem{text-shadow:none;max-width:24ch}.uscenes--stack .uscene__answer{padding-top:16px}.uscenes--stack .uscene__tile{top:12px;right:4px}.uscenes--stack .uscene__head{min-height:calc(var(--us-tile) + 2px)}}.uscene{display:flex;flex-direction:column;min-width:0}.uscene__photo{position:relative;margin:0}.uscene__frame{position:relative;aspect-ratio:3 / 4;border-radius:var(--us-radius);overflow:hidden;background:var(--c-surface);isolation:isolate}.uscene__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}.uscene__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(var(--us-scrim),.92),rgba(var(--us-scrim),.74) 30%,rgba(var(--us-scrim),.2) 56%,rgba(var(--us-scrim),0) 72%);pointer-events:none}.uscene__caption{position:absolute;z-index:2;inset:auto 0 0 0;display:grid;gap:10px;justify-items:start;padding:18px 18px calc(var(--us-over) + 18px);color:#fff}.uscene--top .uscene__frame:after{background:linear-gradient(to bottom,rgba(var(--us-scrim),.88),rgba(var(--us-scrim),.66) 30%,rgba(var(--us-scrim),.16) 56%,rgba(var(--us-scrim),0) 72%)}.uscene--top .uscene__caption{inset:0 0 auto 0;padding:18px 18px 20px}.uscene__tag{font-size:.84rem;font-weight:700;line-height:1;padding:7px 10px 6px;border-radius:999px;background:#fffffff0;color:#14181d}.uscene__problem{font-family:var(--font-head);font-weight:var(--head-weight, 700);font-style:var(--head-style, normal);text-transform:var(--head-transform, none);letter-spacing:var(--head-tracking, 0);font-size:clamp(1.3rem,1.05rem + 1.1vw,1.65rem);line-height:1.16;text-wrap:balance;text-shadow:0 1px 14px rgba(0,0,0,.45);max-width:21ch}.uscene__answer{position:relative;z-index:3;display:block;padding:12px 4px 0;color:inherit;text-decoration:none;flex:1}.uscene__tile{position:absolute;top:calc(var(--us-over) * -1);right:8px;width:var(--us-tile);border-radius:calc(var(--pm-radius, 8px) + 4px);box-shadow:0 0 0 4px var(--us-ring),0 14px 26px #0003;background:var(--us-ring)}.uscene__tile .pm{--pm-pad: 8%}.uscene__body{display:grid;gap:6px;min-width:0;align-content:start}.uscene__head{display:grid;gap:3px;align-content:start;min-height:calc(var(--us-tile) - var(--us-over) + 2px);padding-right:calc(var(--us-tile) + 18px)}.uscene__label{font-size:.84rem;color:var(--c-muted)}.uscene__name{font-weight:700;font-size:1.04rem;line-height:1.25}.uscene__brand{font-weight:400}.uscene__why{font-size:.93rem;line-height:1.4;color:var(--c-muted)}.uscene__buy{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:2px}.uscene__buy .price{margin:0}.uscene__go{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.uscene__go .icon{flex:none}.uscene__answer:hover .uscene__go{text-decoration-color:var(--c-heat, currentColor)}.uscene__answer:focus-visible{outline:3px solid var(--c-fg);outline-offset:4px;border-radius:6px}.uscene__also{margin:10px 4px 0;padding-top:10px;border-top:1px solid var(--c-line);font-size:.9rem;line-height:1.45;color:var(--c-muted)}.uscene__also a{color:var(--c-fg);font-weight:700;text-decoration:underline;text-underline-offset:3px}.uscene__also-note{display:block;margin-top:4px}.uscenes__note{margin:clamp(16px,2.5vw,26px) 0 0;font-size:.86rem;color:var(--c-muted);max-width:60ch}@media(min-width:750px){.uscenes--scroll .uscenes__list{grid-auto-columns:min(44%,24rem)}.uscenes--stack .uscenes__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.uscenes{--us-tile: 124px;--us-over: 52px}.uscenes--scroll .uscenes__list,.uscenes--stack .uscenes__list{grid-auto-flow:row;grid-template-columns:repeat(var(--us-cols, 3),minmax(0,1fr));overflow:visible;margin-inline:0;padding:0;scroll-snap-type:none}.uscene__frame{aspect-ratio:4 / 5}.uscenes[style*="--us-cols: 4"]{--us-tile: 104px;--us-over: 44px}.uscenes[style*="--us-cols: 4"] .uscene__frame{aspect-ratio:2 / 3}.uscenes[style*="--us-cols: 4"] .uscene__problem{font-size:clamp(1.15rem,.62rem + .78vw,1.36rem)}.uscenes[style*="--us-cols: 2"] .uscene__frame,.uscenes[style*="--us-cols: 1"] .uscene__frame{aspect-ratio:16 / 10}}.u-btp .uscene__problem{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.2rem);line-height:1;max-width:16ch}.u-btp .uscene__tag{border-radius:3px;background:var(--c-yellow, #FFD000);color:var(--c-ink, #161616);font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:.95rem;padding:6px 9px 5px}.u-btp .uscene__tile{box-shadow:0 0 0 4px var(--us-ring),0 0 0 6px var(--c-ink, #161616)}.u-btp .uscene__go{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.1rem;text-decoration:none;box-shadow:inset 0 -3px 0 var(--c-yellow, #FFD000);align-self:start;justify-self:start;min-height:40px}.u-moto .uscene__problem{font-size:clamp(1.75rem,1.3rem + 1.7vw,2.3rem);line-height:.98;max-width:15ch}.u-moto .uscene__tag{border-radius:4px;background:var(--c-accent, #FF5A1F);color:var(--c-accent-fg, #0B0C0E)}.u-moto .uscene__tile{box-shadow:0 0 0 4px var(--us-ring),0 0 0 5px var(--moto-line-2, #3A3D44),0 18px 30px #0009}.u-moto .uscene__frame{background:var(--c-card)}.u-outdoor .uscene__problem{font-weight:700;max-width:20ch}.u-outdoor .uscene__tag{border-radius:4px}.u-outdoor .uscene__tile{box-shadow:0 0 0 4px var(--us-ring),0 0 0 5px var(--c-line),0 14px 24px #0a1c282e}.u-animaux .uscene__tag{background:var(--a-miel, #F5B841);color:var(--a-prune, #33203A)}.u-senior .uscenes{--us-tile: 104px;--us-over: 50px}@media(min-width:990px){.u-senior .uscenes{--us-tile: 120px}}.u-senior .uscene__problem{font-size:clamp(1.45rem,1.15rem + 1.2vw,1.8rem);line-height:1.18;max-width:20ch}.u-senior .uscene__tag{background:var(--c-lamp, #F2B33D);color:var(--c-night, #14233A);font-size:.95rem;padding:8px 12px 7px}.u-senior .uscene__label,.u-senior .uscene__why{font-size:1rem;color:var(--c-muted)}.u-senior .uscene__name{font-size:1.14rem}.u-senior .uscene__go{font-size:1.06rem;min-height:48px}.u-senior .uscenes__note{font-size:.95rem}@media(min-width:990px){.u-senior .uscenes[style*="--us-cols: 4"]{--us-tile: 108px;--us-over: 46px}}@media(prefers-reduced-motion:no-preference){.uscene__tile{transition:transform .2s ease}.uscene__answer:hover .uscene__tile{transform:translateY(-3px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/usage-scenes.css.map */