/* AppKit theme: the Shop app's look for the store's website. --ak-accent comes from the
   store's color in AppKit (set inline). Logical properties keep it right for RTL and LTR. */

:root {
	--ak-accent: #5a31f4;
	--ak-on-accent: #fff;
	--ak-black: #0d0d0d;
	--ak-text: #0d0d0d;
	--ak-muted: #6b6b6b;
	--ak-fill: #f2f2f2;
	--ak-fill-2: #e8e8e8;
	--ak-border: #e6e6e6;
	--ak-radius: 20px;
	--ak-side: 260px;
	--ak-bottom-bar: 0px;
	--ak-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--ak-font);
	font-size: 16px;
	line-height: 1.55;
	color: var(--ak-text);
	background: #fff;
}
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--ak-accent); }
h1, h2, h3 { line-height: 1.2; font-weight: 800; letter-spacing: -.01em; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.skip-link:focus { position: fixed !important; inset-inline-start: 12px; top: 12px; width: auto; height: auto; clip: auto; z-index: 100000; background: #fff; padding: 10px 16px; border-radius: 12px; }

.ak-container { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: 16px; }
.ak-icon { flex: none; }
.ak-muted { color: var(--ak-muted); }

/* Buttons: pills, the store's color first, black second. */
.ak-btn, .button, button.button, a.button, input.button, .wc-block-components-button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 50px; padding: 0 26px; border: 0; border-radius: 999px;
	background: var(--ak-accent); color: var(--ak-on-accent);
	font: 700 16px/1 var(--ak-font); cursor: pointer; text-decoration: none;
	transition: transform .15s ease, opacity .15s ease;
}
.ak-btn:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .button:hover { color: var(--ak-on-accent); opacity: .92; background: var(--ak-accent); }
.ak-btn:active, .button:active { transform: scale(.98); }
.ak-btn--black, .woocommerce button.button.ak-btn--black { background: var(--ak-black); color: #fff; }
.ak-btn--black:hover { background: var(--ak-black); color: #fff; }
.ak-btn--ghost { background: transparent; color: var(--ak-text); border: 1.5px solid var(--ak-border); }
.ak-btn--ghost:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-btn--light { background: #fff; color: var(--ak-black); }
.ak-btn--light:hover { background: #fff; color: var(--ak-black); }
.ak-btn--wide { width: 100%; }
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt { background: var(--ak-accent); color: var(--ak-on-accent); }
.woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .45; }

/* Round grey buttons. */
.ak-circle {
	position: relative; display: inline-grid; place-items: center;
	width: 42px; height: 42px; border: 0; border-radius: 50%;
	background: var(--ak-fill); color: var(--ak-text); cursor: pointer;
}
.ak-circle:hover { color: var(--ak-text); background: var(--ak-fill-2); }
.ak-count {
	position: absolute; top: -4px; inset-inline-end: -4px;
	min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px;
	background: var(--ak-accent); color: var(--ak-on-accent);
	font: 800 12px/20px var(--ak-font); text-align: center;
}
.ak-count[data-count="0"] { display: none; }

/* Forms: soft grey fields with round corners. */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], input[type="url"],
textarea, select, .select2-container .select2-selection--single {
	width: 100%; min-height: 50px; padding: 12px 16px;
	border: 2px solid transparent; border-radius: 14px;
	background: var(--ak-fill); color: var(--ak-text); font: 400 16px/1.4 var(--ak-font);
}
input:focus, textarea:focus, select:focus { outline: none; border-color: var(--ak-accent); background: #fff; }
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 24px; padding: 0; }
.select2-container .select2-selection--single .select2-selection__arrow { top: 12px; }
label { font-weight: 600; font-size: 14px; }

/* ---------- Header ---------- */
.ak-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); backdrop-filter: saturate(1.6) blur(12px); border-bottom: 1px solid var(--ak-border); }
.admin-bar .ak-header { top: 32px; }
.ak-header__bar { display: flex; align-items: center; gap: 14px; min-height: 68px; }
.ak-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; color: var(--ak-text); }
.ak-brand:hover { color: var(--ak-text); }
.ak-brand__logo { width: 40px; height: 40px; object-fit: contain; border-radius: 50%; background: #fff; border: 1px solid var(--ak-border); }
.ak-search { flex: 1; display: flex; align-items: center; gap: 8px; max-width: 560px; margin-inline: auto; padding-inline: 16px; height: 46px; border-radius: 999px; background: var(--ak-fill); color: var(--ak-muted); }
.ak-search input { min-height: 0; height: 100%; padding: 0; border: 0; background: transparent; }
.ak-search input:focus { background: transparent; border: 0; }
.ak-header__actions { display: flex; gap: 10px; }
.ak-header__menu { display: none; }
.ak-header__cats { display: flex; gap: 8px; overflow-x: auto; padding-block: 10px; scrollbar-width: none; }
.ak-header__cats::-webkit-scrollbar { display: none; }
.ak-header__cats a { flex: none; padding: 7px 16px; border-radius: 999px; background: var(--ak-fill); font-weight: 600; font-size: 14px; }
.ak-header__cats a:hover { background: var(--ak-fill-2); color: var(--ak-text); }

/* The owner's choice on computers: a side bar instead of the top categories. */
.ak-side { display: none; }
@media (min-width: 1025px) {
	.ak-nav-side .ak-side {
		display: flex; flex-direction: column; gap: 18px;
		position: fixed; inset-block: 0; inset-inline-start: 0; z-index: 60;
		width: var(--ak-side); padding: 20px 14px; overflow-y: auto;
		background: #fafafa; border-inline-end: 1px solid var(--ak-border);
	}
	.admin-bar.ak-nav-side .ak-side { top: 32px; }
	.ak-nav-side .ak-header, .ak-nav-side .ak-main, .ak-nav-side .ak-footer { margin-inline-start: var(--ak-side); }
	.ak-nav-side .ak-header .ak-brand, .ak-nav-side .ak-header__nav { display: none; }
	.ak-side__nav { display: flex; flex-direction: column; gap: 2px; }
	.ak-side__nav a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; font-weight: 600; }
	.ak-side__nav a:hover { background: var(--ak-fill); color: var(--ak-text); }
	.ak-side__cat img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
	.ak-only-wide { display: inline-grid; }
}

/* Drawer (menu on phones). */
.ak-drawer { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.35); }
.ak-drawer[hidden] { display: none; }
.ak-drawer__panel { position: absolute; inset-block: 0; inset-inline-start: 0; width: min(86vw, 360px); padding: 16px; overflow-y: auto; background: #fff; border-start-end-radius: 24px; border-end-end-radius: 24px; }
.ak-drawer__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ak-drawer__cat { display: flex; align-items: center; gap: 12px; padding: 10px 6px; font-weight: 700; border-bottom: 1px solid var(--ak-border); }
.ak-drawer__cat img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--ak-fill); }
.ak-drawer__menu { list-style: none; margin: 12px 0 0; padding: 0; }
.ak-drawer__menu a { display: block; padding: 10px 6px; }

/* ---------- Bottom bar (phones and tablets) ---------- */
.ak-bottom { display: none; }
@media (max-width: 1024px) {
	.ak-has-bottom-bar { --ak-bottom-bar: 76px; }
	.ak-has-bottom-bar .ak-bottom {
		display: grid; grid-template-columns: 52px minmax(0, auto) 52px; align-items: center; justify-content: space-between; gap: 8px;
		position: fixed; inset-inline: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 90;
		pointer-events: none;
	}
	.ak-bottom > * { pointer-events: auto; }
	.ak-bottom__side { position: relative; display: grid; place-items: center; min-height: 52px; }
	.ak-bottom__circle, .ak-bottom__pill { background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.14); }
	.ak-bottom__circle { position: relative; display: grid; place-items: center; width: 52px; height: 52px; padding: 0; border: 0; border-radius: 50%; color: var(--ak-text); cursor: pointer; }
	.ak-bottom__circle[hidden] { display: none; }
	.ak-bottom__chat { background: var(--ak-accent); color: var(--ak-on-accent); }
	.ak-bottom__chat[aria-expanded="true"] { background: var(--ak-text); }
	/* The top button: on the bar's side instead of over the page. */
	.ak-bottom .ak-top--bar { position: relative; inset: auto; width: 52px; height: 52px; }
	.ak-bottom__pill { display: flex; gap: 0; padding: 4px; border-radius: 30px; }
	.ak-bottom__pill a { position: relative; display: grid; place-items: center; width: clamp(40px, 11vw, 54px); height: 46px; border-radius: 23px; color: var(--ak-text); }
	.ak-bottom__pill a[aria-current="page"] { background: #f0f0f0; }
	.ak-bottom__cartlink .ak-count { top: 2px; inset-inline-end: 2px; }
	.ak-chatmenu { position: absolute; bottom: calc(100% + 10px); inset-inline-start: 0; display: grid; gap: 4px; min-width: 190px; padding: 8px; border-radius: 20px; background: #fff; box-shadow: 0 14px 40px rgba(0,0,0,.18); }
	.ak-chatmenu[hidden] { display: none; }
	.ak-chatmenu a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; font-weight: 700; color: var(--ak-text); white-space: nowrap; }
	.ak-chatmenu a:hover { background: var(--ak-fill); color: var(--ak-text); }
	.ak-chatmenu svg { width: 22px; height: 22px; flex: none; }
	.ak-chatmenu__whatsapp svg { color: #25D366; }
	/* On phones the bar holds chat and "to the top": nothing floats over the page. */
	.ak-has-bottom-bar .appkit-whatsapp, .ak-has-bottom-bar .ak-top:not(.ak-top--bar) { display: none !important; }
	.ak-has-bottom-bar .ak-footer { padding-bottom: calc(var(--ak-bottom-bar) + 24px); }
	.ak-header__menu { display: inline-grid; }
	.ak-header__nav, .ak-only-wide { display: none !important; }
	.ak-has-bottom-bar .ak-header .ak-cart-link { display: none; }
	.ak-search { order: 3; flex-basis: 100%; max-width: none; margin: 0 0 10px; }
	.ak-header__bar { flex-wrap: wrap; min-height: 60px; }
	.ak-brand { margin-inline-end: auto; font-size: 18px; }
}
@media (min-width: 1025px) { .ak-only-wide { display: inline-grid; } }

/* ---------- Home ---------- */
.ak-home { padding-block: 16px 40px; }
.ak-store-card {
	position: relative; display: grid; place-items: center; min-height: 340px; margin-bottom: 14px; overflow: hidden;
	border-radius: 30px; background: linear-gradient(180deg, var(--ak-accent), color-mix(in srgb, var(--ak-accent) 55%, #000));
	background-size: cover; background-position: center; color: #fff; text-align: center;
}
.ak-store-card.has-image::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.6)); }
.ak-store-card__inner { position: relative; padding: 32px 20px; }
.ak-store-card h1 { margin: 0 0 8px; font-size: clamp(34px, 6vw, 56px); }
.ak-store-card p { margin: 4px 0; opacity: .9; }
.ak-store-card__title { font-size: 20px; font-weight: 700; opacity: 1 !important; }
.ak-store-card__logo { width: 84px; height: 84px; margin: 0 auto 14px; object-fit: contain; border-radius: 50%; background: #fff; }
.ak-store-card .ak-btn { margin-top: 18px; }

.ak-chips { display: flex; gap: 8px; overflow-x: auto; padding-block: 4px 8px; scrollbar-width: none; }
.ak-chips::-webkit-scrollbar { display: none; }
.ak-chip-link { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 5px 16px 5px 5px; border-radius: 999px; background: var(--ak-fill); font-weight: 700; font-size: 15px; }
[dir="rtl"] .ak-chip-link { padding: 5px 5px 5px 16px; }
.ak-chip-link img, .ak-chip-link__icon { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: #fff; display: grid; place-items: center; }
.ak-chip-link:hover { background: var(--ak-fill-2); color: var(--ak-text); }

.ak-section, .ak-panel { margin-top: 26px; }
.ak-panel { padding: 4px 18px 20px; border-radius: 30px; background: var(--ak-fill); }
.ak-panel .ak-card__media { background: #fff; }
.ak-section-title { margin: 18px 0 14px; font-size: 22px; }
.ak-section-title a { display: inline-flex; align-items: center; gap: 8px; }
.ak-arrow { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ak-fill); }
.ak-panel .ak-arrow { background: #fff; }
.ak-arrow .ak-icon { width: 16px; height: 16px; }
[dir="rtl"] .ak-arrow .ak-icon { transform: scaleX(-1); }

/* Product cards (home rows, grids and every WooCommerce list). */
.ak-grid, .woocommerce ul.products, .woocommerce-page ul.products {
	display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px;
	margin: 0 !important; padding: 0 !important; list-style: none;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; }
@media (min-width: 700px) { .ak-grid, .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .ak-grid, .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 20px; } }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 0; }
.ak-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(160px, 1fr); gap: 14px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
@media (min-width: 1025px) { .ak-row { grid-auto-columns: calc((100% - 4 * 14px) / 5); } }
.ak-row > * { scroll-snap-align: start; }
.ak-card { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ak-card__media { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: 18px; background: var(--ak-fill); }
.ak-card__link { position: absolute; inset: 0; display: block; border-radius: inherit; }
.ak-card__link:focus-visible { outline: 2px solid var(--ak-accent); outline-offset: -2px; }
.ak-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, opacity .35s ease; }
.ak-card__alt { position: absolute; inset: 0; opacity: 0; }
.ak-chip { pointer-events: none; }

/* Favourites heart on every card. */
.ak-fav { display: grid; place-items: center; border: 0; cursor: pointer; color: var(--ak-text); }
.ak-fav[aria-pressed="true"] { color: #e0245e; }
.ak-fav[aria-pressed="true"] svg { fill: currentColor; }
.ak-card__fav { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.94); }
.ak-card__fav svg { width: 18px; height: 18px; }
/* The marks on the photo: "ad", a discount, "featured", the price; as many as the owner chose. */
.ak-card__pricechip { background: rgba(255,255,255,.94); color: #111; align-items: baseline !important; gap: 5px !important; padding: 3px 10px !important; font-size: 13px !important; }
.ak-card__pricechip del { font-weight: 400; color: #777; font-size: 12px; }
.ak-card--store .ak-card__price { font-weight: 800; font-size: 14px; }
.ak-card--store .ak-card__price del { font-weight: 400; color: var(--ak-muted); font-size: 12px; margin-inline-start: 4px; }
.ak-card--store { gap: 2px; }
.ak-card--store .ak-card__title { margin-top: 6px; }
.ak-card--store { align-self: start; }
.ak-card__badges { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
.ak-card__badges > span { display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.ak-badge-featured { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-badge-featured svg { width: 12px; height: 12px; fill: currentColor; }
.ak-badge-new { background: #0d0d0d; color: #fff; }
.ak-badge-sale { background: #d72c0d; color: #fff; }

/* Adding to the cart from the card. */
.ak-quick { position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--ak-text); color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none; transition: opacity .2s, transform .2s; }
.ak-quick svg { width: 18px; height: 18px; flex: none; }
.ak-quick.loading { opacity: .6; pointer-events: none; }
.ak-card .added_to_cart { display: none !important; }
/* Phones and tablets: a round button, always there. */
.ak-quick { bottom: 8px; inset-inline-end: 8px; width: 38px; height: 38px; border-radius: 50%; }
.ak-quick span { display: none; }
/* Computers: the second photo and a full "add to cart" button when the pointer rests on the card. */
@media (hover: hover) and (pointer: fine) {
	.ak-card:hover .ak-card__media img { transform: scale(1.04); }
	.ak-card__media.has-alt:hover .ak-card__alt { opacity: 1; }
	.ak-quick { inset-inline: 10px; bottom: 10px; width: auto; height: 42px; border-radius: 999px; opacity: 0; transform: translateY(8px); }
	.ak-quick span { display: inline; }
	.ak-card:hover .ak-quick, .ak-quick:focus-visible { opacity: 1; transform: none; }
}

/* A short note at the bottom of the screen ("added to the cart  ·  view cart"). */
.ak-toast { position: fixed; z-index: 1000; inset-inline: 16px; bottom: calc(var(--ak-bottom-bar, 0px) + 20px); max-width: 420px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border-radius: 16px; background: #0d0d0d; color: #fff; font-weight: 600; box-shadow: 0 8px 30px rgba(0,0,0,.2); opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s, transform .2s; }
.ak-toast.is-on { opacity: 1; transform: none; pointer-events: auto; }
.ak-toast a { color: #fff; text-decoration: underline; white-space: nowrap; }
.ak-chip { position: absolute; top: 10px; inset-inline-start: 10px; display: inline-flex; gap: 5px; align-items: baseline; padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.94); color: #000; font-size: 13px; font-weight: 800; }
.ak-chip del { font-weight: 400; color: #777; font-size: 12px; }
.ak-chip--dark { top: auto; bottom: 10px; background: rgba(0,0,0,.75); color: #fff; }
.ak-card__title { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-card__rating { color: var(--ak-muted); font-size: 13px; }
.ak-card__rating::first-letter { color: #f5b400; }

.ak-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (min-width: 1025px) { .ak-tiles { grid-template-columns: repeat(6, 1fr); } }
.ak-tile { display: flex; flex-direction: column; gap: 8px; font-weight: 700; text-align: center; }
.ak-tile img { aspect-ratio: 1; object-fit: cover; border-radius: 18px; background: var(--ak-fill); }
.ak-banners { display: grid; gap: 12px; margin-top: 20px; }
@media (min-width: 700px) { .ak-banners { grid-template-columns: repeat(2, 1fr); } }
.ak-banner img { width: 100%; border-radius: 24px; }
.ak-post { display: flex; flex-direction: column; gap: 6px; }
.ak-post img { aspect-ratio: 16/10; width: 100%; object-fit: cover; border-radius: 18px; background: var(--ak-fill); }
.ak-post span { color: var(--ak-muted); font-size: 13px; }
.ak-posts { display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

/* ---------- Pages ---------- */
.ak-main { min-height: 50vh; }
.ak-content, .ak-woo { padding-block: 20px 48px; }
.ak-page-head { margin: 8px 0 22px; }
.ak-page-head h1 { margin: 0; font-size: clamp(28px, 4vw, 36px); }
.ak-crumbs { color: var(--ak-muted); font-size: 14px; margin-bottom: 6px; }
.ak-prose { max-width: 820px; font-size: 17px; line-height: 1.8; }
.ak-woo .ak-prose { max-width: none; }
.ak-article { padding-block: 20px 48px; max-width: 860px; }
.ak-article__cover img { width: 100%; border-radius: 26px; margin-bottom: 18px; }
.ak-404 { text-align: center; padding-block: 80px; }
.ak-404 h1 { font-size: 96px; margin: 0; color: var(--ak-accent); }
.ak-404 .ak-btn { margin: 8px 4px; }

/* WooCommerce notices: soft cards. */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice {
	margin: 0 0 18px !important; padding: 14px 18px !important; border: 0 !important; border-radius: 16px;
	background: var(--ak-fill) !important; color: var(--ak-text); list-style: none;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; }
.woocommerce-error { background: #fff0ee !important; color: #8e0b21; }
.woocommerce-message .button, .woocommerce-info .button { min-height: 38px; padding: 0 16px; font-size: 14px; float: none !important; margin-inline-start: 10px; }

/* Shop toolbar. */
.woocommerce .woocommerce-result-count { color: var(--ak-muted); margin: 0 0 18px; }
.woocommerce .woocommerce-ordering { margin: 0 0 18px; }
.woocommerce .woocommerce-ordering select { width: auto; min-height: 42px; border-radius: 999px; padding-block: 6px; }
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--ak-fill); }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ak-black); color: #fff; }

/* ---------- Single product (Shop's product page) ---------- */
.woocommerce div.product { display: grid; gap: 28px; }
@media (min-width: 900px) { .woocommerce div.product { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; } }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images { position: relative; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	display: flex; gap: 10px; margin: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper::-webkit-scrollbar { display: none; }
.woocommerce div.product div.images .woocommerce-product-gallery__image {
	flex: 0 0 100%; width: 100% !important; margin: 0 !important; scroll-snap-align: center;
	aspect-ratio: 1; overflow: hidden; border-radius: 26px; background: var(--ak-fill);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img { width: 100%; height: 100%; object-fit: cover; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 14px; inset-inline-end: 14px; inset-inline-start: auto; border-radius: 50%; background: rgba(255,255,255,.9); }
/* No sticky summary: in this grid it would stay pinned over the description and reviews below. */
.woocommerce div.product div.summary { position: static; }
.woocommerce div.product > * { min-width: 0; }
.woocommerce div.product .product_meta { clear: both; margin-top: 14px; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { clear: both; }

/* More than one photo: arrows on both sides and thumbnails under it (added by theme.js). */
.ak-gallery-nav { position: absolute; top: 50%; z-index: 3; display: grid; place-items: center; width: 42px; height: 42px; margin-top: -21px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--ak-text); box-shadow: 0 2px 10px rgba(0,0,0,.12); cursor: pointer; transition: opacity .2s; }
.ak-gallery-nav[disabled] { opacity: 0; pointer-events: none; }
.ak-gallery-nav--prev { inset-inline-start: 12px; }
.ak-gallery-nav--next { inset-inline-end: 12px; }
[dir="rtl"] .ak-gallery-nav--next svg, html:not([dir="rtl"]) .ak-gallery-nav--prev svg { transform: rotate(180deg); }
.ak-gallery-stage { position: relative; }
.ak-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.ak-thumbs::-webkit-scrollbar { display: none; }
.ak-thumbs button { flex: none; width: 68px; height: 68px; padding: 0; border: 2px solid transparent; border-radius: 14px; overflow: hidden; background: var(--ak-fill); cursor: pointer; opacity: .7; transition: opacity .15s, border-color .15s; }
.ak-thumbs button img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ak-thumbs button[aria-current="true"] { border-color: var(--ak-text); opacity: 1; }
@media (hover: hover) { .ak-thumbs button:hover { opacity: 1; } }

/* Round heart and share under the product's title. */
.ak-pactions { display: flex; gap: 8px; margin: 0 0 12px; }
.woocommerce div.product .product_title { font-size: clamp(24px, 3vw, 32px); margin: 0 0 6px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ak-text) !important; font-size: 26px !important; font-weight: 800; }
.woocommerce div.product p.price del { color: var(--ak-muted); font-weight: 400; font-size: .7em; }
.woocommerce div.product p.price ins { text-decoration: none; }
.woocommerce .star-rating span::before, .woocommerce p.stars a { color: #f5b400; }
.woocommerce div.product .woocommerce-product-details__short-description { font-size: 17px; }
.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 !important; }
.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { display: none; }
.woocommerce div.product form.cart .quantity { margin: 0 !important; float: none !important; }
.woocommerce .quantity .qty { width: 110px; min-height: 50px; border-radius: 999px; text-align: center; font-weight: 800; background: #fff; border: 1.5px solid var(--ak-border); }
.woocommerce div.product form.cart .single_add_to_cart_button, .ak-buy-now { flex: 1 1 200px; float: none !important; }
.woocommerce div.product form.cart.variations_form { display: block; }
.woocommerce div.product form.cart .variations { margin-bottom: 12px; }
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { display: block; padding: 4px 0; text-align: start; }
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; }
.ak-promo { display: flex; align-items: center; gap: 12px; margin: 14px 0; padding: 14px 16px; border-radius: 18px; background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.08); color: var(--ak-accent); font-weight: 800; }
.ak-promo .ak-icon { width: 28px; height: 28px; }
.ak-delivery { margin-top: 18px; padding: 18px; border-radius: 24px; background: var(--ak-fill); }
.ak-delivery h3 { margin: 0 0 12px; font-size: 18px; }
.ak-delivery p { display: flex; gap: 10px; align-items: center; margin: 8px 0; }
.woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; gap: 8px; padding: 0; margin: 0 0 18px; overflow-x: auto; }
.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 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0 !important; border-radius: 999px !important; background: var(--ak-fill) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 9px 18px !important; font-weight: 700; color: var(--ak-text) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--ak-black) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff !important; }
.woocommerce div.product .woocommerce-tabs .panel { padding: 20px; border-radius: 24px; background: var(--ak-fill); }
.woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; }
.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: 24px; }
.woocommerce span.onsale { display: none; }
.product_meta { color: var(--ak-muted); font-size: 14px; }

/* ---------- Cart and checkout (Shop's Review & Pay) ---------- */
.woocommerce table.shop_table { border: 1px solid var(--ak-border); border-radius: 22px; border-collapse: separate; overflow: hidden; }
.woocommerce table.shop_table th { font-weight: 700; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top-color: var(--ak-border); padding: 14px 16px; }
.woocommerce table.cart img { width: 72px; border-radius: 14px; background: var(--ak-fill); }
.woocommerce table.cart td.actions .coupon { display: flex; gap: 8px; }
.woocommerce table.cart td.actions .coupon .input-text { width: 180px; }
.woocommerce a.remove { color: var(--ak-muted) !important; background: var(--ak-fill); }
.woocommerce a.remove:hover { background: #fff0ee; color: #d72c0d !important; }
.woocommerce .cart-collaterals .cart_totals { width: 100%; max-width: 480px; float: none; margin-inline-start: auto; }
.woocommerce .cart-collaterals .cart_totals h2 { font-size: 22px; }
.wc-proceed-to-checkout .checkout-button { width: 100%; font-size: 17px !important; }
@media (max-width: 768px) {
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr { border-radius: 18px; }
	.woocommerce table.cart td.actions .coupon { flex-direction: column; }
	.woocommerce table.cart td.actions .coupon .input-text { width: 100%; }
}

.woocommerce-checkout .col2-set, .woocommerce-checkout #order_review, .woocommerce-checkout #order_review_heading { width: 100%; float: none; }
/* Computers: the details on one side; "Your order", the summary and payment together on the other,
   from the top (named areas, so a long form never pushes the summary down). */
.woocommerce-checkout form.checkout::before, .woocommerce-checkout form.checkout::after { display: none; }
@media (min-width: 1025px) {
	.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "details heading" "details review"; column-gap: 28px; align-items: start; }
	.woocommerce-checkout form.checkout > * { grid-column: 1; }
	.woocommerce-checkout form.checkout > #customer_details { grid-area: details; }
	.woocommerce-checkout form.checkout > #order_review_heading { grid-area: heading; margin: 0 0 12px; }
	.woocommerce-checkout form.checkout > #order_review { grid-area: review; position: sticky; top: 100px; }
}
/* Boxes WooCommerce leaves empty (shipping to another address when that is off). */
.woocommerce-checkout .woocommerce-shipping-fields:not(:has(*)), .woocommerce-checkout .woocommerce-additional-fields:not(:has(input, textarea, select)) { display: none; }
.woocommerce-checkout #order_review_heading { font-size: 20px; }
.woocommerce-checkout .woocommerce-privacy-policy-text { color: var(--ak-muted); font-size: 13px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { border-radius: 16px; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width: 100%; float: none; }
.woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review {
	padding: 20px; border: 1px solid var(--ak-border); border-radius: 22px; margin-bottom: 18px;
}
.woocommerce-checkout h3 { font-size: 18px; margin-top: 0; }
.woocommerce form .form-row { padding: 0; margin: 0 0 14px; }
.woocommerce form .form-row label { margin-bottom: 6px; display: block; }
.woocommerce-checkout #payment { background: transparent; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { padding: 0; border: 0; display: grid; gap: 10px; }
.woocommerce-checkout #payment ul.payment_methods li { padding: 14px 16px; border: 1.5px solid var(--ak-border); border-radius: 16px; background: #fff; }
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) { border-color: var(--ak-black); background: var(--ak-fill); }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 700; font-size: 16px; }
.woocommerce-checkout #payment div.payment_box { margin: 10px 0 0; padding: 12px 14px; border-radius: 12px; background: #fff; color: var(--ak-muted); }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment div.form-row { padding: 16px 0 0; }
.woocommerce-checkout #place_order { width: 100%; min-height: 56px; font-size: 18px; float: none; }
.woocommerce-checkout .woocommerce-shipping-methods { list-style: none; padding: 0; margin: 0; }
.woocommerce-checkout .woocommerce-shipping-methods li { padding: 6px 0; }

/* Order received: big confirmation, transfer box from AppKit. */
.woocommerce-order .woocommerce-thankyou-order-received { font-size: 28px; font-weight: 800; background: none !important; padding: 0 !important; }
.woocommerce-order ul.order_details { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 0; margin: 18px 0 !important; }
.woocommerce-order ul.order_details::before, .woocommerce-order ul.order_details::after { display: none; }
.woocommerce-order ul.order_details li { float: none; margin: 0; padding: 14px; border: 0 !important; border-radius: 16px; background: var(--ak-fill); }
/* A long email or amount wraps inside its box instead of running out of it. */
.woocommerce-order ul.order_details li { min-width: 0; }
.woocommerce-order ul.order_details li strong { display: block; overflow-wrap: anywhere; word-break: break-word; }
.woocommerce-order ul.order_details li.email strong, .woocommerce-order ul.order_details li.woocommerce-order-overview__email strong { direction: ltr; text-align: end; font-size: .92em; }
.appkit-transfer { background: var(--ak-fill); border: 0 !important; border-radius: 24px !important; }

/* My Account: the account's card and menu beside the page on computers, above it on phones. */
.woocommerce-account .woocommerce { display: grid; gap: 24px; align-items: start; }
/* WooCommerce's clearfix would be a grid item and push the menu out of its column. */
.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after { display: none; }
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper:empty { display: none; }
/* My Account (inc/account.php): the menu beside the page; on phones the menu is the home. */
.ak-acct { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
@media (min-width: 900px) { .ak-acct { grid-template-columns: 300px minmax(0, 1fr); gap: 32px; } .ak-acct__side { position: sticky; top: 96px; } }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; min-width: 0; }
.ak-acct__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.ak-acct__titles { display: grid; gap: 6px; min-width: 0; }
.ak-acct__head h1 { margin: 0; font-size: 28px; font-weight: 800; }
.ak-acct__back { display: inline-flex; align-items: center; gap: 4px; color: var(--ak-muted); font-weight: 600; font-size: 14px; width: fit-content; }
.ak-acct__back .ak-icon { width: 16px; height: 16px; }
[dir="rtl"] .ak-acct__back .ak-icon { transform: none; }
[dir="ltr"] .ak-acct__back .ak-icon { transform: scaleX(-1); }
.ak-account-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 18px; margin-bottom: 16px; border-radius: 24px; color: #fff; background: linear-gradient(135deg, var(--ak-accent), color-mix(in srgb, var(--ak-accent) 55%, #000)); box-shadow: 0 12px 30px color-mix(in srgb, var(--ak-accent) 25%, transparent); }
.ak-account-card img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: #fff; border: 3px solid rgba(255,255,255,.35); }
.ak-account-card__who { display: flex; flex-direction: column; min-width: 0; }
.ak-account-card__who strong { font-size: 18px; }
.ak-account-card__who span { opacity: .8; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start; }
.ak-account-card__edit { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.18); color: #fff; }
.ak-account-card__edit:hover { background: rgba(255,255,255,.3); color: #fff; }
.ak-account-card__edit .ak-icon { width: 17px; height: 17px; }
.ak-account-card__stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.ak-account-card__stats a { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 16px; background: rgba(255,255,255,.14); color: #fff; }
.ak-account-card__stats a:hover { background: rgba(255,255,255,.24); color: #fff; }
.ak-account-card__stats b { font-size: 20px; line-height: 1.2; }
.ak-account-card__stats span { font-size: 13px; opacity: .85; }
.ak-account-group { margin-bottom: 14px; }
.ak-account-group h2 { margin: 0 0 6px; padding-inline: 6px; font-size: 13px; font-weight: 700; color: var(--ak-muted); }
.ak-account-group ul { list-style: none; margin: 0; padding: 6px; border-radius: 20px; background: var(--ak-fill); display: grid; gap: 2px; }
.ak-account-group li a { display: flex; align-items: center; gap: 12px; padding: 10px 10px; border-radius: 14px; font-weight: 600; color: var(--ak-text); }
.ak-account-group li a:hover { background: rgba(255,255,255,.7); color: var(--ak-text); }
.ak-account-group li a > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: #fff; flex: none; }
.ak-account-group li a > i .ak-icon { width: 18px; height: 18px; }
.ak-account-group li a > span { flex: 1; }
.ak-account-group li a > em { font-style: normal; font-size: 12.5px; font-weight: 700; padding: 1px 9px; border-radius: 99px; background: #fff; }
.ak-account-group li a > .ak-icon { width: 16px; height: 16px; color: var(--ak-muted); }
[dir="rtl"] .ak-account-group li a > .ak-icon { transform: scaleX(-1); }
.ak-account-group li.is-active a { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.ak-account-group li.is-active a > i { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-account-group--logout ul { background: transparent; padding: 0; }
.ak-account-group--logout li a { color: #b42318; }
.ak-account-group--logout li a > i { background: #fdecea; }
.woocommerce-MyAccount-navigation-link--delete-account a { color: var(--ak-muted); }
/* Phones: the account's home is the menu; its other pages hide it and show "back". */
@media (max-width: 899px) {
	.ak-account--sub .ak-acct__side { display: none; }
	.ak-account--home .ak-acct__head { display: none; }
	.ak-account--home .ak-acct { gap: 8px; }
	.ak-account--home .ak-account-hello, .woocommerce-MyAccount-navigation-link--dashboard { display: none; }
}
@media (min-width: 900px) { .ak-acct__back { display: none; } }
.ak-account-hello { font-size: 20px; font-weight: 800; margin: 0 0 18px; }
.ak-account-note { color: var(--ak-muted); margin: -6px 0 16px; }
.ak-acct-block { margin-bottom: 30px; }
.ak-account-sub { display: flex; justify-content: space-between; align-items: baseline; font-size: 19px; margin: 0 0 12px; }
.ak-account-sub a { font-size: 15px; }
.ak-order-cards { display: grid; gap: 10px; }
.ak-order-card { display: flex; align-items: center; gap: 14px; padding: 12px 14px 12px 12px; border: 1px solid var(--ak-border); border-radius: 20px; background: #fff; color: var(--ak-text); transition: border-color .15s, box-shadow .15s; }
.ak-order-card:hover { border-color: transparent; box-shadow: 0 6px 24px rgba(0,0,0,.08); color: var(--ak-text); }
.ak-order-card > .ak-icon { width: 16px; height: 16px; color: var(--ak-muted); flex: none; }
[dir="rtl"] .ak-order-card > .ak-icon { transform: scaleX(-1); }
.ak-order-card__img { flex: none; position: relative; width: 64px; height: 64px; border-radius: 14px; overflow: hidden; background: var(--ak-fill); }
.ak-order-card__img img { width: 100%; height: 100%; object-fit: cover; }
.ak-order-card__img.is-stack { overflow: visible; background: transparent; }
.ak-order-card__img.is-stack img { position: absolute; width: 50px; height: 50px; border-radius: 12px; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.1); }
.ak-order-card__img.is-stack img:nth-child(1) { top: 0; inset-inline-start: 0; z-index: 3; }
.ak-order-card__img.is-stack img:nth-child(2) { top: 8px; inset-inline-start: 10px; z-index: 2; }
.ak-order-card__img.is-stack img:nth-child(3) { top: 14px; inset-inline-start: 18px; z-index: 1; }
.ak-order-card__body { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.ak-order-card__body small { color: var(--ak-muted); }
.ak-order-card__total { font-weight: 800; white-space: nowrap; }
.ak-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--ak-fill); font-style: normal; font-size: 12.5px; font-weight: 700; }
.ak-badge--processing, .ak-badge--on_the_way, .ak-badge--picked_up { background: #fff4d6; color: #8a5a00; }
.ak-badge--completed, .ak-badge--delivered { background: #e3f5e9; color: #1a7f37; }
.ak-badge--on-hold, .ak-badge--pending, .ak-badge--warn { background: #fdecea; color: #b42318; }
.ak-badge--cancelled, .ak-badge--failed, .ak-badge--refunded { background: #eee; color: #555; }
.ak-account-empty { display: grid; justify-items: center; gap: 4px; padding: 36px 20px; border-radius: 24px; background: var(--ak-fill); text-align: center; }
.ak-account-empty > .ak-icon { width: 36px; height: 36px; color: var(--ak-muted); }
.ak-account-empty .ak-btn { display: inline-flex; width: auto; padding-inline: 28px; }
.ak-grid--account { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1100px) { .ak-grid--account { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ak-address-cards { display: grid; gap: 14px; }
@media (min-width: 700px) { .ak-address-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ak-address-card { padding: 18px; border-radius: 22px; border: 1px solid var(--ak-border); background: #fff; }
.ak-address-card__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ak-address-card__head i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: var(--ak-fill); }
.ak-address-card__head i .ak-icon { width: 18px; height: 18px; }
.ak-address-card__head h2 { flex: 1; margin: 0; font-size: 16px; }
.ak-address-card__head .ak-btn { min-height: 36px; padding-inline: 16px; font-size: 14px; width: auto; }
.ak-address-card address { font-style: normal; color: var(--ak-muted); line-height: 1.8; }
.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text, .woocommerce-account .woocommerce-MyAccount-content form select { border-radius: 14px; }
.woocommerce-account .woocommerce-MyAccount-content fieldset { margin-top: 20px; padding: 18px; border: 1px solid var(--ak-border); border-radius: 20px; }
.woocommerce-account .woocommerce-MyAccount-content fieldset legend { padding: 0 8px; font-weight: 700; }

/* The driver's deliveries (from the AppKit plugin). */
.appkit-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.appkit-tabs a { padding: 8px 18px; border-radius: 999px; background: var(--ak-fill); font-weight: 700; color: var(--ak-text); }
.appkit-tabs a[aria-current="page"] { background: var(--ak-text); color: #fff; }
.appkit-empty { padding: 28px; border-radius: 22px; background: var(--ak-fill); text-align: center; color: var(--ak-muted); }
.appkit-deliveries { display: grid; gap: 14px; }
@media (min-width: 1100px) { .appkit-deliveries { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.appkit-delivery { padding: 18px; border: 1px solid var(--ak-border); border-radius: 22px; }
.appkit-delivery header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 18px; }
.appkit-delivery p { margin: 4px 0; }
.appkit-delivery__who { font-weight: 700; }
.appkit-delivery__items { margin: 10px 0; padding: 10px 14px; border-radius: 14px; background: var(--ak-fill); list-style: none; }
.appkit-delivery__money { font-size: 16px; }
.appkit-muted { color: var(--ak-muted); font-size: 14px; }
.appkit-badge { padding: 3px 12px; border-radius: 999px; font-size: 13px; font-weight: 700; background: var(--ak-fill); }
.appkit-badge--picked_up, .appkit-badge--on_the_way { background: #fff4d6; color: #8a5a00; }
.appkit-badge--delivered { background: #e3f5e9; color: #1a7f37; }
.appkit-badge--failed { background: #fdecea; color: #b42318; }
.appkit-delivery__step { display: grid; gap: 10px; margin-top: 14px; }
.appkit-delivery__step label { display: grid; gap: 6px; font-weight: 600; }
.appkit-delivery__step .button { width: 100%; }
.appkit-delivery__step details summary { cursor: pointer; color: var(--ak-muted); font-size: 14px; }
.appkit-delivery__step details[open] { display: grid; gap: 8px; }
.appkit-delivery__step textarea { width: 100%; }
.appkit-delivery__step .appkit-danger { background: #b42318 !important; color: #fff !important; }
.woocommerce form.login, .woocommerce form.register { border: 1px solid var(--ak-border) !important; border-radius: 22px !important; padding: 22px !important; }

/* ---------- Footer ---------- */
/* Dark, with colours drawn from its own text so an owner's footer colours keep working. */
.ak-footer { --ak-foot-soft: color-mix(in srgb, currentColor 12%, transparent); margin-top: 48px; padding-top: 28px; background: #101010; color: rgba(255,255,255,.74); border-start-start-radius: 32px; border-start-end-radius: 32px; }
.ak-footer a { color: inherit; }
.ak-footer a:hover { color: #fff; }
.ak-footer h3 { font-size: 15px; margin: 0 0 12px; color: #fff; }
.ak-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ak-footer p { color: inherit; }
.ak-footer__reach { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-bottom: 30px; }
.ak-footer__card { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 14px 16px; border-radius: 18px; background: var(--ak-foot-soft); color: #fff; min-width: 0; }
.ak-footer a.ak-footer__card { color: #fff; }
.ak-footer a.ak-footer__card:hover { background: color-mix(in srgb, currentColor 18%, transparent); }
.ak-footer__card i { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 13px; background: var(--ak-foot-soft); }
.ak-footer__card .ak-icon { width: 21px; height: 21px; }
.ak-footer__card span { display: grid; min-width: 0; }
.ak-footer__card small { font-size: 12.5px; opacity: .72; }
.ak-footer__card b { font-size: 15.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start; }
.ak-footer .ak-footer__card--go, .ak-footer a.ak-footer__card--go:hover { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-footer a.ak-footer__card--go { color: var(--ak-on-accent); }
.ak-footer a.ak-footer__card--go:hover { filter: brightness(1.08); }
.ak-footer__grid { display: grid; gap: 26px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ak-footer__grid .ak-footer__about { grid-column: 1 / -1; margin: 0; }
@media (min-width: 1025px) { .ak-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; } .ak-footer__grid .ak-footer__about { grid-column: auto; } }
.ak-footer__about p { margin: 10px 0; }
.ak-footer__info > a { display: block; margin-top: 8px; }
.ak-footer .appkit-social { margin-top: 10px; }
.ak-footer .appkit-social a { display: grid !important; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ak-foot-soft); color: #fff; }
.ak-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 20px; margin-top: 26px; padding-block: 18px; border-top: 1px solid var(--ak-foot-soft); font-size: 14px; }
.ak-footer__tools { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.ak-footer__tools .ak-langs a { display: inline-flex; align-items: center; min-height: 32px; }
.ak-credit a { color: inherit; font-weight: 600; }

/* ---------- Landing page ---------- */
.ak-landing__hero { display: grid; gap: 28px; padding-block: 24px; }
@media (min-width: 900px) { .ak-landing__hero { grid-template-columns: 1.1fr 1fr; align-items: center; min-height: 70vh; } }
.ak-landing__media img { width: 100%; border-radius: 30px; background: var(--ak-fill); }
.ak-landing__brand { font-size: 16px; color: var(--ak-muted); }
.ak-landing__info h1 { font-size: clamp(32px, 5vw, 52px); margin: 12px 0; }
.ak-landing__price { font-size: 28px; font-weight: 800; }
.ak-landing__price del { color: var(--ak-muted); font-weight: 400; font-size: .7em; }
.ak-landing__price ins { text-decoration: none; }
.ak-landing__rating { color: var(--ak-muted); }
.ak-landing__points { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 10px; }
.ak-landing__points li { padding: 12px 16px; border-radius: 16px; background: var(--ak-fill); font-weight: 600; }
.ak-landing__points li::before { content: "✓"; color: var(--ak-accent); font-weight: 900; margin-inline-end: 10px; }
.ak-landing__info .ak-btn { margin-top: 10px; }
.ak-countdown { display: inline-block; padding: 8px 14px; border-radius: 999px; background: #fff0ee; color: #d72c0d; font-weight: 700; }
.ak-landing__videos { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); padding-block: 20px; }
.ak-landing__videos .appkit-video { height: auto; width: 100%; border-radius: 24px; }
.ak-landing__videos .appkit-video--wide { grid-column: 1 / -1; }
.ak-landing__gallery { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); padding-block: 20px; }
.ak-landing__gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 22px; }
.ak-landing__about, .ak-landing__reviews { padding-block: 24px; }
.ak-review { margin: 0; padding: 18px; border-radius: 22px; background: var(--ak-fill); }
.ak-review__stars { color: #f5b400; }
.ak-review cite { color: var(--ak-muted); font-style: normal; font-size: 14px; }
.ak-landing__bar { position: sticky; bottom: calc(var(--ak-bottom-bar) + 8px); z-index: 80; padding-block: 8px; }
.ak-landing__bar .ak-container { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border-radius: 999px; background: #fff; box-shadow: 0 8px 28px rgba(0,0,0,.14); max-width: 720px; }
.ak-landing__bar img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.ak-landing__bar .ak-container > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ak-landing__bar strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* The floating WhatsApp button (from AppKit) sits above the bottom bar. */
.appkit-whatsapp { bottom: calc(16px + var(--ak-bottom-bar) + env(safe-area-inset-bottom)) !important; }

/* WooCommerce styles its form fields with more specific selectors; match them. */
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce-page form .form-row .input-text,
.woocommerce form .form-row textarea, .woocommerce table.cart td.actions .coupon .input-text {
	min-height: 50px; padding: 12px 16px; border: 2px solid transparent; border-radius: 14px; background: var(--ak-fill); line-height: 1.4;
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { border-color: var(--ak-accent); background: #fff; }
.woocommerce form .form-row.woocommerce-invalid .input-text { border-color: #d72c0d; }
.woocommerce-checkout #order_review table.shop_table { border: 0; }
.woocommerce-checkout #order_review table.shop_table td, .woocommerce-checkout #order_review table.shop_table th { padding-inline: 0; }
/* The landing page has its own WhatsApp button and a buy bar where the floating one would sit. */
.ak-landing-page .appkit-whatsapp { display: none !important; }

/* ---------- Home slider ---------- */
.ak-sliders { display: grid; gap: 14px; margin-bottom: 20px; }
@media (min-width: 700px) { .ak-sliders--double { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ak-slider { position: relative; overflow: hidden; border-radius: 26px; background: var(--ak-fill); }
.ak-slider__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ak-slider__track::-webkit-scrollbar { display: none; }
.ak-slide { position: relative; flex: 0 0 100%; aspect-ratio: var(--ak-ratio, 16 / 9); scroll-snap-align: center; overflow: hidden; }
.ak-slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-slide::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, var(--o, .25)); pointer-events: none; }
.ak-slide__link { position: absolute; inset: 0; z-index: 2; }
/* The text is placed by percent: 0 is the left or top edge, 100 the right or bottom edge. */
.ak-slide__area { position: absolute; inset: 7%; z-index: 3; pointer-events: none; }
.ak-slide__text { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); transform: translate(calc(var(--x) * -1%), calc(var(--y) * -1%)); max-width: min(90%, 560px); color: var(--c, #fff); }
.ak-slide__text.ak-align-left { text-align: left; }
.ak-slide__text.ak-align-right { text-align: right; }
.ak-slide__text.ak-align-center { text-align: center; }
.ak-slide__text h2 { margin: 0; font-size: clamp(22px, 4vw, 44px); line-height: 1.2; font-weight: 800; color: inherit; text-shadow: 0 2px 16px rgba(0,0,0,.25); }
.ak-sliders--double .ak-slide__text h2 { font-size: clamp(20px, 2.6vw, 32px); }
.ak-slide__text p { margin: 6px 0 0; font-size: clamp(14px, 1.6vw, 19px); opacity: .92; }
.ak-slide__btns { display: inline-flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; pointer-events: auto; }
.ak-align-center .ak-slide__btns { justify-content: center; }
.ak-slide__btn { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border-radius: 999px; font-weight: 700; white-space: nowrap; }
.ak-slide__btn--light { background: #fff; color: #0d0d0d; }
.ak-slide__btn--dark { background: #0d0d0d; color: #fff; }
.ak-slide__btn--accent { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-slide__btn:hover { opacity: .9; color: inherit; }
.ak-slide__btn--light:hover { color: #0d0d0d; }
.ak-slider__nav { position: absolute; top: 50%; z-index: 4; width: 40px; height: 40px; margin-top: -20px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); color: #0d0d0d; cursor: pointer; opacity: 0; transition: opacity .2s; }
.ak-slider:hover .ak-slider__nav, .ak-slider__nav:focus-visible { opacity: 1; }
@media (hover: none) { .ak-slider__nav { display: none; } }
.ak-slider__nav--prev { inset-inline-start: 12px; }
.ak-slider__nav--next { inset-inline-end: 12px; }
[dir="rtl"] .ak-slider__nav--next svg, html:not([dir="rtl"]) .ak-slider__nav--prev svg { transform: rotate(180deg); }
.ak-slider__dots { position: absolute; bottom: 12px; left: 0; right: 0; z-index: 4; display: flex; justify-content: center; gap: 6px; }
.ak-slider__dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.55); cursor: pointer; transition: width .2s, background .2s; }
.ak-slider__dots button[aria-current="true"] { width: 22px; background: #fff; }
/* Stacked: the slides lie on one another; the two after the current one peek out on the end side. */
.ak-sliders--stack .ak-slider { overflow: visible; background: none; border-radius: 0; padding-inline-end: 24px; touch-action: pan-y; }
.ak-sliders--stack .ak-slider__track { display: grid; overflow: visible; }
.ak-sliders--stack .ak-slide { grid-area: 1 / 1; border-radius: 26px; overflow: hidden; transform-origin: var(--ak-end, right) center; transition: transform .45s ease, opacity .45s ease; z-index: 0; opacity: 0; pointer-events: none; }
.ak-sliders--stack .ak-slide[data-depth="0"] { z-index: 3; opacity: 1; pointer-events: auto; }
.ak-sliders--stack .ak-slide[data-depth="1"] { z-index: 2; opacity: .8; transform: translateX(calc(var(--ak-endx, 1) * 12px)) scale(.94); }
.ak-sliders--stack .ak-slide[data-depth="2"] { z-index: 1; opacity: .6; transform: translateX(calc(var(--ak-endx, 1) * 24px)) scale(.88); }
.ak-sliders--stack .ak-slide[data-depth="out"] { z-index: 4; opacity: 0; transform: translateX(calc(var(--ak-endx, 1) * -110%)) rotate(calc(var(--ak-endx, 1) * -4deg)); }
[dir="rtl"] .ak-sliders--stack { --ak-end: left; --ak-endx: -1; }
.ak-sliders--stack .ak-slider__dots { inset-inline-end: 24px; }
.ak-sliders--stack .ak-slider__nav--next { inset-inline-end: 36px; }
@media (prefers-reduced-motion: reduce) { .ak-sliders--stack .ak-slide { transition: none; } }

/* ---------- Order received ---------- */
.ak-thanks { max-width: 860px; margin-inline: auto; }
.ak-thanks__hero { text-align: center; padding: 28px 20px 8px; }
.ak-thanks__icon { display: inline-grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: #e3f5e9; color: #1a7f37; margin-bottom: 14px; }
.ak-thanks__icon svg { width: 36px; height: 36px; stroke-width: 2.6; }
.ak-thanks__hero.is-failed .ak-thanks__icon { background: #fdecea; color: #b42318; }
.ak-thanks__hero h2 { font-size: clamp(24px, 3.4vw, 32px); margin: 0 0 6px; }
.ak-thanks__hero p { color: var(--ak-muted); margin: 0 auto; max-width: 520px; }
.ak-thanks__facts { list-style: none; padding: 0; margin: 24px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 700px) { .ak-thanks__facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ak-thanks__facts li { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 18px; background: var(--ak-fill); min-width: 0; }
.ak-thanks__facts span { color: var(--ak-muted); font-size: 13px; }
.ak-thanks__facts strong { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-steps { list-style: none; padding: 0; margin: 0 0 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; counter-reset: s; }
.ak-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: 13.5px; font-weight: 600; color: var(--ak-muted); }
.ak-steps li::before { content: ""; position: absolute; top: 17px; inset-inline-end: 50%; width: 100%; height: 3px; background: var(--ak-fill-2); z-index: 0; }
.ak-steps li:first-child::before { display: none; }
.ak-steps li.is-done::before, .ak-steps li.is-now::before { background: var(--ak-accent); }
.ak-steps__dot { position: relative; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ak-fill-2); color: var(--ak-muted); font-weight: 800; }
.ak-steps__dot svg { width: 18px; height: 18px; stroke-width: 3; }
.ak-steps li.is-done { color: var(--ak-text); }
.ak-steps li.is-done .ak-steps__dot { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-steps li.is-now { color: var(--ak-text); }
.ak-steps li.is-now .ak-steps__dot { background: #fff; color: var(--ak-accent); box-shadow: inset 0 0 0 3px var(--ak-accent); }
.ak-thanks__mail { text-align: center; color: var(--ak-muted); font-size: 14px; }
.ak-thanks__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 28px 0 8px; }
.ak-thanks__actions .ak-btn { width: auto; padding-inline: 26px; }
.ak-thanks .woocommerce-order-details, .ak-thanks .woocommerce-customer-details { margin-top: 28px; }
.ak-thanks .woocommerce-order-details__title, .ak-thanks .woocommerce-column__title { font-size: 20px; }
.ak-item-thumb { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; vertical-align: middle; margin-inline-end: 10px; background: var(--ak-fill); }
.woocommerce-customer-details address { border-radius: 18px !important; padding: 16px 18px !important; border: 1px solid var(--ak-border) !important; }

/* The transfer box (from the AppKit plugin): steps, the number to copy, the receipt upload. */
.appkit-transfer { margin: 8px 0 24px; padding: 22px; border-radius: 24px; background: var(--ak-fill); border: 0; }
.appkit-transfer h2 { margin: 0 0 14px; font-size: 20px; }
.appkit-transfer__steps { margin: 0; padding-inline-start: 22px; display: grid; gap: 18px; }
.appkit-transfer__steps li { padding-inline-start: 4px; font-weight: 600; }
.appkit-transfer__steps li > span { display: block; margin-top: 8px; font-weight: 400; }
.appkit-transfer__number { display: flex !important; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 26px; font-weight: 800 !important; letter-spacing: .5px; }
.appkit-copy { border: 0; border-radius: 999px; padding: 6px 14px; background: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.appkit-transfer__holder, .appkit-transfer__note { color: var(--ak-muted); }
.appkit-transfer__qr { display: block; max-width: 180px; margin-top: 10px; border-radius: 14px; background: #fff; }
.appkit-transfer__rejected { color: #b42318; font-weight: 700 !important; }
.appkit-transfer__state { margin: 0; font-weight: 600; }
.appkit-transfer--uploaded { background: #fff7e0; }
.appkit-transfer--approved { background: #e3f5e9; }
.appkit-transfer__receipt { display: block; max-width: 200px; max-height: 260px; margin-top: 14px; border-radius: 14px; object-fit: contain; background: #fff; }
.appkit-transfer__form { display: grid; gap: 12px; margin-top: 12px; }
.appkit-file { position: relative; display: flex; align-items: center; justify-content: center; min-height: 92px; padding: 16px; border: 2px dashed var(--ak-border); border-radius: 18px; background: #fff; text-align: center; color: var(--ak-muted); cursor: pointer; }
.appkit-file:hover { border-color: var(--ak-accent); color: var(--ak-text); }
.appkit-file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.appkit-file[data-name]:not([data-name=""]) span { display: none; }
.appkit-file[data-name]:not([data-name=""])::after { content: attr(data-name); color: var(--ak-text); font-weight: 700; direction: ltr; }
.appkit-transfer__form .button { width: 100%; }

/* ---------- Product page details ---------- */
.ak-eyebrow { display: inline-block; margin-bottom: 6px; color: var(--ak-muted); font-size: 14px; font-weight: 700; }
.ak-eyebrow:hover { color: var(--ak-accent); }
.ak-stock { display: inline-flex; align-items: center; gap: 8px; margin: 2px 0 10px; font-weight: 700; color: #1a7f37; font-size: 15px; }
.ak-stock::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(26,127,55,.15); }
.ak-stock.is-low { color: #b54708; }
.ak-stock.is-low::before { box-shadow: 0 0 0 4px rgba(181,71,8,.15); }
.ak-stock.is-out { color: #b42318; }
.ak-stock.is-out::before { box-shadow: 0 0 0 4px rgba(180,35,24,.15); }
.ak-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-chip-meta { display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 999px; background: var(--ak-fill); color: var(--ak-text); font-size: 13px; font-weight: 600; }
a.ak-chip-meta:hover { background: var(--ak-fill-2); color: var(--ak-text); }
.woocommerce div.product .woocommerce-tabs .panel h2:first-child { font-size: 20px; margin-top: 0; }
.woocommerce table.shop_attributes { border: 0; margin: 0; border-collapse: separate; border-spacing: 0 8px; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { border: 0 !important; background: #fff !important; padding: 12px 16px !important; font-style: normal; }
.woocommerce table.shop_attributes th { width: 35%; border-start-start-radius: 14px; border-end-start-radius: 14px; font-weight: 700; }
.woocommerce table.shop_attributes td { border-start-end-radius: 14px; border-end-end-radius: 14px; color: var(--ak-muted); }
.woocommerce table.shop_attributes td p { margin: 0; }
.woocommerce-notices-wrapper .woocommerce-message { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 18px; border: 0; background: var(--ak-fill); }
.woocommerce-notices-wrapper .woocommerce-message::before { display: none; }

/* The phone's bottom bar on a product: price and add to cart. */
.ak-buybar { position: fixed; z-index: 60; inset-inline: 10px; bottom: calc(var(--ak-bottom-bar, 0px) + 10px); display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 14px; border-radius: 22px; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.18); }
[dir="rtl"] .ak-buybar { padding: 8px 14px 8px 8px; }
.ak-buybar[hidden] { display: none; }
.ak-buybar img { width: 46px; height: 46px; border-radius: 12px; object-fit: cover; background: var(--ak-fill); }
.ak-buybar__info { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ak-buybar__info strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-buybar__info span { font-size: 14px; font-weight: 800; }
.ak-buybar__info del { color: var(--ak-muted); font-weight: 400; font-size: 12px; }
.ak-buybar .ak-btn { width: auto; min-height: 46px; padding-inline: 18px; white-space: nowrap; }
@media (min-width: 1025px) { .ak-buybar { display: none !important; } }
/* While the buy bar shows, the WhatsApp button sits above it. */
.ak-buybar-on .appkit-whatsapp { bottom: calc(var(--ak-bottom-bar, 0px) + 92px) !important; transition: bottom .2s; }
/* Tab names on one line; the row scrolls when they do not fit. */
.woocommerce div.product .woocommerce-tabs ul.tabs { flex-wrap: nowrap; scrollbar-width: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { flex: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap; }

/* ---------- Search page ---------- */
.ak-locked, .ak-locked body { overflow: hidden; }
/* Nothing floats over the search page or the filters. */
.ak-locked .appkit-whatsapp, .ak-locked .ak-top, .ak-locked .ak-buybar, .ak-locked .ak-bottom { display: none !important; }
.ak-search-page { position: fixed; inset: 0; z-index: 1200; overflow-y: auto; background: #fff; }
.ak-search-page[hidden] { display: none; }
.ak-search-page__bar { position: sticky; top: 0; z-index: 2; padding: 12px 0; background: #fff; border-bottom: 1px solid var(--ak-border); }
.ak-search-page__bar .ak-container { display: flex; align-items: center; gap: 10px; }
.ak-search--page { margin: 0 !important; max-width: none; flex: 1; order: 0 !important; }
.ak-search-page__body { padding-block: 18px 60px; }
.ak-search-section { margin-bottom: 26px; }
.ak-search-section h3 { margin: 0 0 12px; font-size: 18px; }
.ak-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (min-width: 700px) { .ak-mini-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ak-mini-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ak-mini { display: flex; flex-direction: column; gap: 4px; color: var(--ak-text); min-width: 0; }
.ak-mini__img { aspect-ratio: 1; border-radius: 16px; overflow: hidden; background: var(--ak-fill); }
.ak-mini__img img { width: 100%; height: 100%; object-fit: cover; }
.ak-mini__name { font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-mini__price { font-weight: 800; font-size: 14px; }
.ak-mini__price del { color: var(--ak-muted); font-weight: 400; font-size: 12px; margin-inline-start: 4px; }
.ak-mini:hover { color: var(--ak-text); }
.ak-mini:hover .ak-mini__img img { transform: scale(1.04); transition: transform .3s; }
.ak-search-fix { margin: 0 0 14px; color: var(--ak-muted); }
.ak-search-fix button { border: 0; background: none; padding: 0; color: var(--ak-accent); font: inherit; font-weight: 800; cursor: pointer; text-decoration: underline; }
.ak-search-none { padding: 30px 0; text-align: center; color: var(--ak-muted); }
.ak-search-all { margin-top: 20px; width: 100%; }
.ak-search-page .ak-chips { margin-bottom: 16px; flex-wrap: wrap; }

/* ---------- Product lists: filters beside the list, category header ---------- */
.ak-shop { display: grid; gap: 24px; align-items: start; }
@media (min-width: 1025px) { .ak-shop { grid-template-columns: 260px minmax(0, 1fr); } }
.ak-shop__main { min-width: 0; }
.ak-shop__main .woocommerce-notices-wrapper:empty { display: none; }
/* Toolbar: filter button (phones), count, sorting. */
.ak-shop__main .woocommerce-result-count { float: none; margin: 0; color: var(--ak-muted); font-weight: 600; }
.ak-shop__main .woocommerce-ordering { float: none; margin: 0; }
.ak-shop__main > .woocommerce-result-count, .ak-shop__main > .woocommerce-ordering, .ak-shop__main > .ak-filter-toggle { display: inline-flex; vertical-align: middle; margin-bottom: 16px; }
.ak-shop__main > .woocommerce-ordering { float: inline-end; }
.ak-filter-toggle { align-items: center; gap: 8px; margin-inline-end: 12px; padding: 9px 16px; border: 1.5px solid var(--ak-border); border-radius: 999px; background: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.ak-filter-toggle .ak-icon { width: 18px; height: 18px; }
.ak-filter-toggle b { display: grid; place-items: center; min-width: 20px; height: 20px; border-radius: 999px; background: var(--ak-accent); color: var(--ak-on-accent); font-size: 12px; }
@media (min-width: 1025px) { .ak-filter-toggle { display: none !important; } }

.ak-filters { position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow-y: auto; padding: 4px 4px 16px; scrollbar-width: thin; }
.ak-filters__head { display: none; }
.ak-filter { border-bottom: 1px solid var(--ak-border); padding: 12px 0; }
.ak-filter summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 800; list-style: none; }
.ak-filter summary::-webkit-details-marker { display: none; }
.ak-filter summary::after { content: "+"; font-weight: 400; font-size: 20px; color: var(--ak-muted); }
.ak-filter[open] summary::after { content: "−"; }
.ak-filter[open] summary { margin-bottom: 10px; }
.ak-filter__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.ak-filter__links a { display: flex; justify-content: space-between; padding: 7px 10px; border-radius: 10px; color: var(--ak-text); font-weight: 600; }
.ak-filter__links a span { color: var(--ak-muted); font-weight: 400; font-size: 13px; }
.ak-filter__links a:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-filter__links a[aria-current] { background: var(--ak-fill); color: var(--ak-accent); }
.ak-filter__price { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ak-filter__price label { display: grid; gap: 4px; font-size: 13px; color: var(--ak-muted); }
.ak-filter__price input { width: 100%; min-height: 42px; padding: 0 12px; border-radius: 12px; border: 0; background: var(--ak-fill); font: inherit; }
.ak-check { display: flex; align-items: center; gap: 10px; padding: 6px 0; cursor: pointer; font-weight: 600; }
.ak-check input { width: 18px; height: 18px; accent-color: var(--ak-accent); }
.ak-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-pick input { position: absolute; opacity: 0; pointer-events: none; }
.ak-pick span { display: inline-block; padding: 6px 14px; border-radius: 999px; border: 1.5px solid var(--ak-border); font-weight: 600; font-size: 14px; cursor: pointer; }
.ak-pick input:checked + span { border-color: var(--ak-text); background: var(--ak-text); color: #fff; }
.ak-pick span i { display: inline-block; width: 14px; height: 14px; margin-inline-end: 6px; border-radius: 50%; vertical-align: -2px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.ak-pick input:focus-visible + span { outline: 2px solid var(--ak-accent); outline-offset: 2px; }
.ak-filters__actions { display: grid; gap: 8px; padding-top: 16px; }
.ak-filters__actions .ak-btn { width: 100%; }
.ak-filters__scrim { display: none; }
/* Phones and tablets: the filters slide in from the side. */
@media (max-width: 1024px) {
	.ak-filters { position: fixed; z-index: 1100; top: 0; bottom: 0; inset-inline-start: 0; width: min(88vw, 360px); max-height: none; padding: 0 18px 24px; background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.2); transform: translateX(110%); transition: transform .25s ease; }
	[dir="rtl"] .ak-filters { transform: translateX(110%); }
	html:not([dir="rtl"]) .ak-filters { transform: translateX(-110%); }
	.ak-filters.is-open { transform: none !important; }
	.ak-filters__head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 14px 0; background: #fff; font-size: 18px; }
	.ak-filters__actions { position: sticky; bottom: 0; background: #fff; padding-bottom: 8px; }
	.ak-filters__scrim:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1099; background: rgba(0,0,0,.35); }
}

/* A category's header: its photo, description and sub-categories. */
.ak-list-head h1 { margin-bottom: 6px; }
.ak-term-hero { display: grid; gap: 18px; align-items: center; margin-bottom: 14px; }
.ak-term-hero.has-image { grid-template-columns: minmax(0, 1fr); padding: 0; border-radius: 26px; overflow: hidden; background: var(--ak-fill); }
@media (min-width: 800px) { .ak-term-hero.has-image { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); } }
.ak-term-hero__img { width: 100%; height: 100%; max-height: 320px; object-fit: cover; }
.ak-term-hero.has-image .ak-term-hero__text { padding: 22px 24px; }
.ak-term-hero__count { color: var(--ak-muted); font-weight: 600; }
.ak-term-hero__desc { margin-top: 10px; color: var(--ak-text); line-height: 1.8; max-width: 640px; }
.ak-term-hero__desc p { margin: 0 0 8px; }
.ak-subterms { margin-bottom: 8px; }

/* Rows of products: arrows, one product per click. */
.ak-row { scrollbar-width: none; }
.ak-row::-webkit-scrollbar { display: none; }
.ak-row-wrap { position: relative; }
.ak-row-nav { position: absolute; top: calc(50% - 40px); z-index: 3; display: none; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #fff; color: var(--ak-text); box-shadow: 0 4px 16px rgba(0,0,0,.14); cursor: pointer; transition: opacity .2s; }
.ak-row-nav[disabled] { opacity: 0; pointer-events: none; }
.ak-row-nav--prev { inset-inline-start: -10px; }
.ak-row-nav--next { inset-inline-end: -10px; }
[dir="rtl"] .ak-row-nav--next svg, html:not([dir="rtl"]) .ak-row-nav--prev svg { transform: rotate(180deg); }
@media (hover: hover) and (pointer: fine) { .ak-row-wrap.is-scrollable .ak-row-nav { display: grid; } }
.ak-collections-nav { margin-bottom: 18px; }
.ak-chip-link[aria-current] { background: var(--ak-text); color: #fff; }

/* ---------- Store features ---------- */
.ak-announce { background: var(--ak-announce, var(--ak-text)); color: var(--ak-announce-on, #fff); text-align: center; font-size: 14px; font-weight: 700; padding: 9px 16px; }
.ak-announce a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ak-free-row td { padding: 12px 0 !important; border: 0 !important; }
.ak-free { display: grid; gap: 8px; padding: 12px 14px; border-radius: 14px; background: var(--ak-fill); font-weight: 700; font-size: 14px; }
.ak-free.is-done { background: #e3f5e9; color: #1a7f37; }
.ak-free__bar { height: 8px; border-radius: 999px; background: #fff; overflow: hidden; }
.ak-free__bar i { display: block; height: 100%; border-radius: inherit; background: var(--ak-accent); transition: width .3s; }
.ak-free.is-done .ak-free__bar i { background: #1a7f37; }
.ak-eta { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-weight: 600; font-size: 14.5px; }
.ak-eta .ak-icon { width: 20px; height: 20px; color: var(--ak-muted); }
.ak-trust { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.ak-trust li { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 8px; border-radius: 16px; border: 1px solid var(--ak-border); text-align: center; font-size: 13px; font-weight: 700; }
.ak-trust .ak-icon { width: 22px; height: 22px; color: var(--ak-accent); }
.ak-viewed { margin-top: 32px; }
.ak-viewed .ak-row > a { min-width: 0; }
.ak-top { position: fixed; z-index: 70; inset-inline-start: 16px; bottom: calc(var(--ak-bottom-bar, 0px) + 20px); width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; color: var(--ak-text); box-shadow: 0 6px 20px rgba(0,0,0,.15); cursor: pointer; }
.ak-top[hidden] { display: none; }
.ak-top svg { transform: rotate(-90deg); }

/* ==========================================================================
   Designs the owner picks in the dashboard (Appearance → Design). "shop" is everything above;
   the others change shapes, surfaces and type on top of it. The store's color stays the accent.
   ========================================================================== */

/* Luxe: jewellery, perfume, fashion. Thin lines, nearly square corners, dark bars, airy type. */
.ak-style-luxe { --ak-fill: #f6f4f1; --ak-fill-2: #ece8e2; --ak-border: #e4ded6; --ak-text: #141414; }
.ak-style-luxe h1, .ak-style-luxe h2, .ak-style-luxe .ak-section-title { font-weight: 600; letter-spacing: .02em; }
.ak-style-luxe .ak-header { background: #111; border-bottom-color: #111; color: #fff; }
.ak-style-luxe .ak-header .ak-search { background: rgba(255,255,255,.1); color: rgba(255,255,255,.75); }
.ak-style-luxe .ak-header .ak-search input { color: #fff; }
.ak-style-luxe .ak-header .ak-circle { background: rgba(255,255,255,.1); color: #fff; }
.ak-style-luxe .ak-header__cats a { color: rgba(255,255,255,.85); }
.ak-style-luxe .ak-header .ak-brand, .ak-style-luxe .ak-header .ak-brand:hover { color: #fff; }
.ak-style-luxe .ak-header .ak-count { box-shadow: 0 0 0 2px #111; }
.ak-style-luxe .ak-card__media, .ak-style-luxe .ak-mini__img, .ak-style-luxe .ak-slider, .ak-style-luxe .ak-store-card,
.ak-style-luxe .ak-term-hero.has-image, .ak-style-luxe .woocommerce div.product div.images .woocommerce-product-gallery__image { border-radius: 4px; }
.ak-style-luxe .ak-card__media { background: #fff; border: 1px solid var(--ak-border); }
.ak-style-luxe .ak-card__title { font-weight: 500; letter-spacing: .01em; }
.ak-style-luxe .ak-chip, .ak-style-luxe .ak-card__pricechip { border-radius: 2px; background: #111; color: #fff; }
.ak-style-luxe .ak-chip del { color: rgba(255,255,255,.6); }
.ak-style-luxe .ak-btn, .ak-style-luxe .button, .ak-style-luxe .ak-quick, .ak-style-luxe .ak-slide__btn { border-radius: 2px !important; letter-spacing: .04em; }
.ak-style-luxe .ak-chip-link, .ak-style-luxe .ak-pick span, .ak-style-luxe .ak-filter-toggle { border-radius: 2px; }
.ak-style-luxe .ak-footer { border-radius: 0; }

/* Market: supermarkets, phones, everyday goods. More per row, white cards with a line, bold prices. */
.ak-style-market { --ak-fill: #f4f6f5; --ak-fill-2: #e9edeb; }
.ak-style-market .ak-card { padding: 8px; border: 1px solid var(--ak-border); border-radius: 14px; background: #fff; }
.ak-style-market .ak-card__media { border-radius: 10px; background: #fff; }
.ak-style-market .ak-card__media img { object-fit: contain; padding: 6px; }
.ak-style-market .ak-chip { background: var(--ak-accent); color: var(--ak-on-accent); font-size: 14px; }
.ak-style-market .ak-chip del { color: inherit; opacity: .7; }
@media (min-width: 1025px) { .ak-style-market .ak-grid, .ak-style-market .woocommerce ul.products { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } }
.ak-style-market .ak-slider, .ak-style-market .ak-store-card { border-radius: 16px; }
.ak-style-market .ak-section-title { font-size: 20px; }

/* Minimal: black and white, square corners, black buttons; the store's color only for links. */
.ak-style-minimal { --ak-fill: #fff; --ak-fill-2: #f3f3f3; --ak-border: #e2e2e2; }
.ak-style-minimal .ak-card__media, .ak-style-minimal .ak-mini__img, .ak-style-minimal .ak-slider, .ak-style-minimal .ak-store-card,
.ak-style-minimal .woocommerce div.product div.images .woocommerce-product-gallery__image { border-radius: 0; border: 1px solid var(--ak-border); }
.ak-style-minimal .ak-btn, .ak-style-minimal .button, .ak-style-minimal button.button, .ak-style-minimal a.button { background: #0d0d0d !important; color: #fff !important; border-radius: 0 !important; }
.ak-style-minimal .ak-quick, .ak-style-minimal .ak-slide__btn { border-radius: 0 !important; }
.ak-style-minimal .ak-chip, .ak-style-minimal .ak-chip-link, .ak-style-minimal .ak-pick span, .ak-style-minimal .ak-search, .ak-style-minimal .ak-circle { border-radius: 0; }
.ak-style-minimal .ak-chip-link { border: 1px solid var(--ak-border); background: #fff; }
.ak-style-minimal .ak-footer { border-radius: 0; }
.ak-style-minimal input[type="text"], .ak-style-minimal input[type="email"], .ak-style-minimal input[type="tel"], .ak-style-minimal input[type="password"],
.ak-style-minimal input[type="search"], .ak-style-minimal input[type="number"], .ak-style-minimal textarea, .ak-style-minimal select { border-radius: 0; border: 1px solid var(--ak-border); background: #fff; }

/* Soft: very round, surfaces tinted with the store's color. */
.ak-style-soft { --ak-fill: color-mix(in srgb, var(--ak-accent) 7%, #fff); --ak-fill-2: color-mix(in srgb, var(--ak-accent) 13%, #fff); --ak-border: color-mix(in srgb, var(--ak-accent) 16%, #fff); }
.ak-style-soft .ak-card__media, .ak-style-soft .ak-mini__img, .ak-style-soft .ak-slider, .ak-style-soft .ak-store-card,
.ak-style-soft .woocommerce div.product div.images .woocommerce-product-gallery__image { border-radius: 32px; }
.ak-style-soft .ak-chip { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-style-soft .ak-chip del { color: inherit; opacity: .75; }
.ak-style-soft .ak-footer { border-start-start-radius: 44px; border-start-end-radius: 44px; }
.ak-style-soft .ak-header { background: color-mix(in srgb, var(--ak-accent) 4%, rgba(255,255,255,.94)); }

/* Product videos (from the AppKit plugin). A link plays in a frame cut to the video's own shape
   (.ak-embed, --r = width / height) centred in whatever holds it; each site's header, buttons and
   counters fall outside the cut, so only the video shows. */
.appkit-video, .ak-gallery-video, .ak-vid__media, .ak-viewer__media, .ak-vfull__stage { container-type: size; }
.ak-embed { position: absolute; inset: 0; margin: auto; overflow: hidden; background: #000; --r: .5625; width: min(100cqw, 100cqh * var(--r)); height: min(100cqh, 100cqw / var(--r)); }
.ak-embed:empty { background: transparent; }
.ak-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; }
.ak-embed--youtube iframe { width: 116%; height: 116%; top: -8%; left: -8%; }
.ak-embed--tiktok iframe { width: 150%; height: 130%; top: -15%; left: -25%; }
.ak-embed--facebook iframe { width: 140%; height: 140%; top: -20%; left: -20%; }
.ak-embed--instagram iframe { width: calc(100% + 2px); left: -1px; top: -55px; height: calc(100% + 480px); }
/* The landing page's videos. */
.appkit-video { position: relative; flex: 0 0 auto; border-radius: 22px; overflow: hidden; background: #000; height: min(70vh, 520px); aspect-ratio: 9 / 16; max-width: 100%; }
.appkit-video--wide { height: auto; width: min(100%, 720px); aspect-ratio: 16 / 9; }
.appkit-video video { display: block; width: 100%; height: 100%; object-fit: contain; }
/* Among the product's photos: a square like them, the video whole inside it. */
.woocommerce div.product div.images .ak-gallery-video { position: relative; flex: 0 0 100%; aspect-ratio: 1; overflow: hidden; border-radius: 26px; background: #000; scroll-snap-align: center; }
.ak-gallery-video video, .ak-gallery-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; }
.ak-gallery-video .ak-embed { z-index: 1; }
.ak-gallery-video__open { position: absolute; inset: 0; z-index: 2; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.ak-style-luxe .woocommerce div.product div.images .ak-gallery-video { border-radius: 4px; }
.ak-style-minimal .woocommerce div.product div.images .ak-gallery-video { border-radius: 0; }
.ak-style-soft .woocommerce div.product div.images .ak-gallery-video { border-radius: 32px; }
.ak-thumbs button.is-video { position: relative; background: #000; }
.ak-thumbs button.is-video::after { content: ""; position: absolute; inset: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; filter: drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
/* A video opened over the page, with sound. */
.ak-vfull { position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,.94); }
.ak-vfull__stage { position: absolute; inset: 0; }
.ak-vfull__stage video { position: absolute; inset: 0; margin: auto; max-width: 100%; max-height: 100%; }
.ak-vfull__close { position: absolute; top: max(14px, env(safe-area-inset-top)); inset-inline-end: 14px; z-index: 3; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: #111; font-size: 28px; line-height: 1; cursor: pointer; }

/* ---------- Videos page (reels) ---------- */
.ak-vids__top { display: none; }
.ak-vids__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (min-width: 800px) { .ak-vids__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } }
@media (min-width: 1200px) { .ak-vids__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ak-vid { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ak-vid__media { position: relative; aspect-ratio: 9 / 16; border-radius: 22px; overflow: hidden; background: #0d0d0d; cursor: pointer; isolation: isolate; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.ak-vid__media video { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; transition: transform .4s; }
.ak-vid__media:hover video { transform: scale(1.03); }
.ak-vid__tap { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.45), transparent 35%); pointer-events: none; }
.ak-vid__tools { position: absolute; top: 10px; inset-inline-end: 10px; display: grid; gap: 8px; z-index: 2; }
.ak-vid__btn { width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(0,0,0,.42); color: #fff; cursor: pointer; backdrop-filter: blur(8px); transition: background .15s, transform .15s; }
.ak-vid__btn:hover { background: rgba(0,0,0,.65); color: #fff; transform: scale(1.06); }
.ak-vid__btn .ak-icon { width: 18px; height: 18px; }
.is-sound > .ak-vid__media [data-vid-sound], .ak-viewer.is-sound [data-v="sound"] { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-vid__bar { position: absolute; inset-inline: 14px; bottom: 12px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; z-index: 2; pointer-events: none; }
.ak-vid__bar i { display: block; height: 100%; width: 0; background: #fff; border-radius: inherit; }
.ak-vid__info { display: grid; gap: 10px; }
.ak-vid__product { display: flex; align-items: center; gap: 10px; color: var(--ak-text); min-width: 0; }
.ak-vid__product:hover { color: var(--ak-text); }
.ak-vid__product img { width: 46px; height: 46px; border-radius: 12px; object-fit: cover; background: var(--ak-fill); flex: none; }
.ak-vid__product > span { display: grid; gap: 2px; min-width: 0; }
.ak-vid__product strong { font-size: 14px; line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-vid__product em { font-style: normal; font-weight: 800; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-vid__product em del { color: var(--ak-muted); font-weight: 400; font-size: 12.5px; margin-inline-end: 6px; }
.ak-vid__product em del, .ak-vid__product em ins, .ak-vid__product em bdi, .ak-vid__product em .amount { display: inline !important; white-space: nowrap; }
.ak-vid__product em .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ak-vid__product em ins { text-decoration: none; }
.ak-vid__actions { display: flex; gap: 8px; }
.ak-vid__actions .ak-btn { flex: 1; min-height: 40px; padding-inline: 10px; font-size: 13.5px; gap: 6px; margin: 0; }
.ak-vid__actions .ak-btn .ak-icon { width: 17px; height: 17px; }
.ak-vid__actions .added_to_cart { display: none !important; }
.ak-vid__actions [hidden] { display: none !important; }
.ak-vids__more { display: flex; justify-content: center; margin: 28px 0; }

/* Phones: the clips fill the screen above the bottom bar, one at a time, like the app. */
@media (max-width: 768px) {
	.ak-vids-feed .ak-header, .ak-vids-feed .ak-announce, .ak-vids-feed .ak-vids-head, .ak-vids-feed .ak-tabs, .ak-vids-feed .ak-footer, .ak-vids-feed .appkit-whatsapp, .ak-vids-feed .ak-top { display: none !important; }
	.ak-vids-feed { background: #000; }
	.ak-vids-feed .ak-vids { position: fixed; inset: 0 0 var(--ak-bottom-bar, 0px); z-index: 40; background: #000; }
	.admin-bar.ak-vids-feed .ak-vids { top: 46px; }
	.ak-vids-feed .ak-vids__top { display: flex; align-items: center; gap: 10px; position: absolute; top: 0; inset-inline: 0; z-index: 3; padding: max(12px, env(safe-area-inset-top)) 14px 12px; color: #fff; background: linear-gradient(to bottom, rgba(0,0,0,.5), transparent); pointer-events: none; }
	.ak-vids-feed .ak-vids__top > * { pointer-events: auto; }
	.ak-vids-feed .ak-vids__top strong { font-size: 17px; }
	.ak-vids-feed .ak-vids__grid { display: block; height: 100%; overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior: contain; scrollbar-width: none; }
	.ak-vids-feed .ak-vids__grid::-webkit-scrollbar { display: none; }
	.ak-vids-feed .ak-vid { height: 100%; gap: 0; scroll-snap-align: start; scroll-snap-stop: always; background: #fff; }
	.ak-vids-feed .ak-vid__media { flex: 1; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
	.ak-vids-feed .ak-vid__media:hover video { transform: none; }
	.ak-vids-feed .ak-vid__tools { top: auto; bottom: 22px; }
	.ak-vids-feed .ak-vid__bar { inset-inline: 0; bottom: 0; border-radius: 0; }
	.ak-vids-feed .ak-vid__info { grid-template-columns: 1fr; gap: 10px; padding: 12px 14px 14px; }
	.ak-vids-feed .ak-vid__product img { width: 54px; height: 54px; }
	.ak-vids-feed .ak-vid__actions .ak-btn { min-height: 44px; }
	.ak-vids-feed .ak-vids__more { display: none; }
}

/* A clip opened on a wide screen: large, with its product beside it. */
.ak-viewer { position: fixed; inset: 0; z-index: 1002; display: none; align-items: center; justify-content: center; background: rgba(10,10,12,.92); backdrop-filter: blur(6px); padding: 24px; }
.ak-viewer.is-on { display: flex; }
.ak-viewer__stage { display: flex; align-items: stretch; gap: 22px; max-height: 100%; }
.ak-viewer__media { position: relative; height: min(88vh, 860px); aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden; background: #000; cursor: pointer; }
.ak-viewer__media video { width: 100%; height: 100%; object-fit: cover; display: block; -webkit-user-select: none; user-select: none; }
.ak-viewer__side { width: 360px; max-height: min(88vh, 860px); overflow-y: auto; background: #fff; border-radius: 24px; padding: 22px; display: flex; flex-direction: column; }
.ak-viewer__side .ak-vid__info { gap: 16px; }
.ak-viewer__side .ak-vid__product { flex-direction: column; align-items: stretch; gap: 14px; }
.ak-viewer__side .ak-vid__product img { width: 100%; height: auto; aspect-ratio: 1; border-radius: 18px; }
.ak-viewer__side .ak-vid__product strong { font-size: 19px; -webkit-line-clamp: 3; }
.ak-viewer__side .ak-vid__product em { font-size: 18px; white-space: normal; }
.ak-viewer__side .ak-vid__desc { color: var(--ak-muted); font-size: 14px; line-height: 1.7; }
.ak-viewer__side .ak-vid__desc p { margin: 0 0 8px; }
.ak-viewer__side .ak-vid__actions { flex-direction: column; }
.ak-viewer__side .ak-vid__actions .ak-btn { min-height: 48px; font-size: 15px; }
.ak-viewer__close { position: absolute; top: 18px; inset-inline-end: 18px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.ak-viewer__close:hover { background: rgba(255,255,255,.26); }
.ak-viewer__nav { display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.ak-viewer__nav button { width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; }
.ak-viewer__nav button:hover:not(:disabled) { background: rgba(255,255,255,.28); }
.ak-viewer__nav button:disabled { opacity: .3; cursor: default; }
.ak-viewer__nav button .ak-icon { width: 20px; height: 20px; transform: rotate(90deg); }
.ak-viewer__nav button + button .ak-icon { transform: rotate(-90deg); }
.ak-vids__top .ak-icon { transform: scaleX(-1); }
@media (max-width: 1000px) { .ak-viewer__side { display: none; } }
.ak-pager { display: flex; justify-content: center; gap: 10px; margin: 28px 0; }
.ak-pager .ak-btn { width: auto; padding-inline: 28px; }

/* ---------- The "Shop" menu, the store's pages in menus, and the lists' tabs ---------- */
.ak-header__nav { display: flex; align-items: center; gap: 10px; position: relative; }
.ak-header__nav .ak-header__cats { flex: 1; min-width: 0; }
.ak-shopmenu { flex: none; }
.ak-shopmenu summary { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: var(--ak-text); color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; list-style: none; user-select: none; }
.ak-shopmenu summary::-webkit-details-marker { display: none; }
.ak-shopmenu summary .ak-icon { width: 16px; height: 16px; }
.ak-shopmenu summary .ak-icon:last-child { transform: rotate(90deg); transition: transform .2s; }
.ak-shopmenu[open] summary .ak-icon:last-child { transform: rotate(-90deg); }
.ak-shopmenu__panel { position: absolute; z-index: 60; top: calc(100% + 6px); inset-inline: 16px; display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; padding: 22px; border-radius: 24px; background: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.16); }
.ak-shopmenu:not([open]) .ak-shopmenu__panel { display: none; }
/* Pointing at it opens it on computers. */
@media (hover: hover) and (pointer: fine) {
	.ak-shopmenu:hover .ak-shopmenu__panel { display: grid; }
	.ak-shopmenu__panel::before { content: ""; position: absolute; inset-inline: 0; top: -10px; height: 10px; }
}
.ak-shopmenu h3 { margin: 0 0 10px; font-size: 13px; color: var(--ak-muted); font-weight: 700; }
.ak-shopmenu__links { display: grid; gap: 2px; align-content: start; }
.ak-shopmenu__links a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 12px; font-weight: 700; color: var(--ak-text); }
.ak-shopmenu__links a:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-shopmenu__links .ak-icon { width: 20px; height: 20px; color: var(--ak-accent); }
.ak-shopmenu__cats > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 12px; }
.ak-shopmenu__cats a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px; border-radius: 16px; text-align: center; font-weight: 700; font-size: 14px; color: var(--ak-text); }
.ak-shopmenu__cats a:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-shopmenu__cats img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--ak-fill); }

.ak-side__label { display: block; margin: 14px 12px 4px; font-size: 12px; font-weight: 700; color: var(--ak-muted); }
.ak-drawer__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 8px 0 18px; }
.ak-drawer__links a { display: flex; align-items: center; gap: 8px; padding: 12px; border-radius: 16px; background: var(--ak-fill); font-weight: 700; font-size: 14px; }
.ak-drawer__links .ak-icon { width: 18px; height: 18px; color: var(--ak-accent); flex: none; }
.ak-drawer__title { margin: 0 0 6px; font-size: 14px; color: var(--ak-muted); }

/* The lists' tabs: icon and name, the current one filled, scrolling sideways on phones. */
.ak-tabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 0 22px; padding: 4px; border-radius: 999px; background: var(--ak-fill); width: max-content; max-width: 100%; }
.ak-tabs::-webkit-scrollbar { display: none; }
.ak-tabs a { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; font-weight: 700; font-size: 14px; color: var(--ak-text); transition: background .15s; }
.ak-tabs a:hover { background: #fff; color: var(--ak-text); }
.ak-tabs a[aria-current] { background: #fff; color: var(--ak-text); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.ak-tabs .ak-icon { width: 17px; height: 17px; color: var(--ak-muted); }
.ak-tabs a[aria-current] .ak-icon { color: var(--ak-accent); }

/* ---------- Product options: buttons and colour circles ---------- */
.ak-swatch-select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ak-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 6px; }
.ak-swatches button { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border: 1.5px solid var(--ak-border); border-radius: 999px; background: #fff; color: var(--ak-text); font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; transition: border-color .15s, background .15s; }
.ak-swatches button:hover { border-color: var(--ak-text); }
.ak-swatches button[aria-checked="true"] { border-color: var(--ak-text); background: var(--ak-text); color: #fff; }
.ak-swatches button.is-off { opacity: .35; text-decoration: line-through; cursor: not-allowed; }
.ak-swatches--color button { padding: 0 14px 0 6px; }
[dir="rtl"] .ak-swatches--color button { padding: 0 6px 0 14px; }
.ak-swatches--color button i { width: 28px; height: 28px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); flex: none; }
.ak-swatches--color button[aria-checked="true"] { background: #fff; color: var(--ak-text); box-shadow: 0 0 0 2px var(--ak-text); border-color: #fff; }
.woocommerce div.product form.cart .variations td.value { display: block; }
.woocommerce div.product form.cart .variations th.label label { font-weight: 800; }
.woocommerce div.product form.cart .reset_variations { font-size: 13px; color: var(--ak-muted); }

/* Store pickup's address and note under its option. */
.appkit-pickup-info { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ak-muted, #6b6b6b); line-height: 1.5; }

/* After adding to the cart: a card with the product, free delivery's progress and the next step.
   A pop-up at the bottom on phones and at the top corner on wide screens; on the product page it
   is the notice itself. */
.ak-cartnote { display: grid; gap: 14px; text-align: start; }
.ak-cartnote__head { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.ak-cartnote__head strong { flex: 1; }
.ak-cartnote__check { width: 24px; height: 24px; border-radius: 50%; background: #1a7f37; position: relative; flex: none; }
.ak-cartnote__check::after { content: ""; position: absolute; inset-inline-start: 8.5px; top: 5px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.ak-cartnote__close { width: 32px; height: 32px; border-radius: 50%; border: 0; background: var(--ak-fill); color: var(--ak-text); font-size: 20px; line-height: 1; cursor: pointer; }
.ak-cartnote__item { display: flex; align-items: center; gap: 12px; }
.ak-cartnote__item img { width: 60px; height: 60px; border-radius: 12px; object-fit: cover; background: var(--ak-fill); flex: none; }
.ak-cartnote__item span { display: grid; gap: 3px; min-width: 0; }
.ak-cartnote__item b { font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-cartnote__item em { font-style: normal; color: var(--ak-muted); font-size: 14px; }
.ak-cartnote__sum { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; border-top: 1px solid var(--ak-border); font-size: 14px; color: var(--ak-muted); }
.ak-cartnote__sum b { color: var(--ak-text); font-size: 16px; }
.ak-cartnote__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ak-cartnote__actions .ak-btn { margin: 0; min-height: 46px; justify-content: center; }
.ak-cartnote .ak-free { font-size: 13px; padding: 10px 12px; }
.ak-cartpop { position: fixed; z-index: 1001; inset-inline: 12px; bottom: calc(var(--ak-bottom-bar, 0px) + 12px); max-width: 400px; margin-inline: auto; padding: 18px; border-radius: 22px; background: var(--ak-bg, #fff); color: var(--ak-text); box-shadow: 0 18px 50px rgba(0,0,0,.22); opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .22s, transform .22s; }
.ak-cartpop.is-on { opacity: 1; transform: none; pointer-events: auto; }
@media (min-width: 1025px) {
	.ak-cartpop { inset-inline: auto 24px; top: 96px; bottom: auto; width: 380px; transform: translateY(-12px); }
}
.woocommerce-notices-wrapper .woocommerce-message:has(.ak-cartnote) { display: block; max-width: 520px; padding: 18px; border: 1px solid var(--ak-border); background: var(--ak-bg, #fff); box-shadow: 0 8px 30px rgba(0,0,0,.08); }
.woocommerce-MyAccount-content .woocommerce-info, .woocommerce-MyAccount-content .woocommerce-message { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 10px; }
.woocommerce-MyAccount-content .woocommerce-info .button, .woocommerce-MyAccount-content .woocommerce-message .button { margin: 0; }

/* Home builder sections (inc/home-sections.php). */
.ak-grid--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 700px) { .ak-grid--cols { grid-template-columns: repeat(min(var(--cols, 4), 3), minmax(0, 1fr)); } }
@media (min-width: 1100px) { .ak-grid--cols { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); } }

/* Product cards: bordered (category and stars, price and cart at the foot) and minimal. */
.ak-pcard { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ak-pcard__media { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 16px; background: var(--ak-fill); }
.ak-pcard__media > a { display: block; height: 100%; }
.ak-pcard__media img { width: 100%; height: 100%; object-fit: cover; transition: opacity .3s, transform .4s; }
.ak-pcard__media.has-alt:hover img:first-child { opacity: 0; }
.ak-pcard:hover .ak-pcard__media img { transform: scale(1.03); }
.ak-pcard__title { font-weight: 600; color: var(--ak-text); line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-pcard__meta { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--ak-muted); }
.ak-pcard__rate { color: #b7791f; font-weight: 700; white-space: nowrap; }
.ak-pcard__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; }
.ak-pcard__price { font-weight: 800; color: var(--ak-accent); min-width: 0; }
.ak-pcard__price del { color: var(--ak-muted); font-weight: 400; font-size: 13px; }
.ak-pcard__price ins { text-decoration: none; }
.ak-pcard .ak-quick { position: static; width: 38px; height: 38px; min-height: 0; padding: 0; border-radius: 50%; display: grid; place-items: center; background: var(--ak-fill); color: var(--ak-text); opacity: 1; transform: none; flex: none; }
.ak-pcard .ak-quick span { display: none; }
.ak-pcard .ak-quick:hover { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-pcard .ak-quick .ak-icon { width: 18px; height: 18px; }
.ak-pcard .added_to_cart { display: none !important; }
.ak-pcard--bordered { padding: 12px; border: 1px solid var(--ak-border); border-radius: 22px; background: #fff; transition: box-shadow .2s, border-color .2s; }
.ak-pcard--bordered:hover { border-color: transparent; box-shadow: 0 12px 32px rgba(0,0,0,.08); }
.ak-pcard--bordered .ak-pcard__media { background: #fff; }
.ak-pcard--bordered .ak-pcard__media img { object-fit: contain; }
.ak-pcard--bordered .ak-pcard__foot { padding-top: 10px; border-top: 1px solid var(--ak-border); }
.ak-pcard--minimal .ak-pcard__media { border-radius: 4px; aspect-ratio: 4 / 5; }
.ak-pcard--minimal .ak-pcard__price { color: var(--ak-text); font-weight: 600; }
.ak-row.ak-cards--bordered { grid-auto-columns: minmax(200px, 1fr); }
@media (min-width: 1025px) { .ak-row.ak-cards--bordered { grid-auto-columns: calc((100% - 5 * 14px) / 6); } }

/* A product in a compact row. */
.ak-plist { display: grid; gap: 10px; }
.ak-plist--two { grid-template-columns: 1fr; }
@media (min-width: 700px) { .ak-plist--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ak-litem { display: flex; align-items: center; gap: 14px; padding: 10px; border-radius: 18px; color: var(--ak-text); min-width: 0; }
.ak-litem:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-plist--boxed .ak-litem { border: 1px solid var(--ak-border); background: #fff; padding: 14px; }
.ak-plist--boxed .ak-litem:hover { box-shadow: 0 8px 24px rgba(0,0,0,.07); border-color: transparent; }
.ak-litem img { width: 72px; height: 72px; border-radius: 14px; object-fit: contain; background: var(--ak-fill); flex: none; }
.ak-litem > span { display: grid; gap: 4px; min-width: 0; }
.ak-litem strong { font-weight: 600; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-litem em { font-style: normal; font-weight: 800; color: var(--ak-accent); }
.ak-litem em del { color: var(--ak-muted); font-weight: 400; font-size: 13px; }
.ak-litem em ins { text-decoration: none; }
.ak-stars { display: block; width: 80px; height: 14px; font-style: normal; background: linear-gradient(90deg, #f5b301 calc(var(--r) / 5 * 100%), #e2e2e2 0); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M8 0l2.4 4.6 5.1.8-3.7 3.6.9 5L8 11.6 3.3 14l.9-5L.5 5.4l5.1-.8z'/%3E%3C/svg%3E") 0 0 / 16px 14px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M8 0l2.4 4.6 5.1.8-3.7 3.6.9 5L8 11.6 3.3 14l.9-5L.5 5.4l5.1-.8z'/%3E%3C/svg%3E") 0 0 / 16px 14px repeat-x; }
[dir="rtl"] .ak-stars { background: linear-gradient(-90deg, #f5b301 calc(var(--r) / 5 * 100%), #e2e2e2 0); }

/* Spotlight: one big product, the next ones listed beside it. */
.ak-spot { display: grid; gap: 18px; }
@media (min-width: 900px) { .ak-spot { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: start; } }

/* Product tabs. */
.ak-ptabs__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.ak-ptabs__head .ak-section-title { margin: 0; }
.ak-ptabs__list { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.ak-ptabs__list button { border: 0; padding: 8px 16px; border-radius: 99px; background: var(--ak-fill); color: var(--ak-text); font: inherit; font-weight: 600; font-size: 14px; white-space: nowrap; cursor: pointer; }
.ak-ptabs__list button[aria-selected="true"] { background: var(--ak-accent); color: var(--ak-on-accent); }

/* Categories, slider and today's deal side by side. */
.ak-hero3 { display: grid; gap: 16px; margin-top: 16px; }
@media (min-width: 1100px) {
	.ak-hero3 { grid-template-columns: 250px minmax(0, 1fr) 300px; align-items: stretch; }
	.ak-hero3.no-cats { grid-template-columns: minmax(0, 1fr) 300px; }
	.ak-hero3.no-deal { grid-template-columns: 250px minmax(0, 1fr); }
	.ak-hero3.no-cats.no-deal { grid-template-columns: 1fr; }
}
.ak-hero3__cats { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.ak-hero3__cats a { flex: none; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; border-radius: 14px; background: var(--ak-fill); color: var(--ak-text); font-weight: 600; white-space: nowrap; }
.ak-hero3__cats a:hover { background: var(--ak-fill-2); color: var(--ak-text); }
.ak-hero3__cats img { width: 30px; height: 30px; border-radius: 8px; object-fit: cover; background: #fff; }
@media (min-width: 1100px) {
	.ak-hero3__cats { flex-direction: column; gap: 2px; padding: 10px; border-radius: 26px; background: var(--ak-fill); overflow: auto; }
	.ak-hero3__cats a { background: transparent; padding: 10px 12px; }
	.ak-hero3__cats a:hover { background: #fff; }
}
.ak-hero3__slider { min-width: 0; }
.ak-hero3__slider .ak-sliders, .ak-hero3__slider .ak-store-card { margin: 0; }
@media (min-width: 1100px) { .ak-hero3__slider .ak-slider, .ak-hero3__slider .ak-store-card { height: 100%; } .ak-hero3__slider .ak-sliders { height: 100%; } .ak-hero3__slider .ak-slider__track, .ak-hero3__slider .ak-slide { height: 100%; } }
.ak-hero3__deal { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid var(--ak-border); border-radius: 26px; background: #fff; }
.ak-hero3__deal header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ak-hero3__deal header strong { display: inline-flex; align-items: center; gap: 6px; font-size: 18px; }
.ak-hero3__deal header .ak-icon { width: 20px; height: 20px; color: var(--ak-accent); }
.ak-hero3__dealimg { display: block; flex: 1; min-height: 160px; border-radius: 18px; overflow: hidden; background: var(--ak-fill); }
.ak-hero3__dealimg img { width: 100%; height: 100%; object-fit: cover; }
.ak-hero3__deal .ak-litem { padding: 0; }
.ak-hero3__deal .ak-litem:hover { background: transparent; }

/* Countdown. */
.ak-timer { display: flex; gap: 8px; }
.ak-timer span { display: grid; place-items: center; min-width: 62px; padding: 8px 6px; border-radius: 16px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.ak-timer b { font-size: 24px; line-height: 1.1; }
.ak-timer small { font-size: 12px; color: var(--ak-muted); }
.ak-timer--pill { direction: ltr; display: inline-block; padding: 5px 12px; border-radius: 99px; background: var(--ak-accent); color: var(--ak-on-accent); font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; }

/* Limited offers. */
.ak-deal { margin-top: 28px; }
.ak-deal__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-radius: 26px; background: var(--ak-fill); margin-bottom: 16px; }
.ak-deal__head h2 { margin: 0 0 4px; font-size: 26px; }
.ak-deal__head h2::first-letter { color: var(--ak-accent); }
.ak-deal__head p { margin: 0; color: var(--ak-muted); }
.ak-deal__body { display: grid; gap: 16px; }
@media (min-width: 1000px) { .ak-deal__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; } .ak-deal__body.no-banner { grid-template-columns: 1fr; } }
.ak-deal__banner { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; min-height: 340px; padding: 30px; border-radius: 26px; background: #111 center / cover no-repeat; color: #fff; text-align: center; overflow: hidden; }
.ak-deal__banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 60%); }
.ak-deal__banner.is-dark { color: var(--ak-text); }
.ak-deal__banner.is-dark::before { background: linear-gradient(to bottom, rgba(255,255,255,.6), transparent 60%); }
.ak-deal__banner > * { position: relative; }
.ak-deal__banner strong { font-size: 32px; line-height: 1.2; }
.ak-deal__banner:hover { color: inherit; }

/* Brands. */
.ak-brands { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(130px, 1fr); gap: 12px; overflow-x: auto; scrollbar-width: none; }
.ak-brandlogo { display: grid; place-items: center; height: 90px; padding: 14px; border-radius: 20px; background: var(--ak-fill); color: var(--ak-text); font-weight: 800; font-size: 18px; transition: background .2s; }
.ak-brandlogo:hover { background: var(--ak-fill-2); color: var(--ak-text); }
.ak-brandlogo img { max-height: 48px; max-width: 100%; object-fit: contain; filter: grayscale(.2); }

/* Banners side by side. */
.ak-bnrs { display: grid; gap: 16px; }
@media (min-width: 700px) { .ak-bnrs--two { grid-template-columns: repeat(2, 1fr); } .ak-bnrs--three { grid-template-columns: repeat(3, 1fr); } }
.ak-bnr { position: relative; display: block; border-radius: 26px; overflow: hidden; aspect-ratio: 16 / 9; background: var(--ak-fill); color: #fff; }
.ak-bnrs--one .ak-bnr { aspect-ratio: 21 / 8; }
.ak-bnr img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.ak-bnr:hover img { transform: scale(1.04); }
.ak-bnr__text { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; padding: 26px; background: linear-gradient(to left, rgba(0,0,0,.55), transparent 70%); }
[dir="ltr"] .ak-bnr__text { background: linear-gradient(to right, rgba(0,0,0,.55), transparent 70%); }
.ak-bnr.is-dark { color: var(--ak-text); }
.ak-bnr.is-dark .ak-bnr__text { background: linear-gradient(to left, rgba(255,255,255,.7), transparent 70%); }
.ak-bnr__text strong { font-size: clamp(20px, 3vw, 30px); line-height: 1.2; }
.ak-bnr__text .ak-btn { margin-top: 6px; min-height: 40px; padding-inline: 20px; width: auto; }

/* The videos row. */
.ak-vrow { grid-auto-columns: minmax(150px, 1fr); }
@media (min-width: 1025px) { .ak-vrow { grid-auto-columns: calc((100% - 5 * 14px) / 6); } }
.ak-vthumb { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 20px; overflow: hidden; background: #111; color: #fff; }
.ak-vthumb video { width: 100%; height: 100%; object-fit: cover; }
.ak-vthumb > span { position: absolute; inset: auto 0 0; display: flex; align-items: center; gap: 6px; padding: 30px 12px 12px; background: linear-gradient(to top, rgba(0,0,0,.7), transparent); font-size: 13px; }
.ak-vthumb > span .ak-icon { width: 16px; height: 16px; flex: none; }
.ak-vthumb b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-vthumb:hover { color: #fff; }

/* Store features band. */
.ak-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; padding: 22px; border-radius: 30px; background: #0f0c29; color: #fff; }
@media (min-width: 900px) { .ak-feats { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); border-radius: 99px; padding: 22px 36px; } }
.ak-feat { display: flex; align-items: center; gap: 12px; }
.ak-feat > .ak-icon { width: 30px; height: 30px; color: color-mix(in srgb, var(--ak-accent) 60%, #fff); flex: none; }
.ak-feat span { display: grid; }
.ak-feat small { opacity: .75; }

/* Categories as circles, tiles or cards. */
.ak-cats { display: grid; gap: 14px; }
.ak-cats--circles { grid-auto-flow: column; grid-auto-columns: 96px; overflow-x: auto; scrollbar-width: none; }
.ak-cats--circles .ak-cat { display: grid; justify-items: center; gap: 8px; text-align: center; color: var(--ak-text); font-weight: 600; font-size: 14px; }
.ak-cats--circles img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; background: var(--ak-fill); transition: transform .2s; }
.ak-cats--circles .ak-cat:hover img { transform: scale(1.05); }
.ak-cats--tiles { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.ak-cats--tiles .ak-cat { position: relative; aspect-ratio: 1; border-radius: 20px; overflow: hidden; color: #fff; }
.ak-cats--tiles img { width: 100%; height: 100%; object-fit: cover; }
.ak-cats--tiles span { position: absolute; inset: auto 0 0; padding: 26px 12px 10px; background: linear-gradient(to top, rgba(0,0,0,.6), transparent); font-weight: 700; }
.ak-cats--cards { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.ak-cats--cards .ak-cat { display: grid; grid-template-columns: 64px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 12px; border-radius: 20px; border: 1px solid var(--ak-border); color: var(--ak-text); }
.ak-cats--cards .ak-cat:hover { box-shadow: 0 8px 24px rgba(0,0,0,.07); border-color: transparent; color: var(--ak-text); }
.ak-cats--cards img { grid-row: span 2; width: 64px; height: 64px; border-radius: 14px; object-fit: cover; background: var(--ak-fill); }
.ak-cats--cards span { font-weight: 700; align-self: end; }
.ak-cats--cards small { color: var(--ak-muted); align-self: start; }

/* About the store, folded after a few lines. */
.ak-seo { padding: 22px; border-radius: 26px; background: var(--ak-fill); }
.ak-seo h2 { margin: 0 0 10px; font-size: 20px; }
.ak-seo__body { color: var(--ak-muted); line-height: 1.9; }
.ak-seo.is-folded .ak-seo__body { max-height: 140px; overflow: hidden; -webkit-mask: linear-gradient(#000 60%, transparent); mask: linear-gradient(#000 60%, transparent); }
.ak-seo__more { margin-top: 8px; border: 0; background: none; color: var(--ak-accent); font: inherit; font-weight: 700; cursor: pointer; padding: 0; }

/* Articles as cards with their date. */
.ak-posts { grid-auto-columns: minmax(240px, 1fr); }
@media (min-width: 1025px) { .ak-posts { grid-auto-columns: calc((100% - 3 * 14px) / 4); } }
.ak-postcard { display: flex; flex-direction: column; gap: 8px; color: var(--ak-text); }
.ak-postcard:hover { color: var(--ak-text); }
.ak-postcard__img { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: 20px; overflow: hidden; background: var(--ak-fill); }
.ak-postcard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ak-postcard:hover .ak-postcard__img img { transform: scale(1.04); }
.ak-postcard__date { position: absolute; top: 12px; inset-inline-start: 12px; display: grid; place-items: center; min-width: 48px; padding: 6px; border-radius: 14px; background: #fff; font-size: 12px; line-height: 1.2; box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.ak-postcard__date b { font-size: 18px; }
.ak-postcard strong { font-size: 16px; line-height: 1.4; }
.ak-postcard small { color: var(--ak-muted); line-height: 1.6; }
.ak-postcard em { font-style: normal; color: var(--ak-accent); font-weight: 700; font-size: 14px; }

/* Comparing products. */
.ak-cmp { display: grid; place-items: center; cursor: pointer; }
.ak-cmp .ak-icon { width: 17px; height: 17px; }
.ak-card__cmp { position: absolute; top: 52px; inset-inline-end: 10px; z-index: 2; width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--ak-text); box-shadow: 0 1px 4px rgba(0,0,0,.1); opacity: 0; transition: opacity .15s; }
.ak-card:hover .ak-card__cmp, .ak-pcard:hover .ak-card__cmp, .ak-card__cmp[aria-pressed="true"] { opacity: 1; }
@media (hover: none) { .ak-card__cmp { opacity: 1; } }
.ak-cmp[aria-pressed="true"] { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-cmpbar { position: fixed; z-index: 60; bottom: calc(var(--ak-bottom-bar, 0px) + 16px); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 18px; border-radius: 99px; background: #0d0d0d; color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.25); white-space: nowrap; }
[dir="rtl"] .ak-cmpbar { padding: 8px 18px 8px 8px; }
.ak-cmpbar .ak-btn { min-height: 38px; padding-inline: 18px; width: auto; margin: 0; }
.ak-cmpbar__clear { border: 0; background: none; color: rgba(255,255,255,.7); font: inherit; cursor: pointer; }
.ak-compare { overflow-x: auto; border: 1px solid var(--ak-border); border-radius: 22px; }
.ak-compare table { width: 100%; border-collapse: collapse; min-width: 560px; }
.ak-compare th, .ak-compare td { padding: 12px 14px; border-bottom: 1px solid var(--ak-border); text-align: start; vertical-align: top; }
.ak-compare tbody tr:last-child th, .ak-compare tbody tr:last-child td { border-bottom: 0; }
.ak-compare th { position: sticky; inset-inline-start: 0; z-index: 1; width: 130px; background: var(--ak-fill); font-size: 14px; color: var(--ak-muted); }
.ak-compare thead th { background: #fff; }
.ak-compare td { min-width: 180px; }
.ak-compare__head { position: relative; display: grid; gap: 10px; }
.ak-compare__head img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 16px; background: var(--ak-fill); }
.ak-compare__head strong { display: block; margin-top: 6px; color: var(--ak-text); }
.ak-compare__head .ak-btn { min-height: 40px; width: 100%; margin: 0; }
.ak-compare__remove { position: absolute; top: 6px; inset-inline-end: 6px; z-index: 1; width: 30px; height: 30px; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.15); font-size: 18px; cursor: pointer; }

/* Payment marks at the foot. */
.ak-pay { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.ak-pay li { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 9px; border-radius: 6px; background: #fff; border: 1px solid var(--ak-border); font-size: 11.5px; font-weight: 800; letter-spacing: .2px; color: #333; }
.ak-pay__visa span { color: #1a1f71; font-style: italic; font-size: 13px; }
.ak-pay__mastercard { padding: 0 7px !important; }
.ak-pay__mc { position: relative; width: 26px; height: 16px; }
.ak-pay__mc::before, .ak-pay__mc::after { content: ""; position: absolute; top: 0; width: 16px; height: 16px; border-radius: 50%; }
.ak-pay__mc::before { left: 0; background: #eb001b; }
.ak-pay__mc::after { right: 0; background: rgba(247,158,27,.9); }
.ak-pay__zaincash span { color: #000; } .ak-pay__zaincash { background: #f5f3f8 !important; }
.ak-pay__qi span { color: #f7a400; }
.ak-pay__fastpay span { color: #e6007e; }
.ak-pay__superqi span { color: #ffb400; }
.ak-pay__paypal span { color: #003087; font-style: italic; }
.ak-pay__cod span, .ak-pay__bank span { font-weight: 700; }
.ak-cmpbar[hidden] { display: none; }
.ak-footer ul.ak-pay { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; }
.ak-footer .ak-pay li { margin: 0; }
.ak-side .ak-count, .ak-drawer .ak-count { position: static; margin-inline-start: auto; }

/* The owner's header (theme settings → header): rows of columns on wide screens. */
.ak-hb { display: none; }
@media (min-width: 1025px) {
	.ak-header.has-built .ak-hb { display: block; }
	.ak-header.has-built > .ak-header__bar, .ak-header.has-built > .ak-header__nav { display: none; }
}
.ak-hb-row { border-bottom: 1px solid var(--ak-border); }
.ak-hb-row:last-child { border-bottom: 0; }
.ak-hb-row__in { display: grid; grid-template-columns: repeat(var(--hb-cols, 3), auto); align-items: center; gap: 16px; min-height: 64px; }
.ak-hb-row--top .ak-hb-row__in { min-height: 38px; font-size: 13px; }
.ak-hb-row--top { background: var(--ak-black); color: #fff; }
.ak-hb-row--top a { color: inherit; }
.ak-hb-row--main .ak-hb-row__in { min-height: 76px; }
.ak-hb-row--main .ak-search { max-width: none; width: 100%; }
.ak-hb-col { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ak-hb-col--start { justify-content: flex-start; }
.ak-hb-col--center { justify-content: center; }
.ak-hb-col--end { justify-content: flex-end; }
.ak-hb-row__in:has(.ak-search) { grid-template-columns: auto minmax(300px, 1fr) auto; }
.ak-hb-cats, .ak-hb-links { display: flex; gap: 18px; overflow-x: auto; scrollbar-width: none; font-weight: 600; }
.ak-hb-cats a, .ak-hb-links a { white-space: nowrap; color: inherit; }
.ak-hb-phone { display: inline-flex; align-items: center; gap: 6px; color: inherit; font-weight: 600; }
.ak-hb-phone .ak-icon { width: 16px; height: 16px; }
.ak-hb-social .appkit-social { display: inline-flex; gap: 8px; margin: 0; }
.ak-hb-btn { min-height: 40px; width: auto; padding-inline: 18px; margin: 0; }
.ak-hb-text { font-weight: 600; }
.ak-hb .ak-hb-cats a { background: none; padding: 6px 0; border-radius: 0; color: inherit; }
.ak-hb .ak-hb-cats a:hover { opacity: .8; }
.ak-hb .ak-brand { color: inherit; }

/* Shoppable photo: the products' places are invisible until pointed at. */
.ak-look__stage { position: relative; border-radius: var(--ak-radius); overflow: hidden; background: var(--ak-fill); }
.ak-look__stage > img { display: block; width: 100%; height: auto; }
.ak-look__area { position: absolute; padding: 0; border: 0; background: transparent; cursor: pointer; border-radius: 6px; transition: background .15s, box-shadow .15s; }
.ak-look__area--circle { border-radius: 50%; }
.ak-look__area--point { width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; }
.ak-look__area:hover, .ak-look__area:focus-visible { background: rgba(255,255,255,.18); box-shadow: 0 0 0 2px rgba(255,255,255,.85); outline: 0; }
.ak-look__shapes { position: absolute; inset: 0; width: 100%; height: 100%; }
.ak-look__shapes polygon { fill: transparent; stroke: transparent; cursor: pointer; vector-effect: non-scaling-stroke; transition: fill .15s; }
.ak-look__shapes polygon:hover, .ak-look__shapes polygon:focus { fill: rgba(255,255,255,.18); stroke: rgba(255,255,255,.9); stroke-width: 2; outline: 0; }
/* The owner may show small pulsing dots on each place. */
.ak-look.has-markers .ak-look__area::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255,255,255,.35); animation: ak-pulse 1.8s infinite; }
@keyframes ak-pulse { 50% { box-shadow: 0 0 0 11px rgba(255,255,255,.12); } }
.ak-look__pop { position: absolute; z-index: 5; width: 320px; }
.ak-look__card { position: relative; display: grid; grid-template-columns: 96px 1fr; gap: 12px; padding: 12px; border-radius: 20px; background: #fff; box-shadow: 0 18px 50px rgba(0,0,0,.25); animation: ak-pop .18s ease-out; }
@keyframes ak-pop { from { opacity: 0; transform: translateY(6px) scale(.98); } }
.ak-look__card > img { width: 96px; height: 96px; border-radius: 14px; object-fit: cover; background: var(--ak-fill); }
.ak-look__body { display: grid; gap: 4px; min-width: 0; }
.ak-look__body strong { line-height: 1.35; }
.ak-look__body em { font-style: normal; font-weight: 800; color: var(--ak-accent); }
.ak-look__body em del { color: var(--ak-muted); font-weight: 400; font-size: 13px; }
.ak-look__body em ins { text-decoration: none; }
.ak-look__desc { font-size: 13px; color: var(--ak-muted); line-height: 1.6; max-height: 4.8em; overflow: hidden; }
.ak-look__actions { display: flex; gap: 6px; margin-top: 4px; }
.ak-look__actions .ak-btn { min-height: 36px; padding-inline: 12px; font-size: 13px; margin: 0; flex: 1; }
.ak-look__actions .added_to_cart { display: none !important; }
.ak-look__close { position: absolute; top: 6px; inset-inline-end: 6px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: var(--ak-fill); font-size: 18px; line-height: 1; cursor: pointer; }
@media (max-width: 600px) {
	.ak-look__pop { position: absolute; left: 8px !important; right: 8px; top: auto !important; bottom: 8px; width: auto; }
}

/* Header categories with their subcategories, opened by pointing or focusing. */
.ak-hb-cats { overflow: visible; }
.ak-hb-link { color: inherit; font-weight: 600; white-space: nowrap; }
.ak-hb-dd { position: relative; }
.ak-hb-dd__top { display: inline-flex; align-items: center; gap: 4px; color: inherit; white-space: nowrap; padding: 6px 0; }
.ak-hb-dd__top .ak-icon { width: 14px; height: 14px; transform: rotate(90deg); opacity: .7; }
.ak-hb-dd__panel { position: absolute; top: 100%; inset-inline-start: -14px; z-index: 60; min-width: 220px; display: none; padding: 10px; border-radius: 18px; background: #fff; color: var(--ak-text); box-shadow: 0 18px 40px rgba(0,0,0,.14); }
.ak-hb-dd:hover .ak-hb-dd__panel, .ak-hb-dd:focus-within .ak-hb-dd__panel { display: grid; gap: 2px; }
.ak-hb-dd--mega .ak-hb-dd__panel { grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: 14px 20px; padding: 18px; min-width: 560px; }
.ak-hb-dd__group { display: grid; gap: 4px; }
.ak-hb .ak-hb-dd__panel a { color: var(--ak-text); }
.ak-hb-dd__kid { padding: 8px 10px; border-radius: 10px; font-weight: 600; }
.ak-hb-dd--mega .ak-hb-dd__kid { padding: 0 0 4px; color: var(--ak-accent) !important; }
.ak-hb-dd__kid:hover { background: var(--ak-fill); }
.ak-hb-dd__grand { font-size: 14px; color: var(--ak-muted) !important; padding: 2px 0; }
.ak-hb-dd__all { grid-column: 1 / -1; margin-top: 4px; padding: 8px 10px; border-top: 1px solid var(--ak-border); font-size: 13px; font-weight: 700; }
.ak-hb .ak-brand { background: transparent; }

/* The logo alone shows at its own shape (wide logos), not in the round badge. */
.ak-brand--image .ak-brand__logo { width: auto; height: 44px; max-width: 200px; border-radius: 0; border: 0; background: none; }
@media (max-width: 700px) { .ak-brand--image .ak-brand__logo { height: 36px; max-width: 150px; } }
.ak-brand picture { display: contents; }
.ak-look__stage { max-width: 1100px; margin-inline: auto; }

/* Messages (My Account → الرسائل): conversations and chat bubbles. */
.ak-threads { display: grid; gap: 10px; }
.ak-thread { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--ak-border); border-radius: 18px; background: #fff; color: var(--ak-text); }
.ak-thread:hover { box-shadow: 0 6px 20px rgba(0,0,0,.07); color: var(--ak-text); }
.ak-thread.is-unread { border-color: var(--ak-accent); }
.ak-thread__img { width: 52px; height: 52px; border-radius: 14px; overflow: hidden; background: var(--ak-fill); display: grid; place-items: center; flex: none; }
.ak-thread__img img { width: 100%; height: 100%; object-fit: cover; }
.ak-thread__img b { font-size: 20px; color: var(--ak-accent); }
.ak-thread__body { display: grid; gap: 2px; min-width: 0; flex: 1; }
.ak-thread__body small { color: var(--ak-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-thread.is-unread .ak-thread__body small { color: var(--ak-text); font-weight: 600; }
.ak-thread__meta { display: grid; justify-items: end; gap: 4px; font-size: 12px; color: var(--ak-muted); }
.ak-thread__meta em { font-style: normal; min-width: 20px; padding: 0 6px; border-radius: 10px; background: var(--ak-accent); color: var(--ak-on-accent); text-align: center; font-weight: 800; }
.ak-chat { display: grid; gap: 12px; }
.ak-chat__back { font-weight: 600; color: var(--ak-muted); }
.ak-chat__head { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 18px; background: var(--ak-fill); }
.ak-chat__head img { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; }
.ak-chat__head div { display: grid; }
.ak-chat__list { display: flex; flex-direction: column; gap: 8px; max-height: 60vh; overflow-y: auto; padding: 8px 2px; }
.ak-bubble { max-width: 78%; padding: 10px 14px; border-radius: 18px; background: var(--ak-fill); align-self: flex-start; }
.ak-bubble.is-me { align-self: flex-end; background: var(--ak-accent); color: var(--ak-on-accent); border-end-end-radius: 6px; }
.ak-bubble.is-store { border-end-start-radius: 6px; }
.ak-bubble p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.ak-bubble time { display: block; margin-top: 4px; font-size: 11px; opacity: .7; }
.ak-chat__form { display: flex; gap: 8px; align-items: flex-end; }
.ak-chat__form textarea { flex: 1; min-height: 48px; resize: vertical; border-radius: 16px; padding: 12px 14px; border: 1px solid var(--ak-border); background: #fff; font: inherit; }
.ak-chat__form .ak-btn { width: auto; min-height: 48px; padding-inline: 22px; margin: 0; }
.ak-chat__new { margin-bottom: 8px; }
.ak-ask { margin-top: 14px; border: 1px solid var(--ak-border); border-radius: 16px; padding: 4px 14px; }
a.ak-ask { display: inline-block; padding: 10px 16px; font-weight: 600; }
.ak-ask summary { padding: 10px 0; cursor: pointer; font-weight: 700; }
.ak-ask .ak-chat__form { padding-bottom: 12px; }
.ak-ask__done { margin: 0 0 12px; color: #1a7f37; font-weight: 600; }
/* Notifications (My Account → الإشعارات). */
.ak-prefs h2 { font-size: 18px; margin: 0 0 10px; }
.ak-prefs__options { display: grid; gap: 10px; margin-bottom: 26px; }
@media (min-width: 700px) { .ak-prefs__options { grid-template-columns: repeat(3, 1fr); } }
.ak-pref { display: grid; gap: 4px; padding: 14px; border: 2px solid var(--ak-border); border-radius: 18px; cursor: pointer; }
.ak-pref input { position: absolute; opacity: 0; }
.ak-pref small { color: var(--ak-muted); line-height: 1.5; }
.ak-pref.is-on { border-color: var(--ak-accent); background: color-mix(in srgb, var(--ak-accent) 6%, #fff); }
.ak-inbox { display: grid; gap: 8px; }
.ak-linkbtn { border: 0; background: none; color: var(--ak-accent); font: inherit; font-weight: 700; cursor: pointer; font-size: 14px; }
.ak-note { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 16px; color: var(--ak-text); }
.ak-note:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-note.is-unread { background: color-mix(in srgb, var(--ak-accent) 7%, #fff); }
.ak-note__icon { width: 40px; height: 40px; border-radius: 50%; background: var(--ak-fill); display: grid; place-items: center; flex: none; }
.ak-note__body { display: grid; gap: 2px; flex: 1; min-width: 0; }
.ak-note__body small { color: var(--ak-muted); }
.ak-note time { font-size: 12px; color: var(--ak-muted); white-space: nowrap; }

/* Bookings: the picker on a bookable product (calendar or the day's times), and "My bookings". */
.ak-per { font-size: .62em; font-weight: 600; color: var(--ak-muted); }
.ak-book { flex: 1 1 100%; min-width: 0; width: 100%; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 6px 0 18px; padding: 16px; border-radius: 20px; background: var(--ak-fill); transition: box-shadow .2s; }
.ak-book.is-missing { box-shadow: 0 0 0 2px #e11d48; }
.ak-book__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ak-book__nav { display: inline-flex; align-items: center; gap: 8px; }
.ak-book__nav b { min-width: 120px; text-align: center; font-size: 14px; }
.ak-book__nav button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.ak-book__nav button:disabled { opacity: .35; cursor: default; }
.ak-book__days.is-loading { opacity: .5; pointer-events: none; }
.ak-book__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; text-align: center; }
.ak-book__wd { font-size: 12px; color: var(--ak-muted); padding-bottom: 4px; }
.ak-book__grid button { aspect-ratio: 1; max-height: 46px; border: 0; border-radius: 12px; background: #fff; font-weight: 700; cursor: pointer; }
.ak-book__grid button:disabled { background: transparent; color: var(--ak-muted); text-decoration: line-through; opacity: .55; cursor: default; }
.ak-book button[aria-pressed="true"] { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-book__strip { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ak-book__strip button { flex: none; display: grid; justify-items: center; gap: 2px; width: 62px; padding: 8px 0; border: 0; border-radius: 14px; background: #fff; cursor: pointer; }
.ak-book__strip button b { font-size: 18px; }
.ak-book__strip button small { font-size: 11px; opacity: .75; }
.ak-book__strip button:disabled { opacity: .4; cursor: default; }
.ak-book__times { display: grid; gap: 10px; }
.ak-book__slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 8px; }
.ak-book__slots button { padding: 10px 0; border: 0; border-radius: 12px; background: #fff; font-weight: 700; cursor: pointer; direction: ltr; }
.ak-book__none { margin: 0; color: var(--ak-muted); }
.ak-book__units { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: 700; }
.ak-book__stepper { display: inline-flex; align-items: center; gap: 6px; padding: 4px; border-radius: 999px; background: #fff; }
.ak-book__stepper button { width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--ak-fill); font-size: 18px; cursor: pointer; }
.ak-book__stepper input { width: 44px; border: 0 !important; background: transparent; text-align: center; font-weight: 800; -moz-appearance: textfield; }
.ak-book__stepper input::-webkit-inner-spin-button { -webkit-appearance: none; }
.ak-book__summary { display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; background: #fff; }
.ak-book__summary b { color: var(--ak-accent); }
.ak-book__loading { display: block; height: 120px; border-radius: 14px; background: linear-gradient(90deg, rgba(255,255,255,.5), #fff, rgba(255,255,255,.5)); background-size: 200% 100%; animation: ak-shimmer 1.2s infinite; }
@keyframes ak-shimmer { to { background-position: -200% 0; } }
form.cart .single_add_to_cart_button.disabled, form.cart .ak-buy-now.disabled { opacity: .45; }
.ak-bookings { display: grid; gap: 10px; }
.ak-booking { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 18px; background: var(--ak-fill); color: var(--ak-text); }
.ak-booking:hover { color: var(--ak-text); background: var(--ak-fill-2); }
.ak-booking img { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; }
.ak-booking__body { display: grid; gap: 4px; min-width: 0; }
.ak-booking__body small { color: var(--ak-muted); }
.ak-booking.is-cancelled { opacity: .6; }
.ak-badge--booking-confirmed { background: #dcfce7; color: #166534; }
.ak-badge--booking-pending { background: #fef3c7; color: #92400e; }
.ak-badge--booking-cancelled { background: #fee2e2; color: #991b1b; }
[dir="rtl"] .ak-book__nav button { transform: scaleX(-1); }
.ak-book [hidden] { display: none !important; }

/* Stories and testimonials (home builder). */
.ak-stories { display: flex; gap: 14px; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: none; }
.ak-story { background: none; border: 0; padding: 0; display: grid; justify-items: center; gap: 6px; cursor: pointer; flex: 0 0 auto; width: 78px; font: inherit; color: inherit; }
.ak-story__ring { width: 72px; height: 72px; border-radius: 50%; padding: 3px; background: linear-gradient(45deg, var(--ak-primary, #5a31f4), #f59e0b); display: block; }
.ak-story__ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid var(--ak-bg, #fff); display: block; }
.ak-story__name { font-size: 12px; max-width: 78px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-story-view { width: min(420px, 100vw); height: min(760px, 100dvh); max-width: none; max-height: none; padding: 0; border: 0; border-radius: 18px; background: #000; overflow: hidden; }
.ak-story-view::backdrop { background: rgba(0, 0, 0, .85); }
.ak-story-view img { width: 100%; height: 100%; object-fit: contain; display: block; cursor: pointer; }
.ak-story-view__bars { position: absolute; inset: 10px 10px auto; display: flex; gap: 4px; }
.ak-story-view__bars span { flex: 1; height: 3px; background: rgba(255, 255, 255, .35); border-radius: 3px; overflow: hidden; }
.ak-story-view__bars i { display: block; height: 100%; width: 0; background: #fff; }
.ak-story-view__foot { position: absolute; inset: auto 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .6); }
.ak-story-view__close { position: absolute; top: 18px; inset-inline-end: 12px; background: none; border: 0; color: #fff; font-size: 30px; cursor: pointer; }
.ak-testis { grid-auto-columns: minmax(260px, 1fr); }
.ak-testi { margin: 0; padding: 18px; border-radius: var(--ak-radius, 16px); background: var(--ak-fill, #f2f2f2); display: flex; flex-direction: column; gap: 10px; }
.ak-testi__stars { color: #f59e0b; letter-spacing: 2px; }
.ak-testi__stars span { color: #d6d6d6; }
.ak-testi blockquote { margin: 0; line-height: 1.7; flex: 1; }
.ak-testi figcaption { display: flex; align-items: center; gap: 10px; }
.ak-testi figcaption img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.ak-testi figcaption span { display: grid; }
.ak-testi figcaption small { color: #777; }

/* Product card parts the store hides (config product_card, shared with the app). */
.ak-card-norating .ak-card__rating { display: none; }
.ak-card-noheart .ak-card__fav { display: none; }
.ak-card-title2 .ak-card__title, .ak-card-title2 .ak-pcard__title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Product layouts: two rows, wide cards, mosaic, a plain list of names and prices. */
.ak-row--two { grid-template-rows: repeat(2, auto); grid-auto-flow: column; }
.ak-wides { grid-auto-columns: minmax(280px, 80%); }
@media (min-width: 1025px) { .ak-wides { grid-auto-columns: calc((100% - 2 * 14px) / 3); } }
.ak-wide { display: flex; gap: 14px; align-items: center; border-radius: var(--ak-radius, 20px); background: var(--ak-fill); overflow: hidden; color: var(--ak-text); min-width: 0; }
.ak-wide img { width: 120px; height: 120px; object-fit: cover; flex: none; }
.ak-wide span { display: grid; gap: 8px; padding-inline-end: 14px; min-width: 0; }
.ak-wide strong { font-weight: 700; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-wide em, .ak-compact em { font-style: normal; font-weight: 700; }
.ak-mosaic { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; aspect-ratio: 2; }
.ak-mosaic a { position: relative; border-radius: 16px; overflow: hidden; background: var(--ak-fill); }
.ak-mosaic a:first-child { grid-row: span 2; }
.ak-mosaic img { width: 100%; height: 100%; object-fit: cover; }
.ak-mosaic em { position: absolute; inset-inline-start: 6px; bottom: 6px; padding: 3px 9px; border-radius: 99px; background: rgba(255,255,255,.92); color: var(--ak-text); font-style: normal; font-size: 12.5px; font-weight: 700; }
.ak-compact { display: grid; }
.ak-compact a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 2px; border-bottom: 1px solid var(--ak-border); color: var(--ak-text); }
.ak-compact a:last-child { border-bottom: 0; }
.ak-compact strong { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Vendors, button, divider and spacer sections. */
.ak-vendors { grid-auto-columns: 84px; }
.ak-vendors a { display: grid; justify-items: center; gap: 6px; color: var(--ak-text); text-align: center; }
.ak-vendors span { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; overflow: hidden; border: 1px solid var(--ak-border); background: color-mix(in srgb, var(--ak-accent) 10%, #fff); color: var(--ak-accent); font-size: 26px; font-weight: 800; }
.ak-vendors img { width: 100%; height: 100%; object-fit: cover; }
.ak-vendors strong { font-size: 13px; font-weight: 600; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-blockbtn { display: flex; justify-content: center; margin: 14px 0 4px; }
.ak-blockbtn.is-wide .ak-btn { width: 100%; }
.ak-btn--outline { background: transparent; color: var(--ak-accent); border: 1.5px solid var(--ak-accent); }
.ak-btn--outline:hover { background: transparent; color: var(--ak-accent); }
.ak-btn--soft { background: color-mix(in srgb, var(--ak-accent) 14%, #fff); color: var(--ak-accent); }
.ak-btn--soft:hover { background: color-mix(in srgb, var(--ak-accent) 20%, #fff); color: var(--ak-accent); }
.ak-divider { border: 0; border-top: 1.5px solid var(--ak-border); margin: 16px 0; }
.ak-divider--dashed { border-top-style: dashed; }
.ak-divider--dots { border-top: 3px dotted var(--ak-border); }

/* The product card's photo: its shape, whether it shows whole, and its shadow (the app follows the same choice). */
.ak-card-img-portrait .ak-card__media, .ak-card-img-portrait .ak-pcard__media { aspect-ratio: 3 / 4; }
.ak-card-img-landscape .ak-card__media, .ak-card-img-landscape .ak-pcard__media { aspect-ratio: 4 / 3; }
.ak-card-contain .ak-card__media img, .ak-card-contain .ak-pcard__media img { object-fit: contain; padding: 8px; }
.ak-card-shadow-soft .ak-card__media, .ak-card-shadow-soft .ak-pcard__media { box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.ak-card-shadow-strong .ak-card__media, .ak-card-shadow-strong .ak-pcard__media { box-shadow: 0 8px 20px rgba(0,0,0,.16); }

/* My account → an order: the store's delivery steps and the shipping company's tracking. */
.ak-track { margin: 0 0 20px; padding: 16px; border: 1px solid var(--ak-border, #e5e5e5); border-radius: 18px; }
.ak-track h2 { margin: 0 0 12px; font-size: 17px; }
.ak-track__steps { display: flex; gap: 6px; margin: 0 0 12px; padding: 0; list-style: none; }
.ak-track__steps li { flex: 1; padding-top: 10px; border-top: 4px solid var(--ak-fill, #eee); font-size: 12.5px; color: var(--ak-muted, #6b6b6b); }
.ak-track__steps li.is-done { border-color: var(--ak-accent); color: inherit; font-weight: 600; }
.ak-track__ship { margin: 0 0 10px; }
.ak-track__failed { margin: 0 0 10px; color: #c0392b; font-weight: 600; }
.ak-track__btn { display: inline-block; }

/* Open your store (/open-store/): the steps, the plans, and the store's form. */
.ak-open-store { max-width: 760px; margin: 24px auto 48px; }
.ak-open-store h1 { margin: 0 0 6px; }
.ak-steps { display: flex; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; counter-reset: s; }
.ak-steps li { flex: 1; padding-top: 10px; border-top: 4px solid var(--ak-fill); font-size: 13px; color: var(--ak-muted); counter-increment: s; }

.ak-steps .is-done, .ak-steps .is-on { border-color: var(--ak-accent); color: inherit; font-weight: 600; }
.ak-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 16px 0 24px; }
.ak-plan { padding: 16px; border: 1px solid var(--ak-border); border-radius: 18px; }
.ak-plan strong { display: block; font-size: 17px; }
.ak-plan__price { display: block; margin: 4px 0 10px; color: var(--ak-accent); font-weight: 700; }
.ak-plan ul { margin: 0; padding-inline-start: 18px; color: var(--ak-muted); font-size: 13.5px; }
.ak-form fieldset { margin: 0 0 18px; padding: 16px; border: 1px solid var(--ak-border); border-radius: 18px; }
.ak-form legend { padding: 0 6px; font-weight: 700; }
.ak-form label { display: block; margin-bottom: 12px; font-size: 13.5px; font-weight: 600; }
.ak-form input, .ak-form select, .ak-form textarea { display: block; width: 100%; margin-top: 6px; padding: 12px 14px; border: 2px solid transparent; border-radius: 14px; background: var(--ak-fill); font: inherit; color: inherit; }
.ak-form input:focus, .ak-form select:focus, .ak-form textarea:focus { outline: none; border-color: var(--ak-accent); background: #fff; }
.ak-form .ak-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 560px) { .ak-form .ak-two { grid-template-columns: 1fr; } }
.ak-form .ak-btn { width: 100%; }
.ak-btn--ghost { background: var(--ak-fill) !important; color: inherit !important; }
.ak-err { padding: 12px 14px; border-radius: 14px; background: #fdecea; color: #c0392b; font-weight: 600; }
.ak-done, .ak-note { padding: 24px; border: 1px solid var(--ak-border); border-radius: 18px; text-align: center; }

/* Stores (inc/stores.php): the directory, a store's page, and "sold by" on products. */
.ak-stores__search { display: flex; align-items: center; gap: 10px; margin: 6px 0 14px; padding: 0 16px; height: 52px; border-radius: 999px; background: var(--ak-fill); }
.ak-stores__search input { flex: 1; border: 0; background: none; font: inherit; outline: none; }
.ak-stores__types { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
.ak-stores__types a { flex: none; padding: 9px 16px; border-radius: 999px; background: var(--ak-fill); color: inherit; font-weight: 600; white-space: nowrap; }
.ak-stores__types a[aria-current] { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-stores__types small { opacity: .7; }
.ak-stores__filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 18px; }
.ak-fchip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--ak-border); border-radius: 999px; background: #fff; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }
.ak-fchip[aria-current] { border-color: var(--ak-accent); color: var(--ak-accent); font-weight: 700; }
.ak-fchip svg { width: 16px; height: 16px; }
.ak-storegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.ak-storecard { position: relative; display: block; overflow: hidden; border: 1px solid var(--ak-border); border-radius: 20px; color: inherit; background: #fff; transition: box-shadow .2s; }
.ak-storecard:hover { box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.ak-storecard__cover { display: block; height: 110px; background: var(--ak-store) center/cover no-repeat; }
.ak-storecard__logo { position: absolute; top: 74px; inset-inline-start: 16px; display: grid; place-items: center; width: 64px; height: 64px; overflow: hidden; border: 3px solid #fff; border-radius: 18px; background: var(--ak-store); color: #fff; font-size: 26px; font-weight: 800; }
.ak-storecard__logo img { width: 100%; height: 100%; object-fit: cover; }
.ak-storecard__body { display: flex; flex-direction: column; gap: 2px; min-height: 64px; padding: 10px 16px 16px; padding-inline-start: 96px; }
.ak-storecard__body strong { font-size: 16.5px; }
.ak-storecard__body span { color: var(--ak-muted); font-size: 13.5px; }
.ak-stars { color: #b45309; font-weight: 700; }
.ak-stars small { color: var(--ak-muted); font-weight: 400; }
.ak-store-new { color: #0ea371; font-weight: 700; }
.ak-pager { display: flex; gap: 6px; justify-content: center; margin: 24px 0; }
.ak-pager a { min-width: 40px; padding: 8px; border-radius: 12px; background: var(--ak-fill); text-align: center; color: inherit; }
.ak-pager a[aria-current] { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-store { --ak-store: var(--ak-accent); }
.ak-store__cover { height: 220px; margin-top: 12px; border-radius: 26px; background: var(--ak-store) center/cover no-repeat; }
@media (max-width: 700px) { .ak-store__cover { height: 160px; } }
.ak-store__head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; margin: 0 16px 12px; }
.ak-store__logo { margin-top: -48px; display: grid; place-items: center; flex: none; width: 96px; height: 96px; overflow: hidden; border: 4px solid #fff; border-radius: 26px; background: var(--ak-store); color: #fff; font-size: 38px; font-weight: 800; box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.ak-store__logo img { width: 100%; height: 100%; object-fit: cover; }
.ak-store__title { flex: 1; min-width: 200px; padding-top: 10px; }
.ak-store__actions { padding-top: 12px; }
.ak-store__title h1 { margin: 0; font-size: 26px; }
.ak-store__title p { margin: 2px 0 0; color: var(--ak-muted); }
/* A vendor's own look on their page (AppKit_Vendor_Store): the head's template and the cards. */
.ak-store--centered .ak-store__head { flex-direction: column; align-items: center; text-align: center; }
.ak-store--centered .ak-store__logo { border-radius: 50%; }
.ak-store--centered .ak-store__title { padding-top: 0; }
.ak-store--centered .ak-store__nums { justify-content: center; }
.ak-store--compact .ak-store__cover { height: 72px; background-image: none !important; }
.ak-store--compact .ak-store__logo { margin-top: -36px; width: 80px; height: 80px; }
.ak-store--bold .ak-store__cover { height: 150px; border-radius: 26px 26px 0 0; }
.ak-store--bold .ak-store__head { margin: 0 0 12px; padding: 0 16px 18px; border-radius: 0 0 26px 26px; background: var(--ak-store); color: #fff; }
.ak-store--bold .ak-store__title h1, .ak-store--bold .ak-store__title p, .ak-store--bold .ak-store__nums { color: #fff; }
.ak-store--card-square .ak-card__media { border-radius: 4px; }
.ak-store--card-outlined .ak-card__media { background: #fff; border: 1px solid var(--ak-border); }
.ak-store__nums { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.ak-store__actions { display: flex; align-items: center; gap: 8px; }
.ak-store__actions .ak-btn { background: var(--ak-store); }
.ak-store__about { margin: 0 16px 18px; color: var(--ak-muted); }
/* The store's information, a search in its products, and its categories as chips. */
.ak-store__info { list-style: none; margin: 0 16px 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--ak-muted); }
.ak-store__info li { display: inline-flex; align-items: center; gap: 6px; }
.ak-store__info svg { width: 17px; height: 17px; flex: none; }
.ak-store__info .ak-open { color: #15803d; }
.ak-store__info .ak-closed { color: #b91c1c; }
.ak-store__hours { margin: 0 16px 14px; font-size: 14px; }
.ak-store__hours summary { cursor: pointer; color: var(--ak-text); font-weight: 600; }
.ak-store__hours dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 18px; margin: 8px 0 0; }
.ak-store__hours dd { margin: 0; color: var(--ak-muted); direction: ltr; text-align: end; }
.ak-store__search { display: flex; align-items: center; gap: 8px; margin: 0 16px 16px; padding: 0 14px; border-radius: 999px; background: var(--ak-fill); }
.ak-store__search svg { width: 18px; height: 18px; flex: none; color: var(--ak-muted); }
.ak-store__search input[type=search] { flex: 1; min-height: 46px; border: 0; background: transparent; padding: 0; box-shadow: none; }
.ak-store__cats { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 16px 8px; padding-bottom: 4px; }
.ak-store__cats .ak-fchip { white-space: nowrap; }
.ak-store__cats .ak-fchip em { font-style: normal; opacity: .6; font-size: 12px; }
.ak-store__cats .ak-fchip[aria-current] { background: var(--ak-black); color: #fff; border-color: var(--ak-black); }
.ak-store__all { text-align: center; margin: 24px 0; }
.ak-soldby { display: inline-flex; align-items: center; gap: 10px; margin: 4px 0 12px; padding: 6px 14px 6px 6px; border-radius: 999px; background: var(--ak-fill); color: inherit; }
.ak-soldby__logo { display: grid; place-items: center; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; background: var(--ak-accent); color: var(--ak-on-accent); font-weight: 800; }
.ak-soldby__logo img { width: 100%; height: 100%; object-fit: cover; }
.ak-stores__filters select.ak-fchip { width: auto; height: auto; padding-inline-end: 30px; }
.ak-badge-ad { background: rgba(17,17,17,.9); color: #fff; }
.ak-store__talk { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 16px 18px; }
.ak-store__talk .ak-ask { flex: 1; min-width: 240px; }
.ak-store__report { flex: 0 0 auto; }
.ak-own-ad { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: var(--ak-soft, #f4f4f5); border-radius: 12px; padding: 10px 14px; margin: 0 0 14px; font-size: 13.5px; }
.ak-own-ad strong { font-weight: 800; }
.ak-own-ad span { color: var(--ak-muted); flex: 1 1 auto; }
.ak-own-ad a { font-weight: 700; text-decoration: none; }
.ak-product-report { clear: both; text-align: center; margin: 8px 0 24px; }
.ak-product-report .ak-link { background: none; border: 0; padding: 6px 10px; color: var(--ak-muted, #6b7280); font: inherit; font-size: 13px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.ak-store__access { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 16px 14px; }
/* The kinds a new store sells: chips, several when the platform allows. */
.ak-kinds { display: grid; gap: 8px; margin: 4px 0 12px; font-weight: 600; }
.ak-kinds small { font-weight: 500; margin-inline-start: 6px; }
.ak-kinds__list { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-kind { position: relative; cursor: pointer; }
.ak-kind input { position: absolute; opacity: 0; pointer-events: none; }
.ak-kind span { display: inline-block; padding: 8px 14px; border-radius: 99px; border: 1px solid var(--ak-border); background: var(--ak-fill); font-weight: 600; font-size: 14px; transition: background .15s, color .15s, border-color .15s; }
.ak-kind input:checked + span { background: var(--ak-accent); color: var(--ak-on-accent); border-color: transparent; }
.ak-kind input:focus-visible + span { outline: 2px solid currentColor; outline-offset: 2px; }
/* Video links (TikTok, Instagram, YouTube, Facebook): their picture until they play, then the
   site's own player; no sound button of ours. Wide clips keep their width; on the phone a
   button turns them sideways to fill the screen. */
.ak-vid__poster { width: 100%; height: 100%; object-fit: cover; display: block; }
.ak-vid__frame { z-index: 1; }
.ak-vthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Only the video shows: no badge naming the site it comes from. */
.ak-vthumb__site { display: none; }
.ak-vid[data-embed] [data-vid-sound], .ak-viewer[data-embed]:not([data-embed=""]) [data-v="sound"] { display: none; }
.ak-vid[data-embed] .ak-vid__bar { display: none; }
.ak-vid.is-wide .ak-vid__media video, .ak-viewer.is-wide .ak-viewer__media video, .ak-vids-feed .ak-vid.is-wide .ak-vid__poster { object-fit: contain; }
.ak-viewer.is-wide .ak-viewer__media { height: auto; width: min(64vw, 1100px); aspect-ratio: 16 / 9; }
.ak-vid__rotate { display: none; }
.ak-vids__cats { margin: 0 0 12px; }
@media (max-width: 768px) {
	.ak-vids-feed .ak-vid.is-wide .ak-vid__rotate { display: grid; }
	.ak-vids-feed .ak-vids__cats { position: absolute; z-index: 3; top: calc(max(12px, env(safe-area-inset-top)) + 40px); inset-inline: 0; margin: 0; padding: 0 14px 6px; }
	.ak-vids-feed .ak-vids__cats .ak-fchip { background: rgba(0,0,0,.45); border-color: rgba(255,255,255,.35); color: #fff; backdrop-filter: blur(6px); white-space: nowrap; }
	.ak-vids-feed .ak-vids__cats .ak-fchip[aria-current] { background: #fff; color: #0d0d0d; border-color: #fff; }
	/* Turned: the clip fills the phone sideways, the phone itself stays upright. */
	.ak-vid.is-rotated .ak-vid__media { position: fixed; z-index: 60; top: 0; left: 100vw; width: 100vh; width: 100dvh; height: 100vw; transform: rotate(90deg); transform-origin: top left; border-radius: 0; }
	.ak-vid.is-rotated .ak-vid__media video { object-fit: contain; }
}
/* A phone held sideways: the page turns back so it stays upright on the phone (theme.js). The
   page scrolls inside the body then, and fixed bars sit on the phone's own edges. */
html.ak-turn-90, html.ak-turn-270 { overflow: hidden; height: 100%; }
html.ak-turn-90 body, html.ak-turn-270 body { position: fixed; top: 0; left: 0; width: 100vh; height: 100vw; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transform-origin: top left; }
html.ak-turn-90 body { transform: translateY(100vh) rotate(-90deg); }
html.ak-turn-270 body { transform: translateX(100vw) rotate(90deg); }
.ak-account__sub { font-size: 17px; margin: 6px 0 12px; }

/* "About us" and "contact us" (AppKit_Site_Pages): the ways to reach the store as cards, then
   the message form. */
.appkit-about { text-align: center; margin: 24px 0; }
.appkit-about__logo { width: 96px; height: 96px; object-fit: contain; border-radius: 24px; margin: 0 auto 10px; display: block; }
.appkit-about h2 { margin: 0 0 4px; }
.appkit-about__tag { color: var(--ak-muted); margin: 0 0 18px; }
.appkit-about__contact { display: inline-block; margin-top: 14px; padding: 12px 22px; border-radius: 999px; background: var(--ak-black); color: #fff; font-weight: 700; }
.appkit-ways { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 16px 0; text-align: start; }
.appkit-way { padding: 16px 18px; border-radius: 18px; background: var(--ak-fill); display: grid; gap: 4px; }
.appkit-way span { font-size: 13px; color: var(--ak-muted); }
.appkit-way strong { font-size: 15.5px; overflow-wrap: anywhere; }
.appkit-way a { color: inherit; }
.appkit-ways__social { display: flex; justify-content: center; margin: 8px 0 18px; }
.appkit-contact-form { display: grid; gap: 12px; max-width: 640px; margin: 22px 0; padding: 20px; border: 1px solid var(--ak-border); border-radius: 22px; }
.appkit-contact-form label { display: grid; gap: 6px; font-weight: 600; font-size: 14px; }
.appkit-contact-form input, .appkit-contact-form textarea { width: 100%; }
.appkit-contact-form button { justify-self: start; min-height: 46px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--ak-black); color: #fff; font-weight: 700; cursor: pointer; }
.appkit-contact-form button[disabled] { opacity: .6; }
.appkit-contact-form__done { margin: 0; color: var(--ak-muted); }
.appkit-hp { position: absolute !important; width: 1px !important; min-height: 0 !important; height: 1px !important; padding: 0 !important; opacity: 0; clip-path: inset(50%); pointer-events: none; }
.ak-footer__sell { font-weight: 700; text-decoration: underline; }
.appkit-jobs__list { display: grid; gap: 12px; margin: 18px 0 40px; }
.appkit-job { display: grid; gap: 6px; padding: 18px 20px; border: 1px solid var(--ak-border); border-radius: 20px; color: inherit; }
.appkit-job:hover { border-color: var(--ak-black); }
.appkit-job strong { font-size: 17px; }
.appkit-job span, .appkit-job__meta { color: var(--ak-muted); font-size: 14px; }
.appkit-job em { font-style: normal; font-size: 14.5px; }
.appkit-job__body { max-width: 760px; line-height: 1.8; }
.appkit-job__apply h2 { margin: 0; font-size: 19px; }
.ak-store__jobs { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; }
/* Online (green) or not (grey) on a vendor's picture, as on Facebook (AppKit_Presence). */
.ak-has-dot { position: relative; overflow: visible !important; }
.ak-has-dot > img { border-radius: inherit; }
.ak-vendors .ak-has-dot { position: relative; }
.ak-dot { position: absolute; inset-inline-end: -2px; bottom: -2px; width: 28%; max-width: 22px; min-width: 10px; aspect-ratio: 1; border-radius: 50%; background: #9ca3af; border: 3px solid #fff; box-sizing: border-box; }
.ak-dot.is-on { background: #31a24c; }
.ak-presence-text { display: block; font-size: 13px; color: var(--ak-muted); }
.ak-presence-text.is-on { color: #31a24c; font-weight: 600; }
.appkit-call-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: #16a34a; color: #fff; font-weight: 700; cursor: pointer; text-decoration: none; }
.appkit-call-btn:hover { color: #fff; filter: brightness(1.05); }
.ak-store__talk > .appkit-call-btn { margin-bottom: 10px; }
.ak-store__jobs svg { width: 18px; height: 18px; }
.ak-stores .ak-page-head .ak-btn { margin-top: 10px; display: inline-flex; gap: 8px; align-items: center; }

/* The marketplace's notice to customers (AppKit_Platform_Panel). */
.ak-market-notice { margin: 12px 0; padding: 10px 14px; border-radius: 14px; background: var(--ak-fill); color: var(--ak-muted); font-size: 13px; line-height: 1.6; }

/* Marketplace ads on the home page (AppKit_Promotions). */
.ak-adcard { display: flex; flex-direction: column; gap: 4px; min-width: 220px; max-width: 260px; color: inherit; text-decoration: none; }
.ak-adcard__img { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: var(--ak-radius, 12px); overflow: hidden; background: var(--ak-soft, #f3f4f6); }
.ak-adcard__img img { width: 100%; height: 100%; object-fit: cover; }
.ak-adcard__img em { position: absolute; top: 8px; inset-inline-start: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0, 0, 0, .65); color: #fff; font-size: 11px; font-style: normal; }
.ak-adcard small { color: var(--ak-muted, #6b7280); }

/* The platform's own page (inc/about.php). */
.ak-about { padding-block: 24px 48px; }
.ak-about__hero { text-align: center; max-width: 760px; margin: 0 auto 32px; }
.ak-about__hero h1 { font-size: clamp(28px, 5vw, 40px); margin: 8px 0 12px; }
.ak-about__intro { font-size: 17px; line-height: 1.9; color: var(--ak-muted); }
.ak-about__stats { display: flex; justify-content: center; gap: 28px; list-style: none; padding: 0; margin: 20px 0; }
.ak-about__stats strong { display: block; font-size: 26px; }
.ak-about__stats span { color: var(--ak-muted); }
.ak-about__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ak-about__group { margin-top: 36px; }
.ak-about__group h2 { font-size: 22px; margin-bottom: 14px; }
.ak-about__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.ak-about__grid article { padding: 16px; border: 1px solid var(--ak-line, #eee); border-radius: var(--ak-radius, 16px); background: var(--ak-surface, #fff); }
.ak-about__grid h3 { font-size: 16px; margin: 0 0 6px; }
.ak-about__grid p { margin: 0; color: var(--ak-muted); line-height: 1.7; font-size: 14px; }
.ak-about__price { font-weight: 700; color: var(--ak-accent) !important; margin-bottom: 8px !important; }
.ak-about__plan ul { margin: 0; padding-inline-start: 18px; color: var(--ak-muted); font-size: 14px; line-height: 1.8; }
.ak-about__chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; }
.ak-about__chips li { padding: 6px 14px; border-radius: 999px; background: var(--ak-soft, #f3f4f6); }
.ak-about__faq details { border-bottom: 1px solid var(--ak-line, #eee); padding: 12px 0; }
.ak-about__faq summary { cursor: pointer; font-weight: 700; }
.ak-about__faq p { color: var(--ak-muted); line-height: 1.8; margin: 8px 0 0; }
.ak-footer__about { margin-top: 8px; }

/* The own-app packages (/own-app/). */
.ak-own { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; max-width: 900px; margin: 0 auto; }
.ak-own__card { padding: 24px; border: 1px solid var(--ak-line, #eee); border-radius: var(--ak-radius, 20px); background: var(--ak-surface, #fff); display: flex; flex-direction: column; gap: 8px; }
.ak-own__card.is-featured { border: 2px solid #c9a227; box-shadow: 0 10px 30px rgba(201, 162, 39, .18); }
.ak-own__card h2 { margin: 0; font-size: 22px; }
.ak-own__tag, .ak-own__year { margin: 0; color: var(--ak-muted); }
.ak-own__price { margin: 8px 0 0; }
.ak-own__price strong { font-size: 28px; }
.ak-own__price small, .ak-own__price span { color: var(--ak-muted); }
.ak-own__card ul { margin: 8px 0 12px; padding-inline-start: 20px; line-height: 1.9; flex: 1; }
.ak-about__own { text-align: center; padding: 24px; border-radius: var(--ak-radius, 20px); background: var(--ak-soft, #f6f4ee); }
.ak-ads__cell { width: 200px; flex: 0 0 auto; }
.ak-card--ad .ak-badge-ad { text-decoration: none; }

.ak-own__includes { list-style: none; margin-inline-start: -20px; margin-bottom: 4px; font-weight: 700; color: var(--ak-accent); }

/* Moving touches (assets/feel.js adds .ak-motion when the platform has them on). */
.ak-motion .ak-rise { opacity: 0; transform: translateY(14px); transition: opacity .35s ease, transform .35s cubic-bezier(.2,.8,.2,1); }
.ak-motion .ak-rise.is-in { opacity: 1; transform: none; }
.ak-motion .ak-card, .ak-motion .ak-btn, .ak-motion button { transition: transform .12s ease; }
.ak-motion .ak-card:active, .ak-motion .ak-btn:active, .ak-motion button:active { transform: scale(.97); }
@media (hover: hover) { .ak-motion .ak-card:hover { transform: translateY(-3px); } }
.ak-pop { animation: ak-pop .42s cubic-bezier(.3,1.6,.5,1); }
@keyframes ak-pop { 0% { transform: scale(1); } 40% { transform: scale(1.3); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .ak-motion .ak-rise { opacity: 1; transform: none; transition: none; } .ak-pop { animation: none; } }
.ak-mute { background: none; border: 0; padding: 0; color: inherit; cursor: pointer; font: inherit; opacity: .8; }

/* An ad's "…" (about it, why, interested or not, report) and the report sheet. */
.ak-card--ad .ak-card__media .ak-ad-more { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 2; }
.ak-ad-more { display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: rgba(17,17,17,.72); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.ak-ad-more:hover { background: rgba(17,17,17,.9); }
.ak-card__badges .ak-badge-ad { display: inline-flex; align-items: center; }
.ak-badge-ad .ak-ad-more { pointer-events: auto; width: 20px; height: 18px; margin-inline-start: 2px; background: transparent; font-size: 15px; }
.ak-badge-ad .ak-ad-more:hover { background: rgba(255,255,255,.18); }
.ak-flag { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: flex-end; justify-content: center; background: rgba(0,0,0,.45); animation: ak-flag-in .18s ease-out; }
@media (min-width: 700px) { .ak-flag { align-items: center; } .ak-flag__panel { border-radius: 20px !important; } }
.ak-flag__panel { width: min(480px, 100%); max-height: 88vh; overflow-y: auto; padding-bottom: env(safe-area-inset-bottom); border-radius: 20px 20px 0 0; background: var(--ak-bg, #fff); color: var(--ak-text); box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.ak-flag__head { position: sticky; top: 0; z-index: 1; display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; padding: 8px 8px; border-bottom: 1px solid var(--ak-border); background: inherit; }
.ak-flag__head strong { overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.ak-flag__icon { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 24px; cursor: pointer; }
.ak-flag__icon:hover { background: var(--ak-fill); }
.ak-flag__body { padding: 14px 18px; }
.ak-flag__body h3 { margin: 0 0 6px; font-size: 18px; }
.ak-flag__body p { margin: 0 0 8px; line-height: 1.6; }
.ak-flag__what { font-weight: 600; }
.ak-flag__list { display: flex; flex-direction: column; padding-bottom: 8px; }
.ak-flag__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 15px 18px; border: 0; border-bottom: 1px solid var(--ak-border); background: transparent; color: inherit; font: inherit; font-size: 15.5px; text-align: start; text-decoration: none; cursor: pointer; }
.ak-flag__row:hover { background: var(--ak-fill); }
.ak-flag__row small { display: block; margin-top: 2px; color: var(--ak-muted); font-size: 12.5px; }
.ak-flag__row--danger { color: #d72c0d; font-weight: 600; }
.ak-flag__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--ak-border); }
.ak-flag__facts { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin: 0; }
.ak-flag__facts dt { color: var(--ak-muted); }
.ak-flag__facts dd { margin: 0; font-weight: 600; }
.ak-flag__logo { width: 56px; height: 56px; margin-bottom: 12px; border-radius: 50%; object-fit: cover; }
.ak-flag__why { margin: 0; padding-inline-start: 20px; line-height: 1.8; }
.ak-flag__form { display: grid; gap: 4px; }
.ak-flag__choice { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--ak-border); cursor: pointer; }
.ak-flag__choice input { width: 20px; height: 20px; accent-color: var(--ak-accent); }
.ak-flag__note { display: grid; gap: 6px; margin: 12px 0 8px; font-size: 14px; color: var(--ak-muted); }
.ak-flag__note textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--ak-border); border-radius: 12px; font: inherit; color: var(--ak-text); }
.ak-flag__err { color: #d72c0d; }
.ak-flag__center { text-align: center; }
.ak-flag__check { display: inline-grid; place-items: center; width: 64px; height: 64px; margin: 6px 0 12px; border-radius: 50%; background: #e3f6ea; color: #138a43; font-size: 32px; }
.ak-flag__status { font-size: 13px; color: var(--ak-muted); }
@keyframes ak-flag-in { from { opacity: 0; } }

/* "الكل": categories, and their own beside them; the store's pages next to it in the bar. */
.ak-allmenu { flex: none; }
.ak-allmenu summary { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; background: var(--ak-text); color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; list-style: none; user-select: none; }
.ak-allmenu summary::-webkit-details-marker { display: none; }
.ak-allmenu summary .ak-icon { width: 16px; height: 16px; }
.ak-allmenu summary .ak-icon:last-child { transform: rotate(90deg); transition: transform .2s; }
.ak-allmenu[open] summary .ak-icon:last-child { transform: rotate(-90deg); }
.ak-allmenu__panel { position: absolute; z-index: 60; top: calc(100% + 6px); inset-inline: 16px; display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 0; min-height: 260px; border-radius: 24px; background: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.16); overflow: hidden; }
.ak-allmenu:not([open]) .ak-allmenu__panel { display: none; }
@media (hover: hover) and (min-width: 900px) {
	.ak-allmenu:hover .ak-allmenu__panel { display: grid; }
	.ak-allmenu__panel::before { content: ""; position: absolute; inset-inline: 0; top: -10px; height: 10px; }
}
.ak-allmenu__list { display: grid; align-content: start; gap: 2px; padding: 14px; background: var(--ak-fill); max-height: 70vh; overflow-y: auto; }
.ak-allmenu__list a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; font-weight: 700; font-size: 14.5px; color: var(--ak-text); }
.ak-allmenu__list a:hover, .ak-allmenu__list a.is-on { background: #fff; color: var(--ak-text); }
.ak-allmenu__list img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: #fff; }
.ak-allmenu__list a span { flex: 1; }
.ak-allmenu__list a .ak-icon { width: 16px; height: 16px; transform: rotate(180deg); color: var(--ak-muted); }
.ak-allmenu__all .ak-icon:first-child { width: 32px !important; height: 20px !important; transform: none !important; color: var(--ak-accent) !important; }
.ak-allmenu__subs { padding: 20px 22px; }
.ak-allmenu__hint { color: var(--ak-muted); font-size: 14px; margin: 8px 0; }
.ak-allmenu__head { display: inline-block; margin-bottom: 14px; font-weight: 800; color: var(--ak-text); }
.ak-allmenu__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 12px; }
.ak-allmenu__grid a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px; border-radius: 16px; text-align: center; font-weight: 700; font-size: 14px; color: var(--ak-text); }
.ak-allmenu__grid a:hover { background: var(--ak-fill); color: var(--ak-text); }
.ak-allmenu__grid img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--ak-fill); }
.ak-header__links { flex: 1; min-width: 0; display: flex; gap: 6px; overflow-x: auto; padding-block: 10px; scrollbar-width: none; }
.ak-header__links::-webkit-scrollbar { display: none; }
.ak-header__links a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; font-weight: 600; font-size: 14px; color: var(--ak-text); }
.ak-header__links a .ak-icon { width: 16px; height: 16px; color: var(--ak-accent); }
.ak-header__links a:hover, .ak-header__links a[aria-current] { background: var(--ak-fill); color: var(--ak-text); }
.ak-list-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 14px 0 6px; font-size: 13px; color: var(--ak-muted); }
.ak-list-meta .ak-crumbs { margin: 0; }
.ak-list-meta h1 { font-size: 15px; margin: 0; color: var(--ak-text); }
/* The menu stays dark text on white whatever the header's colours. */
.ak-header .ak-allmenu__panel, .ak-header .ak-allmenu__panel a, .ak-header .ak-allmenu__panel a:hover { color: var(--ak-text); }
.ak-header .ak-allmenu__hint { color: var(--ak-muted); }

/* The stores page: one Filter button (with how many are on), the ones on as chips to take off,
   and the filters in a sheet (from the side on computers, from the bottom on phones). */
.ak-stores__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0 18px; }
.ak-stores__filter { gap: 8px; }
.ak-stores__filter svg { width: 18px; height: 18px; }
.ak-stores__filter small { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--ak-ink, #111); color: #fff; font-size: 12px; }
.ak-fchip--on { background: var(--ak-fill); border-color: transparent; text-decoration: none; }
.ak-fchip--on span { opacity: .6; }
.ak-stores__clear { font-size: 14px; color: var(--ak-muted); }
.ak-sheet { position: fixed; inset: 0; z-index: 1300; }
.ak-sheet[hidden] { display: none; }
.ak-sheet__scrim { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); }
.ak-sheet__panel { position: absolute; inset-block: 0; inset-inline-start: 0; width: min(380px, 100%); background: #fff; display: flex; flex-direction: column; gap: 4px; padding: 0 20px; overflow-y: auto; box-shadow: 0 0 40px rgba(0, 0, 0, .15); }
.ak-sheet__head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 14px 0; background: #fff; font-size: 17px; }
.ak-sheet__panel fieldset { border: 0; margin: 0; padding: 12px 0; border-top: 1px solid var(--ak-border); display: flex; flex-wrap: wrap; gap: 8px; }
.ak-sheet__panel legend { width: 100%; padding: 0 0 8px; font-weight: 700; float: left; }
.ak-pick input { position: absolute; opacity: 0; pointer-events: none; }
.ak-pick span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--ak-border); border-radius: 999px; cursor: pointer; font-size: 14px; }
.ak-pick span small { opacity: .55; }
.ak-pick input:checked + span { background: var(--ak-ink, #111); border-color: var(--ak-ink, #111); color: #fff; }
.ak-pick input:focus-visible + span { outline: 2px solid var(--ak-accent); outline-offset: 2px; }
.ak-sheet__panel select { width: 100%; }
.ak-sheet__foot { position: sticky; bottom: 0; margin-top: auto; display: flex; gap: 10px; padding: 14px 0; background: #fff; border-top: 1px solid var(--ak-border); }
.ak-sheet__foot > * { flex: 1; justify-content: center; }
@media (max-width: 640px) {
	.ak-sheet__panel { inset: auto 0 0 0; width: 100%; max-height: 86vh; border-radius: 18px 18px 0 0; }
}

/* The search page looks for products or for stores. */
.ak-search-scope { display: flex; gap: 6px; margin: 10px 0 0; }
.ak-search-scope button { padding: 6px 14px; border: 1px solid var(--ak-border); border-radius: 999px; background: #fff; font: inherit; font-size: 14px; cursor: pointer; }
.ak-search-scope button[aria-pressed="true"] { background: var(--ak-ink, #111); border-color: var(--ak-ink, #111); color: #fff; }
.ak-store-hits { display: grid; gap: 4px; }
.ak-store-hit { display: flex; align-items: center; gap: 12px; padding: 10px 6px; border-radius: 12px; color: inherit; text-decoration: none; }
.ak-store-hit:hover { background: var(--ak-fill); }
.ak-store-hit__logo { flex: 0 0 44px; height: 44px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--ak-fill); font-weight: 800; }
.ak-store-hit__logo img { width: 100%; height: 100%; object-fit: cover; }
.ak-store-hit small { display: block; color: var(--ak-muted); }

/* "Are you 18 or older?" before an adults-only store (inc/features.php). */
.ak-agegate { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; padding: 20px; background: rgba(10, 10, 12, .92); backdrop-filter: blur(6px); }
.ak-agegate__box { width: min(420px, 100%); background: #fff; border-radius: 22px; padding: 30px 24px; text-align: center; }
.ak-agegate__badge { display: inline-grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: var(--ak-accent); color: #fff; font-size: 22px; font-weight: 900; }
.ak-agegate__store { margin: 14px 0 0; font-weight: 600; }
.ak-agegate h2 { margin: 6px 0 8px; font-size: 22px; }
.ak-agegate__btns { display: grid; gap: 10px; margin-top: 20px; }
.ak-agegate__btns .ak-btn { justify-content: center; }

/* A store's page, the same for every store: the cover melts into a wash of the store's color. */
.ak-store { --ak-wash: color-mix(in srgb, var(--ak-store, var(--ak-accent)) 9%, #fff); background: var(--ak-wash); }
.ak-store__offer { margin: 0; padding: 9px 16px; background: #17161b; color: #fff; text-align: center; font-size: 14px; font-weight: 700; }
.ak-store__hero { position: relative; display: flex; flex-direction: column; min-height: min(56vh, 460px); padding: 16px clamp(16px, 4vw, 48px) 44px; background: var(--ak-store, var(--ak-accent)) center 22% / cover no-repeat; color: #fff; }
.ak-store__hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.12) 58%, var(--ak-wash) 100%); pointer-events: none; }
.ak-store__hero > * { position: relative; }
.ak-store__bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ak-store .ak-store__search { flex: 0 1 340px; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0 14px; border-radius: 999px; background: rgba(0,0,0,.26); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.ak-store .ak-store__search svg { width: 17px; height: 17px; color: #fff; flex: none; }
.ak-store .ak-store__search input[type=search] { flex: 1; min-width: 0; min-height: 42px; padding: 0; border: 0; background: none; color: #fff; font: inherit; font-size: 14px; outline: 0; box-shadow: none; }
.ak-store .ak-store__search input::placeholder { color: rgba(255,255,255,.82); }
.ak-store .ak-store__actions { display: flex; flex: none; align-items: center; gap: 8px; padding: 0; }
.ak-glass { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: rgba(0,0,0,.26); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.ak-glass:hover { background: rgba(0,0,0,.4); color: #fff; }
.ak-glass--round { width: 42px; padding: 0; }
.ak-glass svg { width: 18px; height: 18px; }
.ak-store__name { margin-top: auto; padding-top: 40px; text-align: center; }
.ak-store .ak-store__logo { display: inline-grid; place-items: center; width: 64px; height: 64px; margin: 0 0 10px; border: 0; border-radius: 50%; overflow: hidden; background: #fff; }
.ak-store .ak-store__logo img { width: 100%; height: 100%; object-fit: cover; }
.ak-store__name h1 { margin: 0; color: #fff; font-size: clamp(34px, 6vw, 64px); line-height: 1.12; font-weight: 900; text-shadow: 0 2px 18px rgba(0,0,0,.4); }
.ak-store .ak-store__nums { justify-content: center; margin: 8px 0 0; color: #fff; font-size: 14px; font-weight: 600; text-shadow: 0 1px 8px rgba(0,0,0,.55); }
.ak-store .ak-store__nums * { color: inherit; }
.ak-store__body { padding-bottom: 32px; }
.ak-store__pills { display: flex; gap: 8px; margin: 0 -16px 12px; padding: 10px 16px; overflow-x: auto; scrollbar-width: none; background: var(--ak-wash); }
.ak-store__pills::-webkit-scrollbar { display: none; }
.ak-store__pill { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 5px 16px; border-radius: 999px; background: #fff; color: var(--ak-text); font-size: 14px; font-weight: 700; }
.ak-store__pill:has(img) { padding-inline-start: 5px; }
.ak-store__pill img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.ak-store__pill[aria-current] { background: var(--ak-text); color: #fff; }
.ak-store__h { margin: 0 0 12px; font-size: 21px; font-weight: 800; }
.ak-store__card { margin: 0 0 16px; padding: 18px; border-radius: 24px; background: #fff; }
.ak-store__row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 180px); gap: 12px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ak-store__row::-webkit-scrollbar { display: none; }
.ak-store__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px 12px; }
@media (max-width: 1100px) { .ak-store__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 700px) { .ak-store__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ak-store__hero { min-height: 380px; } .ak-store .ak-store__search { flex: 1; } }
.ak-store__more { margin-top: 12px; padding: 14px 18px; border-radius: 20px; background: #fff; }
.ak-store__more summary { cursor: pointer; font-weight: 700; }
.ak-store__more .ak-store__about, .ak-store__more .ak-store__info, .ak-store__more .ak-store__hours, .ak-store__more .ak-store__talk { margin-inline: 0; }
.ak-store__more > * + * { margin-top: 10px; }

/* The customer's sizes, skin, hair and the people they shop for. */
.ak-prefs { display: grid; gap: 14px; }
.ak-prefs__card { padding: 18px; border-radius: 20px; background: var(--ak-fill); }
.ak-prefs__card h3 { margin: 0 0 10px; font-size: 18px; }
.ak-prefs__card label, .ak-prefs__label { font-weight: 600; }
.ak-prefs__label { display: block; margin-bottom: 6px; }
.ak-prefs__card input[type=date], .ak-prefs__card input[type=text], .ak-prefs__card input[type=number], .ak-prefs__card select, .ak-prefs__card textarea { display: block; width: 100%; margin-top: 4px; padding: 10px 12px; border: 1px solid var(--ak-border); border-radius: 12px; background: #fff; font: inherit; }
.ak-pref { margin-top: 8px; padding: 12px 14px; border-radius: 14px; background: #fff; }
.ak-pref summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; }
.ak-pref summary span { color: var(--ak-muted); font-size: 14px; }
.ak-pref--add { border: 1.5px dashed var(--ak-border); background: none; }
.ak-pref__opts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ak-pref__opt { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px; border: 1px solid var(--ak-border); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600 !important; cursor: pointer; }
.ak-pref__opt input { position: absolute; opacity: 0; pointer-events: none; }
.ak-pref__opt i { width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); }
.ak-pref__opts--color .ak-pref__opt { padding-inline-start: 7px; }
.ak-pref__opt:has(input:checked) { background: var(--ak-text); border-color: var(--ak-text); color: #fff; }
.ak-pref__opt:has(input:focus-visible) { outline: 2px solid var(--ak-accent); outline-offset: 2px; }

/* One bar on top of a store's page: the site's name and icons; the search is the store's own. */
body.ak-store-page .ak-announce,
body.ak-store-page .ak-hb-row--top,
body.ak-store-page .ak-hb-row--nav,
body.ak-store-page .ak-header__nav,
body.ak-store-page .ak-header .ak-search,
body.ak-store-page .appkit-gold-bar { display: none !important; }

/* The card's words: the name with compare across from it, the price with the cart across from it, the rating last. */
.ak-card__words { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ak-card__namerow { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
.ak-card__namerow .ak-card__title { flex: 1; min-width: 0; }
.ak-card--two .ak-card__title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-card__cmpmini { flex: none; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: var(--ak-muted); }
.ak-card__cmpmini[aria-pressed="true"] { background: none; color: var(--ak-accent); }
.ak-card__foot { display: flex; align-items: center; gap: 6px; }
.ak-card__price { flex: 1; min-width: 0; font-weight: 800; font-size: 14px; }
.ak-card__price del { font-weight: 400; color: var(--ak-muted); font-size: 12px; margin-inline-start: 4px; }
.ak-mini-cart { flex: none; display: inline-flex !important; align-items: center; gap: 3px; min-height: 26px; padding: 0 0 0 2px; background: none !important; border: 0; color: var(--ak-muted); box-shadow: none; }
.ak-mini-cart:hover { color: var(--ak-accent); }
.ak-mini-cart svg { width: 19px; height: 19px; }
.ak-mini-cart span { display: none; }
.ak-mini-cart.added::after { content: none !important; }
.ak-mini-cart.loading { opacity: .5; pointer-events: none; }
.ak-mini-cart__n { font-size: 12.5px; font-weight: 800; color: var(--ak-accent); }
.ak-mini-cart:has(.ak-mini-cart__n:not([hidden])) { color: var(--ak-accent); }
a.added_to_cart.wc-forward { display: none !important; }
.ak-card--store { gap: 6px; }
.ak-card--inset .ak-card__media img { object-fit: contain; padding: 10px; }
.ak-card--tall .ak-card__media { aspect-ratio: 3 / 4; }
.ak-card--wide .ak-card__media { aspect-ratio: 4 / 3; }
.ak-card--hearttop .ak-card__fav { top: 8px; bottom: auto; }
.ak-card:not(.ak-card--hearttop) .ak-card__fav { top: auto; bottom: 8px; background: rgba(0,0,0,.28); color: #fff; }
.ak-card--over { position: relative; }
.ak-card--over .ak-card__words { position: absolute; inset-inline: 10px; bottom: 10px; z-index: 2; color: #fff; }
.ak-card--over .ak-card__words a, .ak-card--over .ak-card__words button, .ak-card--over .ak-card__rating, .ak-card--over .ak-mini-cart { color: #fff; }
.ak-card--over .ak-card__media::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.65)); pointer-events: none; }
.ak-card--list { flex-direction: row; align-items: flex-start; gap: 12px; }
.ak-card--list .ak-card__media { flex: 0 0 110px; }
.ak-card--list .ak-card__words { flex: 1; }
.ak-card__more { position: absolute; top: 8px; inset-inline-end: 50px; z-index: 2; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.9); color: var(--ak-text); cursor: pointer; opacity: 0; transition: opacity .15s; }
.ak-card:not(.ak-card--hearttop) .ak-card__more { inset-inline-end: 8px; }
.ak-card__more svg { width: 16px; height: 16px; }
.ak-card:hover .ak-card__more, .ak-card__more:focus-visible { opacity: 1; }
@media (hover: none) { .ak-card__more { opacity: .85; } }
.ak-cols-1 .ak-grid, .ak-cols-1 .woocommerce ul.products, .ak-cols-1 .ak-store__grid { grid-template-columns: minmax(0, 1fr) !important; }
.ak-cols-2 .ak-grid, .ak-cols-2 .woocommerce ul.products, .ak-cols-2 .ak-store__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.ak-cols-3 .ak-grid, .ak-cols-3 .woocommerce ul.products, .ak-cols-3 .ak-store__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.ak-cols-4 .ak-grid, .ak-cols-4 .woocommerce ul.products, .ak-cols-4 .ak-store__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

/* A card the customer hid: blurred with an undo. */
.ak-card.is-hidden .ak-card__media img { filter: blur(16px); }
.ak-card.is-hidden .ak-card__badges, .ak-card.is-hidden .ak-card__fav, .ak-card.is-hidden .ak-card__cmp, .ak-card.is-hidden .ak-card__more, .ak-card.is-hidden .ak-quick { display: none; }
.ak-card__undo { position: absolute; inset: 0; z-index: 3; display: grid; place-content: center; justify-items: center; gap: 6px; text-align: center; font-size: 13px; font-weight: 600; }
.ak-card__undo button { padding: 6px 16px; border: 0; border-radius: 999px; background: #fff; color: #111; font: inherit; cursor: pointer; }
.ak-hidemenu { position: fixed; z-index: 1002; inset-inline: 12px; bottom: calc(var(--ak-bottom-bar, 0px) + 12px); max-width: 420px; margin-inline: auto; padding: 8px; border-radius: 18px; background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.ak-hidemenu button { display: block; width: 100%; padding: 13px 14px; border: 0; border-radius: 12px; background: none; color: var(--ak-text); font: inherit; font-weight: 600; text-align: start; cursor: pointer; }
.ak-hidemenu button:hover { background: var(--ak-fill); }
/* The picture that flies to the cart. */
.ak-flying { position: fixed; z-index: 1003; width: 56px; height: 56px; border-radius: 16px; object-fit: cover; box-shadow: 0 8px 24px rgba(0,0,0,.3); pointer-events: none; }
.ak-store__hero > .ak-store__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-store__hero::before { z-index: 1; }
.ak-store__bar, .ak-store__name { z-index: 2; }

/* The search that understands a sentence. */
.ak-ask { margin-bottom: 18px; padding: 16px; border-radius: 20px; background: var(--ak-fill); }
.ak-ask__think { margin: 0; color: var(--ak-muted); animation: ak-ask-pulse 1.2s infinite; }
@keyframes ak-ask-pulse { 50% { opacity: .45; } }
.ak-ask__intro { margin: 0 0 10px; font-weight: 600; }
.ak-ask__q { margin: 14px 0 8px; font-weight: 700; }
.ak-ask__words { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.ak-ask__words button, .ak-chip-word { padding: 6px 12px; border: 0; border-radius: 999px; background: #fff; color: var(--ak-text); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.ak-chip-word { background: var(--ak-fill); }

/* The categories page: each main category a colored card with two of its products. */
.ak-explore__title { text-align: center; margin: 18px 0; font-size: 32px; font-weight: 900; }
.ak-explore__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 26px; }
@media (max-width: 1000px) { .ak-explore__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { .ak-explore__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ak-explore__card { display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 20px; background: var(--ak-cat); color: #fff; }
.ak-explore__card:hover { color: #fff; filter: brightness(1.06); }
.ak-explore__card strong { font-size: 15px; }
.ak-explore__card span { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ak-explore__card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: #fff; }
.ak-giftpage h1 { margin: 16px 0; }
.ak-store__nums .ak-stars { all: unset; color: #fff; font-weight: 700; }
.ak-store__nums .ak-stars small { font-size: inherit; font-weight: 600; }

/* A store with its own color: the whole page in it, with white words. */
.ak-store--tinted { --ak-wash: color-mix(in srgb, var(--ak-store) 62%, #3d3a38); --ak-text: #fff; --ak-muted: rgba(255,255,255,.75); color: #fff; }
.ak-store--tinted .ak-store__card { background: rgba(255,255,255,.1); }
.ak-store--tinted .ak-store__pill { background: rgba(255,255,255,.16); color: #fff; }
.ak-store--tinted .ak-store__pill[aria-current] { background: #fff; color: #111; }
.ak-store--tinted .ak-card__title, .ak-store--tinted .ak-card__price, .ak-store--tinted .ak-card__rating, .ak-store--tinted .ak-mini-cart, .ak-store--tinted .ak-card__cmpmini { color: #fff; }
.ak-store--tinted .ak-card__price del { color: rgba(255,255,255,.7); }
.ak-store--tinted .ak-store__more { background: rgba(255,255,255,.1); color: #fff; }
.ak-store--tinted .ak-store__all .ak-btn { background: rgba(255,255,255,.16); color: #fff; border: 0; }
.ak-store--tinted .ak-card__media { background: #f4f4f4; }
.ak-store__menu { gap: 8px; padding: 0 12px 0 5px; flex: none; }
.ak-store__menu img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
/* Its clips: tall cards in a row, first on the page. */
.ak-store__clips { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(170px, 22vw, 260px); gap: 12px; overflow-x: auto; scrollbar-width: none; margin-bottom: 18px; }
.ak-store__clips::-webkit-scrollbar { display: none; }
.ak-store__clip { position: relative; display: block; aspect-ratio: 9 / 13; border-radius: 22px; overflow: hidden; background: #222; color: #fff; }
.ak-store__clip:hover { color: #fff; }
.ak-store__clip > img, .ak-store__clip video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-store__clip::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,.35), transparent 30%, transparent 65%, rgba(0,0,0,.55)); }
.ak-store__clipby { position: absolute; z-index: 1; top: 10px; inset-inline: 10px; display: flex; align-items: center; gap: 8px; font-size: 13px; }
.ak-store__clipby img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.ak-store__clipname { position: absolute; z-index: 1; bottom: 12px; inset-inline: 12px; font-size: 14px; font-weight: 700; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
/* Its collections: pictures with their names under them. */
.ak-store__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 10px; }
@media (max-width: 700px) { .ak-store__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ak-store__tile { display: block; font-weight: 700; font-size: 14px; color: inherit; }
.ak-store__tile:hover { color: inherit; }
.ak-store__tile img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin-bottom: 8px; padding: 4px; border-radius: 20px; background: rgba(255,255,255,.18); }
.ak-store__alltiles { text-align: center; margin: 0 0 18px; }
.ak-store__alltiles button { padding: 8px 16px; border: 0; border-radius: 999px; background: rgba(127,127,127,.25); color: inherit; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.ak-store__products { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.ak-store__products .ak-store__h { margin: 0; }
.ak-store__filters { display: flex; flex-wrap: wrap; gap: 6px; }
.ak-store__filter { padding: 8px 14px; border-radius: 999px; background: rgba(127,127,127,.22); color: inherit; font-size: 13.5px; font-weight: 600; }
.ak-store__filter:hover { color: inherit; }
.ak-store__filter[aria-current] { background: #fff; color: #111; }
/* Its menu: the store and its collections, sliding over the page. */
.ak-store__panel { position: fixed; inset: 16px auto 16px 16px; width: min(420px, calc(100vw - 32px)); max-height: none; height: auto; margin: 0; padding: 18px; border: 0; border-radius: 26px; background: color-mix(in srgb, var(--ak-store, #555) 62%, #3d3a38); color: #fff; overflow-y: auto; }
[dir="rtl"] .ak-store__panel { inset: 16px 16px 16px auto; }
.ak-store__panel::backdrop { background: rgba(0,0,0,.35); }
.ak-store__panelhead { display: flex; justify-content: space-between; }
.ak-store__panelhead .ak-glass svg { color: #fff; }
.ak-store__panelname { display: flex; align-items: center; gap: 12px; margin: 16px 0; }
.ak-store__panelname img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.ak-store__panelname strong { display: block; font-size: 24px; }
.ak-store__panelname .ak-stars, .ak-store__panelname .ak-stars small, .ak-store__panelname .ak-store-new { all: unset; color: #fff; font-size: 13px; }
.ak-store__panellist { padding: 6px 14px; border-radius: 22px; background: rgba(255,255,255,.1); }
.ak-store__panellist a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; color: #fff; font-size: 16px; font-weight: 600; }
.ak-store__panellist a:hover { color: #fff; opacity: .85; }
.ak-store__panellist img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; background: #fff; }

/* The product page: thumbnails standing beside the big photo, the choices as round chips, a stepper,
   then the two big buttons one above the other, with save and share under them. */
@media (min-width: 1100px) {
	.woocommerce div.product div.images { position: sticky; top: 96px; padding-inline-end: 86px; }
	.woocommerce div.product div.images .ak-thumbs { position: absolute; top: 0; inset-inline-end: 0; bottom: 0; flex-direction: column; width: 72px; margin: 0; overflow: hidden auto; }
	.woocommerce div.product div.images .ak-thumbs button { width: 64px; height: 76px; }
}
.woocommerce div.product form.cart .single_add_to_cart_button, .ak-buy-now { flex: 1 1 100% !important; min-height: 54px; border-radius: 999px !important; font-size: 16px; }
.woocommerce div.product form.cart .single_add_to_cart_button { position: relative; transition: background .2s; }
.woocommerce div.product form.cart .single_add_to_cart_button.is-added::after { content: " ✓"; }
.woocommerce div.product form.cart .quantity { flex: 0 0 100%; display: inline-flex; align-items: center; }
.ak-stepper { display: inline-flex; align-items: center; border: 1.5px solid var(--ak-border); border-radius: 999px; background: #fff; }
.ak-stepper button { width: 44px; height: 44px; border: 0; background: none; color: var(--ak-text); font-size: 20px; cursor: pointer; }
.ak-stepper .qty, .woocommerce .ak-stepper .quantity .qty, .woocommerce .ak-stepper input.qty { width: 44px !important; min-height: 44px; padding: 0; border: 0 !important; background: none; text-align: center; font-weight: 800; -moz-appearance: textfield; }
.ak-stepper .qty::-webkit-inner-spin-button, .ak-stepper .qty::-webkit-outer-spin-button { appearance: none; margin: 0; }
.ak-pactions { flex-wrap: wrap; margin: 4px 0 16px; }
.ak-pactions > * { flex: 1 1 0; width: auto !important; min-width: 110px; height: 48px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; background: #fff !important; border: 1px solid var(--ak-border) !important; color: var(--ak-text) !important; font-weight: 700; font-size: 14px; }
.ak-pactions > *::after { content: attr(aria-label); }
.ak-pactions > [aria-pressed="true"] svg { color: #e0245e; fill: currentColor; }
/* The box that asks, floating over the page on a computer. */
.ak-askbar { display: none; }
@media (min-width: 1025px) {
	.ak-askbar { position: fixed; z-index: 40; left: 50%; bottom: 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: min(560px, 44vw); min-height: 54px; padding: 0 8px 0 22px; border: 0; border-radius: 999px; background: rgba(255,255,255,.86); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 10px 34px rgba(0,0,0,.16); color: var(--ak-muted); font: inherit; font-size: 15px; transform: translateX(-50%); cursor: text; }
	[dir="rtl"] .ak-askbar { padding: 0 22px 0 8px; }
	.ak-askbar i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--ak-fill); color: var(--ak-text); font-style: normal; }
	.ak-askbar svg { width: 18px; height: 18px; }
}

/* The floating rail on a computer, in place of the header. */
.ak-rail { display: none; }
@media (min-width: 1025px) {
	.ak-rail-on .ak-rail { position: fixed; z-index: 50; top: 18px; bottom: 18px; inset-inline-start: 18px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 58px; pointer-events: none; }
	.ak-rail-on .ak-rail > * { pointer-events: auto; }
	.ak-rail-on .ak-header { display: none; }
	.ak-rail-on .ak-main, .ak-rail-on .ak-footer { margin-inline-start: 92px; }
	.ak-rail__logo { display: grid; place-items: center; width: 54px; height: 54px; overflow: hidden; border-radius: 50%; background: #fff; box-shadow: 0 6px 22px rgba(0,0,0,.12); color: var(--ak-text); font-size: 22px; font-weight: 900; }
	.ak-rail__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
	.ak-rail__group { display: flex; flex-direction: column; gap: 4px; padding: 8px 6px; border-radius: 999px; background: rgba(255,255,255,.86); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 6px 22px rgba(0,0,0,.12); }
	.ak-rail__group a { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #7c7c86; }
	.ak-rail__group a:hover { background: var(--ak-fill); color: var(--ak-text); }
	.ak-rail__group svg { width: 21px; height: 21px; }
	.ak-rail__group .ak-count { position: absolute; top: 2px; inset-inline-end: 0; }
}
/* Stores as tall cards, and the words that bring a category's products. */
.ak-tcards { grid-auto-columns: minmax(230px, 280px); }
.ak-tcard { position: relative; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 3 / 4; padding: 12px; border-radius: 24px; overflow: hidden; background: var(--ak-store) center / cover no-repeat; color: #fff; }
.ak-tcard:hover { color: #fff; }
.ak-tcard::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.55)); }
.ak-tcard > * { position: relative; }
.ak-tcard__name { margin-top: 26%; text-align: center; }
.ak-tcard__name strong { display: block; font-size: 24px; font-weight: 900; line-height: 1.15; }
.ak-tcard__name small { font-size: 12.5px; font-weight: 600; }
.ak-tcard__thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ak-tcard__thumbs img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: #fff; }
.ak-wordtabs__words { display: flex; gap: 22px; overflow-x: auto; scrollbar-width: none; margin-bottom: 14px; }
.ak-wordtabs__words button { flex: none; padding: 0; border: 0; background: none; color: #d5d5da; font: inherit; font-size: clamp(30px, 5vw, 58px); font-weight: 900; cursor: pointer; white-space: nowrap; }
.ak-wordtabs__words button[aria-selected="true"] { color: var(--ak-text); }
.ak-continue__cart { display: flex; align-items: center; gap: 10px; max-width: 360px; padding: 14px 18px; border-radius: 18px; background: var(--ak-fill); color: var(--ak-text); }
.ak-continue__cart svg { width: 20px; height: 20px; }
/* Deals and followed stores, a store at a time. */
.ak-dealgroup { background: var(--ak-fill); }
.ak-dealgroup__head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; color: var(--ak-text); }
.ak-dealgroup__head img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.ak-dealgroup__head strong { display: block; }
.ak-dealgroup__head small { color: var(--ak-accent); font-weight: 700; }
/* Who sells a line of the cart. */
.ak-cartseller { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: var(--ak-muted); font-size: 12.5px; }
.ak-cartseller img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.appkit-ai-add { display: inline-grid; place-items: center; width: 24px; height: 24px; margin-inline-start: 6px; border-radius: 50%; background: var(--ak-accent); color: var(--ak-on-accent); font-weight: 800; }

/* The rail stands beside the top lines, not over them. */
@media (min-width: 1025px) {
	.ak-rail-on .ak-announce, .ak-rail-on .appkit-gold-bar, .ak-rail-on .appkit-usd-bar { margin-inline-start: 92px; border-radius: 0 0 14px 14px; }
	.ak-rail__logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
}
/* A card's own corners and shadow (AppKit_Features::CARD_NUMBERS). */
.ak-card .ak-card__media { border-radius: var(--ak-card-radius, var(--ak-radius)); box-shadow: var(--ak-card-shadow, none); }


/* ---------- Videos: a tidy grid of small clips ---------- */
.ak-vids__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 10px !important; }
@media (min-width: 700px) { .ak-vids__grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 1100px) { .ak-vids__grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 18px 12px !important; } }
a.ak-vid { display: flex; flex-direction: column; gap: 8px; color: var(--ak-text); }
a.ak-vid:hover { color: var(--ak-text); }
a.ak-vid .ak-vid__media { display: block; border-radius: 16px; }
a.ak-vid .ak-vid__media > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ak-vid__by { position: absolute; inset-inline: 8px; top: 8px; display: flex; align-items: center; gap: 6px; color: #fff; font-size: 12px; font-weight: 700; text-shadow: 0 1px 4px rgba(0,0,0,.55); }
.ak-vid__by img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; background: #fff; flex: none; }
.ak-vid__by b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ak-vid__line { display: grid; gap: 2px; min-width: 0; }
.ak-vid__line strong { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-vid__line em { font-style: normal; font-weight: 700; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-vid__line em del { color: var(--ak-muted); font-weight: 400; margin-inline-end: 4px; }
.ak-vid__line em ins { text-decoration: none; }
.ak-vid__line em .screen-reader-text { display: none; }

/* The viewer: clips one under the other, with the store's words on one side and buttons on the other. */
.ak-vv { position: fixed; inset: 0; z-index: 1000; background: rgba(20, 20, 22, .72); backdrop-filter: blur(26px) saturate(1.2); -webkit-backdrop-filter: blur(26px) saturate(1.2); color: #fff; }
.ak-vv__list { position: absolute; inset: 0; overflow-y: auto; scroll-snap-type: y mandatory; scrollbar-width: none; overscroll-behavior: contain; }
.ak-vv__list::-webkit-scrollbar { display: none; }
.ak-vv__slide { position: relative; height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 22px; padding: 18px 90px 18px 24px; scroll-snap-align: center; scroll-snap-stop: always; box-sizing: border-box; }
[dir="rtl"] .ak-vv__slide { padding: 18px 24px 18px 90px; }
.ak-vv__frame { height: min(calc(100vh - 36px), 860px); aspect-ratio: 9 / 16; max-width: 56vw; }
.ak-vv__frame.is-wide { aspect-ratio: 16 / 9; height: auto; width: min(52vw, 760px); }
.ak-vv__media { position: relative; width: 100%; height: 100%; border-radius: 24px; overflow: hidden; background: #000; cursor: pointer; box-shadow: 0 18px 60px rgba(0,0,0,.45); isolation: isolate; }
.ak-vv__media video, .ak-vv__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-vv__media video { z-index: 1; }
.ak-vv__embed { position: absolute; inset: 0; z-index: 1; }
.ak-vv__bar { position: absolute; z-index: 2; inset-inline: 14px; bottom: 12px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; pointer-events: none; }
.ak-vv__bar i { display: block; height: 100%; width: 0; background: #fff; }
.ak-vv__tools { position: absolute; z-index: 2; inset-inline-end: 12px; bottom: 24px; display: grid; gap: 8px; }
.ak-vv__round { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; cursor: pointer; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: background .15s; }
.ak-vv__round:hover { background: rgba(255,255,255,.3); }
.ak-vv__round:disabled { opacity: .3; cursor: default; }
.ak-vv__round .ak-icon { width: 20px; height: 20px; }
.ak-vv__close { position: absolute; z-index: 3; top: 16px; inset-inline-end: 16px; }
.ak-vv__nav { position: absolute; z-index: 3; top: 50%; inset-inline-end: 22px; display: grid; gap: 10px; transform: translateY(-50%); }
.ak-vv__nav .ak-icon { transform: rotate(-90deg); }
.ak-vv__nav button + button .ak-icon { transform: rotate(90deg); }
.ak-vv__info { justify-self: end; display: grid; gap: 14px; width: min(320px, 100%); opacity: .35; transition: opacity .2s; }
.ak-vv__acts { justify-self: start; display: grid; gap: 14px; opacity: .35; transition: opacity .2s; }
.ak-vv__slide.is-on .ak-vv__info, .ak-vv__slide.is-on .ak-vv__acts { opacity: 1; }
.ak-vv__who { display: flex; align-items: center; gap: 10px; color: #fff; }
.ak-vv__who:hover { color: #fff; }
.ak-vv__who img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: #fff; flex: none; }
.ak-vv__who span { display: grid; min-width: 0; }
.ak-vv__who strong { font-size: 16px; }
.ak-vv__who small { opacity: .7; font-size: 13px; }
.ak-vv__text { margin: 0; font-size: 14px; line-height: 1.6; max-height: 7.8em; overflow: auto; scrollbar-width: none; }
.ak-vv__product { display: grid; gap: 10px; padding: 12px; border-radius: 18px; background: rgba(255,255,255,.1); }
.ak-vv__pick { display: flex; align-items: center; gap: 10px; color: #fff; min-width: 0; }
.ak-vv__pick:hover { color: #fff; }
.ak-vv__pick img { width: 54px; height: 54px; border-radius: 12px; object-fit: cover; background: #fff; flex: none; }
.ak-vv__pick span { display: grid; gap: 2px; min-width: 0; }
.ak-vv__pick b { font-size: 14px; font-weight: 700; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ak-vv__pick em { font-style: normal; font-size: 14px; font-weight: 700; }
.ak-vv__pick em del { opacity: .65; font-weight: 400; margin-inline-end: 4px; }
.ak-vv__pick em ins { text-decoration: none; }
.ak-vv__pick em .screen-reader-text { display: none; }
.ak-vv__buy { display: grid; gap: 8px; }
.ak-vv__buy .ak-btn { margin: 0; min-height: 44px; justify-content: center; }
.ak-vv__buy .added_to_cart { display: none !important; }
.ak-vv__act { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: rgba(255,255,255,.14); color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ak-vv__act:hover { background: rgba(255,255,255,.26); color: #fff; }
.ak-vv__act .ak-icon { width: 18px; height: 18px; }
.ak-vv__act[data-on="1"] { background: #fff; color: #111; }
.ak-vv__morebox { position: relative; }
.ak-vv__menu { position: absolute; bottom: calc(100% + 8px); inset-inline-start: 0; min-width: 160px; padding: 6px; border-radius: 16px; background: #fff; color: #111; box-shadow: 0 12px 40px rgba(0,0,0,.3); z-index: 4; }
.ak-vv__menu[hidden] { display: none; }
.ak-vv__menu button { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; font-size: 14px; text-align: start; cursor: pointer; }
.ak-vv__menu button:hover { background: var(--ak-fill); }
@media (max-width: 900px) {
	.ak-vv { background: #000; backdrop-filter: none; -webkit-backdrop-filter: none; }
	.ak-vv__slide, [dir="rtl"] .ak-vv__slide { display: block; padding: 0; }
	.ak-vv__frame, .ak-vv__frame.is-wide { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; }
	.ak-vv__media { border-radius: 0; box-shadow: none; }
	.ak-vv__media video.is-wide { object-fit: contain; }
	.ak-vv__info { position: absolute; z-index: 2; inset-inline: 12px 76px; bottom: 16px; width: auto; gap: 8px; opacity: 1; pointer-events: none; }
	.ak-vv__info a, .ak-vv__info button, .ak-vv__text { pointer-events: auto; }
	.ak-vv__text { max-height: 3.2em; font-size: 13px; }
	.ak-vv__product { padding: 8px; background: rgba(0,0,0,.45); }
	.ak-vv__buy { grid-template-columns: 1fr 1fr; }
	.ak-vv__buy .ak-btn { min-height: 38px; font-size: 13px; padding-inline: 8px; }
	.ak-vv__acts { position: absolute; z-index: 2; inset-inline-end: 10px; bottom: 110px; opacity: 1; gap: 8px; }
	.ak-vv__act { width: 48px; height: 48px; min-height: 0; padding: 0; justify-content: center; background: rgba(0,0,0,.4); }
	.ak-vv__act span { display: none; }
	.ak-vv__menu { inset-inline-start: auto; inset-inline-end: 0; }
	.ak-vv__tools { top: 66px; bottom: auto; }
	.ak-vv__bar { inset-inline: 0; bottom: 0; }
	.ak-vv__nav { display: none; }
}

/* ---------- The store's bar: stays while scrolling ---------- */
.ak-store__stick { position: sticky; top: var(--ak-stick-top, 0); z-index: 20; display: flex; align-items: center; gap: 8px; margin: 0 -16px 12px; padding: 8px 16px; background: var(--ak-wash, #fff); }
.ak-store--tinted .ak-store__stick { background: var(--ak-store); }
.ak-store__stick .ak-store__pills { flex: 1; min-width: 0; margin: 0; padding: 0; background: none; }
.ak-store__pill .ak-icon { width: 14px; height: 14px; }
[dir="ltr"] .ak-store__pill .ak-icon { transform: rotate(180deg); }
.ak-store__stickbtn { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 42px; height: 42px; padding: 0 8px; border: 0; border-radius: 999px; background: #fff; color: var(--ak-text); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.ak-store__stickbtn .ak-icon { width: 18px; height: 18px; }
.ak-store__stickmenu img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.ak-store__stick.is-finding .ak-store__pills { display: none; }
.ak-store__stickfind { position: relative; flex: 1; min-width: 0; }
.ak-store__stickfind[hidden] { display: none; }
.ak-store__stickfind input[type=search] { width: 100%; height: 42px; padding: 0 16px; border: 0; border-radius: 999px; background: #fff; color: var(--ak-text); font: inherit; }
.ak-store__stickbest { position: absolute; top: calc(100% + 8px); inset-inline: 0; display: grid; padding: 10px; border-radius: 18px; background: #fff; color: var(--ak-text); box-shadow: 0 12px 40px rgba(0,0,0,.16); }
.ak-store__stickbest small { padding: 4px 8px; color: var(--ak-muted); }
.ak-store__stickbest a { padding: 9px 8px; border-radius: 10px; color: inherit; }
.ak-store__stickbest a:hover { background: var(--ak-fill); }
.ak-store__panellist details { border-top: 1px solid rgba(255,255,255,.14); }
.ak-store__panellist summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600; cursor: pointer; list-style: none; }
.ak-store__panelkids { padding-inline-start: 14px; }
.ak-store__clipby b { display: grid; line-height: 1.25; }
.ak-store__clipby small { font-weight: 400; opacity: .85; font-size: 11.5px; }

/* ---------- The bar above a list: a button per filter, or all of them ---------- */
.ak-fbar { margin: 4px 0 16px; }
.ak-fbar__row { display: flex; align-items: center; gap: 8px; overflow-x: auto; padding: 2px; scrollbar-width: none; }
.ak-fbar__row::-webkit-scrollbar { display: none; }
.ak-fbar__all, .ak-fbar__btn, .ak-fbar__toggle span { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 1px solid var(--ak-border); border-radius: 999px; background: #fff; color: var(--ak-text); font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.ak-fbar__all { position: relative; width: 42px; padding: 0; justify-content: center; }
.ak-fbar__all .ak-icon { width: 18px; height: 18px; }
.ak-fbar__all b { position: absolute; top: -4px; inset-inline-end: -4px; min-width: 18px; height: 18px; border-radius: 999px; background: var(--ak-accent); color: var(--ak-on-accent); font-size: 11px; line-height: 18px; text-align: center; }
.ak-fbar__btn .ak-icon { width: 14px; height: 14px; transform: rotate(90deg); }
.ak-fbar__btn.is-on, .ak-fbar__btn[aria-expanded="true"] { border-color: var(--ak-text); }
.ak-fbar__toggle { flex: none; cursor: pointer; }
.ak-fbar__toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.ak-fbar__toggle input:checked + span { background: var(--ak-text); border-color: var(--ak-text); color: #fff; }
.ak-fbar__toggle input:focus-visible + span { outline: 2px solid var(--ak-accent); outline-offset: 2px; }
.ak-fbar__pop { position: fixed; z-index: 900; display: flex; flex-direction: column; width: min(320px, calc(100vw - 20px)); border-radius: 26px; background: #fff; color: var(--ak-text); box-shadow: 0 16px 50px rgba(0,0,0,.2); overflow: hidden; }
.ak-fbar__pop[hidden] { display: none; }
.ak-fbar__body { flex: 1; min-height: 0; overflow-y: auto; padding: 10px 18px 2px; }
.ak-fbar__opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; color: inherit; font-size: 15px; cursor: pointer; }
.ak-fbar__opt input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--ak-text); }
.ak-fbar__link[aria-current] { font-weight: 800; }
.ak-fbar__foot { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 14px 14px; }
.ak-fbar__foot .ak-btn { margin: 0; min-height: 46px; justify-content: center; }
.ak-fbar__range { padding: 12px 2px 8px; }
.ak-fbar__track { position: relative; height: 22px; }
.ak-fbar__track::before { content: ""; position: absolute; inset-inline: 0; top: 9px; height: 4px; border-radius: 4px; background: var(--ak-border); }
.ak-fbar__track i { position: absolute; top: 9px; height: 4px; border-radius: 4px; background: var(--ak-accent); }
.ak-fbar__track input { position: absolute; inset: 0; width: 100%; height: 22px; margin: 0; background: none; pointer-events: none; appearance: none; -webkit-appearance: none; }
.ak-fbar__track input::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ak-accent); border: 0; pointer-events: auto; cursor: grab; }
.ak-fbar__track input::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--ak-accent); border: 0; pointer-events: auto; cursor: grab; }
.ak-fbar__nums { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.ak-fbar__nums input { flex: 1; width: 100%; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--ak-border); border-radius: 12px; font: inherit; }
.ak-fbar__full { width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 28px; background: #fff; color: var(--ak-text); overflow: hidden; }
.ak-fbar__full[open] { display: flex; flex-direction: column; }
.ak-fbar__full::backdrop { background: rgba(0,0,0,.45); }
.ak-fbar__fullhead { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px 10px; font-size: 20px; }
.ak-fbar__fullbody { flex: 1; min-height: 0; overflow-y: auto; padding: 0 22px; }
.ak-fbar__section { padding: 14px 0; border-bottom: 1px solid var(--ak-border); }
.ak-fbar__section:last-child { border-bottom: 0; }
.ak-fbar__section h4 { margin: 0 0 10px; font-size: 14px; font-weight: 500; color: var(--ak-muted); }
.ak-fbar__section--toggles { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-fbar__section .ak-fbar__body { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; overflow: visible; }
.ak-fbar__section .ak-fbar__opt { min-height: 42px; padding: 0 16px; border: 1px solid var(--ak-border); border-radius: 999px; font-size: 14px; }
.ak-fbar__section .ak-fbar__opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.ak-fbar__section .ak-fbar__opt:has(input:checked), .ak-fbar__section .ak-fbar__link[aria-current] { background: var(--ak-text); border-color: var(--ak-text); color: #fff; }
.ak-fbar__section .ak-fbar__range { width: 100%; }
.ak-fbar__full .ak-fbar__foot { padding: 12px 22px 18px; border-top: 1px solid var(--ak-border); }
.ak-store--tinted .ak-fbar__all, .ak-store--tinted .ak-fbar__btn, .ak-store--tinted .ak-fbar__toggle span { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.2); color: #fff; }
.ak-store--tinted .ak-fbar__toggle input:checked + span, .ak-store--tinted .ak-fbar__btn.is-on { background: #fff; color: #111; }
.ak-shop { display: block !important; }
.ak-shop__main { width: 100%; }

/* ---------- The stores' filter: the page makes room instead of being covered ---------- */
.ak-stores__wrap { display: flex; align-items: flex-start; gap: 20px; }
.ak-stores__list { flex: 1; min-width: 0; }
.ak-sheet--push { position: sticky; top: 90px; z-index: 1; flex: 0 0 320px; inset: auto; }
.ak-sheet--push .ak-sheet__panel { position: static; width: 100%; max-height: calc(100vh - 110px); overflow-y: auto; border: 1px solid var(--ak-border); border-radius: 22px; }
@media (max-width: 800px) {
	.ak-stores__wrap { display: block; }
	.ak-sheet--push { position: static; margin-bottom: 16px; }
	.ak-sheet--push .ak-sheet__panel { max-height: none; border-radius: 22px; inset: auto; }
}

/* ---------- The product page ---------- */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger, .woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce div.product > *:not(.images):not(.summary):not(.onsale) { grid-column: 1 / -1; }
@media (min-width: 1100px) {
	.woocommerce div.product { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; }
	.woocommerce div.product div.images { padding-inline-end: 0; padding-inline-start: 86px; }
	.woocommerce div.product div.images .ak-thumbs { inset-inline-end: auto; inset-inline-start: 0; }
	.woocommerce div.product div.images .ak-thumbs button { width: 66px; height: 80px; border-radius: 16px; }
	.woocommerce div.product div.summary { max-width: 520px; }
}
.ak-soldby { margin-bottom: 8px; }
.woocommerce div.product .ak-eyebrow { display: none; }
.ak-pactions { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); margin: 4px 0 16px; }
.ak-pactions .ak-circle { width: auto; height: 46px; border-radius: 999px; background: #fff; border: 1px solid var(--ak-border); }
.ak-folds { display: grid; margin-top: 12px; border-top: 1px solid var(--ak-border); }
.ak-fold { border-bottom: 1px solid var(--ak-border); }
.ak-fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 2px; font-size: 16px; font-weight: 700; cursor: pointer; list-style: none; }
.ak-fold > summary::-webkit-details-marker { display: none; }
.ak-fold > summary::after { content: ""; width: 9px; height: 9px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .15s; }
.ak-fold[open] > summary::after { transform: rotate(-135deg); }
.ak-fold__body { padding: 0 2px 16px; font-size: 14.5px; line-height: 1.7; min-width: 0; }
.ak-fold__body > h2:first-child { display: none; }
.ak-fold .ak-delivery { margin: 0; padding: 0; background: none; box-shadow: none; }
.ak-fold .ak-delivery h3 { display: none; }
.ak-storeband { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; min-height: 170px; margin-top: 18px; padding: 16px; border-radius: 26px; background: var(--ak-store, #2b2b2b) center / cover; color: #fff; overflow: hidden; isolation: isolate; }
.ak-storeband::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(transparent, rgba(0,0,0,.65)); }
.ak-storeband:hover { color: #fff; }
.ak-storeband__who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ak-storeband__who img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; background: #fff; }
.ak-storeband__who span { display: grid; min-width: 0; }
.ak-storeband__who small { opacity: .8; }
.ak-storeband em { flex: none; padding: 9px 16px; border-radius: 999px; background: rgba(255,255,255,.2); font-style: normal; font-weight: 600; font-size: 13.5px; backdrop-filter: blur(8px); }
.ak-suggest__row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 1fr); gap: 12px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ak-suggest__row::-webkit-scrollbar { display: none; }
.ak-suggest__card { display: flex; gap: 12px; padding: 12px; border: 1px solid var(--ak-border); border-radius: 22px; background: #fff; }
.ak-suggest__card > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ak-suggest__card strong { font-weight: 600; font-size: 14.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ak-suggest__card a { color: var(--ak-text); }
.ak-suggest__price { font-size: 14px; font-weight: 700; }
.ak-suggest__price del { color: var(--ak-muted); font-weight: 400; margin-inline-end: 4px; }
.ak-suggest__price ins { text-decoration: none; }
.ak-suggest__price .screen-reader-text { display: none; }
.ak-suggest__card .ak-btn { margin-top: auto; min-height: 40px; justify-content: center; color: #fff; }
.ak-suggest__pic { flex: none; width: 104px; height: 104px; border-radius: 14px; overflow: hidden; background: var(--ak-fill); }
.ak-suggest__pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- "Added to the cart": a wide strip ---------- */
@media (min-width: 760px) {
	.ak-cartpop { inset: 18px 0 auto 0 !important; width: min(920px, calc(100vw - 40px)); max-width: none; margin-inline: auto; padding: 12px 16px; border-radius: 22px; transform: translateY(-14px); }
	.ak-cartpop.is-on { transform: none; }
	.ak-cartpop .ak-cartnote { grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 10px 18px; }
	.ak-cartpop .ak-cartnote__head { display: contents; }
	.ak-cartpop .ak-cartnote__head strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
	.ak-cartpop .ak-cartnote__check { grid-column: 1; grid-row: 1; }
	.ak-cartpop .ak-cartnote__close { position: absolute; top: -8px; inset-inline-end: -8px; width: 28px; height: 28px; font-size: 16px; box-shadow: 0 2px 8px rgba(0,0,0,.14); background: #fff; }
	.ak-cartpop .ak-cartnote__item { grid-column: 2; grid-row: 1; min-width: 0; }
	.ak-cartpop .ak-cartnote__item img { width: 48px; height: 48px; }
	.ak-cartpop .ak-cartnote__item b { -webkit-line-clamp: 1; font-size: 14.5px; }
	.ak-cartpop .ak-cartnote__sum { grid-column: 3; grid-row: 1; display: grid; justify-items: end; padding: 0; border: 0; font-size: 12.5px; white-space: nowrap; }
	.ak-cartpop .ak-cartnote__actions { grid-column: 4; grid-row: 1; display: flex; }
	.ak-cartpop .ak-cartnote__actions .ak-btn { min-height: 42px; padding-inline: 18px; white-space: nowrap; }
	.ak-cartpop .ak-free { grid-column: 1 / -1; grid-row: 2; padding: 2px 0 0; }
}

/* Prices on one line wherever a clip or a suggestion shows one, and the next clip peeking below. */
.ak-vv__pick em *, .ak-vid__line em *, .ak-suggest__price * { display: inline !important; white-space: nowrap; }
@media (min-width: 901px) {
	.ak-vv__slide { height: calc(100% - 46px); }
	.ak-vv__frame { height: min(calc(100vh - 92px), 820px); }
}

/* WooCommerce's own rule keeps the gallery "relative", which only pushed it down by the sticky offset. */
@media (min-width: 1100px) { .woocommerce div.product div.images { position: sticky !important; } }


/* ---------- The product page's box: the photos stop where the details end ---------- */
.woocommerce div.product { display: block !important; }
.woocommerce div.product > * { margin-top: 28px; }
.woocommerce div.product > .ak-pdp { margin-top: 0; }
.ak-pdp { display: grid; gap: 28px; }
.ak-pdp > * { min-width: 0; }
@media (min-width: 900px) { .ak-pdp { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; } }
@media (min-width: 1100px) {
	.ak-pdp { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; }
	.woocommerce div.product div.images .woocommerce-product-gallery__image, .woocommerce div.product div.images .ak-gallery-video { max-height: calc(100vh - 120px); }
	.woocommerce div.product div.images .ak-thumbs { bottom: auto; max-height: calc(100vh - 120px); }
}

/* ---------- The side menu ---------- */
.ak-glide { display: none; }
@media (min-width: 1025px) {
	.ak-glide-on .ak-header__nav, .ak-glide-on .ak-hb-row--nav { display: none !important; }
	.ak-glide-on .ak-main, .ak-glide-on .ak-footer { margin-inline-start: 76px; }
	.ak-glide { position: fixed; z-index: 60; top: 50%; inset-inline-start: 12px; display: block; width: 56px; max-height: calc(100vh - 24px); transform: translateY(-50%); border-radius: 28px; background: color-mix(in srgb, var(--ak-bg, #fff) 72%, transparent); backdrop-filter: blur(22px) saturate(1.6); -webkit-backdrop-filter: blur(22px) saturate(1.6); box-shadow: 0 10px 36px rgba(0, 0, 0, .12), inset 0 0 0 1px rgba(255, 255, 255, .55); transition: width .28s cubic-bezier(.22, .8, .24, 1), box-shadow .28s; }
	.ak-glide.is-wide { width: 214px; box-shadow: 0 18px 54px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .55); }
	.ak-glide__scroll { display: grid; gap: 2px; max-height: calc(100vh - 24px); padding: 8px; overflow: hidden auto; scrollbar-width: none; box-sizing: border-box; }
	.ak-glide__scroll::-webkit-scrollbar { display: none; }
	.ak-glide__link { display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 10px; border-radius: 20px; color: var(--ak-text); font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; transition: background .15s; }
	.ak-glide__link:hover, .ak-glide__item.is-open > .ak-glide__link { background: color-mix(in srgb, var(--ak-text) 9%, transparent); color: var(--ak-text); }
	.ak-glide__link[aria-current] { background: var(--ak-text); color: var(--ak-bg, #fff); }
	.ak-glide__link > .ak-icon:first-child { flex: none; width: 20px; height: 20px; }
	.ak-glide__link > span { flex: 1; opacity: 0; transition: opacity .18s; }
	.ak-glide.is-wide .ak-glide__link > span { opacity: 1; transition-delay: .06s; }
	.ak-glide__link > .ak-icon:last-child:not(:first-child) { flex: none; width: 14px; height: 14px; opacity: 0; transition: opacity .18s; }
	[dir="rtl"] .ak-glide__link > .ak-icon:last-child:not(:first-child) { transform: rotate(180deg); }
	.ak-glide.is-wide .ak-glide__link > .ak-icon:last-child { opacity: .55; }
	.ak-glide__sub { position: fixed; top: 0; inset-inline-start: 234px; min-width: 240px; max-width: min(640px, calc(100vw - 270px)); max-height: calc(100vh - 24px); padding: 16px; border-radius: 24px; overflow-y: auto; scrollbar-width: none; background: color-mix(in srgb, var(--ak-bg, #fff) 66%, transparent); backdrop-filter: blur(26px) saturate(1.7); -webkit-backdrop-filter: blur(26px) saturate(1.7); box-shadow: 0 18px 54px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .55); opacity: 0; visibility: hidden; transform: translate3d(0, var(--ak-sub-y, 12px), 0) scale(.985); transform-origin: top; transition: opacity .18s, transform .22s cubic-bezier(.22, .8, .24, 1), visibility .18s; }
	.ak-glide__item.is-open > .ak-glide__sub { opacity: 1; visibility: visible; transform: translate3d(0, var(--ak-sub-y, 12px), 0); }
	.ak-glide__sub > strong { display: block; margin: 0 4px 8px; font-size: 15px; }
	.ak-glide__sub > a { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 10px; border-radius: 12px; color: var(--ak-text); font-size: 14px; }
	.ak-glide__sub > a .ak-icon { width: 17px; height: 17px; opacity: .7; }
	.ak-glide__sub a:hover { background: color-mix(in srgb, var(--ak-text) 9%, transparent); color: var(--ak-text); }
	.ak-glide__cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px 14px; min-width: 560px; }
	.ak-glide__cat { display: grid; align-content: start; gap: 2px; }
	.ak-glide__cathead { display: flex; align-items: center; gap: 8px; padding: 4px; border-radius: 12px; font-weight: 700; font-size: 14px; color: var(--ak-text); }
	.ak-glide__cathead img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; background: #fff; }
	.ak-glide__kid { padding: 4px 42px 4px 4px; border-radius: 8px; color: var(--ak-muted); font-size: 13px; }
	[dir="ltr"] .ak-glide__kid { padding: 4px 4px 4px 42px; }
	.ak-glide__all { justify-content: center; margin-top: 10px; font-weight: 700; }
}
@media (prefers-reduced-motion: reduce) { .ak-glide, .ak-glide__sub, .ak-glide__link > span { transition: none !important; } }

/* ---------- Rows: seven in view, arrows, the store's name under the whole picture ---------- */
@media (min-width: 1025px) {
	.ak-row7 { grid-auto-columns: calc((100% - 6 * 12px) / 7) !important; gap: 12px; }
	.ak-row4 { grid-auto-columns: calc((100% - 3 * 12px) / 4) !important; gap: 12px; }
}
@media (max-width: 1024px) { .ak-row7, .ak-row4 { grid-auto-columns: 42% !important; gap: 10px; } }
.ak-card--line { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; }
.ak-card--line .ak-card__media { aspect-ratio: 1; margin: 0 !important; padding: 0 !important; border-radius: 18px; overflow: hidden; background: var(--ak-fill); }
.ak-card--line .ak-card__media .ak-card__link, .ak-card--line .ak-card__media .ak-card__link img { display: block; width: 100%; height: 100%; padding: 0 !important; object-fit: cover; border-radius: 0; }
.ak-card--line .ak-card__words { padding: 8px 2px 0 !important; gap: 1px; }
.ak-card__seller { display: block; color: var(--ak-muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-card__seller:hover { color: var(--ak-text); }

/* ---------- A category's page ---------- */
.ak-cathead { margin: 22px 0 18px; text-align: center; }
.ak-cathead h1 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 42px); font-weight: 900; }
.ak-cathead__trail { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; font-size: 14px; color: var(--ak-muted); }
.ak-cathead__trail a { color: var(--ak-muted); }
.ak-cathead__trail span { color: var(--ak-text); font-weight: 600; }
.ak-cathead__trail .ak-icon { width: 12px; height: 12px; }
[dir="rtl"] .ak-cathead__trail .ak-icon { transform: rotate(180deg); }
.ak-catpills { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 22px; }
.ak-catpills a { display: inline-flex; align-items: center; gap: 8px; padding: 5px 16px 5px 5px; border-radius: 999px; background: #fff; color: var(--ak-text); font-size: 14px; font-weight: 600; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
[dir="rtl"] .ak-catpills a { padding: 5px 5px 5px 16px; }
.ak-catpills img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.ak-cattiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px; }
.ak-cattile { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 26px; overflow: hidden; color: #fff; isolation: isolate; background: var(--ak-fill); }
.ak-cattile:hover { color: #fff; }
.ak-cattile img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.ak-cattile:hover img { transform: scale(1.04); }
.ak-cattile::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(transparent 40%, rgba(0, 0, 0, .6)); }
.ak-cattile__words { position: absolute; inset-inline-start: 18px; bottom: 16px; display: grid; gap: 2px; }
.ak-cattile__words strong { font-size: 19px; }
.ak-cattile i { position: absolute; inset-inline-end: 16px; bottom: 16px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .22); backdrop-filter: blur(6px); }
.ak-cattile i .ak-icon { width: 16px; height: 16px; }
[dir="rtl"] .ak-cattile i .ak-icon { transform: rotate(180deg); }
.ak-catpanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px; }
.ak-catpane { min-width: 0; padding: 18px; border: 1px solid var(--ak-border); border-radius: 26px; background: #fff; }
.ak-catpane > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ak-catpane h2 { margin: 0; font-size: 20px; }
.ak-catpane > header a { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ak-fill); color: var(--ak-text); }
.ak-catpane > header .ak-icon { width: 16px; height: 16px; }
[dir="rtl"] .ak-catpane > header .ak-icon { transform: rotate(180deg); }
.ak-catbands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ak-catband { position: relative; display: grid; place-items: center; height: 92px; border-radius: 18px; overflow: hidden; background: var(--ak-cat); color: #fff; font-weight: 700; isolation: isolate; }
.ak-catband:hover { color: #fff; }
.ak-catband img { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; opacity: .42; mix-blend-mode: luminosity; }
.ak-catstores { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.ak-catstore { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 280px; padding: 14px; border-radius: 26px; background: var(--ak-store) center / cover; color: #fff; }
.ak-catstore:hover { color: #fff; }
.ak-catstore__who { display: flex; align-items: center; gap: 10px; text-shadow: 0 1px 6px rgba(0, 0, 0, .45); }
.ak-catstore__who img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; background: #fff; }
.ak-catstore__pics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 8px; border-radius: 18px; background: rgba(255, 255, 255, .22); backdrop-filter: blur(8px); }
.ak-catstore__pics img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: #fff; }
.ak-catall { display: flex; justify-content: center; margin: 26px 0; }
.ak-fbar__row { justify-content: safe center; }
.ak-store .ak-fbar__row { justify-content: flex-start; }
@media (min-width: 1100px) { .ak-shop__main ul.products { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px 12px; } }
@media (max-width: 800px) {
	.ak-cattiles { grid-template-columns: 1fr; }
	.ak-catpanes { grid-template-columns: 1fr; }
	.ak-catbands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- About the store: tidy, in the store's own colors ---------- */
.ak-store__more { --ak-act: var(--ak-store, var(--ak-accent)); padding: 0 !important; border-radius: 22px; background: #fff; color: var(--ak-text); overflow: hidden; }
.ak-store__more > summary { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; font-size: 15.5px; font-weight: 700; cursor: pointer; list-style: none; color: var(--ak-text); }
.ak-store__more > summary::-webkit-details-marker { display: none; }
.ak-store__more > summary::after { content: ""; width: 9px; height: 9px; border: solid var(--ak-act); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .15s; }
.ak-store__more[open] > summary::after { transform: rotate(-135deg); }
.ak-store__more > :not(summary) { margin-inline: 20px; }
.ak-store__more > :last-child { margin-bottom: 18px; }
.ak-store__more .ak-store__about { margin-top: 0; line-height: 1.7; color: var(--ak-text); }
.ak-store__more .ak-muted { color: var(--ak-muted); }
.ak-store__more .ak-store__info { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; padding: 0; list-style: none; }
.ak-store__more .ak-store__info li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: color-mix(in srgb, var(--ak-act) 8%, #fff); font-size: 13.5px; color: var(--ak-text); }
.ak-store__more .ak-store__info .ak-icon { flex: none; width: 17px; height: 17px; color: color-mix(in srgb, var(--ak-act) 85%, #000); }
.ak-store__more .ak-store__hours { margin-top: 8px; font-size: 13.5px; }
.ak-store__talk { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.ak-store__act, .ak-store__talk > button, .ak-store__talk > a, .ak-store__talk .ak-btn { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 36px !important; min-height: 0 !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: color-mix(in srgb, var(--ak-act) 13%, #fff) !important; color: color-mix(in srgb, var(--ak-act) 78%, #000) !important; font: inherit; font-size: 13.5px !important; font-weight: 600; cursor: pointer; box-shadow: none !important; }
.ak-store__act:hover, .ak-store__talk > button:hover, .ak-store__talk > a:hover, .ak-store__talk .ak-btn:hover { background: var(--ak-act) !important; color: #fff !important; }
.ak-store__act .ak-icon, .ak-store__talk .ak-icon, .ak-store__talk svg { width: 15px !important; height: 15px !important; }
.ak-store__act--quiet { background: none !important; color: var(--ak-muted) !important; }

/* ---------- Sending a gift card ---------- */
.ak-gift { --gift-w: 400px; max-width: 1040px; margin: 0 auto; padding: 22px 16px 40px; }
.ak-gift h1 { margin: 0 0 6px; font-size: clamp(24px, 3vw, 32px); font-weight: 900; line-height: 1.25; }
.ak-giftlead { margin: 0 0 18px; color: var(--ak-muted); }
.ak-gift__cols { display: grid; grid-template-columns: minmax(0, var(--gift-w)) minmax(0, 1fr); gap: 36px; align-items: start; }
.ak-gift--occasions .ak-gift__cols { grid-template-columns: minmax(0, 1fr) minmax(0, var(--gift-w)); }
.ak-gift__stick, .ak-gift--occasions aside { position: sticky; top: 96px; display: grid; gap: 14px; }
.ak-giftcard { --gift: linear-gradient(135deg, var(--ak-accent), #222); display: flex; flex-direction: column; aspect-ratio: 1.6; padding: 20px 22px; border-radius: 24px; background: var(--gift); color: #fff; box-shadow: 0 20px 44px -16px rgba(0, 0, 0, .5); position: relative; overflow: hidden; }
.ak-giftcard::before { content: ""; position: absolute; inset-inline-end: -14%; top: -40%; width: 70%; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, .13); }
.ak-giftcard.is-pop { animation: ak-giftpop .35s cubic-bezier(.2, 1.4, .4, 1); }
@keyframes ak-giftpop { from { transform: scale(.96) rotate(-1deg); } to { transform: none; } }
.ak-giftcard__top { display: flex; align-items: center; justify-content: space-between; position: relative; }
.ak-giftcard__top i { font-style: normal; font-size: 30px; line-height: 1; }
.ak-giftcard__line { margin-top: auto; font-size: 15px; font-weight: 600; opacity: .92; }
.ak-giftcard__amount { font-size: clamp(26px, 3vw, 34px); font-weight: 900; line-height: 1.2; }
.ak-giftcard small { min-height: 1.2em; font-size: 13px; }
.ak-giftcard em { font-style: normal; font-size: 12.5px; opacity: .9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-giftform__block { margin-bottom: 20px; }
.ak-giftform__block h3 { margin: 0 0 8px; font-size: 15px; font-weight: 800; }
.ak-giftdesigns { display: flex; gap: 8px; overflow-x: auto; padding: 3px; scrollbar-width: none; }
.ak-giftdesign { flex: 0 0 84px; display: grid; gap: 4px; text-align: center; cursor: pointer; font-size: 12.5px; }
.ak-giftdesign input { position: absolute; opacity: 0; width: 0; height: 0; }
.ak-giftdesign__art { display: grid; place-items: center; aspect-ratio: 1.3; border-radius: 14px; background: var(--gift); font-size: 24px; transition: transform .15s, box-shadow .15s; }
.ak-giftdesign:hover .ak-giftdesign__art { transform: translateY(-2px); }
.ak-giftdesign input:checked + .ak-giftdesign__art { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ak-text); }
.ak-giftdesign input:focus-visible + .ak-giftdesign__art { outline: 2px solid var(--ak-accent); outline-offset: 4px; }
.ak-gift--occasions .ak-gift__wide .ak-giftdesigns { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: visible; }
.ak-gift--occasions .ak-giftdesign { flex: auto; font-size: 14px; font-weight: 600; }
.ak-gift--occasions .ak-giftdesign__art { font-size: 38px; border-radius: 18px; }
.ak-gift--occasions .ak-gift__intro { text-align: center; }
.ak-giftamounts { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.ak-giftamounts label { cursor: pointer; }
.ak-giftamounts input[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; }
.ak-giftamounts label span { display: grid; place-items: center; height: 46px; border: 1.5px solid var(--ak-border); border-radius: 14px; font-weight: 700; font-size: 14px; background: #fff; transition: border-color .15s, background .15s; }
.ak-giftamounts label:hover span { border-color: var(--ak-text); }
.ak-giftamounts input:checked + span { background: var(--ak-text); border-color: var(--ak-text); color: #fff; }
.ak-giftamounts__other { height: 46px; padding: 0 12px; border: 1.5px solid var(--ak-border); border-radius: 14px; font: inherit; font-size: 14px; min-width: 0; width: 100%; box-sizing: border-box; }
.ak-giftform__who { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ak-giftform__who label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; color: var(--ak-muted); }
.ak-giftform__who input, .ak-giftform__who textarea { width: 100%; padding: 10px 12px; border: 1.5px solid var(--ak-border); border-radius: 12px; font: inherit; font-size: 14px; color: var(--ak-text); background: #fff; box-sizing: border-box; }
.ak-giftform__wide { grid-column: 1 / -1; }
.ak-giftsay { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ak-giftsay button { padding: 5px 12px; border: 0; border-radius: 999px; background: var(--ak-fill); color: var(--ak-text); font: inherit; font-size: 12.5px; cursor: pointer; }
.ak-giftsay button:hover { background: var(--ak-text); color: #fff; }
.ak-giftbuy { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border-radius: 18px; background: var(--ak-fill); }
.ak-giftbuy span { display: grid; }
.ak-giftbuy small { color: var(--ak-muted); }
.ak-giftbuy b { font-size: 19px; font-weight: 900; }
.ak-giftbuy .ak-btn { margin: 0; min-height: 48px; padding-inline: 28px; }
.ak-giftnote { margin: 10px 2px 0; font-size: 13px; color: var(--ak-muted); }
.ak-giftperks { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ak-giftperks li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }
.ak-giftperks b { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--ak-fill); font-weight: 400; }
.ak-gift--surprise { max-width: none; padding: 0; }
.ak-gift__hero { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 460px); justify-content: center; align-items: center; gap: 56px; padding: 44px 24px 96px; background: radial-gradient(90% 120% at 20% 0%, #4b2a9e, transparent), radial-gradient(90% 120% at 90% 20%, #c2267c, transparent), #14102b; color: #fff; }
.ak-gift__hero .ak-giftlead { color: rgba(255, 255, 255, .78); }
.ak-gift__hero .ak-giftperks b { background: rgba(255, 255, 255, .14); }
.ak-gift__tilt { transform: rotate(-5deg); filter: drop-shadow(0 26px 44px rgba(0, 0, 0, .45)); transition: transform .35s; }
.ak-gift__tilt:hover { transform: rotate(-2deg) scale(1.02); }
.ak-gift__sheet { position: relative; max-width: 720px; margin: -56px auto 40px; padding: 24px; border-radius: 28px; background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, .14); }
@media (max-width: 860px) {
	.ak-gift__cols, .ak-gift--occasions .ak-gift__cols { grid-template-columns: 1fr; gap: 20px; }
	.ak-gift__stick, .ak-gift--occasions aside { position: static; }
	.ak-gift--occasions .ak-gift__cols aside { grid-row: 1; }
	.ak-gift--occasions .ak-gift__wide .ak-giftdesigns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ak-gift__hero { grid-template-columns: 1fr; gap: 26px; padding: 28px 18px 84px; }
	.ak-gift__sheet { margin-inline: 12px; padding: 18px; }
	.ak-giftform__who { grid-template-columns: 1fr; }
}

/* The bar's glass on a layer of its own, and no transform on the bar: either would make the bar the frame
   its panes are placed in, instead of the window. */
@media (min-width: 1025px) {
	.ak-glide { top: 0; bottom: 0; height: fit-content; margin-block: auto; transform: none; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none !important; }
	.ak-glide::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: color-mix(in srgb, var(--ak-bg, #fff) 72%, transparent); backdrop-filter: blur(22px) saturate(1.6); -webkit-backdrop-filter: blur(22px) saturate(1.6); box-shadow: 0 10px 36px rgba(0, 0, 0, .12), inset 0 0 0 1px rgba(255, 255, 255, .55); transition: box-shadow .28s; }
	.ak-glide.is-wide::before { box-shadow: 0 18px 54px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(255, 255, 255, .55); }
	.ak-glide-on .ak-store { margin-inline-start: -76px; padding-inline-start: 76px; }
}
.ak-store__talk > * { flex: 0 0 auto; width: auto !important; max-width: 100%; }
@media (min-width: 1025px) { .ak-glide-on .ak-gift--surprise { margin-inline-start: -76px; padding-inline-start: 76px; } }


/* The transfer apps' icons. */
.ak-wallets { margin-top: 10px; }
.ak-wallets small { display: block; margin-bottom: 6px; color: var(--ak-muted); }
.ak-wallets ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ak-wallets li { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px 0 4px; border-radius: 999px; background: var(--ak-fill); font-size: 12.5px; font-weight: 600; }
[dir="rtl"] .ak-wallets li { padding: 0 4px 0 10px; }
.ak-wallets img, .ak-wallets i { width: 26px; height: 26px; border-radius: 8px; object-fit: cover; background: #fff; }
.ak-wallets i { display: grid; place-items: center; font-style: normal; font-weight: 800; }
.ak-pay__app { width: 20px; height: 20px; border-radius: 5px; object-fit: cover; }
.woocommerce-checkout #payment ul.payment_methods li img { float: none; width: 26px; height: 26px; max-height: none; margin: 0 6px; border-radius: 7px; vertical-align: middle; }
.ak-cartnote__stores { margin: 0; padding: 8px 12px; border-radius: 12px; background: var(--ak-fill); font-size: 13px; grid-column: 1 / -1; }
@media (min-width: 760px) { .ak-cartpop .ak-cartnote__stores { grid-row: 3; } }

/* Points. */
.ak-earn { margin: 6px 0; font-size: 13.5px; font-weight: 600; color: var(--ak-muted); }
.ak-invite { margin-top: 18px; padding: 18px; border-radius: 20px; background: var(--ak-fill); }
.ak-invite h3 { margin: 0 0 6px; }
.ak-invite__code { display: flex; gap: 8px; }
.ak-invite__code input { flex: 1; min-width: 0; padding: 8px 12px; border: 1px solid var(--ak-border); border-radius: 12px; }

/* The gift's own picture and words, and the customer's gifts. */
.ak-giftcard__pic { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-giftcard.has-pic::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.6)); }
.ak-giftcard.has-pic::before { display: none; }
.ak-giftcard > :not(.ak-giftcard__pic) { position: relative; z-index: 1; }
.ak-giftown { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }
.ak-giftown input[type=file] { padding: 7px; }
.ak-giftown .ak-muted, .ak-giftown .ak-link { grid-column: 1 / -1; margin: 0; font-size: 13px; }
.ak-giftready { position: fixed; z-index: 800; bottom: calc(var(--ak-bottom-bar, 0px) + 18px); left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; background: linear-gradient(135deg, #ff7a59, #c2267c); color: #fff; font-weight: 800; box-shadow: 0 12px 30px rgba(194, 38, 124, .4); animation: ak-giftbob 2.4s ease-in-out infinite; }
.ak-giftready:hover { color: #fff; }
@keyframes ak-giftbob { 50% { transform: translateX(-50%) translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .ak-giftready { animation: none; } }
.ak-mygifts__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; margin-bottom: 40px; }
.ak-mygift { position: relative; display: grid; gap: 12px; align-content: start; padding: 14px; border-radius: 26px; background: var(--ak-fill); }
.ak-mygift .ak-giftcard { box-shadow: none; }
.ak-mygift__cover { display: none; justify-content: center; }
.ak-mygift.is-new:not(.is-open) .ak-mygift__cover { display: flex; }
.ak-mygift.is-new:not(.is-open) .ak-mygift__inside { display: none; }
.ak-mygift.is-open .ak-giftcard { animation: ak-giftpop .4s cubic-bezier(.2, 1.4, .4, 1); }
.ak-mygift__inside { display: grid; gap: 6px; }
.ak-mygift__inside p { margin: 0; }
.ak-mygift__code { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ak-mygift__code code { flex: 1; min-width: 150px; padding: 8px 12px; border-radius: 10px; background: #fff; font-weight: 800; letter-spacing: 1px; }
.ak-mygift { --ak-act: var(--ak-accent); }
.ak-mygift .ak-store__act { display: inline-flex; align-items: center; height: 34px; padding: 0 12px; border: 0; border-radius: 999px; background: color-mix(in srgb, var(--ak-act) 13%, #fff); color: color-mix(in srgb, var(--ak-act) 78%, #000); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.ak-mygift__keep { padding: 8px 12px; border-radius: 12px; background: #fff7e0; color: #6a4e00; font-size: 13px; }


/* ---------- Purchase details on an order ---------- */
.ak-purchase { margin: 0 0 18px; padding: 16px; border-radius: 18px; background: var(--ak-fill); }
.ak-purchase h2 { margin: 0 0 10px; font-size: 16px; }
.ak-purchase dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0 0 10px; font-size: 14px; }
.ak-purchase dt { color: var(--ak-muted); }
.ak-purchase dd { margin: 0; }
.ak-purchase code { font-weight: 800; letter-spacing: .5px; }
.ak-purchase__stores { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ak-purchase__stores li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #fff; }
.ak-purchase__stores a { display: inline-flex; align-items: center; gap: 8px; color: var(--ak-text); }
.ak-purchase__stores img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }

/* ---------- Live ---------- */
.ak-livegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin-bottom: 40px; }
.ak-livecard { position: relative; display: block; aspect-ratio: 3 / 4; border-radius: 20px; overflow: hidden; color: #fff; background: #111; }
.ak-livecard:hover { color: #fff; }
.ak-livecard img { width: 100%; height: 100%; object-fit: cover; opacity: .85; }
.ak-livecard i { position: absolute; top: 10px; inset-inline-start: 10px; padding: 3px 10px; border-radius: 999px; background: #dc2626; font-style: normal; font-weight: 800; font-size: 12px; }
.ak-livecard span { position: absolute; inset-inline: 0; bottom: 0; display: grid; gap: 2px; padding: 40px 12px 12px; background: linear-gradient(transparent, rgba(0,0,0,.75)); }
.ak-live { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; max-width: 1200px; margin: 0 auto; padding: 16px; align-items: start; }
.ak-live__stage { position: relative; height: calc(100vh - 150px); min-height: 460px; border-radius: 24px; overflow: hidden; background: #000; }
.ak-live__stage video, .ak-live__stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: contain; background: #000; }
.ak-live__top { position: absolute; z-index: 2; inset-inline: 12px; top: 12px; display: flex; align-items: center; gap: 8px; color: #fff; }
.ak-live__who { display: inline-flex; align-items: center; gap: 8px; margin-inline-end: auto; padding: 4px 12px 4px 4px; border-radius: 999px; background: rgba(0,0,0,.45); color: #fff; backdrop-filter: blur(8px); }
[dir="rtl"] .ak-live__who { padding: 4px 4px 4px 12px; }
.ak-live__who:hover { color: #fff; }
.ak-live__who img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; background: #fff; }
.ak-live__badge { padding: 4px 10px; border-radius: 999px; background: #dc2626; font-weight: 800; font-size: 12px; animation: ak-livepulse 1.6s infinite; }
@keyframes ak-livepulse { 50% { opacity: .65; } }
.ak-live__count { padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.45); font-size: 12px; }
.ak-live__sound { position: absolute; z-index: 2; inset-inline-end: 12px; bottom: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; font-size: 18px; cursor: pointer; }
.ak-live__over { position: absolute; z-index: 30; inset: 0; display: grid; place-items: center; padding: 24px; overflow: auto; background: #111114; color: #fff; text-align: center; }
.ak-live__over > div { display: grid; gap: 6px; justify-items: center; width: min(100%, 380px); }
.ak-live__over img { width: 84px; height: 84px; margin-bottom: 6px; border-radius: 50%; object-fit: cover; }
.ak-live__over [hidden] { display: none; }
.ak-live__over small { color: rgba(255,255,255,.7); font-size: 15px; }
.ak-live__over h2 { margin: 0; color: #fff; font-size: 26px; font-weight: 800; }
.ak-live__over [data-live-rate] { width: 100%; }
.ak-live__over section { display: grid; gap: 12px; width: 100%; margin-top: 22px; }
.ak-live__over section span { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ak-live__over section button { padding: 12px; border: 1px solid rgba(255,255,255,.4); border-radius: 12px; background: none; color: #fff; font: inherit; cursor: pointer; }
.ak-live__over section button:hover { background: rgba(255,255,255,.12); }
.ak-live__over [data-live-rated] { margin-top: 22px; }
.ak-live__over .ak-btn { width: 100%; margin-top: 22px; background: #fff; color: #111; }
.ak-live__endback { padding: 8px; color: #fff; }
.ak-live__endback:hover { color: #fff; }
.ak-live__wait { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; gap: 10px; justify-items: center; margin: 0; color: #fff; font-size: 14px; text-shadow: 0 1px 6px #000; transform: translate(-50%, -50%); }
.ak-live__wait[hidden] { display: none; }
.ak-live__wait i { width: 32px; height: 32px; border: 3px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: ak-live-spin .9s linear infinite; }
@keyframes ak-live-spin { to { transform: rotate(360deg); } }
.ak-storecard.is-live .ak-storecard__logo { box-shadow: 0 0 0 3px #e11d48; animation: ak-store-beat 1.6s ease-in-out infinite; }
.ak-storecard__live { position: absolute; z-index: 2; width: 36px; border-radius: 99px; background: #e11d48; color: #fff; font-size: 12px; font-style: normal; font-weight: 800; line-height: 20px; text-align: center; box-shadow: 0 0 0 2px #fff; }
@keyframes ak-store-beat { 50% { transform: scale(1.05); } }
@media (prefers-reduced-motion: reduce) { .ak-storecard.is-live .ak-storecard__logo { animation: none; } }
.ak-live__over[hidden] { display: none; }
.ak-live__side { display: grid; gap: 14px; }
.ak-live__side h1 { margin: 0; font-size: 20px; }
.ak-live__side h3 { margin: 0 0 8px; font-size: 14px; color: var(--ak-muted); }
.ak-live__now { display: grid; gap: 10px; padding: 14px; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(0,0,0,.08); }
.ak-live__now[hidden] { display: none; }
.ak-live__now.is-new { animation: ak-giftpop .35s cubic-bezier(.2, 1.4, .4, 1); }
.ak-live__timer { display: flex; justify-content: space-between; font-size: 13px; color: var(--ak-muted); }
.ak-live__timer b { color: #dc2626; font-size: 15px; font-variant-numeric: tabular-nums; }
.ak-live__product { display: flex; gap: 12px; align-items: center; color: var(--ak-text); }
.ak-live__product:hover { color: var(--ak-text); }
.ak-live__product img { flex: none; width: 76px; height: 76px; border-radius: 14px; object-fit: cover; background: var(--ak-fill); }
.ak-live__product span { display: grid; gap: 3px; min-width: 0; }
.ak-live__product em { font-style: normal; font-weight: 800; }
.ak-live__product em * { display: inline !important; }
.ak-live__product em del { color: var(--ak-muted); font-weight: 400; margin-inline-end: 4px; }
.ak-live__product em ins { text-decoration: none; }
.ak-live__product em .screen-reader-text { display: none !important; }
.ak-live__buy { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
.ak-live__buy .ak-btn { margin: 0; min-height: 44px; justify-content: center; }
.ak-live__buy .added_to_cart { display: none !important; }
.ak-live__auction { display: grid; gap: 8px; padding: 10px; border-radius: 14px; background: var(--ak-fill); }
.ak-live__auction[hidden] { display: none; }
.ak-live__auction p { display: flex; align-items: baseline; gap: 8px; margin: 0; }
.ak-live__auction p b { font-size: 20px; font-weight: 900; }
.ak-live__auction form { display: flex; gap: 8px; }
.ak-live__auction input { flex: 1; min-width: 0; padding: 8px 12px; border: 1px solid var(--ak-border); border-radius: 12px; font: inherit; }
.ak-live__auction .ak-btn { margin: 0; }
.ak-live__next { display: grid; gap: 6px; }
.ak-live__next a { display: flex; align-items: center; gap: 8px; color: var(--ak-text); font-size: 13.5px; }
.ak-live__next img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; background: var(--ak-fill); }
.ak-store__onair { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 10px; padding: 10px; border-radius: 14px; background: #dc2626; color: #fff; font-weight: 700; }
.ak-store__onair:hover { color: #fff; }
.ak-store__onair i { width: 9px; height: 9px; border-radius: 50%; background: #fff; animation: ak-livepulse 1.2s infinite; }
@media (max-width: 900px) {
	.ak-live { grid-template-columns: 1fr; padding: 0 0 80px; }
	.ak-live__stage { height: 62vh; min-height: 0; border-radius: 0; }
	.ak-live__side { padding: 0 14px; }
}


/* The side menu's categories sit close together; the pane is as wide as they need. */
@media (min-width: 1025px) {
	.ak-glide__sub { width: max-content; }
	.ak-glide__cats { display: flex; flex-wrap: wrap; gap: 6px 10px; min-width: 0; max-width: min(560px, calc(100vw - 300px)); }
	.ak-glide__cat { flex: 0 0 auto; min-width: 130px; }
	.ak-glide__cathead { padding-inline-end: 12px; }
	.ak-glide__all { margin-top: 6px; justify-content: flex-start; font-size: 13px; }
}

/* One button for the card's picture, or drop it here. */
.ak-giftdrop { position: relative; display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 12px 6px 6px; border: 1.5px dashed var(--ak-border); border-radius: 14px; transition: border-color .15s, background .15s; }
[dir="rtl"] .ak-giftdrop { padding: 6px 6px 6px 12px; }
.ak-giftdrop.is-over { border-color: var(--ak-accent); background: color-mix(in srgb, var(--ak-accent) 8%, #fff); }
.ak-giftdrop small { color: var(--ak-muted); font-size: 12.5px; }
.ak-giftdrop__btn { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--ak-text); color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.ak-giftdrop__btn .ak-icon { width: 15px; height: 15px; }
.ak-giftdrop__clear { margin-inline-start: auto; width: 26px; height: 26px; border: 0; border-radius: 50%; background: var(--ak-fill); color: var(--ak-text); font-size: 16px; line-height: 1; cursor: pointer; }
.ak-giftdrop__clear[hidden] { display: none; }
.ak-live__fail { position: absolute; z-index: 2; inset: 0; display: grid; place-items: center; margin: 0; padding: 24px; color: #fff; text-align: center; }
.ak-live__fail[hidden] { display: none; }

/* The stream: everything over the picture. */
.ak-live { display: flex; justify-content: center; max-width: none; padding: 12px; }
.ak-live__stage { width: min(100%, calc((100vh - 215px) * 9 / 16)); min-width: min(100%, 400px); height: calc(100vh - 215px); min-height: 520px; border-radius: 20px; }
.ak-live__stage video { object-fit: cover; }
.ak-live.is-wide .ak-live__stage { width: 100%; max-width: 1180px; }
.ak-live.is-wide .ak-live__stage video { object-fit: contain; }
.ak-live__shade { position: absolute; inset-inline: 0; bottom: 0; height: 55%; background: linear-gradient(to top, rgba(0, 0, 0, .82), transparent); pointer-events: none; }
.ak-live__ui { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; gap: 10px; padding: 12px; color: #fff; }
.ak-live__top { position: static; inset: auto; }
.ak-live__who { flex: 0 1 auto; min-width: 0; margin: 0; padding: 0; background: none; text-shadow: 0 1px 5px rgba(0, 0, 0, .7); }
[dir="rtl"] .ak-live__who { padding: 0; }
.ak-live__who img { flex: none; width: 44px; height: 44px; }
.ak-live__who span { display: grid; min-width: 0; }
.ak-live__who b, .ak-live__who small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ak-live__who b { font-size: 15px; }
.ak-live__who small { font-size: 12px; opacity: .85; }
.ak-live__follow { flex: none; margin-inline-end: auto; padding: 4px 13px; border: 0; border-radius: 999px; background: var(--ak-accent); color: var(--ak-on-accent); font: inherit; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.ak-live__follow[hidden] { display: none; }
.ak-live__follow.is-on { background: rgba(255, 255, 255, .22); color: #fff; }
.ak-live__count { display: inline-flex; flex: none; align-items: center; gap: 6px; padding: 4px; padding-inline-end: 11px; border-radius: 999px; background: rgba(0, 0, 0, .45); }
.ak-live__count i { width: 24px; height: 24px; border-radius: 50%; background: #dc2626 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 16V10M12 16V7M17 16v-4'/%3E%3C/svg%3E") center / 16px no-repeat; }
.ak-live__count b { font-size: 13.5px; font-weight: 600; }
.ak-live__close { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, .45); color: #fff; }
.ak-live__close:hover { color: #fff; }
.ak-live__sticker { justify-self: start; align-self: start; width: fit-content; margin: 0 0 6px; padding: 6px 11px; border: 0; border-radius: 10px; background: #fde68a; color: #111; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; pointer-events: auto; }
.ak-live__friends { width: fit-content; margin: 6px 0 0; padding: 5px 11px; border-radius: 99px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 13px; }
.ak-live__soon { display: grid; justify-items: center; gap: 10px; padding: 14px; color: #fff; text-align: center; font-weight: 800; }
.ak-live__soon p { margin: 0; padding: 7px 14px; border-radius: 99px; background: rgba(0, 0, 0, .6); }
.ak-live__gift { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 10px; border-radius: 16px; background: #7c3aed; color: #fff; }
.ak-live__gift[hidden] { display: none; }
.ak-live__soon[hidden], .ak-live__sticker[hidden], .ak-live__friends[hidden], .ak-live__sudden[hidden], .ak-live__mymax[hidden] { display: none; }
.ak-live__gift > i { font-style: normal; font-size: 24px; }
.ak-live__gift > span { flex: 1; min-width: 0; display: grid; }
.ak-live__gift b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ak-live__gift small { opacity: .8; font-size: 12.5px; }
.ak-live__gift button { flex: none; padding: 8px 14px; border: 0; border-radius: 99px; background: #fff; color: #7c3aed; font: inherit; font-weight: 800; cursor: pointer; }
.ak-live__gift button:disabled { background: transparent; color: #fff; cursor: default; }
.ak-live__sudden { margin: 0 0 6px; color: #fde68a; font-size: 12.5px; font-weight: 700; }
.ak-live__mymax { margin: 0 0 6px; color: rgba(255, 255, 255, .75); font-size: 12.5px; }
.ak-live__auto { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 8px; color: var(--ak-text); font-size: 13px; line-height: 1.5; }
.ak-live__form { display: grid; gap: 10px; }
.ak-live__form label:not(.ak-live__auto) { display: grid; gap: 4px; color: var(--ak-text); font-size: 13px; }
.ak-live__row2 { display: flex; gap: 8px; }
.ak-live__sheet p { color: var(--ak-text); line-height: 1.6; }
.ak-live__confetti { position: absolute; inset: 0; z-index: 40; overflow: hidden; pointer-events: none; }
.ak-live__confetti i { position: absolute; top: -12px; width: 8px; height: 5px; animation: ak-confetti 2s linear forwards; }
@keyframes ak-confetti { to { transform: translateY(105vh) rotate(720deg); opacity: .6; } }
.ak-live__notes { display: grid; justify-items: start; gap: 6px; margin: 0; padding: 0; list-style: none; }
.ak-live__notes:empty { display: none; }
.ak-live__notes[hidden] { display: none; }
.ak-live__notes li { max-width: 78%; padding: 6px 11px; border-radius: 10px; background: rgba(0, 0, 0, .55); font-size: 14px; font-weight: 800; overflow-wrap: anywhere; }
.ak-live__mid { flex: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; min-height: 0; }
.ak-live__chat { flex: 1; min-width: 0; display: grid; gap: 8px; }
.ak-live__chat ul { display: grid; align-content: end; gap: 8px; max-height: 230px; margin: 0; padding: 0; overflow-y: auto; list-style: none; scrollbar-width: none; -webkit-mask-image: linear-gradient(transparent, #000 28px); mask-image: linear-gradient(transparent, #000 28px); }
.ak-live__chat ul::-webkit-scrollbar { display: none; }
.ak-live__c { position: relative; display: flex; align-items: flex-start; gap: 8px; color: #fff; font-size: 13.5px; line-height: 1.4; overflow-wrap: anywhere; text-shadow: 0 1px 4px rgba(0, 0, 0, .8); }
.ak-live__ava { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, .25); font-size: 13px; font-style: normal; font-weight: 700; }
.ak-live__c > span { display: grid; flex: 1; min-width: 0; }
.ak-live__c b { color: rgba(255, 255, 255, .78); font-size: 12.5px; font-weight: 500; }
.ak-live__c em { padding: 0 5px; border-radius: 5px; background: rgba(255, 255, 255, .24); color: #fff; font-size: 10.5px; font-style: normal; font-weight: 700; }
.ak-live__c > span > span { font-weight: 600; }
.ak-live__c.is-store > span > span { color: var(--ak-accent); }
.ak-live__c button { flex: none; border: 0; background: none; color: #fff; opacity: .7; cursor: pointer; }
.ak-live__chat form { display: flex; }
.ak-live__chat input { flex: 1; min-width: 0; height: 42px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .7); border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font: inherit; font-size: 14px; }
.ak-live__chat input::placeholder { color: #fff; opacity: 1; }
.ak-live__chatin { justify-self: start; padding: 9px 16px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; color: #fff; font-size: 13.5px; }
.ak-live__chatin:hover { color: #fff; }
.ak-live__rail { flex: none; display: grid; justify-items: center; gap: 10px; width: 62px; }
.ak-live__rail button { display: grid; justify-items: center; gap: 3px; width: 100%; padding: 2px 0; border: 0; background: none; color: #fff; font: inherit; font-size: 11.5px; cursor: pointer; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .7)); }
.ak-live__rail button[hidden] { display: none; }
.ak-live__rail .ak-live__off { display: none; }
.ak-live__rail .is-muted .ak-live__on { display: none; }
.ak-live__rail .is-muted .ak-live__off { display: inline; }
.ak-live__thumb { position: relative; display: block; }
.ak-live__thumb img { display: block; width: 46px; height: 46px; border-radius: 10px; object-fit: cover; background: rgba(255, 255, 255, .2); }
.ak-live__thumb i { position: absolute; top: -6px; inset-inline-end: -6px; padding: 0 6px; border-radius: 999px; background: rgba(0, 0, 0, .85); font-size: 11px; font-style: normal; font-weight: 700; }
.ak-live__now { gap: 8px; padding: 0; border-radius: 0; background: none; box-shadow: none; }
.ak-live__leader { margin: 0; font-size: 14px; font-weight: 700; }
.ak-live__leader[hidden] { display: none; }
.ak-live__leader.is-me { color: #4ade80; }
.ak-live__row { display: flex; align-items: center; gap: 10px; }
.ak-live__product, .ak-live__product:hover { flex: 1; min-width: 0; color: #fff; }
.ak-live__product img { width: 66px; height: 66px; border-radius: 12px; }
.ak-live__product span { display: grid; gap: 2px; min-width: 0; }
.ak-live__product strong { font-size: 15.5px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ak-live__product small { opacity: .8; font-size: 12.5px; }
.ak-live__price { flex: none; display: grid; justify-items: end; gap: 2px; max-width: 34%; font-weight: 800; }
.ak-live__price em { font-style: normal; font-size: 15px; }
.ak-live__price em del { opacity: .6; font-weight: 400; font-size: 12px; }
.ak-live__price em ins { text-decoration: none; }
.ak-live__price b[hidden] { display: none; }
.ak-live__price i { color: #ef4444; font-style: normal; font-variant-numeric: tabular-nums; }
.ak-live__buy, .ak-live__auction { display: grid; grid-template-columns: minmax(120px, 2fr) 5fr; gap: 10px; align-items: center; padding: 0; background: none; }
.ak-live__buy a { padding-inline: 6px; font-size: 14px; white-space: nowrap; }
.ak-live__buy:empty, .ak-live__auction[hidden] { display: none; }
.ak-live__buy a:only-child { grid-column: 1 / -1; }
.ak-live__buy a, .ak-live__custom, .ak-live__bidnow { display: block; min-height: 48px; padding: 12px; border-radius: 999px; font: inherit; font-size: 15px; font-weight: 800; line-height: 24px; text-align: center; cursor: pointer; }
.ak-live__buy a:first-child:not(:only-child), .ak-live__custom { border: 1.5px solid rgba(255, 255, 255, .75); background: none; color: #fff; }
.ak-live__buy a:last-child, .ak-live__bidnow { border: 0; background: var(--ak-accent); color: var(--ak-on-accent); box-shadow: none; }
.ak-live__show { position: absolute; z-index: 3; top: 12px; inset-inline-end: 12px; display: none; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .5); color: #fff; cursor: pointer; }
.ak-live.is-clean .ak-live__ui, .ak-live.is-clean .ak-live__shade { display: none; }
.ak-live.is-clean .ak-live__show { display: grid; }
.ak-live__sheet { width: min(420px, calc(100% - 32px)); max-height: 70vh; padding: 18px; border: 0; border-radius: 20px; overflow-y: auto; }
.ak-live__sheet::backdrop { background: rgba(0, 0, 0, .5); }
.ak-live__sheet h3 { margin: 0 0 12px; font-size: 16px; color: var(--ak-text); }
.ak-live__sheetx { position: absolute; top: 10px; inset-inline-end: 12px; border: 0; background: none; font-size: 24px; line-height: 1; cursor: pointer; }
.ak-live__next { display: grid; gap: 10px; }
.ak-live__next a { display: flex; align-items: center; gap: 10px; color: var(--ak-text); }
.ak-live__next img { flex: none; width: 56px; height: 56px; border-radius: 10px; object-fit: cover; }
.ak-live__next b { color: #dc2626; font-size: 12px; }
.ak-live__bidform { display: grid; grid-template-columns: 44px 1fr 44px; gap: 10px; align-items: center; }
.ak-live__bidform input { min-width: 0; height: 48px; border: 0; background: none; font: inherit; font-size: 26px; font-weight: 900; text-align: center; }
.ak-live__bidform button[type="button"] { width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--ak-fill); font-size: 22px; cursor: pointer; }
.ak-live__bidform .ak-btn { grid-column: 1 / -1; }
/* Opened in full from the videos, and a wide stream filling the screen. */
.ak-live-full .ak-live, .ak-live.is-max { position: fixed; z-index: 9999; inset: 0; align-items: stretch; padding: 0; background: #000; }
.ak-live-full .ak-live__stage, .ak-live.is-max .ak-live__stage { height: 100vh; height: 100dvh; min-height: 0; width: min(100%, 56.25vh); width: min(100%, 56.25dvh); border-radius: 0; }
.ak-live-full .ak-live.is-wide .ak-live__stage, .ak-live.is-wide.is-max .ak-live__stage { width: 100%; max-width: none; }
.ak-live.is-wide.is-max .ak-live__now { width: min(100%, 460px); margin-inline-start: auto; }
.ak-live.is-max .ak-live__chat { max-width: 420px; }
@media (max-width: 700px) {
	.ak-live { padding: 0; }
	.ak-live__stage { width: 100%; min-width: 0; height: calc(100dvh - 130px); min-height: 520px; border-radius: 0; }
	.ak-live-full .ak-live__stage { width: 100%; min-height: 0; }
}
/* Streams among the videos and on the home page. */
.ak-vid--live .ak-vid__media > img:first-child, .ak-vid--live .ak-vid__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-vid--live .ak-vid__media { box-shadow: 0 0 0 2px #dc2626; }
.ak-vid__onair, .ak-vid__eyes { position: absolute; z-index: 2; top: 10px; padding: 3px 9px; border-radius: 999px; color: #fff; font-size: 12px; font-style: normal; font-weight: 700; }
.ak-vid__onair { inset-inline-start: 10px; background: #dc2626; }
.ak-vid__eyes { inset-inline-end: 10px; background: rgba(0, 0, 0, .5); font-weight: 500; }
.ak-vid__why { color: #dc2626; font-style: normal; font-size: 12.5px; font-weight: 700; }
.ak-vbar { display: flex; align-items: center; gap: 2px; margin: 0 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--ak-border); }
.ak-vbar__btn { position: relative; display: grid; place-items: center; flex: none; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer; }
.ak-vbar__btn:hover { background: var(--ak-border); }
.ak-vbar__btn .ak-icon { width: 22px; height: 22px; }
.ak-vbar__btn.is-on::after { content: ""; position: absolute; top: 7px; inset-inline-end: 7px; width: 8px; height: 8px; border-radius: 50%; background: #dc2626; }
.ak-vbar__live { margin-inline-start: auto; }
.ak-vids__chosen { margin: 0 0 14px; }
.ak-vbar__live[aria-current] { background: #dc2626; color: #fff; }
.ak-vbar__live small { position: absolute; top: 0; inset-inline-end: 0; min-width: 16px; padding: 0 4px; border-radius: 999px; background: #dc2626; color: #fff; font-size: 11px; font-weight: 700; line-height: 16px; text-align: center; }
.ak-vbar__lists { flex: 1; min-width: 0; display: flex; justify-content: center; gap: 2px; }
.ak-vbar__lists a { padding: 9px 8px; border-bottom: 2px solid transparent; color: var(--ak-muted, inherit); font-size: 15px; font-weight: 600; white-space: nowrap; }
.ak-vbar__lists a[aria-current] { border-color: currentColor; color: var(--ak-text); font-weight: 800; }
.ak-vbar__row { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 0; border-top: 1px solid var(--ak-border); color: inherit; font-weight: 600; }
.ak-vbar__row .ak-icon { width: 20px; height: 20px; flex: none; }
.ak-vbar__row[hidden] { display: none; }
.ak-vbar__row { padding-inline-start: calc(20px * var(--depth, 0)); }
.ak-vbar__group { display: block; padding: 14px 0 6px; border-top: 1px solid var(--ak-border); font-size: 13px; color: var(--ak-muted, inherit); }
[data-ak-filter-group][hidden] { display: none; }
.ak-vbar__row[aria-current] { color: var(--ak-accent); font-weight: 800; }
.ak-vids__sellers { display: flex; gap: 14px; margin: 0 0 16px; overflow-x: auto; }
.ak-vids__sellers a { flex: none; width: 76px; display: grid; justify-items: center; gap: 6px; color: inherit; font-size: 13px; text-align: center; }
.ak-vids__sellers img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.ak-vids__sellers span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-vv__save[aria-pressed="true"] svg { fill: currentColor; }
.ak-vids__search { margin-bottom: 10px; }
.ak-vids__search input { width: 100%; height: 44px; padding: 0 16px; border: 1px solid var(--ak-border); border-radius: 999px; background: #fff; font: inherit; }
.ak-fchip--live { border-color: #dc2626; background: #dc2626; color: #fff; font-weight: 700; }
.ak-fchip--live:hover, .ak-fchip--live[aria-current] { color: #fff; border-color: #991b1b; background: #b91c1c; }
.ak-fchip--live i, .ak-liverow__head i { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: ak-onair 1.4s ease-in-out infinite; }
.ak-liverow__head i { display: inline-block; margin-inline-end: 8px; background: #dc2626; }
@keyframes ak-onair { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .ak-fchip--live i, .ak-liverow__head i { animation: none; } }
.ak-liverow { padding-block: 16px 4px; }
.ak-liverow__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.ak-liverow__head h2 { margin: 0; font-size: 18px; }
.ak-liverow__list { display: flex; gap: 12px; padding: 2px; overflow-x: auto; scrollbar-width: none; }
.ak-liverow__list .ak-vid { flex: none; width: 160px; }
/* Over a stream the site's side menu waits past the screen's edge and slides in under the pointer. */
.ak-live-full .ak-glide { z-index: 10000; opacity: 0; transform: translate(-58px, -50%); transition: transform .2s ease, opacity .2s ease; }
[dir="rtl"] .ak-live-full .ak-glide { transform: translate(58px, -50%); }
.ak-live-full .ak-glide:hover, .ak-live-full .ak-glide:focus-within, [dir="rtl"] .ak-live-full .ak-glide:hover, [dir="rtl"] .ak-live-full .ak-glide:focus-within { opacity: 1; transform: translate(0, -50%); }
@media (prefers-reduced-motion: reduce) { .ak-live-full .ak-glide { transition: none; } }
html:has(body.ak-live-full), body.ak-live-full { overflow: hidden; }
/* Turning to the next stream. */
.ak-live__stage { transition: transform .18s ease, opacity .18s ease; }
.ak-live.is-going-up .ak-live__stage { transform: translateY(-8%); opacity: 0; }
.ak-live.is-going-down .ak-live__stage { transform: translateY(8%); opacity: 0; }
.ak-live-full .ak-live { touch-action: pan-x; overscroll-behavior: none; }
@media (prefers-reduced-motion: reduce) { .ak-live__stage { transition: none; } }
.ak-live__big { position: absolute; z-index: 3; inset: 0; display: grid; place-items: center; color: #fff; font-size: 150px; font-weight: 900; line-height: 1; text-shadow: 0 2px 24px rgba(0, 0, 0, .7); pointer-events: none; }
.ak-live__big[hidden] { display: none; }
.ak-live-full .ak-glide.is-wide, [dir="rtl"] .ak-live-full .ak-glide.is-wide { opacity: 1; transform: translate(0, -50%); }

/* A store's clips: its products under each. */
.ak-store__clipshop { position: absolute; z-index: 1; bottom: 10px; inset-inline: 10px; display: flex; align-items: center; gap: 8px; font-size: 13px; }
.ak-store__clipshop img { flex: none; width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
.ak-store__clipshop b { display: grid; line-height: 1.3; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.ak-store__clipshop small { font-weight: 400; opacity: .9; font-size: 11.5px; }
.ak-store__clipname { display: none; }
/* The turning categories. */
.ak-turn { padding-block: 26px 10px; overflow: hidden; }
.ak-turn__head { position: relative; overflow: hidden; padding-block: 34px 26px; -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); }
.ak-turn__track { display: flex; width: max-content; gap: 36px; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.ak-turn__name { position: relative; flex: none; padding: 0; border: 0; background: none; color: #c4c4c8; font: inherit; font-size: clamp(30px, 5vw, 64px); font-weight: 800; line-height: 1.25; cursor: pointer; transition: color .3s; }
.ak-turn__name:hover { color: #8e8e93; }
.ak-turn__name[aria-selected="true"] { color: var(--ak-text); }
.ak-turn__name img { position: absolute; top: 50%; left: 50%; width: 1.5em; height: 1.5em; object-fit: contain; opacity: 0; mix-blend-mode: multiply; pointer-events: none; transform: translate(-50%, -50%) scale(.6) rotate(-14deg); transition: opacity .3s, transform .5s cubic-bezier(.2, 1.4, .4, 1); }
.ak-turn__name[aria-selected="true"] img { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0); animation: ak-turn-float 3.2s ease-in-out .5s infinite; }
@keyframes ak-turn-float { 0%, 100% { transform: translate(-50%, -50%) rotate(-3deg); } 50% { transform: translate(-50%, -58%) rotate(3deg); } }
.ak-turn__row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; animation: ak-turn-in .4s ease; }
.ak-turn__row[hidden] { display: none; }
@keyframes ak-turn-in { from { opacity: 0; transform: translateY(8px); } }
.ak-turn__card { display: grid; gap: 2px; min-width: 0; color: var(--ak-text); font-size: 13.5px; }
.ak-turn__card:hover { color: var(--ak-text); }
.ak-turn__card > img { width: 100%; aspect-ratio: 1; margin-bottom: 6px; border-radius: 16px; object-fit: cover; background: var(--ak-fill); }
.ak-turn__card small { color: var(--ak-muted); font-size: 12px; }
.ak-turn__card strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; }
.ak-turn__stars { font-size: 12px; letter-spacing: 1px; background: linear-gradient(to left, currentColor var(--r), #d4d4d8 var(--r)); -webkit-background-clip: text; background-clip: text; color: var(--ak-text); }
.ak-turn__stars i { font-style: normal; letter-spacing: 0; -webkit-text-fill-color: var(--ak-muted); margin-inline-start: 4px; }
.ak-turn__card em { font-style: normal; font-weight: 600; }
.ak-turn__card em del { color: var(--ak-muted); font-weight: 400; }
.ak-turn__card em ins { text-decoration: none; }
@media (max-width: 1000px) { .ak-turn__row { display: flex; overflow-x: auto; scrollbar-width: none; } .ak-turn__card { flex: none; width: 150px; } }
@media (prefers-reduced-motion: reduce) { .ak-turn__track, .ak-turn__name img { transition: none; } .ak-turn__name[aria-selected="true"] img, .ak-turn__row { animation: none; } }
/* Companies under contract. */
.ak-partners { padding-block: 22px; }
.ak-partners__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.ak-partners__card { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; background: var(--ak-fill); color: #fff; }
.ak-partners__card:hover { color: #fff; }
.ak-partners__card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-partners__card span { position: absolute; inset-inline: 0; bottom: 0; display: flex; align-items: center; gap: 10px; padding: 34px 14px 12px; background: linear-gradient(to top, rgba(0, 0, 0, .65), transparent); }
.ak-partners__card span img { flex: none; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; background: #fff; }
.ak-partners__card b { display: grid; line-height: 1.3; }
.ak-partners__card small { font-weight: 400; font-size: 12.5px; opacity: .9; }
.ak-search__pic { flex: none; display: grid; place-items: center; border: 0; background: none; color: inherit; opacity: .75; cursor: pointer; }
.ak-search__pic:hover { opacity: 1; }

/* The assistant's page. */
.ak-ask-page { overflow: hidden; }
.ak-askp { position: fixed; z-index: 55; inset: 0; display: flex; flex-direction: column; background: #fbfbfb; color: var(--ak-text); }
.ak-askp__top { display: flex; align-items: center; gap: 10px; padding: 16px 22px; }
/* The side menu's logo stands in this corner on wide screens. */
@media (min-width: 1000px) { .ak-askp__top { padding-inline-start: 96px; } .ak-askp__top > a.ak-askp__round { display: none; } }
.ak-askp__gap { flex: 1; }
.ak-askp__round { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--ak-border); border-radius: 50%; background: #fff; color: var(--ak-text); font-size: 22px; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); }
.ak-askp__round:hover { color: var(--ak-text); }
.ak-askp__round .ak-icon { width: 20px; height: 20px; }
.ak-askp__signin { padding: 10px 18px; border-radius: 999px; background: var(--ak-accent); color: var(--ak-on-accent); font-weight: 700; }
.ak-askp__signin:hover { color: var(--ak-on-accent); }
.ak-askp__log { flex: 1; min-height: 0; overflow-y: auto; padding: 8px max(16px, calc((100% - 860px) / 2)) 110px; }
.ak-askp__hello { display: grid; justify-items: center; gap: 18px; padding-top: 12vh; text-align: center; }
.ak-askp__hello h1 { margin: 0; font-size: clamp(20px, 3vw, 30px); }
.ak-askp__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-askp__hello .ak-askp__chips { justify-content: center; }
.ak-askp__chips button { padding: 10px 16px; border: 0; border-radius: 999px; background: #efeff1; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }
.ak-askp__chips button:hover { background: #e4e4e7; }
.ak-askp__me { display: grid; justify-items: end; gap: 6px; margin: 18px 0 8px; }
.ak-askp__me img { max-width: 170px; border-radius: 16px; }
.ak-askp__me p { margin: 0; padding: 10px 18px; border-radius: 22px; background: #efeff1; overflow-wrap: anywhere; }
.ak-askp__me a { color: var(--ak-accent); font-size: 13px; font-weight: 600; }
.ak-askp__them { display: grid; gap: 8px; margin: 10px 0 22px; min-width: 0; }
.ak-askp__them details { color: var(--ak-muted); font-size: 14px; }
.ak-askp__them details p { margin: 4px 0 0; }
.ak-askp__say { margin: 0; white-space: pre-wrap; line-height: 1.7; }
.ak-askp__them h3 { margin: 10px 0 0; font-size: 19px; }
.ak-askp__them > small { color: var(--ak-muted); }
.ak-askp__row { display: flex; gap: 12px; padding-block: 4px; overflow-x: auto; scrollbar-width: thin; }
.ak-askp__card { position: relative; flex: none; width: 170px; font-size: 13.5px; }
.ak-askp__card > a:first-child { display: grid; gap: 3px; color: inherit; }
.ak-askp__card img { width: 100%; aspect-ratio: 1; margin-bottom: 4px; border-radius: 16px; object-fit: cover; background: var(--ak-fill); }
.ak-askp__card strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ak-askp__card em { font-style: normal; font-weight: 600; }
.ak-askp__add { position: absolute; top: 8px; inset-inline-end: 8px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #111; font-size: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.ak-askp__add.added { display: none; }
.ak-askp__warn { color: var(--ak-muted); font-size: 12.5px; }
.ak-askp__thumbs { display: inline-flex; justify-self: start; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 999px; background: #f2f2f4; font-size: 13px; }
.ak-askp__thumbs button { border: 0; background: none; cursor: pointer; }
.ak-askp__wait { color: var(--ak-muted); font-size: 22px; animation: ak-onair 1s infinite; }
.ak-askp__box { position: absolute; bottom: calc(18px + env(safe-area-inset-bottom)); left: 50%; display: flex; align-items: center; gap: 8px; width: min(690px, calc(100% - 32px)); padding: 8px; border-radius: 999px; background: #fff; box-shadow: 0 8px 30px rgba(0, 0, 0, .14); transform: translateX(-50%); }
.ak-askp__pic { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--ak-border); border-radius: 50%; color: #555; cursor: pointer; }
.ak-askp__box input[type="text"] { flex: 1; min-width: 0; height: 46px; padding: 0 8px; border: 0; background: none; font: inherit; font-size: 15px; outline: none; box-shadow: none; }
.ak-askp__box button { flex: none; width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--ak-accent); color: var(--ak-on-accent); font-size: 20px; cursor: pointer; }
.ak-askp__history { width: min(520px, calc(100% - 32px)); height: min(80vh, 760px); padding: 22px; border: 0; border-radius: 26px; background: #f5f5f5; }
.ak-askp__history::backdrop { background: rgba(0, 0, 0, .35); }
.ak-askp__history h2 { margin: 14px 0; font-size: 28px; }
.ak-askp__thread { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; color: inherit; }
.ak-askp__thread:hover { background: #e9e9e9; color: inherit; }
.ak-askp__thread i { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #fff; font-style: normal; }
.ak-askp__thread span { flex: 1; display: grid; min-width: 0; }
.ak-askp__thread b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ak-askp__thread small { color: var(--ak-muted); }
.ak-askp__thread button { flex: none; border: 0; background: none; font-size: 22px; cursor: pointer; }
.ak-askp__history [data-ask-memory] { margin-top: 18px; color: var(--ak-muted); font-size: 14px; }
.ak-askp__history [data-ask-memory][hidden] { display: none; }
.ak-asklaunch { position: fixed; z-index: 50; bottom: calc(18px + var(--ak-bottom-bar, 0px) + env(safe-area-inset-bottom)); left: 50%; display: flex; align-items: center; width: min(520px, calc(100% - 150px)); padding: 6px; border-radius: 999px; background: rgba(255, 255, 255, .92); box-shadow: 0 8px 28px rgba(0, 0, 0, .14); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); transform: translateX(-50%); }
.ak-asklaunch input { flex: 1; min-width: 0; height: 42px; padding: 0 16px; border: 0; background: none; font: inherit; font-size: 15px; outline: none; box-shadow: none; }
.ak-asklaunch button { flex: none; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #efeff1; color: #444; font-size: 18px; cursor: pointer; }
.ak-asklaunch:focus-within button { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-search-ask { display: block; margin-bottom: 12px; padding: 12px 16px; border-radius: 14px; background: color-mix(in srgb, var(--ak-accent) 10%, transparent); color: var(--ak-accent); font-weight: 700; }
.ak-sponsored { position: absolute; z-index: 1; top: 8px; inset-inline-start: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 11px; font-style: normal; }
.ak-turn__card { position: relative; }
.ak-askp__sponsored { color: var(--ak-muted); font-size: 13px !important; font-weight: 600; }
.ak-askp__rowwrap { position: relative; }
.ak-askp__arrow { position: absolute; top: 70px; display: none; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fff; font-size: 22px; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
.ak-askp__arrow.is-prev { left: -14px; }
.ak-askp__arrow.is-next { right: -14px; }
@media (hover: hover) and (min-width: 900px) { .ak-askp__rowwrap.has-more:hover .ak-askp__arrow { display: block; } }
/* The search page: the box large in the middle, first suggestions under it. */
.ak-search-page__bar { border-bottom: 0; }
.ak-search-page__bar .ak-container { justify-content: center; }
.ak-search--page { flex: 0 1 720px; min-height: 58px; padding-inline: 20px; border-radius: 999px; background: #fff; box-shadow: 0 8px 30px rgba(0, 0, 0, .12); }
.ak-search--page input[type="search"] { font-size: 16px; }
.ak-search-page__bar .ak-circle { flex: none; }
.ak-search-scope { justify-content: center; }
.ak-search-first { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 4px auto 26px; max-width: 760px; }
.ak-search-first a { padding: 10px 18px; border-radius: 999px; background: #efeff1; color: inherit; font-size: 14px; }
.ak-search-first a:hover { background: #e4e4e7; color: inherit; }
.ak-search-first small { flex-basis: 100%; color: var(--ak-muted); font-size: 12.5px; text-align: center; }
.ak-partners__list { grid-template-columns: repeat(auto-fill, minmax(280px, 400px)); }
.ak-ask-page .appkit-whatsapp, .ak-ask-page .ak-totop, .ak-ask-page .ak-asklaunch { display: none !important; }
.ak-langs { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; }
.ak-langs a { color: inherit; opacity: .75; }
.ak-langs a[aria-current] { font-weight: 700; opacity: 1; }

/* The top is empty on wide screens: only the announcement stays. The logo, search, favourites, cart and account live in the side menu. */
.ak-glide-logo, .ak-glide-end { display: none; }
@media (min-width: 1025px) {
	.ak-glide-on .ak-header { display: none !important; }
	.ak-glide-on .ak-main { padding-top: 18px; }
	.ak-glide-logo { position: fixed; z-index: 61; top: 30px; inset-inline-start: 16px; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #fff; color: var(--ak-text); box-shadow: 0 2px 10px rgba(0, 0, 0, .1); }
	.ak-glide-logo:hover { color: var(--ak-text); }
	.ak-glide-logo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
	.ak-glide-logo b { font-size: 20px; }
	.ak-glide-logo span { position: absolute; inset-inline-start: calc(100% + 10px); padding: 6px 14px; border-radius: 999px; background: var(--ak-text); color: var(--ak-bg, #fff); font-size: 13.5px; font-weight: 700; white-space: nowrap; opacity: 0; pointer-events: none; transform: translateX(-4px); transition: opacity .15s, transform .15s; }
	.ak-glide-logo:hover span, .ak-glide-logo:focus-visible span { opacity: 1; transform: none; }
	.ak-glide__link[data-ak-rail-search] { width: 100%; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
	.ak-glide-end { position: fixed; z-index: 60; bottom: 16px; inset-inline-start: 12px; display: grid; gap: 2px; width: 56px; padding: 8px; border-radius: 28px; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .1); box-sizing: border-box; }
	.ak-glide-end a { position: relative; display: grid; place-items: center; height: 40px; border-radius: 20px; color: var(--ak-text); }
	.ak-glide-end a:hover { background: color-mix(in srgb, var(--ak-text) 9%, transparent); color: var(--ak-text); }
	.ak-glide-end .ak-icon { width: 20px; height: 20px; }
	.ak-glide-end .ak-count { position: absolute; top: 2px; inset-inline-end: 2px; }
	/* No transform here either: it would make the bar the frame its panes are placed in. */
	/* One bar in the middle of the space under the logo, with the cart and account at its end. */
	.ak-glide { top: 86px; bottom: 12px; max-height: calc(100vh - 98px); min-height: 0; }
	.ak-glide__scroll { max-height: calc(100vh - 98px); }
	.ak-glide__line { display: block; height: 1px; margin: 4px 8px; background: color-mix(in srgb, var(--ak-text) 14%, transparent); }
	.ak-glide__link { position: relative; }
	.ak-glide__link > .ak-count { position: absolute; flex: none; top: 2px; inset-inline-start: 22px; inset-inline-end: auto; opacity: 1; }
}
.ak-announce--more { padding: 0; }
.ak-announce--more > button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: inherit; min-height: 38px; border: 0; background: none; color: inherit; font: inherit; font-weight: inherit; cursor: pointer; }
.ak-announce--more > button i { font-style: normal; line-height: 1; transition: transform .2s; }
.ak-announce--more > button[aria-expanded="true"] i { transform: rotate(180deg); }
.ak-announce--more > div { padding: 2px 20px 14px; font-weight: 400; }
.ak-announce--more > div[hidden] { display: none; }
.ak-announce--more p { margin: 0 0 6px; }
.ak-announce--more a { color: inherit; text-decoration: underline; }
.ak-asklaunch[hidden] { display: none; }
.ak-asklaunch > .ak-icon { flex: none; width: 18px; height: 18px; margin-inline-start: 12px; opacity: .6; }
/* The home page's sections: sizes in twelve columns, a look for corners. */
.ak-homegrid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 26px 18px; align-items: stretch; margin-top: 18px; --ak-home-r: 20px; }
.ak-look-round { --ak-home-r: 32px; }
.ak-look-sharp { --ak-home-r: 8px; }
.ak-cell { grid-column: span 12; display: flex; flex-direction: column; min-width: 0; }
.ak-cell > * { width: 100%; }
.ak-cell > .ak-section, .ak-cell > .ak-panel, .ak-cell > .ak-sliders, .ak-cell > .ak-turn, .ak-cell > .ak-partners, .ak-cell > .ak-liverow { flex: 1; margin-top: 0; margin-bottom: 0; }
.ak-cell > .ak-turn, .ak-cell > .ak-partners, .ak-cell > .ak-liverow { padding-inline: 0; padding-block: 0; }
.ak-homegrid .ak-slider, .ak-homegrid .ak-slide, .ak-homegrid .ak-panel, .ak-homegrid .ak-vid__media, .ak-homegrid .ak-turn__card > img, .ak-homegrid .ak-partners__card { border-radius: var(--ak-home-r); }
.ak-cell--h-small { --ak-h: 220px; }
.ak-cell--h-medium { --ak-h: 340px; }
.ak-cell--h-large { --ak-h: 480px; }
.ak-cell:not(.ak-cell--h-auto) .ak-sliders { --ak-ratio: auto; }
.ak-cell:not(.ak-cell--h-auto) .ak-slider, .ak-cell:not(.ak-cell--h-auto) .ak-slide { height: var(--ak-h); aspect-ratio: auto; }
.ak-cell:not(.ak-cell--h-auto) .ak-panel, .ak-cell:not(.ak-cell--h-auto) .ak-section { min-height: var(--ak-h); }
.ak-sliders--double { grid-template-columns: repeat(var(--ak-cols, 2), minmax(0, 1fr)) !important; }
@media (max-width: 1024px) { .ak-sliders--double { grid-template-columns: repeat(min(var(--ak-cols, 2), 2), minmax(0, 1fr)) !important; } }
@media (max-width: 699px) { .ak-sliders--double { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .ak-sliders--double .ak-slider { flex: none; width: 84%; scroll-snap-align: start; } }
.ak-sliders[style*="--ak-cols:4"] .ak-slide__text h2, .ak-sliders[style*="--ak-cols:6"] .ak-slide__text h2, .ak-sliders[style*="--ak-cols:3"] .ak-slide__text h2 { font-size: clamp(15px, 1.5vw, 20px); }
.ak-sliders[style*="--ak-cols:4"] .ak-slide__text p, .ak-sliders[style*="--ak-cols:6"] .ak-slide__text p { display: none; }
@media (min-width: 700px) {
	.ak-cell--half, .ak-cell--third, .ak-cell--quarter { grid-column: span 6; }
}
@media (min-width: 1025px) {
	.ak-cell--two_thirds { grid-column: span 8; }
	.ak-cell--half { grid-column: span 6; }
	.ak-cell--third { grid-column: span 4; }
	.ak-cell--quarter { grid-column: span 3; }
}
.ak-home-preview { position: sticky; z-index: 50; top: 8px; width: fit-content; margin: 8px auto; padding: 6px 16px; border-radius: 999px; background: #111; color: #fff; font-size: 13px; }
.ak-sliders[style*="--ak-cols:4"] .ak-slide__btns, .ak-sliders[style*="--ak-cols:6"] .ak-slide__btns { gap: 6px; margin-top: 8px; }
.ak-sliders[style*="--ak-cols:4"] .ak-slide__btns > :nth-child(n+2), .ak-sliders[style*="--ak-cols:6"] .ak-slide__btns > :nth-child(n+2) { display: none; }
.ak-sliders[style*="--ak-cols:6"] .ak-slide__btns > * { padding: 5px 10px; font-size: 12px; }
/* A product page drawn by another template: the same two columns without the wrapper. */
@media (min-width: 900px) {
	.woocommerce div.product:not(:has(> .ak-pdp)) { display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; align-items: start; }
	.woocommerce div.product:not(:has(> .ak-pdp)) > * { margin-top: 0; }
	.woocommerce div.product:not(:has(> .ak-pdp)) > :not(.images):not(.summary) { grid-column: 1 / -1; }
}

.ak-askp__card { display: grid; gap: 6px; align-content: start; }
.ak-askp__order { padding: 8px 12px; border: 0; border-radius: 999px; background: var(--ak-accent); color: var(--ak-on-accent); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.ak-askp__mini { display: grid; gap: 10px; max-width: 420px; margin: 8px 0 20px; padding: 16px; border-radius: 18px; background: #fff; box-shadow: 0 4px 18px rgba(0, 0, 0, .08); }
.ak-askp__mini label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; }
.ak-askp__mini input, .ak-askp__mini textarea { padding: 10px 12px; border: 1px solid var(--ak-border); border-radius: 12px; font: inherit; font-weight: 400; }
.ak-askp__done { margin: 8px 0 18px; padding: 10px 14px; border-radius: 14px; background: color-mix(in srgb, #16a34a 12%, transparent); font-weight: 600; }
.ak-askp.is-drop::after { content: ""; position: absolute; inset: 12px; border: 3px dashed var(--ak-accent); border-radius: 24px; pointer-events: none; }
.ak-askp__box.is-off { opacity: .5; pointer-events: none; }

/* Streams with a date, among those on air. */
.ak-live-soon { display: flex; gap: 8px; margin: 0 0 14px; overflow-x: auto; scrollbar-width: none; }
.ak-live-soon a { flex: none; display: flex; align-items: center; gap: 10px; width: 210px; border-radius: 14px; background: var(--ak-fill, #f2f2f2); color: var(--ak-text); text-decoration: none; overflow: hidden; }
.ak-live-soon img { width: 64px; height: 64px; object-fit: cover; }
.ak-live-soon span { display: grid; min-width: 0; padding: 8px 8px 8px 0; }
.ak-live-soon b { font-size: 13px; }
.ak-live-soon small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* My Account's shapes (inc/account-looks.php). */
.ak-me { --ak-me-gap: 16px; width: 100%; min-width: 0; }
.ak-me__main { min-width: 0; }
.ak-me__head { margin-bottom: 18px; }
.ak-me__back { display: inline-flex; align-items: center; gap: 4px; color: var(--ak-muted); font-weight: 600; font-size: 14px; width: fit-content; }
.ak-me__back .ak-icon { width: 16px; height: 16px; }
[dir="ltr"] .ak-me__back .ak-icon { transform: scaleX(-1); }
.ak-me__dot { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding-inline: 5px; border-radius: 99px; font-style: normal; font-size: 11.5px; font-weight: 800; background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-me-stage { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 14px; }

.ak-me-live { display: grid; gap: 18px; height: 100%; align-content: space-between; padding: 20px; border-radius: 24px; background: var(--ak-black); color: #fff; }
.ak-me-live:hover { color: #fff; }
.ak-me-live__top { display: flex; align-items: center; gap: 14px; min-width: 0; }
.ak-me-live__top img { width: 68px; height: 68px; border-radius: 16px; object-fit: cover; background: #fff; flex: none; }
.ak-me-live__top > span { display: grid; gap: 2px; min-width: 0; }
.ak-me-live__top strong { font-size: 20px; line-height: 1.25; }
.ak-me-live__top small { font-size: 13.5px; opacity: .78; }
.ak-me-live__top small .amount, .ak-me-live__top small bdi { color: inherit; }
.ak-me-live__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.ak-me-live__steps > span { display: grid; gap: 7px; font-size: 12.5px; font-weight: 600; opacity: .55; }
.ak-me-live__steps > span.is-done { opacity: 1; }
.ak-me-live__steps i { display: block; height: 5px; border-radius: 9px; background: currentColor; }
.ak-me-live--none { justify-items: center; align-content: center; gap: 10px; text-align: center; background: var(--ak-fill); color: var(--ak-text); min-height: 200px; }
.ak-me-live--none:hover { color: var(--ak-text); }
.ak-me-live--none > .ak-icon { width: 34px; height: 34px; color: var(--ak-muted); }
.ak-me-live--none strong { font-size: 17px; }
.ak-me-live--none .ak-btn { display: inline-flex; width: auto; padding-inline: 26px; }

/* The board: a band and tabs across the page, tiles under them. */
.ak-me--board .ak-me-band { display: flex; align-items: center; gap: 16px; padding-bottom: 20px; }
.ak-me-band img { width: 72px; height: 72px; border-radius: 22px; object-fit: cover; background: var(--ak-fill); flex: none; }
.ak-me-band__who { display: grid; gap: 2px; min-width: 0; flex: 1; }
.ak-me-band__who strong { font-size: clamp(23px, 3vw, 32px); font-weight: 800; line-height: 1.2; }
.ak-me-band__who span { color: var(--ak-muted); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start; }
.ak-me-band__edit { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding-inline: 16px; border-radius: 99px; border: 1px solid var(--ak-border); font-weight: 700; font-size: 14px; color: var(--ak-text); flex: none; }
.ak-me-band__edit:hover { border-color: var(--ak-text); color: var(--ak-text); }
.ak-me-band__edit .ak-icon { width: 16px; height: 16px; }
.ak-me-tabs { display: flex; gap: 24px; overflow-x: auto; margin-bottom: 24px; border-bottom: 1px solid var(--ak-border); scrollbar-width: none; }
.ak-me-tabs::-webkit-scrollbar { display: none; }
.ak-me-tabs a { display: inline-flex; align-items: center; gap: 6px; min-height: 46px; white-space: nowrap; flex: none; font-weight: 600; color: var(--ak-muted); border-bottom: 2.5px solid transparent; margin-bottom: -1px; }
.ak-me-tabs a:hover { color: var(--ak-text); }
.ak-me-tabs a[aria-current] { color: var(--ak-text); border-bottom-color: var(--ak-accent); font-weight: 800; }
.ak-me--board .ak-me__back { display: none; }
.ak-me-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ak-me-gap); margin-bottom: 32px; }
.ak-me-tiles__live { grid-column: 1 / -1; }
.ak-me-tile { display: grid; align-content: space-between; gap: 12px; min-height: 124px; padding: 16px; border-radius: 22px; background: var(--ak-fill); color: var(--ak-text); }
a.ak-me-tile:hover { color: var(--ak-text); background: var(--ak-fill-2, var(--ak-border)); }
.ak-me-tile .ak-icon { width: 22px; height: 22px; }
.ak-me-tile b { display: block; font-size: 28px; font-weight: 800; line-height: 1; }
.ak-me-tile span { display: block; margin-top: -6px; font-size: 13.5px; color: var(--ak-muted); }
.ak-me-tile--wide, .ak-me-tile--two, .ak-me-tile--points { grid-column: 1 / -1; }
.ak-me-tile--wide strong { font-size: 16px; line-height: 1.4; }
@media (min-width: 900px) {
	.ak-me-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ak-me-tiles__live { grid-column: span 2; grid-row: span 2; }
	.ak-me-tile--two { grid-column: span 2; }
	.ak-me-tile--points { grid-column: auto; }
	.ak-me-tile--points + .ak-me-tile--wide { grid-column: span 3; }
}
.ak-me-foot { display: flex; justify-content: flex-end; gap: 22px; padding-top: 18px; border-top: 1px solid var(--ak-border); font-size: 14px; font-weight: 600; }
.ak-me-foot a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ak-muted); }
.ak-me-foot a.is-out { color: #b42318; }

/* Shortcuts: one column on every screen, like an app. */
.ak-me--quick { max-width: 720px; margin-inline: auto; }
.ak-me-who { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.ak-me-who img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--ak-fill); flex: none; }
.ak-me-who > span { display: grid; flex: 1; min-width: 0; }
.ak-me-who strong { font-size: 20px; font-weight: 800; }
.ak-me-who small { color: var(--ak-muted); font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start; }
.ak-me-who > a { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--ak-fill); color: var(--ak-text); flex: none; }
.ak-me-who > a .ak-icon { width: 18px; height: 18px; }
.ak-me-sheet { margin-bottom: 14px; padding: 16px; border: 1px solid var(--ak-border); border-radius: 22px; background: #fff; }
.ak-me-sheet h2 { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 14px; font-size: 17px; font-weight: 800; }
.ak-me-sheet h2 a { font-size: 14px; font-weight: 600; }
.ak-me-stages, .ak-me-keys { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 6px; }
.ak-me-stages a, .ak-me-keys a { display: grid; justify-items: center; align-content: start; gap: 7px; text-align: center; font-size: 12.5px; font-weight: 600; line-height: 1.3; color: var(--ak-text); }
.ak-me-stages i, .ak-me-keys i { position: relative; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: var(--ak-fill); }
.ak-me-stages a:hover i, .ak-me-keys a:hover i { background: var(--ak-accent); color: var(--ak-on-accent); }
.ak-me-stages .ak-icon, .ak-me-keys .ak-icon { width: 21px; height: 21px; }
.ak-me-stages .ak-me__dot, .ak-me-keys .ak-me__dot { position: absolute; top: -5px; inset-inline-end: -5px; }
.ak-me-stages + .ak-me-live { margin-top: 16px; }
.ak-me-rows { display: grid; padding-block: 6px; }
.ak-me-rows a { display: flex; align-items: center; gap: 12px; min-height: 50px; color: var(--ak-text); font-weight: 600; }
.ak-me-rows a + a { border-top: 1px solid var(--ak-border); }
.ak-me-rows span { flex: 1; }
.ak-me-rows .ak-icon { width: 19px; height: 19px; }
.ak-me-rows .ak-icon:last-child { width: 16px; height: 16px; color: var(--ak-muted); }
[dir="rtl"] .ak-me-rows .ak-icon:last-child { transform: scaleX(-1); }
.ak-me-out { display: flex; justify-content: center; align-items: center; min-height: 48px; color: #b42318; font-weight: 700; }
.ak-me-out:hover { color: #b42318; }
.ak-me--quick .ak-acct-block { margin-bottom: 14px; }

/* Quiet: words and lines, the store's colour only on what is open. */
.ak-me--quiet { display: grid; gap: 28px; }
.ak-me-index { display: grid; }
.ak-me-index a { display: flex; align-items: center; gap: 14px; min-height: 50px; border-bottom: 1px solid var(--ak-border); color: var(--ak-text); font-weight: 500; }
.ak-me-index a:hover { color: var(--ak-accent); }
.ak-me-index i { font-style: normal; font-size: 12px; color: var(--ak-muted); font-variant-numeric: tabular-nums; }
.ak-me-index span { flex: 1; }
.ak-me-index a[aria-current] { font-weight: 800; color: var(--ak-accent); }
.ak-me-index a.is-out { color: #b42318; }
.ak-me-hello { margin: 0 0 8px; font-size: clamp(36px, 6vw, 68px); font-weight: 800; line-height: 1.08; letter-spacing: 0; }
.ak-me-sum { margin: 0 0 26px; font-size: 18px; color: var(--ak-muted); }
.ak-me-go { display: inline-block; margin-bottom: 30px; font-weight: 800; border-bottom: 2px solid currentColor; color: var(--ak-text); }
.ak-me-lines { border-top: 2px solid var(--ak-text); }
.ak-me-lines a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 14px; padding-block: 14px; border-bottom: 1px solid var(--ak-border); color: var(--ak-text); }
.ak-me-lines a:hover { color: var(--ak-accent); }
.ak-me-lines span { color: var(--ak-muted); font-size: 14px; }
@media (min-width: 900px) {
	.ak-me--quiet { grid-template-columns: 240px minmax(0, 1fr); gap: 72px; align-items: start; }
	.ak-me-index { position: sticky; top: 96px; }
	.ak-me--quiet .ak-me__back { display: none; }
	.ak-me-lines a { grid-template-columns: 110px minmax(0, 1fr) 180px auto; align-items: center; }
}
@media (max-width: 899px) {
	.ak-account--sub .ak-me-index { display: none; }
	.ak-account--home .ak-me--quiet .ak-me__main { order: -1; }
	.ak-me-index .woocommerce-MyAccount-navigation-link--dashboard { display: none; }
}

/* Account details: quiet rows that open where they are. */
.woocommerce-edit-account .ak-me__head, .woocommerce-edit-account .woocommerce-MyAccount-content { max-width: 680px; margin-inline: auto; }
.ak-rows h2 { margin: 26px 0 2px; font-size: 18px; font-weight: 800; }
.ak-rows h2:first-of-type { margin-top: 0; }
.ak-row-edit, .ak-row-edit__line { border-bottom: 1px solid var(--ak-border); }
.ak-row-edit summary, .ak-row-edit__line { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 66px; padding-block: 10px; color: var(--ak-text); cursor: pointer; list-style: none; }
.ak-row-edit summary::-webkit-details-marker { display: none; }
.ak-row-edit summary span, .ak-row-edit__line span { display: grid; min-width: 0; }
.ak-row-edit summary b, .ak-row-edit__line b { font-size: 14.5px; }
.ak-row-edit summary small, .ak-row-edit__line small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: start; color: var(--ak-muted); font-size: 14px; }
.ak-row-edit em, .ak-row-edit__line em { flex: none; font-style: normal; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.ak-row-edit[open] summary em { visibility: hidden; }
.ak-row-edit__line:hover { color: var(--ak-accent); }
.ak-rows__danger { color: #b42318; }
.ak-row-edit__body { display: grid; gap: 12px; padding-bottom: 18px; }
.ak-row-edit__body .form-row { float: none; width: 100%; margin: 0; padding: 0; }
.ak-row-edit__body label { display: block; margin-bottom: 6px; font-size: 13.5px; font-weight: 600; }
.ak-rows__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-rows__btns .ak-btn { display: inline-flex; width: auto; min-height: 46px; padding-inline: 26px; }
@media (min-width: 560px) {
	.ak-row-edit__body--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ak-row-edit__wide, .ak-row-edit__body--two .ak-rows__btns { grid-column: 1 / -1; }
}
/* The accounts linked by the plugin (AppKit_Social), as rows too. */
.woocommerce-edit-account .appkit-linked-title { margin: 26px 0 2px !important; font-size: 18px; font-weight: 800; }
.woocommerce-edit-account .appkit-linked-hint { display: none; }
.woocommerce-edit-account .appkit-linked { flex-wrap: wrap; min-height: 66px; margin: 0 !important; padding: 10px 0 !important; border-radius: 0 !important; border-bottom: 1px solid var(--ak-border); background: none !important; }
.woocommerce-edit-account .appkit-linked strong { font-size: 14.5px; }
.ak-rows--end { margin-top: 0; }

/* Home sections: two pictures to compare, cards, a list of lines, and another site's page. */
.ak-twopics { position: relative; overflow: hidden; margin-block: 14px; border-radius: var(--ak-radius); aspect-ratio: 4 / 3; max-height: 620px; width: 100%; background: var(--ak-fill); }
.ak-twopics img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ak-twopics__top { clip-path: inset(0 calc(100% - var(--ak-at)) 0 0); }
.ak-twopics__line { position: absolute; top: 0; bottom: 0; left: var(--ak-at); width: 3px; margin-left: -1.5px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.4); pointer-events: none; }
.ak-twopics__line::after { content: "↔"; position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: #fff; color: #111; font-style: normal; font-weight: 700; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
.ak-twopics input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.ak-twopics__label { position: absolute; top: 12px; padding: 3px 12px; border-radius: 99px; background: rgba(0,0,0,.6); color: #fff; font-size: 13px; pointer-events: none; }
.ak-twopics__label--a { left: 12px; }
.ak-twopics__label--b { right: 12px; }
.ak-cardlist { display: grid; grid-template-columns: repeat(var(--ak-cols, 2), minmax(0, 1fr)); gap: 12px; margin-block: 14px; }
@media (max-width: 600px) { .ak-cardlist { grid-template-columns: repeat(min(var(--ak-cols, 2), 2), minmax(0, 1fr)); } }
.ak-cardlist__item { display: grid; align-content: start; overflow: hidden; border-radius: var(--ak-radius); background: var(--ak-fill); color: var(--ak-text); }
.ak-cardlist__item:hover { color: var(--ak-text); }
.ak-cardlist__item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ak-cardlist__item span { display: grid; gap: 2px; padding: 12px; }
.ak-cardlist__item small { color: var(--ak-muted); font-size: 13px; }
.ak-menulist { margin-block: 14px; border-radius: var(--ak-radius); background: var(--ak-fill); padding-inline: 16px; }
.ak-menulist a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding-block: 8px; color: var(--ak-text); }
.ak-menulist a + a { border-top: 1px solid var(--ak-border); }
.ak-menulist span { display: grid; min-width: 0; }
.ak-menulist small { color: var(--ak-muted); font-size: 13px; }
.ak-menulist .ak-icon { width: 16px; height: 16px; flex: none; color: var(--ak-muted); }
[dir="rtl"] .ak-menulist .ak-icon { transform: scaleX(-1); }
.ak-webpage { margin-block: 14px; overflow: hidden; border-radius: var(--ak-radius); background: var(--ak-fill); }
.ak-webpage iframe { display: block; width: 100%; border: 0; }

/* A closed store's door, and the box for a store's code. */
.ak-storelock { max-width: 420px; margin: 40px auto; display: grid; justify-items: center; gap: 12px; text-align: center; }
.ak-storelock img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; }
.ak-storelock h1 { margin: 0; font-size: 22px; }
.ak-storecode { display: flex; gap: 8px; width: 100%; margin-top: 8px; }
.ak-storecode input { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid var(--ak-border); border-radius: 12px; font: inherit; }
.ak-storecode__why { margin: 6px 0 0; color: #b91c1c; }
.ak-storecode__open { margin: 0 0 14px; }
.ak-storecode__open summary { cursor: pointer; font-weight: 600; }

/* The side menu's search lines up with the links beside it. */
button.ak-glide__link { width: 100%; border: 0; background: transparent; font-family: inherit; text-align: start; cursor: pointer; }

/* The search box rises like a bubble; on hover a bubble of its own colour holds the cross. */
@keyframes ak-launch-up { from { opacity: 0; transform: translate(-50%, 30px) scale(.92); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } }
.ak-asklaunch:not([hidden]) { animation: ak-launch-up .42s cubic-bezier(.2, .9, .3, 1.25) both; }
.ak-asklaunch .ak-asklaunch__x { position: absolute; top: -20px; left: 50%; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border-radius: 50%; background: inherit; color: var(--ak-on-accent); opacity: 0; pointer-events: none; transform: translate(-50%, 16px) scale(.6); transition: opacity .18s, transform .26s cubic-bezier(.2, .9, .3, 1.4); }
.ak-asklaunch:hover .ak-asklaunch__x, .ak-asklaunch:focus-within .ak-asklaunch__x, .ak-asklaunch .ak-asklaunch__x:focus-visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
.ak-asklaunch:focus-within .ak-asklaunch__x { background: inherit; color: var(--ak-on-accent); }
.ak-asklaunch__x span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ak-accent); }
.ak-asklaunch__x .ak-icon { width: 15px; height: 15px; }
.ak-asklaunch__x:hover span { transform: scale(1.1); }
@media (hover: none) { .ak-asklaunch .ak-asklaunch__x { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .ak-asklaunch:not([hidden]) { animation: none; } .ak-asklaunch .ak-asklaunch__x { transition: none; } }

/* A store's details: one small button, and all of it in a sheet. */
.ak-store__aboutbtn { display: inline-flex; align-items: center; gap: 6px; }
.ak-store__aboutbtn .ak-icon { width: 16px; height: 16px; }
.ak-sheet__panel.ak-store__more > * { margin-inline: 0 !important; }
.ak-sheet__panel.ak-store__more { margin: 0; padding: 0 20px 20px !important; overflow-y: auto; border-radius: 0; background: #fff; color: var(--ak-text); }
.ak-sheet__panel.ak-store__more > .ak-sheet__head { margin: 0; z-index: 1; }
.ak-store__sheet-title { margin-top: 14px; font-size: 14px; }
.ak-sheet__panel.ak-store__more .ak-store__talk { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ak-sheet__panel.ak-store__more .ak-store__talk > * { justify-content: center; min-width: 0; }
.ak-sheet__panel.ak-store__more .ak-store__talk .ak-ask { grid-column: 1 / -1; margin: 0; }
@media (max-width: 700px) { .ak-sheet__panel.ak-store__more { border-radius: 18px 18px 0 0; } .ak-store__aboutbtn span { display: none; } }

/* A store's page starts at the very top, its picture running under the side menu. */
.ak-main:has(> .ak-store) { padding-top: 0; padding-bottom: 0; }
@media (min-width: 1025px) { .ak-glide-on .ak-store__hero { margin-inline-start: -76px; padding-inline-start: calc(76px + clamp(16px, 4vw, 48px)); } }

/* A store's message box: open, the question above and the button under it. */
.ak-ask--open { padding: 0; border: 0; background: none; }
.ak-ask--open .ak-chat__form { flex-direction: column; align-items: stretch; padding: 0; }
.ak-ask--open .ak-chat__form textarea { width: 100%; min-height: 96px; }
.ak-store__talk .ak-ask--open .ak-btn { display: flex !important; justify-content: center; width: 100% !important; }

/* What is written over a stream can be read on any picture. */
.ak-live__c { padding: 6px 10px; border-radius: 12px; background: rgba(0, 0, 0, .55); }
.ak-live__chat ul { max-height: 260px; }
[dir="rtl"] .ak-live__close svg { transform: scaleX(-1); }

/* ---------- The cart, store by store, with the summary beside it ---------- */
.woocommerce-cart .woocommerce { display: block; }
.ak-cart__store { margin-bottom: 14px; padding: 6px 16px 2px; border: 1px solid var(--ak-border); border-radius: 18px; background: var(--ak-bg, #fff); }
.ak-cart__storehead { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--ak-border); }
.ak-cart__storehead a { display: inline-flex; align-items: center; gap: 10px; color: inherit; }
.ak-cart__storehead img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.ak-cart__storehead strong { font-size: 15px; }
.ak-cart__storehead > span { color: var(--ak-muted); font-size: 14px; font-weight: 600; }
.ak-cart__line { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 14px; padding: 14px 0; }
.ak-cart__line + .ak-cart__line { border-top: 1px solid var(--ak-border); }
.ak-cart__pic img { display: block; width: 84px !important; height: 84px; border-radius: 14px; object-fit: cover; background: var(--ak-fill); }
.ak-cart__name a { color: inherit; font-weight: 600; }
.ak-cart__name .variation { margin: 4px 0 0; color: var(--ak-muted); font-size: 13px; }
.ak-cart__each { margin-top: 2px; color: var(--ak-muted); font-size: 13.5px; }
.ak-cart__qty { margin-top: 8px; }
.ak-cart__stepper { display: inline-flex; align-items: center; border: 1px solid var(--ak-border); border-radius: 999px; }
.ak-cart__stepper button { width: 34px; height: 34px; border: 0; background: none; color: inherit; font-size: 18px; line-height: 1; cursor: pointer; }
.woocommerce .ak-cart__stepper .quantity .qty { width: 42px; min-height: 34px; padding: 0; border: 0; border-radius: 0; background: none; text-align: center; font-size: 14px; font-weight: 600; appearance: textfield; -moz-appearance: textfield; }
.ak-cart__stepper .qty::-webkit-inner-spin-button, .ak-cart__stepper .qty::-webkit-outer-spin-button { appearance: none; margin: 0; }
.ak-cart__end { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 10px; }
.ak-cart__sum { font-weight: 700; white-space: nowrap; }
.ak-cart .ak-free { margin-bottom: 14px; }
.ak-cart__actions { margin-bottom: 14px; }
.ak-cart__update { display: none !important; }
.ak-cart__coupon summary { width: fit-content; color: var(--ak-muted); font-size: 14px; font-weight: 600; cursor: pointer; }
.ak-cart__coupon .coupon { display: flex; gap: 8px; margin-top: 10px; max-width: 460px; }
.ak-cart__coupon .input-text { flex: 1; min-width: 0; }
.ak-cart__paybar { display: none; }
.woocommerce-cart .cart-collaterals .cart_totals { max-width: none; padding: 16px 18px; border: 1px solid var(--ak-border); border-radius: 18px; }
.woocommerce-cart .cart-collaterals .cart_totals h2 { margin: 0 0 8px; font-size: 18px; }
.woocommerce-cart .cart-collaterals table.shop_table { border: 0; border-radius: 0; }
.woocommerce-cart .cart-collaterals table.shop_table th, .woocommerce-cart .cart-collaterals table.shop_table td { padding: 10px 0; }
@media (min-width: 900px) {
	.woocommerce-cart .woocommerce:has(> .ak-cart) { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(300px, 1fr); gap: 0 24px; align-items: start; }
	.woocommerce-cart .woocommerce:has(> .ak-cart) > * { grid-column: 1 / -1; }
	.woocommerce-cart .woocommerce:has(> .ak-cart) > .ak-cart { grid-column: 1; grid-row: span 1; }
	.woocommerce-cart .woocommerce:has(> .ak-cart) > .cart-collaterals { position: sticky; top: 20px; grid-column: 2; }
}
@media (max-width: 899px) {
	.ak-cart__paybar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px calc(10px + var(--ak-bottom-bar, 0px) + env(safe-area-inset-bottom)); border-top: 1px solid var(--ak-border); background: var(--ak-bg, #fff); }
	.ak-cart__paybar > span { display: grid; flex: none; }
	.ak-cart__paybar b { white-space: nowrap; }
	.ak-cart__paybar small { color: var(--ak-muted); }
	.ak-cart__paybar .ak-btn { flex: 1; max-width: 240px; }
	.woocommerce-cart:has(.ak-cart__paybar) .ak-footer { padding-bottom: calc(var(--ak-bottom-bar, 0px) + 100px); }
	.ak-cart__line { grid-template-columns: 68px minmax(0, 1fr) auto; gap: 10px; }
	.ak-cart__pic img { width: 68px !important; height: 68px; }
}

/* ---------- Sections' own choices (Studio) ---------- */
.ak-bnr { border-radius: var(--ak-bnr-radius, 26px); aspect-ratio: var(--ak-bnr-ratio, 16 / 9); }
.ak-bnrs--one .ak-bnr { aspect-ratio: var(--ak-bnr-ratio, 21 / 8); }
.ak-bnr img, .ak-bnr video { width: 100%; height: 100%; object-fit: var(--ak-bnr-fit, cover); }
.ak-bnr video { position: absolute; inset: 0; }
.ak-bnrs--slider, .ak-bnrs--horizontal, .ak-bnrs--stack { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ak-bnrs--slider .ak-bnr { flex: 0 0 100%; scroll-snap-align: start; }
.ak-bnrs--horizontal .ak-bnr { flex: 0 0 min(78%, 420px); scroll-snap-align: start; }
.ak-bnrs--stack .ak-bnr { flex: 0 0 86%; scroll-snap-align: center; }
.ak-cats { gap: var(--ak-cat-gap, 14px); }
.ak-cats--circles { grid-auto-columns: calc(var(--ak-cat-size, 88px) + 8px); }
.ak-cats--circles img { width: var(--ak-cat-size, 88px); height: var(--ak-cat-size, 88px); border-radius: var(--ak-cat-radius, 50%); border: var(--ak-cat-border, 0) solid var(--ak-cat-border-color, var(--ak-border)); }
.ak-cats--circles .ak-cat { font-size: var(--ak-cat-label, 14px); }
.ak-cats--circles.is-wrap { grid-auto-flow: row; grid-template-columns: repeat(auto-fill, calc(var(--ak-cat-size, 88px) + 8px)); overflow: visible; }
.ak-cats--tiles .ak-cat { border-radius: var(--ak-cat-radius, 20px); }
.ak-cats.no-label .ak-cat > span { display: none; }
.ak-headsec { display: block; color: var(--ak-text); }
.ak-headsec strong { display: block; font-size: var(--ak-head-size, 22px); font-weight: 800; }
.ak-headsec small { display: block; margin-top: 4px; color: var(--ak-muted); font-size: 14px; }

.ak-chat__note { margin: 0 0 8px; color: var(--ak-muted); font-size: 12px; text-align: center; }
.ak-chat__who { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 0 0 8px; padding: 8px 12px; border-radius: 12px; background: var(--ak-fill, #f2f2f2); font-size: 13px; }
.ak-rate { display: inline-flex; align-items: center; gap: 2px; font-size: 13px; }
.ak-rate button { border: 0; background: none; padding: 0 1px; font-size: 20px; line-height: 1; color: var(--ak-border, #d5d5d5); cursor: pointer; }
.ak-rate button.is-on { color: #f5a623; }
.ak-threads__tabs { display: flex; gap: 8px; margin-bottom: 12px; }

/* A store whose papers the market has accepted. */
.ak-verified{display:inline-grid;place-items:center;width:1.15em;height:1.15em;border-radius:50%;background:var(--ak-accent);color:#fff;font-size:.62em;font-weight:800;vertical-align:middle}