*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',sans-serif;background:#f9fafb;color:#222;line-height:1.6;}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:15px 30px;border-bottom:1px solid #eee;}
.brand{font-weight:900;font-size:24px;letter-spacing:2px;}
nav a{margin:0 12px;text-decoration:none;color:#333;font-weight:500;transition:.3s;}
nav a:hover{color:#111;}
.lang button{margin-left:5px;padding:5px 8px;border:none;background:#eee;border-radius:4px;cursor:pointer;transition:.3s;}
.lang button:hover{background:#ddd;}
.hero{position:relative;height:85vh;display:flex;justify-content:center;align-items:center;background:url('images/hero.jpg') center/cover no-repeat;color:white;text-align:center;}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.55);}
.hero-content{position:relative;z-index:1;}
.hero h1{font-size:56px;margin-bottom:20px;animation:fadeInDown 1s ease;}
.hero p{font-size:22px;animation:fadeInUp 1s ease;}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.section{padding:70px 20px;max-width:1200px;margin:auto;}
.section-title{text-align:center;font-size:32px;margin-bottom:50px;font-weight:700;}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;}
.card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.08);transition:.3s;cursor:pointer;}
.card:hover{transform:translateY(-6px);box-shadow:0 6px 20px rgba(0,0,0,0.12);}
.card img{width:100%;height:280px;object-fit:cover;}
.card .info{padding:18px;}
.card .info h3{margin:0;font-size:20px;}
.card .info .price{color:#666;margin:8px 0;}
.btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:.3s;}
.btn-dark{background:#111;color:white;}
.btn-dark:hover{background:#333;}
.cart-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:12px 0;}
#cartTotal{margin-top:15px;font-weight:600;}
input,textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:6px;}
textarea{min-height:100px;}
.admin-order{border:1px solid #ddd;margin:10px 0;padding:15px;border-radius:8px;background:#fff;}
footer{background:#111;color:white;text-align:center;padding:40px 20px;margin-top:50px;}
footer a{color:white;margin:0 12px;text-decoration:none;font-size:18px;transition:.3s;}
footer a:hover{color:#aaa;}
.hidden{display:none;}