/* ProteinShop — tokeni, osnova, header, mobilni meni, donja navigacija, footer.
   Pravila komponenti imaju najmanje dvije klase (tema i Elementor stilizuju dugmad i linkove). */

:root {
	--psb-bg: #0A0A0A;
	--psb-surface: #141414;
	--psb-line: #262626;
	--psb-line-strong: #3A3A3A;
	--psb-line-soft: #222222;
	--psb-text: #F2F2F2;
	--psb-muted: #B5B5B5;
	--psb-muted-2: #8F8F8F;
	--psb-accent: #CCFF00;
	--psb-on-accent: #0A0A0A;
	--psb-accent-hover: #B8E600; /* hover na zelenom: tamnija zelena, nikad bijela */
	--psb-tile: #EDEDED;
	--psb-bolero: #F9E4DC;
	--psb-radius: 24px;
	--psb-pill: 40px;
	--psb-max: 1360px;
	--psb-gutter: 24px;
	--psb-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--psb-display: 'Archivo', 'Arial Black', system-ui, sans-serif;
	--psb-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* ---------- Osnova ---------- */
html { -webkit-text-size-adjust: 100%; }
body.psb-site {
	margin: 0;
	background: var(--psb-bg);
	color: var(--psb-text);
	font-family: var(--psb-font);
	font-size: 16px;
	line-height: 1.5;
	overflow-x: hidden;
}
body.psb-site a { color: var(--psb-text); }
body.psb-site a:hover { color: var(--psb-accent); }
body.psb-site :focus-visible { outline: 2px solid var(--psb-accent); outline-offset: 2px; }
body.psb-site img { max-width: 100%; height: auto; }
.psb-display {
	font-family: var(--psb-display);
	font-weight: 900;
	font-stretch: 118%;
	text-transform: uppercase;
	line-height: .95;
	overflow-wrap: break-word;
}
.psb-mono { font-family: var(--psb-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.psb-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.psb-wrap-inner { max-width: var(--psb-max); margin: 0 auto; padding-left: var(--psb-gutter); padding-right: var(--psb-gutter); box-sizing: border-box; }

/* Naslovi na mobitelu: najviše 108 % širine slova i prelom duge riječi (DIZAJN.md). */
@media (max-width: 760px) {
	body.psb-site h1, body.psb-site h2, body.psb-site .psb-display { font-stretch: 108%; overflow-wrap: break-word; }
}

/* Skip link */
.psb-skip.psb-skip { position: absolute; left: 12px; top: -60px; z-index: 1000; background: var(--psb-accent); color: var(--psb-on-accent); padding: 10px 16px; border-radius: var(--psb-pill); font-weight: 700; text-decoration: none; }
.psb-skip.psb-skip:focus { top: 12px; color: var(--psb-on-accent); }

/* ---------- Header ---------- */
.psb-header.psb-header { position: sticky; top: 0; z-index: 50; background: var(--psb-bg); border-bottom: 1px solid var(--psb-line-soft); }
.admin-bar .psb-header.psb-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .psb-header.psb-header { top: 0; } }
.psb-header .psb-header__row { max-width: var(--psb-max); margin: 0 auto; padding: 16px var(--psb-gutter); display: flex; align-items: center; justify-content: space-between; gap: 14px 28px; box-sizing: border-box; }
.psb-header .psb-logo { display: block; flex: 0 0 auto; line-height: 0; }
.psb-header .psb-logo img { height: 40px; width: auto; display: block; }

.psb-header .psb-nav { display: flex; flex-wrap: wrap; gap: 4px; background: var(--psb-surface); border: 1px solid var(--psb-line); border-radius: var(--psb-pill); padding: 4px; margin: 0; list-style: none; }
.psb-header .psb-nav a { display: flex; align-items: center; gap: 8px; text-decoration: none; font-size: 14px; font-weight: 600; padding: 11px 18px; border-radius: var(--psb-pill); color: var(--psb-text); line-height: 1.2; }
.psb-header .psb-nav a:hover { background: #1F1F1F; color: var(--psb-text); }
.psb-header .psb-nav a[aria-current="page"] { background: var(--psb-text); color: var(--psb-bg); }
.psb-badge.psb-badge { font-size: 10px; font-weight: 700; background: var(--psb-accent); color: var(--psb-on-accent); padding: 2px 6px; border-radius: 10px; line-height: 1.4; }

.psb-header .psb-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.psb-header .psb-circle { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #2E2E2E; background: transparent; color: var(--psb-text); display: flex; align-items: center; justify-content: center; box-sizing: border-box; cursor: pointer; padding: 0; text-decoration: none; }
.psb-header .psb-circle:hover { border-color: var(--psb-accent); color: var(--psb-accent); background: transparent; }
.psb-header .psb-circle--solid { background: var(--psb-text); color: var(--psb-bg); border: 0; }
.psb-header .psb-circle--solid:hover { background: var(--psb-accent); color: var(--psb-on-accent); }
.psb-header .psb-cart { height: 46px; display: flex; align-items: center; gap: 10px; padding: 0 18px 0 8px; border-radius: var(--psb-pill); background: var(--psb-accent); color: var(--psb-on-accent); text-decoration: none; box-sizing: border-box; white-space: nowrap; }
.psb-header .psb-cart:hover { color: var(--psb-on-accent); filter: brightness(1.06); }
.psb-header .psb-cart__count { min-width: 30px; height: 30px; padding: 0 4px; box-sizing: border-box; border-radius: 15px; background: var(--psb-bg); color: var(--psb-accent); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.psb-header .psb-cart__total { font-size: 14px; font-weight: 700; }
.psb-header .psb-cart__total .amount, .psb-header .psb-cart__total bdi { color: inherit; }
.psb-header .psb-only-mobile { display: none; }

/* Header pretraga (padajuće polje) */
.psb-search-panel.psb-search-panel { border-top: 1px solid var(--psb-line-soft); background: var(--psb-bg); }
.psb-search-panel[hidden] { display: none; }
.psb-search-panel .psb-search-form { max-width: 760px; margin: 0 auto; padding: 16px var(--psb-gutter); display: flex; gap: 8px; box-sizing: border-box; }
.psb-search-form .psb-search-input { flex: 1 1 auto; min-width: 0; height: 52px; box-sizing: border-box; border: 1px solid var(--psb-line-strong); border-radius: var(--psb-pill); background: var(--psb-surface); color: var(--psb-text); padding: 0 20px; font: 400 16px var(--psb-font); }
.psb-search-form .psb-search-input::placeholder { color: var(--psb-muted-2); }
.psb-search-form .psb-search-submit { height: 52px; padding: 0 22px; border: 0; border-radius: var(--psb-pill); background: var(--psb-accent); color: var(--psb-on-accent); font: 700 15px var(--psb-font); cursor: pointer; }

@media (max-width: 1100px) {
	.psb-header .psb-header__row { padding: 10px 16px; gap: 8px; }
	.psb-header .psb-logo img { height: 30px; }
	.psb-header .psb-nav, .psb-header .psb-cart, .psb-header .psb-only-desktop { display: none; }
	.psb-header .psb-only-mobile { display: flex; }
	.psb-header .psb-circle { width: 44px; height: 44px; }
	.psb-header .psb-actions { gap: 6px; }
}

/* ---------- Mobilni meni ---------- */
.psb-menu.psb-menu { position: fixed; inset: 0; z-index: 100; background: var(--psb-bg); color: var(--psb-text); display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; }
.psb-menu[hidden] { display: none; }
.psb-menu .psb-menu__top { padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--psb-line-soft); }
.psb-menu .psb-menu__top img { height: 30px; width: auto; display: block; }
.psb-menu .psb-menu__close { width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--psb-accent); color: var(--psb-on-accent); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.psb-menu .psb-menu__body { padding: 16px; display: flex; flex-direction: column; gap: 20px; flex: 1 0 auto; }
.psb-menu .psb-menu__search { width: 100%; cursor: pointer; font-family: var(--psb-font); text-align: left; text-decoration: none; height: 52px; border: 1px solid var(--psb-line-strong); border-radius: var(--psb-pill); background: var(--psb-surface); display: flex; align-items: center; gap: 10px; padding: 0 18px; color: var(--psb-muted-2); font-size: 16px; }
.psb-menu .psb-menu__nav { display: flex; flex-direction: column; }
.psb-menu .psb-menu__big { text-decoration: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 60px; border: 0; border-bottom: 1px solid var(--psb-line); background: transparent; color: var(--psb-text); padding: 0; text-align: left; cursor: pointer; width: 100%; font-family: var(--psb-display); font-weight: 900; font-stretch: 108%; font-size: 28px; text-transform: uppercase; line-height: 1.05; }
.psb-menu .psb-menu__big:hover { color: var(--psb-accent); background: transparent; }
.psb-menu .psb-menu__big--accent { color: var(--psb-accent); }
.psb-menu .psb-menu__big .psb-badge { font-family: var(--psb-font); font-size: 12px; padding: 4px 8px; border-radius: 20px; }
.psb-menu .psb-menu__count { font-family: var(--psb-mono); font-size: 12px; color: var(--psb-muted-2); font-weight: 500; }
.psb-menu .psb-menu__sign { font-family: var(--psb-font); font-size: 24px; color: var(--psb-accent); }
.psb-menu .psb-menu__cats { list-style: none; margin: 0; padding: 6px 0 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; border-bottom: 1px solid var(--psb-line); }
.psb-menu .psb-menu__cats[hidden] { display: none; }
.psb-menu .psb-menu__cats a { text-decoration: none; display: flex; justify-content: space-between; gap: 6px; padding: 11px 0; font-size: 14px; color: #D5D5D5; }
.psb-menu .psb-menu__cats a span { color: #6E6E6E; font-size: 12px; }
.psb-menu .psb-menu__small { text-decoration: none; display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid var(--psb-line); font-size: 16px; font-weight: 600; }
.psb-menu .psb-menu__foot { margin-top: auto; display: flex; flex-direction: column; gap: 12px; padding-bottom: 8px; }
.psb-menu .psb-menu__cta { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; background: var(--psb-accent); color: var(--psb-on-accent, #0A0A0A); border-radius: var(--psb-pill); padding: 15px; font-weight: 700; }
body.psb-site .psb-menu .psb-menu__cta:hover, body.psb-site .psb-menu .psb-menu__cta:focus-visible { background: var(--psb-accent-hover); color: var(--psb-on-accent, #0A0A0A); }
.psb-menu .psb-menu__cta svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
body.psb-menu-open { overflow: hidden; }

/* ---------- Društvene mreže ---------- */
.psb-social.psb-social { display: flex; gap: 8px; flex-wrap: wrap; }
.psb-social .psb-social__link { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--psb-line-strong); display: flex; align-items: center; justify-content: center; box-sizing: border-box; color: var(--psb-text); }
.psb-social .psb-social__link:hover { border-color: var(--psb-accent); color: var(--psb-accent); }
.psb-menu .psb-social { justify-content: center; }

/* ---------- Donja navigacija (mobitel) ---------- */
.psb-tabbar.psb-tabbar { display: none; }
@media (max-width: 1100px) {
	.psb-tabbar.psb-tabbar { position: sticky; bottom: 0; z-index: 40; background: var(--psb-surface); border-top: 1px solid var(--psb-line); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 6px 4px calc(10px + env(safe-area-inset-bottom)); }
	.psb-tabbar .psb-tabbar__item { position: relative; text-decoration: none; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 0; font-size: 11px; font-weight: 600; color: var(--psb-muted); }
	.psb-tabbar .psb-tabbar__item[aria-current="page"] { color: var(--psb-accent); }
	.psb-tabbar .psb-tabbar__badge { position: absolute; top: 2px; left: 50%; margin-left: 6px; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border-radius: 9px; background: var(--psb-accent); color: var(--psb-on-accent); font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
	.psb-tabbar .psb-tabbar__badge:empty, .psb-tabbar .psb-tabbar__badge[data-count="0"] { display: none; }
}

/* ---------- Footer ---------- */
.psb-footer.psb-footer { margin-top: 112px; border-top: 1px solid var(--psb-line); color: var(--psb-text); }
.psb-footer .psb-footer__cols { max-width: var(--psb-max); margin: 0 auto; padding: 64px var(--psb-gutter) 32px; display: flex; flex-wrap: wrap; gap: 40px 56px; box-sizing: border-box; }
.psb-footer .psb-footer__col { flex: 1 1 160px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.psb-footer .psb-footer__col--wide { flex: 2 1 380px; gap: 16px; }
.psb-footer .psb-footer__col--contact { flex: 1 1 200px; }
.psb-footer .psb-footer__title { font-family: var(--psb-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--psb-muted-2); }
.psb-footer .psb-footer__col a { font-size: 15px; text-decoration: none; }
.psb-footer .psb-footer__col span, .psb-footer .psb-footer__col address { font-size: 15px; font-style: normal; }
.psb-footer .psb-footer__claim { margin: 0; font-family: var(--psb-display); font-weight: 900; font-stretch: 112%; font-size: 30px; line-height: 1; text-transform: uppercase; }
.psb-footer .psb-footer__lead { margin: 0; font-size: 15px; color: #A8A8A8; max-width: 440px; }
.psb-footer .psb-nl-form { display: flex; flex-wrap: wrap; gap: 8px; max-width: 480px; margin: 0; }
.psb-footer .psb-nl-input { flex: 1 1 220px; min-width: 0; height: 50px; box-sizing: border-box; border: 1px solid var(--psb-line-strong); border-radius: var(--psb-pill); padding: 0 20px; font: 400 15px var(--psb-font); background: var(--psb-surface); color: var(--psb-text); }
.psb-footer .psb-nl-input::placeholder { color: var(--psb-muted-2); }
.psb-footer .psb-nl-submit { height: 50px; padding: 0 24px; border: 0; border-radius: var(--psb-pill); background: var(--psb-accent); color: var(--psb-on-accent); font: 700 14px var(--psb-font); cursor: pointer; }
.psb-footer .psb-nl-submit:hover { filter: brightness(1.06); background: var(--psb-accent); color: var(--psb-on-accent); }
.psb-footer .psb-footer__msg { margin: 0; font-size: 15px; color: var(--psb-accent); }
.psb-footer .psb-footer__fine { margin: 0; font-size: 12px; color: var(--psb-muted-2); max-width: 480px; }
.psb-footer .psb-footer__bottom { max-width: var(--psb-max); margin: 0 auto; padding: 24px var(--psb-gutter) 32px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; font-size: 13px; color: var(--psb-muted-2); box-sizing: border-box; }
@media (max-width: 760px) {
	.psb-footer.psb-footer { margin-top: 32px; }
	.psb-footer .psb-footer__cols { padding: 24px 16px 8px; gap: 24px; }
	.psb-footer .psb-footer__col--wide { flex-basis: 100%; }
	.psb-footer .psb-footer__claim { font-size: 24px; }
	.psb-footer .psb-footer__col--shop { display: none; }
	.psb-footer .psb-footer__col--info { flex-basis: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
	.psb-footer .psb-footer__col--info .psb-footer__title { grid-column: 1 / -1; }
	.psb-footer .psb-footer__col--info a { padding: 6px 0; font-size: 14px; }
	.psb-footer .psb-footer__bottom { padding: 16px 16px 24px; font-size: 12px; }
}

/* ---------- Sadržaj teme (Hello) dok stranice ne dobiju šablone ---------- */
body.psb-site .site-main, body.psb-site .page-content, body.psb-site .page-header { max-width: var(--psb-max); margin-left: auto; margin-right: auto; padding-left: var(--psb-gutter); padding-right: var(--psb-gutter); box-sizing: border-box; }
@media (max-width: 760px) { :root { --psb-gutter: 16px; } }

/* Padajući meni „Kategorije“ (desktop) */
.psb-header .psb-nav .psb-nav__drop { position: static; }
.psb-header .psb-nav .psb-nav__caret { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
.psb-header .psb-nav [aria-expanded="true"] { background: #1F1F1F; }
.psb-header .psb-nav [aria-expanded="true"] .psb-nav__caret { transform: translateY(2px) rotate(-135deg); }
.psb-header .psb-drop { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); z-index: 60; width: min(600px, calc(100vw - 48px)); box-sizing: border-box; background: var(--psb-surface); border: 1px solid var(--psb-line); border-radius: 20px; padding: 10px; box-shadow: 0 24px 60px rgba(0,0,0,.55); }
.psb-header .psb-drop::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; } /* most za hover */
.psb-header .psb-drop .psb-drop__list { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin: 0; padding: 0; list-style: none; }
.psb-header .psb-drop .psb-drop__list a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 11px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; color: var(--psb-text); text-decoration: none; }
.psb-header .psb-drop .psb-drop__list a b { font-family: var(--psb-mono); font-size: 12px; font-weight: 500; color: var(--psb-muted); }
.psb-header .psb-drop .psb-drop__list a:hover, .psb-header .psb-drop .psb-drop__list a:focus-visible { background: #1F1F1F; color: var(--psb-text); }
.psb-header .psb-drop .psb-drop__list a:hover b, .psb-header .psb-drop .psb-drop__list a:focus-visible b { color: var(--psb-accent); }
.psb-header .psb-drop .psb-drop__foot { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; padding: 12px 14px 6px; border-top: 1px solid var(--psb-line); }
.psb-header .psb-drop .psb-drop__foot a { padding: 0; border-radius: 0; font-size: 13px; font-weight: 700; color: var(--psb-accent); background: none; }
.psb-header .psb-drop .psb-drop__foot a:hover { background: none; color: var(--psb-text); }

/* Hover na zelenim dugmadima: tamnija zelena + tamni tekst (jače od Elementor Kit stilova za dugmad i od hovera linkova). */
body.psb-site .psb-header .psb-cart:hover, body.psb-site .psb-header .psb-circle--solid:hover,
body.psb-site .psb-search-form .psb-search-submit:hover, body.psb-site .psb-menu .psb-menu__close:hover,
body.psb-site .psb-footer .psb-nl-submit:hover, body.psb-site .psb-card .psb-card__add:hover, body.psb-site .psb-card .psb-card__add.added:hover,
body.psb-site .psb-btn-accent:hover, body.psb-site .psb-filters .psb-filters__close:hover, body.psb-site .psb-filters .psb-filters__apply:hover,
body.psb-site .psb-404 .psb-404__form button:hover, body.psb-site .psb-notices .button.wc-forward:hover,
body.psb-site .psb-buy .psb-buy__btn:hover, body.psb-site .psb-buybar .psb-buybar__btn:hover, body.psb-site .psb-goals .psb-goal[aria-pressed="true"]:hover,
body.psb-site .psb-stack-card .psb-stack-card__go:hover, body.psb-site .psb-cats .psb-cats__row:hover .psb-cats__go,
body.psb-site .psb-upsell .psb-upsell__add:hover, body.psb-site .psb-summary .psb-summary__cta:hover,
body.psb-site .psb-checkout__form .psb-order-btn:hover, body.psb-site .psb-checkout__form #place_order:hover, body.psb-site .psb-cartbar a:hover, body.psb-site .psb-cartbar a:focus,
body.psb-site .psb-gifts .psb-gifts__item:hover b,
body.psb-site .psb-stacks .psb-stacks__bar button[aria-pressed="true"]:hover, body.psb-site .psb-stack-card .psb-stack-card__btn:hover,
body.psb-site .psb-stack .psb-stack__btn:not(.psb-stack__btn--ghost):hover, body.psb-site .psb-stack .psb-stack__notify button:hover {
	background: var(--psb-accent-hover); background-color: var(--psb-accent-hover); color: var(--psb-on-accent); filter: none;
}

/* Linkovi na zelenim/svijetlim površinama (banner „Ne propusti“, sekcija paketa, prijedlog paketa, pomoć…):
   na hover/fokus/klik ostaju tamni i dobiju podvlaku — ne postaju zeleni na zelenom. */
body.psb-site .psb-banner--accent a:not(.psb-banner__cta):is(:hover, :focus, :active),
body.psb-site .psb-banner--pink a:not(.psb-banner__cta):is(:hover, :focus, :active),
body.psb-site .psb-stacks-sec a:not([class*="btn"]):not([class*="__go"]):not(.psb-stack-card):is(:hover, :focus, :active),
body.psb-site .psb-stack-tip:is(:hover, :focus, :active), body.psb-site .psb-stack-tip a:is(:hover, :focus),
body.psb-site .psb-offbox a:is(:hover, :focus, :active), body.psb-site .psb-filters .psb-promo a:is(:hover, :focus, :active),
body.psb-site .psb-stacks .psb-stacks__help p a:is(:hover, :focus, :active), body.psb-site .psb-thanks .psb-thanks__ok a:is(:hover, :focus, :active) {
	color: var(--psb-on-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.psb-site .psb-stack-tip:is(:hover, :focus, :active) { text-decoration: none; }
body.psb-site .psb-banner--accent :focus-visible, body.psb-site .psb-stacks-sec :focus-visible, body.psb-site .psb-stack-tip:focus-visible,
body.psb-site .psb-offbox :focus-visible, body.psb-site .psb-stacks .psb-stacks__help :focus-visible { outline-color: var(--psb-on-accent); }

/* Mega meni „Kategorije“ (desktop): cijela širina ispod headera */
.psb-header .psb-drop.psb-mega { top: 100%; left: 0; right: 0; transform: none; width: auto; border-radius: 0 0 28px 28px; border-width: 0 0 1px; padding: 0; background: var(--psb-bg); box-shadow: 0 30px 60px rgba(0,0,0,.6); }
.psb-header .psb-drop.psb-mega::before { top: -24px; height: 24px; }
.psb-header .psb-mega .psb-mega__inner { max-width: var(--psb-max); margin: 0 auto; padding: 28px var(--psb-gutter) 32px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; }
.psb-header .psb-mega .psb-mega__eyebrow { display: block; font-family: var(--psb-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--psb-accent); margin: 0 0 14px 6px; }
.psb-header .psb-mega .psb-mega__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 8px; }
.psb-header .psb-mega .psb-mega__list a { align-items: center; justify-content: flex-start; gap: 12px; padding: 8px 10px; border-radius: 14px; }
.psb-header .psb-mega .psb-mega__thumb { width: 44px; height: 44px; flex: none; border-radius: 10px; background: var(--psb-tile); display: flex; align-items: center; justify-content: center; overflow: hidden; }
body.psb-site .psb-header .psb-mega .psb-mega__thumb img { width: 38px; height: 38px; object-fit: contain; mix-blend-mode: multiply; }
.psb-header .psb-mega .psb-mega__name { flex: 1; min-width: 0; }
.psb-header .psb-mega .psb-drop__foot { margin-top: 14px; padding: 14px 10px 0; }
.psb-header .psb-mega .psb-mega__side { display: flex; flex-direction: column; gap: 12px; }
.psb-header .psb-mega .psb-mega__promo { display: flex; flex-direction: column; align-items: stretch; gap: 0; border-radius: 20px; overflow: hidden; background: var(--psb-surface); border: 1px solid var(--psb-line); text-decoration: none; color: var(--psb-text); padding: 0; }
.psb-header .psb-mega .psb-mega__promo:hover { border-color: var(--psb-accent); background: var(--psb-surface); color: var(--psb-text); }
.psb-header .psb-mega .psb-mega__pimg { position: relative; display: block; aspect-ratio: 4 / 3; background: #1E1E1E; }
body.psb-site .psb-header .psb-mega .psb-mega__pimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.psb-header .psb-mega .psb-mega__pimg b { position: absolute; top: 10px; left: 10px; background: var(--psb-accent); color: var(--psb-on-accent); font-family: var(--psb-display); font-weight: 900; font-stretch: 112%; font-size: 22px; padding: 6px 10px; border-radius: 12px; line-height: 1; }
.psb-header .psb-mega .psb-mega__ptxt { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px 16px; }
.psb-header .psb-mega .psb-mega__ptxt small { font-family: var(--psb-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--psb-accent); }
.psb-header .psb-mega .psb-mega__ptxt strong { font-family: var(--psb-display); font-weight: 900; font-stretch: 112%; font-size: 18px; line-height: 1.05; text-transform: uppercase; }
.psb-header .psb-mega .psb-mega__sale { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; padding: 16px 18px; border-radius: 20px; background: var(--psb-accent); color: var(--psb-on-accent); text-decoration: none; }
.psb-header .psb-mega .psb-mega__sale strong { font-family: var(--psb-display); font-weight: 900; font-stretch: 112%; font-size: 22px; text-transform: uppercase; }
.psb-header .psb-mega .psb-mega__sale span { grid-column: 1; font-size: 13px; }
.psb-header .psb-mega .psb-mega__sale i { grid-row: 1 / span 2; grid-column: 2; font-style: normal; font-size: 22px; }
body.psb-site .psb-header .psb-mega .psb-mega__sale:is(:hover, :focus) { background: var(--psb-accent-hover); color: var(--psb-on-accent); }
@media (max-width: 1200px) { .psb-header .psb-mega .psb-mega__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .psb-header .psb-mega .psb-mega__inner { grid-template-columns: minmax(0, 1fr) 260px; } }
/* Rezerva bez JavaScripta (npr. keš/optimizacija skripti na serveru): mega meni se otvara i samo prelazom miša / fokusom. */
@media (hover: hover) and (min-width: 1101px) {
	html:not(.psb-js-drop) body.psb-site .psb-header .psb-nav__drop:hover > .psb-drop,
	html:not(.psb-js-drop) body.psb-site .psb-header .psb-nav__drop:focus-within > .psb-drop { display: block !important; }
}

/* Vodoravni redovi koji se pomjeraju (kategorije, popularne pretrage, sličice, „Dodaj još nešto“, ciljevi paketa): bez vidljive trake. */
body.psb-site .psb-chips, body.psb-site .psb-search__popular, body.psb-site .psb-gallery__thumbs, body.psb-site .psb-upsell, body.psb-site .psb-stacks__goals, body.psb-site .psb-stack__calc { scrollbar-width: none; -ms-overflow-style: none; }
body.psb-site .psb-chips::-webkit-scrollbar, body.psb-site .psb-search__popular::-webkit-scrollbar, body.psb-site .psb-gallery__thumbs::-webkit-scrollbar, body.psb-site .psb-upsell::-webkit-scrollbar, body.psb-site .psb-stacks__goals::-webkit-scrollbar, body.psb-site .psb-stack__calc::-webkit-scrollbar { display: none; }
body.psb-site .psb-stacks-sec .psb-stack-card:is(:hover, :focus, :active) { color: var(--psb-text); text-decoration: none; }