/* ASM Woo Product Story 2.0 — light product page. Uses the theme's tokens when present. */
.asmwps {
	--p-ink: var(--asm-ink, #14171C);
	--p-ink-2: var(--asm-ink-2, #3D434D);
	--p-muted: var(--asm-muted, #5F6672);
	--p-line: var(--asm-line, #E2E5EA);
	--p-line-2: var(--asm-line-2, #C9CED6);
	--p-surface: var(--asm-surface, #F5F6F8);
	--p-accent: var(--asm-accent, #C8202A);
	--p-accent-hover: var(--asm-accent-hover, #A3181F);
	--p-accent-soft: var(--asm-accent-soft, #FBECEC);
	--p-ok: var(--asm-ok, #17784A);
	--p-ok-ink: var(--asm-ok-ink, #0F5C37);
	--p-ok-soft: var(--asm-ok-soft, #E8F4EC);
	--p-ok-line: var(--asm-ok-line, #B9DEC7);
	--p-warn-soft: var(--asm-warn-soft, #FFF6E0);
	--p-warn-ink: var(--asm-warn-ink, #7A4A00);
	--p-display: var(--asm-display, "Barlow Condensed", "Arial Narrow", sans-serif);
	--p-body: var(--asm-body, "IBM Plex Sans", system-ui, sans-serif);
	--p-mono: var(--asm-mono, "IBM Plex Mono", ui-monospace, monospace);
	color: var(--p-ink);
	font-family: var(--p-body);
	font-size: 16px;
	line-height: 1.55;
	background: #fff;
	padding-bottom: 32px;
}
.asmwps *, .asmwps *::before, .asmwps *::after { box-sizing: border-box; }
.asmwps a { color: var(--p-ink); }
.asmwps a:hover { color: var(--p-accent); }
.asmwps-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.asmwps-ico { flex: 0 0 auto; }
.asmwps-mono { font-family: var(--p-mono); font-weight: 500; }
.asmwps-muted { color: var(--p-muted); font-size: 14px; }

/* top */
.asmwps-top { padding-top: 16px; }
.asmwps-crumbs { font-size: 14px; color: var(--p-muted); display: flex; flex-wrap: wrap; gap: 6px; }
.asmwps-crumbs a { color: var(--p-muted); text-decoration: none; }
.asmwps-fit { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px 16px; border-radius: 10px; background: var(--p-ok-soft); border: 1px solid var(--p-ok-line); color: var(--p-ok-ink); }
.asmwps-fit[hidden] { display: none; }
.asmwps-fit__msg { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.asmwps-fit__change { color: inherit !important; font-size: 14px; text-decoration: underline; }
.asmwps-fit.is-nofit { background: var(--p-warn-soft); border-color: #F1D59A; color: var(--p-warn-ink); }
.asmwps-fit.is-nofit .asmwps-ico { display: none; }

/* hero */
.asmwps-hero { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; padding-top: 24px; padding-bottom: 24px; }
.asmwps-gallery { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.asmwps-gallery__main { position: relative; aspect-ratio: 1 / 1; border: 1px solid var(--p-line); border-radius: 14px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.asmwps-gallery__main img { width: 100%; height: 100%; object-fit: contain; padding: 24px; }
.asmwps-genuine { position: absolute; top: 16px; left: 16px; display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--p-line); border-radius: 999px; padding: 4px 10px; font-size: 13px; font-weight: 500; color: var(--p-ok-ink); }
.asmwps-noimg { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--p-muted); font-family: var(--p-display); font-size: 28px; text-transform: uppercase; text-align: center; padding: 24px; }
.asmwps-noimg span + span { font-family: var(--p-body); font-size: 14px; text-transform: none; }
.asmwps-gallery__thumbs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.asmwps-thumb { width: 88px; height: 88px; padding: 4px; border: 1px solid var(--p-line); border-radius: 10px; background: #fff; cursor: pointer; }
.asmwps-thumb img { width: 100%; height: 100%; object-fit: contain; }
.asmwps-thumb.is-on { border: 2px solid var(--p-ink); }
.asmwps-thumb:focus-visible { outline: 3px solid var(--p-accent); outline-offset: 2px; }

.asmwps-info { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.asmwps-eyebrow { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--p-muted); }
.asmwps-title { margin: -8px 0 0; font-family: var(--p-display); font-weight: 700; font-size: clamp(32px, 4vw, 44px); line-height: 1.05; text-transform: uppercase; color: var(--p-ink); }
.asmwps-sub { margin: -8px 0 0; font-size: 17px; color: var(--p-ink-2); }
.asmwps-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 14px; }
.asmwps-pn { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--p-line-2); border-radius: 6px; padding: 4px 6px 4px 10px; }
.asmwps-pn__label { color: var(--p-muted); }
.asmwps-pn__code { font-family: var(--p-mono); font-weight: 500; }
.asmwps-pn__copy { height: 28px; padding: 0 10px; border: 0; border-radius: 4px; background: #EDEFF2; font-size: 12px; cursor: pointer; color: var(--p-ink); }
.asmwps-reviewlink { color: var(--p-ink-2) !important; text-decoration: underline; }

.asmwps-price { padding: 16px 0; border-top: 1px solid var(--p-line); border-bottom: 1px solid var(--p-line); }
.asmwps-price p { margin: 0; }
.asmwps-price__row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; }
.asmwps-price__from { font-size: 15px; color: var(--p-muted); }
.asmwps-price__now { font-size: 34px; font-weight: 600; line-height: 1.1; }
.asmwps-price__now--ask { font-size: 26px; }
.asmwps-price__mrp { font-size: 17px; color: var(--p-muted); }
.asmwps-price__save { background: var(--p-accent-soft); color: var(--p-accent-hover); font-size: 13px; font-weight: 600; padding: 3px 8px; border-radius: 4px; }
.asmwps-price__note { margin-top: 4px !important; font-size: 14px; color: var(--p-muted); }

.asmwps-fitcard { border: 1.5px solid var(--p-ok-line); border-radius: 12px; overflow: hidden; }
.asmwps-fitcard__top { padding: 14px 16px; background: #F3FAF5; display: flex; flex-direction: column; gap: 10px; }
.asmwps-fitcard__top p { margin: 0; }
.asmwps-fitcard__title { font-weight: 600; }
.asmwps-fitchips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.asmwps-fitchips a { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--p-ok-line); border-radius: 999px; padding: 4px 12px; font-size: 14px; font-weight: 500; color: var(--p-ok-ink) !important; text-decoration: none; min-height: 32px; }
.asmwps-fitchips a.is-mine { background: var(--p-ok); color: #fff !important; border-color: var(--p-ok); }
.asmwps-fitcard__alt { padding: 12px 16px; font-size: 14px; color: var(--p-ink-2); border-top: 1px solid #DCEFE3; }
.asmwps-fitcard__alt a { text-decoration: underline; font-family: var(--p-mono); }

.asmwps-facts { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.asmwps-facts > div { flex: 1 1 140px; padding: 12px 14px; border: 1px solid var(--p-line); border-radius: 10px; }
.asmwps-facts dt { font-size: 12px; color: var(--p-muted); text-transform: uppercase; letter-spacing: .06em; }
.asmwps-facts dd { margin: 0; font-weight: 600; }

.asmwps-stock p { margin: 0 0 6px; display: flex; align-items: center; gap: 8px; }
.asmwps-stock__line { color: var(--p-ok); font-weight: 600; }
.asmwps-stock__line--order { color: var(--p-warn-ink); }
.asmwps-stock__ship { color: var(--p-ink-2); font-size: 14px; }
.asmwps-dot { width: 10px; height: 10px; border-radius: 5px; background: var(--p-ok); }

/* WooCommerce add-to-cart form, restyled */
.asmwps-buy form.cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin: 0; }
.asmwps-buy form.variations_form { display: block; }
.asmwps-buy table.variations { width: 100%; border: 0; margin: 0 0 12px; }
.asmwps-buy table.variations th, .asmwps-buy table.variations td { border: 0; padding: 0 0 8px; display: block; text-align: left; background: none; }
.asmwps-buy table.variations label { font-weight: 600; font-size: 14px; }
.asmwps-buy table.variations select { width: 100%; height: 48px; border: 1.5px solid var(--p-line-2); border-radius: 8px; padding: 0 12px; background: #fff; font: inherit; }
.asmwps-buy .reset_variations { font-size: 13px; }
.asmwps-buy .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; }
.asmwps-buy .woocommerce-variation-price { margin-bottom: 8px; font-weight: 600; }
.asmwps-buy .quantity { display: flex; }
.asmwps-buy .quantity .qty { width: 84px; height: 52px; border: 1.5px solid var(--p-line-2); border-radius: 8px; text-align: center; font: inherit; font-weight: 600; }
.asmwps-buy .single_add_to_cart_button, .asmwps-buy .asmwps-buynow { flex: 1 1 160px; height: 52px; border: 0 !important; border-radius: 8px !important; font: inherit !important; font-weight: 600 !important; font-size: 16px !important; cursor: pointer; padding: 0 20px !important; }
.asmwps-buy .single_add_to_cart_button { background: var(--p-accent) !important; color: #fff !important; }
.asmwps-buy .single_add_to_cart_button:hover { background: var(--p-accent-hover) !important; }
.asmwps-buy .single_add_to_cart_button.disabled { opacity: .55; }
.asmwps-buy .asmwps-buynow { background: var(--p-ink) !important; color: #fff !important; }
.asmwps-buy .stock { display: none; }
.asmwps-sizelink { display: inline-block; margin-top: 10px; font-size: 14px; text-decoration: underline; }
.asmwps-ask { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border-radius: 8px; border: 1px solid var(--p-line); font-weight: 500; text-decoration: none; }
.asmwps-assure { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: var(--p-ink-2); }
.asmwps-assure li { display: flex; gap: 10px; align-items: flex-start; }
.asmwps-assure .asmwps-ico { margin-top: 2px; color: var(--p-ink); }

/* buttons */
.asmwps-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 18px; border-radius: 8px; font-weight: 600; text-decoration: none; }
.asmwps-btn--accent { background: var(--p-accent); color: #fff !important; }
.asmwps-btn--accent:hover { background: var(--p-accent-hover); }
.asmwps-btn--outline { border: 1.5px solid var(--p-ink); color: var(--p-ink) !important; }
.asmwps-btn--ghost { border: 1px solid var(--p-line); }
.asmwps-actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* section nav */
.asmwps-tabs { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.97); border-top: 1px solid var(--p-line); border-bottom: 1px solid var(--p-line); }
.admin-bar .asmwps-tabs { top: 32px; }
.asmwps-tabs__row { display: flex; gap: 0 28px; overflow-x: auto; scrollbar-width: none; font-size: 15px; font-weight: 500; }
.asmwps-tabs__row a { padding: 14px 0; white-space: nowrap; text-decoration: none; border-bottom: 2px solid transparent; }
.asmwps-tabs__row a[aria-current="true"] { border-bottom-color: var(--p-accent); }

/* body */
.asmwps-body { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; padding-top: 32px; padding-bottom: 32px; }
.asmwps-sections { flex: 999 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 48px; }
.asmwps-sec { scroll-margin-top: 72px; }
.asmwps-sec > h2 { margin: 0 0 14px; font-family: var(--p-display); font-weight: 700; font-size: 30px; line-height: 1.1; text-transform: uppercase; color: var(--p-ink); }
.asmwps-prose { color: var(--p-ink-2); font-size: 17px; max-width: 760px; }
.asmwps-prose p { margin: 0 0 12px; }
.asmwps-note { color: var(--p-ink-2); font-size: 15px; padding: 12px 14px; background: var(--p-surface); border-radius: 8px; }
.asmwps-table { width: 100%; border-collapse: collapse; border: 1px solid var(--p-line); font-size: 15px; }
.asmwps-table th, .asmwps-table td { text-align: left; padding: 12px 16px; border-bottom: 1px solid var(--p-line); vertical-align: top; }
.asmwps-table tbody th { width: 34%; font-weight: 500; color: var(--p-muted); background: #F9FAFB; }
.asmwps-table thead th { background: var(--p-surface); font-weight: 600; }
.asmwps-tablebox { overflow-x: auto; border-radius: 10px; }
.asmwps-table--fit { min-width: 420px; }
.asmwps-yes { color: var(--p-ok-ink); font-weight: 600; }
.asmwps-yes .asmwps-ico { vertical-align: -3px; margin-right: 4px; }
.asmwps-cards { display: flex; flex-wrap: wrap; gap: 12px; }
.asmwps-card { flex: 1 1 200px; padding: 16px; border: 1px solid var(--p-line); border-radius: 10px; }
.asmwps-card p { margin: 0; font-size: 14px; color: var(--p-ink-2); }
.asmwps-card__k { font-weight: 600; color: var(--p-ink) !important; font-size: 15px !important; margin-bottom: 4px !important; }
.asmwps-card__v { font-weight: 600; color: var(--p-ink) !important; }
.asmwps-list { margin: 0; padding-left: 20px; color: var(--p-ink-2); display: flex; flex-direction: column; gap: 6px; }
.asmwps-faq { border: 1px solid var(--p-line); border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; }
.asmwps-faq summary { font-weight: 600; cursor: pointer; }
.asmwps-faq p { margin: 8px 0 0; color: var(--p-ink-2); }

/* reviews (WooCommerce template inside) */
.asmwps-reviews #reviews { margin: 0; }
.asmwps-reviews .woocommerce-Reviews-title { font-size: 18px; font-weight: 600; margin: 0 0 12px; font-family: var(--p-body); text-transform: none; }
.asmwps-reviews .commentlist { list-style: none; margin: 0 0 20px; padding: 0; }
.asmwps-reviews .commentlist li { border: 1px solid var(--p-line); border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; }
.asmwps-reviews .comment-reply-title { font-weight: 600; font-size: 18px; }
.asmwps-reviews #respond { background: var(--p-surface); border-radius: 12px; padding: 20px; }
.asmwps-reviews #respond input[type="text"], .asmwps-reviews #respond input[type="email"], .asmwps-reviews #respond textarea, .asmwps-reviews #respond select { width: 100%; border: 1.5px solid var(--p-line-2); border-radius: 8px; padding: 10px 12px; font: inherit; background: #fff; }
.asmwps-reviews #respond .submit { background: var(--p-ink); color: #fff; border: 0; border-radius: 8px; min-height: 46px; padding: 0 20px; font-weight: 600; cursor: pointer; }
.asmwps-reviews .woocommerce-noreviews { color: var(--p-ink-2); }
.asmwps-manual-reviews { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.asmwps-manual-reviews li { border: 1px solid var(--p-line); border-radius: 10px; padding: 14px 16px; }
.asmwps-manual-reviews p { margin: 0 0 4px; }
.asmwps-stars { color: #B7791F; letter-spacing: 2px; }
.asmwps-rv-title { font-weight: 600; }

/* rail */
.asmwps-rail { flex: 1 1 300px; min-width: 0; border: 1px solid var(--p-line); border-radius: 14px; padding: 18px; position: sticky; top: 72px; }
.asmwps-rail__title { margin: 0; font-family: var(--p-display); font-weight: 700; font-size: 24px; text-transform: uppercase; }
.asmwps-rail > .asmwps-muted { margin: 0 0 8px; }
.asmwps-rail ul { list-style: none; margin: 0; padding: 0; }
.asmwps-rail__item { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid #EDEFF2; }
.asmwps-rail__img { width: 72px; height: 72px; flex: 0 0 auto; border: 1px solid #EDEFF2; border-radius: 8px; overflow: hidden; display: block; background: #fff; }
.asmwps-rail__img img { width: 100%; height: 100%; object-fit: contain; }
.asmwps-rail__body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.asmwps-rail__name { font-weight: 600; font-size: 14px; line-height: 1.3; text-decoration: none; }
.asmwps-rail__price { font-weight: 600; font-size: 15px; }
.asmwps-rail__add { width: 44px; height: 44px; flex: 0 0 auto; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 8px !important; border: 1.5px solid var(--p-ink) !important; background: #fff !important; color: var(--p-ink) !important; font-size: 20px !important; padding: 0 !important; }
.asmwps-rail__add.added { display: none !important; }
.asmwps-rail .added_to_cart { font-size: 13px; }

.asmwps-freebie-tag { color: var(--asm-ok, #17784A); font-weight: 600; }

@media (max-width: 900px) {
	.asmwps-rail { position: static; }
}
@media (max-width: 600px) {
	.asmwps-wrap { padding: 0 16px; }
	.asmwps-hero { gap: 24px; }
	.asmwps-gallery, .asmwps-info { flex-basis: 100%; }
	.asmwps-thumb { width: 72px; height: 72px; }
	.asmwps-sec > h2 { font-size: 26px; }
}