/*
Theme Name: Asante Child
Theme URI: https://www.asante.club
Description: Child téma Divi 5 pre e-shop Asante club podľa dizajn systému značky (vizuálna identita 2026 + Update). Texty slidera, lišty a pätičky: Asante web v administrácii.
Author: Michal Ochránek
Template: Divi
Version: 1.8.5
*/

/* ============================================================ DIZAJN SYSTÉM (tokeny)
   Hodnoty z „asante club • vizuálna identita 2026“ (farby, gradienty) a „Dizajn systém – Update“
   (broskyňová, zaoblenia, tiene, písmo, medzery). Názvy premenných ako v manuáli.
   @font-face Mona Sans vypisuje functions.php (as_font_url). */
:root {
	/* primárne farby */
	--pure-white: #FFFFFF;
	--orchid-pink: #E791F2;
	--vivid-magenta: #D814F4;
	--amethyst: #840698;
	--royal-plum: #3C074A;
	--deep-black: #000000;
	/* teplý akcent (Update) */
	--warm-peach: #FFC9A3;
	--peach-tint: #FFF3E8;
	/* gradienty */
	--gradient-1: linear-gradient(135deg, #FDF4FE 0%, #E791F2 100%);
	--gradient-magenta: linear-gradient(135deg, #E791F2 0%, #D814F4 100%);
	--gradient-3: linear-gradient(135deg, #D814F4 0%, #840698 100%);
	--gradient-plum: linear-gradient(135deg, #3C074A 0%, #840698 100%);
	--gradient-peach: linear-gradient(135deg, #FFF3E8 0%, #FFC9A3 100%);
	/* tvar a tieň */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-pill: 999px;
	--shadow-card: 0 1px 2px rgba(60, 7, 74, .06), 0 8px 24px rgba(60, 7, 74, .08);
	--shadow-card-hover: 0 2px 4px rgba(60, 7, 74, .08), 0 14px 32px rgba(60, 7, 74, .12);
	--border-subtle: rgba(60, 7, 74, .12);
	--border-strong: rgba(60, 7, 74, .24);
	/* typografia — Mona Sans */
	--font-sans: 'Mona Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
	--text-h1: clamp(2.5rem, 1.8rem + 2.6vw, 3.5rem);
	--text-h1-product: clamp(1.625rem, 1.35rem + 1.1vw, 2.25rem);
	--text-h2: clamp(1.75rem, 1.55rem + .7vw, 2rem);
	--text-h3: clamp(1.125rem, 1rem + .5vw, 1.375rem);
	--text-body: 1rem;
	--text-body-sm: .875rem;
	--text-caption: .6875rem;
	--text-button: .9375rem;
	--card-category: .6875rem;
	--card-title: .9375rem;
	--card-price: 1.0625rem;
	/* medzery */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;
	/* odvodené pre tému */
	--text-muted: rgba(60, 7, 74, .72);
	--wrap: 1260px;

	/* staré názvy z v1–v4 (odkazujú na dizajn systém, nech sa nič nerozbije) */
	--as-purple: var(--royal-plum);
	--as-magenta: var(--vivid-magenta);
	--as-magenta-2: var(--amethyst);
	--as-pink: var(--peach-tint);
	--as-ink: var(--royal-plum);
	--as-soft: var(--text-muted);
	--as-line: var(--border-subtle);
	--as-radius: var(--radius-md);
	--as-shadow: var(--shadow-card-hover);
	--as-font: var(--font-sans);
}

/* ============================================================ ZÁKLAD */
html { scroll-behavior: smooth; }
body,
#page-container,
.et_pb_section,
input, textarea, select, button,
.et_pb_module, .et_pb_text, .et_pb_button {
	font-family: var(--font-sans);
}
body {
	color: var(--royal-plum);
	font-size: var(--text-body);
	font-weight: 400;
	line-height: 1.6;
	background: var(--pure-white);
	-webkit-font-smoothing: antialiased;
}
/* Elementor kit (Archivo, sivý text) dáva triedu na <body> — inak by prebil písmo a farbu webu */
body.as { font-family: var(--font-sans); color: var(--royal-plum); }
body.as :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-sans); }
/* kit dáva aj všetkým odkazom Archivo SemiExpanded a mení nadpisy: hlavička, menu, pätička a okno clubu ostávajú
   v písme webu (Dávid 9. 10. 2026: „pri niektorých podstránkach sa prepíše font v hornom menu“; obsah kampaní
   z Elementoru, napr. /beh/, sa nemení; právne stránky kit nemajú vôbec, inc/pravne.php) */
body.as #main-header a,
body.as .et_mobile_menu a,
body.as .as-oznam,
body.as #main-footer a,
body.as .as-okno a,
body.as .as-okno button { font-family: var(--font-sans); }
body.as .as-foot h4 { line-height: 1.3; }

h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4 {
	font-family: var(--font-sans);
	color: var(--royal-plum);
	letter-spacing: -.01em;
	line-height: 1.15;
	padding-bottom: 0;
}
h1 { font-size: var(--text-h1); font-weight: 900; }
h2 { font-size: var(--text-h2); font-weight: 800; }
h3 { font-size: var(--text-h3); font-weight: 700; }
h4 { font-size: 1rem; font-weight: 700; }
a { color: var(--amethyst); transition: color .15s ease; }
a:hover { color: var(--vivid-magenta); }
#main-content a { color: var(--amethyst); }
#main-content a:hover { color: var(--vivid-magenta); }
p { margin-bottom: 1em; }
::selection { background: var(--vivid-magenta); color: #fff; }

/* popisok nad nadpisom = Caption / 600 */
.as-eyebrow {
	display: block;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--amethyst);
	margin: 0 0 var(--space-3);
}

/* obsahová šírka a medzery sekcií */
#page-container .et_pb_row { max-width: var(--wrap); width: 92%; padding: 0; }
#page-container .et_pb_section { padding: var(--space-8) 0; }
#page-container .et_pb_module { margin-bottom: 0; }
#page-container .et_pb_text + .et_pb_text,
#page-container .et_pb_text + .et_pb_code,
#page-container .et_pb_text + .et_pb_button_module_wrapper { margin-top: 14px; }
#page-container .et_pb_button_module_wrapper + .et_pb_text { margin-top: 26px; }

/* režim screenshotov (?shot=): bez prechodov/animácií, reveal prvky viditeľné */
body.as-shot *, body.as-shot *::before, body.as-shot *::after { transition: none !important; animation: none !important; }
body.as-shot .as-rv { opacity: 1 !important; transform: none !important; }

/* ============================================================ HORNÁ LIŠTA (Dávid 8. 10. 2026: ružový akcent #BA00D5)
   Hlavička Divi je fixná od načítania → lišta je fixná NAD ňou. */
.as-oznam {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100000;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-6);
	overflow: hidden;
	background: #BA00D5;
	color: #fff;
	text-align: center;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .02em;
	padding: 0 var(--space-4);
	line-height: 1.3;
}
.as-oznam svg { width: 16px; height: 16px; vertical-align: -3px; margin-right: 7px; stroke: var(--warm-peach); }
#main-header { top: 38px !important; }
#page-container { margin-top: 38px; }
body.admin-bar .as-oznam { top: 32px; }
body.admin-bar #main-header { top: 70px !important; }
@media (max-width: 782px) {
	body.admin-bar .as-oznam { top: 46px; }
	body.admin-bar #main-header { top: 84px !important; }
}
@media (max-width: 640px) { .as-oznam span + span { display: none; } }

/* lupa preč (poistka k filtru) */
#et_top_search, .et_search_form_container, #search-icon { display: none !important; }

/* ============================================================ HLAVIČKA (Dávid 8. 10. 2026: fialová, biele logo a odkazy,
   väčšie logo; obsah hlavičky na šírku obsahu webu 1260 px, logo vľavo, menu vpravo) */
#top-header { display: none !important; }
#main-header,
#main-header.et-fixed-header {
	background: var(--royal-plum) !important;
	box-shadow: 0 1px 0 rgba(60, 7, 74, .12) !important;
}
#main-header > .container { width: 92%; max-width: var(--wrap); }
/* Divi má medzi pomocným spanom a logom medzeru (3 px) → logo presne na okraji obsahu ako v návrhu */
#main-header .logo_container { font-size: 0; }
/* logo 145,9 × 41,7 px ako v návrhu, písmená opticky na linke menu (preto 3 px pod stredom) */
#main-header .logo_container img { max-height: 41.7px; height: 41.7px; width: auto; transform: translateY(3px); }
#main-header.et-fixed-header .logo_container img { max-height: 34px; height: 34px; transform: translateY(2px); }
#et-top-navigation nav > ul > li > a,
.et_header_style_left #et-top-navigation nav > ul > li > a,
#main-header.et-fixed-header #top-menu > li > a {
	color: var(--pure-white) !important;
	font-size: .9375rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	padding-bottom: 29px !important;
	opacity: 1 !important;
}
#et-top-navigation nav > ul > li > a:hover,
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a { color: var(--orchid-pink) !important; }
/* podmenu (ak pribudne) ostáva biele s tmavým textom */
#top-menu li li a { color: var(--royal-plum) !important; }

/* košík v menu */
.as-menu-cart a { position: relative; }
.as-menu-cart svg { width: 24px; height: 24px; vertical-align: -6px; stroke: var(--pure-white); transition: stroke .15s ease; }
#top-menu .as-menu-cart a:hover svg { stroke: var(--orchid-pink); }
.as-cart-count {
	position: absolute;
	top: -9px;
	right: -13px;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: var(--radius-pill);
	background: var(--vivid-magenta);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
}

/* hľadanie v hlavičke (ukážka dizajn systému: Search a Cart vpravo) */
.as-menu-hladat svg { width: 22px; height: 22px; vertical-align: -6px; stroke: var(--pure-white); transition: stroke .15s ease; }
#top-menu .as-menu-hladat a:hover svg { stroke: var(--orchid-pink); }
.et_mobile_menu .as-menu-hladat svg { stroke: var(--royal-plum); }
#top-menu .as-menu-hladat .as-mm-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.et_mobile_menu .as-menu-hladat a { display: flex !important; align-items: center; gap: 10px; }
.et_mobile_menu .as-menu-hladat svg { width: 20px; height: 20px; vertical-align: 0; }

/* mobilné menu: ikony biele na fialovej hlavičke, rozbalené menu biele */
.mobile_menu_bar:before { color: var(--pure-white) !important; }
#main-header .et-cart-info,
#main-header .et-cart-info:before,
.et_mobile_nav_menu .et-cart-info,
.et_mobile_nav_menu .et-cart-info:before { color: var(--pure-white) !important; }
@media (max-width: 980px) {
	#main-header .logo_container img,
	#main-header.et-fixed-header .logo_container img { max-height: 40px; height: 40px; transform: translateY(2px); }
}
@media (min-width: 981px) { #main-header .et-cart-info { display: none; } }
@media (max-width: 980px) { .as-menu-cart { display: none; } }
.et_mobile_menu {
	background: var(--pure-white) !important;
	border-top: 3px solid var(--vivid-magenta);
	box-shadow: var(--shadow-card-hover);
}
.et_mobile_menu li a { color: var(--royal-plum) !important; font-weight: 600; font-size: 16px; border-bottom: 1px solid var(--border-subtle); }
.et_mobile_menu li a:hover { background: var(--peach-tint); opacity: 1; }

/* ============================================================ TLAČIDLÁ (Button / 600)
   Primárne: Vivid Magenta, hover Amethyst, aktívne Royal Plum, vypnuté Orchid Pink.
   Sekundárne: Peach Tint s Royal Plum textom. Obrysové: Royal Plum. Gradientové: Gradient Magenta. */
.as-btn,
body #page-container .et_pb_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button[name="calc_shipping"],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce div.product form.cart .button,
.woocommerce button.single_add_to_cart_button {
	display: inline-block;
	background: var(--vivid-magenta) !important;
	color: #fff !important;
	font-family: var(--font-sans);
	font-size: var(--text-button);
	font-weight: 600;
	letter-spacing: .01em;
	line-height: 1.2;
	padding: 14px 26px !important;
	border: 0 !important;
	border-radius: var(--radius-sm) !important;
	box-shadow: none;
	transition: background-color .2s ease, color .2s ease, transform .15s ease;
	cursor: pointer;
	text-transform: none;
	text-decoration: none;
}
.as-btn:hover,
body #page-container .et_pb_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce button.single_add_to_cart_button:hover {
	background: var(--amethyst) !important;
	color: #fff !important;
}
.as-btn:active,
body #page-container .et_pb_button:active,
.woocommerce .button:active { background: var(--royal-plum) !important; }
/* šípka, ktorú Divi ukáže pri prechode myšou (písmo ETmodules), na stred tlačidla; predtým bola o ~4 px nižšie
   (Dávid 9. 10. 2026, „Pridať do košíka“ v kartách aj pri produkte) */
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.woocommerce-page a.button::after,
.woocommerce-page button.button::after { top: 50% !important; bottom: auto !important; line-height: 1 !important; transform: translateY(-50%) !important; }
.woocommerce .button:disabled,
.woocommerce .button.disabled,
.woocommerce button.button:disabled[disabled] { background: var(--orchid-pink) !important; color: #fff !important; opacity: 1 !important; }
body #page-container .et_pb_button:after { display: none; }
.as-btn:focus-visible,
.woocommerce .button:focus-visible { outline: 2px solid var(--vivid-magenta); outline-offset: 2px; }
/* sekundárne */
.as-btn.as-btn-sec,
body #page-container .as-btn-sec .et_pb_button {
	background: var(--peach-tint) !important;
	color: var(--royal-plum) !important;
}
.as-btn.as-btn-sec:hover,
body #page-container .as-btn-sec .et_pb_button:hover { background: var(--warm-peach) !important; color: var(--royal-plum) !important; }
/* obrysové */
.as-btn.as-btn-ghost,
body #page-container .as-btn-ghost.et_pb_button,
body #page-container .as-btn-ghost .et_pb_button {
	background: transparent !important;
	color: var(--royal-plum) !important;
	box-shadow: inset 0 0 0 1.5px var(--royal-plum);
}
.as-btn.as-btn-ghost:hover,
body #page-container .as-btn-ghost.et_pb_button:hover,
body #page-container .as-btn-ghost .et_pb_button:hover { background: var(--royal-plum) !important; color: #fff !important; }
/* gradientové */
.as-btn.as-btn-grad { background: var(--gradient-magenta) !important; }
.as-btn.as-btn-grad:hover { background: var(--gradient-3) !important; }
/* biele (na tmavom podklade) */
.as-btn.as-btn-biele { background: #fff !important; color: var(--royal-plum) !important; }
.as-btn.as-btn-biele:hover { background: var(--peach-tint) !important; color: var(--royal-plum) !important; }
.et_pb_button_module_wrapper { display: inline-block; margin-right: 12px; margin-bottom: 8px; }

/* ============================================================ NÁLEPKY (badges, pill) */
.as-badge {
	display: inline-block;
	border-radius: var(--radius-pill);
	padding: 5px 12px;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .01em;
	background: var(--warm-peach);
	color: var(--royal-plum);
}
.as-badge-novinka, .as-badge-nove { background: var(--warm-peach); color: var(--royal-plum); }
.as-badge-bestseller { background: var(--vivid-magenta); color: #fff; }
.as-badge-zlava { background: var(--amethyst); color: #fff; }
.as-badge-tip { background: var(--peach-tint); color: var(--royal-plum); }
/* zľavová nálepka z WPC Badge Management (nálepka „lava“, trieda zlavicka) = Sale */
.wpcbm-badge.zlavicka,
.wpcbm-badge.wpcbm-badge-style-01 {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	padding: 5px 12px !important;
	border-radius: var(--radius-pill) !important;
	border: 0 !important;
	background: var(--amethyst) !important;
	color: #fff !important;
	box-shadow: none !important;
	font-size: .75rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}
.wpcbm-badge.zlavicka .wpcbm-badge-inner,
.wpcbm-badge.wpcbm-badge-style-01 .wpcbm-badge-inner { color: #fff !important; font-weight: 600; }
.wpcbm-badges-top-left { top: 12px !important; left: 12px !important; }

/* ============================================================ HERO: fotky na celú šírku (bannery značky) */
#page-container .as-hero-sec { padding: 0; }
#page-container .as-hero-sec .et_pb_row { max-width: 100%; width: 100%; }
.as-hs { position: relative; overflow: hidden; background: var(--royal-plum); }
.as-hs-track { display: grid; }
.as-hs-slide {
	grid-area: 1 / 1;
	position: relative;
	height: clamp(460px, 56vw, 720px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .85s ease, visibility 0s linear .85s;
}
.as-hs-slide.on { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .85s ease; }
.as-hs-media,
.as-hs-media picture,
.as-hs-media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.as-hs-media img { object-fit: cover; object-position: center; }
.as-hs-slide.ma-text::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(60, 7, 74, .66) 0%, rgba(60, 7, 74, .32) 42%, rgba(60, 7, 74, 0) 68%);
	pointer-events: none;
}
.as-hs-slide.on .as-hs-media img { animation: as-kb 7s ease-out forwards; }
@keyframes as-kb { from { transform: scale(1.04); } to { transform: scale(1); } }
.as-hs-in {
	position: relative;
	z-index: 2;
	height: 100%;
	max-width: var(--wrap);
	width: 92%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.as-hs-text { max-width: 540px; color: #fff; }
.as-hs-text .as-badge { margin-bottom: var(--space-4); }
.as-hs-title {
	font-size: var(--text-h1);
	font-weight: 900;
	line-height: 1.04;
	color: #fff !important;
	margin: 0 0 var(--space-4);
	text-shadow: 0 2px 18px rgba(60, 7, 74, .25);
}
.as-hs-title em { font-style: italic; color: var(--warm-peach); }
.as-hs-lead {
	font-size: 1.0625rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, .92);
	max-width: 460px;
	margin: 0 0 var(--space-5);
}
/* počítač: odstupy a šírka textu ako v Dávidovom návrhu 8. 10. 2026 (text tesnejšie pod nadpisom, odsek užší) */
@media (min-width: 768px) {
	.as-hs-text .as-badge { margin-bottom: 9.5px; }
	#page-container .as-hs-title { line-height: 1.04; margin-bottom: -3px; }
	.as-hs-lead { max-width: 380px; margin-bottom: 38px; }
}
.as-hs-btns { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.as-hs-btns .as-btn-ghost { color: #fff !important; box-shadow: inset 0 0 0 1.5px #fff; }
.as-hs-btns .as-btn-ghost:hover { background: #fff !important; color: var(--royal-plum) !important; }
.as-hs-link { position: absolute; inset: 0; z-index: 1; }
.as-hs-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 48px;
	height: 48px;
	border-radius: var(--radius-pill);
	border: 0;
	background: rgba(255, 255, 255, .9);
	color: var(--royal-plum);
	cursor: pointer;
	display: grid;
	place-items: center;
	box-shadow: var(--shadow-card);
	transition: background .15s ease;
}
.as-hs-arrow svg { width: 22px; height: 22px; }
.as-hs-arrow:hover { background: var(--vivid-magenta); color: #fff; }
.as-hs-arrow.prev { left: 20px; }
.as-hs-arrow.next { right: 20px; }
/* notebooky (okraj obsahu < 84 px): text odsadený, aby ho šípka „Predchádzajúci“ (20–68 px) neprekrývala */
@media (min-width: 768px) and (max-width: 1427px) { .as-hs-in { padding-left: 48px; } }
.as-hs-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22px;
	z-index: 3;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.as-hs-dots button {
	width: 10px;
	height: 10px;
	border-radius: var(--radius-pill);
	border: 0;
	padding: 0;
	background: rgba(255, 255, 255, .55);
	cursor: pointer;
	transition: width .25s ease, background .25s ease;
}
.as-hs-dots button.on { width: 30px; background: #fff; }
@media (max-width: 767px) {
	.as-hs-slide { height: min(82svh, 640px); }
	.as-hs-slide.ma-text::after { background: linear-gradient(0deg, rgba(60, 7, 74, .78) 0%, rgba(60, 7, 74, .35) 45%, rgba(60, 7, 74, 0) 70%); }
	.as-hs-in { align-items: flex-end; padding-bottom: 64px; }
	.as-hs-text { max-width: 100%; }
	.as-hs-arrow { display: none; }
	.as-hs-lead { font-size: 1rem; }
}

/* ============================================================ PÁS VÝHOD (Royal Plum, ako v ukážke) */
#page-container .as-sec-pas { background: var(--royal-plum); padding: 0; }
#page-container .as-sec-pas .et_pb_row { max-width: 100%; width: 100%; }
.as-pas {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-4) var(--space-6);
	margin: 0 auto;
	padding: 22px 0;
	width: 92%;
	max-width: var(--wrap);
	list-style: none;
}
.as-pas li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	color: #fff;
	line-height: 1.4;
	padding: 0;
}
.as-pas li b { display: block; font-size: .9375rem; font-weight: 700; color: #fff; }
.as-pas li span { display: block; font-size: .8125rem; color: rgba(255, 255, 255, .72); font-weight: 400; margin-top: 2px; }
.as-pas svg { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 2px; stroke: var(--orchid-pink); }
/* Divi dáva zoznamom v obsahu vlastné odsadenie — tu nesmie */
#page-container .as-pas { padding: 22px 0 !important; margin: 0 auto !important; line-height: 1.4; }
@media (max-width: 980px) {
	#page-container .as-pas { padding: 18px 0 !important; }
	.as-pas { grid-template-columns: 1fr 1fr; gap: 14px 20px; }
	.as-pas li b { font-size: .875rem; }
	.as-pas li span { font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
	.as-hs-slide.on .as-hs-media img { animation: none; }
}

/* ============================================================ SEKCIE ÚVODU */
.as-sec-head { margin-bottom: var(--space-6); }
.as-sec-head .et_pb_text_inner { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.as-sec-head .as-eyebrow { width: 100%; margin-bottom: 0; }
.as-sec-head .et_pb_text_inner > p { width: 100%; margin: 0; padding-bottom: 0; }
.as-sec-head .et_pb_text_inner > p:has(> .as-all) { width: auto; margin-left: auto; }
.as-sec-head h2 { margin: 0; font-size: var(--text-h2); padding-bottom: 0; }
.as-sec-head h2 em { font-style: italic; color: var(--vivid-magenta); }
.as-sec-head .as-all {
	font-size: .9375rem;
	font-weight: 600;
	color: var(--amethyst);
	text-decoration: none;
	white-space: nowrap;
	padding-bottom: 4px;
}
.as-sec-head .as-all:hover { color: var(--vivid-magenta); }
/* nadpis sekcie na stred (Kategórie) */
.as-sec-head.as-stred .et_pb_text_inner { justify-content: center; text-align: center; }
.as-sec-head.as-stred .et_pb_text_inner > p:has(> .as-all) { width: 100%; margin-left: 0; text-align: center; }

#page-container .as-sec-lead p { max-width: 780px; font-size: 1.0625rem; line-height: 1.65; color: var(--text-muted); margin: 4px 0 0; padding: 0; }
#page-container .as-sec-head + .et_pb_code,
#page-container .as-sec-lead + .et_pb_code { margin-top: var(--space-6); }

/* podklady sekcií: biela / Peach Tint / Royal Plum */
.as-sec-pink, .as-sec-peach, .as-sec-green { background: var(--peach-tint); }
.as-sec-pdrn { background: var(--pure-white); }
.as-sec-dark { background: var(--gradient-plum); }
.as-sec-dark .as-eyebrow { color: var(--warm-peach); }
.as-sec-dark h2, .as-sec-dark h3 { color: #fff !important; }
#page-container .as-sec-dark .et_pb_text_inner p { color: rgba(255, 255, 255, .8); }
/* karty produktov v tmavej sekcii ostávajú biele s tmavým textom (biely nadpis sekcie ich nesmie prefarbiť) */
.as-sec-dark ul.products li.product .woocommerce-loop-product__title { color: var(--royal-plum) !important; }
.as-sec-dark .as-all, #main-content .as-sec-dark .as-all { color: var(--warm-peach); }
.as-sec-dark .as-all:hover, #main-content .as-sec-dark .as-all:hover { color: #fff; }
@media (min-width: 981px) {
	.as-sec-pdrn ul.products[class*="columns-"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
}

/* ============================================================ KATEGÓRIE: fotky s názvom (ako „Made for Your Glow“) */
.as-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.as-cat {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: var(--radius-md);
	overflow: hidden;
	background: var(--gradient-1);
	text-decoration: none;
	box-shadow: var(--shadow-card);
	transition: transform .2s ease, box-shadow .2s ease;
}
.as-cat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.as-cat-kozmetika img { object-position: 50% 30.3%; } /* výrez fotky PDRN ako v Dávidovom návrhu */
.as-cat::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(60, 7, 74, .72) 0%, rgba(60, 7, 74, .18) 45%, rgba(60, 7, 74, 0) 70%);
}
.as-cat:hover { transform: translateY(-4px); box-shadow: var(--shadow-card-hover); }
.as-cat:hover img { transform: scale(1.05); }
.as-cat b, .as-cat span { position: absolute; left: 18px; right: 18px; z-index: 2; color: #fff; }
.as-cat b { bottom: 38px; font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
.as-cat span { bottom: 16px; font-size: .8125rem; color: rgba(255, 255, 255, .85); }
#main-content .as-cat, #main-content .as-cat:hover { color: #fff; }
@media (max-width: 980px) { .as-cats { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); } .as-cat { aspect-ratio: 4 / 5; } }
@media (max-width: 480px) { .as-cat b { font-size: 1.0625rem; bottom: 34px; } .as-cat b, .as-cat span { left: 12px; right: 12px; } }

/* ============================================================ BANNEROVÁ PRODUKTOVÁ KARTA (manuál, str. 20) */
#page-container .as-sec-banner { padding-top: var(--space-6); padding-bottom: var(--space-6); }
.as-bkarta {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: var(--space-7);
	align-items: center;
	background: var(--gradient-3);
	border-radius: var(--radius-md);
	padding: var(--space-7);
	color: #fff;
	box-shadow: var(--shadow-card-hover);
}
.as-bkarta .as-badge { margin-bottom: var(--space-4); }
.as-bkarta h2 { color: #fff !important; font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem); font-weight: 800; margin: 0 0 var(--space-3); }
.as-bkarta p { color: rgba(255, 255, 255, .88); font-size: 1.0625rem; max-width: 480px; margin: 0 0 var(--space-5); }
.as-bkarta-cena { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: var(--space-5); }
.as-bkarta-cena b { font-size: 2rem; font-weight: 800; line-height: 1; }
.as-bkarta-cena del { color: rgba(255, 255, 255, .7); font-size: 1.0625rem; }
.as-bkarta-cena .as-badge { margin: 0; background: rgba(255, 255, 255, .2); color: #fff; }
.as-bkarta-img { background: var(--peach-tint); border-radius: var(--radius-md); overflow: hidden; }
.as-bkarta-img img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
@media (max-width: 980px) {
	.as-bkarta { grid-template-columns: 1fr; padding: var(--space-6) var(--space-5); gap: var(--space-5); }
	.as-bkarta-img { order: -1; }
}

/* ============================================================ PREČO ASANTE (Dávid 8. 10. 2026: fotky v mriežke 2 × 2 bez posunu,
   odrážky v broskyňovom kruhu s tmavou fajkou) */
.as-sec-green .et_pb_row { align-items: center; }
@media (min-width: 981px) {
	/* Divi 5 tu má blokový riadok (stĺpce vedľa seba floatom) → flex, aby sa text dal vycentrovať k fotkám */
	#page-container .as-sec-green .et_pb_row { display: flex; align-items: center; }
	#page-container .as-sec-green .et_pb_row::after { display: none; }
	#page-container .as-sec-green .et_pb_column:last-child { padding-bottom: 47px; }
}
.as-sec-green .as-eyebrow { margin-bottom: 10.5px; }
.as-moz { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.as-moz img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	transition: opacity .6s ease, transform .6s ease;
}
#page-container .as-checks { list-style: none; margin: 23px 0 14px; padding: 0 0 0 14px; }
.as-checks li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 27px;
	color: var(--royal-plum);
	margin-bottom: 8px;
}
.as-checks li:last-child { margin-bottom: 0; }
/* prvá odrážka je v návrhu na jednom riadku (o 4 px presahuje stĺpec) — len keď je obsah na plnú šírku 1260 px */
@media (min-width: 1370px) { .as-checks li span { white-space: nowrap; } }
/* zalomenie nadpisu z návrhu („ktorú / si zákazničky…“) platí len na šírke počítača */
@media (max-width: 767px) { .as-sec-green h2 br { display: none; } }
.as-checks svg {
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	margin-top: 1px;
	stroke: var(--royal-plum);
	background: var(--warm-peach);
	border-radius: var(--radius-pill);
	padding: 5px;
}

/* ============================================================ VÝZVA (Gradient Plum, ako blok „Get 15 % Off“) */
.as-cta-band { background: var(--gradient-plum); }
.as-cta-band .et_pb_column,
.as-cta-band .et_pb_text_inner { text-align: center !important; }
.as-cta-band h2 { color: #fff !important; font-size: var(--text-h2); max-width: 820px; margin: 0 auto 12px; }
#page-container .as-cta-band .et_pb_text_inner p {
	color: rgba(255, 255, 255, .85) !important;
	font-size: 1.0625rem;
	max-width: 600px;
	margin: 0 auto 8px;
}
.as-cta-band .et_pb_button_module_wrapper { display: flex !important; justify-content: center; margin: 11px 0 0; }
body #page-container .as-cta-band .et_pb_button { background: var(--peach-tint) !important; color: var(--royal-plum) !important; }
body #page-container .as-cta-band .et_pb_button:hover { background: var(--warm-peach) !important; }
/* O značke: tlačidlo vo výzve je purpurové (Dávidov návrh) */
body #page-container .as-cta-band.as-cta-magenta .et_pb_button { background: var(--vivid-magenta) !important; color: #fff !important; }
body #page-container .as-cta-band.as-cta-magenta .et_pb_button:hover { background: var(--amethyst) !important; }

/* ============================================================ ASANTE CLUB: −15 % na prvý nákup za prihlásenie na novinky
   (Dávid 8. 10. 2026, odpoveď č. 7; inc/klub.php). V návrhu sekcia nie je, preto v štýle ostatných sekcií. */
#page-container .as-sec-klub .as-sec-lead p { margin: 0 auto; max-width: 620px; text-align: center; }
#page-container .as-sec-klub .as-sec-head { margin-bottom: 18px; }
#page-container .as-sec-klub .as-sec-lead + .et_pb_code { margin-top: 28px; }
.as-klub-form { position: relative; max-width: 780px; margin: 0 auto; }
.as-klub-riadok { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) auto; gap: 12px; align-items: end; }
.as-klub-pole { display: block; margin: 0; text-align: left; }
.as-klub-pole span { display: block; margin-bottom: 6px; font-size: .8125rem; font-weight: 600; color: var(--royal-plum); }
#page-container .as-klub-pole input,
.as-okno .as-klub-pole input { width: 100%; height: 54px; padding: 0 16px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--pure-white); font-size: 1rem; color: var(--royal-plum); }
#page-container .as-klub-pole input:focus,
.as-okno .as-klub-pole input:focus { outline: 2px solid var(--vivid-magenta); outline-offset: 1px; border-color: var(--vivid-magenta); }
.as-klub-form .as-btn { display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 28px !important; white-space: nowrap; }
.as-klub-suhlas { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0 0; text-align: left; font-size: .875rem; line-height: 1.5; color: var(--text-muted); cursor: pointer; }
.as-klub-suhlas input { flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--vivid-magenta); }
.as-klub-pasca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#page-container .as-klub-chyba,
.as-okno .as-klub-chyba { margin: 0 0 14px; padding: 10px 14px; border-radius: var(--radius-sm); background: #FDECF0; color: #8A1030; font-size: .9375rem; font-weight: 600; text-align: left; }
.as-klub-ok { max-width: 640px; margin: 0 auto; padding: 28px 24px; text-align: center; background: var(--peach-tint); border: 1px solid var(--warm-peach); border-radius: var(--radius-md); }
#page-container .as-klub-ok p,
.as-okno .as-klub-ok p { margin: 0 0 8px; padding: 0; color: var(--royal-plum); }
#page-container .as-klub-ok .as-klub-ok-t,
.as-okno .as-klub-ok .as-klub-ok-t { font-size: 1.375rem; font-weight: 800; }
.as-klub-kod { font-size: 1.375rem; letter-spacing: .06em; color: var(--amethyst); }
.as-klub-ok .as-btn { margin-top: 10px; }
@media (max-width: 767px) {
	.as-klub-riadok { grid-template-columns: 1fr; gap: 10px; }
	.as-klub-form .as-btn { width: 100%; }
}

/* Dávid 9. 10. 2026: „na bielom pozadí nevýrazné“ → sekcia je farebná karta (Gradient 3, biele písmo,
   broskyňové akcenty ako v tmavej sekcii balíkov), tlačidlo ako vo výzve pod ňou */
#page-container .as-sec-klub { padding: 72px 0 80px; }
#page-container .as-sec-klub .et_pb_row {
	padding: 56px 48px 50px;
	border-radius: 24px;
	background:
		radial-gradient(circle at 94% 6%, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 34%),
		radial-gradient(circle at 4% 100%, rgba(231, 145, 242, .5) 0, rgba(231, 145, 242, 0) 40%),
		var(--gradient-3);
	box-shadow: 0 20px 48px rgba(132, 6, 152, .25);
}
#page-container .as-sec-klub .as-eyebrow { color: var(--warm-peach); }
#page-container .as-sec-klub h2 { color: #fff; }
#page-container .as-sec-klub h2 em { color: var(--warm-peach); }
#page-container .as-sec-klub .as-sec-lead p { color: rgba(255, 255, 255, .9); }
#page-container .as-sec-klub .as-klub-pole span { color: #fff; }
#page-container .as-sec-klub .as-klub-pole input { border-color: transparent; }
#page-container .as-sec-klub .as-klub-pole input:focus { outline-color: var(--warm-peach); border-color: transparent; }
body #page-container .as-sec-klub .as-klub-form .as-btn { background: var(--peach-tint) !important; color: var(--royal-plum) !important; }
body #page-container .as-sec-klub .as-klub-form .as-btn:hover { background: var(--warm-peach) !important; }
body #page-container .as-sec-klub .as-klub-form .as-btn:focus-visible { outline-color: #fff; }
#page-container .as-sec-klub .as-klub-suhlas { color: rgba(255, 255, 255, .88); }
#page-container .as-sec-klub .as-klub-suhlas a { color: #fff; text-decoration: underline; }
#page-container .as-sec-klub .as-klub-suhlas input { accent-color: var(--royal-plum); }
@media (max-width: 767px) {
	#page-container .as-sec-klub { padding: 48px 0 56px; }
	#page-container .as-sec-klub .et_pb_row { padding: 36px 20px 30px; border-radius: 20px; }
}
/* Dávid 12. 10. 2026: za kartou fotka, aby sekcia pri skrolovaní pritiahla pozornosť (3 varianty z jeho Drive,
   výber v Asante web → klub_pozadie; trieda na body z inc/klub.php) */
body.as-klub-poz-1 #page-container .as-sec-klub,
body.as-klub-poz-2 #page-container .as-sec-klub,
body.as-klub-poz-3 #page-container .as-sec-klub { background-position: center; background-size: cover; background-repeat: no-repeat; }
body.as-klub-poz-1 #page-container .as-sec-klub { background-color: #F7E2EE; background-image: url(img/klub-pozadie-1.webp); }
body.as-klub-poz-2 #page-container .as-sec-klub { background-color: #F7BDE3; background-image: url(img/klub-pozadie-2.webp); }
body.as-klub-poz-3 #page-container .as-sec-klub { background-color: #F2C4D2; background-image: url(img/klub-pozadie-3.webp); }

/* Dávid 13. 10. 2026, 4. návrh „Kupón – zľava ako hlavný vizuál, silný kontrast na plum ploche“ (Asante web →
   klub_dizajn = kupon). Rozmery z návrhu prepočítané na riadok 1260 px (× 0,67), farby odmerané z PDF. Okolo karty
   broskyňová plocha ako pri jeho ostatných návrhoch, karta zaoblená ako doteraz (pod ňou je tmavý pás dopravy). */
body.as-klub-kupon #page-container .as-sec-klub { padding: 72px 0 80px; background: var(--peach-tint); }
body.as-klub-kupon #page-container .as-sec-klub .et_pb_row { padding: 0; background: #310F41; border-radius: 24px; box-shadow: 0 20px 48px rgba(49, 15, 65, .22); }
body.as-klub-kupon #page-container .as-sec-klub .as-sec-head,
body.as-klub-kupon #page-container .as-sec-klub .as-klub-lead { display: none; }
body.as-klub-kupon #page-container .as-sec-klub .as-sec-lead + .et_pb_code { margin-top: 0; }
.as-kupon-blok { display: grid; grid-template-columns: minmax(0, 409fr) minmax(0, 587fr); gap: 65px; align-items: center; padding: 84px 95px 78px 88px; text-align: left; }
.as-kupon-vizual { display: flex; justify-content: center; }
.as-kupon {
	position: relative; display: flex; flex-direction: column; align-items: flex-start;
	width: 100%; max-width: 409px; min-height: 283px; padding: 33px 33px 34px;
	background: #F7C499; color: #310F41; border-radius: 15px; transform: rotate(-2.8deg);
}
/* výrezy po stranách (farba plochy karty) */
.as-kupon::before,
.as-kupon::after { content: ""; position: absolute; top: 55%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background: #310F41; }
.as-kupon::before { left: -13px; }
.as-kupon::after { right: -13px; }
.as-kupon-st { font-size: .875rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; line-height: 1.3; }
.as-kupon-pct { display: block; margin: 6px 0 0; font-size: 97px; font-weight: 900; line-height: .92; letter-spacing: -.045em; white-space: nowrap; }
.as-kupon-pod { margin-top: 8px; font-size: 1.0625rem; font-weight: 700; line-height: 1.35; }
.as-kupon-plati { align-self: stretch; margin-top: 26px; padding-top: 12px; border-top: 1.5px dashed rgba(49, 15, 65, .55); font-size: .8125rem; line-height: 1.4; text-wrap: balance; } /* na úzkom mobile 2 vyrovnané riadky, nie samé „masiek.“ */
.as-kupon-obsah { min-width: 0; }
#page-container .as-kupon-obsah .as-eyebrow { display: block; margin: 0; font-size: .875rem; font-weight: 700; letter-spacing: .1em; color: #ED93FF; }
#page-container .as-kupon-obsah .as-kupon-nadpis { margin: 10px 0 0; padding: 0; color: #fff; font-size: 43px; font-weight: 900; line-height: 45px; letter-spacing: -.02em; }
#page-container .as-kupon-obsah .as-kupon-lead { max-width: 590px; margin: 8px 0 0; padding: 0; color: #fff; font-size: 1.1rem; line-height: 28px; }
.as-klub-form-kupon { max-width: none; margin: 23px 0 0; }
#page-container .as-kupon-label { display: block; margin: 0 0 11px; color: #fff; font-size: .9375rem; font-weight: 700; }
.as-kupon-pole { display: flex; align-items: center; gap: 8px; height: 59px; padding: 6px 6px 6px 0; background: #fff; border-radius: 999px; }
.as-kupon-pole:focus-within { outline: 2px solid #ED93FF; outline-offset: 2px; }
#page-container .as-kupon-pole input { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0 8px 0 21px; border: 0; border-radius: 999px; background: transparent; font-size: 1.0625rem; color: #310F41; }
#page-container .as-kupon-pole input:focus { outline: none; }
#page-container .as-kupon-pole input::placeholder { color: #6B6670; opacity: 1; }
/* .as-sec-klub v selektore: staré pravidlo karty (broskyňové tlačidlo, na mobile 100 %) má inak prednosť */
body #page-container .as-sec-klub .as-kupon-pole .as-btn { flex: 0 0 auto; width: auto; height: 47px; padding: 0 24px !important; border-radius: 999px !important; background: #9C25BF !important; color: #fff !important; font-size: .9375rem; font-weight: 700; white-space: nowrap; }
body #page-container .as-sec-klub .as-kupon-pole .as-btn:hover { background: #840698 !important; }
body #page-container .as-sec-klub .as-kupon-pole .as-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#page-container .as-klub-form-kupon .as-klub-suhlas { margin: 13px 0 0; color: #fff; font-size: 13px; line-height: 19px; }
#page-container .as-klub-form-kupon .as-klub-suhlas a { color: #fff; text-decoration: underline; }
#page-container .as-klub-form-kupon .as-klub-suhlas input {
	flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; -webkit-appearance: none; appearance: none;
	background: #E9E7EC; border: 0; border-radius: 4px; cursor: pointer;
}
#page-container .as-klub-form-kupon .as-klub-suhlas input:checked { background: #E9E7EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23310F41' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
#page-container .as-klub-form-kupon .as-klub-suhlas input:focus-visible { outline: 2px solid #ED93FF; outline-offset: 2px; }
/* po prihlásení: kód vedľa kupónu */
#page-container .as-kupon-obsah .as-klub-ok { max-width: none; margin: 18px 0 0; padding: 0; text-align: left; background: none; border: 0; }
#page-container .as-kupon-obsah .as-klub-ok p { color: #fff; }
#page-container .as-kupon-obsah .as-klub-ok .as-klub-ok-t { font-size: 2.25rem; font-weight: 900; line-height: 1.1; }
#page-container .as-kupon-obsah .as-klub-kod { color: #F7C499; }
body #page-container .as-kupon-obsah .as-klub-ok .as-btn { background: var(--peach-tint) !important; color: #310F41 !important; }
@media (max-width: 1100px) {
	.as-kupon-blok { gap: 44px; padding: 64px 56px; }
	.as-kupon-pct { font-size: 86px; }
	#page-container .as-kupon-obsah .as-kupon-nadpis { font-size: 38px; line-height: 41px; }
}
@media (max-width: 860px) {
	.as-kupon-blok { grid-template-columns: 1fr; gap: 40px; padding: 48px 36px 44px; }
	.as-kupon { max-width: 380px; }
}
@media (max-width: 767px) {
	body.as-klub-kupon #page-container .as-sec-klub { padding: 48px 0 56px; }
	body.as-klub-kupon #page-container .as-sec-klub .et_pb_row { border-radius: 20px; }
	.as-kupon-blok { gap: 34px; padding: 40px 20px 32px; }
	.as-kupon { max-width: 320px; min-height: 0; padding: 24px 24px 24px 26px; }
	.as-kupon-st { font-size: .75rem; }
	.as-kupon-pct { font-size: 72px; }
	.as-kupon-pod { font-size: .9375rem; }
	.as-kupon-plati { margin-top: 18px; padding-top: 10px; font-size: .75rem; }
	.as-br-pc { display: none; }
	#page-container .as-kupon-obsah .as-kupon-nadpis { margin-top: 10px; font-size: 30px; line-height: 33px; }
	#page-container .as-kupon-obsah .as-kupon-lead { margin-top: 10px; font-size: 1rem; line-height: 26px; }
	.as-klub-form-kupon { margin-top: 24px; }
	.as-kupon-pole { height: 56px; padding: 5px 5px 5px 0; }
	#page-container .as-kupon-pole input { padding-left: 18px; font-size: 1rem; }
	body #page-container .as-sec-klub .as-kupon-pole .as-btn { width: auto; height: 46px; padding: 0 18px !important; font-size: .9375rem; }
}

/* ============================================================ OKNO ASANTE CLUB (inc/klub.php, asante.js)
   Počítač: okno v strede s fotkou. Mobil: najprv nízka lišta dole bez stmavenia (Google berie okno cez celú
   obrazovku hneď po príchode ako rušivé), po ťuknutí na tlačidlo sa rozbalí formulár. */
.as-okno { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; pointer-events: none; }
.as-okno[hidden] { display: none; }
.as-okno-pozadie { position: absolute; inset: 0; background: rgba(60, 7, 74, .55); opacity: 0; transition: opacity .25s ease; pointer-events: auto; }
.as-okno.on .as-okno-pozadie { opacity: 1; }
.as-okno-box {
	position: relative;
	display: flex;
	width: 100%;
	max-width: 820px;
	max-height: calc(100vh - 48px);
	overflow: auto;
	overscroll-behavior: contain;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 24px 64px rgba(60, 7, 74, .35);
	pointer-events: auto;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .25s ease, transform .25s ease;
}
.as-okno.on .as-okno-box { opacity: 1; transform: none; }
.as-okno-box:focus { outline: none; }
.as-okno-foto { position: relative; flex: 0 0 42%; background: var(--peach-tint); }
.as-okno-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.as-okno-obsah { flex: 1 1 auto; min-width: 0; padding: 44px 40px 30px; }
.as-okno-obsah .as-eyebrow { margin-bottom: 8px; }
.as-okno .as-okno-nadpis { margin: 0 0 12px; padding: 0; font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); font-weight: 800; line-height: 1.1; letter-spacing: -.01em; color: var(--royal-plum); }
.as-okno-nadpis em { font-style: italic; color: var(--vivid-magenta); }
.as-okno .as-okno-lead { margin: 0 0 20px; padding: 0; font-size: 1rem; line-height: 1.55; color: var(--text-muted); }
.as-okno .as-klub-riadok { grid-template-columns: 1fr; gap: 12px; }
.as-okno .as-klub-form .as-btn { width: 100%; }
.as-okno .as-klub-ok { padding: 22px 18px; }
.as-okno-nie { display: block; margin: 14px auto 0; padding: 6px 10px; border: 0; background: none; font: inherit; font-size: .875rem; color: var(--text-muted); text-decoration: underline; cursor: pointer; }
.as-okno-nie:hover { color: var(--royal-plum); }
.as-okno-x { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--royal-plum); cursor: pointer; }
.as-okno-x:hover { background: var(--peach-tint); }
.as-okno-x:focus-visible, .as-okno-nie:focus-visible { outline: 2px solid var(--vivid-magenta); outline-offset: 2px; }
.as-btn.as-okno-rozbal { display: none !important; }
html.as-okno-zamok, html.as-okno-zamok body { overflow: hidden; }
@media (max-width: 767px) {
	.as-okno { align-items: flex-end; padding: 0; }
	.as-okno-box { max-width: none; max-height: 88vh; border-radius: 20px 20px 0 0; box-shadow: 0 -12px 40px rgba(60, 7, 74, .28); transform: translateY(40px); }
	.as-okno-foto { display: none; }
	.as-okno-obsah { padding: 22px 20px calc(18px + env(safe-area-inset-bottom)); }
	.as-okno .as-okno-nadpis { padding-right: 44px; font-size: 1.625rem; }
	.as-okno-x { top: 10px; right: 10px; background: var(--peach-tint); }
	/* lišta: len nadpis a tlačidlo, stránka ostáva použiteľná */
	.as-okno.lista .as-okno-pozadie,
	.as-okno.lista .as-okno-viac { display: none; }
	.as-okno.lista .as-okno-nadpis { margin-bottom: 0; }
	.as-okno.lista .as-btn.as-okno-rozbal { display: flex !important; justify-content: center; width: 100%; margin-top: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.as-okno-box { transform: none; transition: opacity .2s ease; }
}
/* štítok „Náhľad nového webu“ (len v náhľade, mu-plugin) by prekryl tlačidlo okna */
body:has(.as-okno.on) .as-nahlad-stitok { display: none !important; }

/* ============================================================ WOO: celá šírka (bez bočného panela Divi) */
.woocommerce #left-area,
.woocommerce-page #left-area { width: 100%; padding-right: 0; float: none; }
.woocommerce #sidebar,
.woocommerce-page #sidebar { display: none; }
.woocommerce #main-content .container:before,
.woocommerce-page #main-content .container:before { display: none; }
.woocommerce #main-content .container,
.woocommerce-page #main-content .container { max-width: var(--wrap); width: 92%; }

/* ============================================================ WOO: mriežka a produktová karta (manuál str. 19 + ukážka) */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products[class*="columns-"] {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-5);
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products[class*="columns-"]::before,
ul.products[class*="columns-"]::after { display: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products[class*="columns-"] li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	clear: none !important;
}
@media (max-width: 980px) {
	.woocommerce ul.products, .woocommerce-page ul.products, ul.products[class*="columns-"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
}
@media (max-width: 640px) {
	.woocommerce ul.products, .woocommerce-page ul.products, ul.products[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--pure-white);
	border: 0;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	padding: 0 0 var(--space-4);
	text-align: left;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease, opacity .6s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: var(--shadow-card-hover); }
.woocommerce ul.products li.product .woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1 1 auto; color: inherit; }
.woocommerce ul.products li.product a img {
	border-radius: 0;
	margin: 0 0 var(--space-4);
	aspect-ratio: 1;
	object-fit: cover;
	background: var(--peach-tint);
	transition: transform .3s ease;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.03); }
.woocommerce ul.products li.product .et_shop_image { display: block; overflow: hidden; }
.woocommerce ul.products li.product .et_overlay { display: none !important; }
.as-card-cat {
	display: block;
	padding: 0 var(--space-4);
	font-size: var(--card-category);
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--text-muted);
	margin-bottom: 4px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0 var(--space-4) 4px !important;
	font-size: var(--card-title) !important;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: var(--royal-plum);
	line-height: 1.32;
	min-height: 0;
}
.as-card-benefit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 0 var(--space-4);
	margin: 0 0 6px;
	font-size: .8125rem;
	line-height: 1.45;
	color: var(--text-muted);
}
.woocommerce ul.products li.product .price {
	display: block;
	padding: 0 var(--space-4);
	color: var(--royal-plum);
	font-size: var(--card-price);
	font-weight: 700;
	margin: 2px 0 var(--space-4);
}
.woocommerce ul.products li.product .price del {
	color: var(--text-muted);
	font-weight: 400;
	font-size: .875rem;
	margin-left: 6px;
	opacity: .8;
}
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--royal-plum); }
.woocommerce ul.products li.product .price:has(del) { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 2px 6px; flex-wrap: wrap; }
.woocommerce ul.products li.product .button {
	margin: auto var(--space-4) 0 !important;
	width: calc(100% - 2 * var(--space-4));
	text-align: center;
	padding: 12px 14px !important;
	font-size: .875rem;
}
.woocommerce ul.products li.product .button.added { display: none; }
.woocommerce ul.products li.product .added_to_cart {
	margin: auto var(--space-4) 0;
	display: block;
	text-align: center;
	background: var(--royal-plum);
	color: #fff !important;
	font-size: .875rem;
	font-weight: 600;
	padding: 12px 14px;
	border-radius: var(--radius-sm);
}
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 3;
	background: var(--amethyst) !important;
	color: #fff !important;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1.3;
	min-width: 0;
	min-height: 0;
	height: auto;
	padding: 5px 12px;
	border-radius: var(--radius-pill);
	margin: 0;
}
.woocommerce ul.products li.product .star-rating { display: none; }

/* scroll-reveal */
.as-rv { opacity: 0; transform: translateY(18px); }
.as-rv.as-in { opacity: 1; transform: none; }

/* ============================================================ OBCHOD / ARCHÍVY */
.as-shop-hero {
	background: var(--gradient-plum);
	padding: 56px 0 30px;
	margin-bottom: var(--space-7);
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
}
.as-shop-hero-in { max-width: var(--wrap); width: 92%; margin: 0 auto; }
.as-shop-hero h1 { color: #fff; font-size: var(--text-h1); margin: 0 0 10px; }
.as-shop-hero p { color: rgba(255, 255, 255, .8); max-width: 680px; margin: 0 0 var(--space-5); font-size: 1.0625rem; }
.as-chips { display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 6px; }
.as-chips a,
#main-content .as-chips a {
	display: inline-block;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .28);
	color: #fff;
	font-size: .875rem;
	font-weight: 600;
	padding: 8px 16px;
	border-radius: var(--radius-pill);
	text-decoration: none;
	transition: background .15s ease;
}
.as-chips a:hover, #main-content .as-chips a:hover { background: rgba(255, 255, 255, .2); color: #fff; }
.as-chips a.on, #main-content .as-chips a.on { background: var(--vivid-magenta); border-color: transparent; color: #fff; }

.woocommerce .woocommerce-result-count { color: var(--text-muted); font-size: .875rem; padding-top: 12px; }
.woocommerce .woocommerce-ordering select {
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-sm);
	padding: 10px 14px;
	font-family: var(--font-sans);
	font-size: .875rem;
	color: var(--royal-plum);
	background: #fff;
}
/* obchod, kategórie a hľadanie: karty a stránkovanie neboli nalepené na pätičku (8 px / 0 px) → odstup ako pod
   ostatnými sekciami webu (Dávid 12. 10. 2026, „rozšíriť padding pre white space“) */
body.as.archive.woocommerce-page #main-content > .container { padding-bottom: var(--space-8); }
body.as.archive.woocommerce-page #left-area { padding-bottom: 0; }
.woocommerce nav.woocommerce-pagination { margin: 32px 0 0; }
@media (max-width: 980px) {
	body.as.archive.woocommerce-page #main-content > .container { padding-bottom: var(--space-7); }
	.woocommerce nav.woocommerce-pagination { margin-top: 24px; }
}
.woocommerce nav.woocommerce-pagination ul { border: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; margin: 0 3px; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	min-width: 42px;
	height: 42px;
	line-height: 42px;
	padding: 0 8px;
	border-radius: var(--radius-sm);
	font-weight: 600;
	color: var(--royal-plum);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--royal-plum); color: #fff; }
.woocommerce .woocommerce-breadcrumb { font-size: .8125rem; color: var(--text-muted); margin-bottom: 22px; }
.woocommerce .woocommerce-breadcrumb a { color: var(--amethyst); }

/* ============================================================ DETAIL PRODUKTU */
.woocommerce div.product { color: var(--royal-plum); }
.woocommerce div.product div.images { margin-bottom: 40px; }
.woocommerce div.product div.images img { border-radius: var(--radius-md); background: var(--peach-tint); }
.woocommerce div.product div.images .flex-control-thumbs { margin-top: 14px; }
.woocommerce div.product div.images .flex-control-thumbs li { padding: 5px; }
.woocommerce div.product div.images .flex-control-thumbs img {
	border-radius: var(--radius-sm);
	border: 2px solid transparent;
	opacity: .7;
}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover { border-color: var(--vivid-magenta); opacity: 1; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	background: #fff;
	border-radius: var(--radius-pill);
	box-shadow: var(--shadow-card);
}
.woocommerce div.product .product_title {
	font-size: var(--text-h1-product);
	font-weight: 700;
	text-transform: none;
	letter-spacing: -.01em;
	line-height: 1.15;
	margin-bottom: 8px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--royal-plum) !important; /* Divi by cenu prefarbil na farbu akcentu */
	font-size: 1.75rem;
	font-weight: 800;
	margin: 10px 0 4px;
}
.woocommerce div.product p.price del { color: var(--text-muted); font-size: 1.125rem; font-weight: 400; opacity: .8; }
.woocommerce div.product p.price ins { text-decoration: none; color: var(--royal-plum); }
.as-vat-note { font-size: .8125rem; color: var(--text-muted); margin: 0 0 14px; }
/* typ pleti a „trápenie“ z tabuľky značky */
.as-pleti { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 12px; }
.as-pleti-label { font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); margin-right: 4px; }
.as-benefit {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	background: var(--peach-tint);
	border-radius: var(--radius-md);
	padding: 12px 14px;
	margin: 0 0 16px;
	font-size: .9375rem;
	line-height: 1.5;
}
.as-benefit svg { width: 20px; height: 20px; flex: 0 0 20px; stroke: var(--vivid-magenta); margin-top: 1px; }
.as-benefit b { font-weight: 700; }
/* Dávid 9. 10. 2026: obsah nebol na stred, lebo Divi nuluje spodný okraj posledného odseku (p:last-of-type) */
#page-container .as-benefit { padding: 12px 14px; }
.woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 1rem;
	color: var(--royal-plum);
	border-top: 1px solid var(--border-subtle);
	padding-top: 16px;
	margin-top: 6px;
}
.woocommerce div.product form.cart { margin: 22px 0 14px; display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.woocommerce div.product form.cart div.quantity { margin: 0; float: none; }
.woocommerce div.product form.cart div.quantity .qty {
	width: 84px;
	height: 52px;
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	font-family: var(--font-sans);
	font-size: 1rem;
	font-weight: 600;
	color: var(--royal-plum);
}
.woocommerce div.product form.cart .button {
	height: 52px;
	font-size: 1rem;
	padding: 0 36px !important;
	float: none;
	flex: 1 1 auto;
	max-width: 360px;
}
.woocommerce div.product .product_meta { font-size: .875rem; color: var(--text-muted); }
.woocommerce div.product .product_meta a { color: var(--amethyst); font-weight: 600; }
.as-ptrust { list-style: none; margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--border-subtle); }
.as-ptrust li { display: flex; align-items: center; gap: 12px; font-size: .9375rem; font-weight: 600; color: var(--royal-plum); margin-bottom: 10px; }
.as-ptrust svg { width: 22px; height: 22px; flex: 0 0 22px; stroke: var(--amethyst); }
/* taby */
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin-bottom: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs:before { border-color: var(--border-subtle); }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: #fff;
	border: 1px solid var(--border-subtle);
	border-bottom: 0;
	border-radius: var(--radius-md) var(--radius-md) 0 0;
	margin: 0 6px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 600; color: var(--text-muted); font-size: .9375rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--peach-tint); border-color: var(--border-subtle); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--royal-plum); }
.woocommerce div.product .woocommerce-tabs .panel {
	background: var(--peach-tint);
	border-radius: 0 var(--radius-md) var(--radius-md) var(--radius-md);
	padding: 28px 30px;
	margin-bottom: 44px;
}
.woocommerce div.product .woocommerce-tabs .panel h2:first-of-type { font-size: var(--text-h3); }
table.woocommerce-product-attributes { border: 0; }
table.woocommerce-product-attributes th,
table.woocommerce-product-attributes td { border: 0; padding: 6px 14px 6px 0; background: none !important; font-style: normal; }
table.woocommerce-product-attributes th { color: var(--royal-plum); font-weight: 700; width: 180px; }
.woocommerce .related.products > h2,
.woocommerce .cross-sells > h2 { font-size: var(--text-h2); margin-bottom: 22px; }

/* ============================================================ KOŠÍK (Cart Drawer: pruh do dopravy zadarmo) */
.woocommerce table.shop_table {
	border: 1px solid var(--border-subtle);
	border-radius: var(--radius-md);
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
}
.woocommerce table.shop_table th {
	background: var(--peach-tint);
	color: var(--royal-plum);
	font-weight: 600;
	font-size: var(--text-caption);
	text-transform: uppercase;
	letter-spacing: .08em;
}
.woocommerce table.shop_table td { border-top: 1px solid var(--border-subtle); padding: 14px 12px; }
.woocommerce table.shop_table td.product-name a { color: var(--royal-plum); font-weight: 700; }
.woocommerce table.shop_table img { width: 68px; border-radius: var(--radius-sm); }
.woocommerce a.remove {
	color: var(--text-muted) !important;
	font-size: 20px;
	width: 28px;
	height: 28px;
	line-height: 26px;
	border-radius: var(--radius-pill);
}
.woocommerce a.remove:hover { background: var(--vivid-magenta); color: #fff !important; }
.woocommerce td.product-quantity .qty {
	width: 66px;
	height: 44px;
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	font-weight: 600;
}
.woocommerce #coupon_code {
	height: 46px;
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	padding: 0 14px;
	width: 160px;
	font-family: var(--font-sans);
}
.cart_totals h2 { font-size: var(--text-h3); }
.woocommerce .cart-collaterals .cart_totals { width: 42%; }
.as-freebar {
	background: var(--pure-white);
	box-shadow: var(--shadow-card);
	border-radius: var(--radius-md);
	padding: 18px 22px;
	margin: 0 0 26px;
	font-size: .9375rem;
	font-weight: 600;
	color: var(--royal-plum);
}
.as-freebar b { color: var(--vivid-magenta); }
.as-freebar svg { width: 20px; height: 20px; vertical-align: -4px; margin-right: 8px; stroke: var(--vivid-magenta); }
.as-freebar-track { height: 6px; background: var(--peach-tint); border-radius: var(--radius-pill); margin-top: 12px; overflow: hidden; }
.as-freebar-fill { height: 100%; background: var(--vivid-magenta); border-radius: var(--radius-pill); transition: width .4s ease; }
body #page-container .cart-empty.woocommerce-info,
body #page-container .wc-empty-cart-message .cart-empty {
	background: none !important;
	border: 0 !important;
	color: var(--royal-plum) !important;
	font-size: var(--text-h3);
	font-weight: 700;
	padding: 0 0 8px !important;
	margin: 0;
}
.cart-empty.woocommerce-info:before { display: none !important; }
.return-to-shop { margin-top: 8px; }

/* ============================================================ POKLADŇA (Auth Form Card) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-sm);
	padding: 13px 15px;
	height: auto;
	font-family: var(--font-sans);
	font-size: .9375rem;
	color: var(--royal-plum);
	background: #fff;
}
.select2-container--default .select2-selection--single { padding: 9px 10px; height: 50px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; color: var(--royal-plum); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; }
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--vivid-magenta);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(216, 20, 244, .15);
}
.woocommerce form .form-row label { font-weight: 600; font-size: .8125rem; color: var(--royal-plum); }
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: #D32F2F; }
.woocommerce-checkout h3, #order_review_heading { font-size: var(--text-h3); font-weight: 700; color: var(--royal-plum); margin: 10px 0 14px; }
body.as.woocommerce-checkout #customer_details h3,
body.as #order_review_heading { font-size: var(--text-h3); font-weight: 700; color: var(--royal-plum); margin: 10px 0 14px; }
body.as.woocommerce-checkout #ship-to-different-address { font-size: 1.0625rem; font-weight: 700; }
.woocommerce-checkout #payment { background: var(--peach-tint); border-radius: var(--radius-md); }
.woocommerce-checkout #payment div.payment_box { background: #fff; border-radius: var(--radius-sm); }
.woocommerce-checkout #payment div.payment_box:before { display: none; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--border-subtle); }
.woocommerce-checkout #payment ul.payment_methods li label { font-weight: 600; color: var(--royal-plum); }
.woocommerce-checkout #payment ul.payment_methods li img { max-height: 22px; }
.woocommerce-checkout #order_review .shop_table { background: #fff; }
.woocommerce #ship-to-different-address label { font-weight: 700; }
.woocommerce-privacy-policy-text { font-size: .8125rem; color: var(--text-muted); }
.woocommerce form .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text { margin-bottom: 10px; }
.woocommerce-checkout #payment #place_order { width: 100%; font-size: 1.0625rem; height: auto; padding: 18px 30px !important; }

/* hlášky WooCommerce (Divi 5.13 ich farbí na modro) */
body.as .woocommerce-message,
body.as .woocommerce-info {
	background: var(--peach-tint) !important;
	color: var(--royal-plum) !important;
	border-top: 3px solid var(--vivid-magenta);
	border-radius: 0 0 var(--radius-md) var(--radius-md);
}
body.as .woocommerce-message a:not(.button),
body.as .woocommerce-info a:not(.button) { color: var(--amethyst) !important; font-weight: 600; }
body.as .woocommerce-message .button { margin-left: 12px; }
.woocommerce-message:before, .woocommerce-info:before { color: var(--vivid-magenta); }
.woocommerce-error { border-radius: 0 0 var(--radius-md) var(--radius-md); }

/* ============================================================ MÔJ ÚČET (App Shell Row) */
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation li { margin-bottom: 4px; }
.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 11px 14px;
	font-weight: 600;
	color: var(--royal-plum);
	text-decoration: none;
	border-radius: var(--radius-sm);
	border-left: 3px solid transparent;
}
.woocommerce-MyAccount-navigation li.is-active a { background: rgba(231, 145, 242, .18); border-left-color: var(--vivid-magenta); color: var(--royal-plum); }
.woocommerce-MyAccount-navigation li a:hover { background: var(--peach-tint); }

/* ============================================================ OBJEDNÁVKA PRIJATÁ */
.woocommerce-order .woocommerce-thankyou-order-received { font-size: var(--text-h2); font-weight: 800; color: var(--royal-plum); margin-bottom: 18px; }
.woocommerce ul.order_details { background: var(--peach-tint); border-radius: var(--radius-md); padding: 22px 26px; margin: 0 0 28px; }
.woocommerce ul.order_details li { font-size: .75rem; color: var(--text-muted); border-color: var(--border-subtle); }
.woocommerce ul.order_details li strong { font-size: 1rem; color: var(--royal-plum); }

/* ============================================================ KONTAKT / KARTY */
.as-kont-card {
	background: #fff;
	box-shadow: var(--shadow-card);
	border-radius: var(--radius-md);
	padding: 28px 30px;
	margin-bottom: 20px;
}
.as-kont-card h3 { margin-bottom: 12px; font-size: var(--text-h3); }
.as-kont-card p { margin-bottom: 8px; font-size: .9375rem; color: var(--royal-plum); }
.as-kont-card a { font-weight: 700; }
.as-kont-mail { font-size: 1.375rem; font-weight: 800; }

/* ============================================================ PODSTRÁNKOVÝ HERO (Dávidov návrh O značky 8. 10. 2026: plná fialová,
   nadpis 48 px, popisok #F7BC90; rovnako na všetkých podstránkach) */
#page-container .as-phero { background: #4C035F; padding: 64px 0 58px; }
.as-phero h1 { color: #fff !important; margin: 0; font-size: clamp(2.25rem, 1.9rem + 1.2vw, 3rem); line-height: 1.15; }
.as-phero .as-eyebrow { color: #F7BC90; margin-bottom: 3px; }
/* popisok je po prevode do Divi 5 v odseku <p>, ktorému Divi dáva spodný odstup 1em */
#page-container .as-phero .et_pb_text_inner > p { margin: 0; padding-bottom: 0; }

/* tabuľky (doprava a platba) */
.as-tab { width: 100%; border-collapse: separate; border-spacing: 0; margin: 6px 0 24px; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); overflow: hidden; }
.as-tab td { padding: 15px 20px; border-top: 1px solid var(--border-subtle); font-size: 1rem; color: var(--royal-plum); vertical-align: middle; }
.as-tab tr:first-child td { border-top: 0; }
.as-tab td:last-child { text-align: right; font-weight: 700; white-space: nowrap; }

.product_meta .sku_wrapper { display: none; }

/* právne a informačné stránky (Doprava a platba a „Informácie & Pomoc“, inc/pravne.php): jedna typografia
   (Dávid 9. 10. 2026: „zjednotenie a zadefinovanie typografie“, hierarchia nadpisov, bez zbytočného bieleho miesta) */
#page-container .as-legal-wrap { max-width: 880px; margin: 0 auto; font-size: 1rem; line-height: 1.65; color: var(--royal-plum); }
#page-container .as-legal-wrap p { margin: 0 0 12px; padding: 0; font-size: 1rem; line-height: 1.65; color: var(--royal-plum); overflow-wrap: anywhere; }
#page-container .as-legal-wrap h2 { margin: 40px 0 12px; padding: 0; font-size: var(--text-h3); font-weight: 800; line-height: 1.3; letter-spacing: 0; color: var(--royal-plum); }
#page-container .as-legal-wrap h3 { margin: 24px 0 8px; padding: 0; font-size: 1.0625rem; font-weight: 700; line-height: 1.4; letter-spacing: 0; color: var(--royal-plum); }
#page-container .as-legal-wrap > :first-child { margin-top: 0; }
#page-container .as-legal-wrap ul,
#page-container .as-legal-wrap ol { margin: 0 0 14px; padding: 0 0 0 22px; }
#page-container .as-legal-wrap li { margin: 0 0 6px; padding: 0; font-size: 1rem; line-height: 1.6; color: var(--royal-plum); }
#page-container .as-legal-wrap a { color: var(--amethyst); text-decoration: underline; text-underline-offset: 2px; }
#page-container .as-legal-wrap a:hover { color: var(--vivid-magenta); }
#page-container .as-legal-wrap strong { font-weight: 700; }
#page-container .as-sec-head .et_pb_text_inner > p,
#page-container .as-sec-head h2 { padding-bottom: 0; }
body.as-legal #main-content .container { padding-top: 48px; max-width: var(--wrap); width: 92%; }
body.as-legal .main_title { font-size: var(--text-h1); margin-bottom: 18px; }
/* právne stránky: nadpis je vo fialovom páse (ako Doprava a platba), obsah 64 px pod ním ako sekcie Divi */
.as-phero-pravne .as-phero-in { max-width: var(--wrap); width: 92%; margin: 0 auto; }
body.as-pravne .main_title { display: none; }
body.as-pravne #main-content .container { padding-top: 64px; padding-bottom: 64px; }
body.as-pravne #left-area { padding-bottom: 0; }
body.as-pravne #left-area article { margin-bottom: 0; }
body.as-pravne .entry-content { padding-top: 0; }
#page-container .as-pravne .as-pravne-podtitul { margin: 0 0 4px; font-size: 1.0625rem; font-weight: 700; line-height: 1.45; color: var(--amethyst); }
#page-container .as-pravne .as-pravne-uvod { margin: 10px 0 24px; color: var(--text-muted); }
#page-container .as-pravne .as-pravne-podtitul + h2,
#page-container .as-pravne .as-pravne-uvod + h2 { margin-top: 32px; }
#page-container .as-pravne .as-pravne-pozn { margin-top: 36px; font-size: .875rem; color: var(--text-muted); }
.as-pravne-tab { overflow-x: auto; margin: 0 0 16px; }
#page-container .as-pravne-tab table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
#page-container .as-pravne-tab td,
#page-container .as-pravne-tab th { padding: 8px 12px; border: 1px solid var(--border-subtle); text-align: left; vertical-align: top; }
/* formulár na odstúpenie: Word na stiahnutie hore (Dávid 12. 10. 2026) */
#page-container .as-pravne-stiahni { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 0 0 32px; padding: 20px 22px; border: 1px solid var(--warm-peach); border-radius: var(--radius-md); background: var(--peach-tint); }
#page-container .as-pravne-stiahni .as-btn { color: #fff; text-decoration: none; }
#page-container .as-pravne-stiahni p { margin: 0; color: var(--royal-plum); }
/* formulár na odstúpenie (na tlač): riadky na vypísanie s väčším odstupom */
#page-container .as-pravne-formular-na-odstupenie-od-zmluvy p:not([class]) { margin-bottom: 18px; }
/* Oznámenie (bloky): obrázok s plagátom EÚ a rozbaľovacia textová verzia */
#page-container .as-pravne figure { margin: 0 0 20px; }
#page-container .as-pravne figure img { display: block; width: auto; max-width: min(100%, 640px); height: auto; margin: 0 auto; border-radius: var(--radius-md); }
#page-container .as-pravne details { margin: 24px 0 0; padding: 14px 18px; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); }
#page-container .as-pravne summary { font-weight: 700; cursor: pointer; }
/* formuláre na reklamáciu a odstúpenie (plugin): stredom, nadpis formulára ako h2 na ostatných stránkach */
#page-container .as-pravne-form { max-width: 880px; margin: 0 auto; }
#page-container .as-pravne-form .oodz-title { margin-top: 0; font-size: var(--text-h3); font-weight: 800; line-height: 1.3; }
#page-container .as-pravne-form :is(.oodz-title, .oodz-section-title, label, legend) { font-family: var(--font-sans); color: var(--royal-plum); }
@media (max-width: 980px) {
	body.as-pravne #main-content .container { padding-top: 48px; padding-bottom: 48px; }
}

/* ============================================================ PÄTIČKA (Royal Plum) */
#main-footer { background: var(--royal-plum); }
.as-foot { max-width: var(--wrap); width: 92%; margin: 0 auto; padding: 64px 0 30px; }
.as-foot-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 36px;
	padding-bottom: 44px;
	border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.as-foot-logo img { display: block; height: 48.9px; width: auto; margin-bottom: 16.5px; } /* Dávid 8. 10. 2026: väčšie logo */
.as-foot p { color: rgba(255, 255, 255, .7); font-size: .875rem; line-height: 1.7; margin-bottom: 8px; padding-bottom: 0; }
.as-foot .as-foot-text { max-width: 362px; margin-bottom: 10.5px; } /* zalomenie ako v návrhu */
.as-foot a { color: rgba(255, 255, 255, .88); text-decoration: none; }
.as-foot a:hover { color: var(--orchid-pink); }
.as-foot h4 { color: #fff; font-size: .75rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 18px; }
.as-foot ul { list-style: none; margin: 0; padding: 0; }
.as-foot ul li { margin-bottom: 10px; font-size: .9375rem; }
.as-foot-mail { font-size: 1.0625rem; font-weight: 700; color: #fff !important; }
.as-foot-soc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 21px; }
.as-foot .as-foot-soc a { border: 1px solid rgba(255, 255, 255, .28); border-radius: var(--radius-pill); padding: 6px 14px; font-size: .8125rem; font-weight: 600; color: #fff; }
.as-foot .as-foot-soc a:hover { border-color: var(--orchid-pink); color: var(--orchid-pink); }
.as-foot-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 24px; }
.as-foot-pay img { height: 28px; width: auto; display: block; }
.as-foot-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-top: 24px; color: rgba(255, 255, 255, .55); font-size: .8125rem; }
.as-foot-bottom a { color: rgba(255, 255, 255, .7); }
#footer-bottom { display: none; }
@media (max-width: 980px) { .as-foot-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .as-foot-grid { grid-template-columns: 1fr; } }

/* ============================================================ 404 */
.as-404 { text-align: center; padding: 100px 20px; }
.as-404 b { display: block; font-size: 100px; font-weight: 900; color: var(--warm-peach); line-height: 1; }
.as-404 h1 { margin: 10px 0 12px; }
.as-404 p { color: var(--text-muted); max-width: 480px; margin: 0 auto 26px; }

/* ============================================================ DIVI 5 POISTKY */
.et-waypoint { opacity: 1 !important; }
.et_pb_blurb .et-pb-icon { font-family: 'ETmodules' !important; }
:target { scroll-margin-top: 120px; }
/* bočný panel Divi sa nepoužíva (widgety v ňom patria pôvodnej téme) */
#sidebar { display: none !important; }
#left-area { width: 100% !important; padding-right: 0 !important; float: none !important; }
#main-content .container:before { display: none; }

/* ============================================================ STRÁNKY V ELEMENTORE (/beh, obchodné podmienky)
   Klient ich navrhol pod Astrou, ktorá cez !important vnucovala jedno písmo, farbu odsekov a odkazov.
   To isté je tu, len vnútri obsahu Elementora. */
body.as.elementor-page { color: var(--royal-plum); }
.elementor :is(h1, h2, h3, h4, h5, h6, p, a, span, li, td, th, button, input, select, textarea, .elementor-heading-title):not(i):not([class*="icon"]) {
	font-family: var(--font-sans) !important;
}
.elementor :is(p, li, td, th) { color: var(--royal-plum) !important; font-size: 1rem !important; line-height: 1.6 !important; }
.elementor p { margin-bottom: 0 !important; padding-bottom: 0; }
.elementor :is(h1, h2, h3, h4, h5, h6) { font-weight: 700 !important; line-height: 1.2 !important; padding-bottom: 0; }
.elementor a { color: var(--amethyst) !important; text-decoration: none !important; }
.elementor a:hover { color: var(--vivid-magenta) !important; }
body.elementor-page .main_title { display: none; }

/* ============================================================ PRENESENÉ Z DOPLNKOVÉHO CSS PÔVODNEJ TÉMY */
.dpd-parcelshop-shipping-method-content__open-btn {
	background-color: var(--royal-plum) !important;
	color: #fff !important;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: var(--radius-sm);
}
.dpd-parcelshop-shipping-method-content__open-btn:hover { background-color: var(--amethyst) !important; opacity: 1; }
.packeta-widget-button button { font-size: 14px !important; }
/* pásik „na splátky“ od tatrapay+ sa vkladá do karty produktu (v mriežke by sa orezal na čierny štvorec);
   pôvodný web ho tiež skrýval */
.tatrapayplus-paylater { display: none !important; }
na-splatky-button { display: none !important; }
.post-3110 .woocommerce-tabs { display: block !important; }
.post-3110 .woocommerce-tabs ul.tabs { display: none !important; }
.post-3110 .zoomImg { display: none !important; }

/* oznámenie o zodpovednosti za vady tovaru (stránka 6979 na asante.club) */
.as-zaruka-img { max-width: 897px; margin: 0 auto 18px; }
.as-zaruka-img img { display: block; width: 100%; height: auto; border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); }
.page .entry-content .as-zaruka-link { text-align: center; }
.as-zaruka-text { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--border-subtle); }
.as-zaruka-text summary { cursor: pointer; font-weight: 700; color: var(--royal-plum); }
.page-id-6979 .main_title { text-align: center; }
.page-id-6979 .entry-content > * { max-width: 897px; margin-left: auto; margin-right: auto; }
.page-id-6979 .entry-content > p { margin-top: 18px; margin-bottom: 0; }
.page-id-6979 .as-zaruka-text p, .page-id-6979 .as-zaruka-text ul, .page-id-6979 .as-zaruka-text ol { margin: 0 0 12px; }

/* stránka O značke (Dávidov návrh 8. 10. 2026): Kto sme v dvoch stĺpcoch, Kde nás kúpiš s logami partnerov.
   Šírky stĺpcov podľa návrhu (riadky sa lámu ako v ňom). */
.as-znacka-stlpce { display: grid; grid-template-columns: minmax(0, 568px) minmax(0, 555px); column-gap: 74px; margin-top: 44px; }
#page-container .as-znacka-stlpce p { margin: 0; padding: 0; font-size: 1.0625rem; line-height: 28px; color: var(--text-muted); }
.as-partneri { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 42px 0 0 !important; padding: 0 !important; }
#page-container .as-partneri li { margin: 0; padding: 0; text-align: center; list-style: none; }
#page-container .as-znacka-kde-head { margin-top: 53px; }
.as-znacka-kde-head .et_pb_text_inner { row-gap: 12px; }
#page-container .as-sec-znacka { padding-bottom: 78px; }
.as-partneri h3 { margin: 0 0 17px; padding: 0; font-size: 1.5rem; font-weight: 800; line-height: 1.2; color: var(--royal-plum); }
.as-partner-logo { display: flex; align-items: center; justify-content: center; height: 203px; padding: 20px; background: #FFFCF9; border: 1px solid var(--warm-peach); border-radius: var(--radius-md); }
.as-partner-logo img { display: block; max-width: 100%; height: auto; }
#page-container .as-znacka-pozn p { margin: 37px 0 0; padding: 0; font-size: 1.0625rem; line-height: 28px; color: var(--text-muted); }
@media (max-width: 980px) {
	.as-znacka-stlpce { grid-template-columns: 1fr; row-gap: 16px; margin-top: 28px; }
	.as-partneri { gap: 20px; }
	.as-partner-logo { height: 160px; }
	.as-partner-logo img { max-width: 80%; }
}
@media (max-width: 767px) {
	.as-partneri { grid-template-columns: 1fr; gap: 28px; margin-top: 28px !important; }
	.as-partneri h3 { font-size: 1.25rem; margin-bottom: 12px; }
	.as-partner-logo { height: 150px; }
	.as-partner-logo img { max-width: 62%; max-height: 110px; width: auto; }
}

/* ukážkový web (len skúšobná kópia) */
.as-demo-pay { display: flex; gap: 10px; align-items: flex-start; background: var(--peach-tint); border: 1px dashed var(--amethyst); border-radius: var(--radius-md); padding: 12px 14px; margin: 0 0 16px; font-size: .875rem; line-height: 1.5; color: var(--royal-plum); }
.as-demo-pay svg { width: 20px; height: 20px; flex: 0 0 20px; stroke: var(--amethyst); margin-top: 1px; }

/* ============================================================ PÁS VLASTNOSTÍ (ukážka dizajn systému: vlastnosť + hviezdička) */
.as-hodnoty {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px 16px; /* pri 1280 px sa zmestí do jedného riadku; na 1920 rozdeľuje medzery space-between ako v návrhu */
	width: 92%;
	max-width: var(--wrap);
	list-style: none;
}
#page-container .as-hodnoty { padding: 20px 0 !important; margin: 0 auto !important; line-height: 1.3; }
.as-hodnoty li { display: flex; align-items: center; gap: 14px; padding: 0; color: #fff; font-size: .9375rem; font-weight: 700; white-space: nowrap; }
.as-hodnoty svg { width: 16px; height: 16px; flex: 0 0 16px; stroke: var(--orchid-pink); fill: var(--orchid-pink); }
/* keď sa pás nezmestí do riadku, druhý riadok na stred (nie položky roztiahnuté ku krajom) */
@media (max-width: 1200px) { .as-hodnoty { justify-content: center; column-gap: 32px; } }
@media (max-width: 980px) {
	.as-hodnoty { justify-content: center; gap: 10px 22px; }
	#page-container .as-hodnoty { padding: 16px 0 !important; }
	.as-hodnoty li { font-size: .8125rem; gap: 10px; }
}

/* ============================================================ RECENZIE (ukážka: Loved By Her) */
.as-recenzie { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.as-rec {
	margin: 0;
	background: var(--peach-tint);
	border: 1px solid rgba(255, 201, 163, .55);
	border-radius: var(--radius-md);
	padding: var(--space-6) var(--space-6) var(--space-5);
	display: flex;
	flex-direction: column;
}
.as-rec-hv { display: flex; gap: 4px; color: var(--vivid-magenta); margin-bottom: 17px; }
.as-rec-hv svg { width: 20px; height: 20px; }
/* nadpis recenzie z e-shopu dm (Dávid 8. 10. 2026) */
#page-container .as-rec-nadpis { margin: 0 0 13px; padding: 0; font-size: 1.125rem; font-weight: 700; line-height: 1.3; color: var(--royal-plum); }
.as-rec blockquote {
	margin: 0 0 3px;
	padding: 0;
	border: 0;
	font-style: italic;
	font-size: 1rem;
	font-weight: 400;
	line-height: 26px;
	color: var(--royal-plum);
	quotes: none;
}
.as-rec figcaption { margin-top: auto; font-weight: 700; font-size: .9375rem; color: var(--royal-plum); }
.as-rec-pozn { text-align: center; font-size: .8125rem; color: var(--text-muted); margin: var(--space-5) 0 0; }
@media (max-width: 980px) { .as-recenzie { grid-template-columns: 1fr; gap: var(--space-4); } .as-rec { padding: var(--space-5); } }

/* ============================================================ BALÍKY: úvod (Dávidov návrh 8. 10. 2026)
   Hlavička na stred so širokým písmom (Mona Sans wdth 125), karty 10 / 15 / 20 ks postupne tmavšie, posledná
   broskyňová so štítkom „Najvýhodnejšie“ na hornej hrane, pod nimi pás „Drahšia kozmetika“. */
#page-container .as-sec-baliky { padding: 79px 0 62px; }
.as-sec-baliky .as-sec-head .et_pb_text_inner { row-gap: 7px; }
.as-sec-baliky .as-sec-head .et_pb_text_inner { justify-content: center; text-align: center; }
.as-sec-baliky .as-sec-head .as-eyebrow { color: var(--warm-peach); }
.as-sec-baliky .as-sec-head h2 { font-size: clamp(2.25rem, 1.5rem + 2.4vw, 3.375rem); line-height: 1; font-weight: 900; font-stretch: 125%; letter-spacing: -.01em; }
#page-container .as-sec-baliky .as-sec-head { margin-bottom: 0; }
#page-container .as-sec-baliky .as-sec-lead p { max-width: 612px; margin: 19px auto 0; text-align: center; font-size: 1.0625rem; line-height: 24px; letter-spacing: .022em; color: #fff; }
#page-container .as-sec-baliky .as-sec-lead p b { color: #fff; font-weight: 700; }
#page-container .as-sec-baliky .as-sec-lead p.as-baliky-odkaz { margin-top: 19px; letter-spacing: 0; }
#page-container .as-sec-baliky .as-sec-lead .as-all { color: var(--warm-peach); font-size: .9375rem; font-weight: 600; text-decoration: none; }
#page-container .as-sec-baliky .as-sec-lead .as-all:hover { color: #fff; }
#page-container .as-sec-baliky .as-sec-lead + .et_pb_code { margin-top: 37px; }
.as-bprehlad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.as-bprehlad-karta {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 223px;
	padding: 37.7px 16px 24px;
	background: rgba(0, 0, 0, .05);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: var(--radius-md);
	text-align: center;
	color: #fff;
}
.as-bprehlad-k2 { background: rgba(0, 0, 0, .15); }
.as-bprehlad-karta.naj { background: var(--peach-tint); border-color: var(--warm-peach); color: var(--royal-plum); }
.as-bprehlad-st {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 22px;
	height: 35px;
	line-height: 35px;
	border-radius: var(--radius-pill);
	background: var(--vivid-magenta);
	color: #fff;
	font-size: 1.0625rem;
	font-weight: 600;
	white-space: nowrap;
}
.as-bprehlad-ks { display: flex; align-items: baseline; justify-content: center; gap: 5px; font-size: 80px; font-weight: 900; font-stretch: 125%; line-height: 1; letter-spacing: -.02em; }
.as-bprehlad-ks small { font-size: 32px; font-weight: 800; font-stretch: 125%; letter-spacing: 0; }
.as-bprehlad-za { display: block; margin-top: 2px; font-size: 1.0625rem; font-weight: 500; line-height: 1.3; }
.as-bprehlad-zad { display: inline-flex; align-items: center; justify-content: center; height: 32px; min-width: 110px; margin-top: 15px; padding: 0 14px; border-radius: var(--radius-pill); background: var(--warm-peach); color: var(--royal-plum); font-style: normal; font-size: .8125rem; font-weight: 700; }
.as-bprehlad-zlavy { display: flex; align-items: center; gap: 13px; width: max-content; max-width: 100%; margin: 23px auto 0; padding: 11.5px 33px 11.5px 34px; border-radius: var(--radius-pill); background: rgba(0, 0, 0, .1); color: #fff; font-size: .9375rem; }
.as-bprehlad-zl-t { font-weight: 600; white-space: nowrap; color: rgba(255, 255, 255, .85); }
.as-bprehlad-zl-k { display: flex; flex-wrap: wrap; gap: 8px; }
.as-bprehlad-zl-k > span { display: inline-flex; align-items: center; justify-content: center; height: 38px; min-width: 104px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .3); border-radius: var(--radius-pill); white-space: nowrap; }
.as-bprehlad-zl-k b { font-weight: 700; }
@media (max-width: 980px) {
	.as-bprehlad-ks { font-size: 64px; }
	.as-bprehlad-ks small { font-size: 26px; }
	/* rámček veľkého čísla (výška písma) by inak zasahoval do „za cenu“ — na PC presne podľa návrhu, tu s rezervou */
	.as-bprehlad-za { margin-top: 12px; }
}
@media (max-width: 767px) {
	#page-container .as-sec-baliky { padding: 56px 0 48px; }
	#page-container .as-sec-baliky .as-sec-lead + .et_pb_code { margin-top: 34px; }
	.as-bprehlad { grid-template-columns: 1fr; gap: 26px; }
	.as-bprehlad-karta { min-height: 0; padding: 26px 16px 22px; }
	.as-bprehlad-ks { font-size: 60px; }
	.as-bprehlad-ks small { font-size: 24px; }
	.as-bprehlad-st { font-size: .9375rem; height: 32px; line-height: 32px; padding: 0 18px; }
	.as-bprehlad-zlavy { flex-direction: column; gap: 10px; width: 100%; padding: 14px 16px 16px; border-radius: var(--radius-md); }
	.as-bprehlad-zl-k { justify-content: center; }
}

/* polia formulára biele s rámikom (ukážka dizajn systému), Divi im dáva sivé pozadie */
.woocommerce div.product form.cart div.quantity .qty,
.woocommerce td.product-quantity .qty,
.woocommerce #coupon_code { background: var(--pure-white) !important; color: var(--royal-plum); }

/* karta produktu: štítok s balíkom */
/* štítok s balíkmi pod cenou: každý balík je samostatná bublina, zalamujú sa celé (predtým záporný okraj
   a zalomenie v strede bubliny prekrývali cenu na úzkych mobilných kartách) */
.as-card-balik {
	display: flex;
	flex-wrap: wrap;
	align-self: flex-start;
	gap: 4px;
	/* Dávid 9. 10. 2026, variant B: štítky boli prilepené na cenu (Divi dáva cene margin: 0 !important). Z jeho PDF:
	   medzera cena → štítky 2× väčšia (5,5 → 11,5 px), štítky → tlačidlo ~20 px */
	margin: 6px var(--space-4) 20px;
}
.as-card-balik > span {
	display: inline-block;
	padding: 3px 9px;
	border-radius: var(--radius-pill);
	background: var(--peach-tint);
	color: var(--amethyst);
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}

/* pole hľadania v páse obchodu (sem vedie lupa z hlavičky) */
.as-hladat { position: relative; max-width: 520px; margin: 0 0 var(--space-5); scroll-margin-top: 140px; }
.as-hladat input[type="search"] {
	width: 100%;
	height: 50px;
	border: 0;
	border-radius: var(--radius-pill);
	padding: 0 58px 0 22px;
	font-family: var(--font-sans);
	font-size: 1rem;
	color: var(--royal-plum);
	background: var(--pure-white);
	box-shadow: var(--shadow-card);
	-webkit-appearance: none;
	appearance: none;
}
.as-hladat input[type="search"]::placeholder { color: var(--text-muted); opacity: 1; }
.as-hladat input[type="search"]:focus { outline: 2px solid var(--orchid-pink); outline-offset: 2px; }
.as-hladat button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: var(--vivid-magenta);
	display: grid;
	place-items: center;
	padding: 0;
	cursor: pointer;
	transition: background .15s ease;
}
.as-hladat button:hover { background: var(--amethyst); }
.as-hladat button svg { width: 20px; height: 20px; stroke: #fff; }

/* kategória a obchod: krátko o balíkoch */
.as-baliky-info { display: flex; gap: 12px; align-items: flex-start; background: var(--peach-tint); border-radius: var(--radius-md); padding: 14px 18px; margin: 0 0 var(--space-5); color: var(--royal-plum); }
.as-baliky-info svg { width: 22px; height: 22px; flex: 0 0 22px; stroke: var(--vivid-magenta); margin-top: 1px; }
.as-baliky-info p { margin: 0; padding: 0; font-size: .9375rem; line-height: 1.5; }

/* košík a pokladňa: riadky Balík / Ušetríš / Tip pod produktom */
.woocommerce td.product-name dl.variation { margin: 6px 0 0; font-size: .8125rem; line-height: 1.5; }
.woocommerce td.product-name dl.variation dt { font-weight: 700; color: var(--royal-plum); margin: 0 4px 0 0; float: left; clear: left; }
.woocommerce td.product-name dl.variation dd { margin: 0 0 2px; color: var(--amethyst); font-weight: 600; }
.woocommerce td.product-name dl.variation dd p { margin: 0; padding: 0; }
.woocommerce td.product-name dl.variation dd.variation-Tip { color: var(--vivid-magenta); }

/* kotva pre lupu z hlavičky: Divi pri načítaní s #kotvou posúva vlastným skriptom a ignoruje scroll-margin,
   preto samostatný span nad poľom (inak by pole skončilo pod hornou lištou) */
.as-kotva { display: block; position: relative; top: -150px; height: 0; visibility: hidden; pointer-events: none; }

/* obchod a kategórie: pod fialovým pásom stačí jeho spodný okraj, Divi pridáva ďalších 58 px */
/* Divi: body:not(.et-tb) #main-content .container (1,2,1) — preto body.as */
body.as .as-shop-hero + #main-content > .container { padding-top: 0; }

/* prihlásenie a obnova hesla: Auth Form Card z ukážky dizajn systému (broskyňová karta, biele polia
   s plum rámikom, tlačidlo na celú šírku) */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password {
	background: var(--peach-tint);
	border: 0 !important;
	border-radius: var(--radius-md);
	padding: var(--space-6) !important;
	margin: 0 0 var(--space-6) !important;
	max-width: 520px;
}
.woocommerce form.login label,
.woocommerce form.register label,
.woocommerce form.lost_reset_password label { color: var(--royal-plum); font-weight: 600; font-size: .875rem; }
.woocommerce form.login .input-text,
.woocommerce form.register .input-text,
.woocommerce form.lost_reset_password .input-text {
	background: var(--pure-white) !important;
	border: 1px solid var(--royal-plum) !important;
	border-radius: var(--radius-sm) !important;
	box-sizing: border-box;
	height: 48px !important;
	padding: 0 14px !important;
	font-family: var(--font-sans);
	font-size: 1rem;
	color: var(--royal-plum);
}
.woocommerce form.login .input-text:focus,
.woocommerce form.register .input-text:focus,
.woocommerce form.lost_reset_password .input-text:focus { outline: 2px solid var(--orchid-pink); outline-offset: 1px; }
.woocommerce form.login .woocommerce-form-login__rememberme { display: block; margin: 4px 0 14px; font-weight: 400; }
.woocommerce form.login .woocommerce-form-login__submit,
.woocommerce form.register .woocommerce-form-register__submit,
.woocommerce form.lost_reset_password button[type="submit"] {
	display: block;
	width: 100%;
	float: none !important;
	margin: 0 !important;
	border-radius: var(--radius-pill) !important;
}
.woocommerce form.login .lost_password { margin: 14px 0 0; }
/* Môj účet: vysvetlenie nad prihlásením (Dávid 9. 10. 2026) */
.as-ucet-info { max-width: 520px; margin: 0 0 var(--space-6); padding: 20px 22px; border: 1px solid var(--warm-peach); border-radius: var(--radius-md); background: #fff; }
#page-container .as-ucet-info p { margin: 0 0 14px; padding: 0; font-size: 1rem; line-height: 1.55; color: var(--royal-plum); }

/* ============================================================ DETAIL PRODUKTU v2 (Dávidove skice 7. 10. 2026)
   cena → úvodný odsek → panel „Vyber si možnosť“ → platba → typ pleti → rozbaľovacie sekcie. PHP: inc/produkt.php */
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--vivid-magenta) !important; font-size: 2rem; line-height: 1.15; margin: 6px 0 2px; padding-bottom: 0 !important; /* Divi dáva <p> 1em */ }
.woocommerce div.product .summary .stock { margin: 10px 0 0; font-size: .8125rem; font-weight: 600; color: var(--amethyst); }
.woocommerce div.product p.price ins { color: var(--vivid-magenta); }
.as-vat-note { margin: 0 0 12px; }
.as-lead { margin: 0 0 4px; font-size: 1rem; line-height: 1.6; color: var(--royal-plum); }
.as-lead p { margin: 0; padding: 0; }
.as-lead strong { font-weight: 700; }

/* panel s výberom a tlačidlom */
.as-kupit { background: var(--peach-tint); border-radius: var(--radius-md); padding: 18px 18px 14px; margin: 20px 0 6px; }
.woocommerce div.product .as-kupit form.cart { margin: 0; gap: 12px; }
/* clearfix Woo (::before/::after) by vo flexe bol neviditeľnou položkou a tlačidlo by skrátil o medzeru */
.woocommerce div.product .as-kupit form.cart::before,
.woocommerce div.product .as-kupit form.cart::after { display: none !important; }
.woocommerce div.product .as-kupit form.cart .button { flex: 1 1 auto; max-width: none; height: 54px; font-size: 1.0625rem; font-weight: 600; padding: 0 20px !important; } /* váha tlačidla podľa dizajn systému */
.as-moznosti ~ div.quantity { display: none !important; } /* počet nastavuje výber */
/* galéria bez lupy (Dávid 8. 10. 2026): fotka sa zväčší po kliknutí */
.woocommerce div.product div.images .woocommerce-product-gallery__image a { cursor: zoom-in; }
/* Michal 15. 10. 2026: kým WooCommerce nespustí galériu (pomalší telefón), sú všetky fotky pod sebou a neviditeľné
   (opacity 0) → nad názvom dlhá biela plocha (na mobile ~5 000 px), po obnovení stránky už nie. Pred spustením je
   obal fotiek priamo v div.images, potom ho FlexSlider vloží do .flex-viewport, takže toto platí len do spustenia. */
.woocommerce div.product div.images.woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) { display: none; }
/* aj počas spúšťania (fotky už vo .flex-viewport, ale ešte pod sebou): kým WooCommerce nenastaví opacity 1, galéria má
   tvar štvorca (fotky produktov sú štvorcové) a presah sa skryje; meranie FlexSlidera to neovplyvní */
.woocommerce div.product div.images.woocommerce-product-gallery[style*="opacity: 0"] { aspect-ratio: 1 / 1; overflow: hidden; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce div.product .as-kupit form.cart .as-moznosti { flex: 1 1 100%; }
.as-moznosti { border: 0; margin: 0; padding: 0; min-width: 0; }
.as-moznosti-nadpis { float: left; width: 100%; padding: 0; margin: 0 0 12px; font-size: 1rem; font-weight: 700; color: var(--royal-plum); letter-spacing: 0; text-transform: none; }
.as-moznosti-nadpis + * { clear: both; }
.as-moznosti input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.as-kupit-suma { font-weight: 700; white-space: nowrap; }
.as-kupit-doprava { margin: 10px 0 0; padding: 0; text-align: center; font-size: .8125rem; font-weight: 600; color: var(--amethyst); }

/* štítky v možnostiach */
.as-st { display: inline-block; padding: 3px 8px; border-radius: 6px; font-size: .6875rem; font-weight: 700; line-height: 1.3; letter-spacing: .01em; white-space: nowrap; vertical-align: middle; }
.as-st-uset { background: var(--royal-plum); color: #fff; }
.as-st-odp { background: var(--vivid-magenta); color: #fff; }
.as-st-naj { background: var(--warm-peach); color: var(--royal-plum); }

/* lacnejšie produkty: riadky 1 / 10 / 15 / 20 ks */
.as-mr {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 54px;
	margin: 0 0 8px;
	padding: 11px 14px 11px 46px;
	background: #fff;
	border: 1.5px solid var(--border-subtle);
	border-radius: 10px;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.as-mr::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	border: 2px solid var(--border-strong);
	border-radius: 50%;
	background: #fff;
	box-sizing: border-box;
}
.as-mr:hover { border-color: var(--orchid-pink); }
.as-mr.on { border-color: var(--vivid-magenta); box-shadow: 0 0 0 .5px var(--vivid-magenta); }
.as-mr.on::before { border: 5px solid var(--vivid-magenta); }
.as-mr-l { min-width: 0; }
.as-mr-t { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.as-mr-ks { font-size: 1rem; font-weight: 800; color: var(--royal-plum); line-height: 1.25; }
.as-mr-l em { display: block; margin-top: 2px; font-style: normal; font-size: .8125rem; font-weight: 600; color: var(--amethyst); }
.as-mr-r { flex: 0 0 auto; text-align: right; }
.as-mr-cena { display: block; font-size: 1rem; font-weight: 800; color: var(--royal-plum); line-height: 1.25; white-space: nowrap; }
.as-mr-r small { display: block; margin-top: 2px; font-size: .75rem; font-weight: 600; color: var(--amethyst); white-space: nowrap; }
/* krokovač pri 1 ks (pridá ho asante.js) */
.as-krok { display: none; align-items: center; gap: 4px; }
.as-mr.ma-krok.on .as-mr-ks { display: none; }
.as-mr.ma-krok.on .as-krok { display: inline-flex; }
.as-krok button {
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid var(--border-strong);
	border-radius: 50%;
	background: #fff;
	color: var(--royal-plum);
	font: 600 1.125rem/1 var(--font-sans);
	cursor: pointer;
}
.as-krok button:hover:not(:disabled) { border-color: var(--vivid-magenta); color: var(--vivid-magenta); }
.as-krok button:disabled { opacity: .35; cursor: default; }
.as-krok output { min-width: 46px; text-align: center; font-size: 1rem; font-weight: 800; color: var(--royal-plum); }

/* drahšie produkty: karty 1 / 2 / 3 ks s obrázkom */
.as-mk-mriezka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-top: 10px; }
.as-mk {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	min-width: 0;
	padding: 18px 10px 12px;
	background: #fff;
	border: 1.5px solid var(--border-subtle);
	border-radius: 10px;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.as-mk:hover { border-color: var(--orchid-pink); }
.as-mk.on { border-color: var(--vivid-magenta); box-shadow: 0 0 0 .5px var(--vivid-magenta); }
.as-mk-hore { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); }
.as-mk-t { font-size: 1rem; font-weight: 800; color: var(--royal-plum); line-height: 1.2; }
.as-mk-s { margin-top: 3px; font-size: .75rem; font-weight: 600; color: var(--amethyst); line-height: 1.3; }
.as-mk-img { display: block; width: 100%; aspect-ratio: 1; margin: 10px 0; overflow: hidden; border-radius: var(--radius-sm); background: #f3f3f3; }
.as-mk-img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
.as-mk-cena { font-size: 1.25rem; font-weight: 800; color: var(--royal-plum); line-height: 1.2; white-space: nowrap; }
.as-mk-ks { margin-top: 2px; font-size: .75rem; font-weight: 600; color: var(--amethyst); white-space: nowrap; }
.as-mk-uset { margin-top: 8px; text-transform: uppercase; letter-spacing: .03em; }
.as-mr:has(input:focus-visible),
.as-mk:has(input:focus-visible) { outline: 2px solid var(--amethyst); outline-offset: 2px; }
.as-mr.malo,
.as-mk.malo { opacity: .5; cursor: not-allowed; }

/* hodnotenie nad názvom (skice) */
.as-hodn { margin: 0 0 6px; padding: 0; font-size: .8125rem; font-weight: 700; color: var(--amethyst); }
/* štítok zo skice pred typom pleti */
.as-badge-st { display: inline-flex; align-items: center; gap: 5px; }
.as-badge-st svg { width: 14px; height: 14px; stroke: var(--vivid-magenta); }

/* pod fotkou: recenzia a cesta zásielky (v HTML sú za popisom, plávajú vľavo pod galériou) */
.woocommerce div.product .as-pod-galeriou { float: left; clear: left; width: 48%; margin: 20px 0 40px; }
.woocommerce div.product .related.products,
.woocommerce div.product .up-sells { clear: both; }
.as-pg-rec { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; background: var(--peach-tint); border-radius: var(--radius-md); padding: 18px 20px; margin: 0 0 12px; }
.as-pg-rec-kto { display: flex; flex-direction: column; gap: 2px; }
.as-pg-rec-hv { font-size: .75rem; font-weight: 700; color: var(--amethyst); }
.as-pg-rec-meno { font-size: .9375rem; font-weight: 800; color: var(--royal-plum); }
.as-pg-rec-kto small { font-size: .75rem; color: var(--amethyst); }
.as-pg-rec p { margin: 0; padding: 0; font-size: .9375rem; line-height: 1.55; color: var(--royal-plum); }
.as-pg-cesta { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); margin: 0 !important; padding: 22px 12px 18px !important; list-style: none; background: var(--peach-tint); border-radius: var(--radius-md); }
.as-pg-cesta li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
.as-pg-cesta li + li::before { content: ""; position: absolute; top: 18px; right: 50%; width: 100%; height: 1px; background: var(--orchid-pink); z-index: 0; }
.as-pg-cesta-c { position: relative; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 6px; border-radius: 50%; background: var(--vivid-magenta); color: #fff; font-size: .9375rem; font-weight: 800; }
.as-pg-cesta b { font-size: .875rem; font-weight: 700; color: var(--royal-plum); line-height: 1.25; }
.as-pg-cesta small { font-size: .75rem; color: var(--amethyst); line-height: 1.3; }

/* pod panelom: platba a predajne, potom typ pleti */
.as-kupit + .as-ptrust { margin: 14px 0 0; padding: 0 !important; border-top: 0; }
.woocommerce div.product .as-pleti { margin: 16px 0 10px; }

/* rozbaľovacie sekcie (Popis, Zloženie, Ako používať, Doprava a vrátenie, Benefity) */
.as-akordeon { margin: 22px 0 20px; border-top: 1px solid var(--border-subtle); }
.as-ak { border-bottom: 1px solid var(--border-subtle); }
.as-ak > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 2px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--royal-plum);
	list-style: none;
	cursor: pointer;
}
.as-ak > summary::-webkit-details-marker { display: none; }
.as-ak > summary::after { content: "+"; flex: 0 0 auto; font-size: 1.5rem; font-weight: 400; line-height: 1; transition: transform .2s ease; }
.as-ak[open] > summary::after { transform: rotate(45deg); }
.as-ak > summary:focus-visible { outline: 2px solid var(--amethyst); outline-offset: 2px; }
.as-ak-in { padding: 0 2px 18px; font-size: .9375rem; line-height: 1.6; color: var(--royal-plum); }
.as-ak-in p { margin: 0 0 10px; padding: 0; }
.as-ak-in ul,
.as-ak-in ol { margin: 0 0 12px !important; padding: 0 0 0 1.3em !important; line-height: 1.55; } /* Divi #left-area ul: spodných 23 px */
.as-ak-in ul { list-style: disc; }
.as-ak-in ol { list-style: decimal; }
.as-ak-in li { margin: 0 0 6px; padding: 0; }
.as-ak-in a { color: var(--amethyst); font-weight: 600; text-decoration: underline; }
.as-ak-pozn,
.as-ak-in ul.as-ak-pozn li { font-size: .8125rem; color: var(--text-muted); }
.as-ak-pdf { margin-top: 4px; }

/* PDRN balenia (Dávid 12. 10. 2026): porovnanie pod cenou a produkty v balení s odkazmi namiesto zloženia */
.as-balenie-porov { margin: -4px 0 14px; padding: 0; font-size: .9375rem; line-height: 1.5; color: var(--royal-plum); }
.as-balenie-porov b { color: var(--amethyst); font-weight: 700; }
/* Divi #left-area ul dáva bodky (ID prebije triedy) → !important */
.as-ak-in ul.as-balenie-zoznam { list-style: none !important; margin: 0 0 4px !important; padding: 0 !important; display: grid; gap: 8px; }
.as-ak-in ul.as-balenie-zoznam li { list-style: none !important; margin: 0; padding: 0; }
.as-ak-in .as-balenie-zoznam a { display: flex; align-items: center; gap: 14px; padding: 8px 12px 8px 8px; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); background: #fff; color: var(--royal-plum); font-weight: 400; text-decoration: none; transition: border-color .15s ease; }
.as-ak-in .as-balenie-zoznam a:hover,
.as-ak-in .as-balenie-zoznam a:focus-visible { border-color: var(--amethyst); }
.as-ak-in .as-balenie-zoznam img { flex: 0 0 64px; width: 64px; height: 64px; object-fit: cover; border-radius: var(--radius-sm); background: #f4f4f4; }
.as-ak-in .as-balenie-zoznam span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.as-ak-in .as-balenie-zoznam b { font-size: .9375rem; line-height: 1.35; font-weight: 700; }
.as-ak-in .as-balenie-zoznam small { font-size: .8125rem; line-height: 1.4; color: var(--amethyst); text-decoration: underline; text-underline-offset: 2px; }

/* galéria: šípky Späť / Ďalej na fotke, 5 náhľadov v rade */
.woocommerce div.product div.images .flex-viewport { border: 1px solid var(--border-subtle); border-radius: var(--radius-md); }
/* šípky v strede štvorcovej fotky: padding v % sa ráta zo šírky (Divi #left-area ul by padding prebil) */
.woocommerce div.product div.images .flex-direction-nav { position: absolute; top: 0; left: 0; right: 0; height: 0; padding: 50% 0 0 !important; margin: 0 !important; list-style: none; pointer-events: none; z-index: 5; }
.woocommerce div.product div.images .flex-direction-nav li { list-style: none; }
.woocommerce div.product div.images .flex-direction-nav a {
	position: absolute;
	top: 100%;
	transform: translateY(-50%);
	padding: 8px 14px;
	border-radius: var(--radius-pill);
	background: #fff;
	box-shadow: var(--shadow-card);
	color: var(--royal-plum);
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	pointer-events: auto;
}
.woocommerce div.product div.images .flex-direction-nav .flex-prev { left: 14px; }
.woocommerce div.product div.images .flex-direction-nav .flex-next { right: 14px; }
.woocommerce div.product div.images .flex-direction-nav a:hover { color: var(--vivid-magenta); }
.woocommerce div.product div.images .flex-direction-nav a.flex-disabled { opacity: 0; pointer-events: none; }
/* náhľady ako mriežka: Woo a Divi miešajú obtekanie pre 4 aj 5 stĺpcov a rady sa rozpadali */
.woocommerce div.product div.images .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0 !important; padding: 0 !important; }
.woocommerce div.product div.images .flex-control-thumbs::before,
.woocommerce div.product div.images .flex-control-thumbs::after { display: none !important; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important; }
.woocommerce div.product div.images .flex-control-thumbs img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-width: 1.5px; }
.woocommerce div.product div.images .flex-control-thumbs img.flex-active { border-color: var(--royal-plum); }

@media (max-width: 767px) {
	.as-kupit { padding: 14px 12px 12px; }
	.as-mr { padding: 10px 12px 10px 42px; gap: 8px; }
	.as-mr::before { left: 13px; }
	.as-mk-mriezka { gap: 8px; }
	.as-mk { padding: 16px 5px 10px; }
	.as-mk-t { font-size: .875rem; }
	.as-mk-s { font-size: .6875rem; }
	.as-mk-img { margin: 8px 0; }
	.as-mk-cena { font-size: .9375rem; }
	.as-mk-ks { font-size: .625rem; }
	.as-mk .as-st { font-size: .5625rem; padding: 3px 5px; }
	.as-mk-hore { top: -9px; }
	.woocommerce div.product div.images .flex-direction-nav a { padding: 6px 11px; font-size: .75rem; }
	.woocommerce div.product .as-pod-galeriou { float: none; width: 100%; margin: 8px 0 32px; }
	.as-pg-rec { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 16px; }
	.as-pg-cesta { padding: 18px 6px 14px !important; }
	.as-pg-cesta b { font-size: .8125rem; }
	.as-pg-cesta small { font-size: .6875rem; }
	/* na mobile náhľady v jednom rade s posúvaním */
	.woocommerce div.product div.images .flex-control-thumbs { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 4.5); gap: 8px; overflow-x: auto; scrollbar-width: none; }
	.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar { display: none; }
	.woocommerce div.product div.images { margin-bottom: 24px; }
}

/* ============================================================ MOBIL */
@media (max-width: 980px) {
	#page-container .et_pb_section:not(.as-hero-sec):not(.as-sec-pas) { padding: var(--space-7) 0; }
	.as-sec-green .et_pb_column { margin-bottom: 24px; }
	.woocommerce .cart-collaterals .cart_totals { width: 100%; }
	.woocommerce div.product .woocommerce-tabs .panel { padding: 20px 18px; }
}
@media (max-width: 767px) {
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .875rem !important; }
	.woocommerce ul.products li.product .button { padding: 10px 6px !important; font-size: .8125rem; white-space: nowrap; }
	.as-card-benefit { display: none; }
	.as-card-cat { font-size: .625rem; letter-spacing: .06em; }
	.as-shop-hero { padding: 40px 0 24px; }
	.woocommerce table.shop_table_responsive tr td { text-align: left !important; }
	.woocommerce div.product form.cart .button { max-width: none; }
}

/* ============================================================ MOBIL: podrobná kontrola 7. 10. 2026 (prenos/_mobil_audit.py)
   21 stránok × 360 / 375 / 390 / 414 px: prekrytia, odtrhnuté texty, malé písmo a malé ovládacie prvky */

/* Divi po posune stránky dole a späť zapíše #page-container inline margin-top: -1px → obsah vyskočil o 39 px pod hlavičku */
#page-container { margin-top: 38px !important; }

/* cena v kartách produktov: Divi ju natvrdo farbí na #666 (!important), dizajn systém má Royal Plum */
#page-container ul.products li.product .price { color: var(--royal-plum) !important; }

/* text, ktorý sa smie zalomiť len ako celok („inak Packeta od 3,60 €“) */
.as-celok { display: inline-block; }
/* „e-shope“, „e-mailom“ sa nezalomia za spojovníkom (as_nezalom v functions.php) */
.as-nowrap { white-space: nowrap; }

/* štítok zo skice nad riadkom „Vhodné pre“ */
.woocommerce div.product .as-pleti-st { margin: 16px 0 8px; }
.woocommerce div.product .as-pleti-st + .as-pleti { margin-top: 0; }

/* košík, pokladňa, účet: prepínače a zaškrtávacie polia väčšie a vo farbe značky */
.woocommerce-cart .woocommerce input[type="radio"],
.woocommerce-checkout .woocommerce input[type="radio"],
.woocommerce-checkout .woocommerce input[type="checkbox"],
.woocommerce-account .woocommerce input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--vivid-magenta); vertical-align: -3px; }

/* košík: medzera za popiskom v mobilnej tabuľke („Medzisúčet: 19,50 €“, Woo medzeru vo floate zahodí) */
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before { padding-right: 6px; }
/* tlačidlo do pokladne na celú šírku súhrnu */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: block; width: 100%; text-align: center; }

@media (max-width: 767px) {
	/* galéria produktu: Divi nuluje spodný okraj, hodnotenie sa lepilo na náhľady */
	.woocommerce div.product div.images { margin-bottom: 20px !important; }
	/* karty produktov: najmenšie písmo 11 px */
	.as-card-cat { font-size: .6875rem; }
	/* karty 1 / 2 / 3 pri produkte: štítky 10 px, cena za kus 11 px */
	.as-mk .as-st { font-size: .625rem; padding: 3px 6px; letter-spacing: 0; }
	.as-mk-ks { font-size: .6875rem; }
	/* pás vlastností značky: dva stĺpce, hviezdička pred textom (predtým viseli na koncoch riadkov) */
	/* Dávid 9. 10. 2026: položky v riadku zarovnané hore (jednoriadková sa centrovala k dvojriadkovej) a 5. vlastnosť
	   („Jednoduchá rutina“) na mobile nie je, aby vpravo neostalo prázdne miesto */
	.as-hodnoty { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; justify-content: stretch; align-items: start; }
	.as-hodnoty li { align-items: flex-start; gap: 8px; white-space: normal; line-height: 1.35; }
	.as-hodnoty li svg { order: -1; margin-top: 1px; }
	.as-hodnoty li.as-hod-5 { display: none; }
	/* dlaždice kategórií: názov a počet produktov sa dotýkali */
	.as-cat b { bottom: 40px; }
	/* pokladňa: súhrn objednávky ako riadky (popis vľavo, suma vpravo); doprava pod nadpisom na celú šírku.
	   V tabuľke bol názov produktu po slovách a výber DPD stiesnený v prvom stĺpci. */
	.woocommerce-checkout-review-order-table,
	.woocommerce-checkout-review-order-table thead,
	.woocommerce-checkout-review-order-table tbody,
	.woocommerce-checkout-review-order-table tfoot { display: block; width: 100%; }
	.woocommerce-checkout-review-order-table tr { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border-top: 1px solid var(--border-subtle); }
	.woocommerce-checkout-review-order-table thead tr { border-top: 0; gap: 0; background: var(--peach-tint); }
	.woocommerce-checkout-review-order-table th,
	.woocommerce-checkout-review-order-table td { display: block; width: auto; border-top: 0 !important; padding: 12px !important; }
	.woocommerce-checkout-review-order-table .product-name { flex: 1 1 auto; }
	.woocommerce-checkout-review-order-table .product-total { flex: 0 0 auto; text-align: right; white-space: nowrap; }
	.woocommerce table.woocommerce-checkout-review-order-table tfoot th { flex: 0 0 auto; align-self: center; background: none; } /* .woocommerce table.shop_table th má broskyňové pozadie */
	.woocommerce-checkout-review-order-table tfoot td { text-align: right; }
	.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals { flex-direction: column; align-items: stretch; gap: 0; }
	.woocommerce table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th { align-self: flex-start; padding-bottom: 4px !important; } /* silnejšie ako tfoot th (stred) */
	.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td { text-align: left; padding-top: 0 !important; }
	.woocommerce-checkout-review-order-table tr.order-total { background: var(--peach-tint); }
	/* tlačidlo objednávky na jeden riadok */
	.woocommerce #payment #place_order { font-size: 1rem; padding: 14px 16px !important; }
	/* účet: nadpis „Prihlásenie“ bol nalepený na kartu */
	.woocommerce-account .woocommerce h2 { margin-bottom: 16px !important; }
	/* 404: nadpis menší, aby sa nelámal po slovách */
	.as-404 { padding: 64px 16px; }
	.as-404 b { font-size: 88px; margin-bottom: 22px; }
	.as-404 h1 { font-size: 2rem; }
	/* cookie lišta (Complianz) zaberala na 360 px 55 % obrazovky: Prijať a Odmietnuť vedľa seba (rovnako veľké),
	   predvoľby ako odkaz, odkaz na ochranu údajov bez verzálok. Text súhlasu, farby a funkcia ostávajú. */
	/* CSS Complianzu sa načíta až po téme → selektory s html body, inak pri rovnakej sile vyhrá on */
	html body .cmplz-cookiebanner { padding: 12px 16px !important; gap: 8px !important; }
	html body .cmplz-cookiebanner .cmplz-buttons { flex-direction: row !important; flex-wrap: wrap; gap: 8px !important; }
	html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { flex: 1 1 calc(50% - 4px); width: auto; min-width: 0; height: 44px; padding: 0 8px !important; font-size: 14px; }
	html body .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { flex-basis: 100%; height: 30px; background: transparent !important; border: 0 !important; text-decoration: underline; font-size: 13px; }
	/* názov stránky o ochrane údajov je v administrácii veľkými písmenami */
	html body .cmplz-cookiebanner .cmplz-documents .cmplz-link { display: inline-block; text-transform: lowercase !important; font-size: 12px; }
	html body .cmplz-cookiebanner .cmplz-documents .cmplz-link::first-letter { text-transform: uppercase; }
	/* bodky slidera: väčšia plocha na ťuknutie cez neviditeľný ::before, vzhľad bodiek sa nemení */
	.as-hs-dots button { position: relative; }
	.as-hs-dots button::before { content: ""; position: absolute; inset: -12px -7px; } /* aspoň 24 × 24 px (WCAG 2.2) */
	/* ikonka Zobraziť heslo (Woo kreslí oko cez ::before 22 × 22): väčšia plocha cez padding, poloha ostáva */
	.woocommerce form .show-password-input { padding: 5px !important; right: calc(.7em - 5px) !important; }
}