.product-hero { padding: 64px 0 40px; background: radial-gradient(ellipse at 85% 0%, var(--primary-soft), transparent 60%); }
.product-hero .hero-layout { display:grid; grid-template-columns:1fr 1.03fr; align-items:center; gap:48px; }
.hero-layout > *, .proof-grid > *, .product-grid > *, .tour-frame > * { min-width:0; }
.product-hero .cover { width:100%; height:auto; }
.product-hero h1 { font-size:clamp(2.4rem,4.2vw,4.2rem); max-width:16ch; }
.product-hero h1 span { color:var(--product-accent, var(--primary)); }
:root[data-theme="dark"] [data-product="shopify"] .product-hero h1 span { color:#9cdb70; }
:root[data-theme="dark"] [data-product="multi-warehouse"] .product-hero h1 span { color:#78b4ff; }
@media(prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) [data-product="shopify"] .product-hero h1 span { color:#9cdb70; }
  :root:not([data-theme="light"]) [data-product="multi-warehouse"] .product-hero h1 span { color:#78b4ff; }
}
.product-hero .cover { border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow-lg); background:#fff; }
.product-hero .lede { max-width:52ch; }
.breadcrumb { font-size:.85rem; color:var(--text-2); margin-bottom:30px; }
.actions,.tags { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:24px 0; }
.tags { gap:8px; margin-top:28px; }
.tags span { border:1px solid var(--border); border-radius:30px; padding:5px 12px; background:var(--surface); font-size:.8rem; }
.meta { color:var(--text-2); font-size:.9rem; }
.product-section { padding:64px 0; }
.product-section.alt { background:var(--bg-alt); }
.section-intro { max-width:760px; margin-bottom:32px; }
.benefit-grid,.product-grid { display:grid; gap:22px; grid-template-columns:repeat(3,1fr); }
.product-grid { grid-template-columns:repeat(2,1fr); }
.benefit,.product-card { padding:28px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); }
.benefit .number { display:block; color:var(--primary); font-family:var(--font-display); margin-bottom:18px; }
.benefit p,.product-card p { color:var(--text-2); }
.product-card img { border-radius:12px; margin-bottom:24px; aspect-ratio:2/1; object-fit:contain; background:white; }
.product-card h2 { font-size:1.75rem; }
.proof-grid { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:38px; }
.screen { border:1px solid var(--border); border-radius:14px; background:white; box-shadow:var(--shadow-md); overflow:hidden; margin:0; }
.screen img { width:100%; }
.screen figcaption { padding:14px 20px; background:var(--surface); color:var(--text-2); font-size:.85rem; }
.flow-table { width:100%; border-collapse:collapse; background:var(--surface); }
.table-scroll { overflow-x:auto; border:1px solid var(--border); border-radius:14px; }
.flow-table th,.flow-table td { text-align:left; padding:17px 20px; border-bottom:1px solid var(--border); }
.flow-table th { background:var(--surface-2); font-size:.85rem; }
.flow-table td { font-size:.95rem; }
.flow-table tr:last-child td { border:0; }
.notice { padding:22px 26px; border-left:4px solid var(--primary); background:var(--surface-2); border-radius:0 12px 12px 0; margin:24px 0; }
.notice p { margin-top:8px; }
.faq details { border-bottom:1px solid var(--border); padding:20px 0; }
.faq summary { cursor:pointer; font-weight:600; }
.faq details p { color:var(--text-2); padding:14px 0 0; }
.purchase-panel { background:var(--surface-2); border:1px solid var(--border); border-radius:22px; padding:36px; }
.purchase-panel select { font:inherit; padding:10px 14px; border:1px solid var(--border-strong); border-radius:8px; color:var(--text); background:var(--surface); }
.purchase-panel label { display:block; margin-bottom:8px; }
.guide-layout { display:grid; grid-template-columns:230px 1fr; gap:56px; align-items:start; }
.guide-nav { position:sticky; top:105px; display:grid; gap:12px; font-size:.92rem; padding:24px; border:1px solid var(--border); border-radius:14px; }
.guide-content { min-width:0; max-width:850px; }
.guide-content article { margin-bottom:46px; scroll-margin-top:105px; }
.guide-content h2 { font-size:1.75rem; }
.guide-content li { margin-bottom:12px; }
.guide-content code { overflow-wrap:anywhere; background:var(--surface-2); padding:2px 5px; border-radius:4px; }
.guide-content img { border-radius:10px; border:1px solid var(--border); margin:22px 0; }
.guide-content a:not(.btn) { text-decoration:underline; text-underline-offset:3px; }
.tour-frame { display:grid; grid-template-columns:290px 1fr; gap:28px; align-items:start; }
.tour-menu { display:grid; gap:10px; }
.tour-menu a { border:1px solid var(--border); padding:17px; border-radius:12px; color:var(--text-2); }
.tour-menu a[aria-current="step"] { border-color:var(--primary); background:var(--primary-soft); color:var(--text); }
.tour-step { scroll-margin-top:100px; margin-bottom:32px; }
.tour-step[hidden] { display:none; }
.tour-step h2 { font-size:1.6rem; }
.tour-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:22px; }
.tour-controls button { cursor:pointer; }
.tour-controls button:disabled { opacity:.45; cursor:default; }
.tour-controls [hidden] { display:none; }
.tour-progress { color:var(--text-2); font-size:.85rem; }
.analytics-note { font-size:.85rem; color:var(--text-2); max-width:720px; }
.consent-panel { position:fixed; bottom:18px; left:18px; right:18px; margin:auto; max-width:720px; z-index:100; padding:24px; border:1px solid var(--border-strong); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-lg); }
.consent-panel[hidden] { display:none; }
.consent-panel h2 { font-size:1.2rem; }
.consent-panel p { font-size:.9rem; }
.consent-panel .actions { margin-bottom:0; }
.privacy-choice { border:0; background:none; color:var(--primary); font:inherit; cursor:pointer; padding:0; }
.odoo-home-link { padding:40px 0; background:var(--bg-alt); }
@media(max-width:960px) { .product-hero .hero-layout,.proof-grid {grid-template-columns:1fr;} .product-hero h1 {max-width:22ch;} .product-hero .cover {max-width:720px;} .tour-frame {grid-template-columns:1fr;} .tour-menu {grid-template-columns:repeat(2,1fr);} .guide-layout {grid-template-columns:1fr; gap:30px;} .guide-nav {position:static; grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px) { .product-hero {padding-top:34px;} .product-section {padding:42px 0;} .benefit-grid,.product-grid {grid-template-columns:1fr;} .product-hero .hero-layout {gap:25px;} .purchase-panel {padding:23px;} .tour-menu {grid-template-columns:1fr 1fr; gap:8px;} .tour-menu a {font-size:.82rem; padding:12px;} .flow-table td,.flow-table th {padding:12px;} .guide-nav {padding:18px;} .header-cta {display:none;} }
/* Complete catalogue and descriptive product headings. */
.product-hero h1 { font-size:clamp(2.1rem,3.4vw,3.35rem); max-width:24ch; overflow-wrap:break-word; }
.product-grid { margin-top:28px; }
.product-card h3 { font-size:1.55rem; }
.catalog-categories,.related-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.catalog-categories a,.related-links a { border:1px solid var(--border-strong); padding:12px 17px; border-radius:12px; background:var(--surface); }
.catalog-categories a:hover,.related-links a:hover { border-color:var(--primary); }
.product-section[id] { scroll-margin-top:95px; }
.tour-controls[hidden] { display:none; }
@media(max-width:640px) { .catalog-categories {display:grid;} .product-card {padding:20px;} .product-card .btn {white-space:normal; text-align:left;} }

:root[data-theme="dark"] .product-hero h1 span {color:#8ebdff;}
:root[data-theme="dark"] :is([data-product="shopify"],[data-product="quickbooks-connector"],[data-product="quickbooks-csv-export"],[data-product="eudr-traces"]) .product-hero h1 span {color:#9cdb70;}
@media(prefers-color-scheme:dark) {
 :root:not([data-theme="light"]) .product-hero h1 span {color:#8ebdff;}
 :root:not([data-theme="light"]) :is([data-product="shopify"],[data-product="quickbooks-connector"],[data-product="quickbooks-csv-export"],[data-product="eudr-traces"]) .product-hero h1 span {color:#9cdb70;}
}