.container-title h1{color:var(--title-color);text-align:center;margin-top:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:500;transition:color .3s}.sizechart{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:30px;width:100%;max-width:1200px;margin:40px auto 60px;display:grid}.sizechart-container{background:var(--chart-card-bg);border:1px solid var(--chart-card-border);box-shadow:0 5px 15px var(--chart-card-shadow);border-radius:15px;flex-direction:column;align-items:center;padding:20px;transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s;display:flex}.sizechart-container:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}[data-theme=light] .sizechart-container:hover{box-shadow:0 10px 25px #ff4a8326}.sizechart-container img{cursor:pointer;border-radius:10px;width:100%;max-width:300px;height:auto;margin-top:15px;box-shadow:0 5px 15px #0003}.sizechart-container h2{color:var(--title-color);text-align:center;font-size:1.1rem;font-weight:500;transition:color .3s}.sizechart-container a{justify-content:center;width:100%;display:flex}@media (max-width:480px){.sizechart{grid-template-columns:1fr;gap:20px;margin:20px auto 40px;padding:0 12px}.sizechart-container{padding:15px}}