:root {
  --pine:#274733; --deep:#15261B; --orange:#C4520A; --orange-hover:#A94708;
  --canvas:#F7F8F6; --surface:#FCFDFC; --soft:#F1F3F0; --ink:#1A1A1A;
  --secondary:#3D3D3D; --muted:#686F67; --line:#DDE2DD; --danger:#A32D24;
  --ease:cubic-bezier(.2,.8,.2,1); --radius:12px; color-scheme:light;
  font-family:'Golos Text',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { min-width:320px; margin:0; background:var(--canvas); color:var(--ink); font-size:16px; line-height:1.65; }
body:has(dialog[open]) { overflow:hidden; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button { color:inherit; }
a { color:inherit; text-underline-offset:4px; }
button { cursor:pointer; }
img { display:block; max-width:100%; height:auto; }
svg { flex:none; }
figure { margin:0; }
h1,h2,h3,h4,p { margin-top:0; }
h1,h2,h3,h4 { font-weight:600; line-height:1.12; letter-spacing:-.035em; text-wrap:balance; }
h1 { font-size:clamp(38px,5vw,66px); }
h2 { margin-bottom:22px; font-size:clamp(30px,3.6vw,48px); }
h3 { margin-bottom:14px; font-size:24px; }
p { max-width:68ch; margin-bottom:20px; }
button,a,input,select,textarea,summary { touch-action:manipulation; }
:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
[hidden] { display:none!important; }
::selection { background:#D8E5D9; color:var(--deep); }
.container { width:min(100% - 64px,1240px); margin-inline:auto; }
.section { padding-block:104px; }
.section + .section { border-top:1px solid var(--line); }
.eyebrow { display:block; margin-bottom:18px; color:var(--pine); font-size:11px; font-weight:600; line-height:1.4; letter-spacing:.15em; text-transform:uppercase; }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:44px; }
.section-head h2 { max-width:20ch; margin-bottom:0; }
.section-head > p { max-width:39ch; margin:0; color:var(--muted); }
.muted { color:var(--muted); }
.small,small { font-size:13px; line-height:1.55; }
.sr-only { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; padding:0; border:0; }
.btn { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:12px; padding:14px 24px; border:1px solid transparent; border-radius:8px; font-size:14px; font-weight:600; line-height:1.35; text-align:center; text-decoration:none; transition:background-color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease); }
.btn:hover { transform:translateY(-1px); }
.btn:active { transform:translateY(0); }
.btn svg { width:19px; height:19px; }
.btn-primary { background:var(--orange); color:var(--surface); }
.btn-primary:hover { background:var(--orange-hover); }
.btn-secondary { background:var(--pine); color:var(--surface); }
.btn-secondary:hover { background:var(--deep); }
.btn-outline { border-color:var(--line); background:transparent; color:var(--ink); }
.btn-outline:hover { border-color:var(--pine); background:var(--soft); }
.btn-ghost { background:transparent; color:var(--pine); }
.btn-ghost:hover { background:var(--soft); }
button:disabled,.btn:disabled,.btn[aria-disabled='true'] { opacity:.5; cursor:not-allowed; transform:none; }
.text-link { display:inline-flex; min-height:44px; align-items:center; gap:10px; color:var(--pine); font-size:14px; font-weight:600; text-decoration-thickness:1px; }
.pill-link { display:inline-flex; align-items:center; min-height:40px; padding:8px 14px; border:1px solid var(--line); border-radius:30px; font-size:12px; text-decoration:none; }
.badge { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border-radius:4px; background:#E8EFE7; color:var(--pine); font-size:11px; font-weight:600; line-height:1.4; }
.icon-button { display:inline-grid; flex:none; width:44px; height:44px; padding:10px; place-items:center; border:0; border-radius:8px; background:transparent; color:inherit; }
.icon-button:hover { background:var(--soft); }
.icon-button svg { width:22px; height:22px; }
.site-header { position:sticky; top:0; z-index:40; border-bottom:1px solid var(--line); background:var(--surface); }
.header-inner { display:flex; min-height:86px; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; flex:none; align-items:center; gap:10px; color:var(--pine); font-size:26px; font-weight:800; line-height:1; letter-spacing:-.055em; text-decoration:none; }
.brand img { width:156px; max-height:46px; object-fit:contain; }
.brand > span { color:var(--orange); }
.desktop-nav { display:flex; align-items:center; gap:24px; }
.desktop-nav a { padding-block:30px; color:var(--secondary); font-size:12px; font-weight:500; text-decoration:none; white-space:nowrap; }
.desktop-nav a:hover { color:var(--orange); }
.header-actions { display:flex; align-items:center; gap:20px; }
.header-actions > a { color:var(--pine); font-size:13px; font-weight:600; text-decoration:none; white-space:nowrap; }
.header-actions .icon-button { position:relative; }
.header-actions .badge { padding:2px 5px; min-width:18px; position:absolute; right:0; top:0; background:var(--orange); color:var(--surface); font-size:10px; }
.mobile-menu { border-top:1px solid var(--line); padding:14px 24px 22px; background:var(--surface); }
.mobile-menu a { display:block; padding:12px 0; font-size:15px; text-decoration:none; border-bottom:1px solid var(--line); }
.hero { position:relative; min-height:720px; overflow:hidden; background-color:var(--deep); background-image:url('assets/hero.png'); background-position:right center; background-size:auto 100%; background-repeat:no-repeat; color:var(--surface); }
.hero::before { position:absolute; inset:0; content:''; background:linear-gradient(90deg,var(--deep) 0%,rgba(21,38,27,.96) 26%,rgba(21,38,27,.73) 42%,rgba(21,38,27,.14) 62%,rgba(21,38,27,.02) 100%); }
.hero-inner { position:relative; z-index:1; display:flex; min-height:720px; align-items:center; padding-block:68px; }
.hero-copy { width:min(100%,570px); }
.hero .eyebrow { color:#D5E2D0; }
.hero h1 { margin-bottom:24px; font-size:clamp(44px,5.2vw,74px); line-height:1.02; letter-spacing:-.055em; }
.hero-copy > p { max-width:44ch; color:#DBE2D8; font-size:17px; line-height:1.65; }
.hero-price { display:flex; align-items:baseline; gap:14px; margin:28px 0 20px; font-size:36px; font-weight:600; line-height:1.2; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.hero-price small { color:#D4DECE; font-size:13px; font-weight:400; letter-spacing:0; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.hero-actions .btn { min-height:56px; padding-inline:28px; }
.hero .btn-outline { border-color:#72816C; color:var(--surface); }
.hero .btn-outline:hover { border-color:#C0D0B7; background:rgba(241,243,240,.07); }
.hero-note { margin:18px 0 0; color:#CBD6C5; font-size:12px; }
.facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.fact { padding:30px 26px; border-right:1px solid var(--line); }
.fact:first-child { padding-left:0; }
.fact:last-child { border-right:0; }
.fact strong { display:block; margin-bottom:4px; color:var(--pine); font-size:24px; font-weight:600; letter-spacing:-.035em; }
.fact span,.fact p { display:block; margin:0; color:var(--muted); font-size:12px; }
.story-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center; gap:80px; }
.story-visual { position:relative; min-width:0; overflow:hidden; background:var(--soft); }
.story-visual img { width:100%; aspect-ratio:1.07; object-fit:cover; }
.story-visual figcaption { padding:13px 0 0; color:var(--muted); background:var(--canvas); font-size:11px; }
.story-copy > p { color:var(--secondary); }
.story-list { margin:28px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.story-list li { position:relative; padding:17px 0 17px 26px; border-bottom:1px solid var(--line); color:var(--secondary); font-size:14px; }
.story-list li::before { content:'✓'; position:absolute; left:0; top:17px; color:var(--pine); font-weight:600; }
.angle-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:72px; }
.angle-visual { min-width:0; background:var(--soft); }
.angle-visual > img { width:100%; max-height:530px; object-fit:contain; }
.angle-options { display:grid; gap:14px; }
.angle-option { display:block; position:relative; padding:22px 24px 22px 52px; border:1px solid var(--line); border-radius:12px; background:var(--surface); cursor:pointer; transition:border-color .18s,background-color .18s; }
.angle-option:has(input:checked) { border-color:var(--pine); background:#EEF4F0; box-shadow:inset 0 0 0 1px var(--pine); }
.angle-option input { position:absolute; left:22px; top:28px; width:18px; height:18px; margin:0; accent-color:var(--pine); }
.angle-option strong { display:block; font-size:19px; font-weight:600; line-height:1.4; }
.angle-option span,.angle-option p { display:block; margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.angle-diagram { width:100%; height:auto; max-height:270px; padding:30px; }
.buy-row { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:18px; margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.buy-row > strong { font-size:28px; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.gift { display:flex; align-items:flex-start; gap:10px; margin:18px 0 0; color:var(--pine); font-size:12px; }
.gift svg { width:18px; height:18px; margin-top:1px; }
.gallery-grid { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:16px; }
.gallery-main { display:grid; min-width:0; min-height:520px; place-items:center; overflow:hidden; background:var(--surface); border:1px solid var(--line); }
.gallery-main img { width:100%; max-height:620px; aspect-ratio:1.55; object-fit:contain; }
.gallery-thumbs { display:flex; flex-direction:column; gap:12px; }
.thumb { display:grid; width:100%; padding:5px; aspect-ratio:1; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:6px; background:var(--surface); cursor:pointer; }
.thumb img { width:100%; height:100%; object-fit:contain; }
.thumb[aria-pressed='true'],.thumb.is-active { border-color:var(--pine); box-shadow:inset 0 0 0 1px var(--pine); }
.spec-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.spec-table { width:100%; border-collapse:collapse; font-size:14px; }
.spec-table tr { border-bottom:1px solid var(--line); }
.spec-table th,.spec-table td { width:50%; padding:17px 0; vertical-align:top; text-align:left; }
.spec-table th { padding-right:20px; color:var(--muted); font-weight:400; }
.spec-table td { font-weight:500; }
.setup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; counter-reset:setup; }
.setup-step { padding-top:22px; border-top:1px solid var(--pine); }
.setup-step > span:first-child { display:block; margin-bottom:34px; color:var(--orange); font-size:13px; }
.setup-step h3 { font-size:22px; }
.setup-step p { margin-bottom:0; color:var(--muted); font-size:14px; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.service-grid > * { min-width:0; padding-top:24px; border-top:1px solid var(--line); }
.service-grid h3 { font-size:21px; }
.service-grid p { color:var(--muted); font-size:14px; }
.faq-list { max-width:920px; margin-left:auto; border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item summary { position:relative; min-height:78px; padding:24px 48px 24px 0; font-size:18px; font-weight:500; line-height:1.5; list-style:none; cursor:pointer; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'+'; position:absolute; top:18px; right:0; width:36px; color:var(--pine); font-size:29px; font-weight:400; text-align:center; }
.faq-item[open] summary::after { content:'−'; }
.faq-item > p,.faq-item > div { max-width:70ch; padding:0 40px 24px 0; margin:0; color:var(--muted); font-size:14px; }
.site-footer { padding:64px 0 28px; background:var(--deep); color:var(--surface); }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:64px; padding-bottom:54px; }
.site-footer .brand { color:var(--surface); }
.site-footer p { margin-top:20px; color:#B9C8B7; font-size:13px; }
.site-footer h3 { margin-bottom:20px; font-size:14px; letter-spacing:0; }
.site-footer a:not(.brand) { display:block; width:fit-content; padding-block:5px; color:#D7E0D1; font-size:13px; text-decoration:none; }
.site-footer a:hover { color:var(--surface); text-decoration:underline; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; padding-top:24px; border-top:1px solid #384A38; color:#AABDA9; font-size:11px; }
.footer-bottom p { margin:0; font-size:11px; }
.mobile-buy { display:none; }
.demo-banner { padding:9px 24px; background:#E9EFD9; color:#3E4E2A; text-align:center; font-size:11px; line-height:1.5; }
.demo-banner a { font-weight:600; }
.dialog-backdrop,dialog::backdrop { background:rgba(13,27,18,.55); backdrop-filter:blur(3px); }
.drawer { position:fixed; inset:0 0 0 auto; width:min(100%,490px); height:100dvh; max-width:100%; max-height:100dvh; margin:0 0 0 auto; padding:0; border:0; background:var(--surface); color:var(--ink); box-shadow:-20px 0 70px rgba(21,38,27,.12); }
.drawer[open] { display:flex; flex-direction:column; }
.drawer-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:26px 28px; border-bottom:1px solid var(--line); }
.drawer-head h2 { margin:0; font-size:26px; }
.drawer-content { min-height:0; flex:1; padding:10px 28px 28px; overflow-y:auto; overscroll-behavior:contain; }
.drawer-footer { flex:none; padding:24px 28px max(24px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--surface); }
.drawer-footer .btn { width:100%; }
.drawer-footer p { margin:12px 0 0; color:var(--muted); font-size:11px; text-align:center; }
.cart-item { display:grid; grid-template-columns:96px minmax(0,1fr); gap:20px; padding-block:26px; border-bottom:1px solid var(--line); }
.cart-image { width:96px; height:116px; padding:8px; border-radius:8px; background:var(--soft); object-fit:contain; }
.cart-image img { width:100%; height:100%; object-fit:contain; }
.cart-info { min-width:0; }
.cart-info h3 { margin:0 0 7px; font-size:16px; line-height:1.4; letter-spacing:-.01em; }
.cart-info p { margin:0 0 12px; font-size:12px; color:var(--muted); }
.cart-info > strong { display:block; font-size:17px; }
.cart-info .text-link { min-height:36px; font-size:11px; color:var(--muted); }
.quantity { display:inline-flex; min-height:40px; align-items:center; border:1px solid var(--line); border-radius:7px; background:var(--surface); }
.quantity button { width:40px; height:40px; padding:0; border:0; background:transparent; font-size:20px; }
.quantity button:hover { background:var(--soft); }
.quantity span,.quantity output { min-width:30px; text-align:center; font-size:13px; font-variant-numeric:tabular-nums; }
.empty-state { padding:70px 10px; text-align:center; }
.empty-state h3 { font-size:24px; }
.empty-state p { color:var(--muted); font-size:14px; }
.checkout-shell { width:min(100% - 64px,1180px); margin-inline:auto; padding-block:48px 88px; }
.checkout-heading { margin-bottom:36px; }
.checkout-heading h1 { margin-bottom:14px; font-size:clamp(34px,4.6vw,52px); }
.checkout-heading p { margin:0; color:var(--muted); font-size:14px; }
.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:start; gap:36px; }
.checkout-main { display:grid; min-width:0; gap:20px; }
.checkout-card { min-width:0; padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.step-heading { display:flex; align-items:center; gap:13px; margin-bottom:26px; }
.step-heading h2,.step-heading h3 { margin:0; font-size:22px; }
.step-number { display:inline-grid; flex:none; width:30px; height:30px; place-items:center; border:1px solid var(--line); border-radius:50%; color:var(--pine); font-size:12px; font-weight:600; }
.fields-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 16px; }
.field { display:grid; min-width:0; gap:8px; color:var(--secondary); font-size:12px; font-weight:500; }
.field-wide { grid-column:1/-1; }
.field-input,.field input:not([type='radio']):not([type='checkbox']),.field textarea,.field select { width:100%; min-width:0; min-height:54px; padding:13px 15px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font-size:15px; font-weight:400; line-height:1.5; transition:border-color .15s,box-shadow .15s; }
.field input::placeholder,.field textarea::placeholder { color:#949B91; }
.field input:focus,.field textarea:focus,.field select:focus { outline:0; border-color:var(--pine); box-shadow:0 0 0 3px rgba(39,71,51,.1); }
.field textarea { min-height:100px; resize:vertical; }
.field-error { color:var(--danger); font-size:12px; font-weight:400; }
.field:has([aria-invalid='true']) input { border-color:var(--danger); }
.shipping-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.shipping-option,.payment-choice { position:relative; display:block; min-width:0; padding:18px 18px 18px 42px; border:1px solid var(--line); border-radius:10px; background:var(--surface); cursor:pointer; }
.shipping-option:has(input:checked),.payment-choice:has(input:checked) { border-color:var(--pine); background:#EEF4F0; }
.shipping-option input,.payment-choice input { position:absolute; top:23px; left:16px; width:16px; height:16px; margin:0; accent-color:var(--pine); }
.shipping-option strong,.payment-choice strong { display:block; font-size:14px; font-weight:600; }
.shipping-option small,.shipping-option span,.payment-choice small { display:block; margin-top:6px; color:var(--muted); font-size:11px; line-height:1.55; }
.shipping-fields { display:grid; gap:16px; margin-top:22px; }
.check-row { display:flex; align-items:flex-start; gap:11px; margin:16px 0; color:var(--muted); font-size:12px; font-weight:400; line-height:1.6; }
.check-row input { flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:var(--pine); }
.check-row a { color:var(--pine); }
.order-summary { position:sticky; top:112px; min-width:0; padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.order-summary h2 { margin-bottom:26px; font-size:23px; }
.summary-product { display:grid; grid-template-columns:58px minmax(0,1fr); gap:14px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line); }
.summary-product img { width:58px; height:72px; padding:4px; object-fit:contain; background:var(--soft); border-radius:5px; }
.summary-product strong { display:block; margin-bottom:5px; font-size:13px; line-height:1.5; }
.summary-product span,.summary-product small { color:var(--muted); font-size:11px; }
.summary-row { display:flex; justify-content:space-between; gap:20px; margin:15px 0; font-size:13px; }
.summary-row > :first-child { color:var(--muted); }
.summary-row strong { max-width:60%; font-weight:500; text-align:right; }
.summary-total { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-top:22px; padding-top:22px; border-top:1px solid var(--line); font-size:15px; font-weight:600; }
.summary-total strong { font-size:27px; letter-spacing:-.035em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.order-summary > .btn { width:100%; margin-top:24px; }
.payment-note { margin:14px 0 0; color:var(--muted); font-size:11px; line-height:1.6; text-align:center; }
.form-error { padding:14px 16px; margin:16px 0; border:1px solid #E4C9C3; border-radius:8px; background:#FBF0ED; color:var(--danger); font-size:13px; }
.status-panel { width:min(100% - 40px,760px); margin:64px auto 100px; padding:48px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.status-panel h1 { margin-bottom:18px; font-size:clamp(32px,4vw,46px); }
.status-panel > p { color:var(--muted); font-size:14px; }
.status-mark { display:grid; width:58px; height:58px; margin-bottom:28px; place-items:center; border-radius:50%; background:#E7EFE4; color:var(--pine); font-size:26px; }
.status-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:30px 0; padding-block:24px; border-block:1px solid var(--line); }
.status-grid dt,.status-grid span { margin-bottom:5px; color:var(--muted); font-size:12px; }
.status-grid dd,.status-grid strong { margin:0; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
.status-steps { display:grid; gap:14px; margin:28px 0; padding:0; list-style:none; color:var(--secondary); font-size:13px; }
.status-steps li { display:flex; gap:12px; }
.status-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.payment-choice + .payment-choice { margin-top:12px; }
.legal-dialog { width:min(100% - 32px,760px); max-height:85dvh; padding:0; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); }
.dialog-body { padding:32px; overflow-wrap:anywhere; }
.dialog-body h2 { padding-right:32px; font-size:30px; }
.dialog-body h3 { margin-top:26px; font-size:20px; }
.dialog-body p,.dialog-body li { color:var(--secondary); font-size:14px; }
.legal-dialog > .icon-button { position:absolute; top:12px; right:12px; }
#admin-view table { width:100%; border-collapse:collapse; font-size:13px; }
#admin-view th,#admin-view td { padding:14px 12px; border-bottom:1px solid var(--line); text-align:left; overflow-wrap:anywhere; }
#admin-view th { color:var(--muted); font-size:11px; font-weight:500; }

/* Concrete storefront structure. */
.skip-link { position:fixed; top:-90px; left:20px; z-index:100; padding:12px 18px; border-radius:8px; background:var(--deep); color:var(--surface); font-size:14px; }
.skip-link:focus { top:14px; }
.brand { flex-direction:column; align-items:flex-start; gap:7px; font-weight:700; }
.brand > span { color:var(--muted); font-size:7px; font-weight:500; line-height:1.4; letter-spacing:.1em; }
.header-phone { font-variant-numeric:tabular-nums; }
.menu-toggle { flex:none; }
.hero-copy > p.eyebrow { font-size:11px; line-height:1.4; }
.hero-copy > .hero-note { font-size:12px; }
.cart-toggle > span { position:absolute; right:0; top:0; display:grid; width:18px; height:18px; place-items:center; border-radius:50%; background:var(--orange); color:var(--surface); font-size:10px; line-height:1; }
.hero-actions .hero-price { margin:0 0 0 10px; font-size:29px; }
.hero-caption { position:absolute; right:32px; bottom:24px; z-index:1; color:#E2E9DE; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.story-visual > img { padding:30px; object-fit:contain; }
.image-label { position:absolute; bottom:22px; left:22px; color:var(--pine); font-size:9px; letter-spacing:.12em; }
.story-list article { display:grid; grid-template-columns:24px minmax(0,1fr); gap:18px; padding-block:20px; border-bottom:1px solid var(--line); }
.story-list article > span { padding-top:3px; color:var(--orange); font-size:11px; }
.story-list article h3 { margin:0 0 7px; font-size:17px; letter-spacing:-.02em; }
.story-list article p { margin:0; color:var(--muted); font-size:13px; }
.lens-section { background:var(--soft); }
.angle-options fieldset,.shipping-options { min-width:0; margin:0; padding:0; border:0; }
.angle-options fieldset { display:grid; gap:14px; }
.angle-option .angle-option-content { margin:0; }
.angle-option .angle-option-title { display:flex; align-items:center; gap:16px; margin:0 0 8px; }
.angle-option-title strong { color:var(--pine); font-size:28px; line-height:1; letter-spacing:-.045em; }
.angle-option .angle-option-title > span { margin:0; color:var(--ink); font-size:14px; font-weight:500; }
.angle-diagram { display:block; max-height:420px; padding:14px; }
.angle-visual > p { margin:0; padding:0 18px 20px; text-align:center; font-size:10px; }
.buy-row > div > span { display:block; margin-bottom:6px; }
.buy-row > div > strong { display:block; font-size:31px; line-height:1.15; letter-spacing:-.04em; }
.gift p { margin:0; font-size:12px; }
.gallery-grid { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); align-items:center; gap:80px; }
.gallery-copy > p:not(.eyebrow) { color:var(--muted); font-size:14px; }
.gallery-thumbs { flex-direction:row; margin-top:32px; gap:12px; }
.gallery-thumbs .thumb { width:78px; height:78px; flex:none; }
.gallery-main { min-height:510px; }
.setup-section { background:var(--deep); color:var(--surface); }
.setup-section .eyebrow,.setup-section .setup-step > span:first-child { color:#CAD7C3; }
.setup-section .section-head > p,.setup-section .setup-step p { color:#BBCBB5; }
.setup-section .setup-step { border-color:#4F6149; }
.extra-specs { border-bottom:1px solid var(--line); }
.extra-specs summary { display:flex; min-height:65px; align-items:center; justify-content:space-between; gap:15px; list-style:none; color:var(--pine); font-size:12px; font-weight:500; cursor:pointer; }
.extra-specs summary::-webkit-details-marker { display:none; }
.extra-specs summary span { font-size:22px; }
.extra-specs[open] summary span { transform:rotate(45deg); }
.service-section { background:var(--soft); }
.service-icon { display:block; margin-bottom:24px; color:var(--orange); font-size:30px; line-height:1; }
.faq-layout { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:80px; }
.faq-layout .faq-list { width:100%; margin:0; }
.final-cta { padding-block:78px; background:var(--pine); color:var(--surface); }
.final-cta > .container { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.final-cta .eyebrow { color:#CCD9C5; }
.final-cta h2 { margin:0; font-size:clamp(32px,4.4vw,56px); }
.final-cta > .container > div:last-child { min-width:280px; }
.final-cta p:not(.eyebrow) { margin:0 0 8px; color:#CCD9C5; font-size:13px; }
.final-cta strong { display:block; margin-bottom:22px; font-size:34px; font-weight:600; line-height:1.2; letter-spacing:-.04em; }
.site-footer .footer-label { margin:0 0 15px; color:#A6BA9E; font-size:9px; letter-spacing:.12em; }
.site-footer .footer-phone { color:var(--surface)!important; font-size:19px!important; font-weight:500; letter-spacing:-.02em; }
.site-footer button { display:block; min-height:34px; padding:5px 0; border:0; background:none; color:#D7E0D1; font-size:13px; line-height:1.5; text-align:left; }
.site-footer button:hover { color:var(--surface); text-decoration:underline; }
.inline-link { display:inline; padding:0; border:0; background:none; color:var(--pine); font-size:inherit; line-height:inherit; text-align:left; text-decoration:underline; text-underline-offset:3px; }
.text-link:is(button) { padding:0; border:0; background:none; text-align:left; }
.checkout-heading { margin-top:24px; }
h2.step-heading { font-size:22px; letter-spacing:-.025em; }
.shipping-price { display:block; margin-top:12px; color:var(--pine); font-size:10px; font-weight:500; }
.checkout-card > p.small { margin:16px 0 0; font-size:11px; }
.checkout-submit { width:100%; margin-top:20px; }
.payment-choice:not(:has(input)) { padding-left:18px; cursor:default; }
.payment-choice > span { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
.payment-choice > span:last-child { position:absolute; right:18px; top:14px; color:var(--pine); font-size:20px; }
.checkout-shell.container { max-width:1180px; }
.toast { position:fixed; left:50%; bottom:30px; z-index:80; width:max-content; max-width:calc(100% - 32px); padding:15px 22px; border:1px solid #6A7D62; border-radius:10px; background:var(--deep); color:var(--surface); box-shadow:0 8px 28px rgba(21,38,27,.15); font-size:13px; text-align:center; transform:translateX(-50%); }
.demo-amount { display:block; margin:26px 0; font-size:36px; font-weight:600; letter-spacing:-.04em; }

#order-content .status-panel { width:100%; margin-top:32px; }
.status-grid h2 { margin-bottom:18px; font-size:18px; letter-spacing:-.02em; }
.status-grid p { margin-bottom:16px; font-size:13px; }
.status-mark.is-canceled { background:#FBF0E7; color:var(--orange); }
.status-actions + p,.status-panel > .btn { margin-top:18px; }
.admin-order { padding-block:28px; border-top:1px solid var(--line); }
.admin-order h3 { margin-bottom:12px; font-size:22px; }
.admin-order p { margin-bottom:12px; font-size:13px; }
.admin-order .fields-grid { margin-top:20px; align-items:end; }
#admin-content { margin-top:24px; }
#admin-content .drawer-head { flex-wrap:wrap; padding-inline:0; margin-bottom:20px; }
#admin-login { max-width:540px; }
#admin-login .btn { margin-top:20px; }

@media (min-width:1101px) {
  .header-actions > [aria-controls='mobile-menu'],.header-actions > [data-menu-toggle],#menu-toggle { display:none; }
}
@media (max-width:1100px) {
  .container { width:min(100% - 48px,1240px); }
  .desktop-nav { gap:16px; }
  .desktop-nav a { font-size:11px; }
  .header-actions { gap:8px; }
  .header-actions > a { display:none; }
  .hero h1 { font-size:60px; }
  .hero-copy { width:52%; }
  .story-grid,.angle-grid,.gallery-grid,.faq-layout { gap:40px; }
  .checkout-layout { grid-template-columns:minmax(0,1fr) 320px; gap:24px; }
  .checkout-card,.order-summary { padding:24px; }
  .shipping-options { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .desktop-nav { display:none; }
  .header-inner { min-height:76px; }
  .section { padding-block:76px; }
  .hero,.hero-inner { min-height:680px; }
  .hero-copy { width:57%; }
  .hero h1 { font-size:54px; }
  .gallery-grid,.faq-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:28px; }
  .gallery-thumbs .thumb { width:64px; height:64px; }
  .hero-copy > p { font-size:15px; }
  .hero-actions .btn { padding-inline:20px; }
  .facts { grid-template-columns:1fr 1fr; }
  .fact:nth-child(2) { border-right:0; }
  .fact:nth-child(3) { padding-left:0; border-top:1px solid var(--line); }
  .fact:nth-child(4) { border-top:1px solid var(--line); }
  .story-grid,.angle-grid { grid-template-columns:1fr 1fr; gap:32px; }
  .story-visual img { aspect-ratio:.8; }
  .section-head { gap:30px; }
  .spec-grid { gap:32px; }
  .setup-steps,.service-grid { gap:26px; }
  .footer-grid { gap:36px; }
  .checkout-layout { grid-template-columns:1fr; }
  .order-summary { position:static; order:-1; }
  .checkout-shell { width:calc(100% - 48px); }
  .checkout-main { gap:16px; }
  .order-summary .summary-product { display:grid; }
}
@media (max-width:620px) {
  html { scroll-padding-top:90px; }
  body { padding-bottom:76px; font-size:15px; }
  .container { width:calc(100% - 40px); }
  .section { padding-block:58px; }
  h2 { font-size:32px; }
  .section-head { display:block; margin-bottom:30px; }
  .section-head > p { margin-top:18px; font-size:14px; }
  .eyebrow { margin-bottom:14px; font-size:10px; }
  .header-inner { min-height:70px; gap:16px; }
  .brand { font-size:24px; }
  .brand img { width:140px; }
  .header-actions { gap:4px; }
  .hero { min-height:650px; background-color:var(--deep); background-image:none; }
  .hero::before { top:auto; height:300px; background-color:var(--deep); background-image:linear-gradient(180deg,var(--deep) 0%,rgba(21,38,27,.02) 28%,rgba(21,38,27,.1) 100%),url('assets/hero.png'); background-position:center,right center; background-size:100% 100%,auto 100%; background-repeat:no-repeat; }
  .hero-inner { min-height:650px; align-items:flex-start; padding-top:28px; padding-bottom:300px; }
  .hero-copy { width:100%; }
  .hero h1 { max-width:12ch; margin-bottom:18px; font-size:clamp(40px,11.5vw,56px); letter-spacing:-.045em; }
  .hero-copy > p { max-width:36ch; margin-bottom:16px; font-size:14px; }
  .hero-price { margin:20px 0 16px; font-size:31px; }
  .hero-actions .hero-price { margin-left:2px; font-size:25px; }
  .hero-caption { right:20px; bottom:20px; font-size:8px; }
  .hero-price small { font-size:11px; }
  .hero-actions { gap:10px; }
  .hero-actions .btn { min-height:50px; padding:12px 17px; font-size:12px; }
  .hero-copy > .hero-note { margin-top:13px; font-size:10px; }
  .hero-copy > p.eyebrow { font-size:10px; }
  .fact { padding:22px 16px; }
  .fact strong { font-size:22px; }
  .fact span { font-size:11px; }
  .story-grid,.angle-grid { grid-template-columns:1fr; gap:30px; }
  .story-visual img { aspect-ratio:1.15; }
  .story-list { margin-top:22px; }
  .angle-option { padding-block:20px; }
  .angle-option strong { font-size:18px; }
  .angle-diagram { max-height:250px; padding:20px; }
  .buy-row { gap:14px; }
  .buy-row .btn { flex:1; }
  .gallery-grid,.faq-layout { grid-template-columns:1fr; gap:30px; }
  .gallery-main { min-height:300px; }
  .gallery-main img { aspect-ratio:1.1; }
  .gallery-thumbs { flex-direction:row; gap:10px; margin-top:22px; }
  .gallery-thumbs .thumb { width:72px; height:72px; }
  .thumb { min-width:0; flex:1; }
  .spec-grid { grid-template-columns:1fr; gap:0; }
  .spec-table { font-size:12px; }
  .spec-table th,.spec-table td { padding-block:15px; }
  .setup-steps,.service-grid { grid-template-columns:1fr; gap:28px; }
  .setup-step > span:first-child { margin-bottom:20px; }
  .setup-step h3,.service-grid h3 { font-size:22px; }
  .service-grid p { margin-bottom:0; }
  .faq-item summary { min-height:74px; padding-block:22px; font-size:16px; }
  .faq-item > p,.faq-item > div { padding-right:15px; font-size:13px; }
  .final-cta { padding-block:54px; }
  .final-cta > .container { display:block; }
  .final-cta > .container > div:last-child { margin-top:32px; min-width:0; }
  .final-cta .btn { width:100%; }
  .toast { bottom:92px; }
  .site-footer { padding-top:42px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:32px 22px; padding-bottom:36px; }
  .footer-grid > :first-child { grid-column:1/-1; }
  .footer-bottom { display:block; }
  .footer-bottom > * + * { margin-top:12px; }
  .mobile-buy { position:fixed; inset:auto 0 0; z-index:35; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:76px; padding:11px 20px max(11px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--surface); box-shadow:0 -6px 28px rgba(21,38,27,.07); }
  .mobile-buy strong { display:block; font-size:19px; line-height:1.4; font-variant-numeric:tabular-nums; }
  .mobile-buy span,.mobile-buy small { display:block; color:var(--muted); font-size:10px; }
  .mobile-buy .btn { min-height:46px; min-width:148px; font-size:13px; }
  .demo-banner { padding-inline:16px; font-size:10px; }
  .drawer-head { padding:20px; }
  .drawer-content { padding-inline:20px; }
  .drawer-footer { padding:20px; }
  .checkout-shell { width:calc(100% - 32px); padding-top:32px; }
  .checkout-heading { margin-bottom:26px; }
  .checkout-heading h1 { font-size:34px; }
  .checkout-heading p { font-size:13px; }
  .checkout-card,.order-summary { padding:20px; border-radius:14px; }
  .step-heading { margin-bottom:22px; }
  .step-heading h2,.step-heading h3 { font-size:20px; }
  .fields-grid { grid-template-columns:1fr; gap:16px; }
  .field-wide { grid-column:auto; }
  .field input,.field select,.field textarea,.field-input { font-size:16px!important; }
  .shipping-options { grid-template-columns:1fr; }
  .summary-total strong { font-size:26px; }
  .status-panel { width:calc(100% - 32px); margin:32px auto 48px; padding:28px 24px; border-radius:16px; }
  .status-grid { grid-template-columns:1fr; gap:24px; }
  .status-grid > div + div { padding-top:20px; border-top:1px solid var(--line); }
  .status-actions { flex-direction:column; }
  .status-actions .btn { width:100%; }
  .dialog-body { padding:26px 22px; }
  .dialog-body h2 { font-size:26px; }
  #admin-view table { font-size:11px; }
  #admin-view th,#admin-view td { padding:10px 6px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

.mobile-checkout { display:none; }
@media(max-width:620px) {
 .mobile-checkout { position:fixed; inset:auto 0 0; z-index:36; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:76px; padding:11px 20px max(11px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:var(--surface); box-shadow:0 -6px 28px rgba(21,38,27,.07); }
 .mobile-checkout>div { display:flex; flex-direction:column; }
 .mobile-checkout span { color:var(--muted); font-size:11px; }
 .mobile-checkout strong { font-size:20px; line-height:1.3; font-variant-numeric:tabular-nums; }
 .mobile-checkout .btn { min-height:50px; font-size:13px; }
}

/* Actual camera samples: complete frames, native video and a compact media strip. */
.field-section { background:var(--soft); }
.field-heading { margin-bottom:36px; }
.field-controls { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.field-lens-switch { display:flex; padding:5px; gap:5px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.field-lens-switch button { display:flex; align-items:center; gap:12px; min-height:54px; padding:12px 22px; border:0; border-radius:8px; background:transparent; color:var(--muted); transition:background-color .18s,color .18s; }
.field-lens-switch button[aria-pressed="true"] { background:var(--pine); color:var(--surface); }
.field-lens-switch strong { font-size:23px; font-weight:600; line-height:1; letter-spacing:-.035em; }
.field-lens-switch span { font-size:12px; font-weight:500; }
.field-period-switch { display:flex; flex-wrap:wrap; gap:6px; }
.field-period-switch button { min-height:44px; padding:10px 15px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--muted); font-size:13px; }
.field-period-switch button:hover { color:var(--pine); }
.field-period-switch button[aria-pressed="true"] { color:var(--pine); background:var(--surface); border-color:var(--line); font-weight:600; }
.field-layout { display:grid; grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr); gap:36px; align-items:start; }
.field-browser,.field-figure { min-width:0; margin:0; }
.field-figure { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.field-media { display:grid; min-width:0; aspect-ratio:4/3; align-items:center; background:var(--deep); }
.field-media img,.field-media video { display:block; width:100%; height:100%; max-height:100%; aspect-ratio:4/3; object-fit:contain; }
.field-photo-open { position:relative; display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.field-expand-label { position:absolute; right:14px; bottom:14px; display:flex; align-items:center; gap:16px; min-height:40px; padding:10px 14px; border:1px solid rgba(247,248,246,.3); border-radius:7px; color:var(--surface); background:var(--deep); font-size:11px; font-weight:500; }
.field-photo-open:focus-visible { outline-offset:-5px; }
.field-caption-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:91px; padding:18px 22px; }
.field-caption-bar>div:first-child { min-width:0; }
.field-meta { color:var(--muted); font-size:11px; letter-spacing:.02em; }
.field-caption-bar h3 { margin:5px 0 0; font-size:18px; line-height:1.25; letter-spacing:-.025em; }
.field-pagination { display:flex; align-items:center; flex:none; gap:6px; }
.field-pagination .icon-button { border:1px solid var(--line); font-size:19px; }
.field-pagination>span { min-width:42px; color:var(--muted); font-size:11px; text-align:center; font-variant-numeric:tabular-nums; }
.field-strip-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:20px 0 10px; color:var(--muted); font-size:11px; }
.field-thumbnails { display:flex; gap:10px; overflow-x:auto; overscroll-behavior-x:contain; padding:3px 2px 12px; scrollbar-color:var(--line) transparent; scrollbar-width:thin; }
.field-thumb { position:relative; flex:0 0 112px; padding:3px; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--surface); transition:border-color .18s,box-shadow .18s; }
.field-thumb[aria-pressed="true"] { border-color:var(--orange); box-shadow:0 0 0 1px var(--orange); }
.field-thumb img { width:100%; aspect-ratio:4/3; object-fit:contain; background:var(--deep); border-radius:3px; }
.field-thumb-label { display:block; padding:6px 2px 3px; color:var(--secondary); font-size:9px; font-weight:500; text-align:left; }
.field-thumb:focus-visible { outline-offset:0; }
.field-info { padding:10px 0 0; }
.field-info .eyebrow { font-size:9px; }
.field-info h3 { margin-bottom:20px; font-size:clamp(24px,2.5vw,34px); line-height:1.15; }
.field-info>p { color:var(--secondary); font-size:14px; line-height:1.7; }
.field-info .field-source-note { padding-top:4px; color:var(--muted); font-size:12px; }
.field-quality { padding:22px 0 6px; margin-top:24px; border-top:1px solid var(--line); }
.field-quality>span { display:block; margin-bottom:6px; color:var(--pine); font-size:11px; font-weight:600; }
.field-quality p { color:var(--muted); font-size:12px; line-height:1.6; }
.field-info>.btn { width:100%; margin-top:10px; padding-inline:14px; font-size:13px; }
.field-dialog { width:min(calc(100% - 40px),1280px); max-width:none; max-height:94dvh; padding:0; overflow:auto; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); }
.field-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 24px; }
.field-dialog-head .eyebrow { margin-bottom:5px; font-size:9px; }
.field-dialog-head h2 { margin:0; font-size:22px; }
.field-dialog-media { display:grid; min-width:0; place-items:center; background:var(--deep); }
.field-dialog-media img,.field-dialog-media video { display:block; width:100%; max-height:calc(94dvh - 175px); object-fit:contain; }
.field-dialog-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 24px; }
.field-dialog-footer>span { color:var(--muted); font-size:11px; }
@media(max-width:1000px) {
  .field-layout { grid-template-columns:minmax(0,1.85fr) minmax(220px,1fr); gap:26px; }
  .field-lens-switch button { padding-inline:16px; }
  .field-lens-switch span { font-size:11px; }
  .field-info h3 { font-size:25px; }
}
@media(max-width:760px) {
  .field-controls { align-items:flex-start; flex-direction:column; gap:14px; }
  .field-lens-switch { width:100%; }
  .field-lens-switch button { flex:1; justify-content:center; padding-inline:10px; }
  .field-layout { grid-template-columns:minmax(0,1fr); gap:26px; }
  .field-info { padding:0; }
  .field-info h3 { max-width:24ch; font-size:28px; }
  .field-quality { display:grid; grid-template-columns:100px minmax(0,1fr); column-gap:20px; row-gap:10px; padding-top:20px; margin-top:20px; }
  .field-quality p { margin:0; }
  .field-caption-bar { padding:14px; min-height:84px; gap:10px; }
  .field-caption-bar h3 { font-size:16px; }
  .field-pagination { gap:4px; }
  .field-pagination .icon-button { width:44px; height:44px; }
  .field-thumb { flex-basis:98px; }
  .field-expand-label { right:9px; bottom:9px; min-height:34px; padding:8px 10px; font-size:10px; }
  .field-dialog { width:calc(100% - 16px); border-radius:10px; }
  .field-dialog-head { padding:14px; }
  .field-dialog-head h2 { font-size:18px; }
  .field-dialog-footer { padding:12px 14px; gap:12px; }
  .field-dialog-footer>span { max-width:17ch; font-size:10px; }
}

/* PDF revision: original brand, explicit bundles and direct access to videos. */
.site-header .brand img { width:176px; max-height:50px; height:auto; }
.site-footer .brand img { width:156px; height:auto; max-height:none; }
.bundle-options { display:grid; gap:10px; padding:22px 0 0; margin:22px 0 0; border:0; border-top:1px solid var(--line); min-width:0; }
.bundle-options legend { float:left; width:100%; padding:0; margin-bottom:14px; font-size:14px; font-weight:600; }
.bundle-option { display:flex; align-items:center; gap:12px; min-height:82px; padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); cursor:pointer; }
.bundle-option:has(input:checked) { border-color:var(--pine); background:var(--soft); box-shadow:0 0 0 1px var(--pine); }
.bundle-option input { width:18px; height:18px; flex:none; margin:0; accent-color:var(--pine); }
.bundle-option>span { flex:1; min-width:0; }
.bundle-option strong { display:block; font-size:14px; font-weight:600; line-height:1.4; }
.bundle-option small { display:block; margin-top:3px; color:var(--muted); font-size:11px; line-height:1.45; }
.bundle-option b { flex:none; font-size:15px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.field-controls { align-items:flex-start; }
.field-filter-controls { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.field-type-switch { display:flex; flex-wrap:wrap; gap:6px; }
.field-type-switch button { min-height:44px; padding:10px 15px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--muted); font-size:13px; }
.field-type-switch button[aria-pressed="true"] { color:var(--surface); background:var(--pine); border-color:var(--pine); font-weight:600; }
.field-empty { padding:48px; color:var(--surface); }
.field-empty h3 { max-width:22ch; font-size:28px; }
.field-empty p { max-width:40ch; color:#D5E2D0; font-size:14px; }
.field-empty .btn { border:1px solid #72816C; }
@media(max-width:760px) {
 .site-header .brand img { width:148px; max-height:43px; }
 .field-filter-controls { align-items:flex-start; width:100%; }
 .field-type-switch button { padding-inline:12px; }
 .field-empty { padding:24px; }
 .field-empty h3 { font-size:23px; }
 .field-empty p { font-size:12px; }
 .bundle-option { flex-wrap:wrap; padding:14px; gap:10px; }
 .bundle-option>span { min-width:140px; }
 .bundle-option b { margin-left:28px; }
}