@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@500;700&family=Amiri:wght@400;700&display=swap');
:root{--primary-color:#8e2a1f;--olive:#4d5a26;--dark:#2b2418;--bg:#ead8b8;--card:#f5e9d0;--saffron:#d99a1e;--text-color:#2b2418;--text-muted:#6f6047;--line:#cdb68c}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Amiri',Georgia,serif;font-size:18px;line-height:1.6;background:var(--bg);color:var(--text-color)}
h1,h2,h3,.logo{font-family:'Reem Kufi','Segoe UI',sans-serif;line-height:1.2}
a{color:inherit}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.stitch{height:14px;background:repeating-linear-gradient(90deg,var(--primary-color) 0 8px,transparent 8px 12px,var(--olive) 12px 20px,transparent 20px 24px,var(--saffron) 24px 32px,transparent 32px 36px)}
.navbar{background:var(--dark);color:#f0e2c4;padding:14px 0;position:sticky;top:0;z-index:5}
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{font-size:24px;font-weight:700;text-decoration:none;color:var(--saffron)}
.nav-links{list-style:none;display:flex;gap:22px}
.nav-links a,.nav-actions a{text-decoration:none}
.nav-links a:hover{color:var(--saffron)}
.nav-actions{display:flex;gap:16px;align-items:center}
.cart-btn{background:var(--saffron);color:var(--dark);padding:8px 16px;border-radius:999px 999px 4px 999px;font-weight:700;text-decoration:none}
.hero{background:var(--olive);color:#f5e9d0;padding:80px 0}
.hero-content{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(36px,6vw,64px);font-weight:700;margin-bottom:14px}
.hero p{font-size:21px;max-width:44ch;margin-bottom:26px;color:#e6dcb8}
.hero-art{font-size:150px;text-align:center;background:var(--dark);border-radius:200px 200px 12px 12px;padding:30px 0 10px;border:6px solid var(--saffron)}
.btn-primary{display:inline-block;background:var(--primary-color);color:#fff;padding:12px 28px;border-radius:999px 999px 4px 999px;text-decoration:none;font-weight:700;font-family:'Reem Kufi',sans-serif}
.btn-primary:hover{background:#6f1f16}
.section-title{font-size:32px;font-weight:700;margin:54px 0 22px;color:var(--olive)}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.category-card{background:var(--card);border:2px solid var(--line);border-radius:120px 120px 10px 10px;padding:30px 16px 20px;text-align:center;text-decoration:none}
.category-card:hover{border-color:var(--primary-color)}
.category-icon{display:block;font-size:44px}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.product-card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.product-img-wrapper{aspect-ratio:4/3;background:radial-gradient(circle,#c9a25c,#a67c3a);display:flex;align-items:center;justify-content:center;font-size:84px;border-bottom:6px solid var(--saffron)}
.product-img-wrapper a{text-decoration:none}
.product-content{padding:16px;display:flex;flex-direction:column;gap:4px;flex:1}
.product-category{color:var(--primary-color);font-weight:700;font-size:15px}
.product-name{font-size:20px}
.product-desc{color:var(--text-muted);font-size:16px;flex:1}
.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.product-price{font-family:'Reem Kufi',sans-serif;font-weight:700;font-size:21px;color:var(--olive)}
.add-cart-btn{background:var(--dark);color:#f0e2c4;border:none;padding:8px 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:15px}
.add-cart-btn:hover{background:var(--primary-color)}
.product-details-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:50px 0}
.details-img-wrapper{aspect-ratio:1/1;border-radius:200px 200px 12px 12px;background:radial-gradient(circle,#c9a25c,#a67c3a);display:flex;align-items:center;justify-content:center;font-size:180px;border-bottom:10px solid var(--saffron)}
.details-info h1{font-size:40px;margin:6px 0}
.details-price{font-family:'Reem Kufi',sans-serif;font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:12px}
.details-desc{margin-bottom:18px}
.care-list{list-style:none;margin-bottom:22px;border-top:1px solid var(--line)}
.care-list li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.quantity-control{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.quantity-control input{width:70px;padding:10px;border:1px solid var(--line);border-radius:6px;font:inherit}
.category-banner{display:flex;justify-content:space-between;align-items:center;background:var(--dark);color:#f5e9d0;padding:24px 28px;border-radius:10px;margin:40px 0 26px;border-inline-start:10px solid var(--saffron)}
.back-link{color:var(--saffron);text-decoration:none}
.auth-wrapper{display:flex;justify-content:center;padding:56px 20px}
.auth-card{background:var(--card);border:1px solid var(--line);border-top:8px solid var(--primary-color);border-radius:10px;padding:32px;width:100%;max-width:420px}
.auth-header{margin-bottom:20px}.auth-header p{color:var(--text-muted)}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-weight:700;margin-bottom:4px}
.form-group input,.form-group textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fffaf0}
.form-group input:focus,.form-group textarea:focus{outline:2px solid var(--saffron)}
.auth-btn{width:100%;background:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:999px 999px 4px 999px;font:inherit;font-weight:700;cursor:pointer}
.auth-footer{margin-top:16px;text-align:center}.auth-footer a{color:var(--primary-color)}
.cart-wrapper,.profile-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:26px;margin-top:40px}
.profile-wrapper{grid-template-columns:1fr 2.4fr}
.cart-card,.summary-card,.profile-card,.orders-card,.order-details-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px}
.order-details-card{margin-top:40px}
table{width:100%;border-collapse:collapse;margin-top:14px}
th,td{text-align:start;padding:12px 8px;border-bottom:1px solid var(--line)}
th{font-family:'Reem Kufi',sans-serif;color:var(--olive)}
.cart-item{display:flex;align-items:center;gap:12px}
.cart-item-img{font-size:34px;background:#c9a25c;border-radius:8px;width:54px;height:54px;display:flex;align-items:center;justify-content:center}
.cart-item-title{font-weight:700}
.btn-remove{background:none;border:none;font-size:20px;cursor:pointer}
.summary-row{display:flex;justify-content:space-between;padding:8px 0}
.summary-total{font-weight:700;font-size:20px;border-top:2px solid var(--line);margin-top:8px}
.checkout-btn,.logout-btn{display:block;text-align:center;background:var(--primary-color);color:#fff;padding:12px;border-radius:999px;text-decoration:none;margin-top:16px;font-weight:700}
.profile-card{text-align:center}.profile-avatar{font-size:60px}.profile-email{color:var(--text-muted)}
.orders-header,.order-total-box{display:flex;justify-content:space-between;align-items:center}
.order-total-box{margin-top:20px;font-weight:700;font-size:18px}
.btn-view-order{color:var(--primary-color);font-weight:700;text-decoration:none}
.order-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:20px 0}
.order-meta-item{background:var(--bg);padding:12px;border-radius:8px}.order-meta-item small{display:block;color:var(--text-muted)}
.footer{background:var(--dark);color:#d9c9a5;text-align:center;padding:26px 0;margin-top:70px}
.admin-body{display:flex;min-height:100vh}
.admin-aside{width:230px;background:var(--dark);color:#f0e2c4;padding:24px 18px}
.admin-aside h2{color:var(--saffron);margin-bottom:24px}.admin-aside ul{list-style:none}
.admin-aside a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:#d9c9a5}
.admin-aside a.active,.admin-aside a:hover{background:#463b27;color:#fff}
.admin-main{flex:1}.admin-header{background:var(--card);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.admin-header .logout-btn{margin:0;padding:8px 16px}.admin-content{padding:28px}
.admin-content .cart-card{max-width:none}
.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--olive)}
@media(max-width:760px){.product-details-wrapper,.cart-wrapper,.profile-wrapper,.hero-content{grid-template-columns:1fr}.hero-art{display:none}.admin-body{flex-direction:column}.admin-aside{width:100%}}
:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}
.lang-btn{background:transparent;color:#f0e2c4;border:1px solid var(--saffron);border-radius:999px;padding:5px 14px;font:inherit;font-size:15px;cursor:pointer}
.lang-btn:hover{background:var(--saffron);color:var(--dark)}
.lang-fixed{position:fixed;top:14px;inset-inline-end:14px;z-index:10;background:var(--dark)}
.alert-error{background:#f6dcd6;color:var(--primary-color);border:1px solid #d9a79d;padding:10px 12px;border-radius:8px;margin-bottom:16px;text-align:center}
.alert-success{background:#e1ebcf;color:var(--olive);border:1px solid #b5c48f;padding:12px;border-radius:8px;margin-bottom:16px}
.alert-success p{margin:2px 0}

/* product images uploaded from the admin panel */
.product-img-wrapper img,.details-img-wrapper img,.cart-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.details-img-wrapper{overflow:hidden}.cart-item-img{overflow:hidden}.product-img-wrapper a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}

/* Category dropdown (admin add/edit product) */
.form-group select{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-weight:700;background-color:#fffaf0;color:var(--text-color);cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding-inline-end:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%234d5a26' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:calc(100% - 16px) center;
}
[dir="rtl"] .form-group select{background-position:16px center}
.form-group select:hover{border-color:var(--olive)}
.form-group select:focus{outline:2px solid var(--saffron);border-color:var(--saffron)}
.form-group select:invalid{color:var(--text-muted);font-weight:400}
.form-group select option{color:var(--text-color);font-weight:400}

/* Language button inside the admin header (light background) */
.admin-header .lang-btn{color:var(--dark);border-color:var(--olive)}
.admin-header .lang-btn:hover{background:var(--olive);color:#f5e9d0}

/* Equal-size product images (4:3) whatever the photo shape */
.product-img-wrapper{overflow:hidden;position:relative}
.product-img-wrapper a{position:absolute;inset:0}