.shop-body { --shop-ink: #28222a; --shop-muted: #69636d; --shop-line: #ded5dc; --shop-accent: #773e62; --shop-green: #315c49; background: #fcfafb; color: var(--shop-ink); font-family: Arial, sans-serif; }
.shop-body *, .shop-body *::before, .shop-body *::after { box-sizing: border-box; letter-spacing: 0; }
.shop-body h1, .shop-body h2, .shop-body h3, .shop-body p { margin: 0 0 16px; }
.shop-body h1 { font: 42px/1.14 Palatino, Georgia, serif; overflow-wrap: anywhere; }
.shop-body h2 { font: 27px/1.22 Palatino, Georgia, serif; overflow-wrap: anywhere; }
.shop-body p, .shop-body li { line-height: 1.65; }
.shop-body a { text-underline-offset: 3px; }
.shop-body button, .shop-body input, .shop-body select { font: inherit; }
.shop-body textarea { font: inherit; border: 1px solid var(--shop-line); border-radius: 4px; padding: 12px; resize: vertical; color: var(--shop-ink); background: white; width: 100%; }
.customer-form { display: grid; gap: 10px; max-width: 560px; margin: 24px 0; }
.customer-form input:not([type="checkbox"]), .customer-form textarea { width: 100%; min-width: 0; }
.customer-form > label { font-size: 14px; font-weight: 600; }
.customer-form .shop-primary, .customer-form .shop-text-button { justify-self: start; }
.shop-body .field-note { color: var(--shop-muted); font-size: 13px; margin: 0; font-weight: 400; }
.shop-text-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; background: none; border: 0; color: var(--shop-accent); font-size: 14px; }
.payment-heading { display: flex; gap: 10px; align-items: center; margin: 24px 0 12px; }
.shop-body .payment-heading h3 { font: 600 18px Arial, sans-serif; margin: 0; }
.checkout-links, .library-toolbar { display: flex; gap: 12px 24px; flex-wrap: wrap; align-items: center; font-size: 14px; margin-top: 24px; }
.library-toolbar { padding-block: 14px; border-block: 1px solid var(--shop-line); margin-bottom: 24px; }
.library-toolbar .shop-text-button { margin-left: auto; }
.library-help { margin-top: 24px !important; }
.library-order { padding-block: 24px; border-bottom: 1px solid var(--shop-line); }
.library-order-heading { display: flex; justify-content: space-between; gap: 16px; }
.shop-body .library-order-heading h2 { font: 600 18px/1.4 Arial, sans-serif; }
.shop-body .library-order-heading p { color: var(--shop-muted); font-size: 12px; overflow-wrap: anywhere; }
.shop-body .order-download-row h3 { font: 600 16px/1.4 Arial, sans-serif; margin: 0; }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 60px; }
.contact-details { border-left: 1px solid var(--shop-line); padding-left: 32px; }
.shop-body .contact-layout h2 { margin-top: 24px; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.support-inbox-layout { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.4fr); gap: 32px; }
.support-inbox-layout > * { min-width: 0; }
.shop-body .support-manager-header { flex-wrap: wrap; gap: 12px 20px; padding: 20px 16px; }
.shop-body .support-manager-header a:not(:first-child) { font: 600 14px Arial, sans-serif; }
.support-inbox-toolbar { display: flex; align-items: center; gap: 12px; margin-block: 24px; }
.support-ticket { display: grid; text-align: left; gap: 8px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid var(--shop-line); background: white; color: var(--shop-ink); overflow-wrap: anywhere; }
.support-ticket.selected { background: #edf3ef; border-left: 3px solid var(--shop-green); }
.support-ticket span, .support-ticket small { font-size: 12px; color: var(--shop-muted); }
.message-copy { white-space: pre-wrap; overflow-wrap: anywhere; }
#ticket-meta, #ticket-order { font-size: 13px; overflow-wrap: anywhere; }
.support-reply { border-top: 1px solid var(--shop-line); padding-block: 16px; }
.shop-body .support-reply h3 { font-size: 14px; }
.shop-body button, .shop-body summary { cursor: pointer; }
.shop-body svg { flex: none; width: 20px; height: 20px; vertical-align: middle; }
.shop-body :focus-visible { outline: 3px solid #228bb0; outline-offset: 3px; }
.shop-body [hidden] { display: none !important; }
.shop-body .site-header { position: relative; background: #fcfafb; }
.shop-body .nav-wrap { max-width: 1440px; width: 100%; padding: 20px 36px; display: flex; justify-content: space-between; gap: 24px; }
.shop-body .brand { font-size: 27px; white-space: nowrap; }
.shop-body .nav-links { gap: 16px; flex-wrap: wrap; }
.shop-body .nav-links a { padding: 9px 8px; border-radius: 4px; font-size: 14px; }
.shop-cart-link { display: inline-flex; align-items: center; gap: 6px; }
.shop-cart-link [data-cart-count] { min-width: 20px; text-align: center; font-size: 12px; font-weight: bold; }
.skip-link { position: absolute; top: -70px; left: 12px; z-index: 100; background: white; padding: 12px; }
.skip-link:focus { top: 12px; }
.shop-hub, .shop-product, .shop-checkout, .shop-order, .shop-recovery, .shop-policy { width: min(1440px, 100%); margin: 0 auto; padding: 40px 36px 70px; }
.shop-heading { display: flex; align-items: end; gap: 32px; justify-content: space-between; margin-bottom: 28px; }
.shop-heading > div { max-width: 740px; }
.shop-heading p { color: var(--shop-muted); margin: 12px 0 0; }
.shop-eyebrow { color: var(--shop-green); font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 1.6; margin-bottom: 12px; }
.shop-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--shop-accent); font-size: 14px; line-height: 1.5; }
.shop-toolbar { display: flex; align-items: center; gap: 18px; padding: 18px 0; margin-bottom: 10px; border-block: 1px solid var(--shop-line); }
.shop-search { flex: 1; min-width: 160px; display: flex; gap: 10px; align-items: center; }
.shop-body input, .shop-body select { border: 1px solid var(--shop-line); background: #fff; border-radius: 4px; color: var(--shop-ink); padding: 12px; min-height: 44px; max-width: 100%; }
.shop-search input { width: 100%; }
.shop-select { display: flex; gap: 10px; align-items: center; font-size: 13px; }
.shop-result-count { font-size: 13px; white-space: nowrap; color: var(--shop-muted); }
.shop-launch-note, .shop-sale-message { color: var(--shop-muted); font-size: 13px; }
.shop-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
.shop-card { min-width: 0; border: 1px solid var(--shop-line); background: white; border-radius: 8px; overflow: hidden; }
.shop-card-media { display: block; aspect-ratio: 1; background: #f1f3f1; overflow: hidden; }
.shop-card-media img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 180ms ease; }
.shop-card-media:hover img { transform: scale(1.025); }
.shop-card-copy { padding: 16px; }
.shop-card-theme { font-size: 11px; color: var(--shop-green); margin-bottom: 8px; min-height: 16px; }
.shop-body .shop-card h2 { font: 600 16px/1.4 Arial, sans-serif; min-height: 67px; margin: 0 0 16px; }
.shop-card h2 a { text-decoration: none; color: var(--shop-ink); }
.shop-card h2 a:hover { text-decoration: underline; }
.shop-card-foot { display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--shop-muted); }
.shop-price { color: var(--shop-ink); font-size: 16px; font-weight: 700; }
.icon-button { width: 44px; height: 44px; min-width: 44px; padding: 0; display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--shop-line); border-radius: 4px; background: white; color: var(--shop-accent); }
.shop-card-foot .icon-button { margin-left: auto; }
.icon-button:hover { background: #f5edf3; }
.shop-empty { text-align: center; padding: 55px 0; }
.shop-primary, .shop-secondary { min-height: 46px; border-radius: 4px; padding: 12px 20px; border: 1px solid var(--shop-accent); display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; font-size: 15px; font-weight: 700; line-height: 1.4; text-align: center; }
.shop-primary { background: var(--shop-accent); color: white; }
.shop-secondary { background: white; color: var(--shop-accent); }
.shop-primary:hover { background: #5f2e4c; }
.shop-secondary:hover { background: #f4edf2; }
.shop-body button:disabled, .shop-body [aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.shop-crumbs { display: flex; flex-wrap: wrap; gap: 10px; color: var(--shop-muted); font-size: 12px; line-height: 1.5; margin-bottom: 26px; }
.shop-crumbs span:last-child { flex-basis: auto; max-width: 600px; overflow-wrap: anywhere; }
.shop-product-top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 42px; align-items: start; }
.shop-main-image, .shop-outline-image { width: 100%; padding: 0; border: none; border-radius: 4px; background: #f3f3f0; display: block; overflow: hidden; }
.shop-main-image { aspect-ratio: 1; }
.shop-main-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.image-caption { font-size: 12px; text-align: center; color: var(--shop-muted); padding: 10px; }
.shop-product-summary h1 { font-size: 36px; }
.product-format { font-size: 14px; color: var(--shop-muted); }
.shop-product-price { font-size: 26px; font-weight: 700; margin: 16px 0; }
.shop-facts { color: var(--shop-green); font-size: 13px; padding: 14px 0; border-block: 1px solid var(--shop-line); }
.shop-buy-actions { display: flex; gap: 12px; margin: 20px 0 12px; flex-wrap: wrap; }
.digital-note { display: flex; gap: 8px; align-items: center; font-size: 12px; color: var(--shop-muted); }
.package-list { list-style: none; padding: 0; margin: 24px 0; }
.package-list li { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--shop-line); font-size: 13px; }
.package-list li span { flex: none; color: var(--shop-muted); }
.shop-policy-links { display: flex; gap: 18px; font-size: 12px; }
.shop-article { max-width: 1160px; margin: 50px auto 0; }
.shop-article > section { padding: 30px 0; border-top: 1px solid var(--shop-line); }
.shop-article > section > p { max-width: 850px; }
.shop-outline-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; }
.shop-outline-image { margin-top: 20px; aspect-ratio: 1; background: #fff; }
.shop-outline-image img { width: 100%; height: 100%; object-fit: contain; }
.stitch-links { display: flex; flex-wrap: wrap; gap: 10px 24px; padding-left: 18px; }
.shop-steps { max-width: 900px; padding-left: 25px; }
.shop-steps li { padding: 0 0 14px 8px; }
.shop-faq details { border-bottom: 1px solid var(--shop-line); padding: 18px 0; }
.shop-faq summary { font-weight: 700; }
.shop-faq details p { margin: 16px 0 0; }
.shop-related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.image-viewer { border: none; background: white; padding: 12px; width: min(95vw, 1100px); max-height: 95dvh; border-radius: 4px; }
.image-viewer::backdrop { background: #181518c4; }
.image-viewer img { display: block; max-width: 100%; max-height: 85dvh; margin: auto; object-fit: contain; }
.image-viewer button { position: absolute; right: 16px; top: 16px; width: 44px; height: 44px; border-radius: 4px; background: white; border: 1px solid var(--shop-line); }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 48px; margin-top: 30px; }
.order-summary { border-left: 1px solid var(--shop-line); padding-left: 28px; }
.order-summary .shop-primary { width: 100%; margin: 15px 0; }
.order-summary p, .order-summary > a:last-child { font-size: 13px; color: var(--shop-muted); }
.cart-row { display: grid; grid-template-columns: 100px minmax(0, 1fr) 44px; gap: 20px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--shop-line); }
.cart-row img { width: 100px; height: 100px; object-fit: contain; background: #eef0ed; }
.cart-row h2 { font: 600 17px/1.4 Arial, sans-serif; margin-bottom: 8px; }
.cart-row h2 a { color: var(--shop-ink); text-decoration: none; }
.cart-row p { font-size: 13px; margin: 0; }
.total-row { display: flex; justify-content: space-between; gap: 15px; padding: 10px 0; font-size: 14px; }
.total-row.grand { font-size: 18px; font-weight: 700; border-top: 1px solid var(--shop-line); margin-top: 10px; }
.checkout-item { display: flex; gap: 16px; justify-content: space-between; font-size: 13px; padding: 14px 0; border-bottom: 1px solid var(--shop-line); }
.checkout-item > span:last-child { white-space: nowrap; }
.checkout-payment { max-width: 650px; }
.terms-check { display: flex; align-items: start; gap: 12px; font-size: 14px; line-height: 1.65; margin: 24px 0; }
.terms-check input { min-height: auto; width: 20px; height: 20px; margin-top: 3px; flex: none; accent-color: var(--shop-accent); }
#paypal-button-container { width:100%; max-width: 560px; min-height: 60px; margin: 20px 0; }
#paypal-button-container paypal-button { display: block; width: 100%; }
.shop-order, .shop-recovery, .shop-policy { max-width: 980px; }
.shop-order > p { max-width: 680px; }
.order-actions { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-top: 24px; }
.order-download-row { padding: 20px 0; border-block-end: 1px solid var(--shop-line); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.order-download-row h2 { font: 600 17px/1.4 Arial, sans-serif; margin: 0; }
.order-download-row .shop-primary { flex: none; }
#recover-order-form { max-width: 500px; display: grid; gap: 12px; margin: 30px 0; }
#recover-order-form input { width: 100%; }
#recover-order-form .shop-primary { justify-self: start; }
.shop-policy h2 { margin-top: 32px; }
.shop-policy .policy-date { font-size: 13px; color: var(--shop-muted); }
.shop-toast { position: fixed; z-index: 100; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 14px 20px; color: white; background: var(--shop-green); border-radius: 4px; box-shadow: 0 4px 20px #0002; max-width: calc(100% - 28px); font-size: 14px; }
.shop-body .site-footer { border-top: 1px solid var(--shop-line); background: #f3f5f2; margin: 0; padding: 40px 36px 24px; }
.shop-body .site-footer .brand, .shop-body .footer-links h2 { color: var(--shop-ink); }
.shop-body .footer-grid p, .shop-body .footer-bottom { color: var(--shop-muted); }
.shop-body .footer-links a { color: #60344f; }
.shop-body .footer-grid { max-width: 1368px; margin: auto; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 30px; }
.shop-body .footer-grid p { font-size: 13px; max-width: 270px; }
.shop-body .footer-links h2 { font: 700 13px Arial, sans-serif; margin-bottom: 16px; }
.shop-body .footer-links a { font-size: 13px; }
.shop-body .footer-links a:hover { color: #412236; }
.shop-body .footer-bottom { max-width: 1368px; margin: 30px auto 0; font-size: 12px; }
.shop-library-link { padding: 25px 0; text-align: center; font-weight: bold; }
@media (max-width: 1100px) {
  .shop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .shop-product-top { gap: 28px; }
  .shop-product-summary h1 { font-size: 30px; }
  .shop-toolbar { flex-wrap: wrap; }
  .shop-search { flex-basis: 35%; }
}
@media (max-width: 800px) {
  .support-inbox-layout { grid-template-columns: minmax(0, 1fr); }
  .contact-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .contact-details { border-left: 0; border-top: 1px solid var(--shop-line); padding: 16px 0 0; }
  .shop-body .nav-wrap { padding: 18px 20px; flex-wrap: wrap; gap: 12px; }
  .shop-body .nav-links { gap: 8px; }
  .shop-hub, .shop-product, .shop-checkout, .shop-order, .shop-recovery, .shop-policy { padding: 28px 20px 45px; }
  .shop-body h1 { font-size: 34px; }
  .shop-heading { display: block; }
  .shop-heading .shop-text-link { margin-top: 18px; }
  .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
  .shop-product-top { grid-template-columns: minmax(0, 1fr); }
  .shop-gallery { max-width: 650px; width: 100%; margin: auto; }
  .shop-product-summary h1 { font-size: 34px; }
  .shop-outline-section { gap: 28px; }
  .checkout-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .order-summary { border-left: none; border-top: 1px solid var(--shop-line); padding: 24px 0 0; }
  .shop-body .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .shop-body .brand { font-size: 25px; }
  .shop-body .brand-dot { width: 36px; height: 36px; font-size: 22px; }
  .shop-body .nav-wrap { padding: 16px; }
  .shop-body .nav-links { width: 100%; justify-content: space-between; gap: 0; }
  .shop-body .nav-links a { font-size: 12px; padding: 10px 3px; }
  .shop-hub, .shop-product, .shop-checkout, .shop-order, .shop-recovery, .shop-policy { padding: 24px 16px 40px; }
  .shop-body h1, .shop-product-summary h1 { font-size: 30px; }
  .shop-body h2 { font-size: 24px; }
  .shop-search { flex-basis: 100%; }
  .shop-select { flex: 1; min-width: 0; flex-direction: column; align-items: stretch; gap: 6px; }
  .shop-result-count { width: 100%; }
  .shop-card-copy { padding: 12px; }
  .shop-body .shop-card h2 { font-size: 14px; min-height: 80px; }
  .shop-card-foot { flex-wrap: wrap; gap: 6px; }
  .shop-card-foot > span:nth-child(2) { display: none; }
  .shop-price { font-size: 14px; }
  .shop-outline-section { grid-template-columns: minmax(0, 1fr); }
  .shop-related { grid-template-columns: minmax(0, 1fr); }
  .shop-related .shop-card { display: grid; grid-template-columns: 35% minmax(0, 1fr); }
  .shop-related .shop-card h2 { min-height: 0; }
  .cart-row { grid-template-columns: 70px minmax(0, 1fr) 44px; gap: 10px; }
  .cart-row img { width: 70px; height: 70px; }
  .cart-row h2 { font-size: 14px; }
  .order-download-row { display: block; }
  .order-download-row .shop-primary { margin-top: 16px; }
  .shop-body .site-footer { padding: 30px 16px; }
  .shop-body .footer-grid { gap: 24px 16px; }
  .shop-body .footer-grid > div:first-child { grid-column: 1 / -1; }
  .shop-body .footer-bottom { display: grid; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .shop-card-media img { transition: none; } }
.shop-checkout {max-width:1200px;}
.checkout-steps {display:flex;gap:28px;list-style:none;padding:0;margin:24px 0 30px;color:var(--shop-muted);font-size:13px;}
.checkout-steps li {display:flex;align-items:center;gap:8px;}
.checkout-steps li>span {display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--shop-line);border-radius:50%;font-size:11px;}
.checkout-steps [aria-current="step"] {color:var(--shop-green);font-weight:700;}
.checkout-steps [aria-current="step"]>span {background:var(--shop-green);border-color:var(--shop-green);color:white;}
.checkout-summary-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;}
.checkout-summary-heading a {display:grid;place-items:center;width:40px;height:40px;color:var(--shop-accent);}
.shop-checkout .order-summary {position:sticky;top:24px;align-self:start;}
.shop-checkout .checkout-item {display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;}
.checkout-item img {width:44px;height:44px;object-fit:contain;background:#f1f3f1;border-radius:3px;}
.shop-checkout .customer-form {margin:20px 0;}
.shop-checkout .customer-form>.terms-check {font-weight:400;margin:12px 0;}
.shop-checkout #checkout-email-summary:empty {display:none;}
.shop-checkout #checkout-payment-panel {border-top:1px solid var(--shop-line);padding-top:4px;max-width:560px;}
.shop-checkout .payment-heading {margin-top:20px;}
.in-bag,.icon-button.in-bag {background:#edf3ef;color:var(--shop-green);border-color:#adc6b5;}
.shop-primary.in-bag:hover {background:#dce9e0;}
.shop-buy-actions [data-add-to-cart] {min-width:160px;}
.managed-article figure {margin:28px 0;}
.managed-article img {max-width:100%;height:auto;display:block;}
.managed-article table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;}
.managed-article td,.managed-article th {padding:12px;border:1px solid var(--shop-line);}
.managed-article pre {overflow-x:auto;max-width:100%;}
.managed-article header h1 {font-size:36px;}
@media(max-width:800px){.shop-checkout .order-summary{position:static;grid-row:1;padding:20px 0;border-top:0;border-bottom:1px solid var(--shop-line);}.shop-checkout .checkout-layout{margin-top:12px;gap:24px;}#checkout-items{max-height:180px;overflow:auto;}.checkout-summary-heading h2{font-size:22px;}.shop-checkout .order-summary>p{margin-bottom:0;font-size:12px;}}
@media(max-width:520px){.checkout-steps{gap:16px;font-size:12px;margin-bottom:16px;}.checkout-steps li{gap:6px;}.checkout-steps li>span{width:22px;height:22px;}.shop-checkout .checkout-item{font-size:12px;gap:10px;}.shop-checkout .customer-form>.shop-primary{width:100%;}.managed-article header h1{font-size:28px;}}

/* Coupons (checkout) */
.coupon-form { display: grid; gap: 8px; margin: 16px 0 8px; padding-top: 16px; border-top: 1px solid var(--shop-line); }
.coupon-form > label { font-size: 14px; font-weight: 600; }
.coupon-row { display: flex; gap: 8px; }
.coupon-row input { flex: 1; min-width: 0; text-transform: uppercase; }
.coupon-row .shop-secondary { flex: none; }
.coupon-form .shop-text-button { justify-self: start; padding: 4px 0; }
.coupon-form #coupon-status:empty { display: none; }
.total-row.discount span:last-child { color: var(--shop-green); font-weight: 600; }
#free-order { width: 100%; max-width: 560px; justify-content: center; margin: 20px 0; }