:root {
	--butic-bg: #0b0d10;
	--butic-bg-elev: #14181f;
	--butic-surface: #1a2029;
	--butic-text: #f7f5f1;
	--butic-muted: #a8a49c;
	--butic-accent: #d4723a;
	--butic-accent-2: #3d8b84;
	--butic-line: rgba(247, 245, 241, 0.12);
	--butic-radius: 14px;
	--butic-font: "Sora", system-ui, sans-serif;
	--butic-display: "Fraunces", Georgia, serif;
	--butic-space: clamp(1rem, 2.5vw, 2rem);
	--butic-max: 1120px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--butic-font);
	background:
		radial-gradient(1200px 600px at 10% -10%, rgba(212, 114, 58, 0.18), transparent 55%),
		radial-gradient(900px 500px at 90% 0%, rgba(61, 139, 132, 0.16), transparent 50%),
		linear-gradient(180deg, #0b0d10 0%, #10141a 40%, #0b0d10 100%);
	background-attachment: fixed;
	color: var(--butic-text);
	line-height: 1.55;
	min-height: 100vh;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

a:hover {
	color: var(--butic-accent);
}

.screen-reader-text,
.butic-skip {
	position: absolute;
	left: -9999px;
}

.butic-skip:focus {
	left: 1rem;
	top: 1rem;
	z-index: 1000;
	background: var(--butic-text);
	color: var(--butic-bg);
	padding: 0.5rem 0.75rem;
}

.butic-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(14px);
	background: rgba(11, 13, 16, 0.72);
	border-bottom: 1px solid var(--butic-line);
}

.butic-header__inner {
	max-width: var(--butic-max);
	margin: 0 auto;
	padding: 0.9rem var(--butic-space);
	display: flex;
	align-items: center;
	gap: 1.25rem;
	justify-content: space-between;
}

.butic-logo {
	font-family: var(--butic-display);
	font-size: 1.45rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-decoration: none;
}

.butic-logo span {
	color: var(--butic-accent);
}

.butic-nav__list,
.butic-mobile-nav__list,
.butic-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.butic-nav__list {
	display: none;
	align-items: center;
	gap: 1.25rem;
}

@media (min-width: 860px) {
	.butic-nav__list {
		display: flex;
	}
	.butic-nav-toggle {
		display: none;
	}
}

.butic-nav__list a,
.butic-nav__label {
	text-decoration: none;
	color: var(--butic-muted);
	font-size: 0.95rem;
	font-weight: 500;
}

.butic-nav__list a:hover,
.butic-nav__label:hover {
	color: var(--butic-text);
}

/* ---------- Dropdown navigation ---------- */

.butic-nav__has-sub {
	position: relative;
}

/* Every top-level item gets the same box, otherwise the plain links sit on a
   different baseline than the ones carrying a chevron. */
.butic-nav__list > li > a,
.butic-nav__list > li > .butic-nav__label {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.5rem 0;
	line-height: 1.2;
}

.butic-nav__label {
	cursor: pointer;
}

.butic-nav__chevron {
	transition: transform 0.2s ease;
}

.butic-nav__sub {
	list-style: none;
	margin: 0;
	padding: 0.4rem;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(6px);
	min-width: 230px;
	background: #141922;
	border: 1px solid var(--butic-line);
	border-radius: 12px;
	box-shadow: 0 24px 50px rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
	z-index: 60;
}

.butic-nav__has-sub:hover > .butic-nav__sub,
.butic-nav__has-sub:focus-within > .butic-nav__sub {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.butic-nav__has-sub:hover > a .butic-nav__chevron,
.butic-nav__has-sub:hover > .butic-nav__label .butic-nav__chevron,
.butic-nav__has-sub:focus-within .butic-nav__chevron {
	transform: rotate(180deg);
}

.butic-nav__sub a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.6rem 0.75rem;
	border-radius: 8px;
	color: var(--butic-text);
	font-size: 0.92rem;
}

.butic-nav__sub a:hover {
	background: rgba(212, 114, 58, 0.14);
	color: var(--butic-text);
}

.butic-nav__sub em {
	font-style: normal;
	font-size: 0.75rem;
	color: var(--butic-muted);
	background: rgba(255, 255, 255, 0.06);
	border-radius: 999px;
	padding: 0.1rem 0.45rem;
}

/* Mobile: submenus are always expanded, no hover to discover */
.butic-mobile-nav__list .butic-nav__sub {
	position: static;
	transform: none;
	opacity: 1;
	visibility: visible;
	min-width: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0.25rem 0 0.25rem 0.75rem;
	border-left: 1px solid var(--butic-line);
	margin: 0.35rem 0 0.5rem;
}

.butic-mobile-nav__list .butic-nav__label,
.butic-mobile-nav__list > li > a {
	font-weight: 600;
	color: var(--butic-text);
}

.butic-mobile-nav__list .butic-nav__chevron {
	display: none;
}

.butic-header__actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.butic-cart-link {
	text-decoration: none;
	font-size: 0.9rem;
	border: 1px solid var(--butic-line);
	padding: 0.45rem 0.75rem;
	border-radius: 999px;
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
}

.butic-cart-count {
	background: var(--butic-accent);
	color: #111;
	font-weight: 700;
	border-radius: 999px;
	min-width: 1.25rem;
	height: 1.25rem;
	display: inline-grid;
	place-items: center;
	font-size: 0.75rem;
}

.butic-nav-toggle {
	width: 42px;
	height: 42px;
	border: 1px solid var(--butic-line);
	border-radius: 10px;
	background: transparent;
	cursor: pointer;
}

.butic-nav-toggle__bar,
.butic-nav-toggle__bar::before,
.butic-nav-toggle__bar::after {
	display: block;
	width: 18px;
	height: 2px;
	background: var(--butic-text);
	margin: 0 auto;
	position: relative;
}

.butic-nav-toggle__bar::before,
.butic-nav-toggle__bar::after {
	content: "";
	position: absolute;
	left: 0;
}

.butic-nav-toggle__bar::before {
	top: -6px;
}

.butic-nav-toggle__bar::after {
	top: 6px;
}

.butic-mobile-nav {
	border-top: 1px solid var(--butic-line);
	padding: 1rem var(--butic-space) 1.25rem;
}

.butic-mobile-nav__list {
	display: grid;
	gap: 0.75rem;
}

.butic-mobile-nav[hidden] {
	display: none;
}

.butic-main {
	min-height: 60vh;
}

.butic-container {
	max-width: var(--butic-max);
	margin: 0 auto;
	padding: 2rem var(--butic-space) 3rem;
}

.butic-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.9rem 1.35rem;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	color: #140e0a;
	font-weight: 700;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 10px 30px rgba(212, 114, 58, 0.25);
}

.butic-btn:hover {
	transform: translateY(-2px);
	color: #140e0a;
}

.butic-btn--ghost {
	background: transparent;
	color: var(--butic-text);
	border: 1px solid var(--butic-line);
	box-shadow: none;
}

.butic-btn--ghost:hover {
	border-color: var(--butic-accent);
	color: var(--butic-text);
}

.butic-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.75rem;
	color: var(--butic-accent-2);
	font-weight: 600;
	margin: 0 0 0.75rem;
}

.butic-lead {
	color: var(--butic-muted);
	font-size: 1.05rem;
	max-width: 36rem;
}

.butic-hero {
	position: relative;
	min-height: min(92vh, 820px);
	display: grid;
	align-items: end;
	overflow: hidden;
	isolation: isolate;
}

.butic-hero__media {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(180deg, rgba(11, 13, 16, 0.25) 0%, rgba(11, 13, 16, 0.88) 70%, var(--butic-bg) 100%),
		radial-gradient(ellipse at 70% 40%, rgba(212, 114, 58, 0.35), transparent 55%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.04'%3E%3Cpath d='M0 80h160M80 0v160'/%3E%3C/g%3E%3C/svg%3E");
	background-size: cover, cover, 160px 160px;
	transform: scale(1.02);
	animation: butic-hero-drift 18s ease-in-out infinite alternate;
}

@keyframes butic-hero-drift {
	from { transform: scale(1.02) translate3d(0, 0, 0); }
	to { transform: scale(1.06) translate3d(-1.5%, -1%, 0); }
}

.butic-hero__content {
	max-width: var(--butic-max);
	width: 100%;
	margin: 0 auto;
	padding: 4rem var(--butic-space) 3.5rem;
	display: grid;
	gap: 2.5rem;
	align-items: center;
}

@media (min-width: 900px) {
	.butic-hero__content {
		grid-template-columns: 1.05fr 0.95fr;
		gap: 3rem;
	}
}

/* Hero product showcase */
.butic-hero__showcase {
	position: relative;
	display: block;
	border-radius: calc(var(--butic-radius) + 6px);
	overflow: hidden;
	border: 1px solid var(--butic-line);
	background: var(--butic-surface);
	aspect-ratio: 4 / 3;
	text-decoration: none;
	transition: transform 0.35s ease, border-color 0.35s ease;
}

.butic-hero__showcase:hover {
	transform: translateY(-4px);
	border-color: rgba(212, 114, 58, 0.5);
	color: inherit;
}

.butic-hero__showcase img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.butic-hero__showcase-glow {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 25% 20%, rgba(212, 114, 58, 0.3), transparent 55%),
		linear-gradient(180deg, transparent 45%, rgba(11, 13, 16, 0.85) 100%);
	pointer-events: none;
}

.butic-hero__showcase--empty {
	background:
		radial-gradient(circle at 30% 30%, rgba(212, 114, 58, 0.4), transparent 55%),
		radial-gradient(circle at 70% 70%, rgba(61, 139, 132, 0.32), transparent 50%),
		#10151c;
}

.butic-hero__showcase-tag {
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 2;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	font-size: 0.95rem;
}

.butic-hero__showcase-tag strong {
	font-weight: 600;
}

.butic-hero__showcase-tag > span {
	font-weight: 700;
	color: var(--butic-accent);
	white-space: nowrap;
}

.butic-hero__showcase-tag del {
	opacity: 0.55;
	font-weight: 400;
}

.butic-hero h1 {
	font-family: var(--butic-display);
	font-size: clamp(2.4rem, 6vw, 4.4rem);
	line-height: 1.05;
	letter-spacing: -0.03em;
	margin: 0 0 1rem;
	font-weight: 700;
}

.butic-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.75rem;
}

.butic-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.75rem;
	margin-top: 2rem;
	color: var(--butic-muted);
	font-size: 0.92rem;
}

.butic-trust strong {
	color: var(--butic-text);
	display: block;
	font-size: 1.05rem;
}

.butic-section {
	max-width: var(--butic-max);
	margin: 0 auto;
	padding: 3.5rem var(--butic-space);
}

.butic-section h2 {
	font-family: var(--butic-display);
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	margin: 0 0 0.75rem;
	letter-spacing: -0.02em;
}

.butic-section__intro {
	color: var(--butic-muted);
	max-width: 38rem;
	margin-bottom: 2rem;
}

/* ---------- Section head with side link ---------- */

.butic-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 2rem;
}

.butic-section__head h2 {
	margin-bottom: 0;
}

.butic-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--butic-accent);
}

.butic-link-arrow svg {
	transition: transform 0.2s ease;
}

.butic-link-arrow:hover svg,
a:hover .butic-link-arrow svg {
	transform: translateX(3px);
}

/* ---------- Product cards ---------- */

.butic-cards {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 720px) {
	.butic-cards {
		grid-template-columns: repeat(4, 1fr);
	}
}

.butic-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--butic-line);
	border-radius: var(--butic-radius);
	overflow: hidden;
	background: var(--butic-bg-elev);
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.butic-card:hover {
	transform: translateY(-4px);
	border-color: rgba(212, 114, 58, 0.5);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36);
}

.butic-card__media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	background: var(--butic-surface);
	overflow: hidden;
}

.butic-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.butic-card:hover .butic-card__media img {
	transform: scale(1.05);
}

.butic-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 35% 35%, rgba(212, 114, 58, 0.32), transparent 55%),
		radial-gradient(circle at 70% 70%, rgba(61, 139, 132, 0.26), transparent 50%),
		#10151c;
}

.butic-card__media .butic-badges {
	position: absolute;
	top: 0.6rem;
	left: 0.6rem;
	right: 0.6rem;
	margin: 0;
	gap: 0.35rem;
}

.butic-card__media .butic-badge {
	backdrop-filter: blur(8px);
	font-size: 0.7rem;
	padding: 0.22rem 0.5rem;
}

.butic-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 0.85rem 0.9rem 1rem;
	flex: 1;
}

.butic-card__title {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.35;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.butic-card__title a {
	text-decoration: none;
}

.butic-card__title a:hover {
	color: var(--butic-accent);
}

.butic-card .butic-rating {
	margin: 0;
	font-size: 0.82rem;
}

.butic-card .butic-rating__stars svg {
	width: 13px;
	height: 13px;
}

/* Two-up cards on phones are too narrow for "(32 recenzii)" — stars and the
   average still carry the signal. */
@media (max-width: 719px) {
	.butic-card .butic-rating > span:last-child {
		display: none;
	}
}

.butic-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	margin-top: auto;
	padding-top: 0.35rem;
}

.butic-card__price {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
	font-weight: 700;
	font-size: 1rem;
}

/* Old price sits above the current one — side by side wraps badly in a
   4-column grid on narrow screens. */
.butic-card__price del {
	order: -1;
	font-weight: 400;
	opacity: 0.5;
	font-size: 0.78rem;
}

.butic-card__price ins {
	text-decoration: none;
}

.butic-card__add {
	flex: none;
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	border: 1px solid var(--butic-line);
	background: rgba(255, 255, 255, 0.04);
	color: var(--butic-text);
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.butic-card__add:hover {
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	border-color: transparent;
	color: #140e0a;
	transform: scale(1.08);
}

.butic-card--compact .butic-card__body {
	padding: 0.7rem 0.75rem 0.85rem;
}

.butic-card--compact .butic-card__title {
	font-size: 0.88rem;
}

/* ---------- Category tiles ---------- */

.butic-cat-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 800px) {
	.butic-cat-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.butic-cat-tile {
	position: relative;
	display: block;
	border-radius: var(--butic-radius);
	overflow: hidden;
	border: 1px solid var(--butic-line);
	background: var(--butic-surface);
	text-decoration: none;
	aspect-ratio: 3 / 4;
	transition: transform 0.25s ease, border-color 0.25s ease;
}

.butic-cat-tile:hover {
	transform: translateY(-4px);
	border-color: rgba(212, 114, 58, 0.5);
	color: inherit;
}

.butic-cat-tile__media {
	position: absolute;
	inset: 0;
}

.butic-cat-tile__media img,
.butic-cat-tile__media .butic-card__placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

.butic-cat-tile:hover .butic-cat-tile__media img {
	transform: scale(1.06);
}

.butic-cat-tile__body {
	position: absolute;
	inset: auto 0 0 0;
	padding: 1rem 0.9rem 0.9rem;
	background: linear-gradient(180deg, transparent, rgba(11, 13, 16, 0.92) 62%);
}

.butic-cat-tile__body h3 {
	margin: 0 0 0.15rem;
	font-size: 1rem;
}

.butic-cat-tile__body span {
	font-size: 0.82rem;
	color: var(--butic-muted);
}

/* ---------- Collection cards (the standalone landings) ---------- */

.butic-collections {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}

@media (min-width: 800px) {
	.butic-collections {
		grid-template-columns: repeat(3, 1fr);
	}
}

.butic-collection {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 1.5rem;
	border-radius: var(--butic-radius);
	border: 1px solid var(--butic-line);
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
	text-decoration: none;
	min-height: 190px;
	transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.butic-collection:hover {
	transform: translateY(-4px);
	border-color: rgba(212, 114, 58, 0.55);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
	color: inherit;
}

.butic-collection h3 {
	margin: 0;
	font-family: var(--butic-display);
	font-size: 1.4rem;
	letter-spacing: -0.01em;
}

.butic-collection p {
	margin: 0;
	color: var(--butic-muted);
	font-size: 0.95rem;
	flex: 1;
}

.butic-feature__visual {
	min-height: 260px;
	border-radius: var(--butic-radius);
	background:
		radial-gradient(circle at 30% 30%, rgba(212,114,58,0.45), transparent 50%),
		radial-gradient(circle at 70% 70%, rgba(61,139,132,0.35), transparent 45%),
		#10151c;
}

.butic-quotes {
	display: grid;
	gap: 1rem;
}

@media (min-width: 800px) {
	.butic-quotes {
		grid-template-columns: repeat(3, 1fr);
	}
}

.butic-quote {
	padding: 1.25rem;
	border-left: 3px solid var(--butic-accent);
	background: rgba(255,255,255,0.03);
}

.butic-quote p {
	margin: 0 0 0.75rem;
}

.butic-quote cite {
	color: var(--butic-muted);
	font-style: normal;
	font-size: 0.9rem;
}

.butic-footer {
	border-top: 1px solid var(--butic-line);
	margin-top: 3rem;
	background: rgba(0,0,0,0.28);
}

.butic-footer__grid {
	max-width: var(--butic-max);
	margin: 0 auto;
	padding: 2.5rem var(--butic-space) 1.5rem;
	display: grid;
	gap: 2rem;
}

@media (min-width: 800px) {
	.butic-footer__grid {
		grid-template-columns: 1.4fr 1fr 1fr;
	}
}

.butic-footer__label {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--butic-muted);
	margin: 0 0 0.75rem;
}

.butic-footer__links {
	display: grid;
	gap: 0.45rem;
}

.butic-footer__links a {
	text-decoration: none;
	color: var(--butic-text);
	opacity: 0.88;
}

.butic-footer__tag {
	color: var(--butic-muted);
	max-width: 28rem;
}

.butic-footer__legal {
	max-width: var(--butic-max);
	margin: 0 auto;
	padding: 0 var(--butic-space) 2rem;
	color: var(--butic-muted);
	font-size: 0.85rem;
	border-top: 1px solid var(--butic-line);
	padding-top: 1.25rem;
}

.butic-footer__legal p {
	margin: 0 0 0.35rem;
}

.butic-article__title {
	font-family: var(--butic-display);
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	margin-bottom: 1.25rem;
}

.butic-prose {
	color: var(--butic-muted);
	max-width: 42rem;
}

.butic-prose h2,
.butic-prose h3 {
	color: var(--butic-text);
	font-family: var(--butic-display);
}

.butic-prose a {
	color: var(--butic-accent);
}

[data-reveal] {
	opacity: 0;
	transform: translateY(16px);
	animation: butic-reveal 0.7s ease forwards;
}

@keyframes butic-reveal {
	to {
		opacity: 1;
		transform: none;
	}
}

.butic-pdp-hero {
	display: grid;
	gap: 1.5rem;
	padding: 2rem var(--butic-space) 1rem;
	max-width: var(--butic-max);
	margin: 0 auto;
}

@media (min-width: 900px) {
	.butic-pdp-hero {
		grid-template-columns: 1.05fr 0.95fr;
		align-items: center;
		min-height: 78vh;
	}
}

.butic-pdp-hero__media {
	border-radius: var(--butic-radius);
	overflow: hidden;
	background: var(--butic-surface);
	aspect-ratio: 1 / 1;
}

.butic-pdp-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.butic-price {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 1rem 0;
}

.butic-pdp-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 1rem 0 1.5rem;
	font-size: 0.9rem;
	color: var(--butic-muted);
}

.butic-pdp-meta span {
	border: 1px solid var(--butic-line);
	padding: 0.35rem 0.65rem;
	border-radius: 999px;
}

.butic-checkout-wrap {
	max-width: 720px;
	margin: 0 auto;
	padding: 2rem var(--butic-space) 3rem;
}

.butic-checkout-wrap .woocommerce-checkout {
	background: var(--butic-bg-elev);
	border: 1px solid var(--butic-line);
	border-radius: var(--butic-radius);
	padding: 1.25rem;
}

.butic-cookie {
	position: fixed;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	z-index: 100;
	max-width: 420px;
	margin-left: auto;
	background: #171c24;
	border: 1px solid var(--butic-line);
	border-radius: var(--butic-radius);
	padding: 1rem 1.1rem;
	box-shadow: 0 20px 50px rgba(0,0,0,0.45);
}

.butic-cookie p {
	margin: 0 0 0.85rem;
	font-size: 0.9rem;
	color: var(--butic-muted);
}

.butic-cookie__actions {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.butic-cookie__actions button {
	flex: 1;
	min-width: 110px;
}

body.butic-is-landing .butic-header,
body.butic-is-landing .butic-footer {
	/* Landings keep own chrome via their HTML; hide theme chrome if snippet not present */
}

body.butic-is-landing.butic-hide-chrome .butic-header,
body.butic-is-landing.butic-hide-chrome .butic-footer {
	display: none;
}

.butic-faq details {
	border-bottom: 1px solid var(--butic-line);
	padding: 0.9rem 0;
}

.butic-faq summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--butic-text);
}

.butic-faq p {
	color: var(--butic-muted);
	margin: 0.6rem 0 0;
}

/* ---------- Badges ---------- */

.butic-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 0.85rem;
}

.butic-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--butic-line);
	color: var(--butic-text);
}

.butic-badge--sale {
	background: rgba(212, 114, 58, 0.16);
	border-color: rgba(212, 114, 58, 0.45);
	color: #f0b489;
}

.butic-badge--stock {
	background: rgba(214, 92, 92, 0.14);
	border-color: rgba(214, 92, 92, 0.4);
	color: #ef9a9a;
}

.butic-badge--best {
	background: rgba(61, 139, 132, 0.16);
	border-color: rgba(61, 139, 132, 0.45);
	color: #8fd6cd;
}

/* ---------- Rating ---------- */

.butic-rating {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	color: var(--butic-muted);
	text-decoration: none;
}

.butic-rating__stars {
	display: inline-flex;
	gap: 0.1rem;
	color: var(--butic-accent);
}

.butic-rating__stars svg {
	width: 16px;
	height: 16px;
}

.butic-rating__stars svg[data-empty] {
	color: var(--butic-line);
}

.butic-rating__count {
	color: var(--butic-text);
	font-weight: 600;
}

/* ---------- Product gallery ---------- */

.butic-gallery {
	display: grid;
	gap: 0.75rem;
}

.butic-gallery__main {
	border-radius: var(--butic-radius);
	overflow: hidden;
	background: var(--butic-surface);
	aspect-ratio: 1 / 1;
	position: relative;
}

.butic-gallery__main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.butic-gallery__thumbs {
	display: flex;
	gap: 0.6rem;
	overflow-x: auto;
	padding-bottom: 0.2rem;
}

.butic-gallery__thumbs button {
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid var(--butic-line);
	background: var(--butic-surface);
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.butic-gallery__thumbs button img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.butic-gallery__thumbs button:hover {
	opacity: 1;
}

.butic-gallery__thumbs button[aria-current="true"] {
	opacity: 1;
	border-color: var(--butic-accent);
}

/* ---------- Trust row (icons) ---------- */

.butic-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1.1rem 1.75rem;
	margin: 1.5rem 0;
}

.butic-trust-row__item {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.88rem;
	color: var(--butic-muted);
}

.butic-trust-row__item svg {
	width: 22px;
	height: 22px;
	flex: none;
	color: var(--butic-accent-2);
}

.butic-trust-row__item strong {
	display: block;
	color: var(--butic-text);
	font-size: 0.92rem;
}

.butic-footer__top {
	max-width: var(--butic-max);
	margin: 0 auto;
	padding: 1.75rem var(--butic-space) 0;
}

.butic-footer .butic-trust-row {
	margin: 0;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--butic-line);
}

/* ---------- Sticky mobile buy bar ---------- */

.butic-sticky-buy {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 60;
	display: flex;
	align-items: center;
	gap: 0.85rem;
	padding: 0.75rem var(--butic-space);
	background: rgba(11, 13, 16, 0.92);
	backdrop-filter: blur(14px);
	border-top: 1px solid var(--butic-line);
	transform: translateY(100%);
	transition: transform 0.25s ease;
}

.butic-sticky-buy.is-visible {
	transform: translateY(0);
}

.butic-sticky-buy__media {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--butic-surface);
	flex: none;
}

.butic-sticky-buy__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.butic-sticky-buy__info {
	flex: 1;
	min-width: 0;
}

.butic-sticky-buy__title {
	font-size: 0.82rem;
	color: var(--butic-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.butic-sticky-buy__price {
	font-weight: 700;
}

.butic-sticky-buy .butic-btn {
	flex: none;
	padding: 0.7rem 1.1rem;
}

@media (min-width: 860px) {
	.butic-sticky-buy {
		display: none;
	}
}

/* ---------- Header: search ---------- */

.butic-search {
	position: relative;
}

.butic-search__toggle,
.butic-account-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	height: 42px;
	padding: 0 0.75rem;
	border: 1px solid var(--butic-line);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
	font: inherit;
	font-size: 0.88rem;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.butic-search__toggle {
	width: 42px;
	padding: 0;
	justify-content: center;
}

.butic-search__toggle:hover,
.butic-account-link:hover {
	border-color: rgba(212, 114, 58, 0.5);
	background: rgba(255, 255, 255, 0.04);
	color: inherit;
}

.butic-search.is-open .butic-search__toggle {
	border-color: var(--butic-accent);
	color: var(--butic-accent);
}

.butic-account-link__text {
	display: none;
}

@media (min-width: 1000px) {
	.butic-account-link__text {
		display: inline;
	}
}

.butic-search__panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: min(420px, calc(100vw - 2rem));
	background: #141922;
	border: 1px solid var(--butic-line);
	border-radius: 14px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
	padding: 0.7rem;
	z-index: 70;
}

.butic-search__panel[hidden] {
	display: none;
}

.butic-search__field {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--butic-line);
	border-radius: 10px;
	background: var(--butic-bg);
}

.butic-search__field svg {
	flex: none;
	color: var(--butic-muted);
}

.butic-search__field input {
	flex: 1;
	min-width: 0;
	border: none;
	background: transparent;
	color: inherit;
	font: inherit;
	outline: none;
}

.butic-search__field input::-webkit-search-cancel-button {
	display: none;
}

.butic-search__clear {
	border: none;
	background: transparent;
	color: var(--butic-muted);
	cursor: pointer;
	font-size: 1.1rem;
	line-height: 1;
	padding: 0 0.15rem;
}

.butic-search__clear:hover {
	color: var(--butic-text);
}

.butic-search__results {
	margin-top: 0.6rem;
	max-height: min(60vh, 420px);
	overflow-y: auto;
}

.butic-search__label {
	margin: 0.5rem 0 0.3rem;
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--butic-muted);
}

.butic-search__item {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.5rem;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
}

.butic-search__item:hover {
	background: rgba(212, 114, 58, 0.12);
	color: inherit;
}

.butic-search__item-media {
	width: 42px;
	height: 42px;
	flex: none;
	border-radius: 8px;
	overflow: hidden;
	background: var(--butic-surface);
}

.butic-search__item-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.butic-search__item-body {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}

.butic-search__item-name {
	font-size: 0.88rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.butic-search__item-price {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--butic-muted);
}

.butic-search__cat {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	font-size: 0.88rem;
}

.butic-search__cat:hover {
	background: rgba(61, 139, 132, 0.14);
	color: inherit;
}

.butic-search__cat em {
	font-style: normal;
	font-size: 0.75rem;
	color: var(--butic-muted);
	background: rgba(255, 255, 255, 0.06);
	border-radius: 999px;
	padding: 0.1rem 0.45rem;
}

.butic-search__more {
	display: block;
	text-align: center;
	padding: 0.6rem;
	margin-top: 0.35rem;
	border-top: 1px solid var(--butic-line);
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--butic-accent);
	text-decoration: none;
}

.butic-search__empty {
	padding: 1rem 0.5rem;
	margin: 0;
	text-align: center;
	color: var(--butic-muted);
	font-size: 0.88rem;
}

/* ---------- Archive (shop / category) ---------- */

.butic-archive {
	padding-bottom: 2rem;
}

.butic-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.82rem;
	color: var(--butic-muted);
	margin-bottom: 0.85rem;
}

.butic-breadcrumb a {
	text-decoration: none;
	color: var(--butic-muted);
}

.butic-breadcrumb a:hover {
	color: var(--butic-text);
}

.butic-breadcrumb__current {
	color: var(--butic-text);
}

.butic-archive__head h1 {
	font-family: var(--butic-display);
	font-size: clamp(1.9rem, 4vw, 2.8rem);
	letter-spacing: -0.02em;
	margin: 0 0 0.5rem;
}

.butic-archive__desc {
	color: var(--butic-muted);
	max-width: 44rem;
}

.butic-archive__count {
	color: var(--butic-muted);
	font-size: 0.88rem;
	margin: 0.35rem 0 0;
}

.butic-archive__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 1.75rem 0 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--butic-line);
}

.butic-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.butic-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.85rem;
	border-radius: 999px;
	border: 1px solid var(--butic-line);
	text-decoration: none;
	font-size: 0.88rem;
	color: var(--butic-muted);
	transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.butic-chip:hover {
	color: var(--butic-text);
	border-color: rgba(212, 114, 58, 0.5);
}

.butic-chip.is-active {
	background: rgba(212, 114, 58, 0.16);
	border-color: rgba(212, 114, 58, 0.55);
	color: var(--butic-text);
	font-weight: 600;
}

.butic-chip em {
	font-style: normal;
	font-size: 0.74rem;
	opacity: 0.7;
}

.butic-sort {
	position: relative;
	flex: none;
}

.butic-sort select {
	appearance: none;
	-webkit-appearance: none;
	padding: 0.5rem 2rem 0.5rem 0.85rem;
	border-radius: 999px;
	border: 1px solid var(--butic-line);
	background: transparent;
	color: var(--butic-text);
	font: inherit;
	font-size: 0.88rem;
	cursor: pointer;
}

.butic-sort select option {
	background: #141922;
	color: var(--butic-text);
}

.butic-sort__icon {
	position: absolute;
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--butic-muted);
}

/* ---------- Filters ---------- */

.butic-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
	margin: 0 0 1.75rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--butic-line);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
}

.butic-filters__group {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.butic-filters__label {
	font-size: 0.85rem;
	color: var(--butic-muted);
}

.butic-filters__range {
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.butic-filters__range input {
	width: 82px;
	padding: 0.45rem 0.55rem;
	border-radius: 8px;
	border: 1px solid rgba(247, 245, 241, 0.2);
	background: #131924;
	color: #fff;
	-webkit-text-fill-color: #fff;
	font: inherit;
	font-size: 0.88rem;
	-moz-appearance: textfield;
	appearance: textfield;
}

.butic-filters__range input::-webkit-outer-spin-button,
.butic-filters__range input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.butic-filters__range input::placeholder {
	color: rgba(247, 245, 241, 0.35);
	-webkit-text-fill-color: rgba(247, 245, 241, 0.35);
}

.butic-filters__range input:focus {
	outline: none;
	border-color: rgba(212, 114, 58, 0.7);
}

.butic-filters__currency {
	font-size: 0.85rem;
	color: var(--butic-muted);
}

.butic-filters__check {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.88rem;
	color: var(--butic-muted);
	cursor: pointer;
}

.butic-filters__check input {
	width: 16px;
	height: 16px;
	accent-color: var(--butic-accent);
	cursor: pointer;
}

.butic-filters__apply {
	padding: 0.5rem 1.1rem;
	border-radius: 999px;
	border: 1px solid var(--butic-line);
	background: rgba(255, 255, 255, 0.05);
	color: var(--butic-text);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.butic-filters__apply:hover {
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	color: #140e0a;
	border-color: transparent;
}

.butic-filters__reset {
	font-size: 0.85rem;
	color: var(--butic-accent);
	text-decoration: none;
}

.butic-filters__reset:hover {
	text-decoration: underline;
}

/* ---------- Account menu ---------- */

.butic-account {
	position: relative;
}

.butic-account-link.is-signed-in {
	padding-left: 0.4rem;
}

.butic-account-link__avatar {
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	color: #140e0a;
	font-weight: 700;
	font-size: 0.8rem;
	flex: none;
}

.butic-account__menu {
	left: auto;
	right: 0;
	transform: translateY(6px);
	min-width: 210px;
}

.butic-account:hover > .butic-account__menu,
.butic-account:focus-within > .butic-account__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.butic-account__greeting {
	padding: 0.55rem 0.75rem 0.6rem;
	margin-bottom: 0.25rem;
	border-bottom: 1px solid var(--butic-line);
	font-size: 0.85rem;
	color: var(--butic-muted);
}

.butic-account__greeting strong {
	color: var(--butic-text);
}

.butic-archive__pagination {
	margin-top: 2.5rem;
	display: flex;
	justify-content: center;
}

.butic-archive__pagination ul,
.woocommerce-pagination ul {
	list-style: none;
	display: flex;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
}

.butic-archive__pagination a,
.butic-archive__pagination span {
	display: inline-grid;
	place-items: center;
	min-width: 40px;
	height: 40px;
	padding: 0 0.6rem;
	border-radius: 10px;
	border: 1px solid var(--butic-line);
	text-decoration: none;
	font-size: 0.9rem;
}

.butic-archive__pagination a:hover {
	border-color: rgba(212, 114, 58, 0.55);
	color: var(--butic-text);
}

.butic-archive__pagination .current {
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	color: #140e0a;
	border-color: transparent;
	font-weight: 700;
}

.butic-archive__empty {
	text-align: center;
	padding: 3rem 1rem;
	color: var(--butic-muted);
}

.butic-archive__empty-title {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--butic-text);
	margin: 0 0 0.4rem;
}

.butic-archive__empty .butic-btn {
	margin-top: 1.25rem;
}

/* ---------- Generic post list (search fallback, archives) ---------- */

.butic-list {
	display: grid;
	gap: 1rem;
	margin-top: 1.5rem;
}

.butic-list__item {
	padding: 1.25rem;
	border: 1px solid var(--butic-line);
	border-radius: var(--butic-radius);
	background: var(--butic-bg-elev);
}

.butic-list__title {
	margin: 0 0 0.4rem;
	font-size: 1.1rem;
}

.butic-list__title a {
	text-decoration: none;
}

.butic-list__title a:hover {
	color: var(--butic-accent);
}

.butic-list__excerpt {
	color: var(--butic-muted);
	font-size: 0.92rem;
}

.butic-list__excerpt p {
	margin: 0;
}

/* ---------- WooCommerce fallback pages (cart, account, checkout) ---------- */

.butic-woo ul.products {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 720px) {
	.butic-woo ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
}

.butic-woo ul.products li.product {
	background: var(--butic-bg-elev);
	border: 1px solid var(--butic-line);
	border-radius: var(--butic-radius);
	overflow: hidden;
	padding: 0 0 1rem;
	text-align: left;
	transition: transform 0.25s ease, border-color 0.25s ease;
}

.butic-woo ul.products li.product:hover {
	transform: translateY(-4px);
	border-color: rgba(212, 114, 58, 0.5);
}

.butic-woo ul.products li.product a img {
	margin: 0 0 0.85rem;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.butic-woo ul.products li.product .woocommerce-loop-product__title {
	font-size: 0.95rem !important;
	padding: 0 0.9rem !important;
	margin: 0 0 0.35rem;
}

.butic-woo ul.products li.product .price {
	display: block;
	padding: 0 0.9rem;
	color: var(--butic-text) !important;
	font-weight: 700;
}

.butic-woo ul.products li.product .button {
	margin: 0.75rem 0.9rem 0;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	color: #140e0a;
	font-weight: 700;
}

.butic-woo .woocommerce-products-header__title,
.butic-woo .page-title {
	font-family: var(--butic-display);
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	letter-spacing: -0.02em;
}

.butic-woo .woocommerce-result-count,
.butic-woo .woocommerce-ordering {
	color: var(--butic-muted);
}

/* ---------- My Account ---------- */

.butic-woo__body {
	color: var(--butic-text);
}

/* `.woocommerce-account` sits on <body>, so it can only be used as an
   ancestor — not as a descendant of the wrapper.

   `.logged-in` is NOT decoration: pagina „Contul meu" are două înfățișări
   complet diferite sub aceeași clasă. Autentificat, `.woocommerce` conține
   meniul lateral plus conținutul — de-aia coloana de 240px. NEautentificat,
   conține caseta de notificări (goală) plus formularele de login și
   înregistrare; grila de mai jos le împingea pe amândouă în coloana a doua,
   iar formularele ieșeau înghesuite lângă o coloană de 240px goală.
   Fără `.logged-in`, regula gândită pentru un ecran strica celălalt. */
body.woocommerce-account.logged-in .butic-woo .woocommerce {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 860px) {
	body.woocommerce-account.logged-in .butic-woo .woocommerce {
		grid-template-columns: 240px 1fr;
		gap: 2.5rem;
		align-items: start;
	}
}

/* Neautentificat: login și înregistrare, două coloane egale, lățime întreagă.
   Lăsat pe seama CSS-ului WooCommerce, pagina depinde de un fișier de 92 KB
   care ajunge ultimul — de-aia apărea uneori turtită până se încărca tot. */
/* WooCommerce pune pe container un clearfix vechi, gândit pentru coloane pe
   `float`: `.col2-set::before` și `::after` cu `display: table`. Într-o GRILĂ,
   pseudo-elementele alea devin ele însele celule — grila de două coloane
   primea patru copii, iar formularele ajungeau în diagonală: „Autentificare"
   sus-dreapta, „Înregistrare" jos-stânga. Se sting înainte de orice. */
body.woocommerce-account:not(.logged-in) .butic-woo #customer_login::before,
body.woocommerce-account:not(.logged-in) .butic-woo #customer_login::after {
	display: none;
}

body.woocommerce-account:not(.logged-in) .butic-woo #customer_login {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 860px) {
	body.woocommerce-account:not(.logged-in) .butic-woo #customer_login {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
		align-items: start;
	}
}

body.woocommerce-account:not(.logged-in) .butic-woo #customer_login .col-1,
body.woocommerce-account:not(.logged-in) .butic-woo #customer_login .col-2 {
	width: auto;
	float: none;
}

.butic-woo .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0.4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	border: 1px solid var(--butic-line);
	border-radius: 12px;
	background: var(--butic-bg-elev);
}

@media (min-width: 860px) {
	.butic-woo .woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		flex-wrap: nowrap;
		position: sticky;
		top: 90px;
	}
}

.butic-woo .woocommerce-MyAccount-navigation li {
	margin: 0;
	list-style: none;
}

.butic-woo .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.6rem 0.85rem;
	border-radius: 8px;
	text-decoration: none;
	font-size: 0.9rem;
	color: var(--butic-muted);
	transition: background 0.15s ease, color 0.15s ease;
}

.butic-woo .woocommerce-MyAccount-navigation a:hover {
	color: var(--butic-text);
	background: rgba(255, 255, 255, 0.05);
}

.butic-woo .woocommerce-MyAccount-navigation li.is-active a {
	background: rgba(212, 114, 58, 0.16);
	color: var(--butic-text);
	font-weight: 600;
}

.butic-woo .woocommerce-MyAccount-navigation--link--customer-logout a {
	color: #ef9a9a;
}

.butic-woo .woocommerce-MyAccount-content {
	min-width: 0;
}

.butic-woo .woocommerce-MyAccount-content > p:first-child {
	margin-top: 0;
}

/* ---------- WooCommerce notices ---------- */

/* Woo renders these with a light background and an icon-font glyph that shows
   up as an empty box on a dark theme. Reset both. */
.butic-woo .woocommerce-info,
.butic-woo .woocommerce-message,
.butic-woo .woocommerce-error,
.butic-woo .woocommerce-notice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	list-style: none;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid var(--butic-line);
	border-left: 3px solid var(--butic-accent);
	border-radius: 10px;
	padding: 0.95rem 1.15rem !important;
	margin: 0 0 1rem;
	color: var(--butic-text) !important;
	font-size: 0.92rem;
	line-height: 1.55;
}

.butic-woo .woocommerce-info::before,
.butic-woo .woocommerce-message::before,
.butic-woo .woocommerce-error::before,
.butic-woo .woocommerce-notice::before {
	content: none !important;
}

.butic-woo .woocommerce-error {
	border-left-color: #d65c5c;
}

.butic-woo .woocommerce-message {
	border-left-color: var(--butic-accent-2);
}

/* The action button inside a notice is pushed to the end of the row */
.butic-woo .woocommerce-info .button,
.butic-woo .woocommerce-message .button,
.butic-woo .woocommerce-notice .button {
	margin-left: auto;
	padding: 0.55rem 1.1rem;
	font-size: 0.88rem;
}

/* Empty-state blocks ("Nicio comandă făcută până acum") */
.butic-woo .woocommerce-info:only-child {
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	padding: 1.5rem !important;
}

.butic-woo .woocommerce-info:only-child .button {
	margin-left: 0;
	margin-top: 0.5rem;
}

/* Forms: login, register, addresses, account details */
.butic-woo form.woocommerce-form,
.butic-woo form.woocommerce-EditAccountForm,
.butic-woo form.woocommerce-address-fields,
.butic-woo .woocommerce-form-login,
.butic-woo .woocommerce-form-register {
	background: var(--butic-bg-elev);
	border: 1px solid var(--butic-line);
	border-radius: var(--butic-radius);
	padding: 1.5rem;
	max-width: 34rem;
}

.butic-woo .woocommerce-form-row,
.butic-woo .form-row {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin-bottom: 1rem;
}

.butic-woo label {
	font-size: 0.88rem;
	color: var(--butic-muted);
}

.butic-woo input[type="text"],
.butic-woo input[type="email"],
.butic-woo input[type="tel"],
.butic-woo input[type="password"],
.butic-woo input[type="number"],
.butic-woo textarea,
.butic-woo select {
	width: 100%;
	border-radius: 10px;
	border: 1px solid rgba(247, 245, 241, 0.2);
	background: #131924;
	color: #fff;
	-webkit-text-fill-color: #fff;
	caret-color: var(--butic-accent);
	padding: 0.8rem 0.85rem;
	font: inherit;
	font-size: 1rem;
}

.butic-woo input::placeholder,
.butic-woo textarea::placeholder {
	color: rgba(247, 245, 241, 0.42);
	-webkit-text-fill-color: rgba(247, 245, 241, 0.42);
}

.butic-woo input:focus,
.butic-woo textarea:focus,
.butic-woo select:focus {
	outline: none;
	border-color: rgba(212, 114, 58, 0.75);
	background: #161d29;
}

.butic-woo input:-webkit-autofill,
.butic-woo input:-webkit-autofill:hover,
.butic-woo input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px #131924 inset;
	box-shadow: 0 0 0 1000px #131924 inset;
	transition: background-color 5000s ease-in-out 0s;
}

.butic-woo .button,
.butic-woo button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1.35rem;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--butic-accent), #e8a06a);
	color: #140e0a;
	font-weight: 700;
	border: none;
	cursor: pointer;
	text-decoration: none;
}

.butic-woo .woocommerce-Message,
.butic-woo .woocommerce-info,
.butic-woo .woocommerce-error,
.butic-woo .woocommerce-message {
	list-style: none;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--butic-line);
	border-left: 3px solid var(--butic-accent);
	border-radius: 10px;
	padding: 0.9rem 1.1rem;
	margin: 0 0 1.5rem;
}

.butic-woo .woocommerce-error {
	border-left-color: #d65c5c;
}

/* Orders table */
.butic-woo table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.butic-woo table th,
.butic-woo table td {
	text-align: left;
	padding: 0.75rem 0.65rem;
	border-bottom: 1px solid var(--butic-line);
}

.butic-woo table th {
	color: var(--butic-muted);
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.butic-woo .woocommerce-table--order-details,
.butic-woo .woocommerce-orders-table {
	display: block;
	overflow-x: auto;
}

/* Textul paginii de magazin, aliniat cu grila de produse (19.09.2026).
   `.butic-archive__desc` are 44rem — bun pentru o frază de categorie, prea
   îngust pentru o pagină întreagă: se oprea la jumătate, iar filtrele și
   cardurile de dedesubt mergeau până la 1120px. Două coloane la desktop aduc
   marginea din dreapta pe grilă și păstrează rândurile citibile. Titlurile
   trec peste ambele coloane, ca să rămână despărțitoare, nu bucăți. */
.butic-archive__desc--pagina { max-width: none; }
@media (min-width: 1000px) {
	.butic-archive__desc--pagina {
		columns: 2;
		column-gap: 3rem;
	}
	.butic-archive__desc--pagina > h2,
	.butic-archive__desc--pagina > h3 {
		column-span: all;
		margin-top: 1.6rem;
	}
	.butic-archive__desc--pagina > *:first-child { margin-top: 0; }
	.butic-archive__desc--pagina p { break-inside: avoid; }
}