:root{--color-bg: #fbefe7;--color-bg-soft: #fff8f3;--color-card: #fffaf6;--color-brown: #3e1811;--color-brown-2: #5a2118;--color-muted: #8b6b61;--color-line: #ead8cd;--color-gold: #d9a845;--color-gold-2: #b66a36;--color-success: #147a4c;--color-danger: #a83232;--shadow-soft: 0 22px 70px rgba(62, 24, 17, .1);--shadow-card: 0 16px 40px rgba(62, 24, 17, .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--color-brown);background:radial-gradient(circle at 0% 0%,rgba(217,168,69,.12),transparent 28%),radial-gradient(circle at 100% 20%,rgba(182,106,54,.1),transparent 30%),var(--color-bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:#fbefe7d6;border-bottom:1px solid rgba(62,24,17,.08)}.topbar-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-link{display:flex;align-items:center;gap:12px;min-width:0}.brand-link img{width:52px;height:52px;object-fit:contain;border-radius:16px;background:#ffffffb3}.brand-title{display:grid;line-height:1.05}.brand-title strong{font-size:1.06rem;letter-spacing:.02em}.brand-title span{font-size:.76rem;color:var(--color-muted)}.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-link,.button,.button-secondary,.button-danger,.button-ghost{border:0;border-radius:999px;padding:10px 16px;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.nav-link{color:var(--color-brown);background:transparent}.nav-link:hover,.nav-link.active{background:#3e181114}.button{color:#fff;background:linear-gradient(135deg,var(--color-brown),var(--color-brown-2));box-shadow:0 10px 24px #3e181133}.button:hover,.button-secondary:hover,.button-danger:hover{transform:translateY(-1px)}.button-secondary{color:var(--color-brown);background:linear-gradient(135deg,#f8dc86,var(--color-gold-2))}.button-danger{color:#fff;background:var(--color-danger)}.button-ghost{color:var(--color-brown);background:#3e181112}.button[disabled],button[disabled]{opacity:.5;cursor:not-allowed}.page{padding:34px 0 70px}.hero{position:relative;overflow:hidden;border-radius:36px;min-height:520px;background:linear-gradient(135deg,#3e1811f0,#3e1811b3);box-shadow:var(--shadow-soft);color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#3e1811e6,#3e18118f,#3e18111f);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px}.hero-content{padding:58px;align-self:center}.hero-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:8px 14px;color:#f8dfb0;margin-bottom:18px;font-size:.88rem}.hero h1{margin:0 0 18px;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;letter-spacing:-.06em}.hero p{margin:0 0 26px;color:#ffffffd1;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{min-height:420px;background:url(/assets/praticita/dani-cleu.jpg) center/cover no-repeat;position:relative}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#fbefe700,#3e18116b)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 20px}.section-title h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.section-title p{margin:8px 0 0;color:var(--color-muted);max-width:640px}.category-nav{position:sticky;top:74px;z-index:40;background:#fbefe7eb;backdrop-filter:blur(12px);padding:14px 0;border-bottom:1px solid rgba(62,24,17,.08)}.category-nav-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.category-pill{border:1px solid var(--color-line);background:var(--color-card);color:var(--color-brown);border-radius:999px;padding:10px 15px;white-space:nowrap;font-weight:600}.search-card,.admin-card,.product-card,.stat-card,.form-card{background:#fffaf6db;border:1px solid rgba(62,24,17,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.search-card{padding:18px;margin:28px 0}.search-input,.form-control{width:100%;min-height:46px;border:1px solid var(--color-line);border-radius:14px;background:#fffdfa;color:var(--color-brown);padding:12px 14px;outline:none}.search-input:focus,.form-control:focus{border-color:var(--color-gold);box-shadow:0 0 0 4px #d9a8452e}textarea.form-control{min-height:96px;resize:vertical}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:100%}.product-card.featured{border-color:#d9a845a6}.product-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.product-card h3{margin:0;font-size:1.18rem;line-height:1.16}.product-card p{margin:0;color:var(--color-muted);font-size:.93rem}.price-line{font-weight:700;color:var(--color-brown);font-size:1.05rem}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#3e181112;color:var(--color-brown);padding:6px 10px;font-size:.76rem;font-weight:700}.badge.gold{background:#d9a8452e}.badge.success{background:#147a4c1f;color:var(--color-success)}.badge.danger{background:#a832321f;color:var(--color-danger)}.variation-list{display:grid;gap:8px;margin:4px 0}.variation-item{border:1px solid var(--color-line);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;background:#ffffff9e;font-size:.9rem}.card-footer{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.info-strip{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-box{padding:22px;border-radius:var(--radius-lg);background:#3e181114}.info-box strong{display:block;margin-bottom:6px}.info-box span{color:var(--color-muted)}.admin-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.admin-sidebar{position:sticky;top:96px;padding:18px;border-radius:var(--radius-xl);background:#3e1811f5;color:#fff;box-shadow:var(--shadow-soft)}.admin-sidebar h2{margin:6px 0 18px;font-size:1.25rem}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a{border-radius:14px;padding:11px 12px;color:#fffc}.admin-sidebar a.active,.admin-sidebar a:hover{background:#ffffff1f;color:#fff}.admin-content{min-width:0}.admin-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.admin-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em}.admin-header p{margin:6px 0 0;color:var(--color-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{padding:20px}.stat-card span{color:var(--color-muted);font-size:.84rem}.stat-card strong{display:block;font-size:2rem;margin-top:8px}.form-card{padding:20px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field{display:grid;gap:7px}.form-field label{font-size:.82rem;font-weight:700;color:var(--color-muted)}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.form-feedback{margin:12px 0 0;font-size:.9rem;font-weight:700}.form-feedback.success{color:var(--color-success)}.checkbox-row{display:flex;align-items:center;gap:10px;min-height:46px}.table-card{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 16px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:middle}th{color:var(--color-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.nested-panel{border:1px solid var(--color-line);border-radius:18px;padding:14px;background:#ffffff94;margin:12px 0}.nested-panel h3{margin:0 0 12px}.empty-state{padding:38px 20px;text-align:center;color:var(--color-muted)}.footer{padding:34px 0;color:var(--color-muted);border-top:1px solid rgba(62,24,17,.08)}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}.hero-content{padding:38px 28px}.hero-media{min-height:360px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-strip,.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.topbar-inner{height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.main-nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.hero{border-radius:24px;min-height:auto}.hero-content{padding:30px 22px}.products-grid,.form-grid,.form-grid.three,.stats-grid{grid-template-columns:1fr}.admin-header,.section-title{align-items:flex-start;flex-direction:column}}
