/*
 * Look layers (0.37.1).
 *
 * Every rule below except the nav hover fix is switched on by a word in the
 * <html data-skin="…"> attribute, set before first paint by the small script
 * in header.php. Words:
 *   menu   the new header: boxed icon buttons, red Account/Login button,
 *          hamburger on phones, rounded dropdowns
 *   left   menu links sit next to the logo instead of centred
 *   float  the header floats as a rounded bar instead of spanning the page
 *   cards  rounded product cards, pill buttons, rounded panels
 *   soft   navy-black palette and the Poppins typeface
 *   hero-b styles for the home page's three hero buttons
 * Presets (#preview-4a, -4b, -4c) and the default live in header.php. Removing this
 * file returns the original look.
 */

/* ---- Typeface (only used by "soft"; font-display: swap, loads on demand) ---- */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins-latin-800-normal.woff2') format('woff2'); }

:root {
	--dma-radius: 12px;
	--dma-radius-md: 10px;
	--dma-radius-sm: 8px;
	--dma-radius-btn: 10px;
	--dma-card-glow: rgba(239, 82, 78, 0.20);
	--dma-card-dots: rgba(255, 255, 255, 0.045);
	--dma-card-band: linear-gradient(180deg, #16161b 0%, #2a1519 100%);
	--dma-pill-outline: rgba(255, 255, 255, 0.5);
}
:root[data-theme="light"] {
	--dma-card-glow: rgba(214, 64, 60, 0.12);
	--dma-card-dots: rgba(0, 0, 0, 0.05);
	--dma-card-band: linear-gradient(180deg, #f4f5f8 0%, #f7e3e3 100%);
	--dma-pill-outline: rgba(20, 22, 28, 0.35);
}

/* ========================================
   HOME HERO (always on)
   Roaming stars (canvas drawn by assets/js/home.js) behind the headline,
   and a softer glow on the CYBER AMMO wordmark to go with them.
   ======================================== */
.dma-hero-stars-host { position: relative; overflow: hidden; }
.dma-hero-stars { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.dma-hero-stars-host > .dma-header-inner-a3655c67 { position: relative; z-index: 1; }
.dma-hero-logo-a3655c67 .dma-wordmark-svg { filter: drop-shadow(0 0 2px rgba(239, 82, 78, .35)) drop-shadow(0 0 10px rgba(235, 0, 23, .16)); }
.dma-hero-logo-a3655c67::before { opacity: .3; animation-name: dmaWordmarkBreatheSoft; }
@keyframes dmaWordmarkBreatheSoft { 0%, 100% { opacity: .18; } 50% { opacity: .38; } }
@media (prefers-reduced-motion: reduce) { .dma-hero-logo-a3655c67::before { animation: none; opacity: .28; } }

/* ========================================
   PRICES (always on): plain, readable text instead of the white pill
   ======================================== */
.dma-price-a3655c67 {
	background: transparent !important; color: var(--dma-heading) !important;
	padding: 0 !important; border: none !important; border-radius: 0 !important;
	font-size: 20px; font-weight: 700; min-height: 0;
}
.dma-price-a3655c67 .woocommerce-Price-amount { color: inherit !important; }
.dma-price-a3655c67 del { color: var(--dma-text-muted) !important; font-size: 14px; font-weight: 500; }
.dma-price-a3655c67 ins { color: var(--dma-heading); }
[data-theme="light"] .dma-price-a3655c67 { border: none !important; }

/* ========================================
   PRODUCT CARDS: text block + "View product" on the photo (always on)
   The info block has a fixed height (two lines of text), so prices and buttons line up on every card in a row. The view
   label appears on hover over the bottom of the photo, with a red light
   running around its outline. Touch screens don't show it (the whole
   photo is the link anyway).
   ======================================== */
.dma-card-info { display: flex; flex-direction: column; justify-content: flex-start; height: calc(2 * 1.5em); font-size: 13px; flex-shrink: 0; }
.dma-card-line {
	margin: 0; font-size: 13px; line-height: 1.5; color: var(--dma-text-muted);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.dma-card-name-a3655c67 { min-height: 0 !important; -webkit-line-clamp: 1 !important; }
.dma-card-link-a3655c67 { position: relative; }
.dma-card-view {
	position: absolute; left: 50%; top: calc(var(--dma-card-band-h, 140px) - 46px); z-index: 2;
	transform: translate(-50%, 6px); opacity: 0; pointer-events: none;
	padding: 7px 16px; border-radius: 8px; isolation: isolate;
	background: rgba(11, 12, 20, .82); color: #fff;
	font-size: 12px; font-weight: 600; letter-spacing: .02em; white-space: nowrap;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);
	transition: opacity .2s ease, transform .2s ease;
}
@property --dma-view-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.dma-card-view::before {
	content: ''; position: absolute; inset: 0; z-index: -1; padding: 1.5px; border-radius: inherit;
	background: conic-gradient(from var(--dma-view-angle), transparent 0deg 250deg, var(--dma-accent) 310deg, #ffc2bf 340deg, transparent 360deg);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	animation: dmaViewSpin 2.2s linear infinite paused;
}
@keyframes dmaViewSpin { to { --dma-view-angle: 360deg; } }
@media (hover: hover) {
	li.dma-card-a3655c67:hover .dma-card-view,
	.dma-card-link-a3655c67:focus-visible .dma-card-view { opacity: 1; transform: translate(-50%, 0); }
	li.dma-card-a3655c67:hover .dma-card-view::before { animation-play-state: running; }
}
@media (prefers-reduced-motion: reduce) { .dma-card-view::before { animation: none; background: var(--dma-accent); opacity: .6; } }
li.product.dma-card-a3655c67 { --dma-card-band-h: 140px; }
[data-theme="light"] .dma-card-view { background: rgba(255, 255, 255, .92); color: #14161c; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }

/* The page wrapper hides sideways overflow (home.css). "hidden" makes it a
   scroll container, which switches off position: sticky inside it (the
   Bundle Builder summary); "clip" hides the same overflow without that. */
.dma-page-a3655c67 { overflow-x: clip; }

/* ========================================
   NAV HOVER / CURRENT PAGE (always on)
   One bar per top-level item, drawn on the <li> so items with a dropdown
   ("Shop", "More", whose link ::after is the chevron) get it too.
   Hover: the bar grows in. Current page: the bar stays, thinner red.
   ======================================== */
@media (min-width: 821px) {
	.dma-nav-primary a::after { transform: scaleX(0) !important; }
	.dma-nav-primary li.menu-item-has-children > a::after { transform: rotate(0deg) !important; }
	.dma-nav-primary li.menu-item-has-children:hover > a::after,
	.dma-nav-primary li.menu-item-has-children.is-open > a::after { transform: rotate(180deg) !important; }
	.dma-nav-primary > ul > li { position: relative; }
	.dma-nav-primary > ul > li::before {
		content: ''; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px;
		border-radius: 2px; background: var(--dma-accent);
		transform: scaleX(0); transform-origin: center; opacity: 1;
		transition: transform .22s ease;
		pointer-events: none;
	}
	.dma-nav-primary > ul > li:hover::before,
	.dma-nav-primary > ul > li.is-open::before,
	.dma-nav-primary > ul > li:focus-within::before { transform: scaleX(1); }
	.dma-nav-primary > ul > li.current-menu-item::before,
	.dma-nav-primary > ul > li.current-menu-ancestor::before { transform: scaleX(1); opacity: .45; }
	.dma-nav-primary > ul > li.current-menu-item:hover::before,
	.dma-nav-primary > ul > li.current-menu-ancestor:hover::before { opacity: 1; }
	.dma-nav-primary > ul > li.current-menu-item > a,
	.dma-nav-primary > ul > li.current-menu-ancestor > a { color: var(--dma-heading); }
}

/* ========================================
   MENU  (data-skin~="menu")
   ======================================== */
html[data-skin~="menu"] .dma-site-header-inner { max-width: 1240px; height: 100%; }
html[data-skin~="menu"] .dma-header-actions { gap: 10px; }

@media (min-width: 821px) {
	html[data-skin~="menu"] .dma-nav-center { align-self: stretch; gap: 10px; }
	html[data-skin~="menu"] .dma-nav-primary,
	html[data-skin~="menu"] .dma-nav-primary > ul { height: 100%; align-items: stretch; gap: 2px; }
	html[data-skin~="menu"] .dma-nav-primary > ul > li { display: flex; align-items: stretch; }
	html[data-skin~="menu"] .dma-nav-primary > ul > li > a {
		display: inline-flex; align-items: center; padding: 0 16px;
		font-size: 15px; font-weight: 500; letter-spacing: 0;
	}
	/* Bar sits on the header's bottom edge, like a tab */
	html[data-skin~="menu"] .dma-nav-primary > ul > li::before { bottom: -1px; left: 10px; right: 10px; border-radius: 2px 2px 0 0; }
	html[data-skin~="menu"] .dma-nav-primary .sub-menu { top: calc(100% + 1px); }
	/* Keeps hover alive across the 1px seam between link and dropdown */
	html[data-skin~="menu"] .dma-nav-primary .sub-menu::before { content: ''; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
}
html[data-skin~="menu"] .dma-nav-primary .sub-menu {
	padding: 8px; min-width: 210px;
	border-radius: var(--dma-radius-md); border-color: var(--dma-border);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
}
html[data-skin~="menu"] .dma-nav-primary .sub-menu a { padding: 10px 14px; font-size: 14px; font-weight: 500; border-radius: var(--dma-radius-sm); color: var(--dma-text); }
html[data-skin~="menu"] .dma-nav-primary .sub-menu .current-menu-item > a { color: var(--dma-accent); background: var(--dma-accent-dim); }

/* Search, theme, cart: small rounded boxes */
html[data-skin~="menu"] .dma-search-toggle,
html[data-skin~="menu"] .dma-theme-toggle,
html[data-skin~="menu"] .dma-cart-link,
html[data-skin~="menu"] .dma-nav-toggle {
	width: 38px; height: 38px; padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--dma-border); border-radius: var(--dma-radius-sm);
	background: var(--dma-surface); color: var(--dma-text-muted);
	transition: color .2s ease, border-color .2s ease, background .2s ease;
}
html[data-skin~="menu"] .dma-cart-link { color: var(--dma-text); }
html[data-skin~="menu"] .dma-search-toggle:hover,
html[data-skin~="menu"] .dma-theme-toggle:hover,
html[data-skin~="menu"] .dma-cart-link:hover,
html[data-skin~="menu"] .dma-nav-toggle:hover,
html[data-skin~="menu"] .dma-search-wrap.is-open .dma-search-toggle,
html[data-skin~="menu"] .dma-cart-wrap.is-open .dma-cart-link { color: var(--dma-heading); border-color: var(--dma-border-hover); background: var(--dma-surface-hover); }
html[data-skin~="menu"] .dma-search-toggle svg,
html[data-skin~="menu"] .dma-theme-toggle svg { width: 17px; height: 17px; }
html[data-skin~="menu"] .dma-cart-link svg { width: 18px; height: 18px; }
html[data-skin~="menu"] .dma-cart-count { top: -7px; right: -7px; }
html[data-skin~="menu"] .dma-search-form,
html[data-skin~="menu"] .dma-mini-cart,
html[data-skin~="menu"] .dma-account-menu { border-radius: var(--dma-radius-md); }

/* Account / Login: solid red button */
html[data-skin~="menu"] .dma-account-link {
	height: 38px; padding: 0 18px; gap: 8px;
	border-radius: var(--dma-radius-sm); border: none; cursor: pointer; font: inherit;
	background: var(--dma-accent); color: var(--dma-white);
	transition: background .2s ease, box-shadow .2s ease;
}
html[data-skin~="menu"] .dma-account-link:hover { color: var(--dma-white); }
html[data-skin~="menu"] .dma-account-link svg { width: 17px; height: 17px; }
html[data-skin~="menu"] .dma-account-link-label { font-size: 14px; font-weight: 600; }
html[data-skin~="menu"] .dma-account-discord-btn { border-radius: var(--dma-radius-btn); }

/* Hamburger (phones). The icon markup is always there; without "menu" it
   still shows as an icon inside the original square button. */
.dma-nav-toggle svg { width: 20px; height: 20px; display: block; }
.dma-nav-toggle .dma-nav-toggle-close { display: none; }
.dma-nav-toggle[aria-expanded="true"] .dma-nav-toggle-open { display: none; }
.dma-nav-toggle[aria-expanded="true"] .dma-nav-toggle-close { display: block; }
.dma-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
html[data-skin~="menu"] .dma-nav-toggle { color: var(--dma-heading); }
@media (min-width: 821px) { html[data-skin~="menu"] .dma-nav-toggle { display: none; } }

@media (max-width: 820px) {
	html[data-skin~="menu"] .dma-site-header-inner { gap: 10px; }
	html[data-skin~="menu"] .dma-cart-wrap { order: 2; }
	html[data-skin~="menu"] .dma-nav-toggle { order: 3; }
	html[data-skin~="menu"] .dma-account-link { width: 38px; padding: 0; justify-content: center; }
	html[data-skin~="menu"] .dma-nav-primary.is-open {
		padding: 12px 16px 18px; background: var(--dma-bg);
		box-shadow: 0 24px 40px rgba(0, 0, 0, .5);
		max-height: calc(100vh - var(--dma-header-height));
		max-height: calc(100dvh - var(--dma-header-height));
		overflow-y: auto;
	}
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul { gap: 4px; }
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul > li > a {
		display: flex; justify-content: space-between; align-items: center;
		padding: 14px 16px; font-size: 16px; border-radius: var(--dma-radius-sm);
	}
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul > li > a:hover,
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul > li.is-open > a { background: var(--dma-surface); }
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul > li.current-menu-item > a,
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul > li.current-menu-ancestor > a { color: var(--dma-heading); box-shadow: inset 3px 0 0 var(--dma-accent); }
	html[data-skin~="menu"] .dma-nav-primary .sub-menu .current-menu-item > a { color: var(--dma-accent); }
	html[data-skin~="menu"] .dma-nav-primary.is-open > ul > li.menu-item-has-children > a::after { width: 10px; background-size: 10px 6px; }
	html[data-skin~="menu"] .dma-nav-primary .sub-menu { border-left: 2px solid var(--dma-border); background: transparent; padding: 2px 0 6px 12px; margin-left: 16px; min-width: 0; box-shadow: none; border-radius: 0; }
	html[data-skin~="menu"] .dma-nav-primary .sub-menu a { padding: 12px 14px; font-size: 15px; color: var(--dma-text-muted); }
}
@media (max-width: 480px) {
	html[data-skin~="menu"] .dma-site-header-inner { padding: 0 14px; gap: 8px; }
	html[data-skin~="menu"] .dma-header-actions { gap: 8px; }
	html[data-skin~="menu"] .dma-theme-toggle { display: none; }
}

/* ---- LEFT: links right after the logo ---- */
@media (min-width: 821px) {
	html[data-skin~="left"] .dma-site-header-inner { justify-content: flex-start; }
	html[data-skin~="left"] .dma-nav-center { margin-left: 22px; margin-right: auto; }
	html[data-skin~="left"] .dma-header-actions { margin-left: auto; }
}

/* ---- FLOAT: the header becomes a rounded bar floating over the page ---- */
html[data-skin~="float"] .dma-site-header {
	top: 10px; height: auto; padding: 10px 16px 0;
	background: transparent; border-bottom: none;
	backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-skin~="float"] body.admin-bar .dma-site-header { top: 42px; }
@media (max-width: 782px) { html[data-skin~="float"] body.admin-bar .dma-site-header { top: 52px; } }
html[data-skin~="float"] .dma-site-header-inner {
	height: 60px; max-width: 1200px; padding: 0 12px 0 20px;
	background: var(--dma-header-bg);
	backdrop-filter: saturate(140%) blur(12px); -webkit-backdrop-filter: saturate(140%) blur(12px);
	border: 1px solid var(--dma-border); border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}
@media (min-width: 821px) {
	html[data-skin~="float"] .dma-nav-primary > ul > li::before { bottom: 8px; left: 14px; right: 14px; border-radius: 2px; }
	html[data-skin~="float"] .dma-nav-primary .sub-menu { top: calc(100% - 4px); }
}
@media (max-width: 820px) {
	html[data-skin~="float"] .dma-site-header { top: 6px; padding: 6px 10px 0; }
	html[data-skin~="float"] .dma-site-header-inner { height: 56px; padding: 0 8px 0 14px; border-radius: 14px; }
	html[data-skin~="float"] .dma-nav-primary.is-open { top: calc(100% + 6px); left: 10px; right: 10px; border: 1px solid var(--dma-border); border-radius: 14px; }
}

/* ========================================
   SOFT  (data-skin~="soft"): navy-black palette + Poppins
   ======================================== */
html[data-skin~="soft"],
html[data-skin~="soft"] .dma-page-a3655c67,
html[data-skin~="soft"] .dma-page-c8a2b1f4,
html[data-skin~="soft"] .dma-page-checkout {
	--dma-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
html[data-skin~="soft"]:not([data-theme="light"]),
html[data-skin~="soft"]:not([data-theme="light"]) .dma-page-a3655c67,
html[data-skin~="soft"]:not([data-theme="light"]) .dma-page-c8a2b1f4,
html[data-skin~="soft"]:not([data-theme="light"]) .dma-page-checkout {
	--dma-bg: #0b0c14;
	--dma-surface: #11131c;
	--dma-surface-hover: #161925;
	--dma-border: #22242e;
	--dma-border-hover: #30333f;
	--dma-text: #e3e4e8;
	--dma-text-muted: #8b8e9a;
	--dma-header-bg: rgba(11, 12, 20, 0.94);
	--dma-image-bg: #0e0f17;
	--dma-card-band: linear-gradient(180deg, #15161f 0%, #2a1519 100%);
}
html[data-skin~="soft"]:not([data-theme="light"]) { background: #0b0c14; }
html[data-skin~="soft"] body,
html[data-skin~="soft"] .dma-page-a3655c67,
html[data-skin~="soft"] .dma-page-c8a2b1f4,
html[data-skin~="soft"] .dma-page-checkout,
html[data-skin~="soft"] button,
html[data-skin~="soft"] input,
html[data-skin~="soft"] select,
html[data-skin~="soft"] textarea { font-family: var(--dma-font); }
html[data-skin~="soft"] body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html[data-skin~="soft"] .dma-title-a3655c67,
html[data-skin~="soft"] .dma-shop-title-a3655c67,
html[data-skin~="soft"] .dma-promo-title-a3655c67 { letter-spacing: -0.02em; }

/* ========================================
   CARDS  (data-skin~="cards")
   ======================================== */
/* Buttons: rounded, sentence case */
html[data-skin~="cards"] .dma-btn-a3655c67,
html[data-skin~="cards"] .dma-header-btn-primary-a3655c67,
html[data-skin~="cards"] .dma-header-btn-secondary-a3655c67,
html[data-skin~="cards"] .dma-cta-btn-a3655c67,
html[data-skin~="cards"] .dma-cta-btn-secondary-a3655c67,
html[data-skin~="cards"] .dma-cart-empty-btn,
html[data-skin~="cards"] .dma-view-more-btn-a3655c67 { border-radius: var(--dma-radius-btn); text-transform: none; letter-spacing: 0; }
html[data-skin~="cards"] .dma-header-btn-primary-a3655c67,
html[data-skin~="cards"] .dma-header-btn-secondary-a3655c67 { font-size: 15px; padding: 13px 30px; }
html[data-skin~="cards"] .dma-header-btn-secondary-a3655c67 { color: var(--dma-heading); border-color: var(--dma-border-hover); }
html[data-skin~="cards"] .dma-header-btn-secondary-a3655c67:hover { border-color: var(--dma-accent); background: var(--dma-accent-dim); }
html[data-skin~="cards"] .dma-cta-btn-a3655c67,
html[data-skin~="cards"] .dma-cta-btn-secondary-a3655c67 { font-size: 13px; padding: 11px 22px; }
html[data-skin~="cards"] .dma-view-more-btn-a3655c67 { font-size: 14px; padding: 13px 30px; }
html[data-skin~="cards"] .woocommerce a.button,
html[data-skin~="cards"] .woocommerce button.button,
html[data-skin~="cards"] .woocommerce input.button,
html[data-skin~="cards"] .woocommerce-page a.button,
html[data-skin~="cards"] .woocommerce-page button.button,
html[data-skin~="cards"] .dma-page-single .single_add_to_cart_button { border-radius: var(--dma-radius-btn) !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Product cards: picture band on top, text centred, dots + bottom glow */
html[data-skin~="cards"] ul.products.dma-grid-a3655c67 { gap: 22px !important; }
html[data-skin~="cards"] li.product.dma-card-a3655c67 {
	--dma-card-band-h: 172px;
	border-radius: var(--dma-radius) !important;
	overflow: hidden;
	padding: 0 22px 22px !important;
	gap: 12px !important;
	text-align: center;
	background-color: var(--dma-surface) !important;
	background-image:
		radial-gradient(120% 60% at 50% 115%, var(--dma-card-glow) 0%, transparent 60%),
		radial-gradient(var(--dma-card-dots) 1px, transparent 1.2px) !important;
	background-size: 100% 100%, 18px 18px !important;
}
html[data-skin~="cards"] li.product.dma-card-a3655c67:hover {
	background-color: var(--dma-surface-hover) !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, .35), 0 0 0 1px rgba(239, 82, 78, .12) !important;
	transform: translateY(-3px);
}
html[data-skin~="cards"] .dma-card-link-a3655c67 { gap: 14px; }
html[data-skin~="cards"] .dma-card-img-a3655c67 {
	width: calc(100% + 44px) !important; max-width: none !important; height: 172px !important;
	margin: 0 -22px !important; padding: 22px 28px !important; box-sizing: border-box !important;
	background: var(--dma-card-band) !important;
	border: none !important; border-bottom: 1px solid var(--dma-border) !important; border-radius: 0 !important;
}
html[data-skin~="cards"] .dma-card-name-a3655c67 { font-size: 17px !important; text-align: center; }
html[data-skin~="cards"] .dma-card-line { text-align: center; }
html[data-skin~="cards"] li.product.dma-card-a3655c67 { padding-bottom: 20px !important; gap: 10px !important; }
/* Specs keep their fixed 3-line slot (home.css) so prices and buttons line
   up on every card, whatever the number of specs or buttons. */
html[data-skin~="cards"] .dma-specs-a3655c67 { align-items: center; }
html[data-skin~="cards"] .dma-specs-a3655c67 li { padding-left: 0; }
html[data-skin~="cards"] .dma-specs-a3655c67 li::before { position: static; margin-right: 6px; }
html[data-skin~="cards"] .dma-price-a3655c67 { align-self: center; }
html[data-skin~="cards"] .dma-card-actions-a3655c67 { gap: 10px; }
html[data-skin~="cards"] .dma-card-actions-a3655c67 .dma-btn-a3655c67 { font-size: 14px; padding: 11px 18px; margin-top: 0; }
html[data-skin~="cards"] .dma-btn-cart-a3655c67 { color: var(--dma-heading); border-color: var(--dma-pill-outline); }
html[data-skin~="cards"] .dma-btn-cart-a3655c67:hover { color: var(--dma-white); border-color: var(--dma-accent); }
html[data-skin~="cards"] .dma-btn-buynow-a3655c67 { border-color: var(--dma-accent); }
html[data-skin~="cards"] .dma-btn-view-a3655c67 { text-transform: none; letter-spacing: 0; font-size: 13px; }
html[data-skin~="cards"] li.dma-card-a3655c67 > .dma-badge-a3655c67 { top: 14px; left: 14px; border-radius: 6px; padding: 4px 10px; background: var(--dma-accent); color: var(--dma-white); border-color: transparent; font-weight: 700; }
html[data-skin~="cards"] .dma-stock-urgency-a3655c67 { top: 14px; right: 14px; border-radius: 6px; padding: 4px 10px; }
html[data-skin~="cards"] li.product.dma-card-a3655c67 input[type="email"] { border-radius: var(--dma-radius-btn) !important; }

/* Chips, tabs, quiz answers */
html[data-skin~="cards"] .dma-filter-chip-84138301,
html[data-skin~="cards"] .dma-faq-tab-a3655c67 { border-radius: var(--dma-radius-btn) !important; }
html[data-skin~="cards"] .dma-quiz-option-a3655c67 { border-radius: var(--dma-radius-sm); }

/* Panels */
html[data-skin~="cards"] .dma-why-card-a3655c67,
html[data-skin~="cards"] .dma-quiz-card-a3655c67,
html[data-skin~="cards"] .dma-promo-checklist-a3655c67,
html[data-skin~="cards"] .dma-promo-stats-a3655c67,
html[data-skin~="cards"] .dma-faq-item-a3655c67,
html[data-skin~="cards"] .dma-blog-card-e91c4a08,
html[data-skin~="cards"] .dma-blog-article-cta-e91c4a08,
html[data-skin~="cards"] .dma-cart-empty,
html[data-skin~="cards"] .dma-trust-badge-single,
html[data-skin~="cards"] .dma-woo-wrapper-c8a2b1f4 .cart_totals,
html[data-skin~="cards"] .dma-woo-checkout-wrapper #order_review,
html[data-skin~="cards"] .dma-page-single .dma-compat-checker-a3655c67,
html[data-skin~="cards"] .dma-fw-gate,
html[data-skin~="cards"] .dma-fw-step2,
html[data-skin~="cards"] .dma-fw-ticket,
html[data-skin~="cards"] .dma-account-nav-a3655c67,
html[data-skin~="cards"] .dma-account-latest-order-a3655c67,
html[data-skin~="cards"] .dma-account-card-a3655c67,
html[data-skin~="cards"] .dma-device-card-a3655c67,
html[data-skin~="cards"] .dma-rma-form-a3655c67,
html[data-skin~="cards"] .dma-discord-login-card-a3655c67,
html[data-skin~="cards"] .dma-discord-claim-card-a3655c67,
html[data-skin~="cards"] .dma-account-discord-claim-a3655c67,
html[data-skin~="cards"] .dma-account-rewards-a3655c67,
html[data-skin~="cards"] .dma-partner-card-a3655c67,
html[data-skin~="cards"] .dma-track-form-a3655c67,
html[data-skin~="cards"] .dma-track-result-a3655c67,
html[data-skin~="cards"] .dma-track-my-orders-a3655c67,
html[data-skin~="cards"] .dma-apply-form-a3655c67,
html[data-skin~="cards"] .dma-bundle-summary-a3655c67,
html[data-skin~="cards"] .dma-bundle-tiers-a3655c67,
html[data-skin~="cards"] .dma-shop-disclaimer-a3655c67 { border-radius: var(--dma-radius-md) !important; }
html[data-skin~="cards"] .dma-woo-wrapper-c8a2b1f4 table.shop_table { border-radius: var(--dma-radius-md) !important; overflow: hidden; }
html[data-skin~="cards"] .dma-page-single .woocommerce-product-gallery { border-radius: var(--dma-radius) !important; }
html[data-skin~="cards"] .dma-page-single .related.products ul.products li.product { border-radius: var(--dma-radius-md) !important; }
html[data-skin~="cards"] .dma-why-card-a3655c67 { background-image: radial-gradient(90% 80% at 0% 0%, rgba(239, 82, 78, .07), transparent 60%); }

/* Trust strip: each fact becomes a small stat card */
html[data-skin~="cards"] .dma-trust-a3655c67 { border-bottom: none; padding: 28px 24px 4px; }
html[data-skin~="cards"] .dma-trust-inner-a3655c67 { gap: 14px; }
html[data-skin~="cards"] .dma-trust-item-a3655c67 { min-width: 160px; padding: 16px 22px; background: var(--dma-surface); border: 1px solid var(--dma-border); border-radius: var(--dma-radius-md); }
@media (max-width: 700px) {
	html[data-skin~="cards"] .dma-trust-inner-a3655c67 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	html[data-skin~="cards"] .dma-trust-item-a3655c67 { min-width: 0; padding: 14px 10px; }
	html[data-skin~="cards"] li.product.dma-card-a3655c67 { padding: 0 18px 18px !important; }
	html[data-skin~="cards"] .dma-card-img-a3655c67 { width: calc(100% + 36px) !important; margin: 0 -18px !important; }
}

/* Form fields */
html[data-skin~="cards"] .dma-woo-wrapper-c8a2b1f4 input:not([type="checkbox"]):not([type="radio"]),
html[data-skin~="cards"] .dma-woo-wrapper-c8a2b1f4 select,
html[data-skin~="cards"] .dma-woo-wrapper-c8a2b1f4 textarea,
html[data-skin~="cards"] .dma-woo-checkout-wrapper input:not([type="checkbox"]):not([type="radio"]),
html[data-skin~="cards"] .dma-woo-checkout-wrapper select,
html[data-skin~="cards"] .dma-woo-checkout-wrapper textarea { border-radius: var(--dma-radius-sm) !important; }

/* ========================================
   HERO BUTTONS: the three home-page buttons use the button system
   (primary / secondary / link, at the large size; see BUTTON SYSTEM at
   the end of this file). Only the layout and the layers animation live here.
   ======================================== */
.dma-header-actions-a3655c67 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
/* Layers icon: the three layers drop in and stack, once after the page
   loads and again on hover. assets/js/home.js adds .is-stacking and removes
   it when the animation ends, so the icon is never left blank. */
@keyframes dmaStack { 0% { transform: translateY(-7px); opacity: 0; } 70% { transform: translateY(1px); opacity: 1; } 100% { transform: none; opacity: 1; } }
.dma-hero-ico-layers { overflow: visible; }
.dma-hero-ico-layers .dma-layer { transform-box: fill-box; transform-origin: center; }
.dma-hero-build.is-stacking .dma-hero-ico-layers .dma-layer { animation: dmaStack .42s ease-out both; }
.dma-hero-build.is-stacking .dma-hero-ico-layers .dma-layer-2 { animation-delay: .1s; }
.dma-hero-build.is-stacking .dma-hero-ico-layers .dma-layer-1 { animation-delay: .2s; }
@media (prefers-reduced-motion: reduce) { .dma-hero-ico-layers .dma-layer { animation: none !important; } }
@media (max-width: 700px) {
	.dma-header-actions-a3655c67 { flex-direction: column; align-items: stretch; max-width: 320px; margin: 0 auto; gap: 10px; }
}

/* ========================================
   BUTTON HOVER: one rule for every button
   Hover = a red outline, no glow. Filled red buttons get a red ring just
   outside their edge; outlined/dark buttons turn their edge red. The menu
   links (Home / Shop / More) keep their underline.
   ======================================== */
/* Filled (red) buttons: a ring 2px outside the edge */
.dma-header-btn-primary-a3655c67,
.dma-btn-buynow-a3655c67,
.dma-cta-btn-a3655c67,
.dma-bundle-add-a3655c67,
.dma-bb-mobilebar-btn,
.dma-account-discord-btn,
.dma-mini-cart .woocommerce-mini-cart__buttons a.checkout,
.dma-mini-cart .dma-mini-cart-empty-btn,
.dma-cart-empty-btn.is-primary,
html[data-skin~="menu"] .dma-account-link,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #place_order, .woocommerce .checkout-button,
.dma-page-single .single_add_to_cart_button {
	outline: 2px solid transparent; outline-offset: 2px;
	transition: background .2s ease, border-color .2s ease, color .2s ease, outline-color .2s ease;
}
.dma-header-btn-primary-a3655c67:hover,
.dma-btn-buynow-a3655c67:hover,
.dma-cta-btn-a3655c67:hover,
.dma-bundle-add-a3655c67:not(:disabled):hover,
.dma-bb-mobilebar-btn:hover,
.dma-account-discord-btn:hover,
.dma-mini-cart .woocommerce-mini-cart__buttons a.checkout:hover,
.dma-mini-cart .dma-mini-cart-empty-btn:hover,
.dma-cart-empty-btn.is-primary:hover,
html[data-skin~="menu"] .dma-account-link:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #place_order:hover, .woocommerce .checkout-button:hover,
.dma-page-single .single_add_to_cart_button:hover {
	outline-color: var(--dma-accent) !important;
	box-shadow: none !important;
}
/* Outlined / dark buttons: the edge turns red */
.dma-header-btn-secondary-a3655c67:hover,
.dma-cta-btn-secondary-a3655c67:hover,
.dma-view-more-btn-a3655c67:hover,
.dma-cart-empty-btn:not(.is-primary):hover,
.dma-btn-cart-a3655c67:hover,
.dma-fit-add:not(.is-done):hover,
.dma-bb-clear:hover,
.dma-mini-cart .woocommerce-mini-cart__buttons a:not(.checkout):hover,
.woocommerce a.button:not(.alt):hover, .woocommerce button.button:not(.alt):hover, .woocommerce input.button:not(.alt):hover,
html[data-skin~="menu"] .dma-search-toggle:hover,
html[data-skin~="menu"] .dma-theme-toggle:hover,
html[data-skin~="menu"] .dma-cart-link:hover,
html[data-skin~="menu"] .dma-nav-toggle:hover,
.dma-faq-tab-a3655c67:hover,
.dma-quiz-option-a3655c67:hover,
.dma-filter-chip-84138301:hover {
	border-color: var(--dma-accent) !important;
	box-shadow: none !important;
}
/* Card "Add to Cart" keeps its dark fill on hover (no red flood) */
html[data-skin~="cards"] .dma-btn-cart-a3655c67:hover { background: rgba(239, 82, 78, .06) !important; color: var(--dma-heading) !important; }
.dma-btn-a3655c67:focus-visible,
.dma-header-btn-primary-a3655c67:focus-visible,
.dma-header-btn-secondary-a3655c67:focus-visible { outline: 2px solid var(--dma-accent); outline-offset: 2px; }

/* ========================================
   PREVIEW SWITCHER (only while previewing)
   ======================================== */
.dma-skin-switcher { display: none; }
html[data-skin-preview] .dma-skin-switcher {
	position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 9999;
	display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center;
	max-width: calc(100vw - 24px); padding: 8px 10px;
	background: rgba(17, 17, 22, .96); color: #e0e0e4;
	border: 1px solid #333339; border-radius: 14px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .5);
	font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.dma-skin-switcher .dma-skin-label { padding: 0 6px; color: #8a8a94; }
.dma-skin-switcher a {
	display: inline-block; flex: 0 0 auto; line-height: 1.2;
	padding: 7px 11px; border-radius: 9px; border: 1px solid #333339;
	color: #e0e0e4; text-decoration: none; white-space: nowrap;
}
.dma-skin-switcher a:hover { border-color: #EF524E; }
.dma-skin-switcher a.is-active { background: #EF524E; border-color: #EF524E; color: #fff; }
.dma-skin-switcher a.dma-skin-exit { color: #8a8a94; }
@media (max-width: 760px) {
	html[data-skin-preview] .dma-skin-switcher { flex-wrap: nowrap; bottom: 12px; padding: 6px; gap: 4px; }
	.dma-skin-switcher .dma-skin-label,
	.dma-skin-switcher .dma-skin-name { display: none; }
	.dma-skin-switcher a { padding: 8px 12px; }
}

/* Cart / checkout: sentence-case buttons like the rest of the site */
html[data-skin~="cards"] .dma-cart-empty-btn { text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 600; }
html[data-skin~="cards"] .dma-cart-empty-btn:not(.is-primary):hover { background: rgba(239, 82, 78, .06); color: var(--dma-heading); box-shadow: none; }
html[data-skin~="cards"] .dma-woo-wrapper-c8a2b1f4 .button,
html[data-skin~="cards"] #payment #place_order,
html[data-skin~="cards"] .dma-checkout-coupon-apply,
html[data-skin~="cards"] .dma-fw-step2-btn,
html[data-skin~="cards"] .dma-fw-ticket-btn,
html[data-skin~="cards"] .dma-fw-gate-btn,
html[data-skin~="cards"] .dma-vouch-btn {
	text-transform: none !important; letter-spacing: 0 !important; border-radius: var(--dma-radius-btn) !important;
}
html[data-skin~="cards"] #payment #place_order { font-size: 16px !important; font-weight: 700 !important; }
/* Cart and checkout headings: sentence case like the rest of the soft look */
html[data-skin~="soft"] .dma-checkout-title,
html[data-skin~="soft"] .dma-woo-checkout-wrapper #customer_details h3,
html[data-skin~="soft"] .dma-woo-checkout-wrapper #order_review_heading,
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .cart_totals h2 { text-transform: none; letter-spacing: -0.01em; }
html[data-skin~="soft"] .dma-woo-checkout-wrapper #ship-to-different-address label { text-transform: none; letter-spacing: 0; font-size: 15px; }
html[data-skin~="cards"] form.checkout_coupon button.button { text-transform: none; letter-spacing: 0; border-radius: var(--dma-radius-btn); }
/* 404 page */
.dma-404 .dma-header-a3655c67 { min-height: 56vh; display: flex; align-items: center; justify-content: center; }
.dma-404-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 26px; }
.dma-404-actions .dma-btn-a3655c67 { margin-top: 0; padding: 12px 22px; font-size: 14px; text-transform: none; letter-spacing: 0; border-radius: var(--dma-radius-btn, 10px); }
.dma-404-search { margin: 18px auto 0; max-width: 360px; }
.dma-404-search input[type="search"] { width: 100%; padding: 12px 14px; font: inherit; font-size: 14px; color: var(--dma-heading); background: var(--dma-surface); border: 1px solid var(--dma-border); border-radius: var(--dma-radius-btn, 10px); }
.dma-404-search input[type="search"]:focus { outline: none; border-color: var(--dma-accent); }
/* Guides (coming soon): same centred hero as the 404 page */
.dma-guides-soon .dma-header-a3655c67 { min-height: 56vh; display: flex; align-items: center; justify-content: center; }
.dma-quiz-result-note { margin: -10px auto 20px; max-width: 460px; font-size: 12.5px; line-height: 1.5; color: var(--dma-text-muted); }
.dma-quiz-result-note a { color: var(--dma-accent); text-decoration: underline; text-underline-offset: 2px; }
html[data-skin~="soft"] .dma-woo-checkout-wrapper #ship-to-different-address { border-bottom: 0; padding-bottom: 0; margin-bottom: 16px; }

/* Cart and checkout: compact top so "Proceed to checkout" shows without
   scrolling on a laptop screen; cart table and totals card line up. */
html[data-skin~="soft"] .dma-cart-container-c8a2b1f4 { padding-top: 28px; padding-bottom: 48px; }
html[data-skin~="soft"] .dma-checkout-container { padding-top: 28px; }
html[data-skin~="soft"] .dma-title-c8a2b1f4,
html[data-skin~="soft"] .dma-checkout-title { font-size: 28px; margin-bottom: 4px; }
html[data-skin~="soft"] .dma-hero-line-c8a2b1f4,
html[data-skin~="soft"] .dma-hero-line-checkout { margin-top: 14px; margin-bottom: 22px; }
/* The empty notices box (and WooCommerce's clearfix) were flex items with a
   gap after them, pushing the cart table right of the header. Notices, when
   there are any, take the full row above the two cards. */
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .woocommerce::before,
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .woocommerce::after,
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .woocommerce-notices-wrapper:empty { display: none !important; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .woocommerce-notices-wrapper { flex: 1 1 100%; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .woocommerce { gap: 28px; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .woocommerce-cart-form table.shop_table { margin-top: 0 !important; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .cart_totals { padding: 20px 22px !important; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .cart_totals h2 { font-size: 18px !important; margin: 0 0 6px !important; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .cart_totals tr th,
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .cart_totals tr td { padding: 10px 0 !important; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .cart_totals .woocommerce-shipping-destination { margin-top: 4px !important; font-size: 11.5px; line-height: 1.4; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .wc-proceed-to-checkout { padding-top: 14px !important; padding-bottom: 0 !important; }
html[data-skin~="soft"] .dma-woo-wrapper-c8a2b1f4 .wc-proceed-to-checkout .checkout-button { margin-bottom: 0 !important; }

/* ==========================================================================
   BUTTON SYSTEM: three styles, one look across the whole site
   - Primary   : filled red, white text. The main action of a section.
   - Secondary : no fill, neutral edge, heading-colour text. Edge turns red
                 on hover.
   - Link      : no box. Heading-colour text, red and underlined on hover.
   Sizes: default 44px, --sm 36px (table rows, small cards), --lg 50px
   (hero, bundle, place order). Sentence case, 600 weight, 8px gap to an
   icon. Icons come from cyberammo_icon(): 18px, outline, 1.8 stroke, the
   text colour, never boxed.
   The legacy class names below are mapped onto the same three styles so
   every existing button follows them.
   ========================================================================== */
.dma-button,
/* primary */
.dma-btn-buynow-a3655c67, .dma-header-btn-primary-a3655c67, .dma-cta-btn-a3655c67,
.dma-blog-cta-solid-e91c4a08, .dma-track-submit-a3655c67, .dma-bundle-add-a3655c67,
.dma-bb-mobilebar-btn, .dma-account-discord-btn, .dma-cart-empty-btn.is-primary,
.dma-discord-claim-submit-a3655c67, .dma-promo-cta-9f21c, .dma-fw-step2-btn, .dma-fw-gate-btn,
.woocommerce .checkout-button, .woocommerce #place_order, #payment #place_order,
.dma-page-single .single_add_to_cart_button,
.dma-mini-cart .woocommerce-mini-cart__buttons a.checkout, .dma-mini-cart .dma-mini-cart-empty-btn,
/* secondary */
.dma-btn-a3655c67, .dma-header-btn-secondary-a3655c67, .dma-view-more-btn-a3655c67,
.dma-cta-btn-secondary-a3655c67, .dma-cart-empty-btn, .dma-checkout-coupon-apply,
.dma-woo-wrapper-c8a2b1f4 .button, .woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button, .dma-fit-add, .dma-track-carrier-btn-a3655c67,
.dma-fw-ticket-btn, .dma-vouch-btn, .dma-discord-btn-a3655c67, .dma-apply-discord-btn-a3655c67,
.dma-mini-cart .woocommerce-mini-cart__buttons a:not(.checkout), .dma-mini-cart-clear-btn,
form.checkout_coupon button.button {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 0 20px !important; box-sizing: border-box;
	font-family: inherit; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important;
	text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important; white-space: nowrap;
	border-radius: var(--dma-radius-btn, 10px) !important; border: 1px solid transparent;
	box-shadow: none !important; cursor: pointer;
	outline: 2px solid transparent; outline-offset: 2px;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, outline-color .18s ease;
}
/* Primary */
.dma-button--primary,
.dma-btn-buynow-a3655c67, .dma-header-btn-primary-a3655c67, .dma-cta-btn-a3655c67,
.dma-blog-cta-solid-e91c4a08, .dma-track-submit-a3655c67, .dma-bundle-add-a3655c67,
.dma-bb-mobilebar-btn, .dma-account-discord-btn, .dma-cart-empty-btn.is-primary,
.dma-discord-claim-submit-a3655c67, .dma-promo-cta-9f21c, .dma-fw-step2-btn, .dma-fw-gate-btn,
.woocommerce .checkout-button, .woocommerce #place_order, #payment #place_order,
.dma-page-single .single_add_to_cart_button,
.dma-mini-cart .woocommerce-mini-cart__buttons a.checkout, .dma-mini-cart .dma-mini-cart-empty-btn {
	background: var(--dma-accent) !important; border-color: var(--dma-accent) !important; color: #fff !important;
}
.dma-button--primary:hover,
.dma-btn-buynow-a3655c67:hover, .dma-header-btn-primary-a3655c67:hover, .dma-cta-btn-a3655c67:hover,
.dma-blog-cta-solid-e91c4a08:hover, .dma-track-submit-a3655c67:hover, .dma-bundle-add-a3655c67:not(:disabled):hover,
.dma-bb-mobilebar-btn:hover, .dma-account-discord-btn:hover, .dma-cart-empty-btn.is-primary:hover,
.dma-discord-claim-submit-a3655c67:hover, .dma-promo-cta-9f21c:hover, .dma-fw-step2-btn:hover, .dma-fw-gate-btn:hover,
.woocommerce .checkout-button:hover, .woocommerce #place_order:hover, #payment #place_order:hover,
.dma-page-single .single_add_to_cart_button:hover,
.dma-mini-cart .woocommerce-mini-cart__buttons a.checkout:hover, .dma-mini-cart .dma-mini-cart-empty-btn:hover {
	background: #e0433f !important; border-color: #e0433f !important; color: #fff !important; outline-color: var(--dma-accent) !important;
}
/* Secondary */
.dma-button--secondary,
.dma-btn-a3655c67:not(.dma-btn-buynow-a3655c67):not(.dma-blog-cta-solid-e91c4a08):not(.dma-bundle-add-a3655c67),
.dma-header-btn-secondary-a3655c67, .dma-view-more-btn-a3655c67,
.dma-cta-btn-secondary-a3655c67, .dma-cart-empty-btn:not(.is-primary), .dma-checkout-coupon-apply,
.dma-woo-wrapper-c8a2b1f4 .button:not(.checkout-button):not(.alt), .woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button, .dma-fit-add, .dma-track-carrier-btn-a3655c67,
.dma-fw-ticket-btn, .dma-vouch-btn, .dma-discord-btn-a3655c67, .dma-apply-discord-btn-a3655c67,
.dma-mini-cart .woocommerce-mini-cart__buttons a:not(.checkout), .dma-mini-cart-clear-btn,
form.checkout_coupon button.button {
	background: transparent !important; border-color: var(--dma-border-hover) !important; color: var(--dma-heading) !important;
}
.dma-button--secondary:hover,
.dma-btn-a3655c67:not(.dma-btn-buynow-a3655c67):not(.dma-blog-cta-solid-e91c4a08):not(.dma-bundle-add-a3655c67):not(:disabled):hover,
.dma-header-btn-secondary-a3655c67:hover, .dma-view-more-btn-a3655c67:hover,
.dma-cta-btn-secondary-a3655c67:hover, .dma-cart-empty-btn:not(.is-primary):hover, .dma-checkout-coupon-apply:hover,
.dma-woo-wrapper-c8a2b1f4 .button:not(.checkout-button):not(.alt):not(:disabled):hover, .woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover, .dma-fit-add:not(.is-done):hover, .dma-track-carrier-btn-a3655c67:hover,
.dma-fw-ticket-btn:hover, .dma-vouch-btn:hover, .dma-discord-btn-a3655c67:hover, .dma-apply-discord-btn-a3655c67:hover,
.dma-mini-cart .woocommerce-mini-cart__buttons a:not(.checkout):hover, .dma-mini-cart-clear-btn:hover,
form.checkout_coupon button.button:hover {
	background: var(--dma-accent-dim) !important; border-color: var(--dma-accent) !important; color: var(--dma-heading) !important;
}
/* Link */
.dma-button--link, .dma-cta-link-a3655c67 {
	display: inline-flex; align-items: center; gap: 8px;
	background: transparent !important; border: 0 !important; padding: 0 4px !important; min-height: 0;
	font-weight: 600; text-transform: none; letter-spacing: 0;
	color: var(--dma-heading) !important; text-decoration: none !important;
	text-underline-offset: 4px; text-decoration-thickness: 1px;
}
.dma-button--link:hover, .dma-cta-link-a3655c67:hover { color: var(--dma-accent) !important; text-decoration: underline !important; outline-color: transparent !important; }
.dma-button--link.dma-button--lg { min-height: 50px; padding: 0 10px !important; }
/* Disabled */
.dma-button:disabled, .dma-btn-a3655c67:disabled, .dma-bundle-add-a3655c67:disabled,
.dma-woo-wrapper-c8a2b1f4 .button:disabled, .dma-woo-wrapper-c8a2b1f4 .button[disabled] { opacity: .45 !important; cursor: not-allowed; outline-color: transparent !important; }
/* Sizes */
.dma-button--lg, .dma-bundle-add-a3655c67, .woocommerce #place_order, #payment #place_order { min-height: 50px; padding: 0 24px !important; font-size: 15px !important; }
.dma-button--sm,
.woocommerce-MyAccount-content .woocommerce-orders-table .button,
.woocommerce-MyAccount-content .woocommerce-button.view,
.woocommerce-MyAccount-content .woocommerce-info .button, .woocommerce-MyAccount-content .woocommerce-message .button,
.dma-blog-cta-solid-e91c4a08:not(.dma-blog-article-cta-actions-e91c4a08 *) { min-height: 36px; padding: 0 14px !important; font-size: 13px !important; }
/* Keyboard focus: the same ring as hover */
.dma-button:focus-visible, .dma-btn-a3655c67:focus-visible, .dma-header-btn-primary-a3655c67:focus-visible,
.dma-header-btn-secondary-a3655c67:focus-visible, .dma-cta-btn-a3655c67:focus-visible { outline-color: var(--dma-accent) !important; }
/* Icons inside any button or link-button: one size, one stroke, text colour */
.dma-button svg, .dma-btn-a3655c67 svg, .dma-cta-link-a3655c67 svg, .dma-header-btn-primary-a3655c67 svg,
.dma-header-btn-secondary-a3655c67 svg, .dma-view-more-btn-a3655c67 svg, .dma-account-discord-btn svg {
	width: 18px !important; height: 18px !important; flex: 0 0 18px; margin: 0 !important; padding: 0 !important;
	background: none !important; border-radius: 0 !important; color: currentColor;
}
.dma-ico { display: inline-block; vertical-align: middle; }
.dma-ico-discord path, svg.dma-ico-discord path { fill: none !important; stroke: currentColor !important; }

/* Shop sort menu (cyberammo_shop_sort_menu): an icon button with the
   current order, opening a small list */
.dma-sort { position: relative; flex: 0 0 auto; }
.dma-sort > summary { list-style: none; }
.dma-sort > summary::-webkit-details-marker { display: none; }
.dma-sort-btn {
	display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; cursor: pointer; user-select: none;
	font-size: 13px; font-weight: 600; color: var(--dma-heading);
	background: var(--dma-surface); border: 1px solid var(--dma-border); border-radius: var(--dma-radius-btn, 10px);
	transition: border-color .15s ease, background .15s ease;
}
.dma-sort-btn:hover, .dma-sort[open] > .dma-sort-btn { border-color: var(--dma-accent); }
.dma-sort-btn:focus-visible { outline: 2px solid var(--dma-accent); outline-offset: 2px; }
.dma-sort-btn .dma-ico { width: 16px; height: 16px; color: var(--dma-text-muted); }
.dma-sort-menu {
	position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 210px; margin: 0; padding: 6px; list-style: none;
	background: var(--dma-surface); border: 1px solid var(--dma-border); border-radius: 12px; box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
}
.dma-sort-menu a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; border-radius: 8px; font-size: 13px; color: var(--dma-text); text-decoration: none; }
.dma-sort-menu a:hover { background: var(--dma-hover-tint); color: var(--dma-heading); }
.dma-sort-menu a.is-current { color: var(--dma-heading); font-weight: 600; }
.dma-sort-menu .dma-ico { width: 16px; height: 16px; color: var(--dma-accent); }
.dma-shop-toolbar-a3655c67 .dma-shop-count-a3655c67 { margin-left: auto; }
.dma-shop-filter-label-a3655c67 .dma-ico { width: 16px; height: 16px; }
@media (max-width: 640px) { .dma-sort-current { display: none; } .dma-sort-menu { right: auto; left: 0; } }
/* Add to cart feedback (assets/js/cart-actions.js) */
.dma-add-to-cart-84138301.is-added { border-color: rgba(95, 217, 122, .55) !important; color: #5fd97a !important; background: rgba(95, 217, 122, .08) !important; }
.dma-add-to-cart-84138301.is-view-cart { border-color: var(--dma-accent) !important; }

/* Quantity stepper (assets/js/qty-stepper.js): one rounded box with − / +
   buttons either side of the number, 44px tall like the buttons next to it */
.quantity.dma-qty {
	display: inline-flex !important; align-items: stretch; height: 44px; margin: 0;
	background: var(--dma-bg); border: 1px solid var(--dma-border-hover); border-radius: var(--dma-radius-btn, 10px); overflow: hidden;
	transition: border-color .15s ease;
}
.quantity.dma-qty:focus-within { border-color: var(--dma-accent); }
.quantity.dma-qty input.qty {
	width: 46px !important; min-width: 0; height: auto !important; margin: 0 !important; padding: 0 !important;
	border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
	text-align: center; font: 600 15px/1 var(--dma-font) !important; color: var(--dma-heading) !important;
	-moz-appearance: textfield; appearance: textfield;
}
.quantity.dma-qty input.qty::-webkit-outer-spin-button,
.quantity.dma-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.quantity.dma-qty input.qty:focus { outline: none; }
.dma-qty-btn {
	flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; cursor: pointer;
	background: transparent; border: 0; color: var(--dma-text); transition: background .15s ease, color .15s ease;
}
.dma-qty-minus { border-right: 1px solid var(--dma-border); }
.dma-qty-plus { border-left: 1px solid var(--dma-border); }
.dma-qty-btn:hover:not(:disabled) { background: var(--dma-accent-dim); color: var(--dma-accent); }
.dma-qty-btn:focus-visible { outline: 2px solid var(--dma-accent); outline-offset: -2px; }
.dma-qty-btn:disabled { opacity: .35; cursor: default; }
.dma-woo-wrapper-c8a2b1f4 .quantity.dma-qty { height: 40px; }
.dma-woo-wrapper-c8a2b1f4 .quantity.dma-qty input.qty { width: 40px !important; }
.dma-woo-wrapper-c8a2b1f4 .dma-qty-btn { flex-basis: 34px; }

/* Back-in-stock form on the product page: the email field matches the
   button beside it (the product cards keep their original compact form) */
.dma-page-single .summary .dma-restock-form-a3655c67 { gap: 8px; align-items: stretch; }
.dma-page-single .summary .dma-restock-email-a3655c67 {
	min-height: 44px; padding: 0 14px !important; font-size: 14px !important;
	border: 1px solid var(--dma-border-hover) !important; border-radius: var(--dma-radius-btn, 10px) !important;
}
.dma-page-single .summary .dma-restock-email-a3655c67:focus { outline: none; border-color: var(--dma-accent) !important; }
.dma-page-single .summary .dma-restock-form-a3655c67 { width: 100%; max-width: 460px; display: flex; }
.dma-page-single .summary .dma-restock-email-a3655c67 { flex: 1 1 240px !important; background: var(--dma-bg) !important; color: var(--dma-heading) !important; box-shadow: none !important; }
/* Stepper never squeezes the number (Safari shrank the field to a sliver) */
.quantity.dma-qty { flex: 0 0 auto !important; width: auto !important; }
.quantity.dma-qty input.qty { flex: 0 0 46px !important; max-width: none !important; }
.dma-woo-wrapper-c8a2b1f4 .quantity.dma-qty input.qty { flex-basis: 40px !important; }
/* From the retired Elementor snippet "CA product image frames": card photos
   keep the 10:7 frame and are never cropped */
.dma-card-img-a3655c67 { aspect-ratio: 10 / 7 !important; object-fit: contain !important; }
/* Stepper: never clip the "+" (Safari / narrow cart cells shrank the box) */
.quantity.dma-qty { min-width: max-content !important; max-width: none !important; overflow: visible !important; flex-wrap: nowrap !important; }
.quantity.dma-qty .dma-qty-btn { flex-shrink: 0 !important; min-width: 34px; width: 34px; }
.quantity.dma-qty .dma-qty-minus { border-radius: var(--dma-radius-btn, 10px) 0 0 var(--dma-radius-btn, 10px); }
.quantity.dma-qty .dma-qty-plus { border-radius: 0 var(--dma-radius-btn, 10px) var(--dma-radius-btn, 10px) 0; }
.quantity.dma-qty input.qty { flex-shrink: 0 !important; }
.dma-page-single .quantity.dma-qty .dma-qty-btn { width: 38px; min-width: 38px; }
.woocommerce-cart-form td.product-quantity { min-width: 120px; white-space: nowrap; }

/* ------------------------------------------------------------------ *
 *  Highlighted dropdown (cyberammo_dropdown() in inc/woo-helpers.php):
 *  the standard way to show extra info anywhere on the site.
 * ------------------------------------------------------------------ */
.dma-drop {
	margin: 0 0 12px; overflow: hidden;
	background: var(--dma-surface); border: 1px solid var(--dma-border); border-left: 3px solid var(--dma-accent);
	border-radius: var(--dma-radius-md, 10px); transition: border-color .2s ease, background .2s ease;
}
.dma-drop:hover, .dma-drop[open] { border-color: var(--dma-border-hover); border-left-color: var(--dma-accent); }
.dma-drop-head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; list-style: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.dma-drop-head::-webkit-details-marker { display: none; }
.dma-drop-head::marker { content: ''; }
.dma-drop-icon { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: var(--dma-accent-dim); color: var(--dma-accent); }
.dma-drop-icon svg { width: 18px; height: 18px; }
.dma-drop-title { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 700; color: var(--dma-heading); line-height: 1.35; }
.dma-drop-chev {
	flex: 0 0 auto; width: 9px; height: 9px; margin: 0 4px 4px;
	border-right: 2px solid var(--dma-text-muted); border-bottom: 2px solid var(--dma-text-muted);
	transform: rotate(45deg); transition: transform .2s ease, border-color .2s ease;
}
.dma-drop[open] .dma-drop-chev { transform: rotate(225deg); margin: 4px 4px 0; }
.dma-drop-head:hover .dma-drop-chev { border-color: var(--dma-accent); }
.dma-drop-head:focus-visible { outline: 2px solid var(--dma-accent); outline-offset: -2px; }
.dma-drop-body { padding: 4px 18px 18px 60px; border-top: 1px solid var(--dma-border); color: var(--dma-text); font-size: 14px; line-height: 1.7; }
.dma-drop-body > :first-child { margin-top: 14px; }
.dma-drop-body > :last-child { margin-bottom: 0; }
.dma-drop[open] .dma-drop-body { animation: dmaDropIn .22s ease-out; }
@keyframes dmaDropIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .dma-drop[open] .dma-drop-body { animation: none; } }
@media (max-width: 560px) { .dma-drop-body { padding: 2px 16px 16px; } }
.dma-drop-body table.shop_attributes { margin: 10px 0 0; }
.dma-drop-body table.shop_attributes th { width: 40% !important; }

/* Product page info: description in full, then the dropdowns */
.dma-page-single .dma-product-info { grid-column: 1 / -1; margin-top: 48px; max-width: 860px; }
.dma-product-section-title { margin: 0 0 16px; font-size: 20px; font-weight: 800; color: var(--dma-heading); }
.dma-product-desc { margin-bottom: 28px; color: var(--dma-text); font-size: 14.5px; line-height: 1.7; }
.dma-product-desc .dma-drop { margin: 18px 0; }

/* Phone/tablet product page: one column, nothing wider than the screen */
@media (max-width: 900px) {
	.dma-page-single .product > * { grid-column: 1 !important; min-width: 0; max-width: 100%; }
	.dma-page-single .product::before, .dma-page-single .product::after { display: none !important; }
	.dma-page-single .product > .woocommerce-product-gallery { grid-row: 1; justify-self: center; width: 100% !important; max-width: 520px; }
	.dma-page-single .product > .summary { grid-row: 2; margin-top: 20px !important; }
	.dma-page-single .product > .dma-compat-checker-a3655c67 { grid-row: 3; }
	.dma-page-single .woocommerce-product-gallery img { margin-left: auto !important; margin-right: auto !important; }
	.dma-page-single .woocommerce-product-gallery .flex-control-thumbs { justify-content: center; }
	.dma-page-single .dma-product-info { margin-top: 32px; }
	.dma-page-single .summary form.cart,
	.dma-page-single .summary .variations,
	.dma-page-single .summary .variations select { max-width: 100%; }
	.dma-page-single .dma-container { padding-left: 16px !important; padding-right: 16px !important; overflow-x: clip; }
}

/* ------------------------------------------------------------------ *
 *  Phone/tablet buy area (product page only, ≤900px; desktop untouched):
 *  one full-width row - quantity stepper + a large Add to cart button.
 * ------------------------------------------------------------------ */
@media (max-width: 900px) {
	.dma-page-single .summary form.cart:not(.variations_form),
	.dma-page-single .summary .woocommerce-variation-add-to-cart {
		display: flex !important; flex-wrap: nowrap; align-items: stretch; gap: 10px;
		width: 100%; margin: 18px 0 0 !important; padding: 0 !important;
	}
	.dma-page-single .summary form.cart::before,
	.dma-page-single .summary form.cart::after,
	.dma-page-single .summary .woocommerce-variation-add-to-cart::before,
	.dma-page-single .summary .woocommerce-variation-add-to-cart::after { display: none !important; }
	.dma-page-single .summary .single_variation_wrap { width: 100%; margin: 0 !important; padding: 0 !important; }

	/* Stepper: same height as the button, calmer frame */
	.dma-page-single .summary .quantity.dma-qty {
		height: 54px !important; margin: 0 !important; flex: 0 0 auto !important;
		border-radius: 12px; border-color: var(--dma-border-hover); background: var(--dma-surface);
	}
	.dma-page-single .summary .quantity.dma-qty .dma-qty-btn { width: 42px; min-width: 42px; flex: 0 0 42px !important; color: var(--dma-heading); }
	.dma-page-single .summary .quantity.dma-qty .dma-qty-minus { border-radius: 12px 0 0 12px; }
	.dma-page-single .summary .quantity.dma-qty .dma-qty-plus { border-radius: 0 12px 12px 0; }
	.dma-page-single .summary .quantity.dma-qty input.qty { flex: 0 0 40px !important; width: 40px !important; font-size: 16px !important; }

	/* Add to cart: fills the rest of the row */
	.dma-page-single .summary .single_add_to_cart_button {
		flex: 1 1 auto !important; width: auto !important; min-width: 0; height: 54px !important; min-height: 54px;
		margin: 0 !important; padding: 0 18px !important; border-radius: 12px !important;
		display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
		font-size: 16px !important; font-weight: 700 !important; letter-spacing: .01em; line-height: 1 !important;
		box-shadow: 0 8px 22px -10px var(--dma-accent); transition: transform .12s ease, box-shadow .2s ease, background .2s ease;
	}
	.dma-page-single .summary .single_add_to_cart_button::before {
		content: ''; flex: 0 0 auto; width: 19px; height: 19px; background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 13H5L6 7z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l1 13H5L6 7z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	.dma-page-single .summary .single_add_to_cart_button:active { transform: scale(.98); }
	.dma-page-single .summary .single_add_to_cart_button.disabled,
	.dma-page-single .summary .single_add_to_cart_button:disabled { box-shadow: none; opacity: .55; }

	/* Option picker: same height and corners as the buy row */
	.dma-page-single .summary table.variations { width: 100%; margin: 0 0 6px !important; }
	.dma-page-single .summary table.variations select { height: 54px !important; min-height: 54px; border-radius: 12px !important; font-size: 16px !important; }
	.dma-page-single .summary .woocommerce-variation-price .price { margin: 10px 0 0; }
}
@media (max-width: 360px) {
	.dma-page-single .summary .quantity.dma-qty .dma-qty-btn { width: 36px; min-width: 36px; flex-basis: 36px !important; }
	.dma-page-single .summary .single_add_to_cart_button { font-size: 15px !important; padding: 0 12px !important; }
}

/* ------------------------------------------------------------------ *
 *  "Which slot do I have?" guide (template-slot-guide.php)
 * ------------------------------------------------------------------ */
.dma-slot-guide .dma-header-a3655c67 { padding-bottom: 8px; }
.dma-slot-guide-body { position: relative; z-index: 1; max-width: 980px; margin: 0 auto; padding: 8px 24px 88px; display: flex; flex-direction: column; gap: 18px; }
.dma-slot-guide-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 10px; }
.dma-slot-guide-jump a { padding: 8px 14px; border: 1px solid var(--dma-border); border-radius: 999px; background: var(--dma-surface); color: var(--dma-text) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; transition: border-color .15s ease, color .15s ease; }
.dma-slot-guide-jump a:hover { border-color: var(--dma-accent); color: var(--dma-heading) !important; }
.dma-slot-step {
	display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.05fr); gap: 22px; align-items: start;
	padding: 24px; background: var(--dma-surface); border: 1px solid var(--dma-border); border-radius: 16px; scroll-margin-top: 96px;
}
.dma-slot-step-num { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--dma-accent-dim); color: var(--dma-accent); font-weight: 800; font-size: 16px; }
.dma-slot-step-text h2 { margin: 4px 0 10px; color: var(--dma-heading); font-size: 20px; font-weight: 800; }
.dma-slot-step-text p, .dma-slot-step-text li { color: var(--dma-text); font-size: 14.5px; line-height: 1.65; }
.dma-slot-step-text p { margin: 0 0 10px; }
.dma-slot-step-text ul { margin: 0 0 12px; padding-left: 18px; }
.dma-slot-step-text li { margin: 4px 0; }
.dma-slot-step-text li::marker { color: var(--dma-accent); }
.dma-slot-fit { margin-top: 6px !important; color: var(--dma-text-muted) !important; font-size: 13.5px !important; }
.dma-slot-fit a, .dma-slot-guide .dma-drop-body a { color: var(--dma-accent); font-weight: 600; }
.dma-guide-photo { margin: 0; overflow: hidden; border-radius: 12px; border: 1px solid var(--dma-border); background: var(--dma-bg); aspect-ratio: 16 / 10; }
.dma-guide-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dma-guide-photo.is-empty { display: flex; align-items: center; justify-content: center; border-style: dashed; background: repeating-linear-gradient(135deg, transparent 0 12px, rgba(255, 255, 255, .02) 12px 24px), var(--dma-bg); }
.dma-guide-photo.is-empty span { color: var(--dma-text-muted); font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.dma-slot-guide .dma-drop-body .dma-guide-photo { max-width: 520px; margin: 12px 0; }
.dma-slot-guide .dma-drop { margin: 0; }
.dma-slot-guide-cta { margin-top: 10px; padding: 26px 24px; text-align: center; background: var(--dma-surface); border: 1px solid var(--dma-border); border-radius: 16px; }
.dma-slot-guide-cta p { margin: 0 0 16px; color: var(--dma-heading); font-size: 16px; font-weight: 600; }
.dma-slot-guide-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
@media (max-width: 820px) {
	.dma-slot-step { grid-template-columns: auto minmax(0, 1fr); padding: 20px 18px; gap: 14px 16px; }
	.dma-slot-step .dma-guide-photo { grid-column: 1 / -1; }
	.dma-slot-guide-body { padding: 4px 16px 64px; }
}

/* Very small phones (≤360px, e.g. iPhone SE): header buttons a bit smaller so
   the menu button keeps its full size and spacing at the right edge. */
@media (max-width: 360px) {
	html[data-skin~="menu"] .dma-site-header-inner { gap: 6px; padding-left: 12px !important; padding-right: 12px !important; }
	html[data-skin~="menu"] .dma-header-actions { gap: 6px; }
	html[data-skin~="menu"] .dma-logo { flex: 0 1 auto; min-width: 0; }
	html[data-skin~="menu"] .dma-logo img,
	html[data-skin~="menu"] .dma-logo .custom-logo { max-width: 112px; height: auto; }
	html[data-skin~="menu"] .dma-search-toggle,
	html[data-skin~="menu"] .dma-cart-link,
	html[data-skin~="menu"] .dma-nav-toggle,
	html[data-skin~="menu"] .dma-account-link { width: 34px !important; height: 34px; flex: 0 0 34px; }
}

/* Checkout on small phones: order box uses the width, coupon field and
   button stack instead of squeezing the field to a few letters. */
@media (max-width: 420px) {
	.dma-woo-checkout-wrapper .woocommerce-checkout-review-order,
	.woocommerce-checkout .woocommerce-checkout-review-order { padding: 20px 16px !important; }
	.dma-checkout-coupon-row { flex-wrap: wrap !important; gap: 8px !important; }
	.dma-checkout-coupon-row .dma-checkout-coupon-input,
	.dma-checkout-coupon-row .dma-checkout-coupon-apply { flex: 1 1 100% !important; width: 100% !important; min-height: 44px; }
	.woocommerce-checkout #payment ul.payment_methods li { width: 100%; box-sizing: border-box; }
}

/* Form fields never wider than their box on small phones (browsers give
   inputs a default minimum width, which pushed them past the card edge). */
.dma-apply-row-a3655c67, .dma-apply-field-a3655c67, .dma-track-field-a3655c67 { min-width: 0; max-width: 100%; }
.dma-apply-field-a3655c67 input, .dma-apply-field-a3655c67 select, .dma-apply-field-a3655c67 textarea { width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 560px) {
	.dma-apply-row-a3655c67 { flex-direction: column; }
	/* Back-in-stock form on the product page: email on its own line, button under it */
	.dma-page-single .summary .dma-restock-form-a3655c67 { flex-wrap: wrap !important; }
	.dma-page-single .summary .dma-restock-form-a3655c67 input { flex: 1 1 100% !important; width: 100% !important; min-width: 0; }
	.dma-page-single .summary .dma-restock-form-a3655c67 .dma-restock-submit-a3655c67 { flex: 1 1 100% !important; width: 100% !important; justify-content: center; }
}

/* Language button: same small box as search / theme / cart */
html[data-skin~="menu"] .dma-lang-toggle {
	height: 38px; padding: 0 10px; border-radius: var(--dma-radius-sm);
	background: var(--dma-surface);
}
html[data-skin~="menu"] .dma-lang-toggle:hover,
html[data-skin~="menu"] .dma-lang-wrap.is-open .dma-lang-toggle { background: var(--dma-surface-hover); }
html[data-skin~="menu"] .dma-lang-menu { border-radius: var(--dma-radius-md); }