.product-heading { min-height: 300px; display: flex; align-items: end; padding: 52px max(5vw, 20px); color: var(--paper); background: var(--brand-dark); }
.product-heading > div { width: min(1120px, 100%); margin: 0 auto; }
.product-heading h1 { max-width: 760px; margin: 0; font-size: 48px; line-height: 1.05; }
.product-heading p:last-child { max-width: 650px; color: var(--paper); }
.product-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; max-width: 1120px; margin: 0 auto 48px; padding: 32px max(5vw, 20px); background: var(--line); }
.product-catalog article, .product-empty { display: flex; min-width: 0; flex-direction: column; gap: 16px; padding: 26px; background: var(--paper); }
.product-catalog h2, .product-empty h2, .product-empty h3 { margin: 0; font-size: 24px; }
.product-type { color: var(--accent); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.account-product-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1120px; margin: 0 auto 48px; padding: 0 max(5vw, 20px); }
.product-account-section { min-width: 0; border-top: 3px solid var(--brand); padding: 26px; background: var(--paper); }
.product-account-section article { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); padding: 15px 0; }
.entitlement-list { display: grid; gap: 10px; padding-left: 20px; }

.ybag-store-hero { --page-accent: var(--ybag-green); position: relative; isolation: isolate; overflow: hidden; padding: clamp(58px, 7vw, 96px) clamp(24px, 7vw, 110px) 78px; color: var(--ink); background: radial-gradient(circle at 9% 12%, color-mix(in srgb, var(--ybag-pink) 10%, transparent), transparent 25%), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--ybag-gold) 16%, transparent), transparent 30%), linear-gradient(180deg, var(--surface), var(--paper)); }
.ybag-store-hero::before { position: absolute; z-index: -1; right: -210px; bottom: -250px; width: 620px; height: 620px; border: 52px solid color-mix(in srgb, var(--ybag-green) 7%, transparent); border-radius: 50%; content: ''; pointer-events: none; }
.ybag-store-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); gap: clamp(52px, 7vw, 104px); max-width: var(--ybag-frame); margin: 0 auto; align-items: center; }
.ybag-store-hero .ybag-kicker { color: var(--ybag-green); }
.ybag-store-hero h1 { max-width: 780px; margin: 0; color: var(--brand-dark); font-size: clamp(43px, 5vw, 70px); line-height: .98; letter-spacing: -.04em; }
.ybag-store-hero-copy > p:not(.ybag-kicker) { max-width: 720px; margin: 25px 0 0; color: var(--muted); font-size: clamp(18px, 1.45vw, 22px); line-height: 1.68; }
.ybag-store-hero-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; margin-top: 29px; }
.ybag-store-hero-price strong { color: var(--brand-dark); font: 900 clamp(52px, 5vw, 72px)/.95 'Changa', Arial, sans-serif; }
.ybag-store-hero-price span { color: #d92046; font: 900 clamp(27px, 2.5vw, 38px)/1 'Changa', Arial, sans-serif; }
.ybag-store-hero-price del { text-decoration-color: currentColor; text-decoration-thickness: 3px; }
.ybag-store-hero-price small { flex-basis: 100%; color: var(--muted); font-size: 14px; font-weight: 800; }
.ybag-store-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.ybag-store-hero-actions .ybag-button { margin: 0; }
.ybag-store-purchase-button { gap: 10px; color: #fff; background: #d92046; box-shadow: 0 12px 28px rgba(217,32,70,.24); }
.ybag-store-purchase-button:hover { color: #fff; background: #bd1638; box-shadow: 0 15px 32px rgba(217,32,70,.32); }
.ybag-store-purchase-button svg { width: 22px; height: 22px; fill: currentColor; }
.ybag-store-explore-button { color: #fff; background: #4b9f23; box-shadow: 0 12px 28px rgba(75,159,35,.22); }
.ybag-store-explore-button:hover { color: #fff; background: #39821a; box-shadow: 0 15px 32px rgba(75,159,35,.3); }
.ybag-store-hero-art { position: relative; display: grid; width: min(100%, 440px); justify-self: center; border: 1px solid color-mix(in srgb, var(--ybag-green) 24%, var(--line)); border-radius: 34px; padding: 30px 30px 24px; background: #fff; box-shadow: 0 24px 64px rgba(20,43,92,.15); transform: rotate(1deg); }
.ybag-store-hero-art > img { display: block; width: 100%; height: auto; aspect-ratio: 1; align-self: start; object-fit: contain; border-radius: 23px; background: #f7f9fe; }
.ybag-store-hero-badge { position: absolute; z-index: 2; top: 22px; right: -14px; border-radius: 999px; padding: 9px 13px 7px; color: #fff; background: var(--ybag-green); box-shadow: 0 11px 25px rgba(75,159,35,.25); font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.ybag-store-hero-art > div { display: grid; gap: 4px; padding: 18px 6px 0; }
.ybag-store-hero-art > div strong { color: var(--brand-dark); font: 800 20px/1.2 'Changa', Arial, sans-serif; }
.ybag-store-hero-art > div span { color: var(--muted); font-size: 13px; line-height: 1.5; }
.ybag-store-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; padding: clamp(52px, 7vw, 96px) clamp(24px, 8vw, 120px); background: #f7f8ff; }
.ybag-product-card { display: grid; grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr); overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: 0 18px 50px rgba(23,35,92,.08); }
.ybag-product-card.is-coming-soon { opacity: .9; }
.ybag-product-art { display: grid; place-items: center; padding: 22px; background: #eef3ff; }
.ybag-product-card:nth-child(2) .ybag-product-art { background: #fff5df; }
.ybag-product-art img { display: block; width: 100%; max-height: 360px; object-fit: contain; }
.ybag-product-art-screen { width: 100%; aspect-ratio: 1; border-radius: 18px; background-color: #fff; background-image: var(--product-art), var(--product-fallback); background-position: center; background-repeat: no-repeat; background-size: cover, contain; box-shadow: 0 12px 30px rgba(23,35,92,.1); }
.ybag-product-content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 34px; }
.ybag-product-badge { display: inline-flex; border-radius: 999px; padding: 7px 12px; color: var(--ybag-indigo); background: #eef0ff; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.ybag-product-content h2 { margin: 18px 0 8px; color: var(--ybag-indigo); font-size: 31px; line-height: 1.06; }
.ybag-product-content > p { color: var(--muted); }
.ybag-product-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin-top: 16px; }
.ybag-product-price strong { color: var(--ybag-indigo); font-size: 34px; }
.ybag-product-price del { color: #9096ac; font-size: 18px; }
.ybag-product-access { padding-top: 15px; border-top: 1px solid var(--line); font-size: 14px; }
.ybag-product-content .ybag-button { margin-top: auto; }
.ybag-button-muted { color: var(--ybag-indigo); border-color: #d9ddef; background: #eef0f8; cursor: default; box-shadow: none; }
.ybag-purchase-note { display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1.25fr); gap: clamp(34px,6vw,80px); padding: 56px clamp(24px, 12vw, 190px); color: #fff; background: #17235c; }
.ybag-purchase-note h2 { margin: 0; font-size: 32px; }
.ybag-purchase-note > p { max-width: 900px; margin-top: 27px; color: #d7dbef; font-size: 17px; line-height: 1.75; }
.ybag-store-ebooks,.ybag-shopify-store { padding:clamp(56px,8vw,100px) clamp(24px,8vw,120px); }
.ybag-store-ebooks { background:#f7f8ff; }
.ybag-shopify-store { background:#fff; }
.ybag-store-section-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; max-width:1320px; margin:0 auto 40px; }
.ybag-store-section-heading>div { max-width:820px; }
.ybag-store-section-heading h2 { margin:0; color:var(--ybag-indigo); font-size:clamp(36px,4.2vw,54px); line-height:1.04; letter-spacing:-.04em; }
.ybag-store-section-heading p:last-child { color:var(--muted); font-size:17px; line-height:1.7; }
.ybag-ebook-shelf { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1320px; margin:0 auto; }
.ybag-ebook-store-card { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:24px; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:0 18px 48px rgba(23,35,92,.07); }
.ybag-ebook-store-card.is-coming-soon { background:linear-gradient(145deg,#fff,#fbf9ff); }
.ybag-ebook-store-card .ebook-box-link { width:100%; margin-bottom:20px; }
.ybag-ebook-store-card h3 { margin:13px 0 7px; color:var(--ybag-indigo); font-size:clamp(27px,2.7vw,36px); line-height:1.04; letter-spacing:-.035em; }
.ybag-ebook-store-card>p { min-height:48px; color:var(--muted); line-height:1.5; }
.ybag-ebook-store-card .ebook-text-link { margin-top:auto; }
.ybag-store-offer-price { display:flex; flex-wrap:wrap; gap:8px 11px; align-items:baseline; margin:9px 0 5px; }
.ybag-store-offer-price strong { color:var(--ybag-indigo); font-size:29px; }
.ybag-store-offer-price del { color:#8990a8; font-size:16px; }
.ybag-store-offer-price span { color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; }
.ybag-provider-label { display:block; margin-bottom:16px; color:var(--muted); font-weight:750; line-height:1.4; }
.ybag-store-card-actions { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; margin-top:auto; }
.ybag-store-card-actions .ebook-text-link { margin:0; }
.ybag-store-card-actions .ybag-button { margin:0; }
.ybag-shopify-status { flex:0 0 auto; border-radius:999px; padding:9px 13px; color:#6d5a2c; background:#fff3cf; font-size:12px; font-weight:900; text-transform:uppercase; }
.ybag-shopify-status.is-connected { color:#58722c; background:#eff6e2; }
.ybag-shopify-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1320px; margin:0 auto; }
.ybag-shopify-card { display:flex; min-width:0; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 16px 44px rgba(23,35,92,.07); }
.ybag-shopify-card.is-sold_out,.ybag-shopify-card.is-coming_soon { background:#fafbf8; }
.ybag-shopify-card-art { display:grid; min-height:260px; place-items:center; overflow:hidden; color:#87a04c; background:linear-gradient(145deg,#edf4de,#fff); font-size:24px; font-weight:950; letter-spacing:.08em; }
.ybag-shopify-card-art img { width:100%; height:100%; max-height:320px; object-fit:cover; }
.ybag-shopify-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:26px; }
.ybag-shopify-card-copy h3 { margin:15px 0 7px; color:var(--ybag-indigo); font-size:27px; line-height:1.08; }
.ybag-shopify-card-copy > p { color:var(--muted); line-height:1.6; }
.ybag-shopify-card-copy > .ybag-button { margin-top:auto; }
.ybag-shopify-source { max-width:1320px; margin:18px auto 0; color:var(--muted); font-size:12px; text-align:right; }
.ybag-shopify-placeholder { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:36px; align-items:center; max-width:1320px; margin:0 auto; padding:clamp(30px,5vw,60px); border:2px dashed #d9deca; border-radius:28px; background:#fbfcf8; }
.ybag-shopify-placeholder>div:first-child { display:grid; gap:8px; }
.ybag-shopify-placeholder strong { color:var(--ybag-indigo); font-size:26px; }
.ybag-shopify-placeholder span { color:var(--muted); line-height:1.7; }
.ybag-shopify-placeholder>div:last-child { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.ybag-shopify-placeholder i { display:block; min-height:145px; border-radius:18px; background:linear-gradient(145deg,#edf4de,#fff); box-shadow:inset 0 0 0 1px #e1e8d3; }

.ybag-product-detail { display: grid; grid-template-columns: minmax(360px, 420px) minmax(0, 1fr); gap: clamp(48px, 7vw, 100px); align-items: center; padding: clamp(58px, 8vw, 110px) clamp(24px, 8vw, 120px); background: linear-gradient(145deg, #f7f8ff, #fff); }
.ybag-product-detail-art { padding: 24px; border: 1px solid var(--line); border-radius: 32px; background: #fff; box-shadow: 0 28px 70px rgba(23,35,92,.13); }
.ybag-product-detail-art img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; }
.ybag-product-device { --page-accent: var(--ybag-violet); width: min(100%, 420px); }
.ybag-back-link { display: inline-block; margin-bottom: 24px; color: var(--ybag-indigo); font-weight: 800; text-decoration: none; }
.ybag-product-detail-copy h1 { margin: 20px 0; color: var(--ybag-indigo); font-size: clamp(40px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.034em; }
.ybag-product-detail-lead { color: var(--muted); font-size: 20px; line-height: 1.7; }
.ybag-product-detail-price span { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.ybag-availability-note { margin: 28px 0; padding: 19px 22px; border-left: 5px solid var(--ybag-gold); background: #fff7d9; }
.ybag-availability-note.is-next { border-color: var(--ybag-teal); background: #eafaf8; }
.ybag-availability-note p { margin: 4px 0 0; color: var(--muted); }
.ybag-included-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 0; list-style: none; }
.ybag-included-list li { padding: 12px 14px; border-radius: 12px; color: var(--ybag-indigo); background: #f1f3ff; font-weight: 800; }
.ybag-product-assurance { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ybag-product-assurance div { display: grid; gap: 4px; padding: 28px clamp(20px, 4vw, 60px); border-right: 1px solid var(--line); }
.ybag-product-assurance div:last-child { border: 0; }
.ybag-product-assurance strong { color: var(--ybag-indigo); }
.ybag-product-assurance span { color: var(--muted); }
.ybag-product-use { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: clamp(40px,7vw,90px); padding: clamp(58px,8vw,94px) clamp(24px,8vw,120px); background: #f7f8ff; }
.ybag-product-use h2 { max-width: 620px; margin: 0; color: var(--ybag-indigo); font-size: clamp(36px,4vw,52px); line-height: 1.04; }
.ybag-product-use ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: use-step; }
.ybag-product-use li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 5px 18px; border: 1px solid var(--line); border-radius: 16px; padding: 21px; background: #fff; counter-increment: use-step; }
.ybag-product-use li::before { grid-row: 1 / span 2; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #fff; background: var(--ybag-violet); content: counter(use-step, decimal-leading-zero); font-size: 10px; font-weight: 900; }
.ybag-product-use strong { color: var(--ybag-indigo); font-size: 18px; }
.ybag-product-use span { color: var(--muted); line-height: 1.5; }

.ybag-download-heading { padding: 80px clamp(24px, 9vw, 140px) 45px; background: #f7f8ff; }
.ybag-download-heading h1 { margin: 0; color: var(--ybag-indigo); font-size: clamp(42px, 5vw, 64px); }
.ybag-download-heading p:last-child { color: var(--muted); font-size: 19px; }
.ybag-download-library { min-height: 420px; padding: 40px clamp(24px, 9vw, 140px) 90px; background: #f7f8ff; }
.ybag-download-library article { display: grid; grid-template-columns: 240px 1fr; gap: 32px; max-width: 900px; padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: #fff; }
.ybag-download-library article img { width: 100%; border-radius: 16px; }
.ybag-download-empty { max-width: 700px; padding: 48px; border: 1px solid var(--line); border-radius: 24px; text-align: center; background: #fff; }
.ybag-download-empty img { width: min(100%, 230px); height: auto; }
.ybag-download-empty h2 { color: var(--ybag-indigo); }
.ybag-checkout-form { margin: 0; }
.ybag-product-account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; }
.ybag-checkout-form button { cursor: pointer; font: inherit; }
.ybag-file-note { max-width: 620px; color: var(--muted); font-size: 14px; }
.ybag-checkout-state { min-height: 620px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 70px 24px; text-align: center; background: radial-gradient(circle at 50% 35%, #fff2c2, transparent 28%), #f7f8ff; }
.ybag-checkout-state img { width: min(100%, 230px); height: auto; }
.ybag-checkout-state h1 { max-width: 780px; margin: 10px 0 18px; color: var(--ybag-indigo); font-size: clamp(40px, 4.2vw, 58px); line-height: 1.02; letter-spacing: -.034em; }
.ybag-product-preview { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: clamp(40px, 7vw, 90px); align-items: center; padding: clamp(58px, 8vw, 94px) clamp(24px, 8vw, 120px); background: #fff; }
.ybag-product-preview h2 { max-width: 620px; margin: 0; color: var(--ybag-indigo); font-size: clamp(34px, 4vw, 48px); line-height: 1.04; }
.ybag-product-preview p:last-child { color: var(--muted); font-size: 18px; line-height: 1.7; }
.ybag-product-preview-art { width: min(100%, 560px); aspect-ratio: 1; justify-self: center; border: 1px solid var(--line); border-radius: 26px; background-color: #f7f8ff; background-image: url('/media/site/products/ebook-sample-spreads-square.png'), url('/media/ebooks/your-babys-a-genius/previews/printable-toolkit-preview.png'); background-position: center; background-repeat: no-repeat; background-size: cover, contain; box-shadow: var(--ybag-shadow); }
.ybag-checkout-state > p:not(.ybag-kicker) { max-width: 680px; margin: 0 0 28px; color: var(--muted); font-size: 19px; line-height: 1.7; }
.product-commerce-form { display: grid; gap: 18px; max-width: 760px; }
.product-commerce-form label:not(.checkbox-label) { display: grid; gap: 7px; font-weight: 800; }
.product-commerce-form input[type='password'] { min-height: 46px; border: 1px solid var(--line); border-radius: 9px; padding: 9px 12px; }
.product-commerce-form .checkbox-label { display: flex; gap: 9px; align-items: center; }
.ybag-commerce-readiness { display: flex; flex-wrap: wrap; gap: 9px; margin: 16px 0; }
.ybag-readiness-chip { border-radius: 999px; padding: 7px 11px; color: #7a2432; background: #fde9ed; font-size: 12px; font-weight: 800; }
.ybag-readiness-chip.is-ready { color: #115d47; background: #e1f6ee; }
.ybag-download-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ybag-download-admin-card { border: 1px solid var(--line); border-radius: 14px; padding: 20px; background: var(--paper); }
.ybag-download-admin-card h3 { margin-top: 0; }
.ybag-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ybag-download-grid article { grid-template-columns: 110px 1fr; }

/* Fees-owned finance workspace */
.fees-workspace-header { --finance-navy: #15213f; --finance-teal: #087a67; --finance-gold: #d8a326; display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(3vw, 24px); border-bottom: 1px solid var(--line); background: #fff; box-shadow: 0 7px 25px rgba(19,42,86,.06); }
.fees-workspace-brand { display: flex; min-width: max-content; align-items: baseline; gap: 10px; color: var(--finance-navy); font-weight: 900; text-decoration: none; }
.fees-workspace-brand span { border-radius: 999px; padding: 6px 11px 4px; color: #fff; background: var(--finance-teal); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.fees-workspace-brand strong { font-size: 15px; }
.fees-workspace-header .finance-nav { flex: 0 1 auto; border: 0; padding: 0; box-shadow: none; }
.finance-shell { --finance-navy: #15213f; --finance-teal: #087a67; --finance-gold: #d8a326; display: grid; gap: 24px; max-width: 1280px; margin: 0 auto; }
.finance-heading { align-items: center; padding-bottom: 2px; }
.finance-heading h1 { font-size: clamp(38px, 5vw, 58px); letter-spacing: -.04em; }
.finance-heading p:last-child { max-width: 760px; }
.member-purchase-compact-status {
  display: grid;
  min-width: min(100%, 230px);
  justify-items: start;
  gap: 3px;
  border: 1px solid #1268c433;
  border-radius: 16px;
  padding: 15px 18px;
  color: #08255b;
  background: #fff;
  box-shadow: 0 10px 24px #102c5c12;
}
.member-purchase-compact-status > span {
  grid-row: 1 / span 2;
  align-self: center;
  width: 36px;
  height: 36px;
  margin-right: 11px;
  border-radius: 12px;
  color: #fff;
  background: #55b91b;
  font-size: 21px;
  font-weight: 900;
  line-height: 36px;
  text-align: center;
}
.member-purchase-compact-status.is-pending > span { background: #ffb000; }
.member-purchase-compact-status small {
  grid-column: 2;
  color: #65718a;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.member-purchase-compact-status strong { grid-column: 2; font: 900 18px/1.15 'Changa', Arial, sans-serif; }
.finance-nav { display: flex; overflow-x: auto; gap: 6px; padding: 6px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(16,24,40,.045); }
.finance-nav a { flex: 0 0 auto; padding: 10px 15px; border-radius: 9px; color: #586174; font-size: 14px; font-weight: 800; text-decoration: none; }
.finance-nav a:hover { color: var(--finance-navy); background: #f1f4f7; }
.finance-nav a[aria-current='page'] { color: #fff; background: var(--finance-navy); }
.finance-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 34px rgba(16,24,40,.06); }
.finance-metric-grid > * { display: flex; min-width: 0; flex-direction: column; gap: 6px; padding: 23px; color: var(--ink); border-right: 1px solid var(--line); text-decoration: none; }
.finance-metric-grid > *:last-child { border-right: 0; }
.finance-metric-grid > a:hover { background: #f5f7fa; }
.finance-metric-grid > *.is-warning { box-shadow: inset 0 3px 0 #b76b00; }
.finance-metric-grid span { color: var(--muted); font-size: 12px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.finance-metric-grid strong { overflow-wrap: anywhere; color: var(--finance-navy); font-size: clamp(22px, 2.3vw, 30px); line-height: 1.15; }
.finance-metric-grid small { color: var(--muted); }
.finance-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.finance-workspace-grid > a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: start; padding: 26px; color: var(--ink); border: 1px solid var(--line); border-radius: 18px; background: #fff; text-decoration: none; box-shadow: 0 10px 28px rgba(16,24,40,.04); transition: transform .15s ease, box-shadow .15s ease; }
.finance-workspace-grid > a:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(16,24,40,.09); }
.finance-card-index { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: var(--finance-teal); background: #e7f6f3; font-size: 12px; font-weight: 900; }
.finance-workspace-grid h2 { margin: 0; color: var(--finance-navy); font-size: 22px; }
.finance-workspace-grid p { margin: 7px 0 0; color: var(--muted); line-height: 1.55; }
.finance-dashboard-split { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr); gap: 20px; align-items: start; }
.finance-panel { min-width: 0; margin: 0 !important; padding: 28px !important; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(16,24,40,.045); }
.finance-panel .section-heading { align-items: start; }
.finance-panel table small { display: block; margin-top: 4px; color: var(--muted); }
.finance-readiness-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
.finance-readiness-list article { display: flex; justify-content: space-between; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.finance-readiness-list article > div { display: grid; gap: 6px; }
.finance-readiness-list article > div:last-child { justify-items: end; text-align: right; }
.finance-readiness-list small { color: var(--muted); }
.finance-status { display: inline-flex; width: max-content; border-radius: 999px; padding: 5px 9px; color: #475467; background: #eef1f4; font-size: 11px; font-weight: 850; letter-spacing: .02em; white-space: nowrap; }
.finance-status-paid, .finance-status-active, .finance-status-processed { color: #076047; background: #e3f5ee; }
.finance-status-pending, .finance-status-received, .finance-status-trialing, .finance-status-draft, .finance-status-coming-soon { color: #8a4d00; background: #fff0d7; }
.finance-status-failed, .finance-status-refunded, .finance-status-canceled { color: #9b2638; background: #fde9ed; }
.finance-status-ignored, .finance-status-archived { color: #5f6777; background: #eceff3; }
.finance-empty { display: grid; gap: 5px; padding: 20px 4px; color: var(--muted); }
.finance-empty strong { color: var(--finance-navy); font-size: 16px; }
.finance-empty.is-ready { padding-left: 14px; border-left: 4px solid var(--finance-teal); }
.finance-filter { display: grid; grid-template-columns: minmax(220px, 1.5fr) minmax(150px, .7fr) minmax(150px, .7fr) auto auto; gap: 12px; align-items: end; margin-bottom: 22px; }
.finance-filter label { display: grid; gap: 6px; color: #344054; font-size: 13px; font-weight: 800; }
.finance-filter input, .finance-filter select { min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; }
.finance-filter > a { align-self: center; color: var(--muted); font-weight: 800; }
.finance-error { max-width: 360px; color: #9b2638 !important; }
.finance-workbench-note { display: flex; justify-content: space-between; gap: 24px; align-items: center; border-left: 5px solid var(--finance-teal); }
.finance-workbench-note h2, .finance-workbench-note p { margin: 0; }
.finance-workbench-note p:last-child { max-width: 840px; margin-top: 7px; color: var(--muted); line-height: 1.6; }
.finance-results-heading { margin-bottom: 18px; }
.finance-order-filter { margin-bottom: 18px; }
.finance-order-row--refunded { box-shadow: inset 4px 0 0 #d85065; }
.finance-order-row--pending { box-shadow: inset 4px 0 0 #d8a326; }
.finance-order-row--failed, .finance-order-row--canceled { box-shadow: inset 4px 0 0 #9b2638; }
.finance-order-state { display: flex; justify-content: space-between; gap: 28px; align-items: center; border-left: 5px solid var(--finance-teal); }
.finance-order-state h2, .finance-order-state p { margin: 0; }
.finance-order-state p:last-child { max-width: 780px; margin-top: 7px; color: var(--muted); line-height: 1.6; }
.finance-order-state--waiting { border-left-color: var(--finance-gold); }
.finance-order-state--warning, .finance-order-state--reversed { border-left-color: #d85065; }
.finance-order-state-metrics, .finance-ledger-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; min-width: min(100%, 680px); border: 1px solid var(--line); border-radius: 14px; background: #fbfcfd; }
.finance-order-state-metrics > div, .finance-ledger-summary > div { display: grid; gap: 5px; padding: 16px; border-right: 1px solid var(--line); }
.finance-order-state-metrics > div:last-child, .finance-ledger-summary > div:last-child { border-right: 0; }
.finance-order-state-metrics span, .finance-ledger-summary span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.finance-order-state-metrics strong, .finance-ledger-summary strong { color: var(--finance-navy); font-size: 18px; }
.finance-order-workbench { align-items: stretch; }
.finance-order-checklist { display: grid; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.finance-order-checklist > div { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 11px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fbfcfd; }
.finance-order-checklist > div > span { grid-row: 1 / span 2; width: 12px; height: 12px; border-radius: 999px; background: var(--finance-gold); }
.finance-order-checklist > div.is-complete > span { background: var(--finance-teal); }
.finance-order-checklist strong { color: var(--finance-navy); font-size: 14px; }
.finance-order-checklist small { grid-column: 2; color: var(--muted); }
.finance-ledger-summary { margin-bottom: 18px; }
.finance-ledger-summary strong { overflow-wrap: anywhere; }
.finance-reconciliation-guide { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 26px; align-items: center; border-left: 5px solid var(--finance-teal); }
.finance-reconciliation-guide h2, .finance-reconciliation-guide p { margin: 0; }
.finance-reconciliation-guide p:last-child { margin-top: 7px; color: var(--muted); line-height: 1.6; }
.finance-reconciliation-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.finance-reconciliation-steps a { display: grid; gap: 5px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: #fbfcfd; text-decoration: none; }
.finance-reconciliation-steps a:hover { border-color: color-mix(in srgb, var(--finance-teal) 30%, var(--line)); background: #f4faf8; }
.finance-reconciliation-steps span { color: var(--finance-teal); font-size: 11px; font-weight: 900; }
.finance-reconciliation-steps strong { color: var(--finance-navy); }
.finance-reconciliation-steps small { color: var(--muted); line-height: 1.35; }
.finance-reconciliation-steps a.is-warning { box-shadow: inset 0 3px 0 var(--finance-gold); }
.finance-reconciliation-steps a.is-ready { box-shadow: inset 0 3px 0 var(--finance-teal); }
.finance-event-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfd; }
.finance-event-summary div { display: flex; justify-content: space-between; gap: 10px; padding: 13px 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.finance-event-summary div:nth-child(2n) { border-right: 0; }
.finance-event-summary span { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.finance-event-summary strong { color: var(--finance-navy); }
.finance-scope-note { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-left: 5px solid var(--finance-gold); }
.finance-scope-note h2, .finance-scope-note p { margin: 0; }
.finance-scope-note p:last-child { max-width: 900px; margin-top: 7px; color: var(--muted); }
.finance-external-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-top: 20px; border: 1px solid var(--line); border-radius: 14px; }
.finance-external-metrics > div { display: grid; gap: 6px; padding: 18px; border-right: 1px solid var(--line); }
.finance-external-metrics > div:last-child { border-right: 0; }
.finance-external-metrics span { color: var(--muted); font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.finance-external-metrics strong { color: var(--finance-navy); font-size: 21px; }
.finance-shopify-snapshot { border-top: 4px solid #95bf47; }
.finance-shopify-product-list { display:grid; gap:12px; margin-top:20px; }
.finance-shopify-product-list article { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:24px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#fbfcfd; }
.finance-shopify-product-list h3 { margin:9px 0 3px; color:var(--finance-navy); }
.finance-shopify-product-list small { color:var(--muted); }
.finance-shopify-product-list dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }
.finance-shopify-product-list dt { color:var(--muted); font-size:11px; font-weight:850; text-transform:uppercase; }
.finance-shopify-product-list dd { margin:4px 0 0; overflow-wrap:anywhere; }
.finance-amazon-snapshot { border-top: 4px solid #ff9900; }
.amazon-affiliate-admin-grid { display:grid; grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr); gap:20px; align-items:start; }
.amazon-affiliate-form { display:grid; gap:16px; }
.amazon-affiliate-form label { display:grid; gap:7px; color:#344054; font-size:13px; font-weight:800; }
.amazon-affiliate-form input:not([type="checkbox"]), .amazon-affiliate-form select, .amazon-affiliate-form textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font:inherit; }
.amazon-affiliate-form textarea { resize:vertical; }
.amazon-affiliate-form label small { color:var(--muted); font-weight:500; }
.amazon-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.amazon-disclosure-preview { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.amazon-api-search { display:grid; grid-template-columns:minmax(220px,1fr) minmax(150px,.35fr) auto; gap:12px; align-items:end; margin-top:20px; }
.amazon-api-search label { display:grid; gap:6px; color:#344054; font-size:13px; font-weight:800; }
.amazon-api-search input { min-height:44px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#fff; font:inherit; }
.amazon-search-results { display:grid; gap:10px; margin-top:18px; }
.amazon-search-results article { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:#fbfcfd; }
.amazon-search-results article > div { display:grid; gap:5px; }
.amazon-search-results small { color:var(--muted); }
.amazon-filter { grid-template-columns:minmax(180px,1fr) minmax(130px,.5fr) auto auto; }
.amazon-review-list { display:grid; gap:12px; }
.amazon-review-list article { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:18px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:14px; background:#fbfcfd; }
.amazon-review-list h3 { margin:8px 0 4px; color:var(--finance-navy); }
.amazon-review-list small { color:var(--muted); }
.amazon-review-heading { display:flex; flex-wrap:wrap; gap:6px; }
.amazon-review-list dl { display:flex; gap:18px; margin:0; }
.amazon-review-list dl div { min-width:70px; }
.amazon-review-list dt { color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.amazon-review-list dd { margin:4px 0 0; font-size:12px; font-weight:750; }
.ybag-amazon-store { padding:72px clamp(20px,5vw,76px); background:#fffaf2; }
.ybag-amazon-disclosure { margin:18px 0 24px; padding:13px 16px; border-left:4px solid #ff9900; background:#fff; color:#5f4b30; font-size:14px; }
.ybag-amazon-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ybag-amazon-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid #eadfce; border-radius:22px; background:#fff; box-shadow:0 14px 35px rgba(66,46,20,.07); }
.ybag-amazon-card-art { display:grid; min-height:210px; place-items:center; overflow:hidden; background:linear-gradient(145deg,#fff8e9,#f4e5ca); color:#684f2b; font-size:20px; font-weight:900; letter-spacing:.08em; text-align:center; }
.ybag-amazon-card-art img { width:100%; height:100%; max-height:280px; object-fit:contain; }
.ybag-amazon-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:13px; padding:24px; }
.ybag-amazon-card-copy h3, .ybag-amazon-card-copy p { margin:0; }
.ybag-amazon-card-copy p { color:var(--muted); line-height:1.65; }
.ybag-amazon-card-copy dl { display:flex; flex-wrap:wrap; gap:16px; width:100%; margin:0; }
.ybag-amazon-card-copy dt { color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.ybag-amazon-card-copy dd { margin:3px 0 0; font-weight:800; }
.ybag-amazon-card-copy .ybag-button { margin-top:auto; }
.ybag-amazon-safety { display:block; color:#6d552f; line-height:1.5; }
.finance-offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.finance-offer-grid article { display: grid; gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcfd; }
.finance-offer-grid article header { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.finance-offer-grid article h3 { margin: 10px 0 3px; color: var(--finance-navy); font-size: 21px; }
.finance-offer-grid article small { color: var(--muted); }
.finance-offer-price { display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; }
.finance-offer-price strong { color: var(--finance-navy); font-size: 27px; }
.finance-offer-price del { color: var(--muted); }
.finance-offer-grid dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.finance-offer-grid dl div { padding: 12px 0; border-top: 1px solid var(--line); }
.finance-offer-grid dt { color: var(--muted); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.finance-offer-grid dd { margin: 5px 0 0; font-weight: 800; }
.finance-entitlement-list, .finance-entitlement-stack { display: flex; flex-wrap: wrap; gap: 7px; }
.finance-entitlement-list code, .finance-entitlement-stack code { padding: 6px 8px; border-radius: 7px; color: #32406c; background: #edf0fa; font-size: 12px; }
.finance-entitlement-stack { display: grid; }
.finance-entitlement-stack code { padding: 10px 12px; }
.finance-order-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: 20px; align-items: start; }
.finance-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); }
.finance-detail-list div { padding: 17px 0; border-bottom: 1px solid var(--line); }
.finance-detail-list dt { color: var(--muted); font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.finance-detail-list dd { margin: 5px 0 0; overflow-wrap: anywhere; }
.finance-order-actions { justify-content: flex-start; }
.products-admin-shell { gap: 24px; }

@media (max-width: 1080px) { .ybag-store-grid { grid-template-columns: 1fr; } }
@media (max-width: 800px) {
  .fees-workspace-header { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 14px; padding-bottom: 12px; }
  .fees-workspace-header .finance-nav { width: 100%; overflow-x: auto; }
  .product-catalog, .account-product-layout { grid-template-columns: 1fr; }
  .ybag-product-card, .ybag-product-detail { grid-template-columns: 1fr; }
  .ybag-store-hero-grid, .ybag-purchase-note, .ybag-product-preview, .ybag-product-use { grid-template-columns: 1fr; }
  .ybag-store-hero-art { width:min(440px,100%); }
  .ybag-store-system-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ybag-store-system-card > div { min-height:150px; }
  .ybag-product-art img { max-height: 280px; }
  .ybag-product-assurance { grid-template-columns: 1fr; }
  .ybag-product-assurance div { border-right: 0; border-bottom: 1px solid var(--line); }
  .ybag-download-library article { grid-template-columns: 1fr; }
  .ybag-download-grid, .ybag-download-admin-grid { grid-template-columns: 1fr; }
  .ybag-download-library article img { max-width: 300px; }
  .finance-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-metric-grid > * { border-bottom: 1px solid var(--line); }
  .finance-metric-grid > *:nth-child(2n) { border-right: 0; }
  .finance-workspace-grid, .finance-dashboard-split, .amazon-affiliate-admin-grid, .amazon-api-search, .finance-reconciliation-guide { grid-template-columns: 1fr; }
  .finance-workbench-note, .finance-order-state { display: grid; align-items: start; }
  .finance-order-state-metrics, .finance-ledger-summary, .finance-reconciliation-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-order-state-metrics > div, .finance-ledger-summary > div { border-bottom: 1px solid var(--line); }
  .finance-order-state-metrics > div:nth-child(2n), .finance-ledger-summary > div:nth-child(2n) { border-right: 0; }
  .finance-shopify-product-list article { grid-template-columns:1fr; }
  .finance-offer-grid, .finance-order-layout { grid-template-columns: 1fr; }
  .finance-external-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .finance-external-metrics > div { border-bottom: 1px solid var(--line); }
  .finance-external-metrics > div:nth-child(2n) { border-right: 0; }
  .finance-filter { grid-template-columns: 1fr 1fr; }
  .finance-filter label:first-child { grid-column: 1 / -1; }
  .finance-scope-note { display: grid; }
  .ybag-store-section-heading { display:grid; align-items:start; }
  .ybag-ebook-shelf { grid-template-columns:1fr; }
  .ybag-shopify-grid, .ybag-amazon-grid { grid-template-columns:1fr; }
  .ybag-ebook-store-card { display:grid; grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr); column-gap:24px; }
  .ybag-ebook-store-card .ebook-box-link { grid-row:1 / span 5; }
  .ybag-shopify-placeholder { grid-template-columns:1fr; }
}
@media (max-width: 520px) {
  .fees-workspace-brand strong { display: none; }
  .ybag-store-hero { padding-right:18px; padding-left:18px; }
  .ybag-store-hero-art { border-radius:24px; padding:20px 20px 18px; }
  .ybag-store-hero-badge { top:14px; right:-5px; }
  .ybag-store-grid { padding-right: 18px; padding-left: 18px; }
  .ybag-product-card { border-radius: 20px; }
  .ybag-product-content { padding: 26px; }
  .ybag-included-list { grid-template-columns: 1fr; }
  .ybag-download-empty { padding: 30px 20px; }
  .finance-metric-grid, .finance-filter { grid-template-columns: 1fr; }
  .finance-metric-grid > * { border-right: 0; }
  .finance-workspace-grid > a { grid-template-columns: auto minmax(0, 1fr); }
  .finance-workspace-grid > a > span:last-child { display: none; }
  .finance-panel { padding: 20px !important; }
  .finance-external-metrics, .finance-detail-list, .finance-order-state-metrics, .finance-ledger-summary, .finance-reconciliation-steps, .finance-event-summary { grid-template-columns: 1fr; }
  .finance-order-state-metrics > div, .finance-ledger-summary > div, .finance-event-summary div { border-right: 0; }
  .finance-external-metrics > div { border-right: 0; }
  .finance-offer-grid dl { grid-template-columns: 1fr; }
  .finance-shopify-product-list dl { grid-template-columns:1fr; }
  .amazon-form-row, .amazon-review-list article { grid-template-columns:1fr; }
  .amazon-review-list dl { flex-wrap:wrap; }
  .amazon-search-results article { align-items:flex-start; flex-direction:column; }
  .ybag-ebook-store-card { display:flex; }
  .ybag-store-system-card { grid-template-columns:1fr; }
  .ybag-store-system-card > div { min-height:130px; }
  .ybag-store-card-actions { align-items:flex-start; flex-direction:column; }
  .ybag-shopify-placeholder>div:last-child { grid-template-columns:1fr; }
  .ybag-shopify-placeholder i:not(:first-child) { display:none; }
}