/* Structure du « sapin à boules » partagé par v7, v8, v9 (le thème vient de chaque variante). */
.s-wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
@media(max-width:960px){.s-wrap{grid-template-columns:1fr}}
.s-scene{position:sticky;top:16px}
@media(max-width:960px){.s-scene{position:relative}}
.stage{position:relative;aspect-ratio:5/6;width:100%;margin:0 auto;container-type:inline-size}
.stage>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ball{position:absolute;transform:translate(-50%,0);display:grid;justify-items:center;text-decoration:none;width:max-content;z-index:1}
.ball::before{content:"";width:2px;height:clamp(8px,1.2vw,18px);background:var(--s-string,currentColor)}
.ball i{position:relative;display:grid;place-items:center;width:var(--s-ball,clamp(32px,14.5cqw,112px));aspect-ratio:1;border-radius:50%;font-style:normal;background:#fff;transition:transform .2s}
.ball:hover i{transform:scale(1.08) rotate(-5deg)}
.ball.is-big i{width:var(--s-ball-big,clamp(42px,19cqw,146px))}
.ball i .k-img{width:100%;height:100%;border-radius:50%;object-fit:contain;padding:15%}
.ball i em{position:absolute;left:-8px;top:-8px;display:grid;place-items:center;font-style:normal;z-index:2}
.ball .b-tag{--k-tag-string:5px;--k-tag-size:11px;--k-tag-rot:-6deg}
.ball:nth-of-type(odd) .b-tag{--k-tag-rot:5deg}
.ball .b-tag>span{padding:6px 8px 4px 12px}
@media(max-width:600px){.ball .b-tag{display:none}}
nav.main,.sorts{display:flex;gap:8px;flex-wrap:wrap}
.s-list{list-style:none;display:grid;gap:10px}
.item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none}
.item .dot{width:56px;height:56px;position:relative;display:grid;place-items:center;flex:none}
.item .dot .k-img{width:100%;height:100%;object-fit:contain}
.item .txt{min-width:0;display:block}
.item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item .price{white-space:nowrap}
.item .k-badge{margin-left:6px;vertical-align:2px;font-size:11px;padding:3px 8px}
.s-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:10px 0 16px}
.s-hero .ph{width:clamp(120px,14vw,190px);aspect-ratio:1;flex:none;display:grid;place-items:center}
.s-hero .ph .k-img{width:100%;height:100%;object-fit:contain}
.links a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:10px 14px;margin-bottom:6px}
.who{list-style:none}.who li{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:8px 0}
.k-form{display:grid;gap:12px}
.k-form label span{display:block;font-weight:700;font-size:14px;margin-bottom:4px}
.k-form input{width:100%;font:inherit;padding:10px 14px}
.k-form button{cursor:pointer}
@media (prefers-reduced-motion:reduce){.ball i{transition:none}}