.petra-shop-preview{--petra-shop-bg:#dceef0;--petra-shop-surface:#f0faf9;--petra-shop-border:#b8d9d4;--petra-shop-text:#1e293b;--petra-shop-text-muted:#64748b;--petra-shop-accent:#0d9488;--petra-shop-accent-2:#0284c7;--petra-shop-shadow:0 4px 16px rgba(15,23,42,0.07);--petra-shop-shadow-lg:0 14px 36px rgba(15,23,42,0.11);--petra-shop-r:12px;--petra-shop-card-ratio:1/1}.petra-shop-preview .petra-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}@media (min-width:640px){.petra-shop-preview .petra-shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.75rem}}.petra-shop-preview.petra-shop-preview--product-list{--petra-shop-card-ratio:4/3;--foreground:#0f172a;--card-foreground:#0f172a;--muted-foreground:#475569;--background:#ffffff;--card:#ffffff;--popover:#ffffff;--popover-foreground:#0f172a;--border:rgba(148,163,184,0.4);background-color:#ffffff;color:var(--foreground)}.petra-shop-preview.petra-shop-preview--product-list .petra-shop-grid{grid-template-columns:1fr;gap:1rem}@media (min-width:420px){.petra-shop-preview.petra-shop-preview--product-list .petra-shop-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1.125rem}}@media (min-width:640px){.petra-shop-preview.petra-shop-preview--product-list .petra-shop-grid{grid-template-columns:repeat(auto-fill,minmax(162px,1fr));gap:1.35rem}}@media (min-width:1024px){.petra-shop-preview.petra-shop-preview--product-list .petra-shop-grid{gap:1.5rem}}.petra-shop-preview.petra-shop-preview--product-list .petra-shop-card-image{max-height:112px;aspect-ratio:4/3}.petra-shop-preview.petra-shop-preview--product-list .petra-shop-card-body{padding:.65rem .75rem .8rem}.petra-shop-preview.petra-shop-preview--product-list .petra-shop-card-headline{font-size:.95rem;-webkit-line-clamp:2}.petra-shop-preview .petra-shop-card{background:var(--petra-shop-surface);border-radius:var(--petra-shop-r);overflow:hidden;box-shadow:var(--petra-shop-shadow);border:1px solid var(--petra-shop-border);display:flex;flex-direction:column;cursor:pointer;text-align:left;transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s cubic-bezier(0,0,.2,1),border-color .24s ease-out}.petra-shop-preview .petra-shop-card:hover{transform:translateY(-4px);box-shadow:var(--petra-shop-shadow-lg);border-color:rgba(13,148,136,.28)}.petra-shop-preview .petra-shop-card:focus-visible{outline:2px solid var(--petra-shop-accent);outline-offset:2px}.petra-shop-preview .petra-shop-card--selected{border-color:rgba(13,148,136,.5);box-shadow:var(--petra-shop-shadow-lg),0 0 0 2px rgba(13,148,136,.2),0 0 0 6px rgba(2,132,199,.12)}.petra-shop-preview .petra-shop-card-image{aspect-ratio:var(--petra-shop-card-ratio);background:var(--petra-shop-bg);position:relative;overflow:hidden}.petra-shop-preview .petra-shop-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .56s cubic-bezier(.16,1,.3,1),filter .24s ease-out}.petra-shop-preview .petra-shop-card:hover .petra-shop-card-image img{transform:scale(1.06);filter:saturate(1.08) brightness(1.02)}.petra-shop-preview .petra-shop-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--petra-shop-text-muted);font-size:.85rem}.petra-shop-preview .petra-shop-card-body{padding:1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column}.petra-shop-preview .petra-shop-card-headline{font-family:var(--font-petra-shop-serif,"Cormorant Garamond",serif);font-weight:600;font-size:1.1rem;line-height:1.35;margin:0;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;color:var(--petra-shop-text);transition:color .16s ease-out}.petra-shop-preview .petra-shop-card:hover .petra-shop-card-headline{color:var(--petra-shop-accent)}.petra-shop-preview .petra-shop-card-subtitle{opacity:.8;transition:opacity .18s ease-out}.petra-shop-preview .petra-shop-card--selected .petra-shop-card-subtitle,.petra-shop-preview .petra-shop-card:hover .petra-shop-card-subtitle{opacity:1}.petra-shop-preview .petra-preview-toolbar-item{transition:border-color .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.petra-shop-preview .petra-preview-toolbar-item:focus-within,.petra-shop-preview .petra-preview-toolbar-item:hover{border-color:rgba(13,148,136,.35);box-shadow:0 0 0 3px rgba(13,148,136,.08);background:rgba(255,255,255,.92)}.petra-shop-preview .petra-preview-icon-btn{height:2rem;width:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--petra-shop-border);background:rgba(255,255,255,.85);color:var(--petra-shop-text);transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}.petra-shop-preview .petra-preview-icon-btn:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(13,148,136,.5);box-shadow:0 6px 14px rgba(15,23,42,.12)}.petra-shop-preview .petra-preview-icon-btn:disabled{opacity:.45;cursor:not-allowed}.petra-shop-preview .petra-shop-editor-hero{display:flex;flex-direction:column;background:var(--petra-shop-surface)}.petra-shop-preview .petra-shop-editor-hero-image{display:flex;flex-direction:column;background:var(--petra-shop-bg);position:relative;overflow:hidden}.petra-shop-preview .petra-shop-editor-hero-stage{aspect-ratio:var(--petra-shop-card-ratio);max-height:min(360px,45vh);min-height:160px;position:relative;overflow:hidden}.petra-shop-preview .petra-shop-editor-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.petra-shop-preview .petra-shop-editor-hero-body{padding:1rem 1.25rem 1.25rem}.petra-shop-preview .petra-shop-editor-hero-headline{font-family:var(--font-petra-shop-serif,"Cormorant Garamond",serif);font-weight:600;font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.3;margin:0;letter-spacing:-.02em;color:var(--petra-shop-text);overflow-wrap:anywhere;word-break:break-word}.petra-shop-preview .petra-shop-editor-hero-meta{font-family:ui-monospace,monospace;font-size:11px;color:var(--petra-shop-text-muted);margin:.5rem 0 0;line-height:1.4;word-break:break-all}.petra-shop-preview .petra-shop-editor-hero--compact{flex-direction:row;align-items:stretch;gap:0}@media (max-width:639px){.petra-shop-preview .petra-shop-editor-hero--compact{flex-direction:column}}.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-image{flex:0 0 clamp(100px,28vw,140px);max-width:160px}@media (max-width:639px){.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-image{flex:none;max-width:none;width:100%}}.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-stage{max-height:112px;min-height:0;aspect-ratio:1}.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-filmstrip{max-height:2.75rem;padding-top:.25rem;padding-bottom:.25rem}.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-filmstrip button{height:2.25rem;width:2.25rem}.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.65rem 1rem .85rem}.petra-shop-preview .petra-shop-editor-hero--compact .petra-shop-editor-hero-headline{font-size:clamp(1.05rem,2vw,1.35rem)}.petra-shop-preview.petra-shop-preview--integrated-editor{--foreground:#0f172a;--card-foreground:#0f172a;--muted-foreground:#475569;--card:#f8fafc;--background:#ffffff;--popover-foreground:#0f172a;--popover:#ffffff;--border:rgba(148,163,184,0.45);--primary:#0d9488;color:var(--foreground)}.petra-shop-preview.petra-shop-preview--integrated-editor .petra-integrated-hero-actions [data-slot=button]{border-color:rgb(71 85 105/.55);color:#0f172a}.petra-shop-preview.petra-shop-preview--integrated-editor .petra-integrated-hero-actions [data-slot=button] svg{color:#0f172a}.petra-shop-preview.petra-shop-preview--integrated-editor .petra-integrated-hero-actions [data-slot=button]:hover:not(:disabled){background-color:rgb(241 245 249)}.petra-shop-preview.petra-shop-preview--integrated-editor .petra-integrated-hero-actions [aria-label="Produkt löschen"][data-slot=button]{border-color:rgb(248 113 113/.65);color:rgb(185 28 28)}.petra-shop-preview.petra-shop-preview--integrated-editor .petra-integrated-hero-actions [aria-label="Produkt löschen"][data-slot=button] svg{color:rgb(185 28 28)}.petra-shop-preview.petra-shop-preview--integrated-editor .petra-integrated-hero-actions [aria-label="Produkt löschen"][data-slot=button]:hover:not(:disabled){background-color:rgb(254 242 242)}