.site-header[data-astro-cid-3ef6ksr2]{background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.header-content[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);width:100%}.site-logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--fs-md);color:var(--color-text-main);text-decoration:none;flex-shrink:0}.site-logo[data-astro-cid-3ef6ksr2]:hover{text-decoration:none}.logo-icon[data-astro-cid-3ef6ksr2]{font-size:1.25rem}.logo-text[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{color:var(--color-primary)}.logo-short[data-astro-cid-3ef6ksr2]{display:none}.logo-tag[data-astro-cid-3ef6ksr2]{font-size:var(--fs-xs);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-subtle);padding:.1rem .4rem;border-radius:var(--radius-sm)}.desktop-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-6)}.nav-link[data-astro-cid-3ef6ksr2]{position:relative;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:500;text-decoration:none;padding:.5rem 0;transition:color var(--transition-fast)}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--color-primary);text-decoration:none}.nav-link[data-astro-cid-3ef6ksr2].active{color:var(--color-primary);font-weight:700}.nav-link[data-astro-cid-3ef6ksr2].active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-primary);border-radius:var(--radius-full)}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-3)}.search-trigger-btn[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-subtle);padding:.4rem .75rem;border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-sm);transition:all var(--transition-fast)}.search-trigger-btn[data-astro-cid-3ef6ksr2]:hover{border-color:var(--color-border-strong);color:var(--color-text-main)}.search-kbd[data-astro-cid-3ef6ksr2]{background-color:var(--color-bg-surface);border:1px solid var(--color-border);padding:.1rem .35rem;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-family:var(--font-mono)}.theme-toggle-btn[data-astro-cid-3ef6ksr2]{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-bg-subtle);color:var(--color-text-main)}.moon-icon[data-astro-cid-3ef6ksr2],[data-theme=dark] .sun-icon[data-astro-cid-3ef6ksr2]{display:none}[data-theme=dark] .moon-icon[data-astro-cid-3ef6ksr2]{display:block}.mobile-toggle-btn[data-astro-cid-3ef6ksr2]{display:none;background:transparent;border:1px solid var(--color-border);color:var(--color-text-main);width:2.25rem;height:2.25rem;border-radius:var(--radius-md);align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.mobile-toggle-btn[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-bg-subtle)}.mobile-toggle-btn[data-astro-cid-3ef6ksr2] .close-icon[data-astro-cid-3ef6ksr2],.mobile-toggle-btn[data-astro-cid-3ef6ksr2][aria-expanded=true] .hamburger-icon[data-astro-cid-3ef6ksr2]{display:none}.mobile-toggle-btn[data-astro-cid-3ef6ksr2][aria-expanded=true] .close-icon[data-astro-cid-3ef6ksr2]{display:block}.mobile-dropdown[data-astro-cid-3ef6ksr2]{display:none;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background-color:var(--color-bg-surface);border-top:1px solid var(--color-border);padding:0 1rem}.mobile-dropdown[data-astro-cid-3ef6ksr2].is-open{display:block;max-height:400px;padding:.75rem 1rem 1.25rem}.mobile-nav[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:.25rem}.mobile-nav-link[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:48px;border-radius:var(--radius-md);color:var(--color-text-main);font-weight:500;text-decoration:none;font-size:var(--fs-base);transition:background-color var(--transition-fast)}.mobile-nav-link[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-bg-subtle);color:var(--color-primary)}.mobile-nav-link[data-astro-cid-3ef6ksr2].active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700}.mobile-link-arrow[data-astro-cid-3ef6ksr2]{color:var(--color-text-subtle);font-size:.9rem}.mobile-nav-link[data-astro-cid-3ef6ksr2].active .mobile-link-arrow[data-astro-cid-3ef6ksr2]{color:var(--color-primary)}@media(max-width:900px){.desktop-nav[data-astro-cid-3ef6ksr2]{display:none}.mobile-toggle-btn[data-astro-cid-3ef6ksr2]{display:flex}}@media(max-width:520px){.logo-tag[data-astro-cid-3ef6ksr2],.logo-full[data-astro-cid-3ef6ksr2]{display:none}.logo-short[data-astro-cid-3ef6ksr2]{display:inline}.search-placeholder[data-astro-cid-3ef6ksr2],.search-kbd[data-astro-cid-3ef6ksr2]{display:none}.search-trigger-btn[data-astro-cid-3ef6ksr2]{padding:.4rem .5rem}}.site-footer[data-astro-cid-sz7xmlte]{background-color:var(--color-bg-surface);border-top:1px solid var(--color-border);padding-top:var(--space-12);padding-bottom:var(--space-8);margin-top:auto}.footer-content[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);margin-bottom:var(--space-8)}.footer-logo[data-astro-cid-sz7xmlte]{font-weight:700;font-size:var(--fs-md);color:var(--color-text-main);text-decoration:none;display:inline-block;margin-bottom:var(--space-3)}.footer-desc[data-astro-cid-sz7xmlte]{font-size:var(--fs-sm);color:var(--color-text-subtle);max-width:380px;line-height:var(--lh-relaxed)}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.footer-heading[data-astro-cid-sz7xmlte]{display:block;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-main);margin-bottom:var(--space-3)}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:var(--space-2)}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-text-muted);font-size:var(--fs-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--color-primary)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);padding-top:var(--space-6);text-align:center;font-size:var(--fs-xs);color:var(--color-text-subtle)}@media(max-width:768px){.footer-content[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:var(--space-8)}.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:var(--space-6)}}.search-dialog[data-astro-cid-qk3db3zz]{border:none;border-radius:var(--radius-lg);background:transparent;padding:0;width:90%;max-width:640px;margin:8vh auto auto;box-shadow:var(--shadow-lg)}.search-dialog[data-astro-cid-qk3db3zz]::backdrop{background:#0f172a99;backdrop-filter:blur(4px)}.search-modal-container[data-astro-cid-qk3db3zz]{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.search-header[data-astro-cid-qk3db3zz]{display:flex;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border);gap:var(--space-3)}.search-icon[data-astro-cid-qk3db3zz]{color:var(--color-text-subtle)}.search-input[data-astro-cid-qk3db3zz]{flex:1;background:transparent;border:none;font-size:var(--fs-md);color:var(--color-text-main);outline:none;font-family:var(--font-sans)}.close-search-btn[data-astro-cid-qk3db3zz]{background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--fs-xs);font-family:var(--font-mono);padding:.2rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.filter-pills-bar[data-astro-cid-qk3db3zz]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);overflow-x:auto}.filter-pill[data-astro-cid-qk3db3zz]{background:transparent;border:1px solid transparent;color:var(--color-text-subtle);font-size:var(--fs-xs);font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.filter-pill[data-astro-cid-qk3db3zz]:hover{color:var(--color-text-main)}.filter-pill[data-astro-cid-qk3db3zz].active{background-color:var(--color-bg-surface);color:var(--color-primary);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.search-body[data-astro-cid-qk3db3zz]{max-height:420px;overflow-y:auto;padding:var(--space-4)}.search-hint[data-astro-cid-qk3db3zz]{color:var(--color-text-subtle);font-size:var(--fs-sm);text-align:center;padding:var(--space-6) 0}.search-result-item{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-main);transition:background-color var(--transition-fast);margin-bottom:var(--space-2)}.search-result-item:hover,.search-result-item:focus{background-color:var(--color-bg-subtle);outline:none}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.result-title{font-weight:600;font-size:var(--fs-base)}.result-summary{font-size:var(--fs-sm);color:var(--color-text-subtle);line-height:var(--lh-normal)}:root{--color-bg-base: #f8fafc;--color-bg-surface: #ffffff;--color-bg-subtle: #f1f5f9;--color-bg-hover: #e2e8f0;--color-text-main: #0f172a;--color-text-muted: #334155;--color-text-subtle: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-primary: #2563eb;--color-primary-light: #eff6ff;--color-primary-border: #bfdbfe;--color-shopify: #7c3aed;--color-shopify-light: #f5f3ff;--color-shopify-border: #ddd6fe;--color-cro: #059669;--color-cro-light: #ecfdf5;--color-cro-border: #a7f3d0;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-warning-border: #fde68a;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--lh-tight: 1.25;--lh-normal: 1.6;--lh-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--max-width-site: 1140px;--max-width-article: 800px;--header-height: 4rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--focus-ring: 2px solid var(--color-primary);--focus-offset: 2px;--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--color-bg-base: #0b0f17;--color-bg-surface: #111827;--color-bg-subtle: #1f2937;--color-bg-hover: #374151;--color-text-main: #f9fafb;--color-text-muted: #cbd5e1;--color-text-subtle: #94a3b8;--color-border: #1f2937;--color-border-strong: #374151;--color-primary: #60a5fa;--color-primary-light: #1e3a8a33;--color-primary-border: #1d4ed866;--color-shopify: #a78bfa;--color-shopify-light: #4c1d9533;--color-shopify-border: #6d28d966;--color-cro: #34d399;--color-cro-light: #064e3b33;--color-cro-border: #04785766;--color-warning: #fbbf24;--color-warning-light: #78350f33;--color-warning-border: #b4530966;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--lh-normal);color-scheme:light dark;background-color:var(--color-bg-base);color:var(--color-text-main);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-base);color:var(--color-text-main)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--color-primary);color:#fff;padding:.5rem 1rem;z-index:100;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:top var(--transition-fast)}.skip-link:focus{top:1rem}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.02em}h1{font-size:var(--fs-3xl);margin-bottom:var(--space-4)}h2{font-size:var(--fs-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4)}h3{font-size:var(--fs-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}h4{font-size:var(--fs-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-6);color:var(--color-text-muted);line-height:var(--lh-relaxed);font-size:var(--fs-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}:not(pre)>code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-subtle);color:var(--color-primary);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-weight:600}pre,pre.astro-code{background-color:#0f172a!important;color:#e2e8f0!important;padding:1.25rem 1.5rem!important;border-radius:var(--radius-md)!important;overflow-x:auto;margin-top:1.75rem;margin-bottom:2.25rem;border:1px solid #1e293b!important;box-shadow:0 4px 6px -1px #0000001a;font-size:.9rem;line-height:1.6}pre code,pre.astro-code code{background:transparent!important;color:inherit!important;padding:0!important;border:none!important;font-family:var(--font-mono)}pre code span,pre.astro-code code span{background:transparent!important}ul,ol{margin-top:var(--space-4);margin-bottom:var(--space-8);padding-left:var(--space-6);color:var(--color-text-muted)}li{margin-bottom:var(--space-3);line-height:var(--lh-relaxed)}.article-body{font-size:1.0625rem;line-height:1.8;color:var(--color-text-muted)}.article-body h2{font-size:1.875rem;font-weight:700;color:var(--color-text-main);margin-top:3.25rem;margin-bottom:1rem;line-height:1.3;letter-spacing:-.025em}.article-body h3{font-size:1.375rem;font-weight:600;color:var(--color-text-main);margin-top:2.25rem;margin-bottom:.75rem;line-height:1.35}.article-body p{font-size:1.0625rem;line-height:1.8;margin-bottom:1.6rem;color:var(--color-text-muted)}.article-body ul,.article-body ol{margin-top:.5rem;margin-bottom:1.85rem;padding-left:1.5rem}.article-body li{margin-bottom:.75rem;line-height:1.75}.article-body blockquote,.article-body aside,.article-body .confusion-callout,.article-body .developer-takeaway,.article-body .shopify-callout,.article-body .table-wrapper{margin-top:2.5rem;margin-bottom:2.5rem}.article-body h2+*,.article-body h3+*{margin-top:0!important}.container{width:100%;max-width:var(--max-width-site);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.article-container{width:100%;max-width:var(--max-width-article);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-ecommerce{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-border)}.badge-shopify{background-color:var(--color-shopify-light);color:var(--color-shopify);border:1px solid var(--color-shopify-border)}.badge-cro{background-color:var(--color-cro-light);color:var(--color-cro);border:1px solid var(--color-cro-border)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning-border)}.table-wrapper{width:100%;overflow-x:auto;margin-top:2.25rem;margin-bottom:2.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--fs-sm)}th,td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}th{background-color:var(--color-bg-subtle);font-weight:600;color:var(--color-text-main)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-bg-subtle)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}main[data-astro-cid-37fxchfa]{flex:1;display:flex;flex-direction:column}