:root{
  --teal:#00c2ce; --teal-dark:#019aa4; --orange:#ff7a00; --orange-dark:#e56500;
  --pink:#ec1878; --purple:#8b3fd6; --yellow:#ffc400;
  --red:#ff4d5e; --text:#222; --muted:#7a7a7a; --border:#eee; --radius:16px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:"Vazirmatn","Tahoma",sans-serif;color:var(--text);background:#fff;direction:rtl;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{margin:0;padding:0;list-style:none;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:inherit;}

header.main-header{border-bottom:3px solid var(--orange);background:linear-gradient(180deg,#fffdf8 0%,#ffffff 100%);}
.header-inner{max-width:1280px;margin:0 auto;padding:18px 20px 10px;}
.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.header-tools{display:flex;align-items:center;gap:22px;}
.tool-link{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--orange);position:relative;}
.tool-link .badge{position:absolute;top:-8px;left:-10px;background:var(--red);color:#fff;border-radius:50%;
  width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;}
.header-logo img{height:60px;width:auto;}
.header-search{max-width:1280px;margin:14px auto 0;padding:0 20px;}
.search-box-wrap{display:flex;border:2px solid var(--orange);border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(255,122,0,.12);}
.search-box-wrap input{flex:1;border:0;padding:12px 18px;outline:none;font-size:14px;background:#fff9f2;}
.search-box-wrap button{background:linear-gradient(135deg,var(--orange),#ff5a00);border:0;color:#fff;padding:0 24px;font-size:16px;}
nav.navbar-main{max-width:1280px;margin:12px auto 0;padding:0 20px;}
.nav-list{display:flex;gap:30px;padding:12px 0;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;}
.nav-item a{font-size:14px;font-weight:700;color:#333;}
.nav-item a:hover{color:var(--pink);}

.discount-banner{background:linear-gradient(90deg,#fff3e0,#ffe0ec,#fff3e0);padding:22px 16px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.discount-banner h2{background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:28px;font-weight:800;margin:0;}
.page-title{max-width:1280px;margin:24px auto 0;padding:0 20px;font-size:20px;font-weight:800;}

.cat-section{max-width:1280px;margin:36px auto;padding:0 20px;}
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 16px;}
.cat-box{text-align:center;}
.cat-box .cat-icon{width:88px;height:88px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .18s ease, box-shadow .18s ease;}
.cat-box:hover .cat-icon{transform:translateY(-5px) scale(1.04);box-shadow:0 10px 22px rgba(0,0,0,.14);}
.cat-box .cat-icon img{width:76%;height:76%;object-fit:contain;}
.cat-box span{font-size:14px;font-weight:700;color:#333;}
.c1{background:linear-gradient(145deg,#ffd1e0,#ff9fbb);} .c2{background:linear-gradient(145deg,#ffe0b0,#ffb454);} .c3{background:linear-gradient(145deg,#e6cbff,#c98bff);} .c4{background:linear-gradient(145deg,#ffedb0,#ffd23f);}
.c5{background:linear-gradient(145deg,#b9f2d8,#5fd6a0);} .c6{background:linear-gradient(145deg,#ffc7c7,#ff8686);} .c7{background:linear-gradient(145deg,#c6d6ff,#7f9dff);} .c8{background:linear-gradient(145deg,#b9f0e6,#57cbb8);}
.c9{background:linear-gradient(145deg,#ffd9b0,#ff9d47);} .c10{background:linear-gradient(145deg,#bdeaff,#5fc4f2);} .c11{background:linear-gradient(145deg,#dcc6ff,#a672ff);} .c12{background:linear-gradient(145deg,#ffcfe0,#ff77a8);}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:560px){.cat-grid{grid-template-columns:repeat(3,1fr);}}

.products-section{background:linear-gradient(180deg,#fff1de,#ffe3c2);padding:24px 20px;}
.products-inner{max-width:1280px;margin:0 auto;}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.section-title{background:linear-gradient(135deg,var(--pink),#ff5f9e);color:#fff;font-weight:800;font-size:14px;padding:8px 22px;border-radius:20px;box-shadow:0 4px 10px rgba(236,24,120,.3);}
.view-all{background:#fff;border:0;border-radius:20px;padding:9px 20px;font-size:13px;font-weight:700;color:#444;}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.product-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-align:center;background:#fff;display:flex;flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.1);}
.product-card .ph-img{height:160px;background:linear-gradient(160deg,#fafafa,#f0f0f0);display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px;}
.product-card .ph-img img{width:100%;height:100%;object-fit:cover;}
.product-card .p-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1;}
.product-card .p-title{font-size:13px;font-weight:700;min-height:36px;}
.price-row{display:flex;align-items:center;justify-content:center;gap:8px;}
.price-old{color:#aaa;font-size:12px;text-decoration:line-through;}
.price-new{color:var(--red);font-weight:800;font-size:14px;}
.add-btn{background:linear-gradient(135deg,var(--red),#ff2f78);color:#fff;border:0;border-radius:20px;padding:9px 4px;font-size:12px;font-weight:700;width:100%;
  box-shadow:0 4px 10px rgba(255,77,94,.3);}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr);}}

.points-section{max-width:1280px;margin:44px auto;padding:0 20px;}
.points-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.point-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.05);}
.point-card .pt-icon{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(145deg,#baf3ee,#5fd6c6);display:flex;align-items:center;justify-content:center;font-size:26px;}
.point-card p.title{font-weight:800;margin:4px 0;font-size:14px;}
.point-card p.desc{color:var(--muted);font-size:12px;margin:0;}
@media(max-width:900px){.points-grid{grid-template-columns:repeat(2,1fr);}}

.about-section{background:#fff;padding:24px 20px 34px;}
.about-inner{max-width:1240px;margin:0 auto;border:1px solid #f7c9dc;border-radius:12px;overflow:hidden;text-align:center;box-shadow:0 6px 18px rgba(236,24,120,.06);}
.about-title{background:linear-gradient(135deg,#fdf1f6,#ffe1ee);color:var(--pink);font-weight:800;font-size:17px;padding:14px;}
.about-text{color:#555;line-height:2.1;font-size:13px;padding:16px 22px;}

.float-bar{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:100;}
.float-bar a{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);color:#fff;font-size:20px;}
.fb-cart{background:linear-gradient(135deg,var(--orange),#ff5a00);position:relative;}
.fb-cart span{position:absolute;top:-4px;left:-4px;background:var(--red);border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;}
.fb-tel{background:#222;}
.fb-wa{background:#25D366;}
.fb-ig{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}

footer.site-footer{background:linear-gradient(135deg,var(--teal),#0090a0);color:#fff;padding:26px 16px 16px;}
.footer-inner{max-width:1280px;margin:0 auto;}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:600;justify-content:center;padding-bottom:14px;}
.footer-main{display:flex;flex-wrap:wrap-reverse;gap:20px;justify-content:space-between;align-items:flex-start;padding-bottom:18px;}
.footer-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#fff;}
.footer-brand img{height:44px;border-radius:8px;background:#fff;}
.footer-info{font-size:13px;line-height:2.1;color:#eafdfd;text-align:center;}
.footer-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px;padding:14px 0;font-size:13px;border-top:1px solid rgba(255,255,255,.25);font-weight:600;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#eafdfd;padding-top:12px;border-top:1px solid rgba(255,255,255,.25);}

.site-signature{text-align:center;font-size:11px;color:#999;padding:10px 0;background:#f2f2f2;letter-spacing:.5px;}
footer.site-footer .site-signature{background:transparent;color:rgba(255,255,255,.75);padding-top:10px;border-top:1px solid rgba(255,255,255,.2);margin-top:4px;}

/* ---- generic content pages (cart/checkout/category/product) ---- */
.content-wrap{max-width:1100px;margin:0 auto;padding:30px 20px 60px;}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:16px;}
table.cart-table{width:100%;border-collapse:collapse;background:#fff;}
table.cart-table th, table.cart-table td{padding:12px;border-bottom:1px solid var(--border);text-align:center;font-size:13px;}
table.cart-table img{width:56px;height:56px;object-fit:cover;border-radius:8px;margin:0 auto;}
.qty-input{width:56px;padding:6px;border:1px solid var(--border);border-radius:6px;text-align:center;}
.btn{display:inline-block;background:linear-gradient(135deg,var(--orange),#ff5a00);color:#fff;border:0;border-radius:8px;padding:11px 22px;font-weight:700;font-size:14px;box-shadow:0 4px 10px rgba(255,122,0,.25);}
.btn.btn-teal{background:linear-gradient(135deg,var(--teal),#0090a0);box-shadow:0 4px 10px rgba(0,194,206,.25);}
.btn.btn-red{background:linear-gradient(135deg,var(--red),#ff2f78);box-shadow:0 4px 10px rgba(255,77,94,.25);}
.btn.btn-outline{background:#fff;border:1px solid var(--border);color:#333;box-shadow:none;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;}
.form-group input, .form-group textarea, .form-group select{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;font-size:14px;}
.card-info-box{background:#fff7ef;border:1px solid #ffd9ad;border-radius:12px;padding:18px;margin-bottom:22px;}
.card-info-box .num{font-size:20px;font-weight:800;letter-spacing:2px;color:var(--orange-dark);direction:ltr;text-align:center;margin:8px 0;}
.summary-box{background:#fafafa;border-radius:12px;padding:18px;border:1px solid var(--border);}
.summary-box .row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;}

/* ---- product detail ---- */
.product-detail{display:flex;gap:34px;flex-wrap:wrap;}
.product-detail .img-box{flex:1;min-width:280px;background:#f7f7f7;border-radius:var(--radius);min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.product-detail .img-box img{width:100%;height:100%;object-fit:cover;}
.product-detail .info-box{flex:1;min-width:280px;}
.product-detail h1{font-size:20px;margin-bottom:10px;}
.product-detail .desc{color:#555;font-size:14px;line-height:2;margin:16px 0;}

/* ---- admin ---- */
.admin-wrap{display:flex;min-height:100vh;}
.admin-sidebar{width:230px;background:linear-gradient(180deg,#1c1c1c,#0e2a2c);color:#fff;padding:20px 0;flex-shrink:0;}
.admin-sidebar .brand{padding:0 20px 20px;font-weight:800;font-size:16px;border-bottom:1px solid #333;margin-bottom:10px;}
.admin-sidebar a{display:block;padding:12px 20px;font-size:14px;color:#ddd;}
.admin-sidebar a:hover, .admin-sidebar a.active{background:var(--teal);color:#fff;}
.admin-main{flex:1;padding:26px 30px;background:#f6f7f9;}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px;}
.admin-card{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--border);}
.admin-card .num{font-size:26px;font-weight:800;color:var(--teal-dark);}
.admin-card .lbl{font-size:13px;color:var(--muted);}
table.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;}
table.admin-table th{background:#f0f1f3;padding:10px;font-size:13px;text-align:right;}
table.admin-table td{padding:10px;font-size:13px;border-bottom:1px solid var(--border);text-align:right;}
table.admin-table img{width:44px;height:44px;object-fit:cover;border-radius:6px;}
.status-pill{padding:4px 10px;border-radius:14px;font-size:11px;font-weight:700;background:#fff3cd;color:#8a6d00;}
.status-pill.paid{background:#d4f7dc;color:#116b2c;}
.login-box{max-width:360px;margin:80px auto;background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;}
.login-box h2{text-align:center;margin-bottom:20px;}
.error-msg{background:#ffe3e3;color:#b00020;padding:10px;border-radius:8px;font-size:13px;margin-bottom:14px;}
.success-msg{background:#d4f7dc;color:#116b2c;padding:10px;border-radius:8px;font-size:13px;margin-bottom:14px;}