:root{--brand:#138670;--brand-dark:#0d5e50;--ink:#123b34;--muted:#6c817b;--line:#d8e7e2;--surface:#fff;--soft:#f1f8f6;--page:#fcfbf7;--danger:#b84d4d;--shadow:0 18px 50px rgba(18,59,52,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Urbanist,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.pro-page{max-width:1320px;margin:0 auto;padding:42px 24px 80px}.pro-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px;border-radius:24px;background:linear-gradient(135deg,var(--soft),#fff);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:24px}.pro-eyebrow{color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pro-hero h1{margin:.4rem 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em}.pro-hero p{max-width:650px;color:var(--muted);margin:.7rem 0 0;line-height:1.7}.pro-actions{display:flex;gap:10px;flex-wrap:wrap}.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--brand);border-radius:12px;padding:12px 18px;background:var(--brand);color:#fff;font-weight:800;font-size:.86rem}.pro-btn.alt{background:#fff;color:var(--brand)}.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pro-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(18,59,52,.05)}.pro-card h2,.pro-card h3{margin:0 0 8px}.pro-card p{color:var(--muted);line-height:1.6}.pro-card img{display:block;width:100%;height:210px;object-fit:contain;border-radius:12px;background:var(--soft)}.pro-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.pro-table th,.pro-table td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.pro-table th{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pro-form{display:grid;gap:14px}.pro-form label{display:grid;gap:7px;font-weight:700;font-size:.84rem}.pro-form input,.pro-form select,.pro-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;font:inherit;background:#fff;color:var(--ink)}.pro-form textarea{min-height:130px;resize:vertical}.pro-alert{padding:14px 16px;border-radius:12px;background:#fff4f4;color:var(--danger);border:1px solid #f1caca;margin-bottom:18px}.pro-empty{text-align:center;padding:56px 20px;color:var(--muted)}.pro-price{font-size:1.25rem;font-weight:900;color:var(--brand)}.pro-muted{color:var(--muted)}.pro-list{display:grid;gap:12px}.pro-list-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}@media(max-width:900px){.pro-hero{align-items:flex-start;flex-direction:column}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pro-page{padding:25px 14px 55px}.pro-grid{grid-template-columns:1fr}.pro-card img{height:180px}}
/* Product detail: complete database field grid */
.product-all-fields{margin-top:1.5rem}
.product-fields-note{margin:.35rem 0 1rem;color:var(--color-gray-500);font-size:.9rem}
.product-all-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-gray-200);border-radius:14px;overflow:hidden}
.product-all-field{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border-bottom:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);min-height:72px}
.product-all-field:nth-child(3n){border-right:0}
.product-all-field span{color:var(--color-gray-500);font-size:.8rem}
.product-all-field strong{color:var(--color-ink-heading);font-size:.95rem;overflow-wrap:anywhere}
@media(max-width:800px){.product-all-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-all-field:nth-child(3n){border-right:1px solid var(--color-gray-200)}.product-all-field:nth-child(2n){border-right:0}}
@media(max-width:520px){.product-all-fields-grid{grid-template-columns:1fr}.product-all-field{border-right:0!important}}