.settings-page{padding:0}.settings-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.settings-header h1{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;font-weight:700}.settings-tabs{margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--line);gap:0;display:flex}.settings-tabs .tab{padding:.75rem var(--spacing-lg);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--ink-muted);transition:color var(--transition), border-color var(--transition);align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600;display:flex}.settings-tabs .tab:hover{color:var(--ink)}.settings-tabs .tab.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.settings-content{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-2xl)}.settings-section h2{font-size:var(--font-size-xl);color:var(--ink);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--line);font-weight:700}.setting-group{margin-bottom:var(--spacing-lg)}.setting-group label{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--ink);display:block}.setting-group input[type=text],.setting-group input[type=email],.setting-group textarea{width:100%;padding:.75rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--ink);background-color:var(--surface);transition:border-color var(--transition)}.setting-group input:focus,.setting-group textarea:focus{border-color:var(--accent);outline:none}.setting-group small{margin-top:var(--spacing-xs);color:var(--ink-muted);font-size:var(--font-size-xs);display:block}.setting-with-upload{gap:var(--spacing-sm);display:flex}.setting-with-upload input{flex:1}.image-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);display:inline-block}.image-preview img{object-fit:contain;max-width:300px;max-height:150px}.banner-setting{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background-color:var(--bg);border-radius:var(--radius-card);border:1px solid var(--line)}.banner-setting h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--ink);font-weight:700}.setting-group label input[type=checkbox]{margin-right:var(--spacing-sm);width:auto;accent-color:var(--accent)}.media-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.media-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.media-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.media-item{background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);transition:border-color var(--transition);position:relative;overflow:hidden}.media-item:hover{border-color:var(--ink);box-shadow:var(--shadow-sm)}.media-preview{background-color:var(--surface);justify-content:center;align-items:center;width:100%;height:150px;display:flex;overflow:hidden}.media-preview img{object-fit:cover;width:100%;height:100%}.media-info{padding:.75rem}.media-name{font-size:var(--font-size-sm);color:var(--ink);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.media-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted)}.btn-delete-media{top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--surface);color:var(--danger);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;opacity:0;width:32px;height:32px;transition:opacity var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:flex;position:absolute}.btn-delete-media:hover{border-color:var(--danger);background-color:var(--danger-soft)}.media-item:hover .btn-delete-media{opacity:1}.no-media{text-align:center;padding:var(--spacing-3xl);color:var(--ink-muted);grid-column:1/-1}.settings-tab svg{font-size:var(--font-size-base)}.projects-page{padding:var(--spacing-2xl) 0}.projects-hero{padding:var(--spacing-3xl) var(--spacing-2xl);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:var(--spacing-2xl)}.projects-hero h1{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--spacing-md);font-weight:700}.projects-hero p{font-size:var(--font-size-base);color:var(--ink-muted);max-width:560px}.project-filters{gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);transition:border-color var(--transition), box-shadow var(--transition);overflow:hidden}.project-card:hover{border-color:var(--ink);box-shadow:var(--shadow-md)}.project-image{background-color:var(--bg);border-bottom:1px solid var(--line);width:100%;height:220px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-placeholder{width:100%;height:100%;color:var(--line);justify-content:center;align-items:center;display:flex}.project-info{padding:var(--spacing-lg)}.project-meta{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.project-category{align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);display:flex}.project-info h2{font-size:var(--font-size-xl);color:var(--ink);letter-spacing:-.01em;margin-bottom:var(--spacing-sm);font-weight:700}.project-description{font-size:var(--font-size-sm);color:var(--ink-muted);margin-bottom:var(--spacing-md);line-height:1.6}.project-dates{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--line);flex-direction:column;display:flex}.date-item{align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted);display:flex}.badge-ongoing{background-color:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent)}.badge-completed{background-color:var(--success-soft);color:var(--success);border-color:var(--success)}.badge-draft{background-color:var(--bg);color:var(--ink-muted);border-color:var(--line)}.no-results{text-align:center;padding:var(--spacing-3xl);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.no-results h2{font-size:var(--font-size-2xl);color:var(--ink);margin-bottom:var(--spacing-sm)}.no-results p{color:var(--ink-muted);font-size:var(--font-size-sm)}.contact-page{padding:var(--spacing-2xl) 0}.contact-hero{padding:var(--spacing-3xl) var(--spacing-2xl);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:var(--spacing-2xl)}.contact-hero h1{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--spacing-md);font-weight:700}.contact-hero p{font-size:var(--font-size-base);color:var(--ink-muted);max-width:560px}.contact-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.contact-info h2{font-size:var(--font-size-2xl);color:var(--ink);letter-spacing:-.01em;margin-bottom:var(--spacing-md);font-weight:700}.contact-info>p{color:var(--ink-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.contact-items{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.contact-item{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line);display:flex}.contact-icon{background-color:var(--ink);width:44px;height:44px;color:var(--surface);border-radius:var(--radius-card);font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-icon.whatsapp{background-color:var(--wa)}.contact-details h3{font-size:var(--font-size-base);color:var(--ink);margin-bottom:var(--spacing-xs);font-weight:700}.contact-details p{color:var(--ink-muted);font-size:var(--font-size-sm);margin-bottom:0}.whatsapp-link{color:var(--wa-ink);font-weight:600;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);text-decoration:none;display:inline-block}.whatsapp-link:hover{text-decoration:underline}.business-hours{padding:var(--spacing-lg);background-color:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line)}.business-hours h3{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--ink);margin-bottom:var(--spacing-md);font-weight:700;display:flex}.hours-list{flex-direction:column;display:flex}.hour-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--line);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.hour-row:last-child{border-bottom:none}.hour-row span{color:var(--ink-muted)}.hour-row span:last-child{font-family:var(--font-mono);color:var(--ink);font-weight:600}.contact-form-wrapper h2{font-size:var(--font-size-2xl);color:var(--ink);letter-spacing:-.01em;margin-bottom:var(--spacing-lg);font-weight:700}.contact-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.contact-form .form-group{gap:var(--spacing-sm);flex-direction:column;margin-bottom:0;display:flex}.contact-form .form-group label{font-weight:600;font-size:var(--font-size-sm);color:var(--ink)}.contact-form .form-group input,.contact-form .form-group textarea{padding:.75rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--ink);background-color:var(--surface);transition:border-color var(--transition)}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--accent);outline:none}.maps-section{margin-top:var(--spacing-2xl)}.maps-section h2{font-size:var(--font-size-2xl);color:var(--ink);letter-spacing:-.01em;margin-bottom:var(--spacing-lg);font-weight:700}.map-container{border-radius:var(--radius-card);border:1px solid var(--line);overflow:hidden}@media (width<=1024px){.contact-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.settings-header{flex-direction:column;align-items:flex-start}.settings-tabs{max-width:100%;overflow-x:auto}.setting-with-upload{flex-direction:column}.projects-hero h1,.contact-hero h1{font-size:var(--font-size-2xl)}.projects-grid{grid-template-columns:1fr}}@media (width<=480px){.project-filters{flex-direction:column}.project-filters .filter-btn{justify-content:center;width:100%}}.articles-page{padding:var(--spacing-2xl) 0}.articles-hero{padding:var(--spacing-3xl) var(--spacing-2xl);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:var(--spacing-2xl)}.articles-hero h1{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;margin:var(--spacing-sm) 0 var(--spacing-md);font-weight:700}.articles-hero p{font-size:var(--font-size-base);color:var(--ink-muted);max-width:620px;margin:0}.article-filters{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:minmax(240px,2fr) minmax(180px,1fr);display:grid}.article-featured{gap:var(--spacing-xl);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);transition:border-color var(--transition), box-shadow var(--transition);grid-template-columns:1fr 1fr;align-items:center;text-decoration:none;display:grid}.article-featured:hover{border-color:var(--ink);box-shadow:var(--shadow-md)}.article-featured-image{aspect-ratio:16/10;background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-btn);overflow:hidden}.article-featured-image img{object-fit:cover;width:100%;height:100%}.article-featured-body h2{font-size:var(--font-size-2xl);color:var(--ink);letter-spacing:-.02em;margin:var(--spacing-sm) 0 var(--spacing-md);font-weight:700;line-height:1.25}.article-featured-body p{color:var(--ink-muted);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);line-height:1.7}.articles-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.article-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.article-card:hover{border-color:var(--ink);box-shadow:var(--shadow-md)}.article-card-image{background-color:var(--bg);border-bottom:1px solid var(--line);height:200px;display:block;overflow:hidden}.article-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition)}.article-card:hover .article-card-image img{transform:scale(1.03)}.article-placeholder{background-color:var(--bg);width:100%;height:100%}.article-card-body{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.article-card-body h3{font-size:var(--font-size-lg);color:var(--ink);margin:var(--spacing-sm) 0 var(--spacing-md);font-weight:700;line-height:1.35}.article-card-body h3 a{color:inherit;text-decoration:none}.article-card-body h3 a:hover{text-decoration:underline}.article-card-body p{color:var(--ink-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);line-height:1.65}.article-category{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);display:inline-block}.article-meta{gap:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted);flex-wrap:wrap;display:flex}.article-meta span{align-items:center;gap:6px;display:inline-flex}.article-read-more{align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent);margin-top:auto;text-decoration:none;display:inline-flex}.article-read-more:hover{text-decoration:underline}.article-detail-page{padding:var(--spacing-2xl) 0}.article-back{align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--ink-muted);margin-bottom:var(--spacing-xl);text-decoration:none;display:inline-flex}.article-back:hover{color:var(--ink)}.article-content{max-width:760px;margin:0 auto}.article-header{margin-bottom:var(--spacing-2xl)}.article-header h1{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;margin:var(--spacing-sm) 0 var(--spacing-md);font-weight:700;line-height:1.2}.article-lead{font-size:var(--font-size-lg);color:var(--ink-muted);margin-bottom:var(--spacing-lg);line-height:1.7}.article-cover{margin:0 0 var(--spacing-2xl);border:1px solid var(--line);border-radius:var(--radius-card);background-color:var(--bg);overflow:hidden}.article-cover img{width:100%;height:auto;display:block}.article-body{font-size:var(--font-size-base);color:var(--ink);line-height:1.75}.article-body h2{font-size:var(--font-size-2xl);letter-spacing:-.01em;margin:var(--spacing-2xl) 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--line);font-weight:700}.article-body h3{font-size:var(--font-size-lg);margin:var(--spacing-xl) 0 var(--spacing-md);font-weight:700}.article-body p{margin-bottom:var(--spacing-md)}.article-body a{color:var(--accent);text-decoration:underline}.article-body ul,.article-body ol{margin:0 0 var(--spacing-md);padding-left:var(--spacing-xl)}.article-body li{margin-bottom:var(--spacing-xs)}.article-body strong{color:var(--ink);font-weight:700}.article-body code{font-family:var(--font-mono);background-color:var(--bg);border:1px solid var(--line);border-radius:3px;padding:2px 5px;font-size:.9em}.article-body pre{background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-btn);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);overflow-x:auto}.article-body pre code{font-size:var(--font-size-sm);background:0 0;border:none;padding:0;line-height:1.6}.article-body table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.article-body th,.article-body td{border:1px solid var(--line);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.article-body th{background-color:var(--bg);color:var(--ink);font-weight:700}.article-body figure{margin:var(--spacing-lg) 0}.article-body figure img{border:1px solid var(--line);border-radius:var(--radius-btn);background-color:var(--bg);width:100%;height:auto;display:block}.article-body figcaption{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted);margin-top:var(--spacing-sm);text-align:center}.article-tags{gap:var(--spacing-xs);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.article-tag{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-btn);padding:4px 10px}.article-body .card{background-color:var(--bg);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-btn);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.article-body .card p{color:var(--ink-muted);margin:0}.article-body .rumus{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-btn);padding:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;color:var(--ink)}.article-body .row{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.article-body .row figure{margin:0}.article-body .row .article-img{aspect-ratio:1;object-fit:contain;background-color:var(--surface)}.article-body table.pin{font-size:var(--font-size-sm)}.article-body pre .ln{line-height:1.6;display:block}.articles-modern{padding:var(--spacing-3xl) 0;background-color:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-seealso{align-items:center;gap:var(--spacing-md);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-btn);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.article-seealso-label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.article-seealso a{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent);text-decoration:none}.article-seealso a:hover{text-decoration:underline}.article-related{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--line)}.article-related h2{font-size:var(--font-size-2xl);color:var(--ink);margin-bottom:var(--spacing-lg);font-weight:700}@media (width<=1024px){.article-featured{grid-template-columns:1fr}}@media (width<=768px){.articles-hero{padding:var(--spacing-xl) var(--spacing-lg)}.article-filters{grid-template-columns:1fr}.article-header h1{font-size:var(--font-size-2xl)}.article-body table{white-space:nowrap;display:block;overflow-x:auto}}:root{--bg:#f4f2ed;--surface:#fff;--ink:#1a1d21;--ink-muted:#565d66;--line:#d8d4cc;--accent:#ea580c;--accent-dark:#c2410c;--accent-ink:#fff;--accent-soft:#fdeadd;--success:#15803d;--success-soft:#e4f2e9;--danger:#b91c1c;--danger-soft:#f9e7e7;--warning:#b45309;--wa:#25d366;--wa-hover:#1ebe5b;--wa-ink:#128c4b;--danger-on-dark:#fca5a5;--font-sans:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-size-xs:.8125rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-card:4px;--radius-btn:6px;--shadow-sm:0 1px 2px #1a1d2114;--shadow-md:0 2px 8px #1a1d211a;--shadow-lg:0 8px 24px #1a1d2124;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);border:none;min-height:44px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background-color:var(--accent-dark)}.btn-outline{color:var(--ink);border:1px solid var(--line);background-color:#0000}.btn-outline:hover{border-color:var(--ink)}.btn-lg{font-size:var(--font-size-lg);padding:1rem 2rem}.btn:disabled{opacity:.5;cursor:not-allowed}.navbar{background-color:var(--surface);border-bottom:1px solid var(--line);z-index:100;position:sticky;top:0}.navbar-container{max-width:1200px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;height:70px;margin:0 auto;display:flex}.navbar-logo{font-size:var(--font-size-2xl);color:var(--ink);letter-spacing:-.01em;font-weight:700;text-decoration:none}.navbar-logo:hover{color:var(--accent)}.navbar-logo-image{width:auto;height:36px;display:block}.navbar-menu{gap:var(--spacing-xl);align-items:center;list-style:none;display:flex}.navbar-link{color:var(--ink-muted);transition:color var(--transition);font-weight:500;text-decoration:none}.navbar-link:hover{color:var(--ink)}.cart-link{color:var(--ink-muted);font-size:var(--font-size-2xl);align-items:center;display:flex;position:relative}.cart-link:hover{color:var(--ink)}.cart-badge{background-color:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);border-radius:var(--radius-card);text-align:center;min-width:18px;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;position:absolute;top:-8px;right:-8px}.user-menu{align-items:center;gap:var(--spacing-md);color:var(--ink-muted);font-size:var(--font-size-sm);display:flex;position:relative}.user-menu-trigger{align-items:center;gap:var(--spacing-sm);border:1px solid var(--line);border-radius:var(--radius-btn);padding:var(--spacing-xs) var(--spacing-md);color:var(--ink-muted);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;font-weight:500;display:flex}.user-menu-trigger:hover{color:var(--ink);border-color:var(--ink)}.user-menu-dropdown{top:calc(100% + var(--spacing-sm));background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:180px;box-shadow:var(--shadow-md);z-index:110;flex-direction:column;display:flex;position:absolute;right:0}.user-menu-dropdown a,.user-menu-dropdown button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--ink-muted);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:color var(--transition), background-color var(--transition);background:0 0;border:none;text-decoration:none;display:flex}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{color:var(--ink);background-color:var(--bg)}.mobile-menu-btn{border:1px solid var(--line);border-radius:var(--radius-btn);font-size:var(--font-size-2xl);color:var(--ink);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);background:0 0;display:none}.section-label{align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:var(--spacing-md);font-weight:500;display:flex}.section-label:before{content:"";background-color:var(--accent);flex-shrink:0;width:24px;height:1px}.section-header-row{justify-content:space-between;align-items:flex-end;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--line);display:flex}.section-title-modern{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;font-weight:700;line-height:1.2}.section-desc{color:var(--ink-muted);font-size:var(--font-size-sm);max-width:380px}.hero-modern{padding:var(--spacing-3xl) 0;background-color:var(--bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);border-bottom:1px solid var(--line);background-size:32px 32px;position:relative;overflow:hidden}.promo-banners{padding:var(--spacing-lg) 0 0}.promo-banners-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.promo-banner{min-height:140px;padding:var(--spacing-md);border-radius:var(--radius-card);border:1px solid var(--line);background-position:50%;background-size:cover;align-items:flex-end;text-decoration:none;display:flex;position:relative}.promo-banner-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--ink);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-btn);padding:.375rem .75rem}.hero-content-modern{gap:var(--spacing-3xl);grid-template-columns:1.2fr 1fr;align-items:center;display:grid;position:relative}.hero-code{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--accent-dark);background-color:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-card);margin-bottom:var(--spacing-lg);align-items:center;padding:.375rem .75rem;display:inline-flex}.hero-text-modern h1{font-size:var(--font-size-4xl);color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.15}.hero-subtitle{font-size:var(--font-size-lg);color:var(--ink-muted);max-width:520px;margin-bottom:var(--spacing-xl);line-height:1.7}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-stats{display:none}.hero-photo{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);margin:0;overflow:hidden}.hero-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.hero-photo-caption{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);display:flex}.hero-photo-link{color:var(--accent-dark);font-weight:600;text-decoration:none}.hero-photo-link:hover{text-decoration:underline}.features-modern{padding:var(--spacing-3xl) 0;background-color:var(--surface);border-bottom:1px solid var(--line)}.features-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.feature-card{padding:var(--spacing-xl);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);transition:border-color var(--transition)}.feature-card:hover{border-color:var(--ink)}.feature-icon{background-color:var(--accent-soft);width:44px;height:44px;color:var(--accent-dark);border:1px solid var(--accent);border-radius:var(--radius-card);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.feature-card h3{font-size:var(--font-size-lg);color:var(--ink);margin-bottom:var(--spacing-sm);font-weight:700}.feature-card p{color:var(--ink-muted);font-size:var(--font-size-sm);line-height:1.6}.categories-modern{padding:var(--spacing-3xl) 0}.categories-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.category-card{background-color:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-card);border:1px solid var(--line);text-align:left;transition:border-color var(--transition);text-decoration:none;display:block}.category-card:hover{border-color:var(--accent)}.category-image-wrapper{border-radius:var(--radius-card);height:120px;margin-bottom:var(--spacing-md);background-color:var(--bg);border:1px solid var(--line);justify-content:center;align-items:center;display:flex;overflow:hidden}.category-image{object-fit:cover;width:100%;height:100%}.category-placeholder{width:100%;height:100%;font-family:var(--font-mono);font-size:var(--font-size-2xl);color:var(--line);justify-content:center;align-items:center;font-weight:600;display:flex}.category-card h3{font-size:var(--font-size-base);color:var(--ink);margin-bottom:var(--spacing-xs);font-weight:700}.category-card p{color:var(--ink-muted);font-size:var(--font-size-sm)}.featured-products{padding:var(--spacing-3xl) 0;background-color:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.products-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.product-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--ink);box-shadow:var(--shadow-md)}.product-image-link{display:block}.product-image-wrapper{background-color:var(--bg);border-bottom:1px solid var(--line);width:100%;padding-top:75%;position:relative}.product-image-wrapper img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.featured-badge{top:var(--spacing-md);right:var(--spacing-md);background-color:var(--surface);color:var(--accent-dark);border:1px solid var(--accent);font-family:var(--font-mono);border-radius:var(--radius-card);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;padding:.25rem .625rem;font-weight:600;position:absolute}.product-info{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.product-name{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:700}.product-name a{color:var(--ink);text-decoration:none}.product-name a:hover{color:var(--accent-dark)}.product-category{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-md)}.product-footer{padding-top:var(--spacing-md);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{flex-direction:column;gap:2px;display:flex}.price-label{font-family:var(--font-mono);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.price-current{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--accent-dark);font-weight:700}.price-original{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--ink-muted);text-decoration:line-through}.product-stock{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em}.product-stock.in-stock{color:var(--success)}.product-stock.out-of-stock{color:var(--danger)}.add-to-cart-btn{width:100%;margin-top:var(--spacing-md);background-color:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);padding:.75rem}.add-to-cart-btn:hover:not(:disabled){background-color:var(--ink);color:var(--surface);border-color:var(--ink)}.add-to-cart-btn:disabled{color:var(--ink-muted);cursor:not-allowed}.steps-section{padding:var(--spacing-3xl) 0}.steps-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.step-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-xl)}.step-number{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-dark);letter-spacing:.08em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--line);font-weight:600;display:block}.step-card h3{font-size:var(--font-size-base);color:var(--ink);margin-bottom:var(--spacing-sm);font-weight:700}.step-card p{color:var(--ink-muted);font-size:var(--font-size-sm)}.cta-modern{padding:var(--spacing-3xl) 0}.cta-box{background-color:var(--ink);border-radius:var(--radius-card);padding:var(--spacing-3xl);justify-content:space-between;align-items:center;gap:var(--spacing-2xl);flex-wrap:wrap;display:flex}.cta-content h2{font-size:var(--font-size-3xl);color:var(--surface);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);font-weight:700}.cta-content p{font-size:var(--font-size-base);color:var(--line);max-width:480px}.cta-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.btn-white{background-color:var(--surface);color:var(--ink);align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--transition);border:none;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-white:hover{background-color:var(--accent-soft)}.btn-outline-white{color:var(--surface);border:1px solid var(--ink-muted);align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-btn);cursor:pointer;transition:border-color var(--transition), color var(--transition);background-color:#0000;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline-white:hover{border-color:var(--surface)}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.products-page,.cart-page,.checkout-page,.profile-page,.orders-page{padding:var(--spacing-2xl) 0;min-height:60vh}.page-title{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--spacing-xl);font-weight:700}.products-filters{background-color:var(--surface);padding:var(--spacing-lg);border:1px solid var(--line);border-radius:var(--radius-card);margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.search-form{gap:var(--spacing-sm);flex:1;min-width:250px;display:flex}.search-form input{width:100%;padding:.75rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--ink);background-color:var(--surface);flex:1}.search-form input::placeholder{color:var(--ink-muted)}.search-form input:focus{border-color:var(--accent);outline:none}.category-filter{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-btn{border:1px solid var(--line);background-color:var(--surface);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--ink-muted);transition:color var(--transition), border-color var(--transition), background-color var(--transition);padding:.5rem 1rem;font-weight:500}.filter-btn:hover{border-color:var(--ink);color:var(--ink)}.filter-btn.active{background-color:var(--ink);color:var(--surface);border-color:var(--ink)}.pagination{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);display:flex}.btn-page{border:1px solid var(--line);background-color:var(--surface);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--ink);transition:border-color var(--transition), background-color var(--transition);padding:.5rem 1rem;font-weight:500}.btn-page:hover:not(:disabled){border-color:var(--ink)}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}.product-detail-page{padding:var(--spacing-2xl) 0}.breadcrumb{margin-bottom:var(--spacing-xl);color:var(--ink-muted);font-size:var(--font-size-sm)}.breadcrumb a{color:var(--ink-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent-dark)}.product-detail-container{gap:var(--spacing-3xl);background-color:var(--surface);padding:var(--spacing-2xl);border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:1fr 1fr;display:grid}.product-detail-image{border-radius:var(--radius-card);background-color:var(--bg);border:1px solid var(--line);width:100%;overflow:hidden}.product-detail-image img{width:100%;height:auto;display:block}.image-thumbnails{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.image-thumbnails img{object-fit:cover;border-radius:var(--radius-card);cursor:pointer;border:1px solid var(--line);width:72px;height:72px;transition:border-color var(--transition)}.image-thumbnails img:hover{border-color:var(--ink)}.image-thumbnails img.active{border-color:var(--accent)}.product-detail-info h1{font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--spacing-md);font-weight:700}.product-category-tag{background-color:var(--bg);color:var(--ink-muted);border:1px solid var(--line);font-family:var(--font-mono);border-radius:var(--radius-card);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);padding:.25rem .625rem;display:inline-block}.product-price-section{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-detail-stock{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--success);margin-bottom:var(--spacing-lg);display:flex}.product-detail-stock .stock-icon{flex-shrink:0}.product-detail-stock .stock-text{font-weight:600}.product-detail-stock .stock-count{color:var(--ink-muted);font-family:var(--font-mono)}.product-detail-stock .out-of-stock{color:var(--danger);font-weight:600}.product-description-section{margin:var(--spacing-xl) 0}.product-description-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:700}.product-description-section p{color:var(--ink-muted);line-height:1.7}.product-specs{margin:var(--spacing-xl) 0}.product-specs h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:700}.specs-table{border-collapse:collapse;border:1px solid var(--line);width:100%}.specs-table td{padding:.75rem var(--spacing-md);border-bottom:1px solid var(--line)}.specs-table tr:last-child td{border-bottom:none}.spec-key{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);width:40%}.spec-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--ink)}.product-actions{gap:var(--spacing-md);margin:var(--spacing-xl) 0;display:flex}.quantity-selector{border:1px solid var(--line);border-radius:var(--radius-btn);background-color:var(--surface);align-items:center;display:flex}.quantity-btn{width:40px;height:44px;font-size:var(--font-size-xl);cursor:pointer;color:var(--ink);transition:color var(--transition);background-color:#0000;border:none}.quantity-btn:hover{color:var(--accent-dark)}.quantity-input{text-align:center;width:60px;height:44px;font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--ink);background-color:#0000;border:none}.product-meta{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--line)}.meta-item{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);display:flex}.meta-label{color:var(--ink-muted);min-width:100px}.meta-value{color:var(--ink);font-family:var(--font-mono);font-size:var(--font-size-sm)}.cart-container{gap:var(--spacing-2xl);grid-template-columns:2fr 1fr;display:grid}.cart-items{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-xl)}.cart-item{gap:var(--spacing-lg);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--line);grid-template-columns:100px 1fr auto auto auto;align-items:center;display:grid}.cart-item:last-child{border-bottom:none}.cart-item-image{object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--line);width:100px;height:100px}.cart-item-info h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:700}.cart-item-info h3 a{color:var(--ink);text-decoration:none}.cart-item-info h3 a:hover{color:var(--accent-dark)}.cart-item-price{font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--ink)}.cart-item-total{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--accent-dark);font-weight:700}.btn-remove{padding:.5rem var(--spacing-md);color:var(--danger);border:1px solid var(--line);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);transition:border-color var(--transition), background-color var(--transition);background-color:#0000}.btn-remove:hover{border-color:var(--danger);background-color:var(--danger-soft)}.cart-summary{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-xl);height:fit-content;position:sticky;top:90px}.cart-summary h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--line);font-weight:700}.summary-row{margin-bottom:var(--spacing-md);color:var(--ink-muted);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.summary-total{font-size:var(--font-size-xl);color:var(--ink);padding-top:var(--spacing-md);border-top:1px solid var(--line);margin-top:var(--spacing-md);justify-content:space-between;font-weight:700;display:flex}.summary-total span:last-child{font-family:var(--font-mono);color:var(--accent-dark)}.btn-checkout{width:100%;margin-top:var(--spacing-lg)}.cart-summary .btn-outline{width:100%;margin-top:var(--spacing-md)}.btn-continue{text-align:center;margin-top:var(--spacing-md);color:var(--ink-muted);font-size:var(--font-size-sm);text-decoration:none;display:block}.btn-continue:hover{color:var(--ink)}.empty-cart{text-align:center;padding:var(--spacing-3xl);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.empty-cart h2{font-size:var(--font-size-2xl);color:var(--ink);margin-bottom:var(--spacing-md)}.empty-cart p{color:var(--ink-muted);margin-bottom:var(--spacing-xl)}.checkout-container{gap:var(--spacing-2xl);grid-template-columns:2fr 1fr;display:grid}.checkout-form{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-2xl)}.form-section{margin-bottom:var(--spacing-2xl)}.form-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--line);font-weight:700}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);color:var(--ink);display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--ink);background-color:var(--surface);transition:border-color var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);outline:none}.form-group textarea{resize:vertical;min-height:100px}.payment-methods{gap:var(--spacing-md);flex-direction:column;display:flex}.payment-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);cursor:pointer;transition:border-color var(--transition), background-color var(--transition);display:flex}.payment-option:hover{border-color:var(--ink)}.payment-option:has(input:checked){border-color:var(--accent);background-color:var(--accent-soft)}.payment-option input[type=radio]{accent-color:var(--accent)}.payment-option strong{color:var(--ink);display:block}.payment-option p{color:var(--ink-muted);font-size:var(--font-size-sm)}.order-summary{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-xl);height:fit-content;position:sticky;top:90px}.order-summary h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--line);font-weight:700}.order-items{margin-bottom:var(--spacing-lg)}.order-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--ink-muted);display:flex}.order-item img{object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-btn);flex-shrink:0;width:48px;height:48px}.order-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.order-item-info span:first-child{color:var(--ink);font-weight:600}.order-item-qty{font-family:var(--font-mono);font-size:var(--font-size-xs)}.order-item>span:last-child{font-family:var(--font-mono);color:var(--ink)}.btn-place-order{width:100%;margin-top:var(--spacing-lg)}.auth-page{min-height:80vh;padding:var(--spacing-2xl) 0;justify-content:center;align-items:center;display:flex}.auth-container{background-color:var(--surface);padding:var(--spacing-3xl);border:1px solid var(--line);border-radius:var(--radius-card);width:100%;max-width:420px}.auth-title{font-size:var(--font-size-3xl);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);text-align:center;color:var(--ink);font-weight:700}.auth-subtitle{text-align:center;color:var(--ink-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2xl)}.auth-form .btn{width:100%;margin-top:var(--spacing-md)}.auth-link{text-align:center;margin-top:var(--spacing-lg);color:var(--ink-muted);font-size:var(--font-size-sm)}.auth-link a{color:var(--accent-dark);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.profile-container{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-2xl);max-width:600px}.orders-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.order-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-xl)}.order-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.order-header h3{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:600}.order-date{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.order-badges{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.order-details p{margin-bottom:var(--spacing-sm);color:var(--ink-muted);font-size:var(--font-size-sm)}.order-details strong{color:var(--ink)}.status-badge{border-radius:var(--radius-card);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;padding:.25rem .625rem;font-weight:600;display:inline-block}.status-badge.pending,.status-badge.processing{background-color:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent)}.status-badge.shipped,.status-badge.delivered{background-color:var(--success-soft);color:var(--success);border-color:var(--success)}.status-badge.cancelled{background-color:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.status-badge.paid{background-color:var(--success-soft);color:var(--success);border-color:var(--success)}.status-badge.unpaid{background-color:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent)}.admin-layout{background-color:var(--bg);min-height:100vh;display:flex}.admin-topbar{display:none}.admin-sidebar{background-color:var(--ink);color:#ffffffb3;flex-direction:column;flex-shrink:0;width:248px;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-brand{padding:var(--spacing-lg);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;display:flex}.admin-brand-name{letter-spacing:.04em;color:#fff;font-weight:800;font-size:var(--font-size-base)}.admin-brand-tag{font-family:var(--font-mono);letter-spacing:.08em;background-color:var(--accent);color:var(--accent-ink);border-radius:3px;padding:2px 6px;font-size:10px}.admin-sidebar-nav{padding:var(--spacing-md) 0;flex-direction:column;flex:1;display:flex}.admin-nav-link{align-items:center;gap:var(--spacing-sm);padding:.625rem var(--spacing-lg);color:#ffffffa6;font-size:var(--font-size-sm);transition:color var(--transition), background-color var(--transition), border-color var(--transition);border-left:3px solid #0000;font-weight:500;text-decoration:none;display:flex}.admin-nav-link:hover{color:#fff;background-color:#ffffff0f}.admin-nav-link.active{color:#fff;border-left-color:var(--accent);background-color:#ffffff0f}.admin-sidebar-footer{padding-top:var(--spacing-sm);border-top:1px solid #ffffff1f}.admin-user{padding:var(--spacing-md) var(--spacing-lg)}.admin-user-name{color:#fff;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.admin-logout{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-btn);color:#ffffffb3;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:1px solid #ffffff40;display:flex}.admin-logout:hover{color:#fff;border-color:#fff}.admin-overlay{display:none}.admin-main{min-width:0;padding:var(--spacing-2xl);flex:1}.admin-page-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.admin-page-header h1{font-size:var(--font-size-2xl);color:var(--ink);letter-spacing:-.02em;margin-top:var(--spacing-sm)}.admin-quick-links{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.dashboard-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background-color:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-card);border:1px solid var(--line)}.stat-card h3{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.stat-value{font-family:var(--font-mono);font-size:var(--font-size-3xl);color:var(--ink);letter-spacing:-.02em;font-weight:700}.section-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.section-header h2{font-size:var(--font-size-2xl);letter-spacing:-.01em;font-weight:700}.admin-table-container{background-color:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:600px}.admin-table th{background-color:var(--bg);padding:var(--spacing-md);text-align:left;font-family:var(--font-mono);font-weight:600;font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--line)}.admin-table td{padding:var(--spacing-md);border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--font-size-sm);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table .checkbox-cell{text-align:center;width:40px}.admin-table .checkbox-cell input[type=checkbox]{accent-color:var(--accent)}.table-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.admin-table tbody tr{transition:background-color var(--transition)}.admin-table tbody tr:hover{background-color:var(--bg)}.admin-table select{border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--ink);background-color:var(--surface);cursor:pointer;padding:.375rem .5rem}.admin-table select:focus{border-color:var(--accent);outline:none}.admin-table small{color:var(--ink-muted);font-size:var(--font-size-xs)}.no-data{text-align:center;color:var(--ink-muted);padding:var(--spacing-2xl)}.btn-small{border:1px solid var(--line);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);background-color:var(--surface);color:var(--ink);transition:border-color var(--transition);padding:.375rem .75rem;font-weight:600}.btn-small:hover{border-color:var(--ink)}.status-badge.active{background-color:var(--success-soft);color:var(--success);border-color:var(--success)}.status-badge.inactive{background-color:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.btn-edit,.btn-delete,.btn-duplicate{border:1px solid var(--line);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);margin-right:var(--spacing-sm);background-color:var(--surface);transition:border-color var(--transition), color var(--transition), background-color var(--transition);padding:.375rem .75rem;font-weight:600}.btn-edit{color:var(--ink)}.btn-edit:hover{border-color:var(--ink)}.btn-duplicate{color:var(--accent-dark)}.btn-duplicate:hover{border-color:var(--accent);background-color:var(--accent-soft)}.btn-delete{color:var(--danger);margin-right:0}.btn-delete:hover{border-color:var(--danger);background-color:var(--danger-soft)}.admin-filters{background-color:var(--surface);padding:var(--spacing-lg);border-radius:var(--radius-card);border:1px solid var(--line);margin-bottom:var(--spacing-lg);gap:var(--spacing-md);grid-template-columns:minmax(240px,2fr) repeat(3,minmax(160px,1fr)) auto;align-items:end;display:grid}.search-box input{width:100%;padding:.75rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--ink)}.search-box input:focus{border-color:var(--accent);outline:none}.filter-group{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-group label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.filter-group input,.filter-group select{width:100%;padding:.625rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);background-color:var(--surface);color:var(--ink);min-width:0}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent);outline:none}.filter-select{padding:.625rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);background-color:var(--surface);cursor:pointer;color:var(--ink)}.btn-reset-filters{padding:.625rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;color:var(--ink-muted);white-space:nowrap;background-color:#0000;align-self:end;font-weight:500}.btn-reset-filters:hover{border-color:var(--ink);color:var(--ink)}.bulk-actions-bar{background-color:var(--ink);color:var(--surface);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-card);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.bulk-actions{gap:var(--spacing-md);display:flex}.selected-count{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600}.btn-bulk{padding:.5rem var(--spacing-md);border:1px solid var(--ink-muted);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;color:var(--surface);transition:border-color var(--transition);background-color:#0000;font-weight:500}.btn-bulk:hover{border-color:var(--surface)}.btn-bulk.delete{color:var(--danger-on-dark)}.btn-bulk.delete:hover{border-color:var(--danger-on-dark)}.admin-actions{gap:var(--spacing-md);display:flex}.btn-export,.btn-import{padding:.625rem var(--spacing-lg);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;background-color:var(--surface);color:var(--ink);border:1px solid var(--line);align-items:center;gap:var(--spacing-sm);transition:border-color var(--transition);font-weight:600;display:inline-flex}.btn-export:hover,.btn-import:hover{border-color:var(--ink)}.low-stock{color:var(--warning);font-weight:600;font-family:var(--font-mono)}.header-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn-add-product{padding:.625rem var(--spacing-lg);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;background-color:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);align-items:center;gap:var(--spacing-sm);transition:background-color var(--transition);font-weight:600;display:inline-flex}.btn-add-product:hover{background-color:var(--accent-dark)}.product-form-modal,.modal-overlay{z-index:1000;padding:var(--spacing-lg);background-color:#1a1d218c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line);width:100%;max-width:720px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-xl);letter-spacing:-.01em;font-weight:700}.close-btn{border:1px solid var(--line);border-radius:var(--radius-btn);font-size:var(--font-size-lg);color:var(--ink-muted);cursor:pointer;width:36px;height:36px;transition:color var(--transition), border-color var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.close-btn:hover{color:var(--ink);border-color:var(--ink)}.product-form{padding:var(--spacing-xl)}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-group small{margin-top:var(--spacing-xs);color:var(--ink-muted);font-size:var(--font-size-xs);display:block}.form-group.checkboxes{gap:var(--spacing-xl);align-items:center;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.spec-inputs{gap:var(--spacing-sm);display:flex}.spec-inputs input{padding:.625rem var(--spacing-md);border:1px solid var(--line);border-radius:var(--radius-btn);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--ink);flex:1}.spec-inputs input:focus{border-color:var(--accent);outline:none}.btn-add{padding:.625rem var(--spacing-md);background-color:var(--ink);color:var(--surface);border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;font-weight:600}.btn-add:hover{background-color:var(--accent-dark)}.spec-list{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.spec-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);font-family:var(--font-mono);font-size:var(--font-size-sm);display:flex}.spec-item .btn-remove{padding:.25rem .625rem}.image-preview{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.image-item{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-card);position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%}.btn-delete-image{background-color:var(--surface);width:24px;height:24px;color:var(--danger);border:1px solid var(--line);border-radius:var(--radius-card);font-size:var(--font-size-xs);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.btn-delete-image:hover{border-color:var(--danger);background-color:var(--danger-soft)}.main-image-badge{background-color:var(--ink);color:var(--surface);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:2px 6px;font-size:.625rem;position:absolute;bottom:4px;left:4px}.upload-section{margin-top:var(--spacing-md);border:1px dashed var(--line);border-radius:var(--radius-card);padding:var(--spacing-lg);text-align:center}.upload-btn{padding:.625rem var(--spacing-lg);background-color:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-btn);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition);display:inline-block}.upload-btn:hover{border-color:var(--ink)}.form-actions{gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--line);margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.btn-cancel{padding:.75rem var(--spacing-lg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-btn);cursor:pointer;transition:border-color var(--transition);background-color:#0000;font-weight:600}.btn-cancel:hover{border-color:var(--ink)}.btn-submit{padding:.75rem var(--spacing-lg);background-color:var(--accent);color:var(--accent-ink);border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--transition);border:none;font-weight:600}.btn-submit:hover:not(:disabled){background-color:var(--accent-dark)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.import-modal{max-width:560px}.import-instructions{background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--ink-muted)}.import-instructions ol{padding-left:var(--spacing-lg)}.import-instructions code{font-family:var(--font-mono);font-size:var(--font-size-xs);background-color:var(--surface);border:1px solid var(--line);word-break:break-all;border-radius:2px;padding:1px 5px}.footer{background-color:var(--surface);border-top:1px solid var(--line);color:var(--ink-muted);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1.5fr;display:grid}.footer-section h3{color:var(--ink);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-family:var(--font-mono)}.footer-section p{font-size:var(--font-size-sm);line-height:1.7}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--ink-muted);font-size:var(--font-size-sm);transition:color var(--transition);text-decoration:none}.footer-section a:hover{color:var(--accent-dark)}.footer-logo-image{max-width:160px;height:auto;margin-bottom:var(--spacing-md)}.social-links{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.social-links a{border:1px solid var(--line);border-radius:var(--radius-card);width:36px;height:36px;color:var(--ink-muted);font-size:var(--font-size-base);transition:color var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:flex}.social-links a:hover{color:var(--accent-dark);border-color:var(--accent)}.contact-list li{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);display:flex}.contact-list svg{color:var(--accent-dark);flex-shrink:0;margin-top:3px}.footer-bottom{border-top:1px solid var(--line);padding-top:var(--spacing-lg);text-align:center;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--ink-muted)}.whatsapp-float{bottom:var(--spacing-xl);right:var(--spacing-xl);background-color:var(--wa);color:#fff;border-radius:var(--radius-card);width:52px;height:52px;box-shadow:var(--shadow-md);z-index:999;transition:background-color var(--transition);justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed}.whatsapp-float:hover{background-color:var(--wa-hover)}.loading{text-align:center;padding:var(--spacing-3xl);color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.04em}.error-message{background-color:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);padding:var(--spacing-md);border-radius:var(--radius-card);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.success-message{background-color:var(--success-soft);color:var(--success);border:1px solid var(--success);padding:var(--spacing-md);border-radius:var(--radius-card);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.not-found-page{min-height:60vh;padding:var(--spacing-2xl) 0;justify-content:center;align-items:center;display:flex}.not-found-content{text-align:center;background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--spacing-3xl)}.not-found-content h1{font-family:var(--font-mono);color:var(--accent-dark);margin-bottom:var(--spacing-md);font-size:4rem;font-weight:700}.not-found-content h2{font-size:var(--font-size-2xl);color:var(--ink);margin-bottom:var(--spacing-md)}.not-found-content p{color:var(--ink-muted);margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero-content-modern{gap:var(--spacing-2xl);grid-template-columns:1fr}.product-detail-container{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-layout{flex-direction:column}.admin-topbar{align-items:center;gap:var(--spacing-md);z-index:120;background-color:var(--surface);border-bottom:1px solid var(--line);padding:var(--spacing-sm) var(--spacing-lg);display:flex;position:sticky;top:0}.admin-menu-btn{border:1px solid var(--line);border-radius:var(--radius-btn);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;color:var(--ink);background:0 0;align-items:center;font-size:1rem;display:flex}.admin-topbar-title{color:var(--ink);font-weight:700;font-size:var(--font-size-sm)}.admin-sidebar{z-index:200;transition:transform var(--transition);position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-overlay{z-index:150;background-color:#1a1d2180;display:block;position:fixed;inset:0}.admin-main{padding:var(--spacing-lg)}.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters .btn-reset-filters{grid-column:1/-1;justify-self:start}}@media (width<=768px){.navbar-menu{background-color:var(--surface);padding:var(--spacing-lg);border-bottom:1px solid var(--line);gap:var(--spacing-md);flex-direction:column;align-items:flex-start;display:none;position:absolute;top:70px;left:0;right:0}.navbar-menu.active{display:flex}.user-menu{width:100%}.user-menu-dropdown{box-shadow:none;border-bottom:none;border-left:none;border-right:none;border-radius:0;width:100%;position:static}.mobile-menu-btn{display:block}.hero-text-modern h1{font-size:var(--font-size-3xl)}.section-header-row{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.cart-container,.checkout-container{grid-template-columns:1fr}.cart-summary,.order-summary{position:static}.cart-item{grid-template-rows:auto auto;grid-template-columns:72px 1fr}.cart-item-image{width:72px;height:72px}.cta-box{padding:var(--spacing-2xl)}.form-row,.footer-grid{grid-template-columns:1fr}.admin-filters{padding:var(--spacing-md);grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 var(--spacing-md)}.hero-text-modern h1{font-size:var(--font-size-2xl)}.hero-actions .btn,.cta-actions{width:100%}.cta-actions .btn-white,.cta-actions .btn-outline-white{justify-content:center;width:100%}.products-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr}.product-info{padding:var(--spacing-md)}.product-form-modal,.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh}}