/* ==========================================================================
   Anova Market — main stylesheet
   ========================================================================== */

:root {
	--anm-primary: #4f46e5;
	--anm-accent: #ff5a1f;
	--anm-dark: #0f172a;
	--anm-text: #1e293b;
	--anm-muted: #64748b;
	--anm-line: #e6e8ef;
	--anm-bg: #f4f5f9;
	--anm-card: #ffffff;
	--anm-soft: color-mix(in srgb, var(--anm-primary) 8%, #fff);
	--anm-radius: 14px;
	--anm-radius-lg: 22px;
	--anm-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .06);
	--anm-shadow-lg: 0 18px 40px rgba(15, 23, 42, .12);
	--anm-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--anm-font-head: var(--anm-font);
	--anm-w: 1320px;
	--anm-success: #10b981;
	--anm-rating: var(--anm-rating);
	--anm-fs: 15px;
	--anm-lh: 1.6;
	--anm-fw: 400;
	--anm-hw: 700;
	--anm-hls: -.01em;
	--anm-h1: 42px;
	--anm-h2: 28px;
	--anm-h3: 21px;
	--anm-card-title: 15px;
	--anm-menu-fs: 14px;
	--anm-menu-fw: 600;
	--anm-menu-tt: none;
	--anm-btn-fs: 14px;
	--anm-btn-fw: 600;
	--anm-btn-tt: none;
	--anm-btn-radius: 999px;
	--anm-input-radius: 12px;
	--anm-gap: 18px;
	--anm-img-ratio: 4 / 3;
	--anm-img-fit: cover;
	--anm-header-h: 84px;
	--anm-logo-h: 48px;
	--anm-drawer-w: 380px;
	--anm-ease: cubic-bezier(.2, .8, .2, 1);
}

/* Reset ----------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--anm-font);
	font-size: var(--anm-fs);
	font-weight: var(--anm-fw);
	line-height: var(--anm-lh);
	color: var(--anm-text);
	background: var(--anm-bg);
	-webkit-font-smoothing: antialiased;
}
img, svg, video { max-width: 100%; height: auto; vertical-align: middle; }
a { color: var(--anm-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--anm-dark); }
h1, h2, h3, h4, h5, h6 { font-family: var(--anm-font-head); color: var(--anm-dark); line-height: 1.25; margin: 0 0 .6em; font-weight: var(--anm-hw); letter-spacing: var(--anm-hls); }
p { margin: 0 0 1em; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
ul { padding-left: 1.2em; }
:focus-visible { outline: 2px solid var(--anm-primary); outline-offset: 2px; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus {
	clip: auto; clip-path: none; height: auto; width: auto; z-index: 100000;
	top: 8px; left: 8px; padding: 10px 16px; background: #fff; border-radius: 8px;
}

.anm-container { width: 100%; max-width: var(--anm-w); margin: 0 auto; padding: 0 20px; }
.anm-narrow { max-width: 860px; }
.anm-center { text-align: center; margin-top: 28px; }
.anm-empty { color: var(--anm-muted); padding: 24px; background: var(--anm-card); border-radius: var(--anm-radius); text-align: center; }
/* Layout situs: full / boxed / custom */
.anm-layout-full { --anm-w: 100%; }
.anm-layout-full .anm-container { padding-left: var(--anm-full-pad, 32px); padding-right: var(--anm-full-pad, 32px); }
.anm-layout-boxed { background: var(--anm-box-outer, #dfe3ec); }
.anm-layout-boxed .anm-site { max-width: var(--anm-box-w, 1320px); margin: var(--anm-box-margin, 24px) auto; background: var(--anm-bg); border-radius: var(--anm-box-radius, 20px); box-shadow: var(--anm-shadow-lg); overflow: clip; }
.anm-layout-boxed .anm-container { max-width: 100%; padding-left: 28px; padding-right: 28px; }
@media (max-width: 782px) {
	.anm-layout-full .anm-container { padding-left: 16px; padding-right: 16px; }
	.anm-layout-boxed .anm-site { margin: 0; border-radius: 0; }
	.anm-layout-boxed .anm-container { padding-left: 16px; padding-right: 16px; }
}

.anm-ico { flex-shrink: 0; }

/* Buttons --------------------------------------------------------------- */
.anm-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 12px 22px; border: 0; border-radius: var(--anm-btn-radius);
	background: var(--anm-primary); color: #fff; font-weight: var(--anm-btn-fw); font-size: var(--anm-btn-fs); text-transform: var(--anm-btn-tt); line-height: 1.2;
	transition: transform .2s var(--anm-ease), box-shadow .2s, background .2s;
	text-decoration: none;
}
.anm-btn:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	color: #fff; background: var(--anm-dark); transform: translateY(-1px);
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--anm-accent); color: #fff; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--anm-dark); }
.anm-btn--sm { padding: 9px 16px; font-size: calc(var(--anm-btn-fs) - 1px); }
.anm-btn--block { width: 100%; }
.anm-btn--accent { background: var(--anm-accent); }
.anm-btn--light { background: #fff; color: var(--anm-dark); }
.anm-btn--light:hover { background: var(--anm-dark); color: #fff; }
.anm-btn--ghost { background: transparent; color: var(--anm-dark); box-shadow: inset 0 0 0 1.5px var(--anm-line); }
.anm-btn--ghost:hover { background: var(--anm-dark); color: #fff; box-shadow: none; }
.anm-icon-btn { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 0; background: transparent; border-radius: 12px; color: var(--anm-dark); }
.anm-icon-btn:hover { background: var(--anm-bg); }

.anm-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.18); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.anm-pill--light { background: rgba(255,255,255,.15); }

/* Top bar --------------------------------------------------------------- */
.anm-topbar { background: var(--anm-topbar-bg, var(--anm-dark)); color: var(--anm-topbar-text, #cbd5e1); font-size: 13px; }
.anm-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 40px; }
.anm-topbar__info { display: flex; gap: 18px; }
.anm-topbar__info span, .anm-topbar__info a { display: inline-flex; align-items: center; gap: 6px; color: inherit; opacity: .85; }
.anm-topbar__info a:hover { opacity: 1; }
.anm-topbar__promo { margin: 0; display: inline-flex; align-items: center; gap: 6px; color: var(--anm-topbar-text, #fff); font-weight: 600; }
.anm-topbar__promo .anm-ico { color: var(--anm-accent); }
.anm-topbar__menu { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.anm-topbar__menu a { color: inherit; opacity: .85; }
.anm-topbar__menu a:hover { opacity: 1; }

/* Header ---------------------------------------------------------------- */
.anm-header { background: var(--anm-header-bg, #fff); color: var(--anm-header-text, var(--anm-dark)); position: relative; z-index: 50; box-shadow: 0 1px 0 var(--anm-line); }
.anm-header--dark { background: var(--anm-header-bg, var(--anm-dark)); color: var(--anm-header-text, #fff); box-shadow: none; }
.anm-header--primary { background: var(--anm-header-bg, var(--anm-primary)); color: var(--anm-header-text, #fff); box-shadow: none; }
.anm-header--dark .anm-search, .anm-header--primary .anm-search { background: #fff; color: var(--anm-text); }
.anm-header--dark .anm-logo-text, .anm-header--primary .anm-logo-text { color: inherit; }
.anm-header--dark .anm-tool:hover, .anm-header--primary .anm-tool:hover,
.anm-header--dark .anm-menu > li > a:hover, .anm-header--primary .anm-menu > li > a:hover { background: rgba(255,255,255,.1); color: inherit; }
.anm-header--dark .anm-tool__txt small, .anm-header--primary .anm-tool__txt small { color: inherit; opacity: .7; }
.anm-header--primary .anm-allcats__btn { background: var(--anm-dark); }
.anm-header--dark .anm-icon-btn, .anm-header--primary .anm-icon-btn { color: inherit; }
.anm-sticky .anm-header { position: sticky; top: 0; }
.admin-bar.anm-sticky .anm-header { top: 32px; }
.anm-header__in { display: flex; align-items: center; gap: 28px; min-height: var(--anm-header-h); }
.anm-brand { flex-shrink: 0; }
.anm-brand .custom-logo, .anm-footer__logo { max-height: var(--anm-logo-h); width: auto; }
.anm-logo-text { display: inline-flex; align-items: center; gap: 10px; font-family: var(--anm-font-head); font-size: 22px; font-weight: 800; color: var(--anm-dark); letter-spacing: -.02em; }
.anm-header .anm-logo-text { color: inherit; }
.anm-logo-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, var(--anm-primary), var(--anm-accent)); color: #fff; font-size: 20px; }
.anm-burger { display: none; }

.anm-header__search { flex: 1; max-width: 680px; }
.anm-search { position: relative; display: flex; align-items: stretch; background: var(--anm-bg); border: 1.5px solid transparent; border-radius: 999px; transition: border-color .2s, background .2s; }
.anm-search:focus-within { border-color: var(--anm-primary); background: #fff; }
.anm-search__cat { border: 0; background: transparent; padding: 0 12px 0 20px; max-width: 170px; font-size: 13px; font-weight: 600; color: var(--anm-text); border-right: 1px solid var(--anm-line); outline: none; cursor: pointer; }
.anm-search__input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 13px 16px; outline: none; }
.anm-search__btn { margin: 4px; width: 44px; border: 0; border-radius: 999px; background: var(--anm-primary); color: #fff; display: grid; place-items: center; }
.anm-search__btn:hover { background: var(--anm-dark); }
.anm-search__results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: #fff; border-radius: var(--anm-radius); box-shadow: var(--anm-shadow-lg); padding: 8px; z-index: 60; max-height: 420px; overflow: auto; }
.anm-sr { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 10px; color: var(--anm-text); }
.anm-sr:hover { background: var(--anm-bg); color: var(--anm-text); }
.anm-sr img, .anm-sr__ph { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; background: var(--anm-bg); flex-shrink: 0; }
.anm-sr__t { flex: 1; font-size: 14px; font-weight: 600; line-height: 1.3; }
.anm-sr__p { font-size: 13px; color: var(--anm-primary); font-weight: 700; }
.anm-sr-all { display: block; text-align: center; padding: 10px; font-size: 13px; font-weight: 700; }
.anm-sr-empty { padding: 14px; text-align: center; color: var(--anm-muted); font-size: 14px; margin: 0; }

.anm-header__tools { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.anm-tool { display: inline-flex; align-items: center; gap: 10px; padding: 8px 10px; border: 0; background: transparent; border-radius: 12px; color: inherit; text-align: left; }
.anm-tool:hover { background: var(--anm-bg); color: inherit; }
.anm-tool--search { display: none; }
.anm-tool__ico { position: relative; display: inline-grid; place-items: center; }
.anm-tool__txt { display: flex; flex-direction: column; line-height: 1.2; }
.anm-tool__txt small { font-size: 12px; color: var(--anm-muted); }
.anm-tool__txt strong { font-size: 14px; }
.anm-count { position: absolute; top: -7px; right: -9px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--anm-accent); color: #fff; font-size: 11px; font-style: normal; font-weight: 700; line-height: 18px; text-align: center; }

.anm-header__nav { border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); background: var(--anm-nav-bg, transparent); }
.anm-header__nav-in { display: flex; align-items: center; gap: 24px; min-height: 56px; }
.anm-allcats { position: relative; }
.anm-allcats__btn { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--anm-primary); color: #fff; font-weight: 700; font-size: 14px; }
.anm-allcats__btn .anm-ico-chevdown { transition: transform .2s; }
.anm-allcats.is-open .anm-allcats__btn .anm-ico-chevdown { transform: rotate(180deg); }
.anm-allcats__panel { position: absolute; top: calc(100% + 8px); left: 0; width: 280px; background: #fff; border-radius: var(--anm-radius); box-shadow: var(--anm-shadow-lg); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s var(--anm-ease); z-index: 70; }
.anm-allcats.is-open .anm-allcats__panel { opacity: 1; visibility: visible; transform: none; }

.anm-vcats, .anm-vcats .sub-menu { list-style: none; margin: 0; padding: 0; }
.anm-vcats > li { position: relative; }
.anm-vcats a { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 10px; color: var(--anm-text); font-weight: 500; font-size: 14px; }
.anm-vcats a:hover { background: var(--anm-soft); color: var(--anm-primary); }
.anm-vcats > li.menu-item-has-children > a::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-top: 1.8px solid currentColor; transform: rotate(45deg); opacity: .5; }
.anm-allcats .anm-vcats > li > .sub-menu { position: absolute; left: 100%; top: -8px; width: 240px; margin-left: 8px; background: #fff; padding: 8px; border-radius: var(--anm-radius); box-shadow: var(--anm-shadow-lg); opacity: 0; visibility: hidden; transform: translateX(6px); transition: .2s; }
.anm-allcats .anm-vcats > li:hover > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.anm-cat-img { width: 28px; height: 28px; border-radius: 8px; object-fit: cover; }
.anm-cat-img--ph { display: inline-grid; place-items: center; background: var(--anm-soft); color: var(--anm-primary); font-weight: 800; font-size: 13px; border-radius: 50%; }

.anm-primary { flex: 1; }
.anm-menu, .anm-menu .sub-menu { list-style: none; margin: 0; padding: 0; }
.anm-menu { display: flex; gap: 4px; }
.anm-menu > li { position: relative; }
.anm-menu > li > a { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 10px; color: inherit; font-weight: var(--anm-menu-fw); font-size: var(--anm-menu-fs); text-transform: var(--anm-menu-tt); }
.anm-menu > li > a:hover, .anm-menu > .current-menu-item > a { color: var(--anm-primary); background: var(--anm-soft); }
.anm-menu > .menu-item-has-children > a::after { content: ""; width: 6px; height: 6px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .6; }
.anm-menu .sub-menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 220px; background: #fff; padding: 8px; border-radius: var(--anm-radius); box-shadow: var(--anm-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s var(--anm-ease); z-index: 70; }
.anm-menu li:hover > .sub-menu, .anm-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.anm-menu .sub-menu .sub-menu { top: -8px; left: 100%; margin-left: 8px; }
.anm-menu .sub-menu a { display: block; padding: 8px 12px; border-radius: 8px; color: var(--anm-text); font-size: 14px; }
.anm-menu .sub-menu a:hover { background: var(--anm-soft); color: var(--anm-primary); }
/* Mega menu: beri class "anm-mega" pada item menu induk */
.anm-menu > li.anm-mega { position: static; }
.anm-menu > li.anm-mega > .sub-menu { left: 20px; right: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 24px; padding: 24px; }
.anm-menu > li.anm-mega > .sub-menu > li > a { font-weight: 700; color: var(--anm-dark); }
.anm-menu > li.anm-mega > .sub-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding: 0; margin: 0; min-width: 0; }
.anm-header__nav-in { position: relative; }
.anm-header__cta { margin-left: auto; }

/* Content shell --------------------------------------------------------- */
.anm-content { min-height: 50vh; }
.anm-page-top { padding: 28px 0 8px; }
.anm-page-top--post { padding-top: 48px; }
.anm-page-title { font-size: clamp(26px, 3vw, calc(var(--anm-h1) * .9)); margin: 6px 0 8px; }
.anm-page-title span { color: var(--anm-primary); }
.anm-page-desc { color: var(--anm-muted); }
.anm-breadcrumb, .woocommerce-breadcrumb { font-size: 13px; color: var(--anm-muted); margin: 0; }
.anm-breadcrumb a, .woocommerce-breadcrumb a { color: var(--anm-muted); }
.anm-breadcrumb a:hover { color: var(--anm-primary); }
.anm-bc-sep { margin: 0 8px; opacity: .5; }
.anm-layout { padding-top: 20px; padding-bottom: 64px; }
.anm-layout--side { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; }
.anm-layout--side-right { grid-template-columns: minmax(0, 1fr) 320px; }
.anm-sidebar .widget { background: #fff; border-radius: var(--anm-radius); padding: 22px; margin-bottom: 20px; box-shadow: var(--anm-shadow); }
.anm-sidebar .widget ul { list-style: none; padding: 0; margin: 0; }
.anm-sidebar .widget li { padding: 6px 0; }
.widget-title { font-size: 16px; margin-bottom: 14px; }
.anm-filter-btn, .anm-filter-close { display: none; }

/* Sections -------------------------------------------------------------- */
.anm-sec { padding: 36px 0; }
.anm-sec--tight { padding: 18px 0; }
.anm-sec--soft { background: #fff; margin: 24px 0; padding: 56px 0; }
.anm-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
.anm-sec-title { font-size: clamp(20px, 2.4vw, var(--anm-h2)); margin: 0; }
.anm-sec-sub { margin: 4px 0 0; color: var(--anm-muted); }
.anm-sec-head__side { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.anm-link-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; }
.anm-link-more .anm-ico { transition: transform .2s; }
.anm-link-more:hover .anm-ico { transform: translateX(3px); }

/* Hero ------------------------------------------------------------------ */
.anm-hero { padding: 24px 0 8px; }
.anm-hero__grid { display: grid; grid-template-columns: minmax(0, 2.15fr) minmax(0, 1fr); gap: 20px; }
.anm-slider { position: relative; border-radius: var(--anm-radius-lg); overflow: hidden; min-height: 440px; background: var(--anm-dark); }
.anm-slider__track { position: relative; display: grid; min-height: inherit; }
.anm-slide { position: relative; grid-area: 1 / 1; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 24px; padding: 48px 56px 88px; color: #fff; opacity: 0; visibility: hidden; transition: opacity .7s var(--anm-ease), visibility .7s; }
.anm-slide.is-active { opacity: 1; visibility: visible; }
.anm-slide--1 { background: radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--anm-accent) 70%, transparent) 0%, transparent 50%), linear-gradient(135deg, var(--anm-primary), #1e1b4b); }
.anm-slide--2 { background: radial-gradient(100% 100% at 0% 100%, rgba(16,185,129,.55) 0%, transparent 55%), linear-gradient(135deg, #0f766e, #0f172a); }
.anm-slide--3 { background: radial-gradient(110% 110% at 100% 100%, rgba(236,72,153,.5) 0%, transparent 55%), linear-gradient(135deg, #7c3aed, #0f172a); }
.anm-slide__title { color: #fff; font-size: clamp(28px, 3.1vw, var(--anm-h1)); font-weight: 800; letter-spacing: -.02em; margin: 16px 0 14px; }
.anm-slide__txt p { color: rgba(255,255,255,.82); font-size: 16px; max-width: 460px; margin-bottom: 26px; }
.anm-slide.is-active .anm-slide__txt > * { animation: anmUp .8s var(--anm-ease) both; }
.anm-slide.is-active .anm-slide__txt > *:nth-child(2) { animation-delay: .08s; }
.anm-slide.is-active .anm-slide__txt > *:nth-child(3) { animation-delay: .16s; }
.anm-slide.is-active .anm-slide__txt > *:nth-child(4) { animation-delay: .24s; }
@keyframes anmUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.anm-slide__media { display: grid; place-items: center; }
.anm-slide__media img { max-height: 340px; object-fit: contain; filter: drop-shadow(0 30px 40px rgba(0,0,0,.35)); }
.anm-mock { width: min(100%, 380px); aspect-ratio: 4/3; border-radius: 18px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(6px); box-shadow: 0 30px 60px rgba(0,0,0,.3); transform: rotate(-4deg); overflow: hidden; }
.anm-slide.is-active .anm-mock { animation: anmFloat 6s ease-in-out infinite; }
@keyframes anmFloat { 50% { transform: rotate(-2deg) translateY(-10px); } }
.anm-mock__win { display: flex; gap: 6px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.18); }
.anm-mock__win i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.4); }
.anm-mock__body { padding: 22px; display: grid; gap: 12px; }
.anm-mock__ico { width: 64px; height: 64px; border-radius: 16px; display: grid; place-items: center; background: rgba(255,255,255,.18); color: #fff; }
.anm-mock__body b { display: block; height: 12px; border-radius: 6px; background: rgba(255,255,255,.28); }
.anm-mock__body b.s { width: 55%; }

.anm-slider__nav { position: absolute; left: 56px; bottom: 26px; display: flex; align-items: center; gap: 14px; z-index: 3; }
.anm-slider__arrow { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; display: grid; place-items: center; }
.anm-slider__arrow:hover { background: #fff; color: var(--anm-dark); }
.anm-slider__dots { display: flex; gap: 8px; }
.anm-slider__dots button { width: 8px; height: 8px; border-radius: 4px; border: 0; padding: 0; background: rgba(255,255,255,.4); transition: width .3s, background .3s; }
.anm-slider__dots button.is-active { width: 28px; background: #fff; }

.anm-hero__side { display: grid; grid-template-rows: 1fr 1fr; gap: 20px; }
.anm-sidecard { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 28px; border-radius: var(--anm-radius-lg); background: #fff; color: var(--anm-dark); box-shadow: var(--anm-shadow); min-height: 200px; }
.anm-sidecard--1 { background: linear-gradient(135deg, #fff7ed, #ffedd5); }
.anm-sidecard--2 { background: linear-gradient(135deg, #eef2ff, #e0e7ff); }
.anm-sidecard__label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--anm-accent); }
.anm-sidecard--2 .anm-sidecard__label { color: var(--anm-primary); }
.anm-sidecard strong { font-size: 22px; line-height: 1.25; margin: 8px 0 14px; max-width: 60%; position: relative; z-index: 1; }
.anm-sidecard__cta { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14px; position: relative; z-index: 1; }
.anm-sidecard img { position: absolute; right: 12px; bottom: 12px; max-width: 45%; max-height: 80%; object-fit: contain; transition: transform .4s var(--anm-ease); }
.anm-sidecard__deco { position: absolute; right: -10px; bottom: -14px; width: 140px; height: 140px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.65); color: var(--anm-accent); transition: transform .4s var(--anm-ease); }
.anm-sidecard--2 .anm-sidecard__deco { color: var(--anm-primary); }
.anm-sidecard:hover img, .anm-sidecard:hover .anm-sidecard__deco { transform: scale(1.08) rotate(-4deg); }

/* Category icons -------------------------------------------------------- */
.anm-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 14px; }
.anm-cat { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 10px; background: #fff; border-radius: var(--anm-radius); text-align: center; color: var(--anm-dark); box-shadow: var(--anm-shadow); transition: transform .25s var(--anm-ease), box-shadow .25s; }
.anm-cat:hover { transform: translateY(-4px); box-shadow: var(--anm-shadow-lg); color: var(--anm-primary); }
.anm-cat__img { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; background: var(--anm-bg); display: grid; place-items: center; margin-bottom: 6px; }
.anm-cat__img img, .anm-cat__img .anm-cat-img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; font-size: 24px; }
.anm-cat__name { font-weight: 700; font-size: 14px; line-height: 1.3; }
.anm-cat__count { font-size: 12px; color: var(--anm-muted); }

/* Stats ----------------------------------------------------------------- */
.anm-stats { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: var(--anm-radius-lg); box-shadow: var(--anm-shadow); }
.anm-stat { display: flex; align-items: center; gap: 14px; padding: 22px 26px; }
.anm-stat + .anm-stat { border-left: 1px solid var(--anm-line); }
.anm-stat__ico { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--anm-soft); color: var(--anm-primary); }
.anm-stat strong { display: block; font-size: 22px; font-weight: 800; color: var(--anm-dark); line-height: 1.1; }
.anm-stat span { font-size: 13px; color: var(--anm-muted); }

/* Tabs ------------------------------------------------------------------ */
.anm-tabs { display: inline-flex; gap: 4px; padding: 4px; background: #fff; border-radius: 999px; box-shadow: var(--anm-shadow); flex-wrap: wrap; }
.anm-tabs button { border: 0; background: transparent; padding: 9px 18px; border-radius: 999px; font-weight: 600; font-size: 14px; color: var(--anm-muted); }
.anm-tabs button:hover { color: var(--anm-dark); }
.anm-tabs button.is-active { background: var(--anm-dark); color: #fff; }
.anm-tab-body { transition: opacity .25s; }
.anm-tab-body.is-loading { opacity: .35; pointer-events: none; }

/* Product grid & card --------------------------------------------------- */
.anm-grid, .woocommerce ul.products {
	display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--anm-gap);
	list-style: none; margin: 0 0 24px !important; padding: 0;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.woocommerce ul.products.columns-5, .anm-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce ul.products li.product, .anm-card {
	width: auto !important; margin: 0 !important; float: none !important;
}
.anm-card { display: flex; flex-direction: column; background: var(--anm-card); border-radius: var(--anm-radius); overflow: hidden; box-shadow: var(--anm-shadow); transition: transform .3s var(--anm-ease), box-shadow .3s; position: relative; }
.anm-card:hover { transform: translateY(-4px); box-shadow: var(--anm-shadow-lg); }
.anm-card__media { position: relative; background: var(--anm-bg); aspect-ratio: var(--anm-img-ratio); overflow: hidden; }
.anm-card__img { display: block; height: 100%; }
.anm-card__img img { width: 100%; height: 100% !important; object-fit: var(--anm-img-fit); margin: 0 !important; transition: transform .5s var(--anm-ease); }
.anm-card:hover .anm-card__img img { transform: scale(1.05); }
.anm-card__badges { position: absolute; top: 10px; left: 10px; display: flex; flex-wrap: wrap; gap: 5px; z-index: 2; }
.anm-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; color: #fff; background: var(--anm-dark); line-height: 1.3; }
.anm-badge--sale { background: var(--anm-accent); }
.anm-badge--new { background: var(--anm-success); }
.anm-badge--hot { background: var(--anm-primary); }
.anm-badge--digital { background: rgba(255,255,255,.92); color: var(--anm-dark); backdrop-filter: blur(4px); }
.woocommerce span.onsale { display: none; }
.anm-card__actions { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 6px; z-index: 2; opacity: 0; transform: translateX(8px); transition: .25s var(--anm-ease); }
.anm-card:hover .anm-card__actions, .anm-card:focus-within .anm-card__actions { opacity: 1; transform: none; }
.anm-card__act, .anm-card__actions .yith-wcwl-add-to-wishlist a { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--anm-dark); box-shadow: var(--anm-shadow); }
.anm-card__act:hover { background: var(--anm-primary); color: #fff; }
.anm-card__actions .yith-wcwl-add-to-wishlist { margin: 0; }
.anm-card__body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; flex: 1; }
.anm-card__cat { font-size: 12px; font-weight: 600; color: var(--anm-muted); text-transform: uppercase; letter-spacing: .04em; }
.anm-card__title { font-size: var(--anm-card-title); font-weight: 700; line-height: 1.35; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.anm-card__title a { color: var(--anm-dark); }
.anm-card__title a:hover { color: var(--anm-primary); }
.anm-card__vendor { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--anm-muted); }
.anm-card__vendor img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
.anm-card__vendor strong { color: var(--anm-text); font-weight: 600; }
.anm-card__vendor:hover strong { color: var(--anm-primary); }
.anm-card__stats { display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--anm-muted); }
.anm-rating { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--anm-text); }
.anm-rating .anm-ico { color: var(--anm-rating); }
.anm-rating em { font-style: normal; color: var(--anm-muted); font-weight: 400; }
.anm-sold { position: relative; padding-left: 12px; }
.anm-sold::before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: var(--anm-line); }
.anm-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 8px; }
.anm-card__price { font-weight: 800; color: var(--anm-dark); font-size: 16px; line-height: 1.2; }
.anm-card__price del { display: block; color: var(--anm-muted); font-weight: 500; font-size: 12px; opacity: .8; }
.anm-card__price ins { text-decoration: none; color: var(--anm-accent); }
.anm-card__cart .button, .woocommerce ul.products li.product .anm-card__cart .button { margin: 0 !important; padding: 9px 14px !important; font-size: 13px !important; }
.anm-card__cart .added_to_cart { display: none; }
.anm-card__cart .button.loading { opacity: .6; }
.anm-card__cart .button.added::after { content: "✓"; margin-left: 4px; }

/* Row scroller (deals) */
.anm-row-scroll .anm-grid--row { display: grid !important; grid-auto-flow: column; grid-auto-columns: calc((100% - 4 * var(--anm-gap)) / 5); grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px !important; scrollbar-width: thin; }
.anm-grid--row > li { scroll-snap-align: start; }

/* Features ---------------------------------------------------------------*/
.anm-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.anm-feature { display: flex; gap: 16px; align-items: center; padding: 22px 24px; border-radius: var(--anm-radius-lg); background: #fff; box-shadow: var(--anm-shadow); }
.anm-feature h3 { font-size: 16px; margin: 0 0 2px; }
.anm-feature p { margin: 0; color: var(--anm-muted); font-size: 14px; }
.anm-feature__ico { width: 56px; height: 56px; flex-shrink: 0; border-radius: 16px; display: grid; place-items: center; color: #fff; background: var(--anm-primary); }
.anm-feature--2 .anm-feature__ico { background: var(--anm-accent); }
.anm-feature--3 .anm-feature__ico { background: var(--anm-success); }

/* Promos ---------------------------------------------------------------- */
.anm-promos { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 18px; }
.anm-promo { position: relative; overflow: hidden; min-height: 220px; display: flex; align-items: center; padding: 28px; border-radius: var(--anm-radius-lg); color: #fff; background: linear-gradient(135deg, var(--anm-primary), #312e81); }
.anm-promo--2 { background: linear-gradient(135deg, var(--anm-accent), #b91c1c); }
.anm-promo--3 { background: linear-gradient(135deg, #0f766e, #0f172a); }
.anm-promo__txt { position: relative; z-index: 1; max-width: 62%; }
.anm-promo__txt span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .85; }
.anm-promo h3 { color: #fff; font-size: 22px; margin: 6px 0; }
.anm-promo p { margin: 0 0 14px; font-weight: 600; opacity: .9; }
.anm-promo__cta { display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-weight: 700; font-size: 13px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.2); }
.anm-promo img { position: absolute; right: 10px; bottom: 0; max-width: 46%; max-height: 92%; object-fit: contain; transition: transform .4s var(--anm-ease); }
.anm-promo::after { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.08); }
.anm-promo:hover { color: #fff; }
.anm-promo:hover img { transform: scale(1.06); }

/* Brands ---------------------------------------------------------------- */
.anm-brands { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.anm-brand-item { display: grid; place-items: center; height: 92px; padding: 16px; border-radius: var(--anm-radius); background: #fff; box-shadow: var(--anm-shadow); color: var(--anm-dark); font-weight: 800; font-size: 17px; filter: grayscale(1); opacity: .75; transition: .25s; }
.anm-brand-item img { max-height: 48px; width: auto; object-fit: contain; }
.anm-brand-item:hover { filter: none; opacity: 1; color: var(--anm-primary); }

/* Deals ----------------------------------------------------------------- */
.anm-deals { background: #fff; border-radius: var(--anm-radius-lg); padding: 26px; box-shadow: var(--anm-shadow); border-top: 4px solid var(--anm-accent); }
.anm-deals__head { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
.anm-deals__title { display: flex; align-items: center; gap: 12px; }
.anm-deals__ico { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--anm-accent) 14%, #fff); color: var(--anm-accent); }
.anm-deals__head .anm-link-more { margin-left: auto; }
.anm-deals .anm-card { box-shadow: none; border: 1px solid var(--anm-line); }
.anm-countdown { display: flex; gap: 6px; }
.anm-countdown span { display: flex; flex-direction: column; align-items: center; min-width: 54px; padding: 6px 4px; border-radius: 10px; background: var(--anm-dark); color: rgba(255,255,255,.7); font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.anm-countdown b { font-size: 20px; color: #fff; line-height: 1.1; font-variant-numeric: tabular-nums; }

/* Vendors --------------------------------------------------------------- */
.anm-vendors { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.anm-vendor { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 26px 18px 20px; background: #fff; border-radius: var(--anm-radius-lg); box-shadow: var(--anm-shadow); color: var(--anm-dark); transition: transform .3s var(--anm-ease), box-shadow .3s; }
.anm-vendor:hover { transform: translateY(-4px); box-shadow: var(--anm-shadow-lg); color: var(--anm-dark); }
.anm-vendor__rank { position: absolute; top: 14px; left: 14px; font-size: 12px; font-weight: 800; color: var(--anm-primary); background: var(--anm-soft); padding: 3px 9px; border-radius: 999px; }
.anm-vendor img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 4px solid var(--anm-soft); margin-bottom: 6px; }
.anm-vendor strong { font-size: 16px; }
.anm-vendor__meta { display: flex; gap: 10px; font-size: 13px; color: var(--anm-muted); }
.anm-vendor__cta { margin-top: 10px; font-style: normal; font-weight: 700; font-size: 13px; padding: 8px 16px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--anm-line); transition: .2s; }
.anm-vendor:hover .anm-vendor__cta { background: var(--anm-primary); color: #fff; box-shadow: none; }

/* Sell CTA -------------------------------------------------------------- */
.anm-sell { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; padding: 56px; border-radius: 28px; color: #fff; background: radial-gradient(80% 120% at 100% 0%, color-mix(in srgb, var(--anm-accent) 60%, transparent), transparent 60%), linear-gradient(135deg, var(--anm-dark), color-mix(in srgb, var(--anm-primary) 70%, #000)); }
.anm-sell h2 { color: #fff; font-size: clamp(26px, 3vw, 38px); margin: 16px 0 12px; }
.anm-sell p { color: rgba(255,255,255,.8); max-width: 520px; }
.anm-sell ul { list-style: none; padding: 0; margin: 0 0 26px; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.anm-sell li { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.anm-sell li .anm-ico { color: #34d399; }
.anm-sell__art { position: relative; min-height: 240px; }
.anm-sell__card { position: absolute; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 16px 20px; min-width: 230px; border-radius: 16px; background: #fff; color: var(--anm-dark); box-shadow: 0 20px 40px rgba(0,0,0,.25); animation: anmFloat2 6s ease-in-out infinite; }
.anm-sell__card .anm-ico { grid-row: span 2; width: 40px; height: 40px; padding: 10px; border-radius: 12px; background: var(--anm-soft); color: var(--anm-primary); box-sizing: border-box; }
.anm-sell__card span { font-size: 12px; color: var(--anm-muted); }
.anm-sell__card b { font-size: 18px; }
.anm-sell__card--a { top: 0; left: 8%; }
.anm-sell__card--b { top: 38%; right: 0; animation-delay: -2s; }
.anm-sell__card--c { bottom: 0; left: 18%; animation-delay: -4s; }
.anm-sell__card--c .anm-ico { color: var(--anm-rating); background: #fef3c7; }
@keyframes anmFloat2 { 50% { transform: translateY(-10px); } }

/* Testimonials ---------------------------------------------------------- */
.anm-testis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.anm-testi { margin: 0; padding: 26px; border-radius: var(--anm-radius-lg); background: var(--anm-bg); display: flex; flex-direction: column; gap: 12px; }
.anm-testi__q { color: var(--anm-primary); opacity: .4; }
.anm-testi__stars { display: flex; gap: 2px; color: var(--anm-rating); }
.anm-testi blockquote { margin: 0; flex: 1; font-size: 15px; color: var(--anm-text); }
.anm-testi figcaption { display: flex; align-items: center; gap: 12px; }
.anm-testi figcaption strong { display: block; font-size: 14px; }
.anm-testi figcaption small { color: var(--anm-muted); font-size: 12px; }
.anm-testi__av { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--anm-primary); color: #fff; font-weight: 800; }

/* Posts ----------------------------------------------------------------- */
.anm-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.anm-posts--2 { grid-template-columns: repeat(2, 1fr); }
.anm-post { background: #fff; border-radius: var(--anm-radius-lg); overflow: hidden; box-shadow: var(--anm-shadow); display: flex; flex-direction: column; transition: transform .3s var(--anm-ease), box-shadow .3s; }
.anm-post:hover { transform: translateY(-4px); box-shadow: var(--anm-shadow-lg); }
.anm-post__img { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--anm-soft); }
.anm-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--anm-ease); }
.anm-post:hover .anm-post__img img { transform: scale(1.05); }
.anm-post__ph { display: grid; place-items: center; height: 100%; color: var(--anm-primary); opacity: .5; }
.anm-post__body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.anm-post__cat { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--anm-accent); margin-bottom: 6px; }
.anm-post__title { font-size: 18px; margin-bottom: 8px; }
.anm-post__title a { color: var(--anm-dark); }
.anm-post__title a:hover { color: var(--anm-primary); }
.anm-post__body p { color: var(--anm-muted); font-size: 14px; flex: 1; }
.anm-meta { font-size: 13px; color: var(--anm-muted); }

/* Entry ----------------------------------------------------------------- */
.anm-entry { background: #fff; border-radius: var(--anm-radius-lg); padding: clamp(22px, 4vw, 44px); box-shadow: var(--anm-shadow); font-size: 16px; line-height: 1.75; }
.anm-entry > *:first-child { margin-top: 0; }
.anm-entry h2 { font-size: var(--anm-h2); margin-top: 1.6em; }
.anm-entry h3 { font-size: var(--anm-h3); margin-top: 1.4em; }
.anm-entry blockquote { margin: 1.5em 0; padding: 18px 24px; border-left: 4px solid var(--anm-primary); background: var(--anm-soft); border-radius: 0 12px 12px 0; }
.anm-entry img { border-radius: 12px; }
.anm-entry__thumb { margin: 0 0 28px; }
.anm-entry__thumb img { width: 100%; border-radius: var(--anm-radius); }
.anm-tags a { display: inline-block; margin: 0 6px 6px 0; padding: 5px 12px; border-radius: 999px; background: var(--anm-bg); font-size: 13px; color: var(--anm-text); }
.post-navigation { margin: 24px 0; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.post-navigation a { display: block; padding: 18px; background: #fff; border-radius: var(--anm-radius); box-shadow: var(--anm-shadow); color: var(--anm-dark); font-weight: 700; }
.post-navigation small { display: block; color: var(--anm-muted); font-weight: 500; }
.post-navigation .nav-next { text-align: right; }
.pagination .nav-links { display: flex; justify-content: center; gap: 6px; margin-top: 28px; }
.pagination .page-numbers, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 10px; border-radius: 12px; background: #fff; color: var(--anm-dark); font-weight: 700; box-shadow: var(--anm-shadow); border: 0; }
.pagination .page-numbers.current, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--anm-primary); color: #fff; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }

.anm-comments { margin-top: 32px; background: #fff; border-radius: var(--anm-radius-lg); padding: 32px; box-shadow: var(--anm-shadow); }
.anm-comment-list { list-style: none; padding: 0; }
.anm-comment-list .children { list-style: none; }
.comment-body { padding: 16px 0; border-bottom: 1px solid var(--anm-line); }
.comment-author img { border-radius: 50%; margin-right: 10px; }

/* Forms ----------------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], select, textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row select {
	width: 100%; padding: 12px 16px; border: 1.5px solid var(--anm-line); border-radius: var(--anm-input-radius); background: #fff; transition: border-color .2s; outline: none;
}
input:focus, select:focus, textarea:focus { border-color: var(--anm-primary); }
.anm-search input, .anm-search select { width: auto; border: 0; border-radius: 0; padding-top: 0; padding-bottom: 0; }
.anm-search .anm-search__input { padding: 13px 16px; }
.search-form { display: flex; gap: 8px; }

/* Newsletter ------------------------------------------------------------ */
.anm-newsletter { background: var(--anm-newsletter-bg, var(--anm-primary)); color: #fff; }
.anm-newsletter__in { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 36px; padding-bottom: 36px; flex-wrap: wrap; }
.anm-newsletter__txt { display: flex; align-items: center; gap: 18px; }
.anm-newsletter__ico { width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; background: rgba(255,255,255,.15); }
.anm-newsletter h3 { color: #fff; font-size: 22px; margin: 0 0 4px; }
.anm-newsletter p { margin: 0; opacity: .85; }
.anm-newsletter__form { flex: 1; max-width: 520px; }
.anm-nl-form { display: flex; gap: 8px; flex-wrap: wrap; background: #fff; padding: 6px; border-radius: 999px; }
.anm-nl-form input { flex: 1; border: 0; padding: 10px 18px; border-radius: 999px; color: var(--anm-text); width: auto; }
.anm-nl-form .anm-btn { background: var(--anm-dark); }
.anm-nl-msg { flex-basis: 100%; margin: 6px 18px; color: var(--anm-text); font-size: 13px; }

/* Footer ---------------------------------------------------------------- */
.anm-footer { background: var(--anm-footer-bg, var(--anm-dark)); color: var(--anm-footer-text, #94a3b8); font-size: 14px; }
.anm-footer--light { background: var(--anm-footer-bg, #fff); color: var(--anm-footer-text, var(--anm-muted)); border-top: 1px solid var(--anm-line); }
.anm-footer__cols { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px; padding-top: 56px; padding-bottom: 40px; }
.anm-footer .widget-title, .anm-footer h4 { color: var(--anm-footer-head, #fff); font-size: 15px; }
.anm-footer--light .widget-title, .anm-footer--light h4 { color: var(--anm-footer-head, var(--anm-dark)); }
.anm-footer ul { list-style: none; padding: 0; margin: 0; }
.anm-footer li { padding: 5px 0; }
.anm-footer a { color: inherit; }
.anm-footer a:hover { color: var(--anm-footer-head, #fff); }
.anm-footer--light a:hover { color: var(--anm-primary); }
.anm-footer .anm-logo-text { color: var(--anm-footer-head, #fff); }
.anm-footer--light .anm-logo-text { color: var(--anm-footer-head, var(--anm-dark)); }
.anm-footer__about .anm-social { margin-top: 18px; }
.anm-footer__about p { margin: 16px 0; max-width: 340px; }
.anm-footer__contact { display: flex; align-items: center; gap: 8px; color: var(--anm-footer-head, #fff); font-weight: 600; }
.anm-footer--light .anm-footer__contact { color: var(--anm-dark); }
.anm-footer__bottom { border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
.anm-footer__bottom-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; }
.anm-footer__bottom p { margin: 0; }
.anm-footer__menu { display: flex; gap: 18px; }
.anm-payments { max-height: 28px; width: auto; }
.anm-paylist { display: flex; gap: 6px; }
.anm-paylist li { padding: 4px 10px; border-radius: 6px; background: color-mix(in srgb, currentColor 14%, transparent); font-size: 12px; font-weight: 700; }
.anm-social { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.anm-social a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: color-mix(in srgb, currentColor 12%, transparent); transition: .2s; }
.anm-social a:hover { background: var(--anm-primary); color: #fff !important; }

/* Drawers --------------------------------------------------------------- */
.anm-drawer { position: fixed; inset: 0; z-index: 999; visibility: hidden; }
.anm-drawer.is-open { visibility: visible; }
.anm-drawer__overlay { position: absolute; inset: 0; background: rgba(15,23,42,.5); opacity: 0; transition: opacity .3s; }
.anm-drawer.is-open .anm-drawer__overlay { opacity: 1; }
.anm-drawer__panel { position: absolute; top: 0; bottom: 0; width: min(var(--anm-drawer-w), 90vw); background: #fff; display: flex; flex-direction: column; z-index: 1; transition: transform .35s var(--anm-ease); }
.anm-drawer--left .anm-drawer__panel { left: 0; transform: translateX(-100%); }
.anm-drawer--right .anm-drawer__panel { right: 0; transform: translateX(100%); }
.anm-drawer.is-open .anm-drawer__panel { transform: none; }
.anm-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--anm-line); }
.anm-drawer__head h3 { margin: 0; font-size: 18px; }
.anm-drawer__body { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 18px; }
.anm-drawer__tabs { display: grid; grid-template-columns: 1fr 1fr; background: var(--anm-bg); border-radius: 12px; padding: 4px; }
.anm-drawer__tabs button { border: 0; background: transparent; padding: 9px; border-radius: 9px; font-weight: 700; color: var(--anm-muted); }
.anm-drawer__tabs button.is-active { background: #fff; color: var(--anm-dark); box-shadow: var(--anm-shadow); }
.anm-drawer__pane { display: none; }
.anm-drawer__pane.is-active { display: block; }
.anm-mmenu, .anm-mmenu .sub-menu { list-style: none; margin: 0; padding: 0; }
.anm-mmenu a { display: block; padding: 12px 4px; color: var(--anm-dark); font-weight: 600; border-bottom: 1px solid var(--anm-line); }
.anm-mmenu .sub-menu { padding-left: 14px; }
.anm-mmenu .sub-menu a { font-weight: 500; }
.anm-drawer .anm-vcats .sub-menu { padding-left: 40px; }
.anm-drawer__block + .anm-drawer__block { padding-top: 16px; border-top: 1px solid var(--anm-line); }
.anm-drawer__block--search + .anm-drawer__block, .anm-drawer__block--cta + .anm-drawer__block { border-top: 0; }
.anm-drawer__block--navtabs { display: grid; gap: 12px; }
.anm-drawer__title { margin: 0 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--anm-muted); }
.anm-drawer__links, .anm-drawer__contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.anm-drawer__links a { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-radius: 10px; color: var(--anm-dark); font-weight: 600; }
.anm-drawer__links a:hover { background: var(--anm-soft); color: var(--anm-primary); }
.anm-drawer__links .anm-ico { color: var(--anm-primary); }
.anm-drawer__contact li, .anm-drawer__contact a { display: flex; align-items: center; gap: 10px; padding: 6px 0; color: var(--anm-text); font-size: 14px; }
.anm-social--drawer a { background: var(--anm-bg); color: var(--anm-dark); }
.anm-cart-note { display: flex; gap: 10px; padding: 12px 14px; background: var(--anm-soft); border-radius: 12px; font-size: 13px; color: var(--anm-text); }
.anm-cart-note .anm-ico { color: var(--anm-primary); }
.widget_shopping_cart_content .woocommerce-mini-cart { list-style: none; padding: 0; margin: 0; }
.widget_shopping_cart_content .woocommerce-mini-cart-item { position: relative; display: block; padding: 12px 28px 12px 72px !important; min-height: 76px; border-bottom: 1px solid var(--anm-line); }
.widget_shopping_cart_content .woocommerce-mini-cart-item img { position: absolute; left: 0; top: 12px; width: 60px !important; height: 60px; object-fit: cover; border-radius: 10px; margin: 0 !important; }
.widget_shopping_cart_content .woocommerce-mini-cart-item a:not(.remove) { color: var(--anm-dark); font-weight: 600; font-size: 14px; }
.widget_shopping_cart_content .remove { position: absolute; right: 0; top: 12px; color: var(--anm-muted) !important; }
.widget_shopping_cart_content .quantity { display: block; font-size: 13px; color: var(--anm-muted); }
.woocommerce-mini-cart__total { display: flex; justify-content: space-between; padding: 16px 0; font-size: 16px; }
.woocommerce-mini-cart__buttons { display: grid; gap: 8px; }
.woocommerce-mini-cart__buttons .button { width: 100%; }
.woocommerce-mini-cart__buttons .checkout { background: var(--anm-accent) !important; }
.woocommerce-mini-cart__empty-message { text-align: center; color: var(--anm-muted); padding: 30px 0; }

/* Mobile bar & to-top --------------------------------------------------- */
.anm-mbar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; grid-template-columns: repeat(var(--anm-mbar-n, 5), 1fr); background: var(--anm-mnav-bg, #fff); box-shadow: 0 -4px 20px rgba(15,23,42,.08); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); transition: transform .3s var(--anm-ease); }
.anm-mbar.is-hidden { transform: translateY(110%); }
.anm-mbar--floating { left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); border-radius: 999px; padding: 6px 8px; box-shadow: var(--anm-shadow-lg); }
.anm-mbar--floating.is-hidden { transform: translateY(160%); }
.anm-mbar__item { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border: 0; background: transparent; color: var(--anm-dark); font-size: 11px; font-weight: 600; text-decoration: none; min-width: 0; }
.anm-mbar__item span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anm-mbar__item.is-active, .anm-mbar__item:hover { color: var(--anm-mnav-active, var(--anm-primary)); }
.anm-mbar--floating .anm-mbar__item.is-active { background: color-mix(in srgb, var(--anm-mnav-active, var(--anm-primary)) 12%, transparent); border-radius: 999px; }
.anm-mbar--nolabel .anm-mbar__item span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.anm-mbar--nolabel .anm-mbar__item { padding: 10px 0; }
.anm-mbar .anm-count { top: 0; right: calc(50% - 22px); }
.anm-totop { position: fixed; right: 20px; bottom: 24px; z-index: 90; width: 46px; height: 46px; border: 0; border-radius: 14px; background: var(--anm-dark); color: #fff; display: grid; place-items: center; opacity: 0; visibility: hidden; transform: translateY(10px); transition: .3s; box-shadow: var(--anm-shadow-lg); }
.anm-totop.is-show { opacity: 1; visibility: visible; transform: none; }
.anm-totop:hover { background: var(--anm-primary); }

/* WooCommerce: single product ------------------------------------------- */
.woocommerce div.product { background: #fff; border-radius: var(--anm-radius-lg); padding: clamp(20px, 3vw, 36px); box-shadow: var(--anm-shadow); }
.woocommerce div.product .product_title { font-size: clamp(24px, 2.6vw, 32px); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--anm-dark); font-size: 26px; font-weight: 800; }
.woocommerce div.product p.price ins { color: var(--anm-accent); text-decoration: none; }
.woocommerce div.product div.images img { border-radius: var(--anm-radius); }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.woocommerce div.product form.cart .button { padding: 14px 30px; }
.woocommerce .quantity .qty { width: 80px; padding: 12px; border-radius: 999px; text-align: center; }
.anm-single-extra { margin: 18px 0; display: grid; gap: 14px; justify-items: start; }
.anm-spec { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; }
.anm-spec li { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--anm-bg); border-radius: 12px; font-size: 13px; }
.anm-spec li .anm-ico { color: var(--anm-primary); }
.anm-spec li span { color: var(--anm-muted); }
.anm-spec li strong { margin-left: auto; color: var(--anm-dark); text-align: right; }
.anm-vendor-box { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1.5px solid var(--anm-line); border-radius: var(--anm-radius); margin: 18px 0; }
.anm-vendor-box img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.anm-vendor-box > div { flex: 1; display: flex; flex-direction: column; line-height: 1.3; }
.anm-vendor-box__label { font-size: 12px; color: var(--anm-muted); }
.anm-vendor-box__meta { font-size: 13px; color: var(--anm-muted); }
.anm-assurance { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 8px; width: 100%; }
.anm-assurance li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--anm-text); }
.anm-assurance .anm-ico { color: var(--anm-success); }
.woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; margin-top: 32px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 20px; display: flex; gap: 6px; border-bottom: 1px solid var(--anm-line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; margin: 0; padding: 0; border-radius: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 18px; font-weight: 700; color: var(--anm-muted); border-bottom: 2px solid transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--anm-primary); border-color: var(--anm-primary); }
.woocommerce .related > h2, .woocommerce .upsells > h2 { font-size: 24px; margin: 40px 0 20px; }
.woocommerce .star-rating span::before, .woocommerce p.stars a { color: var(--anm-rating); }

/* WooCommerce: archive -------------------------------------------------- */
.woocommerce-products-header__title { font-size: clamp(26px, 3vw, 36px); }
.woocommerce .woocommerce-result-count { color: var(--anm-muted); margin: 10px 0 20px; }
.woocommerce .woocommerce-ordering select { border-radius: 999px; padding: 10px 16px; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: var(--anm-radius); border-top-color: var(--anm-primary); background: #fff; box-shadow: var(--anm-shadow); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--anm-primary); }
.woocommerce table.shop_table { border-radius: var(--anm-radius); background: #fff; border-collapse: separate; }
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #order_review, .woocommerce-account .woocommerce-MyAccount-content { background: #fff; padding: 24px; border-radius: var(--anm-radius-lg); box-shadow: var(--anm-shadow); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 8px; margin: 0; background: #fff; border-radius: var(--anm-radius-lg); box-shadow: var(--anm-shadow); }
.woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 10px; color: var(--anm-text); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a, .woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: var(--anm-soft); color: var(--anm-primary); }
.widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--anm-primary) !important; }

/* 404 & none ------------------------------------------------------------ */
.anm-404, .anm-none { text-align: center; padding: 72px 20px; }
.anm-404__code { display: block; font-size: clamp(90px, 16vw, 180px); font-weight: 800; line-height: 1; background: linear-gradient(135deg, var(--anm-primary), var(--anm-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.anm-404 p, .anm-none p { color: var(--anm-muted); max-width: 520px; margin: 0 auto 24px; }
.anm-404__search { max-width: 560px; margin: 0 auto 24px; }
.anm-none__ico { display: inline-grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: var(--anm-soft); color: var(--anm-primary); margin-bottom: 14px; }
.anm-none .search-form { max-width: 460px; margin: 0 auto; }

/* Elementor full width */
.anm-fullwidth { display: block; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1200px) {
	.anm-grid--5, .woocommerce ul.products.columns-5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.anm-grid--5 > li:nth-child(n+9) { display: none; }
	.anm-row-scroll .anm-grid--row { grid-auto-columns: calc((100% - 3 * var(--anm-gap)) / 4); }
	.anm-tool--account .anm-tool__txt { display: none; }
	.anm-header__cta { display: none; }
}

@media (max-width: 1024px) {
	.anm-topbar__info { display: none; }
	.anm-header__nav { display: none; }
	.anm-burger { display: inline-grid; }
	.anm-header__in { gap: 14px; min-height: 70px; }
	.anm-hero__grid { grid-template-columns: 1fr; }
	.anm-hero__side { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
	.anm-grid, .woocommerce ul.products, .woocommerce ul.products.columns-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.anm-grid--5, .woocommerce ul.products.columns-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.anm-grid--5 > li:nth-child(n+7) { display: none; }
	.anm-stats { grid-template-columns: repeat(2, 1fr); }
	.anm-stat:nth-child(3) { border-left: 0; }
	.anm-stat:nth-child(n+3) { border-top: 1px solid var(--anm-line); }
	.anm-vendors { grid-template-columns: repeat(2, 1fr); }
	.anm-testis { grid-template-columns: repeat(2, 1fr); }
	.anm-promos { grid-template-columns: 1fr 1fr; }
	.anm-promo--1 { grid-column: 1 / -1; }
	.anm-brands { grid-template-columns: repeat(4, 1fr); }
	.anm-sell { grid-template-columns: 1fr; padding: 40px; }
	.anm-sell__art { display: none; }
	.anm-footer__cols { grid-template-columns: repeat(3, 1fr); }
	.anm-footer__about { grid-column: 1 / -1; }
	.anm-layout--side, .anm-layout--side-right { grid-template-columns: 1fr; }
	.anm-sidebar--shop { position: fixed; inset: 0 auto 0 0; width: min(340px, 88vw); z-index: 1000; background: var(--anm-bg); overflow-y: auto; padding: 56px 16px 16px; transform: translateX(-100%); transition: transform .35s var(--anm-ease); box-shadow: var(--anm-shadow-lg); }
	.anm-sidebar--shop.is-open { transform: none; }
	.anm-filter-btn { display: inline-flex; margin-bottom: 14px; }
	.anm-filter-close { display: inline-grid; place-items: center; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border: 0; border-radius: 10px; background: #fff; }
	.woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: 100%; }
	.anm-mbar--tablet { display: grid; }
	body.anm-has-mbar.anm-mbar-tablet { padding-bottom: 72px; }
	.anm-has-mbar.anm-mbar-tablet .anm-totop { bottom: 88px; }
}

@media (max-width: 782px) {
	.anm-mbar--phone { display: grid; }
	body.anm-has-mbar.anm-mbar-phone { padding-bottom: 72px; }
	.anm-has-mbar.anm-mbar-phone .anm-totop { bottom: 88px; }
	.anm-tool--search { display: inline-flex; }
	.anm-tool--account .anm-tool__txt { display: none; }
	.admin-bar.anm-sticky .anm-header { top: 0; }
	.anm-header__search { display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 10px 16px 14px; background: #fff; box-shadow: var(--anm-shadow); max-width: none; }
	.anm-header.is-search .anm-header__search { display: block; }
	.anm-header__tools .anm-tool--cart .anm-tool__txt { display: none; }
	.anm-topbar__promo { font-size: 12px; text-align: center; margin: 0 auto; }
	.anm-topbar__menu { display: none; }
	.anm-slider { min-height: 0; }
	.anm-slide { grid-template-columns: 1fr; padding: 32px 26px 76px; }
	.anm-slide__media { display: none; }
	.anm-slider__nav { left: 26px; }
	.anm-hero__side { grid-template-columns: 1fr; }
	.anm-sidecard { min-height: 150px; }
	.anm-grid, .woocommerce ul.products, .woocommerce ul.products[class*="columns-"], .anm-grid--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.anm-grid--5 > li:nth-child(n+7) { display: flex; }
	.anm-grid--5 > li:nth-child(n+9) { display: none; }
	.anm-row-scroll .anm-grid--row { grid-auto-columns: 62%; }
	.anm-card__body { padding: 12px; }
	.anm-card__title { font-size: 14px; }
	.anm-card__foot { flex-direction: column; align-items: stretch; }
	.anm-card__cart .button { width: 100%; }
	.anm-card__actions { opacity: 1; transform: none; }
	.anm-cats { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
	.anm-cat { flex: 0 0 112px; scroll-snap-align: start; }
	.anm-features, .anm-posts, .anm-posts--2, .anm-promos { grid-template-columns: 1fr; }
	.anm-testis { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
	.anm-testi { flex: 0 0 84%; scroll-snap-align: start; }
	.anm-brands { display: flex; overflow-x: auto; }
	.anm-brand-item { flex: 0 0 140px; }
	.anm-stat { padding: 16px; }
	.anm-stat strong { font-size: 18px; }
	.anm-sell { padding: 30px 24px; border-radius: 22px; }
	.anm-deals { padding: 18px; }
	.anm-deals__head .anm-link-more { margin-left: 0; }
	.anm-footer__cols { grid-template-columns: 1fr 1fr; }
	.anm-footer__bottom-in { justify-content: center; text-align: center; }
	.anm-newsletter__txt { flex-direction: column; align-items: flex-start; }
	.anm-spec { grid-template-columns: 1fr; }
	.post-navigation .nav-links { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
	.anm-stats { grid-template-columns: 1fr; }
	.anm-stat + .anm-stat { border-left: 0; border-top: 1px solid var(--anm-line); }
	.anm-vendors { grid-template-columns: 1fr 1fr; gap: 12px; }
	.anm-countdown span { min-width: 46px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Perbaikan tata letak header & sidebar mobile */
.anm-header__tools { flex-shrink: 0; }
.anm-tool__ico { width: 24px; height: 24px; }
.anm-tool__ico .anm-ico { max-width: none; width: 22px; height: 22px; }
.anm-brand { min-width: 0; }
.anm-drawer .anm-search__cat { display: none; }
.anm-drawer .anm-search__input { padding-left: 20px; }
.anm-drawer__block:empty { display: none; }
@media (max-width: 782px) {
	.anm-header__in { gap: 8px; }
	.anm-header .anm-logo-text { font-size: 18px; gap: 8px; }
	.anm-header .anm-logo-mark { width: 34px; height: 34px; font-size: 17px; }
	.anm-tool { padding: 8px 6px; }
}
.anm-search .anm-search__input { background: transparent; }

/* ==========================================================================
   1.2.0 — Perbaikan avatar penjual, template header & footer
   ========================================================================== */

/* Avatar penjual di kartu produk: WooCommerce memaksa "ul.products li.product a img { width:100% }",
   jadi ukurannya dikunci di sini agar tetap kecil (20px). */
.anm-card .anm-card__vendor img,
.woocommerce ul.products li.product .anm-card__vendor img,
.woocommerce-page ul.products li.product .anm-card__vendor img {
	display: block; flex: 0 0 20px; width: 20px !important; height: 20px !important; min-width: 20px; max-width: 20px;
	margin: 0 !important; padding: 0; border-radius: 50%; object-fit: cover; box-shadow: none;
}
.anm-card__vendor { max-width: 100%; }
.anm-card__vendor span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anm-card__vendor span strong { display: inline; }
.anm-vendor-box img, .woocommerce div.product .anm-vendor-box img { flex: 0 0 52px; width: 52px !important; height: 52px !important; max-width: 52px; margin: 0 !important; }

/* Template header -------------------------------------------------------- */
.anm-header__in--3 { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 24px; }
.anm-header__left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.anm-header__right { display: flex; justify-content: flex-end; min-width: 0; }
.anm-header__right .anm-header__tools { margin-left: 0; }
.anm-brand--center { justify-self: center; text-align: center; }
.anm-hl-centered .anm-header__search { flex: 1; max-width: 400px; }
.anm-hl-centered .anm-search__cat { display: none; }
.anm-header__nav-in--center .anm-menu { justify-content: center; }
.anm-header__inline-nav { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.anm-header__inline-nav .anm-primary { flex: 1; min-width: 0; }
.anm-header__inline-nav .anm-allcats__btn { height: 40px; padding: 0 14px; }
.anm-hl-split .anm-header__inline-nav .anm-menu > li > a { padding: 10px 10px; }
.anm-hl-compact .anm-header__in { gap: 22px; }
.anm-hl-compact .anm-header__cta, .anm-hl-split .anm-header__cta { margin-left: 6px; }
.anm-tool--search.is-always { display: inline-flex; }
/* Ringkas & terbelah: ruang terbatas — menu satu baris, ikon tanpa teks. */
.anm-header__inline-nav .anm-menu { flex-wrap: nowrap; }
.anm-header__inline-nav .anm-menu > li > a { white-space: nowrap; }
.anm-hl-compact .anm-tool__txt, .anm-hl-split .anm-tool__txt { display: none; }
.anm-hl-split .anm-allcats__btn span, .anm-hl-split .anm-allcats__btn .anm-ico-chevdown { display: none; }
.anm-hl-split .anm-allcats__btn { width: 40px; padding: 0; justify-content: center; }
.anm-hl-split .anm-header__inline-nav { gap: 6px; }
@media (max-width: 1280px) {
	.anm-hl-compact .anm-allcats__btn span { display: none; }
	.anm-hl-compact .anm-allcats__btn .anm-ico-chevdown { display: none; }
	.anm-hl-compact .anm-allcats__btn { width: 40px; padding: 0; justify-content: center; }
	.anm-hl-split .anm-header__cta { display: none; }
}
@media (max-width: 1200px) {
	.anm-hl-split .anm-header__inline-nav { display: none; }
}
.anm-header__search--drop { display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 14px 0 18px; max-width: none; background: inherit; box-shadow: 0 14px 28px rgba(15,23,42,.10); border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent); }
.anm-header.is-search .anm-header__search--drop { display: block; }
.anm-header__search--drop .anm-search { max-width: 760px; margin: 0 auto; }

@media (max-width: 1024px) {
	.anm-header__inline-nav { display: none; }
	.anm-header__in--3 { gap: 12px; }
	.anm-hl-centered .anm-header__search { max-width: 260px; }
}
@media (max-width: 782px) {
	.anm-header__in--3 { grid-template-columns: auto 1fr auto; }
	.anm-header__in--3 .anm-brand--center { justify-self: start; }
	.anm-header__search--drop { padding: 10px 0 14px; }
}

/* Template footer -------------------------------------------------------- */
.anm-footer__center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; padding-top: 56px; padding-bottom: 40px; }
.anm-footer__lead { max-width: 560px; margin: 0; }
.anm-footer .anm-footer__inline { display: flex; flex-wrap: wrap; gap: 6px 24px; list-style: none; margin: 0; padding: 0; }
.anm-footer .anm-footer__inline li { padding: 0; }
.anm-footer__inline a { font-weight: 600; }
.anm-fl-centered .anm-footer__inline { justify-content: center; }
.anm-social--center { justify-content: center; }
.anm-fl-centered .anm-footer__bottom-in { justify-content: center; flex-direction: column; text-align: center; }
.anm-footer__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-top: 28px; padding-bottom: 28px; }
.anm-fl-minimal .anm-footer__inline { flex: 1; justify-content: center; }
.anm-footer__top { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: center; padding-top: 56px; padding-bottom: 40px; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent); }
.anm-footer__top-brand p { max-width: 440px; margin: 16px 0; }
.anm-footer__nl { padding: 28px; border-radius: var(--anm-radius-lg); background: color-mix(in srgb, currentColor 8%, transparent); }
.anm-footer__nl h4 { margin: 0 0 6px; font-size: 20px; }
.anm-footer__nl p { margin: 0 0 16px; }
.anm-footer__cols--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Logo metode pembayaran (galeri) */
.anm-paylogos { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.anm-paylogos__label { font-size: 13px; font-weight: 600; }
.anm-footer .anm-paylogos ul { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.anm-footer .anm-paylogos li { display: grid; place-items: center; height: calc(var(--anm-pay-h, 28px) + 10px); padding: 0 8px; background: #fff; border-radius: 6px; }
.anm-paylogos img { display: block; height: var(--anm-pay-h, 28px); width: auto; max-width: 96px; object-fit: contain; }
.anm-paylogos.is-gray img { filter: grayscale(1); opacity: .75; transition: .2s; }
.anm-paylogos.is-gray li:hover img { filter: none; opacity: 1; }

@media (max-width: 1024px) {
	.anm-footer__top { grid-template-columns: 1fr; }
	.anm-footer__cols--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 782px) {
	.anm-footer__bar { flex-direction: column; text-align: center; }
	.anm-fl-minimal .anm-footer__inline { justify-content: center; }
	.anm-footer__nl { padding: 20px; }
}