.storefront-view{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.sf-header{background:linear-gradient(135deg,#1a1a2e,#2d2d4a);padding:24px;overflow:hidden}.sf-header-grid{border-spacing:20px 0;display:table}.sf-logo-wrap{vertical-align:middle;display:table-cell}.sf-avatar-placeholder{color:#fff;background:#059669;border:3px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:700;display:flex}.sf-title-wrap{flex-direction:column;justify-content:center;display:flex}.edit-store-btn{color:#1a1a2e;cursor:pointer;background:#fff;border:none;border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.contact-store-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.contact-store-btn:hover{background:#047857}.edit-store-btn:hover{background:#f0f0f0}.sf-title{text-align:left;margin:0;font-size:1.5rem;font-weight:700;color:#fff!important}.sf-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sf-badge.url{color:#94a3b8;background:#ffffff1a;font-size:.75rem;text-decoration:none}@media (max-width:600px){.sf-header{padding:16px}.sf-header-grid{border-spacing:12px 0}.sf-logo{width:56px;height:56px}.sf-title{font-size:1.2rem}.sf-meta{gap:6px;margin-top:10px}}.sf-logo{object-fit:cover;border:3px solid #fff;border-radius:12px;width:72px;height:72px;box-shadow:0 2px 12px #0000004d}.sf-title{text-align:left;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:1.5rem;font-weight:700;color:#fff!important}.sf-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.sf-badge{color:#fff;background:#ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}.sf-badge svg{color:#94a3b8;font-size:.7rem}.sf-badge.url{color:#94a3b8;word-break:break-all;background:#ffffff1a;font-size:.75rem;text-decoration:none}.sf-badge.url:hover{color:#fff}.sf-body{padding:24px}.sf-description{color:#475569;border-bottom:1px solid #e5e5e5;margin-bottom:24px;padding-bottom:20px;font-size:1rem;line-height:1.7}.sf-creator-section h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-size:.85rem}.creator-card{background:#f8fafc;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.creator-avatar{object-fit:cover;border:2px solid #1a1a2e;border-radius:50%;width:48px;height:48px}.creator-details{flex:1}.creator-name{color:#1a1a2e;align-items:center;margin:0 0 6px;font-size:1rem;font-weight:600;display:flex}.creator-name svg{color:#64748b}.creator-email,.creator-phone{color:#64748b;align-items:center;gap:8px;margin:4px 0;font-size:.85rem;display:flex}.creator-email svg,.creator-phone svg{color:#94a3b8;font-size:.75rem}@media (max-width:600px){.sf-header{padding:16px}.sf-header-grid{gap:12px}.sf-logo{width:56px;height:56px}.sf-title{font-size:1.2rem}.sf-meta{margin-top:10px}}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-modal .modal-close{cursor:pointer;color:#64748b;z-index:1;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.contact-modal .modal-close:hover{color:#1a1a2e;background:#e2e8f0}.contact-modal .modal-header{text-align:center;background:#1a1a2e;padding:1.5rem 2rem}.contact-modal .modal-header h2{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.contact-modal .modal-body{padding:2rem}.contact-modal .contact-section h4{display:none}.contact-modal .contact-profile{cursor:pointer;border-bottom:1px solid #e5e5e5;align-items:center;gap:16px;margin-bottom:1.5rem;padding-bottom:1.5rem;text-decoration:none;transition:all .2s;display:flex}.contact-modal .contact-profile:hover{opacity:.8}.contact-modal .contact-avatar{object-fit:cover;border:3px solid #1a1a2e;border-radius:50%;width:64px;height:64px}.contact-modal .contact-avatar-placeholder{color:#fff;background:#059669;border:3px solid #1a1a2e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.contact-modal .contact-info h3{color:#1a1a2e;margin:0 0 4px;font-size:1.1rem}.contact-modal .contact-info p{color:#64748b;margin:0;font-size:.85rem}.contact-modal .contact-item{color:#1a1a2e;background:#f8fafc;border-radius:12px;align-items:center;gap:12px;margin-bottom:.75rem;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.contact-modal .contact-item:hover{background:#f1f5f9;transform:translate(4px)}.contact-modal .contact-icon{color:#1a1a2e;width:20px;font-size:1.1rem}.contact-modal .contact-item span{flex:1;font-size:.95rem}.contact-modal .whatsapp-label{color:#059669!important;flex:unset!important;font-size:.8rem!important}