:root{--black:#111;--dark:#171717;--yellow:#ffb400;--gold:#ffd44d;--red:#c71414;--text:#121212;--muted:#666;--bg:#fbfaf7;--card:#fff;--shadow:0 18px 50px rgba(0,0,0,.12);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{height:36px;background:#111;color:#fff;display:flex;gap:36px;align-items:center;justify-content:center;font-size:13px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);display:flex;align-items:center;gap:28px;padding:18px 6vw;box-shadow:0 8px 30px rgba(0,0,0,.06)}.brand img{width:168px}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-weight:700;font-size:14px;position:relative}.nav a:hover:after,.nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;background:var(--yellow);border-radius:5px}.actions{display:flex;gap:14px;align-items:center}.langs a{font-size:12px;padding:5px}.langs .active{color:#fff;background:#111;border-radius:8px}.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--yellow),#ffd65a);border:0;border-radius:10px;padding:15px 24px;font-weight:900;color:#111;box-shadow:0 10px 25px rgba(255,180,0,.35);cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(255,180,0,.45)}.btn.ghost{background:white;border:2px solid #222;box-shadow:none}.btn.small{padding:13px 20px}.btn.full{justify-content:center;width:100%;margin-top:20px}.cart-btn{position:relative;background:#fff;border:0;font-size:24px;cursor:pointer}.cart-btn b{position:absolute;right:-8px;top:-8px;background:var(--yellow);font-size:11px;border-radius:99px;padding:2px 6px}.burger{display:none}.hero{position:relative;min-height:620px;padding:70px 6vw;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(255,180,0,.18),transparent 28%),linear-gradient(90deg,#fff 0%,#fff 46%,rgba(255,255,255,.1) 70%)}.hero:before{content:"";position:absolute;inset:0;background:url('../img/hero-oil.png') right center/contain no-repeat;opacity:.98}.hero-copy{position:relative;z-index:2;max-width:560px}.eyebrow{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:58px;line-height:1.02;margin:14px 0}.hero h1 span{color:var(--yellow)}.hero p{font-size:18px;line-height:1.7;color:#333}.checks{list-style:none;margin:24px 0;padding:0}.checks li{margin:12px 0;font-weight:700}.checks li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--yellow);margin-right:12px}.hero-buttons{display:flex;gap:18px}.floating-badge{position:absolute;right:43%;bottom:110px;background:#111;color:#fff;border:4px solid var(--gold);width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:900;box-shadow:var(--shadow);animation:float 4s infinite ease-in-out}.benefits{position:relative;z-index:3;margin:-34px 6vw 70px;background:#fff;border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:26px}.benefit{display:flex;gap:16px;align-items:center;border-right:1px solid #eee;padding:0 18px}.benefit:last-child{border-right:0}.benefit i{font-size:34px}.section{padding:70px 6vw}.section-title{text-align:center;font-size:38px;margin:0 0 12px}.section-sub{text-align:center;color:var(--muted);margin-bottom:35px}.grid{display:grid;gap:24px}.products-grid{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.08);overflow:hidden;border:1px solid #eee;transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-card{padding:14px}.product-card img{border-radius:14px;width:100%;height:180px;object-fit:cover}.product-card h3{font-size:22px}.product-card ul{padding-left:0;list-style:none;color:#555;line-height:1.9}.product-card li:before{content:'✓';color:var(--yellow);font-weight:900;margin-right:8px}.price{font-size:24px;font-weight:900;margin:16px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.image-round{border-radius:18px;box-shadow:var(--shadow)}.dark-band{background:#111;color:#fff;padding:60px 6vw;display:grid;grid-template-columns:1fr 2.1fr;gap:36px;align-items:center}.dark-band h2{font-size:34px}.dark-band h2 span{color:var(--yellow)}.horeca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.horeca-tile{position:relative;overflow:hidden;border-radius:14px;min-height:160px}.horeca-tile img{height:100%;width:100%;object-fit:cover;transition:.4s}.horeca-tile:hover img{transform:scale(1.1)}.horeca-tile b{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}.cta{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff;padding:55px 6vw}.cta h2{font-size:36px}.cta img{width:210px;margin-left:auto}.faq{max-width:900px;margin:auto}.faq-item{background:#fff;border-radius:14px;margin:14px 0;box-shadow:0 4px 18px rgba(0,0,0,.06);overflow:hidden}.faq-q{padding:22px;font-weight:900;cursor:pointer;display:flex;justify-content:space-between}.faq-a{max-height:0;overflow:hidden;transition:.35s;padding:0 22px;color:#555;line-height:1.6}.faq-item.open .faq-a{max-height:170px;padding:0 22px 22px}.footer{background:#101010;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1.3fr;gap:28px;padding:45px 6vw}.footer a,.footer p{display:block;color:#ccc;line-height:1.7}.foot-logo{width:140px}.newsletter{display:flex;background:#fff;border-radius:9px;overflow:hidden}.newsletter input{border:0;padding:14px;min-width:0}.newsletter button{border:0;background:var(--yellow);padding:0 18px}.cart-drawer{position:fixed;right:-420px;top:0;bottom:0;width:390px;background:#fff;z-index:80;box-shadow:-20px 0 50px rgba(0,0,0,.2);padding:28px;transition:.35s}.cart-drawer.open{right:0}.close-cart{float:right;font-size:28px;background:none;border:0}.cart-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eee}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.glow{position:relative}.glow:after{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,var(--yellow),transparent,var(--red));filter:blur(28px);z-index:-1;opacity:.25}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f4f4f4}.admin-side{background:#111;color:#fff;padding:24px}.admin-side a{display:block;color:#fff;padding:12px;border-radius:8px}.admin-side a:hover{background:#222}.admin-main{padding:30px}.admin-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:20px}.form-row{display:grid;gap:8px;margin-bottom:14px}.form-row input,.form-row textarea,.form-row select{padding:13px;border:1px solid #ddd;border-radius:10px}.block-row{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fafafa;border:1px dashed #ccc;margin:10px 0;border-radius:12px;cursor:grab}.maintenance{display:grid;place-items:center;min-height:100vh;background:#111}.maintenance-card{background:#fff;border-radius:22px;padding:40px;text-align:center;max-width:480px}.maintenance-card img{width:180px;margin:auto}@keyframes float{50%{transform:translateY(-14px)}}@media(max-width:900px){.topbar{display:none}.header{flex-wrap:wrap}.burger{display:block;margin-left:auto}.nav{display:none;flex-direction:column;width:100%}.nav.open{display:flex}.actions{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;min-height:760px}.hero:before{opacity:.45;background-position:center bottom}.hero h1{font-size:42px}.benefits,.products-grid,.two-col,.dark-band,.cta,.footer{grid-template-columns:1fr}.horeca-grid{grid-template-columns:1fr 1fr}.floating-badge{right:20px}.cart-drawer{width:100%;right:-100%}}
