/* Generated bundle: run theme/runs/build-storefront-css.py after editing a layer. */
/* 03-base.css: type, links, container. Every rule scoped to body.woopify.
 * Shoptimizer's .col-full boxes sections at 1170px; release it where a
 * section must go full-bleed (MCS QA-01, N-18). */
body.woopify { background: var(--color-bg); color: var(--color-ink); font-family: var(--font-body); font-size: var(--fs-body-md); line-height: var(--lh-body-md); }
body.woopify :where(h1, h2, h3):not(:where(.payment_box *)) { font-family: var(--font-heading); font-weight: var(--fw-heading); color: var(--color-ink); }
body.woopify h1, body.woopify .woopify-h1 { font-size: var(--fs-h1); line-height: var(--lh-h1); }
body.woopify h2, body.woopify .woopify-h2 { font-size: var(--fs-h2); line-height: var(--lh-h2); }
body.woopify a:not(.button):not(:where(.payment_box *)) { color: var(--color-accent); }
/* Buttons: accent ground, accent-ink text. Links styled above must never reach a button (QA F-01: accent text on accent). */
/* Nothing inside WooCommerce's .payment_box (a gateway's own fields, buttons and links, D-115) is restyled here.
 * The exclusion sits in :where() so it adds no specificity: later, equal-weight rules (the cart drawer's
 * checkout link, the announcement bar's links, a builder's footer links) still win (QA R2-01). */
body.woopify .button:not(:where(.payment_box *)), body.woopify a.button:not(:where(.payment_box *)), body.woopify button.button:not(:where(.payment_box *)) { background-color: var(--color-accent); color: var(--color-accent-ink); border-color: var(--color-accent); }
body.woopify :where(input:not([type=submit]):not([type=button]), select, textarea):not(:where(.payment_box *)) { border: 1px solid var(--color-input-border); }
body.woopify mark { background: var(--color-highlight); color: var(--color-ink); padding: 0 .15em; }
body.woopify .woopify-container { max-width: var(--space-container); margin: 0 auto; padding: 0 var(--space-gutter); }
body.woopify .woopify-section { padding: var(--space-section) 0; }
body.woopify .woopify-body { max-width: 70ch; }
@media (prefers-reduced-motion: reduce) { body.woopify * { animation: none !important; transition: none !important; } }
/* Declared photo placeholder (D-135): on-palette block until Gabriel's approved photos arrive. */
body.woopify .woopify-photo-pending { aspect-ratio: 4 / 5; display: flex; align-items: center; justify-content: center; background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-ink-muted); font-size: var(--fs-label); }
body.woopify .woopify-need { background: var(--color-highlight); color: var(--color-ink); outline: 1px dashed var(--color-ink-muted); }
body.woopify .woopify-announcement { background: var(--color-accent); color: var(--color-accent-ink); text-align: center; font-size: var(--fs-label); padding: 8px 0; }
body.woopify .woopify-announcement a { color: inherit; }
/* WooCommerce notices (added to cart, errors, the order-pay page after a failed payment): tokens only,
 * so a dark or bright brand never inherits WooCommerce's light defaults with accent links (QA TB3-04). */
body.woopify :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice) { background: var(--color-surface); color: var(--color-ink); border: 1px solid var(--color-border); border-left: 4px solid var(--color-accent); border-radius: var(--radius-md); }
body.woopify .woocommerce-error { border-left-color: var(--color-error); }
body.woopify :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice) a:not(.button) { color: var(--color-ink); text-decoration: underline; }
body.woopify :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice)::before { color: var(--color-ink); }
@media (max-width: 767px) {
  /* WooCommerce floats a notice's button to the right; on a phone it squeezed the text (QA TB3R2-15). */
  body.woopify :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button { float: none; display: inline-block; margin-top: calc(var(--space-gutter) / 3); }
}
.woopify-admin-notice { background: #FFF4E5; color: #5A3A00; border: 2px solid #B26A00; padding: 12px 16px; margin: 16px; font: 14px/1.4 sans-serif; }

/* 2026-10-20: approved square geometry and parent layout overrides. */
body.woopify #content>.shoptimizer-archive>.col-full{max-width:none;width:100%;padding:0;margin:0}
body.woopify .woopify-container{width:calc(100% - 48px);max-width:1240px;padding:0;margin-left:auto;margin-right:auto}
body.woopify :is(h1,h2,h3,h4,h5){font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
body.woopify p,body.woopify li{font-family:var(--font-body);color:inherit}
body.woopify :is(button,input,select,textarea,.button){border-radius:0}
body.woopify :is(button,input,select,textarea):not(:where(.payment_box *)){font-family:var(--font-body);font-size:16px;min-height:44px}
body.woopify a.button,body.woopify button.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;font:700 17px/1.2 var(--font-heading);text-transform:uppercase;letter-spacing:.06em;border-radius:0}
body.woopify h2{margin:0 0 32px}
body.woopify .woopify-section{border-top:1px solid var(--color-border)}
body.woopify #secondary{display:none}
body.woopify .woopify-main{width:100%}
body.woopify img{max-width:100%}
@media(max-width:767px){body.woopify .woopify-container{width:calc(100% - 32px)}body.woopify h1{font-size:42px;line-height:1.05}body.woopify h2{font-size:30px;line-height:1.12}body.woopify .woopify-section{padding:52px 0}}

body.woopify{line-height:1.5}body.woopify .woopify-section,body.woopify .raven-page-band,body.woopify .raven-hero,body.woopify .raven-proof{border-bottom:2px solid var(--color-border)}
body.woopify #content{padding-top:0;background:var(--color-bg)}
body.woopify .woopify-section{border-top:0}
body.woopify #page{background:var(--color-bg)}
body.woopify button.search-submit,body.woopify button.single_add_to_cart_button{background:var(--color-accent);color:var(--color-accent-ink)}
body.woopify #content .search-form button,body.woopify #content .woocommerce-product-search button{background:var(--color-accent)!important;color:var(--color-accent-ink)!important}
body.woopify #content .search-form input.search-submit{background:var(--color-accent)!important;color:var(--color-accent-ink)!important;font:700 17px var(--font-heading);text-transform:uppercase}


/* Fix lists 1+2: role tracking from the frozen design system. */
body.woopify h1{letter-spacing:var(--space-tracking-h1)}
body.woopify h2{letter-spacing:var(--space-tracking-h2)}
body.woopify a.button,body.woopify button.button{min-height:52px;padding:0 32px;display:inline-flex;align-items:center;justify-content:center}
body.woopify .raven-sentence{display:block}


/* 2026-10-20 approved Raven chrome, scoped to storefront. */
body.woopify .raven-header{position:relative;z-index:20;background:var(--color-bg);border-bottom:2px solid var(--color-border)}
body.woopify .woopify-announcement{background:var(--color-navy);color:var(--color-ash);font:14px/1.4 var(--font-label);text-transform:uppercase;letter-spacing:.1em;padding:8px 16px}
body.woopify .woopify-announcement p{margin:0;color:inherit}
body.woopify .raven-nav{display:flex;align-items:center;gap:24px;min-height:96px}
body.woopify .raven-brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--color-ink)!important;flex-shrink:0}
body.woopify .raven-brand strong{font:700 26px/1 var(--font-heading);letter-spacing:.04em;text-transform:uppercase}
body.woopify .raven-logo{width:64px;height:64px;object-fit:contain}
body.woopify .raven-desktop-nav{margin-left:auto}
body.woopify .raven-header ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
body.woopify .raven-header nav a{font:600 17px/1.2 var(--font-heading);text-transform:uppercase;color:var(--color-ink);display:block;padding:14px 0;text-decoration:none}
body.woopify .raven-actions{display:flex;align-items:center;gap:12px}
body.woopify .raven-actions button,body.woopify .raven-actions a{border:0;background:none;color:var(--color-ink);min-width:44px;min-height:44px;padding:8px;font:17px var(--font-label);display:flex;align-items:center;justify-content:center;gap:4px}
body.woopify .raven-actions .raven-search-toggle{font-size:32px}
body.woopify .raven-actions .raven-menu-toggle{display:none}
body.woopify #raven-search{padding-top:16px;padding-bottom:16px}
body.woopify #raven-mobile-menu{padding:16px;background:var(--color-navy)}
body.woopify #raven-mobile-menu a{color:var(--color-ash);font-size:24px}
body.woopify [hidden]{display:none!important}
body.woopify .raven-footer{background:var(--color-navy);color:var(--color-ash);padding:64px 0 24px;border-top:2px solid var(--color-border)}
body.woopify .raven-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.5fr;gap:32px}
body.woopify .raven-footer h2{font:700 20px/1.2 var(--font-heading);color:var(--color-ash);margin:0 0 20px;text-transform:uppercase}
body.woopify .raven-footer a{color:var(--color-ash)!important;text-decoration:none}
body.woopify .raven-footer ul{list-style:none;margin:0;padding:0}
body.woopify .raven-footer li{margin:0 0 12px}
body.woopify .raven-footer .raven-logo{width:64px;height:auto}
body.woopify .raven-brand small{display:block;font:14px/1.5 var(--font-label);text-transform:uppercase;margin-top:8px}
body.woopify .raven-support{font:14px/1.8 var(--font-label);overflow-wrap:anywhere}
body.woopify .raven-footer-bottom{border-top:1px solid var(--color-border);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:24px;font:14px/1.5 var(--font-label)}
body.woopify .raven-footer-bottom ul{display:flex;gap:24px;flex-wrap:wrap}
body.woopify .raven-footer-bottom p{margin:0;font:inherit;color:inherit}
body.woopify .mobile-label{display:none}
@media(max-width:1100px){body.woopify .raven-nav{gap:12px}body.woopify .raven-header ul{gap:12px}body.woopify .raven-brand strong{font-size:22px}}
@media(max-width:900px){
body.woopify .raven-desktop-nav{display:none}body.woopify .raven-actions{margin-left:auto;gap:0}
body.woopify .raven-actions .raven-menu-toggle{display:flex}body.woopify .raven-nav{min-height:80px}
body.woopify .raven-logo{width:44px;height:44px}body.woopify .raven-brand{gap:8px}body.woopify .raven-brand strong{font-size:20px}
body.woopify #raven-mobile-menu ul{display:block}body.woopify .raven-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
body.woopify .raven-footer-brand{grid-column:1/-1}body.woopify .raven-footer-contact{grid-column:1/-1;border-top:1px solid var(--color-border);padding-top:28px}
body.woopify .raven-footer{padding:40px 0 24px}body.woopify .raven-footer-bottom{margin-top:28px;padding-top:28px;display:block}
body.woopify .raven-footer-bottom ul{gap:24px}body.woopify .raven-footer-bottom li:nth-child(n+3){display:none}body.woopify .raven-footer-bottom li{margin:0}
body.woopify .raven-footer-bottom p{margin-top:8px}body.woopify .desktop-label{display:none}body.woopify .mobile-label{display:inline}
body.woopify .raven-footer a{min-height:44px;display:flex;align-items:center}body.woopify .raven-footer li{margin:0}
body.woopify .raven-footer .raven-brand strong{font-size:28px}
}
@media(max-width:374px){body.woopify .raven-search-toggle{display:none!important}body.woopify .raven-brand strong{font-size:18px}body.woopify .raven-actions .raven-menu-toggle{font-size:14px}}
@media(max-width:767px){body.woopify .raven-actions .raven-search-toggle{display:none}body.woopify .raven-actions .raven-menu-toggle{font-size:14px;padding:4px}body.woopify .raven-nav{gap:4px}body.woopify .raven-header .raven-brand strong{font-size:20px}}

/* Approved measured mockup refinement. */

body.woopify .woopify-announcement{height:36px;padding:0 16px;display:flex;justify-content:center;align-items:center}
body.woopify .raven-nav{min-height:72px}
body.woopify .raven-header .raven-logo{width:48px;height:48px}
body.woopify .raven-footer .raven-brand strong{font-size:22px;letter-spacing:.12em}
body.woopify .raven-footer h2{font-size:17px}
body.woopify .raven-footer{min-height:435px}
@media(max-width:900px){body.woopify .raven-nav{min-height:62px}body.woopify .raven-header .raven-logo{width:36px;height:36px}body.woopify .raven-footer h2{font-size:18px}body.woopify .raven-footer{min-height:594px}}
@media(max-width:374px){body.woopify .raven-header .raven-brand strong{font-size:18px}body.woopify .raven-header .raven-logo{width:30px;height:30px}body.woopify .raven-actions{gap:0}}


body.woopify .woopify-announcement{letter-spacing:var(--space-tracking-announcement)}
body.woopify .raven-header nav a{letter-spacing:var(--space-tracking-nav)}
body.woopify .raven-footer h2{letter-spacing:var(--space-tracking-footer);border-bottom:2px solid var(--color-border);padding-bottom:16px}
body.woopify .raven-contact-label{display:block}
body.woopify .raven-support p{font:14px/1.8 var(--font-label);color:inherit;margin:0}
body.woopify .raven-support br{display:block;content:"";margin-top:16px}
@media(min-width:768px){
body.woopify .raven-footer-grid{grid-template-columns:307fr 219fr 219fr 351fr;gap:48px}
body.woopify .raven-footer-brand,body.woopify .raven-footer-contact{grid-column:auto}
body.woopify .raven-footer .raven-brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
body.woopify .raven-footer .raven-logo{width:48px;height:26px;object-fit:contain}
body.woopify .raven-footer-info li:nth-child(n+3){display:none}
body.woopify .raven-footer-contact{border:0;padding:0}
body.woopify .raven-footer .desktop-label{display:inline}
body.woopify .raven-footer .mobile-label{display:none}
body.woopify .raven-footer{padding:64px 0 24px;min-height:435px}
body.woopify .raven-footer-bottom{display:flex;align-items:baseline;margin-top:48px;padding-top:24px}
body.woopify .raven-footer-bottom p{margin:0}
}
@media(max-width:767px){
body.woopify .raven-nav{height:60px;min-height:60px}
body.woopify .raven-header .raven-brand{min-height:44px}
body.woopify .raven-footer{min-height:594px;padding:38px 0 42px}
body.woopify .raven-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
body.woopify .raven-footer-brand{grid-column:1/-1;border-bottom:1px solid var(--color-border);padding-bottom:24px}
body.woopify .raven-footer .raven-brand{justify-content:center;gap:20px;min-height:46px}
body.woopify .raven-footer .raven-logo{width:48px;height:26px}
body.woopify .raven-footer .raven-brand strong{font-size:22px;letter-spacing:.06em}
body.woopify .raven-footer .raven-brand small{margin-top:6px;font-size:14px;line-height:1.2}
body.woopify .raven-footer h2{border:0;padding:0;margin:0 0 14px;font-size:18px;line-height:22px}
body.woopify .raven-footer li a{font:16px/1.4 var(--font-body);height:44px;min-height:44px}
body.woopify .raven-footer-contact{grid-column:1/-1;border:0;padding:0;margin-top:-18px}
body.woopify .raven-contact-label{display:none}
body.woopify .raven-support p{font:14px/20px var(--font-label)}
body.woopify .raven-footer-contact h2{margin-bottom:18px}
body.woopify .raven-support p+p{margin-top:16px}
body.woopify .raven-support br{margin-top:16px}
body.woopify .raven-footer-bottom{margin-top:24px;padding-top:16px}
body.woopify .raven-footer-bottom li a{height:20px;min-height:20px;font:14px/20px var(--font-label)}
body.woopify .raven-footer-bottom p{margin-top:8px;font:14px/20px var(--font-label)}
}
@media(min-width:768px) and (max-width:1000px){body.woopify .raven-footer-grid{gap:24px;grid-template-columns:1.2fr .8fr .8fr 1.3fr}body.woopify .raven-footer .raven-brand strong{font-size:19px}}
/* 2026-10-20 (Claude): header SVG icons. */
body.woopify .raven-actions .raven-icon{width:24px;height:24px;display:block;flex:none}
body.woopify .raven-actions .raven-search-toggle{font-size:17px}
body.woopify .raven-actions a.cart-contents{gap:6px}
body.woopify .raven-actions .raven-cart-count{font:400 14px/1 var(--font-label);letter-spacing:0;min-width:1ch}
/* 2026-10-21: modal mobile menu, preserving Claude's chrome and search markup. */
body.woopify .raven-menu-backdrop{position:fixed;inset:0;background:rgb(17 19 21 / .55);z-index:19}
body.woopify #raven-mobile-menu[aria-modal=true]{position:fixed;top:var(--raven-menu-top,98px);left:0;right:0;max-height:calc(100dvh - var(--raven-menu-top,98px));overflow-y:auto;overscroll-behavior:contain}
body.woopify #raven-mobile-menu input[type=search]{font-size:16px;min-height:44px;background:var(--color-bg);color:var(--color-ink)}
body.woopify #raven-mobile-menu button{min-height:44px}

body.woopify .raven-hero{position:relative;height:640px;background:var(--color-ink);color:var(--color-ash)}
body.woopify .woopify-section.raven-hero{padding:0}
body.woopify .raven-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
body.woopify .raven-hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,19,21,.88) 0%,rgba(17,19,21,.72) 35%,rgba(17,19,21,0) 70%)}
body.woopify .raven-hero>.woopify-container{position:relative;height:100%;display:flex;align-items:center}
body.woopify .raven-hero-copy{max-width:620px;padding-bottom:28px}
body.woopify .raven-hero h1{color:var(--color-ash);max-width:620px;margin:0 0 24px}
body.woopify .raven-hero p{color:var(--color-ash);max-width:540px;font-size:18px}
body.woopify .raven-hero .woopify-kicker{font:14px/1.5 var(--font-label);text-transform:uppercase;letter-spacing:.1em;margin:0 0 20px}
body.woopify .raven-hero .raven-hero-caption{position:absolute;bottom:20px;right:max(24px,calc((100vw - 1240px)/2));margin:0;background:rgba(17,19,21,.88);padding:10px 14px;font:14px/1.5 var(--font-label);max-width:calc(100% - 32px)}
body.woopify .raven-proof{background:var(--color-navy);color:var(--color-ash);text-align:center;padding:20px 16px;font:14px/1.6 var(--font-label);text-transform:uppercase;letter-spacing:.08em}
body.woopify .raven-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.woopify .raven-categories a{display:block;text-decoration:none}
body.woopify .raven-categories img{width:100%;aspect-ratio:4/5;object-fit:cover}
body.woopify .raven-categories h3{background:var(--color-navy);color:var(--color-ash);margin:0;padding:18px 20px}
body.woopify .raven-categories p{margin-top:16px}
body.woopify .woopify-section--featured{background:var(--color-surface)}
body.woopify .woopify-section--how-it-works ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:decimal-leading-zero;padding-left:24px}
body.woopify .woopify-section--how-it-works .woopify-body{max-width:none}
body.woopify .woopify-section--how-it-works strong{display:block;font:700 26px var(--font-heading);margin-bottom:12px;text-transform:uppercase}
body.woopify .woopify-section--final-cta{text-align:center;background:var(--color-surface)}
body.woopify .woopify-section--final-cta .woopify-body{margin:0 auto 24px;font:700 36px/1.2 var(--font-heading);text-transform:uppercase}
@media(max-width:767px){
body.woopify .raven-hero{height:600px}body.woopify .raven-hero-image{object-position:72% center}
body.woopify .raven-hero-gradient{background:linear-gradient(0deg,rgba(17,19,21,.92) 0%,rgba(17,19,21,.76) 50%,rgba(17,19,21,0) 85%)}
body.woopify .raven-hero>.woopify-container{align-items:center}body.woopify .raven-hero-copy{padding:0 0 40px}
body.woopify .raven-hero h1{font-size:42px;line-height:1.05;margin-bottom:20px}
body.woopify .raven-hero p{font-size:17px}body.woopify .raven-hero .raven-hero-caption{left:16px;right:16px;bottom:16px;padding:8px 10px}
body.woopify .raven-categories{grid-template-columns:1fr;gap:32px}
body.woopify .woopify-section--how-it-works ol{grid-template-columns:1fr;gap:24px}
}

/* Approved measured mockup refinement. */

body.woopify .raven-proof{height:46px;display:flex;align-items:center;justify-content:center;padding:0 16px;letter-spacing:.08em}
body.woopify .raven-categories article{background:var(--color-navy)}
body.woopify .raven-categories h3{font-size:42px;padding:16px 20px 8px}
body.woopify .raven-categories p{color:var(--color-ash);font:15px/1.5 var(--font-body);padding:0 20px 20px;margin:0}
body.woopify .woopify-section--featured{background:var(--color-bg)}
body.woopify .woopify-section--how-it-works{background:var(--color-navy);color:var(--color-ash)}
body.woopify .woopify-section--how-it-works *{color:inherit}
@media(max-width:767px){body.woopify .raven-categories h3{font-size:30px}body.woopify .raven-proof{font-size:14px;letter-spacing:0}}


body.woopify .raven-hero .woopify-kicker{letter-spacing:var(--space-tracking-kicker)}
body.woopify .woopify-section--how-it-works ol{counter-reset:raven-step;list-style:none;padding:0;margin:0;gap:40px}
body.woopify .woopify-section--how-it-works li{counter-increment:raven-step;border-left:2px solid var(--color-border);padding-left:24px}
body.woopify .woopify-section--how-it-works li::before{content:counter(raven-step,decimal-leading-zero);display:block;font:14px/1.3 var(--font-label);color:var(--color-smoke);margin-bottom:16px}
body.woopify .woopify-section--how-it-works strong,body.woopify .woopify-section--values strong{letter-spacing:var(--space-tracking-step)}
body.woopify .woopify-section--final-cta .woopify-body{font:700 42px/1.08 var(--font-heading);letter-spacing:var(--space-tracking-h2);margin-bottom:24px}
@media(min-width:768px){body.woopify .woopify-section--how-it-works{min-height:313px}body.woopify .woopify-section--final-cta{min-height:390px}}
@media(max-width:767px){body.woopify .woopify-section--final-cta .woopify-body{font-size:30px}}


body.woopify .raven-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body.woopify .raven-card{min-width:0}
body.woopify .raven-filter-card{min-width:0;display:flex}
body.woopify .raven-filter-card .raven-card{width:100%;display:flex;flex-direction:column}
body.woopify .raven-filter-card .raven-card-copy{display:flex;flex-direction:column;flex:1}
body.woopify .raven-filter-card .raven-price{margin-top:auto}
body.woopify .raven-filter-card .raven-piece-link{align-self:flex-start}
body.woopify .raven-card-photo{display:block;background:var(--color-surface);aspect-ratio:4/5}
body.woopify .raven-card-photo img{width:100%;height:100%;object-fit:contain}
body.woopify .raven-card-copy{padding-top:18px}
body.woopify .raven-card h3{font:600 26px/1.15 var(--font-heading);margin:0 0 10px}
body.woopify .raven-card h3 a{color:var(--color-ink);text-decoration:none}
body.woopify .raven-spec,body.woopify .raven-price{font:14px/1.5 var(--font-label);margin:0 0 10px}
body.woopify .raven-price{font-size:18px}
body.woopify .raven-piece-link{font:600 17px var(--font-heading);display:inline-flex;align-items:center;min-height:44px;text-transform:uppercase}
body.woopify .raven-card-description{font-size:14px}
body.woopify .raven-collection-hero{position:relative;min-height:340px;display:flex;align-items:center;background:var(--color-navy);color:var(--color-ash)}
body.woopify .raven-collection-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
body.woopify .raven-collection-hero>.woopify-container{position:relative;width:100%;padding-top:40px;padding-bottom:40px}
body.woopify .raven-collection-hero h1,body.woopify .raven-collection-hero p{color:var(--color-ash);max-width:620px}
body.woopify .raven-collection-tools{display:flex;justify-content:space-between;gap:16px;margin-bottom:28px;align-items:center}
body.woopify .raven-filter-toggle{background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-border);min-height:44px}
body.woopify #raven-filters{background:var(--color-surface);padding:24px;margin-bottom:24px;display:flex;gap:32px}
body.woopify #raven-filters label{display:flex;align-items:center;gap:12px;min-height:44px}
body.woopify .raven-collection .raven-products{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1024px){body.woopify .raven-collection .raven-products{grid-template-columns:repeat(4,minmax(0,280px));justify-content:start;align-items:stretch}}
@media(min-width:768px) and (max-width:1023px){body.woopify .raven-collection .raven-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body.woopify .raven-products,body.woopify .raven-collection .raven-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.woopify .raven-card h3{font-size:22px}body.woopify .raven-spec{font-size:14px}body.woopify .raven-collection-hero{min-height:280px}body.woopify #raven-filters{flex-direction:column}body.woopify .woocommerce-ordering{max-width:65%;margin:0}body.woopify .woocommerce-ordering select{max-width:100%;font-size:14px}}

/* Approved measured mockup refinement. */

body.woopify .raven-collection-hero{min-height:313px}
body.woopify .raven-card h3{font-size:22px;line-height:1.1}
body.woopify .raven-card-description{font-size:15px;line-height:1.45}
@media(max-width:767px){body.woopify .raven-collection-hero{min-height:280px}}
body.woopify .raven-filter-heading,body.woopify .raven-filter-actions{display:flex;gap:16px;align-items:center;justify-content:space-between}
body.woopify .raven-filter-heading h2{font-size:24px;margin:0}
body.woopify .raven-filter-close{font-size:24px;min-width:44px;min-height:44px;background:transparent;color:var(--color-ink)}
body.woopify .raven-filter-actions button{min-height:44px;background:var(--color-accent);color:var(--color-accent-ink)}
@media(max-width:767px){body.woopify #raven-filters{position:fixed;z-index:100000;inset:auto 0 0;margin:0;padding:24px 16px;max-height:85dvh;overflow:auto;box-shadow:0 -100vh 0 100vh rgba(17,19,21,.5);gap:20px}body.woopify .raven-filter-actions{position:sticky;bottom:-24px;background:var(--color-surface);padding:16px 0}}


body.woopify .raven-collection-hero h1{max-width:900px}
body.woopify .raven-collection-hero .raven-collection-kicker{color:var(--color-smoke);font:14px/1.3 var(--font-label);letter-spacing:var(--space-tracking-kicker);text-transform:uppercase}
body.woopify .raven-card h3{letter-spacing:var(--space-tracking-card)}
body.woopify .woopify-section--bottom-copy a{display:inline-flex;align-items:center;min-height:44px}
body.woopify .raven-desktop-filters{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--color-border);padding-bottom:24px;margin-bottom:28px}
body.woopify .raven-desktop-filters label{display:flex;align-items:center;gap:12px;font:600 15px var(--font-heading);letter-spacing:.9px;text-transform:uppercase}
body.woopify .raven-desktop-filters select{height:44px;min-height:44px;border:2px solid var(--color-input-border);font:600 15px var(--font-heading);letter-spacing:.9px;background-color:var(--color-bg);padding:0 28px 0 12px;max-width:180px}
body.woopify .raven-collection-count{margin-left:auto;font:14px var(--font-label)}
@media(min-width:768px){body.woopify .raven-collection-tools{display:none}body.woopify #raven-filters{display:none}}
@media(max-width:767px){body.woopify .raven-desktop-filters{display:none}}
@media(min-width:768px) and (max-width:900px){body.woopify .raven-desktop-filters{gap:12px}body.woopify .raven-desktop-filters label{gap:6px}body.woopify .raven-desktop-filters select{max-width:120px}}
/* 2026-10-20 (Claude) raven-search-cards: search results stack the copy under the photo, as on collections (was row, overflowed at 320). */
body.woopify.search .raven-card{display:flex;flex-direction:column}
body.woopify.search .raven-card-photo{width:100%}
body.woopify.search .raven-card-copy{display:flex;flex-direction:column;flex:1;width:auto;min-width:0}

body.woopify.single-product #primary{width:100%;float:none;max-width:100%}
body.woopify.single-product .site-main{padding-top:40px}
body.woopify.single-product div.product{max-width:1240px;margin:auto}
body.woopify.single-product .woocommerce-product-gallery{width:52%;float:left}
body.woopify.single-product div.product .summary{width:43%;float:right}
body.woopify.single-product .product_title{font-size:54px;line-height:1.05}
body.woopify.single-product .woocommerce-product-gallery__image img{aspect-ratio:1;object-fit:contain;background:var(--color-surface)}
/* Reserve the first square before Flexslider initializes, and its thumbnail row. */
body.woopify.single-product .woocommerce-product-gallery__wrapper{aspect-ratio:1;overflow:hidden}
body.woopify.single-product .flex-viewport{aspect-ratio:1;height:auto!important}
body.woopify.single-product .flex-viewport .woocommerce-product-gallery__wrapper{aspect-ratio:auto}
body.woopify.single-product .woocommerce-product-gallery{padding-bottom:76px;position:relative;opacity:1!important}
body.woopify.single-product .woocommerce-product-gallery .flex-control-thumbs{position:absolute;bottom:0;left:0;right:0;height:64px;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden}
body.woopify.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:64px!important;height:64px;flex:0 0 64px}
body.woopify.single-product .woocommerce-product-gallery .flex-control-thumbs img{width:64px;height:64px;object-fit:cover}
body.woopify .raven-highlights{display:flex;flex-direction:column;gap:48px}
body.woopify .raven-highlights article{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
body.woopify .raven-highlights article:nth-child(even) figure{order:2}
body.woopify .raven-highlights figure{margin:0}
body.woopify .raven-highlights img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--color-surface)}
body.woopify .raven-highlights h3{font-size:36px}
body.woopify .raven-highlights figcaption,body.woopify .raven-row-number{font:14px/1.5 var(--font-label)}
body.woopify .raven-row-number{display:block;margin-bottom:12px}
body.woopify.single-product .woopify-section{clear:both}
body.woopify.single-product .woopify-section--story{background:var(--color-surface)}
body.woopify .quantity .plus,body.woopify .quantity .minus,body.woopify .quantity button{width:44px!important;height:44px!important;min-width:44px}
body.woopify .raven-options{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
body.woopify .raven-options button{min-width:44px;min-height:44px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);padding:10px 14px;font:14px var(--font-label)}
body.woopify .raven-options button[aria-pressed=true]{outline:2px solid var(--color-ink);outline-offset:2px}
body.woopify .raven-options button:disabled{opacity:.4}
body.woopify .raven-options select{display:none}
body.woopify .woocommerce-tabs{clear:both}
@media(max-width:767px){
body.woopify.single-product .woocommerce-product-gallery,body.woopify.single-product div.product .summary{width:100%;float:none}
body.woopify.single-product div.product{padding:0 16px}body.woopify.single-product .product_title{font-size:42px}
body.woopify .raven-highlights article{grid-template-columns:1fr;gap:24px}body.woopify .raven-highlights article:nth-child(even) figure{order:0}
body.woopify .raven-highlights h3{font-size:30px}
}

/* Approved measured mockup refinement. */

body.woopify.single-product .product_title{font-size:60px;line-height:1.02;letter-spacing:.03em}
body.woopify .woopify-section--highlights{background:var(--color-surface)}
body.woopify .raven-options button{min-height:52px;border-width:2px;font:700 17px var(--font-heading)}
@media(max-width:767px){body.woopify.single-product .product_title{font-size:42px}}
body.woopify.single-product #content,body.woopify.single-product .site-main,body.woopify.single-product div.product{background:var(--color-bg)}
body.woopify.single-product div.product{max-width:none}
body.woopify.single-product div.product>.woocommerce-product-gallery{margin-left:max(16px,calc((100vw - 1240px)/2));width:calc(min(1240px,100vw - 32px)*.52)}
body.woopify.single-product div.product>.summary{margin-right:max(16px,calc((100vw - 1240px)/2));width:calc(min(1240px,100vw - 32px)*.43)}
body.woopify.single-product .summary .woocommerce-product-details__short-description{font:20px/1.5 var(--font-body)}
body.woopify.single-product .summary .price{font:20px/1.2 var(--font-label);color:var(--color-ink)}
body.woopify.single-product .product_meta{display:none}
@media(max-width:767px){body.woopify.single-product div.product{padding:0}body.woopify.single-product div.product>.woocommerce-product-gallery,body.woopify.single-product div.product>.summary{width:calc(100% - 32px);margin-left:16px;margin-right:16px}body.woopify.single-product .summary .woocommerce-product-details__short-description{font-size:17px}}
body.woopify.single-product .variations label,body.woopify.single-product .variations label span{color:var(--color-ink);font:14px/1.3 var(--font-label)}
@media(min-width:768px) and (max-width:900px){body.woopify.single-product div.product>.woocommerce-product-gallery,body.woopify.single-product div.product>.summary{width:calc(100% - 48px);margin:0 24px 32px;float:none}}
body.woopify.single-product .product-details-wrapper{max-width:1240px;width:calc(100% - 48px);margin:0 auto;display:flow-root}
body.woopify.single-product #content .col-full{background:var(--color-bg)}
body.woopify.single-product div.product form.cart .single_add_to_cart_button{background:var(--color-accent)!important;color:var(--color-accent-ink)!important}
@media(max-width:900px){body.woopify.single-product div.product .product-details-wrapper>.woocommerce-product-gallery,body.woopify.single-product div.product .product-details-wrapper>.summary{width:100%;float:none;margin:0 0 32px}}
@media(max-width:767px){body.woopify.single-product .product-details-wrapper{width:calc(100% - 32px)}}


body.woopify.single-product div.product form.cart .single_add_to_cart_button{font:700 17px/1.2 var(--font-heading)!important;text-transform:uppercase!important;letter-spacing:1.02px;height:52px;padding:0 32px}
body.woopify .raven-product-kicker{font:14px/1.3 var(--font-label);letter-spacing:var(--space-tracking-kicker);text-transform:uppercase}
body.woopify.single-product .variations th.label{display:flex;justify-content:space-between;align-items:center;width:100%;text-transform:uppercase;font:14px/1.3 var(--font-label)}
body.woopify.single-product .variations th.label label{margin:0}
body.woopify.single-product .variations label span{text-transform:uppercase}
body.woopify .raven-selected{font:14px/1.3 var(--font-label);text-transform:uppercase}
body.woopify .raven-options{display:grid;grid-template-columns:repeat(var(--raven-option-count),minmax(0,1fr));gap:8px;width:100%}
body.woopify .raven-options button{width:100%;height:52px;padding:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--color-input-border);text-transform:uppercase}
body.woopify .raven-options button[aria-pressed=true]{border-color:var(--color-ink);outline:0}
body.woopify .raven-swatch{width:16px;height:16px;flex:0 0 16px;background:var(--color-ink)}
body.woopify .raven-swatch[data-color=gold]{background:var(--color-gold)}
body.woopify .raven-swatch[data-color=white]{background:var(--color-bg);border:1px solid var(--color-input-border)}
body.woopify .raven-swatch[data-color=red]{background:var(--color-sale)}
body.woopify .raven-details{border-top:2px solid var(--color-border);margin:0}
body.woopify .raven-details>div{display:grid;grid-template-columns:120px 1fr;align-items:center;min-height:50px;gap:24px;border-bottom:1px solid var(--color-border);padding:12px 0}
body.woopify .raven-details dt{font:14px/1.3 var(--font-label);color:var(--color-ink-muted);letter-spacing:1.68px;text-transform:uppercase}
body.woopify .raven-details dd{font:15px/1.5 var(--font-label);margin:0}
body.woopify .raven-highlights img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-width:none}
body.woopify .raven-highlights figcaption{text-align:left}
body.woopify .raven-row-number{color:var(--color-accent)}
body.woopify .related-wrapper{background:transparent}
body.woopify .woocommerce-product-gallery__trigger{width:44px!important;height:44px!important;display:flex;align-items:center;justify-content:center}
body.woopify .reset_variations{font-size:14px!important;min-height:44px;align-items:center}
body.woopify.single-product .product-details-wrapper .fkwcs-product{display:none!important}

body.woopify .raven-options{--raven-option-count:2}

body.woopify .raven-page-band{background:var(--color-navy);padding:64px 0;color:var(--color-ash)}
body.woopify .raven-page-band h1{color:var(--color-ash);margin:0}
body.woopify .raven-about-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
body.woopify .raven-about-story img{width:100%;aspect-ratio:4/3;object-fit:cover}
body.woopify .raven-faq{max-width:900px}
body.woopify .raven-faq details{border-top:1px solid var(--color-border)}
body.woopify .raven-faq summary{padding:22px 44px 22px 0;cursor:pointer;font:600 22px/1.3 var(--font-heading)}
body.woopify .raven-faq details>div{padding:0 0 24px}
body.woopify .raven-legal{max-width:75ch;padding-top:64px;padding-bottom:64px}
body.woopify .woopify-section--support .woopify-body{font:14px/2 var(--font-label)}
body.woopify .woopify-section--values ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:32px}
body.woopify .woopify-section--values strong{display:block;font:700 26px var(--font-heading);text-transform:uppercase;margin-bottom:10px}
@media(max-width:767px){body.woopify .raven-about-story{grid-template-columns:1fr;gap:24px}body.woopify .raven-page-band{padding:40px 0}body.woopify .woopify-section--values ul{grid-template-columns:1fr}}

/* Approved measured mockup refinement. */

body.woopify .raven-band-intro{max-width:820px;font:22px/1.45 var(--font-body);margin-top:20px}
body.woopify .raven-band-intro p{color:inherit;font:inherit;margin:0}
body.woopify .raven-about-story{grid-template-columns:390px 1fr}
body.woopify .raven-about-story img{aspect-ratio:4/5}
body.woopify .raven-about-story p{font-size:21px;line-height:1.55}
body.woopify .woopify-section--values{background:var(--color-surface)}
@media(max-width:767px){body.woopify .raven-band-intro{font-size:18px}body.woopify .raven-about-story{grid-template-columns:1fr}body.woopify .raven-about-story p{font-size:18px}}


body.woopify .raven-faq summary{font:600 22px/1.15 var(--font-heading);letter-spacing:var(--space-tracking-faq);text-transform:uppercase;padding:16px 44px 16px 0;position:relative;list-style:none}
body.woopify .raven-faq summary::-webkit-details-marker{display:none}
body.woopify .raven-faq summary::after{content:"+";position:absolute;right:0;top:16px;color:var(--color-accent)}
body.woopify .raven-faq details[open] summary::after{content:"−"}
body.woopify .raven-about-story{align-items:start}
body.woopify.page-id-5799 .woopify-section--values .woopify-body{max-width:none}
body.woopify.page-id-5799 .woopify-section--values ul{gap:0;border-top:2px solid var(--color-border);border-left:2px solid var(--color-border);margin:0}
body.woopify.page-id-5799 .woopify-section--values li{border-right:2px solid var(--color-border);border-bottom:2px solid var(--color-border);padding:24px 20px;font:16px/1.5 var(--font-body);margin:0}
body.woopify.page-id-5799 .woopify-section--values strong{line-height:1.15;margin-bottom:8px}
@media(min-width:768px){
body.woopify.page-id-5799 .woopify-section--values ul{grid-template-columns:repeat(5,minmax(0,1fr))}
body.woopify.page-id-5799 .woopify-section--contact>.woopify-container{display:grid;grid-template-columns:390px 1fr;gap:64px}
body.woopify.page-id-5799 .woopify-section--contact h2,body.woopify.page-id-5799 .woopify-section--contact p{margin:0}
body.woopify.page-id-5799 .woopify-section--contact{min-height:249px}
body.woopify .raven-page-band.woopify-section--summary{min-height:210px;padding:48px 0}
body.woopify .raven-page-band.woopify-section--summary>.woopify-container{display:grid;grid-template-columns:456fr 544fr;gap:80px;align-items:center}
body.woopify .raven-page-band.woopify-section--summary .raven-band-intro{margin:0}
}

/* Approved fix list 4: shared desktop heading/content split. */
@media(min-width:1024px){
body.woopify :is(.woopify-section--faq,.woopify-section--details,.woopify-section--bottom-copy)>.woopify-container,
body.woopify.single-product .woopify-section--story>.woopify-container,
body.woopify.page-id-5799 .raven-page-band.woopify-section--summary>.woopify-container{
display:grid;grid-template-columns:minmax(0,356fr) minmax(0,784fr);column-gap:100px;row-gap:0;align-items:start
}
body.woopify :is(.woopify-section--faq,.woopify-section--details,.woopify-section--bottom-copy)>.woopify-container>h2,
body.woopify.single-product .woopify-section--story>.woopify-container>h2{grid-column:1;grid-row:1;max-width:356px;margin:0}
body.woopify :is(.woopify-section--faq,.woopify-section--details,.woopify-section--bottom-copy)>.woopify-container>:not(h2),
body.woopify.single-product .woopify-section--story>.woopify-container>:not(h2){grid-column:2;min-width:0;max-width:none}
body.woopify.single-product .woopify-section--story>.woopify-container>.button{justify-self:start}
}

/* FunnelKit's real drawer only; copy remains in Claude-managed plugin settings. */
body.woopify #fkcart-floating-toggler,body.woopify .fkcart-floating-toggler{display:none!important}
body.woopify #fkcart-modal .fkcart-modal-container{width:440px;max-width:100%;background:var(--color-surface);color:var(--color-ink);border-radius:0}
body.woopify #fkcart-modal :is(.fkcart-preview-ui,.fkcart-panel,.fkcart-zero-state,.fkcart-slider-body){background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);border-radius:0}
body.woopify #fkcart-modal .fkcart-slider-heading{border-bottom:2px solid var(--color-border);padding:20px 24px}
body.woopify #fkcart-modal .fkcart-title{font:700 22px/1.2 var(--font-heading);text-transform:uppercase;letter-spacing:1.76px}
body.woopify #fkcart-modal .fkcart-title span{font:14px/1.3 var(--font-label);letter-spacing:0;margin-left:8px}
body.woopify #fkcart-modal .fkcart-modal-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-ink)}
body.woopify #fkcart-modal .fkcart--item{padding:24px;border-bottom:1px solid var(--color-border);gap:16px;align-items:flex-start}
body.woopify #fkcart-modal .fkcart-thumb-wrap{width:80px;min-width:80px;flex:0 0 80px}
body.woopify #fkcart-modal .fkcart-thumb-wrap img{width:80px;height:96px;object-fit:contain;background:var(--color-surface);border-radius:0}
body.woopify #fkcart-modal .fkcart-item-info{flex:1;min-width:0}
body.woopify #fkcart-modal .fkcart-item-title-price>a,body.woopify #fkcart-modal .fkcart-item-title-price>.fkcart-item-title{font:600 20px/1.15 var(--font-heading);text-transform:uppercase;letter-spacing:.8px;color:var(--color-ink);text-decoration:none}
body.woopify #fkcart-modal .fkcart-item-meta-content,body.woopify #fkcart-modal .fkcart-item-meta-content :is(p,dd,dt,a){font:14px/1.5 var(--font-label);color:var(--color-ink-muted)}
body.woopify #fkcart-modal .fkcart-item-price{font:14px/1.5 var(--font-label);text-align:right;color:var(--color-ink)}
body.woopify #fkcart-modal .fkcart-quantity-selector{height:44px;border:1px solid var(--color-border);border-radius:0}
body.woopify #fkcart-modal .fkcart-quantity-button{width:44px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-ink)}
body.woopify #fkcart-modal .fkcart-quantity__input{width:44px;min-height:44px;height:44px;font:14px var(--font-label);border:0;background:transparent;color:var(--color-ink);padding:0;text-align:center}
body.woopify #fkcart-modal .fkcart-order-summary{border-top:2px solid var(--color-border);padding:24px 24px 0}
body.woopify #fkcart-modal .fkcart-subtotal-wrap .fkcart-summary-text strong{font:700 20px/1.2 var(--font-heading);text-transform:uppercase}
body.woopify #fkcart-modal .fkcart-summary-amount,body.woopify #fkcart-modal .fkcart-summary-amount strong{font:400 20px/1.3 var(--font-label);color:var(--color-ink)}
body.woopify #fkcart-modal .fkcart-shipping-tax-calculation-text{font:14px/1.5 var(--font-label);color:var(--color-ink-muted)}
body.woopify #fkcart-modal .fkcart-checkout-wrap{padding:16px 24px 24px}
body.woopify #fkcart-modal #fkcart-checkout-button,body.woopify #fkcart-modal .fkcart-shop-button{width:100%;min-height:52px;padding:0 32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-ink);border:0;border-radius:0;font:700 17px/1.2 var(--font-heading);text-transform:uppercase;letter-spacing:1.02px}
body.woopify #fkcart-modal .fkcart-checkout--text{font:inherit}
body.woopify #fkcart-modal .fkcart-zero-state-title{font:700 26px/1.2 var(--font-heading);text-transform:uppercase;color:var(--color-ink)}
body.woopify #fkcart-modal .fkcart-zero-state-text{font:14px/1.5 var(--font-label);color:var(--color-ink-muted)}
body.woopify #fkcart-modal .fkcart-zero-state{padding:32px 24px}
body.woopify #fkcart-modal .fkcart-slider-heading .fkcart-title{font:700 22px/1.2 var(--font-heading)!important;letter-spacing:1.76px}
body.woopify #fkcart-modal .fkcart-slider-heading .fkcart-title span{font:400 14px/1.3 var(--font-label)!important}
body.woopify #fkcart-modal .fkcart-thumb-wrap>a{display:block;width:80px!important;height:96px!important;border-radius:0}
body.woopify #fkcart-modal .fkcart-thumb-wrap img.fkcart-image{width:80px!important;height:96px!important;object-fit:contain;border-radius:0}
body.woopify #fkcart-modal .fkcart-quantity-selector{border:0;outline:1px solid var(--color-border);outline-offset:-1px}
@media(max-width:767px){body.woopify #fkcart-modal .fkcart-modal-container{width:100%}body.woopify #fkcart-modal .fkcart--item{padding:20px 16px;gap:12px}body.woopify #fkcart-modal .fkcart-item-info{display:block}body.woopify #fkcart-modal .fkcart-item-misc{margin-top:12px}}
/* Final cart QA: retain live counts and notices, simplify variant presentation. */
body.woopify #fkcart-modal .fkcart-title{white-space:pre}
body.woopify #fkcart-modal .fkcart-select-options,
body.woopify #fkcart-modal .fkcart-item-meta-content:has(>.fkcart-select-options),
body.woopify #fkcart-modal .fkcart-attr-key,
body.woopify #fkcart-modal .fkcart-hide-notice,
body.woopify #fkcart-modal .fkcart-slider-notices:has(.fkcart-notice-text:empty){display:none!important}
body.woopify #fkcart-modal .fkcart-item-meta-content:has(.fkcart-attr-wrap){display:flex;flex-wrap:nowrap;gap:0;text-transform:uppercase}
body.woopify #fkcart-modal .fkcart-attr-wrap{display:inline-flex;white-space:nowrap}
body.woopify #fkcart-modal .fkcart-attr-wrap+.fkcart-attr-wrap:before{content:" · ";white-space:pre}

/* 11-not-selling.css: "Not selling yet" mode (D-161; inc/selling.php).
 * The launch message is printed on product pages only while the mode is on, and shown only under the body
 * class. Under the class, add-to-cart is hidden everywhere on the storefront. The server refuses the add
 * anyway; this layer only keeps visitors from pressing a button that cannot work.
 * Shoptimizer's sticky add-to-cart class is UNVERIFIED: measure it on the first store and correct it here. */
body.woopify .woopify-launch-message { display: none; }
body.woopify.woopify-not-selling .woopify-launch-message {
  display: block;
  margin: var(--space-gutter) 0;
  padding: var(--space-gutter);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-ink);
}
body.woopify.woopify-not-selling form.cart,
body.woopify.woopify-not-selling .woopify-options-help,
body.woopify.woopify-not-selling .woopify-buy-note,
body.woopify.woopify-not-selling .single_add_to_cart_button,
body.woopify.woopify-not-selling .add_to_cart_button,
body.woopify.woopify-not-selling .shoptimizer-sticky-add-to-cart { display: none !important; }

body.woopify.woopify-not-selling .woopify-launch-message{padding:16px}
body.woopify.woopify-not-selling .shoptimizer-sticky-add-to-cart,body.woopify.woopify-not-selling .sticky-add-to-cart-wrapper{display:none!important}
body.woopify.woopify-not-selling .raven-story-buy{display:none!important}