.storage-types-gallery-section{margin:0 0 32px 0;padding:0 0 var(--spacing-xl) 0}.storage-types-gallery-section .container{max-width:1200px;margin:0 auto}.storage-types-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:0}.storage-types-gallery-card{background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--spacing-lg);text-align:center;transition:transform .3s ease , box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%}.storage-types-gallery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.storage-types-gallery-card .storage-size-display{background-color:var(--primary-color);color:#fff;font-size:1.75rem;font-weight:700;padding: 8px calc(var(--spacing-lg) * 1.25);border-radius:var(--radius);margin-bottom: calc(var(--spacing-md) * 1.25);min-width:100px;text-align:center;display:flex;align-items:center;justify-content:center}.storage-types-gallery-card .storage-image-container{width:100%;max-width:248px;height:198px;margin:0 auto var(--spacing-md);border-radius:var(--radius);overflow:hidden;position:relative;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.storage-types-gallery-image{width:110%;height:110%;object-fit:cover;display:block}.storage-size-display[data-size="5"] ~ .storage-image-container .storage-types-gallery-image {width:150%;height:150%}.storage-types-gallery-card .storage-image-placeholder{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#999;font-size:2rem}.storage-types-gallery-card .storage-dimensions{font-size:.9rem;color:#666;margin-bottom:16px;font-weight:600;text-align:center}.storage-dimensions__label{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:4px}.storage-dimensions__label::before{content:"Länge x Breite x Höhe";color:#999;font-size:.8rem;font-weight:normal}.storage-dimensions__values-desktop{display:block}.storage-dimensions__values-mobile{display:none}.storage-types-gallery-card .storage-description{font-size:.85rem;color:#666;margin-bottom:var(--spacing-md);line-height:1.4;flex-grow:1}.storage-types-gallery-card .storage-price{margin-bottom:var(--spacing-md)}.storage-types-gallery-card .storage-price__amount{font-size:1.25rem;font-weight:700;color:#333;line-height:1}.storage-types-gallery-card .storage-price__period{font-size:.85rem;color:#666;margin-top:2px}.storage-types-gallery-card .storage-availability-btn{display:inline-block;background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;text-decoration:none;margin-top:auto}.storage-types-gallery-card .storage-availability-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}@media (max-width:1023px){.storage-types-gallery-section{margin:0 0 var(--spacing-lg) 0;padding:0 0 var(--spacing-lg) 0}.storage-types-gallery-grid{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:0}.storage-types-gallery-card{padding:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:var(--spacing-sm);text-align:left;align-items:start;grid-template-areas:"image size" "image dimensions" "image description" "image price" "cta cta"}.storage-types-gallery-card .storage-image-container{grid-area:image;width:100%;height:140px;margin:0;flex-shrink:0}.storage-types-gallery-card .storage-size-display{grid-area:size;font-size:1.25rem;padding:0 var(--spacing-sm);padding-left:8px;margin:0;align-self:start;width:fit-content}.storage-types-gallery-card .storage-dimensions{grid-area:dimensions;margin:0;padding-left:8px;font-size:.85rem;color:#666;font-weight:600;text-align:left}.storage-dimensions__label{justify-content:flex-start;margin-bottom:2px}.storage-dimensions__label::before{content:"LxBxH:";font-size:.75rem;color:#999;font-weight:normal}.storage-dimensions__values-desktop{display:none}.storage-dimensions__values-mobile{display:block;font-weight:600}.storage-types-gallery-card .storage-description{grid-area:description;margin:0;padding-left:8px;font-size:.8rem;color:#666;line-height:1.3}.storage-types-gallery-card .storage-price{grid-area:price;margin:0;padding-left:8px;text-align:left}.storage-types-gallery-card .storage-price__amount{font-size:1.1rem;font-weight:700}.storage-types-gallery-card .storage-price__period{font-size:.8rem}.storage-types-gallery-card .storage-availability-btn{grid-area:cta;width:100%;text-align:center;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0 0 0}}