.homepage-container{gap:var(--spacing-grid);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.homepage-headline{margin:0 0 var(--spacing-lg)}.homepage-headline__title{margin:0}@media (max-width:576px){.homepage-headline{margin-bottom:var(--spacing-md)}}.homepage-hero{gap:var(--spacing-lg);grid-template-columns:7fr 5fr;grid-template-areas:"main preview""uploader preview";align-items:start;display:grid}.homepage-hero__main{grid-area:main;min-width:0}.homepage-hero__preview{grid-area:preview;min-width:0}.homepage-hero__uploader{grid-area:uploader;min-width:0}.homepage-hero__uploader .upload-button .upload-icon{width:18px;height:18px}@media (max-width:992px){.homepage-hero{grid-template-columns:1fr;grid-template-areas:"main""preview""uploader"}}.order-preparation-card,.explanation-card{background-color:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--box-shadow);flex-direction:column;height:100%;display:flex;overflow:hidden}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg);background-color:var(--primary-50);border-bottom:1px solid var(--border-color);color:var(--primary-color);margin:0}.order-preparation-column{z-index:auto;flex-direction:column;height:100%;margin-top:0;display:flex;position:relative;overflow:visible}.order-preparation-card{padding:5px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);flex:1}.order-preparation-card .photo-display-image-container{margin:0 8px 0 0}.order-preparation-card .photo-display-product-info{padding-left:0}.loading-container{padding:var(--spacing-xl) var(--spacing-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:4px solid var(--primary-color-light);border-top-color:var(--primary-color);width:40px;height:40px;margin-top:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container,.no-products-container{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-message{color:var(--color-error,#dc3545);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}.retry-button{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium,500);text-transform:uppercase;letter-spacing:.025em;cursor:pointer;transition:var(--transition-normal);border:none}.retry-button:hover{background-color:var(--primary-color-dark,#0056b3);transform:translateY(-1px)}.no-products-container p{color:var(--text-muted);font-size:var(--font-size-base);margin:0}.explanation-column{flex-direction:column;height:100%;display:flex}.explanation-card{padding:5px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.explanation-text{padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-xs);color:var(--text-color);text-align:center;background:var(--color-well);border-radius:var(--radius-card);border-left:4px solid var(--primary-color);letter-spacing:.02em;font-size:1.25rem;font-weight:500;position:relative}.explanation-text strong{color:var(--primary-color);font-weight:800}.image-container{margin-top:var(--spacing-md);justify-content:center;align-items:center;padding:0;display:flex}.explanation-image{border-radius:var(--border-radius);max-width:100%;height:auto;box-shadow:var(--box-shadow-sm)}.image-slideshow-container{margin-top:var(--spacing-md);position:relative}.image-slide{justify-content:center;align-items:center;height:300px;display:flex;overflow:hidden}.image-slide .explanation-image{object-fit:contain;border-radius:var(--border-radius);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--box-shadow-sm);transition:opacity .3s ease-in-out}.image-slideshow-controls{margin-top:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.steps-container{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:row;padding:0;display:flex}.step{align-items:center;gap:var(--spacing-xs);background-color:var(--primary-50);border-radius:var(--radius-card);padding:var(--spacing-md);transition:var(--transition-normal);text-align:center;flex-direction:column;flex:1;display:flex}.step:hover{box-shadow:var(--box-shadow-sm);transform:translateY(-2px)}.step-number{color:#fff;width:36px;min-width:36px;height:36px;min-height:36px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);background:var(--primary-color);aspect-ratio:1;-webkit-aspect-ratio:1 / 1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.step-text{font-size:var(--font-size-base);color:var(--text-color);text-align:center}@media (max-width:992px){.homepage-container{grid-template-columns:1fr}.order-preparation-card,.explanation-card{max-width:100%}}@media (max-width:768px){.steps-container{gap:var(--spacing-md);flex-direction:column}.step{text-align:left;gap:var(--spacing-md);flex-direction:row;align-items:center}.step-number{width:32px;min-width:32px;height:32px;min-height:32px;font-size:var(--font-size-base);margin:0}.step-text{font-size:var(--font-size-base);line-height:var(--line-height-base);text-align:left;flex:1}.image-slide{height:250px}}@media (max-width:428px){.homepage-container{gap:var(--spacing-md)}.order-preparation-card,.explanation-card{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.step{padding:var(--spacing-sm) var(--spacing-md)}.step-number{width:28px;min-width:28px;height:28px;min-height:28px;font-size:var(--font-size-sm)}.step-text{font-size:var(--font-size-sm)}.explanation-text{padding:var(--spacing-sm);font-size:1rem}.image-slide{height:200px}}@media (max-width:576px){.card-title{font-size:var(--font-size-md);padding:var(--spacing-md)}.step{padding:var(--spacing-sm) var(--spacing-md)}.step-number{width:30px;min-width:30px;height:30px;min-height:30px}.step-text{font-size:var(--font-size-sm)}}.user-showcase-section{margin-top:var(--spacing-xxl);padding:var(--spacing-xxl) 0;background:var(--color-well)}.showcase-header{text-align:center;margin-bottom:var(--spacing-xxl);max-width:800px;padding:0 var(--spacing-lg);margin-left:auto;margin-right:auto}.showcase-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.showcase-subtitle{font-size:var(--font-size-base);color:var(--text-muted);line-height:var(--line-height-relaxed);margin-bottom:0}.slideshow-container{max-width:800px;padding:0 var(--spacing-lg);margin:0 auto;position:relative}.testimonial-slide{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--box-shadow);padding:var(--spacing-xxl);text-align:center;position:relative;overflow:hidden}.testimonial-slide:before{content:"";background:var(--primary-color);height:4px;position:absolute;top:0;left:0;right:0}.testimonial-content{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.testimonial-text{position:relative}.quote-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-color);max-width:600px;margin:0;font-style:italic;position:relative}.quote-text:before,.quote-text:after{content:"\"";font-size:var(--font-size-xxl);color:var(--primary-color);font-weight:700;position:absolute;top:-10px}.quote-text:before{left:-20px}.quote-text:after{right:-20px}.user-info{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.user-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0}.user-details{font-size:var(--font-size-base);color:var(--text-muted);align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;margin:0;display:flex}.document-type{color:var(--primary-color);font-weight:var(--font-weight-medium)}.separator,.user-country{color:var(--text-muted)}.star-rating{justify-content:center;gap:2px;display:flex}.star{font-size:var(--font-size-md);color:var(--border-color);transition:color .2s}.star.filled{color:gold}.slideshow-controls{margin-top:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.slide-arrow{color:var(--primary-color);cursor:pointer;font-size:var(--font-size-xl);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:color .2s;padding:var(--spacing-sm)!important;width:auto!important;min-width:auto!important;max-width:fit-content!important;box-shadow:none!important;border:none!important;outline:none!important;display:inline-flex!important}.slide-arrow:focus,.slide-arrow:focus-visible,.slide-arrow:active{box-shadow:none!important;border:none!important;outline:none!important}.slide-arrow:hover{color:var(--primary-color)}.slide-dots{gap:var(--spacing-sm);align-items:center;display:flex}.slide-dot{background:var(--primary-color-light);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.slide-dot.active{background:var(--primary-color);transform:scale(1.3)}.slide-dot:hover{background:var(--primary-color);transform:scale(1.1)}.showcase-cta{text-align:center;margin-top:var(--spacing-xxl);padding:0 var(--spacing-lg)}.cta-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--primary-color);margin:0}@media (max-width:768px){.user-showcase-section{padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}.showcase-header{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.showcase-title{font-size:var(--font-size-xl)}.showcase-subtitle{font-size:var(--font-size-base)}.slideshow-container{padding:0 var(--spacing-md)}.testimonial-slide{padding:var(--spacing-lg)}.quote-text{font-size:var(--font-size-base)}.quote-text:before,.quote-text:after{font-size:var(--font-size-xl);top:-8px}.quote-text:before{left:-15px}.quote-text:after{right:-15px}.user-details{gap:var(--spacing-xs);flex-direction:column}.separator{display:none}.slide-arrow{font-size:var(--font-size-lg);padding:var(--spacing-xs)}.slideshow-controls{gap:var(--spacing-sm)}.showcase-cta{margin-top:var(--spacing-xl);padding:0 var(--spacing-md)}.cta-text{font-size:var(--font-size-base)}}@media (max-width:480px){.slideshow-container{padding:0 var(--spacing-sm)}.testimonial-slide{padding:var(--spacing-md)}.quote-text:before,.quote-text:after{display:none}.showcase-cta{padding:0 var(--spacing-sm)}}.product-selection-loading{opacity:.6;pointer-events:none;position:relative}.loading-indicator-overlay{z-index:10;font-size:var(--font-size-sm);color:var(--text-muted);background:#ffffffe6;border-radius:4px;padding:8px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001a}