/* KebriaStore.com — v1 স্টাইল (সরল, মোবাইল-প্রথম) */
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Hind Siliguri', 'Noto Sans Bengali', system-ui, sans-serif; background:#f6f7fb; color:#1d2233; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
a { color: #5b3df0; }
.muted { color: #6b7280; font-size: .92em; }
.err { background:#ffe5e5; border:1px solid #f5a3a3; color:#8f1d1d; padding:10px 14px; border-radius:10px; }
.ok  { background:#e3f8e8; border:1px solid #8fd79e; color:#14532d; padding:10px 14px; border-radius:10px; }
.ok-box { background:#e3f8e8; border:1px solid #8fd79e; padding:20px; border-radius:14px; margin:20px 0; }

/* হেডার */
.top { background:#241b4d; color:#fff; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; padding-bottom:14px; flex-wrap:wrap; }
.logo { color:#fff; text-decoration:none; font-size:24px; font-weight:800; }
.logo span { color:#ffb703; }
.nav nav a { color:#e6e2ff; text-decoration:none; margin-left:16px; font-size:15px; }
.nav nav a:hover { color:#fff; text-decoration:underline; }

main.wrap { padding-top: 20px; padding-bottom: 40px; }
.foot { background:#eceaf6; padding:18px 0; margin-top:20px; }

/* সার্চ ও কার্ড */
.search { display:flex; gap:10px; margin:16px 0 26px; }
.search input { flex:1; padding:12px; border:1px solid #c9cbe0; border-radius:10px; font-size:16px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.card { background:#fff; border:1px solid #e2e3f0; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.thumb { width:100%; height:150px; object-fit:cover; display:block; background:#e8e6fb; }
.thumb-ph { display:flex; align-items:center; justify-content:center; font-size:56px; }
.thumb.big { height:260px; }
.card-body { padding:14px; display:flex; flex-direction:column; gap:8px; flex:1; }
.card-body h3 { margin:0; font-size:17px; }
.cat { color:#7a6cf0; font-size:13px; font-weight:600; }
.price { font-size:19px; font-weight:800; color:#241b4d; }
.big-price { font-size:26px; }

.btn { display:inline-block; background:#5b3df0; color:#fff; border:none; padding:10px 18px; border-radius:10px;
       font-size:15px; cursor:pointer; text-decoration:none; text-align:center; }
.btn:hover { background:#4a2fd6; }
.btn-ghost { background:#fff; color:#5b3df0; border:1px solid #5b3df0; }
.btn-lg { padding:13px 26px; font-size:17px; }
.btn-sm { padding:6px 12px; font-size:14px; }
.card .btn { margin-top:auto; }

/* ডিটেইল ও ফর্ম */
.detail { display:grid; grid-template-columns: 1fr 1.4fr; gap:24px; }
@media (max-width: 720px) { .detail { grid-template-columns: 1fr; } .cols { grid-template-columns: 1fr !important; } }
.variants li { margin:4px 0; }
.form label { display:block; margin:12px 0; font-weight:600; }
.form input[type=text], .form input[type=email], .form input[type=number], .form input[type=password],
.form input:not([type]), .form select, .form textarea {
  display:block; width:100%; margin-top:5px; padding:11px; border:1px solid #c9cbe0; border-radius:10px; font-size:16px; font-weight:400; }
.form fieldset { border:1px solid #d8d9ea; border-radius:12px; margin:16px 0; padding:12px 16px; }
.form label.radio { font-weight:400; display:flex; gap:8px; align-items:center; margin:8px 0; }
.form label.radio input { width:auto; }
.order-head { background:#fff; border:1px solid #e2e3f0; border-radius:12px; padding:14px; margin-bottom:6px; }
.cols { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.box { background:#fff; border:1px solid #e2e3f0; border-radius:14px; padding:18px; margin:16px 0; }

/* টেবিল ও অ্যাডমিন */
.tbl { width:100%; border-collapse:collapse; background:#fff; }
.tbl th, .tbl td { border:1px solid #e2e3f0; padding:8px 10px; text-align:left; font-size:14px; }
.tbl th { background:#f0eefc; }
.badge { background:#ece9ff; border:1px solid #c9bfff; border-radius:999px; padding:2px 10px; font-size:13px; }
.admin-nav { background:#fff; border:1px solid #e2e3f0; border-radius:10px; padding:10px 14px; margin-bottom:14px; }
.order-card { background:#fff; border:1px solid #e2e3f0; border-radius:12px; padding:14px; margin:12px 0; line-height:1.6; }
.inline-form { display:inline-block; margin-top:8px; }
.inline-form select { padding:7px; border-radius:8px; border:1px solid #c9cbe0; }
.filter select, .filter input { padding:9px; border-radius:9px; border:1px solid #c9cbe0; }