.planogramm-page-v3{padding-top:72px;min-height:100vh;background:var(--color-white)}.planogramm-hero{padding:var(--space-16) 0 var(--space-12);background:linear-gradient(180deg,#f8fafc,#ffffff);text-align:center}.planogramm-hero .hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fef3c7;border:1px solid #fbbf24;border-radius:9999px;font-size:.875rem;font-weight:500;color:#92400e;margin-bottom:var(--space-6)}.planogramm-hero h1{font-size:2.5rem;font-weight:700;color:#111827;margin:0 0 var(--space-4) 0}@media (min-width:768px){.planogramm-hero h1{font-size:3rem}}.planogramm-hero .hero-intro{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.planogramm-explainer{padding:var(--space-12) 0;background:white;border-bottom:1px solid #e5e7eb}.planogramm-explainer h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 var(--space-6) 0}.explainer-content{max-width:720px}.explainer-content p{font-size:1rem;color:#4b5563;line-height:1.8;margin:0 0 var(--space-4) 0}.explainer-content strong{color:#111827}.explainer-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.explainer-list li{font-size:.95rem;color:#4b5563;padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;line-height:1.6}.explainer-list li:before{content:"→";position:absolute;left:0;color:#3b82f6;font-weight:600}.planogramm-values{padding:var(--space-12) 0;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.values-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media (min-width:768px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-item{text-align:center;padding:var(--space-6)}.value-item .value-icon{font-size:2rem;display:block;margin-bottom:var(--space-4)}.value-item h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 var(--space-2) 0}.value-item p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.6}.planogramm-example{padding:var(--space-16) 0}.section-header{text-align:center;margin-bottom:var(--space-8)}.section-header h2{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 var(--space-2) 0}.section-header p{font-size:1rem;color:#6b7280;margin:0}.table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;background:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.planogramm-table{width:100%;border-collapse:collapse;font-size:.9rem}.planogramm-table th{background:#f9fafb;padding:var(--space-4);text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.planogramm-table td{padding:var(--space-4);border-bottom:1px solid #f3f4f6;color:#4b5563}.planogramm-table tr:last-child td{border-bottom:none}.planogramm-table tr:hover{background:#fafafa}.planogramm-table tr.recommended{background:#f0fdf4}.planogramm-table tr.recommended:hover{background:#dcfce7}.cell-position{font-weight:600;color:#3b82f6}.cell-position,.cell-sku{font-family:SF Mono,JetBrains Mono,monospace}.cell-sku{color:#6b7280}.cell-name{font-weight:500;color:#111827}.cell-category{color:#6b7280}.cell-facings{font-weight:600;color:#374151}.cell-facings,.cell-recommended{text-align:center}.badge-recommended{background:#dcfce7;color:#166534;font-weight:600}.badge-optional,.badge-recommended{display:inline-block;padding:4px 10px;border-radius:9999px;font-size:.75rem}.badge-optional{background:#f3f4f6;color:#6b7280;font-weight:500}.table-footer{margin-top:var(--space-4)}.table-note{font-size:.875rem;color:#6b7280;text-align:center;margin:0}.planogramm-services{padding:var(--space-16) 0;background:#f9fafb}.planogramm-services h2{text-align:center;font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 var(--space-10) 0}.services-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-6)}@media (min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:white;border-radius:16px;padding:var(--space-6);border:1px solid #e5e7eb;transition:all .2s ease}.service-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.1)}.service-icon{font-size:2rem;margin-bottom:var(--space-4)}.service-card h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 var(--space-3) 0}.service-card p{font-size:.9rem;color:#6b7280;margin:0 0 var(--space-4) 0;line-height:1.6}.service-features{list-style:none;padding:0;margin:0}.service-features li{font-size:.85rem;color:#4b5563;padding:var(--space-1) 0;padding-left:var(--space-5);position:relative}.service-features li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:600}.planogramm-cta{padding:var(--space-16) 0}.cta-box{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:24px;padding:var(--space-10) var(--space-8);text-align:center;color:white}.cta-box h2{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-4) 0;color:white}.cta-box>p{font-size:1rem;opacity:.9;max-width:500px;margin:0 auto var(--space-8);line-height:1.6;color:white}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.cta-box .btn-primary{background:white;color:#0f172a}.cta-box .btn-primary:hover{background:#f1f5f9}.cta-box .btn-outline{background:transparent;border:1px solid rgba(255,255,255,.3);color:white}.cta-box .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.cta-note{font-size:.875rem;opacity:.7;margin:0}@media (max-width:768px){.planogramm-hero{padding:var(--space-12) 0 var(--space-8)}.planogramm-hero h1{font-size:1.75rem}.cta-box{padding:var(--space-8) var(--space-6)}.cta-box h2{font-size:1.5rem}}