/* ---------- Header ---------- */
.lbk-header { position: sticky; top: 0; z-index: 50; background: var(--c-bg); }
.lbk-header__inner {
	display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
	max-width: var(--max); margin-inline: auto;
	padding: clamp(1rem, .4rem + 1.9vw, 2.5rem) var(--gutter);
}
.lbk-logo { font-size: clamp(1.375rem, 1rem + 1.3vw, 2.375rem); font-weight: 400; line-height: .7; text-transform: uppercase; white-space: nowrap; }
.lbk-logo img { max-height: 40px; width: auto; }
.lbk-header__right { display: flex; align-items: center; gap: clamp(1.5rem, 4.17vw, 5rem); }

.lbk-nav .lbk-menu { display: flex; align-items: center; gap: 2.5rem; }
.lbk-nav__extra { display: none; }

.lbk-icons { display: flex; align-items: center; gap: 1.875rem; }
.lbk-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; color: var(--c-ink); }
.lbk-icon::before { content: ""; position: absolute; inset: -12px; } /* bigger touch target */
.lbk-icon svg { flex: none; }
.lbk-cart-count, .lbk-wishlist-count {
	position: absolute; top: -7px; right: -9px; min-width: 15px; height: 15px; padding: 0 3px;
	border-radius: 8px; background: var(--c-ink); color: #fff; font-size: 10px; line-height: 15px; text-align: center; font-weight: 500;
}
.lbk-cart-count[data-count="0"], .lbk-wishlist-count[data-count="0"] { display: none; }

/* Language switcher */
.lbk-lang { position: relative; font-size: var(--fs-body); text-transform: uppercase; line-height: 20px; }
.lbk-lang__btn { display: inline-flex; align-items: center; gap: 4px; text-transform: uppercase; }
.lbk-lang__btn svg { transition: transform .25s var(--ease); }
.lbk-lang__btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.lbk-lang__list { position: absolute; top: calc(100% + 14px); right: -12px; min-width: 64px; padding: .75rem 1rem; background: var(--c-bg); border: 1px solid var(--c-line); }
.lbk-lang__list li + li { margin-top: .5rem; }
.lbk-lang__list a { display: block; }
.lbk-lang__list a[aria-current], .lbk-lang__list a:hover { text-decoration: underline; text-underline-offset: 4px; }

.lbk-burger { display: none; position: relative; width: 28px; height: 20px; }
.lbk-burger span { position: absolute; left: 3px; right: 3px; height: 1px; background: var(--c-ink); transition: transform .3s var(--ease), top .3s var(--ease); }
.lbk-burger span:nth-child(1) { top: 6px; }
.lbk-burger span:nth-child(2) { top: 13px; }
.lbk-burger[aria-expanded="true"] span:nth-child(1) { top: 9px; transform: rotate(45deg); }
.lbk-burger[aria-expanded="true"] span:nth-child(2) { top: 9px; transform: rotate(-45deg); }

@media (max-width: 1023px) {
	.lbk-header__right { gap: 0; }
	.lbk-icons { gap: 1.5rem; }
	.lbk-burger { display: block; margin-left: .5rem; }
	.lbk-lang { display: none; }
	.lbk-nav {
		position: fixed; inset: var(--header-h, 4.5rem) 0 0 0; background: var(--c-bg);
		padding: 1.5rem var(--gutter) 3rem; overflow-y: auto;
		transform: translateX(100%); visibility: hidden; transition: transform .35s var(--ease), visibility 0s .35s;
	}
	.lbk-nav.is-open { transform: none; visibility: visible; transition: transform .35s var(--ease); }
	.lbk-nav .lbk-menu { flex-direction: column; align-items: stretch; gap: 0; }
	.lbk-nav .lbk-menu a { display: block; padding: 1rem 0; font-size: 1.25rem; border-bottom: 1px solid var(--c-line); }
	.lbk-nav .lbk-menu a::after { display: none; }
	.lbk-nav__extra { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 2rem; }
}
@media (max-width: 599px) {
	.lbk-icon--account { display: none; }
	.lbk-icons { gap: 1.25rem; }
}

/* Search panel (opens under the header) */
.lbk-search { border-top: 1px solid var(--c-line); background: var(--c-bg); padding: 1.25rem var(--gutter) 1.5rem; }
.lbk-search__form { display: flex; align-items: center; gap: .5rem; max-width: var(--max); margin-inline: auto; border-bottom: 1px solid var(--c-ink); }
.lbk-search__form input[type="search"] { flex: 1; min-width: 0; padding: .75rem 0; border: 0; background: transparent; outline: 0; font-size: 1.125rem; letter-spacing: .02em; }
.lbk-search__close { font-size: 1.75rem; line-height: 1; width: 40px; height: 40px; }
.lbk-search__results { max-width: var(--max); margin: .5rem auto 0; }
.lbk-search__results a { display: flex; align-items: center; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--c-line); }
.lbk-search__results img { width: 48px; height: 64px; object-fit: cover; }
.lbk-search__results .price { margin-left: auto; color: var(--c-muted); }
.lbk-search__empty { padding: .75rem 0; color: var(--c-muted); }

/* ---------- Generic content (pages / posts) ---------- */
.lbk-content { max-width: 960px; margin-inline: auto; padding: 3rem var(--gutter); }
.lbk-content h1 { font-size: var(--fs-h2); letter-spacing: var(--ls-h2); text-transform: uppercase; text-align: center; margin-bottom: 2rem; }
.lbk-content p + p { margin-top: 1em; }

/* ---------- Footer ---------- */
.lbk-footer { position: relative; z-index: 10; margin-top: var(--section-gap); background: var(--c-bg); } /* above the fixed hero marquee */
.lbk-footer__top { max-width: var(--max); margin-inline: auto; padding: 1.875rem var(--gutter); display: flex; flex-direction: column; gap: 2.5rem; }
.lbk-footer__brandrow { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.lbk-footer__brand { font-size: clamp(2.25rem, 1rem + 4vw, 4.25rem); font-weight: 300; line-height: .75; text-transform: uppercase; }
.lbk-totop { flex: none; width: 34px; height: 34px; opacity: .4; transition: opacity .25s; }
.lbk-totop:hover, .lbk-totop:focus-visible { opacity: 1; }

.lbk-footer__menus { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(2rem, 13.54vw, 16.25rem); padding-block: 1.25rem; }
.lbk-footer__lists { flex: 1 1 62.5rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3.1vw, 3.75rem); }
.lbk-footer__menu { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.lbk-footer__menu a { text-transform: capitalize; }

.lbk-nsl { flex: 0 1 33.75rem; }
.lbk-nsl__title { font-size: var(--fs-h2); font-weight: 400; text-transform: uppercase; letter-spacing: .02em; line-height: 1.2; margin-bottom: 1.25rem; }
.lbk-nsl .mc4wp-form-fields { display: flex; flex-direction: column; gap: 1.25rem; }
.lbk-nsl .mc4wp-form-fields p { margin: 0; }
.lbk-nsl .mc4wp-form label { display: block; margin-bottom: .5rem; color: var(--c-muted); letter-spacing: .02em; text-transform: capitalize; }
.lbk-nsl input[type="email"], .lbk-nsl input[type="text"] {
	width: 100%; padding: .625rem 0; border: 0; border-bottom: 1px solid var(--c-muted); border-radius: 0; background: transparent;
	color: var(--c-ink); letter-spacing: .02em; outline: 0;
}
.lbk-nsl input::placeholder { color: var(--c-muted); opacity: 1; text-transform: capitalize; }
.lbk-nsl input[type="email"]:focus { border-bottom-color: var(--c-ink); }
.lbk-nsl input[type="submit"], .lbk-nsl button[type="submit"] {
	padding: 0 0 6px; border: 0; border-bottom: 1px solid transparent; background: none; text-transform: uppercase; line-height: 1.3333; cursor: pointer; transition: border-color .3s;
}
.lbk-nsl input[type="submit"]:hover, .lbk-nsl button[type="submit"]:hover { border-bottom-color: currentColor; }
.lbk-nsl .mc4wp-response { margin-top: .75rem; color: var(--c-muted); }
.lbk-nsl .mc4wp-error { color: #b00020; }

.lbk-footer__bottom {
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.25rem;
	max-width: var(--max); margin-inline: auto; padding: 1.625rem var(--gutter);
	border-top: 1px solid var(--c-line);
	font-size: .8125rem; letter-spacing: .02em; text-transform: uppercase; color: var(--c-muted);
}
.lbk-footer__bottom a:hover { text-decoration: underline; text-underline-offset: 4px; }
.lbk-footer__copy { text-align: right; }
.lbk-social { display: flex; align-items: center; justify-content: center; gap: 1.25rem; }
.lbk-social a { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: var(--c-ink); opacity: .85; transition: opacity .2s; }
.lbk-social a:hover { opacity: 1; }

@media (max-width: 899px) {
	.lbk-footer__menus { flex-direction: column; gap: 2.5rem; }
	.lbk-footer__lists { width: 100%; }
	.lbk-nsl { width: 100%; max-width: 33.75rem; }
	.lbk-footer__bottom { grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.lbk-footer__copy { text-align: center; }
}
@media (max-width: 559px) {
	.lbk-footer__lists { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.75rem; }
}
