.dimensions-section{padding:var(--space-3xl)0;background:linear-gradient(135deg,var(--bg-light)0%,var(--bg-section)100%)}.dimensions-header{text-align:center;margin-bottom:var(--space-2xl)}.dimensions-title{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:700}.dimensions-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.dimensions-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));display:grid}.dimension-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.dimension-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.dimension-card-header{background:var(--gradient-primary);padding:var(--space-lg);color:var(--text-white)}.dimension-model{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);font-weight:600}.dimension-desc{font-size:var(--font-size-sm);opacity:.9}.dimension-image-container{padding:var(--space-lg);background:var(--bg-light);justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.dimension-image{cursor:zoom-in;max-width:100%;height:auto;transition:transform var(--transition-normal)}.dimension-image:hover{transform:scale(1.02)}.dimension-overlay{top:var(--space-lg);right:var(--space-lg);background:var(--primary-alpha-90);color:var(--text-white);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);align-items:center;gap:var(--space-sm);cursor:pointer;transition:background var(--transition-fast);display:flex;position:absolute}.dimension-overlay:hover{background:var(--primary-dark)}.dimension-specs{padding:var(--space-lg);background:var(--bg-white);border-top:1px solid var(--border-light)}.dimension-specs-title{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:600}.specs-list{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.spec-item{font-size:var(--font-size-sm);align-items:center;display:flex}.spec-label{color:var(--text-secondary);min-width:80px}.spec-value{color:var(--text-primary);font-weight:500}.dimension-info{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);padding:var(--space-lg);color:var(--text-white);justify-content:space-between;align-items:center;display:flex}.info-content{flex:1}.info-title{font-size:var(--font-size-base);margin-bottom:var(--space-xs);font-weight:600}.info-desc{font-size:var(--font-size-xs);opacity:.9}.info-badge{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:#fff3;font-weight:600}.dimension-single{max-width:600px;margin:0 auto}.dimension-single .dimension-card-header{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.comparison-view{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);margin-top:var(--space-2xl)}.comparison-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center;font-weight:600}.comparison-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.comparison-item{text-align:center}.comparison-image-wrapper{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.comparison-image-wrapper:hover{background:var(--bg-hover);transform:scale(1.02)}.comparison-image{object-fit:contain;max-width:100%;height:250px}.comparison-label{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.technical-note{background:var(--bg-section);border-left:4px solid var(--primary-color);padding:var(--space-md);margin-top:var(--space-lg);border-radius:var(--radius-sm)}.technical-note-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.technical-note-content{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.6}@media (width<=1200px){.dimensions-grid{max-width:700px;margin:0 auto var(--space-xl)auto;grid-template-columns:1fr}}@media (width<=768px){.dimensions-section{padding:var(--space-2xl)0}.dimensions-title{font-size:var(--font-size-3xl)}.dimensions-grid{gap:var(--space-lg);grid-template-columns:1fr}.specs-list{grid-template-columns:1fr}.dimension-info{gap:var(--space-md);text-align:center;flex-direction:column}.comparison-grid{grid-template-columns:1fr}.dimension-image-container{min-height:300px}}@media (width<=576px){.dimensions-header{margin-bottom:var(--space-xl)}.dimensions-title{font-size:var(--font-size-2xl)}.dimensions-subtitle{font-size:var(--font-size-base)}.dimension-card-header{padding:var(--space-md)}.dimension-model{font-size:var(--font-size-lg)}.comparison-image{height:200px}}