@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');

:root {
  --bg:#120d0b; --bg2:#1b1310; --panel:rgba(38,25,20,.76); --panel-strong:rgba(46,30,23,.92);
  --line:rgba(255,241,228,.1); --line-strong:rgba(255,241,228,.18); --text:#f8f1e7; --muted:rgba(248,241,231,.72);
  --soft:rgba(248,241,231,.48); --accent:#d8ab6d; --accent-strong:#f0c689; --danger:#f09581; --success:#9ad0a0;
  --shadow:0 24px 70px rgba(0,0,0,.34); --radius-lg:32px; --radius-md:22px; --radius-sm:16px; --max:1260px; --nav-h:84px;
  --ease:220ms cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:'Manrope',sans-serif;color:var(--text);background:
radial-gradient(circle at top left, rgba(216,171,109,.18), transparent 28%),
radial-gradient(circle at 80% 20%, rgba(122,76,47,.22), transparent 24%),
linear-gradient(180deg,#160f0d 0%,#100b09 42%,#0d0908 100%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center, black 35%, transparent 90%);opacity:.22}
::selection{background:var(--accent);color:#1f140f}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
button,input,select,textarea{font:inherit} h1,h2,h3,h4,h5,h6,p{margin:0}
h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.04em}

.site-shell{min-height:100vh;display:flex;flex-direction:column}
.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);background:rgba(10,8,7,.56);border-bottom:1px solid rgba(255,255,255,.05)}
.nav{max-width:var(--max);min-height:var(--nav-h);margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav-brand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}
.nav-brand-mark{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,245,233,.12);background:radial-gradient(circle at 30% 30%, rgba(255,241,228,.35), transparent 45%),linear-gradient(145deg,#6d452d,#241712);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.3)}
.nav-brand-copy{display:flex;flex-direction:column;gap:2px}
.nav-brand-copy strong{font-size:1rem}.nav-brand-copy span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.nav-links,.nav-actions,.hero-actions,.hero-tags,.split-actions,.table-actions,.qty-row,.inline-form,.pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav-links{flex:1;justify-content:center}
.nav-link{padding:10px 14px;border-radius:999px;color:var(--muted);transition:background var(--ease),color var(--ease),transform var(--ease)}
.nav-link:hover,.nav-link.active{color:var(--text);background:rgba(255,255,255,.06);transform:translateY(-1px)}
.nav-user{color:var(--soft);font-size:.88rem}

.page-main{flex:1}.page-shell{width:min(var(--max), calc(100% - 48px));margin:0 auto;padding:28px 0 56px}.page-shell-tight{width:min(1120px, calc(100% - 48px))}
.site-footer{border-top:1px solid rgba(255,255,255,.05);padding:22px 28px 30px;color:var(--soft)}
.site-footer-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.86rem}

.flash-stack{display:grid;gap:10px;margin-bottom:24px}
.flash{padding:14px 18px;border-radius:16px;border:1px solid;backdrop-filter:blur(18px);animation:rise 340ms var(--ease)}
.flash-success{background:rgba(154,208,160,.1);border-color:rgba(154,208,160,.22);color:var(--success)}
.flash-danger{background:rgba(240,149,129,.1);border-color:rgba(240,149,129,.22);color:var(--danger)}
.flash-warning,.flash-info{background:rgba(216,171,109,.1);border-color:rgba(216,171,109,.22);color:var(--accent-strong)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:transform var(--ease),background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{color:#22150f;background:linear-gradient(135deg,var(--accent-strong),var(--accent));box-shadow:0 12px 30px rgba(216,171,109,.22)}
.btn-secondary{color:var(--text);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
.btn-ghost{color:var(--muted);background:transparent;border-color:rgba(255,255,255,.12)}
.btn-danger{color:var(--danger);background:rgba(240,149,129,.08);border-color:rgba(240,149,129,.18)}
.btn-link{padding:0;min-height:0;border:0;background:transparent;color:var(--accent-strong)}
.btn-sm{min-height:40px;padding:0 16px;font-size:.9rem}.btn-lg{min-height:54px;padding:0 28px}.btn-block{width:100%}

.eyebrow,.product-category,.form-label,.data-table th{letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.82rem}
.section-intro{max-width:720px;margin-bottom:26px}.section-intro h1,.section-intro h2{font-size:clamp(2rem,3.8vw,4rem)}.section-intro p{margin-top:12px;color:var(--muted)}

.surface-panel,.surface-table,.editorial-panel,.auth-panel,.summary-panel,.detail-panel,.admin-panel,.product-form-panel,.hero-note,.hero-stat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.stack,.product-top,.detail-copy,.form-grid,.status-form,.hero-side{display:grid;gap:18px}
.panel-title,.summary-header,.catalog-head,.admin-hero{display:flex;align-items:end;justify-content:space-between;gap:14px}
.admin-hero{align-items:center;gap:18px}
.page-note,.summary-note,.table-subtle,.muted,.product-description,.auth-panel p,.admin-hero p{color:var(--muted)}

.hero-landing{position:relative;min-height:calc(100svh - var(--nav-h) - 28px);margin:-28px calc(50% - 50vw) 34px;padding:110px 0 42px;overflow:hidden}
.hero-landing::before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg, rgba(11,8,7,.84) 0%, rgba(11,8,7,.64) 42%, rgba(11,8,7,.3) 100%),
radial-gradient(circle at 75% 25%, rgba(216,171,109,.14), transparent 28%),
url("https://www.zolotoykolos.ru/upload/medialibrary/bb1/ynz7fe93hz6fjnajhnvk8podzjk8vu9i.jpg") center/cover;transform:scale(1.03)}
.hero-landing::after{content:"";position:absolute;inset:auto 0 0;height:240px;background:linear-gradient(180deg,transparent,#0d0908 90%)}
.hero-inner{position:relative;z-index:1;width:min(var(--max), calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,720px);align-items:end;gap:42px}
.hero-copy{animation:rise 800ms var(--ease)}
.hero-brand{display:block;font-size:.92rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.hero-title,.auth-aside h1{font-family:'Playfair Display',serif}
.hero-title{font-size:clamp(3.4rem,8vw,6.8rem);line-height:.95;max-width:9ch}
.hero-text{max-width:560px;margin-top:20px;color:rgba(248,241,231,.82);font-size:clamp(1rem,1.5vw,1.14rem)}
.hero-actions{margin-top:28px}
.meta-pill,.pill,.badge{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--muted);font-size:.86rem}
.hero-note,.hero-stat,.summary-panel,.surface-panel,.product-form-panel,.auth-panel,.admin-panel,.detail-panel{padding:26px}
.hero-note strong,.hero-stat strong,.pickup-box strong,.stat-card strong{display:block}.hero-note strong,.hero-stat strong{font-size:1.05rem;margin-bottom:8px}.hero-note p,.hero-stat p{color:var(--muted)}
.hero-stat span,.stat-card span{display:block;color:var(--accent-strong);line-height:1}
.hero-stat span{font-size:3.2rem}.feature-ribbon,.stat-grid,.action-grid{display:grid;gap:18px}
.feature-ribbon{grid-template-columns:repeat(3, minmax(0,1fr));margin-bottom:42px}.feature-ribbon article{padding:22px 24px}.feature-ribbon h3{font-size:1.15rem;margin-bottom:10px}.feature-ribbon p,.action-tile p{color:var(--muted)}
.detail-grid,.layout-2col,.auth-layout{display:grid;gap:24px}
.catalog-head{margin-bottom:26px}.catalog-meta{color:var(--soft)}

.product-list{display:grid;gap:18px}
.product-row{display:grid;grid-template-columns:300px minmax(0,1fr) auto;gap:22px;padding:18px;align-items:stretch;transition:transform var(--ease),border-color var(--ease),background var(--ease)}
.product-row:hover,.action-tile:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--panel-strong)}
.product-media,.detail-media,.cart-thumb{overflow:hidden;background:#fff}
.product-media{border-radius:24px;min-height:220px}
.product-media img,.detail-media img{width:100%;height:100%;object-fit:contain;padding:18px;background:#fff}
.cart-thumb img{width:100%;height:100%;object-fit:cover}
.product-media-fallback,.detail-media-fallback{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,241,228,.3);font-size:3rem}
.product-main{display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.product-category{color:var(--accent);font-size:.78rem}.product-name{font-size:clamp(1.5rem,2vw,2.15rem)} .product-description{max-width:54ch}
.product-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--soft)}
.product-specs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}
.product-specs strong{color:var(--text);font-weight:600}
.weight-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035);width:max-content}
.weight-pill span{color:var(--soft);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.weight-pill strong{font-size:1rem}
.product-side{min-width:180px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:18px}
.price{font-size:clamp(1.45rem,2.6vw,2.5rem);line-height:1;color:var(--accent-strong)}

.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--soft);font-size:.88rem}.breadcrumbs span{opacity:.5}
.detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)} .detail-media{min-height:620px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.detail-copy h1,.admin-hero h1{font-size:clamp(2rem,4.4vw,4.3rem)} .detail-copy p{line-height:1.7;color:var(--muted)}

.qty-input,.form-control,.form-select{width:100%;min-height:52px;padding:0 16px;color:var(--text);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:16px;outline:none;transition:border-color var(--ease),background var(--ease),box-shadow var(--ease)}
.form-select option,.form-control option{background:#fdf8f0;color:#1a1410}
.qty-input{width:92px;text-align:center} textarea.form-control{min-height:120px;padding:14px 16px;resize:vertical}
.form-control:focus,.form-select:focus,.qty-input:focus,textarea:focus{border-color:rgba(216,171,109,.5);box-shadow:0 0 0 4px rgba(216,171,109,.12);background:rgba(255,255,255,.065)}
.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:grid;gap:8px}.form-label{font-size:.84rem;color:var(--soft)}.form-hint{color:var(--soft);font-size:.84rem}
.form-check{display:flex;align-items:center;gap:10px;color:var(--muted)} .form-check-input{width:18px;height:18px;accent-color:var(--accent)}

.layout-2col{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.list-divider{display:grid}.list-divider>*+*{border-top:1px solid var(--line)}
.cart-item,.order-line{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 0}
.cart-thumb{width:84px;height:84px;border-radius:20px}
.cart-title,.order-line-name{font-weight:700}.cart-meta,.order-line-meta{color:var(--muted)}.cart-line-total,.order-line-sum{font-weight:700;color:var(--accent-strong)}
.summary-total{display:flex;align-items:end;justify-content:space-between;gap:16px;font-size:1.1rem;padding-top:18px;border-top:1px solid var(--line)}
.summary-total strong{font-size:2rem;color:var(--accent-strong)}
.pickup-box{padding:22px;border-radius:var(--radius-md);border:1px solid rgba(216,171,109,.18);background:rgba(216,171,109,.08)} .pickup-box strong{margin-bottom:8px;color:var(--accent-strong)}

.table-container{overflow:auto}.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.data-table th{color:var(--soft);font-size:.8rem;font-weight:600}.data-table tbody tr:hover{background:rgba(255,255,255,.03)} .surface-table{overflow:hidden}
.data-table.orders-feed{table-layout:fixed;width:100%}
.data-table.orders-feed th,.data-table.orders-feed td{vertical-align:middle}
.data-table.orders-feed th:nth-child(1),.data-table.orders-feed td:nth-child(1){width:19%;min-width:10.5rem;white-space:nowrap}
.data-table.orders-feed th:nth-child(2),.data-table.orders-feed td:nth-child(2){width:11%;white-space:nowrap}
.data-table.orders-feed th:nth-child(3),.data-table.orders-feed td:nth-child(3){width:auto;min-width:11rem;word-break:normal}
.data-table.orders-feed th:nth-child(4),.data-table.orders-feed td:nth-child(4){width:12%;white-space:nowrap;text-align:right}
.data-table.orders-feed th:nth-child(5),.data-table.orders-feed td:nth-child(5){width:13%;white-space:nowrap}
.data-table.orders-feed th:nth-child(6),.data-table.orders-feed td:nth-child(6){width:7.5rem;text-align:right;white-space:nowrap}
.data-table.orders-feed .orders-feed__client-line{display:block;line-height:1.35}
.data-table.orders-feed .orders-feed__client-line+.orders-feed__client-line{margin-top:4px;font-size:.88rem}
.badge{min-height:32px;padding:0 12px;font-size:.78rem}
.badge-cat,.badge-new,.badge-confirmed{color:var(--accent-strong);border-color:rgba(216,171,109,.18)}
.badge-ready,.badge-completed,.badge-active{color:var(--success);border-color:rgba(154,208,160,.18)}
.badge-cancelled,.badge-inactive{color:var(--danger);border-color:rgba(240,149,129,.18)}
.pill.active{color:#23160f;background:var(--accent);border-color:transparent}

.auth-layout{min-height:calc(100svh - var(--nav-h) - 28px);grid-template-columns:minmax(0,1fr) minmax(420px,480px);align-items:start}
.auth-aside{border-radius:var(--radius-lg);overflow:hidden;position:relative;padding:28px 32px;display:flex;flex-direction:column;justify-content:flex-start;align-self:start;min-height:400px;background:linear-gradient(180deg, rgba(14,10,9,.36), rgba(14,10,9,.82)),url("https://images.unsplash.com/photo-1483695028939-5bb13f8648b0?auto=format&fit=crop&w=1200&q=80") center/cover;box-shadow:var(--shadow)}
.auth-aside h1{font-size:clamp(2.2rem,4vw,3.4rem);max-width:12ch;line-height:1.05}.auth-aside p{max-width:36ch;margin-top:14px;color:rgba(248,241,231,.8);font-size:.95rem;line-height:1.55}
.auth-panel{display:flex;flex-direction:column;justify-content:center}.auth-panel h2{font-size:2rem;margin-bottom:10px}.auth-panel p{margin-bottom:24px}.auth-switch{margin-top:18px;color:var(--muted)}

.admin-hero{padding:28px 30px;margin-bottom:22px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}
.stat-card{padding:24px}.stat-card strong{color:var(--soft);font-size:.8rem}.stat-card span{margin-top:14px;font-size:clamp(2rem,4vw,3.5rem)}.stat-card p{margin-top:10px;color:var(--muted)}
.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-tile{padding:26px;transition:transform var(--ease),border-color var(--ease),background var(--ease)} .action-tile h3,.panel-title h2,.panel-title h3{font-size:1.4rem}
.empty-state{padding:54px 28px;text-align:center}.empty-state h2{font-size:1.8rem;margin-bottom:10px}.empty-state p{color:var(--muted);margin-bottom:22px}
.centered{max-width:760px}.spacer-top{margin-top:24px}

@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1100px){
  .hero-inner,.detail-grid,.layout-2col,.auth-layout{grid-template-columns:1fr}
  .product-row,.feature-ribbon,.stat-grid,.action-grid{grid-template-columns:1fr}
  .product-side{align-items:flex-start}.detail-media{min-height:420px}
}
@media (max-width:780px){
  .nav{padding:14px 18px;flex-wrap:wrap}.nav-links{order:3;justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:4px}
  .page-shell,.page-shell-tight{width:min(var(--max), calc(100% - 28px));padding-bottom:42px}
  .hero-landing{padding-top:92px}.hero-title{max-width:none}
  .cart-item,.order-line{grid-template-columns:70px minmax(0,1fr)} .cart-line-total,.order-line-sum,.qty-input{grid-column:2}
  .form-grid.cols-2,.site-footer-inner,.catalog-head,.admin-hero{display:grid;grid-template-columns:1fr}
}
@media (max-width:560px){
  .hero-landing{min-height:auto;padding-bottom:28px}.hero-inner,.page-shell,.page-shell-tight{width:calc(100% - 24px)}
  .hero-note,.hero-stat,.surface-panel,.summary-panel,.detail-panel,.auth-panel,.admin-panel,.product-form-panel{padding:20px;border-radius:24px}
  .product-row{padding:14px}.product-media{min-height:190px}.site-footer{padding-inline:14px}
}