/*============================================================================================*/
/* Starbazar – mobilná vrstva 2027                                                             */
/* Načítava sa len pre šírku do 991.98px (media na <link>), preto tu nie sú vonkajšie @media.  */
/*============================================================================================*/

html { -webkit-tap-highlight-color: transparent; }
body { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; }

/* iOS nepribližuje stránku pri kliknutí do poľa, ak má písmo aspoň 16 px */
input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"],
input[type="password"], input[type="url"], select, textarea { font-size: 16px !important; }

/* ---------- Kompaktná hlavička (lepí sa hore) ---------- */
header.site-header-v2,
header.site-header-v2.static,
header.site-header-v2.header_sticky {
	position: sticky !important;
	top: 0;
	z-index: 999;
	padding: 0 !important;
	height: 58px;
	background: rgba(255, 255, 255, .94) !important;
	-webkit-backdrop-filter: saturate(1.6) blur(14px);
	backdrop-filter: saturate(1.6) blur(14px);
	border-bottom: 1px solid rgba(15, 34, 48, .07) !important;
	box-shadow: none !important;
}

header.site-header-v2 .container,
header.site-header-v2 .container > .row { height: 58px; }
header.site-header-v2 .container > .row > [class*="col-"] { height: 58px; }
header.site-header-v2 #logo { margin: 0 !important; }
header.site-header-v2 #logo img { width: 136px; height: auto; }

/* so spodnou lištou: hamburger aj ikonky v hlavičke sú zbytočné (sú dole) */
body.has-tabbar header.site-header-v2 .btn_mobile { display: none !important; }
body.has-tabbar header.site-header-v2 #top_access { display: none !important; }

/* bez spodnej lišty (detail, formulár): hamburger vpravo a jemnejší */
body.no-tabbar header.site-header-v2 .btn_mobile {
	left: auto !important;
	right: 12px;
	top: 50% !important;
	transform: translateY(-50%) scale(.8) !important;
}
body.no-tabbar header.site-header-v2 #top_access { margin-right: 44px; }
body.no-tabbar header.site-header-v2 #top_access li:first-child { display: none; }

/* ---------- Spodná lišta ---------- */
.sb-tabbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: end;
	padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px));
	background: rgba(255, 255, 255, .96);
	-webkit-backdrop-filter: saturate(1.6) blur(16px);
	backdrop-filter: saturate(1.6) blur(16px);
	border-top: 1px solid rgba(15, 34, 48, .08);
	box-shadow: 0 -8px 28px rgba(15, 34, 48, .08);
}

.sb-tabbar__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 3px;
	min-height: 50px;
	padding: 4px 0 2px;
	border-radius: 12px;
	color: #6d7d89 !important;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .01em;
	text-decoration: none !important;
	transition: color .15s ease;
}

.sb-tabbar__item svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform .15s ease;
}

.sb-tabbar__item:active svg { transform: scale(.9); }
.sb-tabbar__item.is-active { color: #0b6f9e !important; }
.sb-tabbar__item.is-active svg { stroke-width: 2.3; }
.sb-tabbar__item.is-active::before {
	content: "";
	position: absolute;
	top: -7px;
	width: 22px;
	height: 3px;
	border-radius: 0 0 3px 3px;
	background: #1495d6;
}

.sb-tabbar__add { color: #0f2230 !important; }
.sb-tabbar__fab {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	margin-top: -22px;
	border-radius: 17px;
	background: linear-gradient(140deg, #29b3f2, #0b6f9e);
	box-shadow: 0 10px 22px rgba(11, 111, 158, .35), 0 0 0 4px #fff;
	color: #fff;
}
.sb-tabbar__fab svg { width: 26px; height: 26px; stroke-width: 2.4; }
.sb-tabbar__add:active .sb-tabbar__fab { transform: scale(.95); }

.sb-tabbar__dot {
	position: absolute;
	top: 6px;
	left: calc(50% + 8px);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22b35e;
	box-shadow: 0 0 0 2px #fff;
}

/* miesto pre lištu, aby neprekryla obsah ani pätičku */
body.has-tabbar { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
body.has-tabbar #toTop { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }

/* cookies lišta nad spodnou lištou, kompaktná */
body.has-tabbar .sb-cookies { bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important; }
.sb-cookies { padding: 14px 16px !important; max-height: 70vh; overflow-y: auto; }
.sb-cookies h2, .sb-cookies strong:first-child { font-size: 15px; }
.sb-cookies p { font-size: 13.5px; line-height: 1.45; margin-bottom: 10px; }
.sb-cookies__actions { gap: 8px !important; }
.sb-cookies__actions .sb-btn { min-height: 44px; font-size: 14px; }

/* mmenu: modernejšie bočné menu */
.mm-menu { background: #fff !important; }
.mm-menu .mm-navbar { border-bottom: 1px solid #eef2f5 !important; }
.mm-menu .mm-listview > li > a { padding: 15px 20px !important; font-size: 16px; font-weight: 600; color: #0f2230 !important; }
.mm-menu .mm-listview > li:not(:last-child)::after { border-color: #eef2f5 !important; left: 20px !important; }

/* ---------- Úvod ---------- */
.home-hero-v2 { padding-top: 22px !important; padding-bottom: 22px !important; min-height: 0 !important; }
.hero-content-v2 { padding: 0 16px !important; }
.hero-kicker { margin-bottom: 10px !important; padding: 5px 11px !important; font-size: 10.5px !important; }
.hero-panel-v2 h1, .hero-panel-v2 h3 {
	font-size: 34px !important;
	letter-spacing: -.01em !important;
	text-shadow: none !important;
	-webkit-text-stroke: 0 !important;
	margin-bottom: 8px !important;
}
.hero-panel-v2 p { font-size: 15px !important; line-height: 1.45 !important; margin-bottom: 16px !important; }
.hero-meta-v2 { display: none !important; }

/* obľúbené: jeden riadok so skrolovaním do strany */
.sb-hero-popular {
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	overflow-x: auto;
	margin: 14px -16px 0 !important;
	padding: 2px 16px 4px;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
	mask-image: linear-gradient(90deg, #000 88%, transparent);
}
.sb-hero-popular::-webkit-scrollbar { display: none; }
.sb-hero-popular a { flex: none; padding: 8px 14px !important; font-size: 14px; }

/* kategórie: kompaktná mriežka */
.home-categories-v2 { padding-top: 20px !important; padding-bottom: 8px !important; }
.home-category-grid-v2 { margin: 0 -5px !important; }
.home-category-grid-v2 > [class*="col-"] { padding: 0 5px !important; margin-bottom: 10px !important; }
.home-category-card-v2 { padding: 12px 4px 10px !important; box-shadow: 0 1px 2px rgba(15, 34, 48, .05) !important; }
.home-category-card-v2 img { width: 30px !important; height: 30px !important; }
.home-category-card-v2 h3 { margin-top: 6px !important; font-size: 12.5px !important; font-weight: 600 !important; }
.home-category-card-v2:active { transform: scale(.97); }

/* ---------- Formulár pridania: typ inzerátu ako segment ---------- */
.sb-toggle[aria-label="Typ inzerátu"] {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 4px !important;
	padding: 4px;
	border: 1px solid #e3ecf2;
	border-radius: 14px;
	background: #f4f8fb;
}
.sb-toggle[aria-label="Typ inzerátu"] span {
	justify-content: center;
	width: 100%;
	min-height: 44px !important;
	padding: 0 8px !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #34495a !important;
	font-size: 14.5px !important;
}
.sb-toggle[aria-label="Typ inzerátu"] input:checked + span {
	background: #fff !important;
	color: #0b6f9e !important;
	box-shadow: 0 1px 4px rgba(15, 34, 48, .14) !important;
}

/* ---------- Spoločné ---------- */
.breadcrumbs, .sb-crumbs { font-size: 13px; }
.sb-btn { min-height: 46px; }
.sb-panel { border-radius: 16px; }

/* hero: šablóna má .content ako table-cell → riadok štítkov roztiahol šírku stránky */
.home-hero-v2, .home-hero-v2 .content { display: block !important; width: 100% !important; height: auto !important; }
.hero-panel-v2, .sb-hero-search, .sb-hero-popular { min-width: 0; max-width: 100%; }
.sb-hero-popular { max-width: none; width: auto; }
body { overflow-x: clip; }

/* cookies: kompaktnejšie na malom displeji */
.sb-cookies p { margin-bottom: 8px; }
.sb-cookies__link { margin: 0 0 6px !important; }

/* hlavička: pôvodný min-height 78px robil prázdny pás pod logom */
header.site-header-v2 { min-height: 0 !important; }
/* bez spodnej lišty stačí hamburger (pridanie inzerátu je v menu aj na stránke) */
body.no-tabbar header.site-header-v2 #top_access { display: none !important; }
/* typ inzerátu v jednom riadku */
.sb-toggle[aria-label="Typ inzerátu"] span { white-space: nowrap; font-size: 14px !important; }

/* ---------- Posun do strany: dekoratívne kruhy úvodu presahovali o 130 px ---------- */
.home-hero-v2 { overflow-x: clip; }
.home-hero-v2::before, .home-hero-v2::after { display: none !important; }
html, body { max-width: 100%; }

/* ---------- Hlavička: tlačidlo menu + schovávanie pri posúvaní ---------- */
header.site-header-v2 .btn_mobile { display: none !important; }
body.no-tabbar header.site-header-v2 #top_access { margin-right: 0; }
header.site-header-v2 .header-access-col-v2 { gap: 10px; }

.sb-hdr-menu {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-right: -4px;
	padding: 0;
	border: 1px solid #e1ecf3;
	border-radius: 14px;
	background: linear-gradient(180deg, #ffffff, #f2f8fc);
	box-shadow: 0 2px 6px rgba(15, 34, 48, .06);
	cursor: pointer;
	transition: transform .12s ease, box-shadow .15s ease;
}
.sb-hdr-menu:active { transform: scale(.94); }
.sb-hdr-menu:focus-visible { outline: 3px solid rgba(20, 149, 214, .35); outline-offset: 2px; }
.sb-hdr-menu__lines { display: grid; gap: 4px; width: 20px; }
.sb-hdr-menu__lines i { display: block; height: 2.2px; border-radius: 2px; background: #0f2230; }
.sb-hdr-menu__lines i:nth-child(2) { width: 70%; justify-self: end; background: #1495d6; }
.sb-hdr-menu__lines i:nth-child(3) { width: 85%; justify-self: end; }

header.site-header-v2 { transition: transform .28s cubic-bezier(.2, .7, .2, 1), box-shadow .2s ease; will-change: transform; }
header.site-header-v2.sb-hdr-hidden { transform: translateY(-110%); }
header.site-header-v2.sb-hdr-scrolled { box-shadow: 0 6px 20px rgba(15, 34, 48, .08) !important; }

/*============================================================================================*/
/* Mobilné menu (bočný panel) a vyhľadávanie na celú obrazovku                                 */
/*============================================================================================*/
html.sb-noscroll, html.sb-noscroll body { overflow: hidden; }

.sb-drawer { position: fixed; inset: 0; z-index: 2000; }
.sb-drawer__backdrop { position: absolute; inset: 0; background: rgba(15, 34, 48, .5); opacity: 0; transition: opacity .25s ease; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.sb-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: min(88vw, 380px);
	background: #fff;
	box-shadow: -20px 0 50px rgba(15, 34, 48, .25);
	border-radius: 22px 0 0 22px;
	transform: translateX(104%);
	transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}
.sb-drawer.is-open .sb-drawer__backdrop { opacity: 1; }
.sb-drawer.is-open .sb-drawer__panel { transform: none; }
.sb-drawer svg, .sb-msearch svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.sb-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 12px 20px; border-bottom: 1px solid #eef2f5; }
.sb-drawer__logo img { display: block; width: 132px; height: auto; }
.sb-drawer__close { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #e1ecf3; border-radius: 13px; background: #f5f9fc; color: #0f2230; }

.sb-drawer__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 18px 18px 10px; }

.sb-drawer__user { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 12px 14px; border: 1px solid #e3ecf2; border-radius: 16px; background: #f8fbfd; color: #0f2230 !important; }
.sb-drawer__user > span:nth-child(2) { flex: 1; min-width: 0; }
.sb-drawer__user strong { display: block; font-size: 15.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-drawer__user small { color: #6d7d89; font-size: 13px; }
.sb-drawer__user > svg { color: #9fb3c1; }
.sb-drawer__avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 50%; background: linear-gradient(135deg, #29b3f2, #0b6f9e); color: #fff; font-weight: 700; font-size: 17px; text-transform: uppercase; }

.sb-drawer__auth { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 10px; }
.sb-drawer__btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 16px; border-radius: 14px; font-weight: 700; font-size: 15px; text-decoration: none !important; }
.sb-drawer__btn--ghost { border: 1px solid #d6e4ee; background: #fff; color: #0f2230 !important; }
.sb-drawer__btn--primary { margin-bottom: 14px; background: linear-gradient(135deg, #1fa5e6, #0b6f9e); color: #fff !important; box-shadow: 0 10px 22px rgba(11, 111, 158, .28); }
.sb-drawer__btn--primary svg { stroke-width: 2.6; }

.sb-drawer__links { display: grid; gap: 2px; margin-bottom: 8px; }
.sb-drawer__links a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 12px; border-radius: 12px; color: #0f2230 !important; font-weight: 600; font-size: 15.5px; text-decoration: none !important; }
.sb-drawer__links a:active { background: #f1f6fa; }
.sb-drawer__links a svg { color: #1495d6; }
.sb-drawer__links--plain a { min-height: 44px; font-weight: 500; color: #34495a !important; }

.sb-drawer__label { margin: 14px 4px 10px; color: #8a9aa6; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.sb-drawer__cats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sb-drawer__cats a { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px 10px; border: 1px solid #e8eff4; border-radius: 14px; background: #fff; color: #0f2230 !important; font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none !important; }
.sb-drawer__cats a:active { border-color: #b9dcf0; background: #f3f9fd; }
.sb-drawer__cats img { width: 28px; height: 28px; object-fit: contain; }

.sb-drawer__foot { display: flex; justify-content: space-between; gap: 10px; padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid #eef2f5; font-size: 14px; }
.sb-drawer__foot a { color: #6d7d89 !important; }

/* vyhľadávanie */
.sb-msearch { position: fixed; inset: 0; z-index: 2100; display: flex; flex-direction: column; background: #f5f8fb; animation: sb-msearch-in .18s ease-out; }
.sb-msearch[hidden] { display: none; }
@keyframes sb-msearch-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.sb-msearch__bar { display: flex; align-items: center; gap: 8px; padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px; background: #fff; border-bottom: 1px solid #e3ecf2; }
.sb-msearch__back { display: grid; place-items: center; width: 42px; height: 46px; border: 0; background: none; color: #0f2230; }
.sb-msearch__field { position: relative; flex: 1; margin: 0; }
.sb-msearch__field svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #6d7d89; }
.sb-msearch__field input { width: 100%; height: 46px; padding: 0 12px 0 40px; border: 1px solid #cfe0ec; border-radius: 14px; background: #f5f9fc; color: #0f2230; }
.sb-msearch__field input:focus { outline: none; border-color: #1495d6; background: #fff; box-shadow: 0 0 0 4px rgba(20, 149, 214, .15); }
.sb-msearch__go { height: 46px; padding: 0 14px; border: 0; border-radius: 14px; background: #1495d6; color: #fff; font-weight: 700; font-size: 15px; }
.sb-msearch__body { flex: 1; overflow-y: auto; padding: 8px 16px calc(24px + env(safe-area-inset-bottom, 0px)); }
.sb-msearch__all { margin-top: 16px; }
.sb-drawer__close:focus { outline: none; }
.sb-drawer__close:focus-visible { outline: 3px solid rgba(20, 149, 214, .35); outline-offset: 2px; }
/* menu vzdušnejšie (bez kategórií a hľadania) */
.sb-drawer__body { padding: 22px 20px 12px; }
.sb-drawer__btn--primary { margin: 4px 0 22px; }
.sb-drawer__links { gap: 4px; margin-bottom: 14px; }
.sb-drawer__links a { min-height: 52px; font-size: 16.5px; }
.sb-drawer__links--plain a { min-height: 48px; font-size: 16px; }
.sb-drawer__label { margin: 18px 12px 8px; }