/* LAMELA 21W HP7: carosello autonomo, limitato alla homepage. */
.lam-hp7{box-sizing:border-box;width:min(1160px,calc(100% - 48px));margin:22px auto 26px;padding:19px 22px 17px;border:1px solid #ecd9e1;border-radius:18px;background:linear-gradient(125deg,#fff9fb,#fff 55%,#fbf3f7);box-shadow:0 8px 24px rgba(104,29,54,.07);color:#421e30;overflow:hidden}
.lam-hp7 *{box-sizing:border-box}
.lam-hp7-heading-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.lam-hp7-eyebrow{display:block;font-size:10px;line-height:1.4;color:#a05a74;text-transform:uppercase;letter-spacing:.12em;font-weight:750}
.lam-hp7 h2{margin:2px 0 0;color:#681d36;font-size:clamp(18px,2vw,23px);font-weight:760;line-height:1.3}
.lam-hp7-nav{display:flex;gap:7px;flex:none}
.lam-hp7-nav button{display:inline-grid;place-items:center;width:33px;height:33px;padding:0;border-radius:50%;border:1px solid #d9b6c3;background:#fff;color:#681d36;font-size:19px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.lam-hp7-nav button:hover{background:#f9e8ef;border-color:#bb7891;transform:translateY(-1px)}
.lam-hp7-nav button:focus-visible,.lam-hp7-item:focus-visible{outline:3px solid #c95a88;outline-offset:3px}
.lam-hp7-nav button:disabled{opacity:.3;cursor:default;transform:none}
.lam-hp7-track{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:5px 2px 9px;overscroll-behavior-inline:contain}
.lam-hp7-track::-webkit-scrollbar{display:none}
.lam-hp7-item{display:flex;flex-direction:column;align-items:center;flex:0 0 104px;min-width:0;gap:9px;text-decoration:none!important;color:#53243a!important;scroll-snap-align:start;border-radius:10px}
.lam-hp7-avatar{position:relative;width:98px;height:98px;border:3px solid #b83867;border-radius:50%;padding:4px;background:#fff;box-shadow:0 3px 11px rgba(104,29,54,.18);transition:box-shadow .2s,border-color .2s}
.lam-hp7-item:hover .lam-hp7-avatar{border-color:#771638;box-shadow:0 4px 17px rgba(104,29,54,.25)}
.lam-hp7-photo-frame{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#f4e5eb}
.lam-hp7-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 24%;transform:scale(1);transform-origin:center center;transition:transform .35s ease,object-position .35s ease;background:#f4e5eb;overflow:hidden}
.lam-hp7-avatar{overflow:visible}
.lam-hp7-avatar::before{content:"";position:absolute;inset:4px;border-radius:50%;overflow:hidden;pointer-events:none}
.lam-hp7-rank{position:absolute;right:-3px;bottom:0;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#8a214a;color:white;font-size:12px;font-weight:800;border:2px solid white;line-height:1;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.lam-hp7-name{display:block;width:100%;font-size:12px;font-weight:750;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4b2535}
.lam-hp7-progress{width:100%;height:4px;border-radius:99px;background:#ecdee3;overflow:hidden;margin-top:3px}
.lam-hp7-progress-fill{display:block;width:26%;height:100%;border-radius:99px;background:linear-gradient(90deg,#812044,#d64876);transform:translateX(0);transition:width .15s,transform .15s}
@media(min-width:1200px){.lam-hp7-track{gap:17px}.lam-hp7-item{flex-basis:111px}.lam-hp7-avatar{height:104px;width:104px}}
@media(max-width:620px){.lam-hp7{width:calc(100% - 24px);margin:15px auto 20px;padding:16px 12px 13px;border-radius:14px}.lam-hp7-heading-row{margin-bottom:10px}.lam-hp7-track{gap:12px}.lam-hp7-item{flex-basis:89px}.lam-hp7-avatar{width:84px;height:84px;border-width:2px;padding:3px}.lam-hp7-name{font-size:11px}.lam-hp7-rank{min-width:21px;height:21px;font-size:11px}.lam-hp7-nav button{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.lam-hp7-track{scroll-behavior:auto}.lam-hp7-photo,.lam-hp7-avatar,.lam-hp7-progress-fill{transition:none}}