:root{
	--bg:#ffffff;
	--text:#1b120d;
	--muted:rgba(27,18,13,.64);
	--border:rgba(27,18,13,.10);
	--accent:#c98c4a;
	--accent2:#8a5a2a;
	--danger:#d34b4b;
	--shadow:0 12px 24px rgba(27,18,13,.10);
	--radius:16px;
	--paper:#ffffff;
	--ink:#1b120d;

	--nav-bg:#140b08;
	--nav-text:#f4e7da;
	--nav-muted:rgba(244,231,218,.78);
	--nav-border:rgba(255,255,255,.12);
}

*{box-sizing:border-box}
html.has-drawer{overflow:hidden}
html,body{height:100%}
body.delco{
	margin:0;
	font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
	font-size:15px;
	line-height:1.55;
	background:var(--bg);
	color:var(--text);
}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
a{color:inherit;text-decoration:none}

.icon{font-size:18px;flex:0 0 auto;pointer-events:none}
.icon--sm{font-size:16px}

.iconbtn{
	display:inline-flex;align-items:center;justify-content:center;
	width:40px;height:40px;border-radius:12px;
	border:1px solid var(--border);
	background:rgba(27,18,13,.03);
	color:var(--text);
	cursor:pointer;
}
.iconbtn:hover{background:rgba(27,18,13,.06)}

.iconbtn--bare{
	width:44px;height:44px;
	border:0;
	background:transparent;
	color:inherit;
}
.iconbtn--bare:hover{background:transparent;opacity:.9}
.iconbtn--bare:focus-visible{outline:2px solid rgba(231,195,154,.45);outline-offset:4px}

.topbar .iconbtn:not(.iconbtn--bare),
.footer .iconbtn,
.drawer .iconbtn,
.admin-topbar .iconbtn:not(.iconbtn--bare),
.sidebar .iconbtn{
	border-color:var(--nav-border);
	background:rgba(255,255,255,.06);
	color:var(--nav-text);
}
.topbar .iconbtn:not(.iconbtn--bare):hover,
.footer .iconbtn:hover,
.drawer .iconbtn:hover,
.admin-topbar .iconbtn:not(.iconbtn--bare):hover,
.sidebar .iconbtn:hover{
	background:rgba(255,255,255,.10);
}

.container{max-width:1100px;margin:0 auto;padding:0 16px}
.delco--admin .container{max-width:1200px}
.main{padding:22px 16px 28px}
@media (min-width: 769px){.main{padding-bottom:32px}}
.delco--admin .main{padding-bottom:32px}

.topbar{
	position:sticky;top:0;z-index:10;
	background:var(--nav-bg);
	backdrop-filter:saturate(160%) blur(10px);
	border-bottom:1px solid var(--nav-border);
	color:var(--nav-text);
}
.topbar__inner{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:16px;
	padding:12px 0;
}
.topbar__menu{display:inline-flex}
@media (max-width: 768px){
	.topbar__inner{gap:12px;padding:10px 4px}
	.brand{flex-direction:row;align-items:baseline;gap:10px}
	.brand__tag{display:block;font-size:10px;letter-spacing:.16em}
	.brand__script{font-size:28px}
}

.topbar .brand{grid-column:2;justify-self:center}
.topbar .topbar__menu{grid-column:3;justify-self:end}
.brand{display:flex;align-items:baseline;gap:10px}
.brand__script{font-family:Cookie,cursive;font-size:30px;line-height:1}
.brand__tag{font-size:12px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.topbar .brand__tag{color:var(--nav-muted)}
.topbar .brand__script{color:var(--nav-text)}
.sidebar .brand__tag{color:var(--nav-muted)}
.sidebar .brand__script{color:var(--nav-text)}

@media (prefers-reduced-motion: no-preference){
	.anim-header .topbar .brand__script,
	.anim-header .topbar .brand__tag{
		will-change:transform,opacity;
	}

	.anim-header .topbar .brand__script{
		transition:transform .32s cubic-bezier(.2,.8,.2,1);
	}
	.anim-header .topbar .brand__tag{
		transition:opacity .30s ease;
		transition-delay:.12s;
	}

	.anim-header:not(.anim-header-ready) .topbar .brand__script{transform:translate3d(-10px,0,0)}
	.anim-header:not(.anim-header-ready) .topbar .brand__tag{opacity:0}
	.anim-header.anim-header-ready .topbar .brand__script{transform:translate3d(0,0,0)}
	.anim-header.anim-header-ready .topbar .brand__tag{opacity:1}
}

.topnav{display:flex;gap:12px}
.topnav__link{
	display:inline-flex;align-items:center;gap:8px;
	padding:10px 12px;border-radius:999px;
	color:var(--nav-muted);
	border:1px solid transparent;
}
.topnav__link.is-active{color:var(--nav-text);border-color:var(--nav-border);background:rgba(255,255,255,.06)}
.topnav__link:hover{color:var(--nav-text)}

.footer{
	background:var(--nav-bg);
	border-top:1px solid var(--nav-border);
	padding:18px 0 calc(18px + env(safe-area-inset-bottom));
	color:var(--nav-muted);
}
.footer__cols{
	display:grid;
	grid-template-columns:1fr;
	gap:18px;
}
@media (min-width: 860px){
	.footer__cols{grid-template-columns:1.2fr 1fr 1fr;gap:24px}
}
.footer__brand{
	font-family:Cookie,cursive;
	font-size:34px;
	line-height:1;
	color:var(--nav-text);
}
.footer__title{font-weight:700;color:var(--nav-text);margin-bottom:10px}
.footer__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer__link{color:var(--nav-muted)}
.footer__link:hover{color:var(--nav-text);text-decoration:underline;text-underline-offset:4px}
.footer__row{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.footer__icons{display:flex;gap:10px;align-items:center}
.footer__muted{color:var(--nav-muted)}
.footer__bottom{
	margin-top:18px;
	padding-top:14px;
	border-top:1px solid var(--nav-border);
}

.hero{margin-top:10px}
.hero__card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:var(--radius);
	padding:22px;
	box-shadow:var(--shadow);
}
.hero__kicker{color:var(--accent2);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.hero__title{margin:10px 0 8px;font-family:Cookie,cursive;font-size:56px;line-height:1}
.hero__desc{margin:0;color:var(--muted);max-width:62ch}
.hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.hero--minimal .hero__title{margin:0 0 10px;font-size:58px}
.hero--minimal .hero__card{padding:18px}
.hero--minimal .hero__actions{margin-top:6px}

.banner{margin-top:12px;position:relative}
.topbar + .banner{margin-top:0}
.banner--full{
	width:100%;
}
.banner__track{
	display:flex;
	gap:0;
	overflow:auto;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}
.banner__track::-webkit-scrollbar{display:none}
.banner__link{
	display:block;
	border-radius:18px;
	overflow:hidden;
	border:1px solid var(--border);
	box-shadow:var(--shadow);
	background:#fff;
	scroll-snap-align:start;
}
.banner__slide{flex:0 0 100%}
.banner--full .banner__link{
	border-radius:0;
	border-left:0;
	border-right:0;
}
.banner__img{width:100%;height:100%;display:block;aspect-ratio:16/6;object-fit:cover}
.banner__placeholder{
	aspect-ratio:16/6;
	background:
		radial-gradient(520px 220px at 20% 30%, rgba(201,140,74,.18), transparent 60%),
		radial-gradient(520px 220px at 90% 10%, rgba(201,140,74,.10), transparent 60%),
		linear-gradient(135deg, rgba(27,18,13,.04), rgba(27,18,13,.00));
}
@media (max-width: 768px){
	.banner__img,
	.banner__placeholder{aspect-ratio:16/9}
}
.banner__dots{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	display:flex;
	justify-content:center;
	gap:8px;
	pointer-events:none;
}
.banner__dot{
	width:7px;
	height:7px;
	border-radius:999px;
	border:0;
	background:rgba(255,255,255,.55);
	box-shadow:0 8px 18px rgba(0,0,0,.28);
	pointer-events:auto;
	cursor:pointer;
}
.banner__dot.is-active{background:rgba(255,255,255,.92);transform:scale(1.15)}

.section{margin-top:24px}
.section--tight{margin-top:14px}
.section__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.section__title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}
.link{color:var(--accent)}
.link:hover{text-decoration:underline}

.chips{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width: 768px){
	.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
	.chips::-webkit-scrollbar{height:6px}
	.chips::-webkit-scrollbar-thumb{background:rgba(27,18,13,.12);border-radius:999px}
}
.chip{
	padding:10px 12px;border-radius:999px;
	border:1px solid var(--border);
	background:#fff;
	color:var(--muted);
	font-weight:600;font-size:13px;
}
.chip.is-active{color:var(--text);border-color:rgba(201,140,74,.45);background:rgba(201,140,74,.10)}
.chip:hover{color:var(--text);border-color:rgba(27,18,13,.18)}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width: 360px){.grid{grid-template-columns:repeat(1,minmax(0,1fr))}}
@media (min-width: 980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}

.card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
}
.card__body{padding:14px}

.poster{
	display:block;
	border-radius:18px;
	background:var(--paper);
	border:1px solid rgba(0,0,0,.06);
	box-shadow:0 14px 30px rgba(0,0,0,.18);
	overflow:hidden;
	color:var(--ink);
	transition:transform .12s ease, box-shadow .12s ease;
}
.poster:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.poster__frame{
	position:relative;
	aspect-ratio:3/4;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
}
.poster__img{width:100%;height:100%;object-fit:cover;display:block}
.poster__placeholder{
	width:100%;height:100%;
	border:1px dashed rgba(0,0,0,.12);
	border-radius:0;
	background:linear-gradient(135deg, rgba(0,0,0,.03), rgba(0,0,0,.00));
}
.poster__brand{
	position:absolute;top:10px;right:12px;
	font-size:10px;font-weight:900;
	letter-spacing:.18em;
	color:rgba(27,18,13,.55);
}
.poster__footer{
	padding:14px 14px 16px;
	border-top:1px solid rgba(0,0,0,.05);
	background:var(--paper);
}
.poster__title{
	font-weight:700;
	font-size:13px;
	letter-spacing:-.01em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.poster__sub{
	margin-top:8px;
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	align-items:center;
	font-size:12px;
	color:rgba(27,18,13,.70);
}
.poster__price{font-weight:800;color:rgba(27,18,13,.95)}
.poster__dot{opacity:.55}
.poster__meta{opacity:.85}

.badge{
	display:inline-flex;align-items:center;gap:6px;
	padding:6px 10px;border-radius:999px;
	border:1px solid rgba(201,140,74,.45);
	background:rgba(201,140,74,.10);
	font-size:12px;font-weight:600;color:var(--text);
}
.badge--muted{border-color:var(--border);background:rgba(27,18,13,.04);color:var(--muted)}

.pagehead{margin-top:8px}
.pagehead__title{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}
.pagehead__sub{margin-top:6px;color:var(--muted)}

.breadcrumbs{margin-top:8px}

.product{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}
@media (min-width: 900px){.product{grid-template-columns:1.1fr .9fr;align-items:start}}
.product__media{
	border-radius:var(--radius);
	overflow:hidden;
	border:1px solid var(--border);
	background:#fff;
	padding:0;
}
.product__frame{aspect-ratio:4/5;background:#fff}
.product__image{width:100%;height:100%;object-fit:cover;display:block}
.product__placeholder{
	width:100%;
	height:360px;
	border:1px dashed rgba(27,18,13,.12);
	border-radius:0;
	background:linear-gradient(135deg, rgba(27,18,13,.04), rgba(27,18,13,.00));
}
.product__meta{margin-bottom:8px}
.product__title{margin:6px 0 10px;font-size:30px;font-weight:800;letter-spacing:-.02em}
.product__price{display:flex;align-items:baseline;gap:14px}
.price{font-size:20px;font-weight:800;color:var(--accent2)}
.muted{color:var(--muted)}
.strong{font-weight:700}
.product__desc{margin-top:14px;color:var(--text);opacity:.92;line-height:1.7}

.gallery{
	display:flex;
	gap:10px;
	overflow:auto;
	padding:10px;
	border-top:1px solid var(--border);
	background:#fff;
	-webkit-overflow-scrolling:touch;
}
.gallery::-webkit-scrollbar{height:6px}
.gallery::-webkit-scrollbar-thumb{background:rgba(27,18,13,.12);border-radius:999px}
.gallery__thumb{
	flex:0 0 auto;
	width:64px;
	height:64px;
	border-radius:14px;
	border:1px solid var(--border);
	background:#fff;
	padding:0;
	overflow:hidden;
	cursor:pointer;
}
.gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gallery__thumb.is-active{border-color:rgba(201,140,74,.55);box-shadow:0 0 0 4px rgba(201,140,74,.12)}

.btn{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	padding:10px 14px;border-radius:12px;
	border:1px solid var(--border);
	background:#fff;
	color:var(--text);
	font-weight:700;
	cursor:pointer;
}
.btn:hover{background:rgba(27,18,13,.03)}
.btn--primary{border-color:var(--nav-bg);background:var(--nav-bg);color:var(--nav-text)}
.btn--primary:hover{background:#1f120d;border-color:#1f120d}
.btn--secondary{background:rgba(27,18,13,.04)}
.btn--secondary:hover{background:rgba(27,18,13,.06)}
.btn--danger{border-color:rgba(211,75,75,.45);background:rgba(211,75,75,.06)}
.btn--danger:hover{background:rgba(211,75,75,.10)}
.btn--sm{padding:8px 10px;border-radius:10px;font-size:12px}
.btn--block{width:100%}
.btn--ghost{background:transparent}

.form{display:flex;flex-direction:column;gap:10px}
.form__row{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width: 760px){.form__row{grid-template-columns:1fr 1fr}}
.imgpick{margin:0 0 12px}
.imgpick__input{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}
.imgpick__frame{
	display:block;
	position:relative;
	border-radius:var(--radius);
	border:1px solid var(--border);
	box-shadow:var(--shadow);
	background:#fff;
	overflow:hidden;
	aspect-ratio:16/10;
	cursor:pointer;
}
.imgpick__img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.imgpick__placeholder{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	color:rgba(27,18,13,.55);
	background:
		radial-gradient(520px 220px at 20% 30%, rgba(201,140,74,.14), transparent 60%),
		linear-gradient(135deg, rgba(27,18,13,.04), rgba(27,18,13,.00));
}
.imgpick__cta{
	position:absolute;
	right:12px;
	bottom:12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:999px;
	background:rgba(20,11,8,.90);
	color:var(--nav-text);
	font-weight:900;
	letter-spacing:-.01em;
	border:1px solid rgba(255,255,255,.12);
}
.imgpick__frame:hover .imgpick__cta{opacity:.92}
.imgpick:focus-within .imgpick__frame{outline:2px solid rgba(201,140,74,.55);outline-offset:4px}
.label{font-weight:700;color:var(--muted);font-size:13px}
.input{
	width:100%;
	padding:12px 12px;
	border-radius:12px;
	border:1px solid var(--border);
	background:#fff;
	color:var(--text);
	outline:none;
}
.input:focus{border-color:rgba(201,140,74,.55);box-shadow:0 0 0 4px rgba(201,140,74,.12)}
.input::placeholder{color:var(--muted)}
select.input{appearance:none}
textarea.input{resize:vertical}

.pimgs{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin:10px 0 6px;
}
.pimg{
	position:relative;
	width:72px;
	height:72px;
	border-radius:16px;
	overflow:hidden;
	border:1px solid var(--border);
	background:#fff;
	cursor:pointer;
}
.pimg__img{width:100%;height:100%;object-fit:cover;display:block}
.pimg__cover{
	position:absolute;
	width:1px;height:1px;
	opacity:0;
	pointer-events:none;
}
.pimg__rm{
	position:absolute;
	inset:0;
	opacity:0;
	pointer-events:none;
}
.pimg__btn{
	position:absolute;
	width:28px;height:28px;
	display:flex;align-items:center;justify-content:center;
	border:0;background:transparent;
	color:rgba(255,255,255,.95);
	cursor:pointer;
	padding:0;
	text-shadow:0 1px 2px rgba(0,0,0,.32);
	z-index:3;
}
.pimg__btn .icon{font-size:18px}
.pimg__btn--cover{top:6px;right:6px}
.pimg__btn--rm{top:6px;left:6px}
.pimg__overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(20,11,8,.18);
	opacity:0;
	transition:opacity .14s ease;
	pointer-events:none;
	z-index:2;
}
.pimg__badge{
	position:absolute;
	left:8px;
	bottom:8px;
	padding:4px 8px;
	border-radius:999px;
	font-size:10px;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	background:rgba(20,11,8,.86);
	color:var(--nav-text);
	border:1px solid rgba(255,255,255,.12);
	opacity:0;
	transition:opacity .12s ease;
	pointer-events:none;
	z-index:2;
}
.pimg.is-cover{border-color:rgba(201,140,74,.55)}
.pimg.is-cover .pimg__badge{opacity:1}
.pimg.is-remove .pimg__overlay{opacity:1;background:rgba(211,75,75,.26)}
.pimg__btn:focus-visible{outline:2px solid rgba(201,140,74,.55);outline-offset:2px;border-radius:999px}

.check{display:flex;align-items:center;gap:10px;color:var(--text)}
.check input{transform:scale(1.1)}

.alert{
	padding:12px 12px;border-radius:14px;border:1px solid var(--border);
	margin:12px 0;
}
.alert--success{border-color:rgba(98,187,120,.35);background:rgba(98,187,120,.10)}
.alert--error{border-color:rgba(211,75,75,.35);background:rgba(211,75,75,.10)}

.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:18px;color:var(--muted)}
.empty__title{font-weight:800;color:var(--text)}
.empty__desc{margin-top:6px}

.search{display:flex;gap:10px;align-items:center}
.search .input{flex:1}

.drawer{
	position:fixed;inset:0;
	z-index:30;
	visibility:hidden;
	opacity:0;
	pointer-events:none;
	transition:opacity .18s ease, visibility 0s linear .18s;
}
.drawer.is-open{
	visibility:visible;
	opacity:1;
	pointer-events:auto;
	transition:opacity .18s ease, visibility 0s;
}
.drawer__overlay{
	position:absolute;inset:0;
	background:rgba(0,0,0,.55);
	opacity:0;
	transition:opacity .18s ease;
}
.drawer.is-open .drawer__overlay{opacity:1}
.drawer__panel{
	position:absolute;top:0;right:0;bottom:0;
	width:min(360px, 92vw);
	background:var(--nav-bg);
	border-left:1px solid var(--nav-border);
	box-shadow:0 18px 42px rgba(0,0,0,.28);
	padding:14px;
	color:var(--nav-text);
	transform:translateX(105%);
	transition:transform .18s ease;
}
.drawer.is-open .drawer__panel{transform:translateX(0)}

@media (prefers-reduced-motion: reduce){
	.drawer,
	.drawer__overlay,
	.drawer__panel{transition:none}
}
.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.drawer__title{font-family:Cookie,cursive;font-size:34px;line-height:1}

.drawer-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.drawer-nav__sep{height:1px;background:var(--nav-border);margin:6px 0;border-radius:999px}
.drawer-nav__link{
	display:flex;align-items:center;gap:10px;
	padding:12px 6px;border-radius:12px;
	border:0;
	background:transparent;
	color:var(--nav-text);
	font-weight:700;
}
.drawer-nav__link:hover{opacity:.9;text-decoration:underline;text-underline-offset:4px}
.drawer-nav__link:focus-visible{outline:2px solid rgba(231,195,154,.45);outline-offset:4px}
.drawer-nav__toggle{
	width:100%;
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:12px 6px;border-radius:12px;
	border:0;
	background:transparent;
	color:var(--nav-text);
	font-weight:700;
	cursor:pointer;
}
.drawer-nav__toggle:hover{opacity:.9;text-decoration:underline;text-underline-offset:4px}
.drawer-nav__toggle:focus-visible{outline:2px solid rgba(231,195,154,.45);outline-offset:4px}
.drawer-nav__toggle-left{display:inline-flex;align-items:center;gap:10px}
.drawer-nav__sub{display:none;list-style:none;padding:6px 0 0 0;margin:0}
.drawer-nav__item--has-sub.is-open .drawer-nav__sub{display:block}
.drawer-nav__item--has-sub .drawer-nav__toggle ion-icon[name="chevron-down-outline"]{transition:transform .14s ease}
.drawer-nav__item--has-sub.is-open .drawer-nav__toggle ion-icon[name="chevron-down-outline"]{transform:rotate(180deg)}
.drawer-nav__sub-item{margin-top:6px}
.drawer-nav__sub-link{
	display:block;
	padding:10px 12px 10px 44px;
	border-radius:12px;
	border:0;
	background:transparent;
	color:var(--nav-text);
	font-weight:600;
}
.drawer-nav__sub-link:hover{opacity:.9;text-decoration:underline;text-underline-offset:4px}
.drawer-nav__sub-link:focus-visible{outline:2px solid rgba(231,195,154,.45);outline-offset:4px}

.auth{min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;padding:40px 16px}
.auth__card{max-width:420px;width:100%}
.auth__brand{font-family:Cookie,cursive;font-size:42px;line-height:1;margin-bottom:6px}
.auth__muted{color:var(--muted);margin-bottom:14px}
.auth__hint{margin-top:12px;color:var(--muted);font-size:12px}

.stats{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}
@media (min-width: 720px){.stats{grid-template-columns:1fr 1fr}}
.stat__label{color:var(--muted);font-weight:700}
.stat__value{font-size:32px;font-weight:800;margin-top:6px}

.table{overflow:hidden}
.table__row{
	display:grid;
	grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.2fr;
	gap:12px;
	padding:12px 14px;
	border-top:1px solid var(--border);
	align-items:center;
}
.table__head{border-top:0;color:var(--muted);font-weight:800}
.table__actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.inline{display:inline}

@media (max-width: 860px){
	.table__row{grid-template-columns:1.6fr 1fr 1fr;grid-auto-rows:auto}
	.table__row > :nth-child(4),
	.table__row > :nth-child(5){display:none}
	.table__actions{justify-content:flex-start}
}

.table--products .table__row{grid-template-columns:64px 2fr 1fr 1fr 1.4fr}
@media (max-width: 860px){
	.table--products .table__row{grid-template-columns:56px 1.6fr 1fr 1fr;grid-auto-rows:auto}
	.table--products .table__row > :nth-child(4){display:none}
}

.thumb{
	width:52px;
	height:52px;
	border-radius:14px;
	border:1px solid var(--border);
	background:rgba(27,18,13,.03);
	overflow:hidden;
	object-fit:cover;
	display:block;
}
.thumb--placeholder{
	background:
		radial-gradient(220px 120px at 20% 30%, rgba(201,140,74,.14), transparent 60%),
		linear-gradient(135deg, rgba(27,18,13,.05), rgba(27,18,13,.00));
	border-style:dashed;
}

.plist{
	background:#fff;
	border:1px solid var(--border);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	overflow:visible;
}
.plist__item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:12px 14px;
	border-top:1px solid var(--border);
}
.plist__item:first-child{border-top:0}
.plist__left{display:flex;align-items:center;gap:12px;min-width:0}
.plist__text{min-width:0}
.plist__name{
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.plist__sub{margin-top:2px;color:var(--muted);font-weight:600;font-size:12px}
.plist__right{display:flex;align-items:center;gap:10px;position:relative}
.actions{display:flex;gap:10px;align-items:center}

.menu{
	position:absolute;
	top:calc(100% + 8px);
	right:0;
	min-width:190px;
	padding:6px;
	background:#fff;
	border:1px solid var(--border);
	border-radius:14px;
	box-shadow:var(--shadow);
	z-index:60;
}
.menu__item{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	padding:10px 10px;
	border-radius:12px;
	border:0;
	background:transparent;
	color:var(--text);
	font-weight:700;
	cursor:pointer;
	text-align:left;
}
.menu__item:hover{background:rgba(27,18,13,.04)}
.menu__item--danger{color:var(--danger)}
.menu__sep{height:1px;background:var(--border);margin:6px 6px;border-radius:999px}

.imggrid{
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	gap:10px;
}
@media (max-width: 520px){
	.imggrid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
.imgopt{
	position:relative;
	display:block;
	border-radius:14px;
	overflow:hidden;
	border:1px solid var(--border);
	background:#fff;
	cursor:pointer;
	aspect-ratio:1/1;
}
.imgopt.is-selected{border-color:rgba(201,140,74,.55);box-shadow:0 0 0 4px rgba(201,140,74,.12)}
.imgopt__input{
	position:absolute;
	width:1px;height:1px;
	opacity:0;
	pointer-events:none;
}
.imgopt__img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.imgopt__ph{
	position:absolute;inset:0;
	display:flex;align-items:center;justify-content:center;
	color:rgba(27,18,13,.60);
	background:rgba(27,18,13,.03);
}

.list{margin:0;padding-left:18px}
.list__label{display:inline-block;min-width:90px;color:var(--muted);font-weight:700}
.list--icons{list-style:none;padding-left:0}
.list--icons li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border)}
.list--icons li:first-child{border-top:0}

/* Contact links */
.clinks{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.clink{
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 12px;
	border-radius:16px;
	border:1px solid var(--border);
	background:#fff;
	color:var(--text);
	text-decoration:none;
	transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.clink:hover{transform:translateY(-1px);border-color:rgba(201,140,74,.30);box-shadow:0 10px 22px rgba(20,11,8,.06)}
.clink:focus-visible{outline:2px solid rgba(201,140,74,.55);outline-offset:3px}
.clink__icon{
	width:38px;height:38px;border-radius:14px;
	display:flex;align-items:center;justify-content:center;
	background:rgba(27,18,13,.05);
	color:rgba(27,18,13,.78);
	flex:0 0 auto;
}
.clink__meta{min-width:0;flex:1}
.clink__label{display:block;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.02em}
.clink__text{display:block;margin-top:3px;font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clink__chev{opacity:.55}
@media (max-width: 560px){
	.clinks{grid-template-columns:1fr}
	.clink__text{white-space:normal}
}

/* Admin shell + sidebar */
.admin-shell{min-height:100vh;display:flex}
.admin-main{flex:1;min-width:0;background:#fff}
.admin-topbar{
	position:sticky;top:0;z-index:20;
	background:var(--nav-bg);
	backdrop-filter:saturate(160%) blur(10px);
	border-bottom:1px solid var(--nav-border);
	color:var(--nav-text);
}
.admin-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.admin-topbar__menu{display:inline-flex}
.admin-topbar__title{
	flex:1;
	text-align:center;
	font-weight:700;
	letter-spacing:-.01em;
	color:var(--nav-text);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.admin-topbar__right{display:flex;gap:10px;align-items:center}
.admin-content{padding-top:18px}
@media (max-width: 480px){
	.admin-topbar__visit{display:none}
}

.sidebar{
	width:270px;
	background:var(--nav-bg);
	border-right:1px solid var(--nav-border);
	position:sticky;top:0;height:100vh;
	padding:14px 12px;
	color:var(--nav-muted);
}
.sidebar__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.sidebar__close{display:none}
.sidebar__nav{display:flex;flex-direction:column;gap:8px}
.sidebar__link{
	display:flex;align-items:center;gap:10px;
	padding:12px 12px;border-radius:14px;
	border:0;
	background:transparent;
	color:var(--nav-muted);
	font-weight:700;
	position:relative;
}
.sidebar__link:hover{color:var(--nav-text);background:transparent}
.sidebar__link.is-active{color:var(--nav-text);background:rgba(255,255,255,.08)}
.sidebar__foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--nav-border);color:var(--nav-muted)}

.sidebar-overlay{display:none}

@media (max-width: 980px){
	.sidebar{
		position:fixed;left:0;top:0;bottom:0;height:auto;
		transform:translateX(-105%);
		transition:transform .18s ease;
		z-index:40;
	}
	.sidebar.is-open{transform:translateX(0)}
	.sidebar__close{display:inline-flex}
	.sidebar-overlay{
		position:fixed;inset:0;z-index:35;
		background:rgba(0,0,0,.55);
		display:none;
	}
	.sidebar.is-open ~ .sidebar-overlay{display:block}
}
@media (min-width: 981px){
	.admin-topbar__menu{display:none}
	.sidebar{transform:none}
}