:root{
  --teal:#0F6B5C;
  --teal-dark:#0A4A40;
  --teal-deepest:#0E2420;
  --gold:#E8A33D;
  --gold-dark:#C9821F;
  --red:#D6483F;
  --ink:#1C2420;
  --paper:#FAF6EE;
  --paper-2:#F1ECDF;
  --line:#E3DCC9;
  --white:#FFFFFF;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Bengali',sans-serif;}
h1,h2,h3,.display{font-family:'Tiro Bangla',serif;}
button{font-family:inherit;cursor:pointer;}
a{color:inherit;}
.hidden{display:none !important;}
img{max-width:100%;}

/* =====================================================
   স্টোরফ্রন্ট হেডার + অর্ডার ব্যানার
===================================================== */
.store-header{
  background:var(--teal-deepest);color:#fff;padding:13px 20px;font-family:'Tiro Bangla',serif;
  font-size:17px;font-weight:700;text-align:center;
}

.order-banner{
  position:sticky;top:0;z-index:40;background:linear-gradient(90deg,var(--teal-dark),var(--teal));
  padding:11px 18px;display:flex;align-items:center;justify-content:center;
}
.order-banner button{
  width:100%;max-width:760px;background:var(--red);color:#fff;border:none;border-radius:12px;
  padding:13px 18px;font-size:15px;font-weight:700;letter-spacing:.2px;display:flex;align-items:center;
  justify-content:center;gap:8px;box-shadow:0 4px 16px rgba(0,0,0,.18);position:relative;overflow:hidden;
  animation:bannerBob 1.8s ease-in-out infinite, bannerPulse 1.8s ease-in-out infinite;
}
.order-banner .btn-text{
  background:linear-gradient(90deg,#fff 0%,#fff 38%,#FFE6A8 50%,#fff 62%,#fff 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shineSweep 2s linear infinite;font-weight:800;
}
.order-banner .arrow{display:inline-block;animation:arrowBounce 1.1s ease-in-out infinite;}
@keyframes bannerBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@keyframes bannerPulse{
  0%,100%{box-shadow:0 4px 16px rgba(0,0,0,.18), 0 0 0 0 rgba(214,72,63,.55);}
  50%{box-shadow:0 4px 16px rgba(0,0,0,.18), 0 0 0 10px rgba(214,72,63,0);}
}
@keyframes shineSweep{0%{background-position:220% 0;}100%{background-position:-220% 0;}}
@keyframes arrowBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(3px);}}
@media (prefers-reduced-motion: reduce){
  .order-banner button,.order-banner .btn-text,.order-banner .arrow{animation:none;}
}

/* ---------- মাঝের ছোট অর্ডার বাটন (মূল্যের পর, বিস্তারিত তথ্যের আগে) ---------- */
.mid-order-btn-wrap{max-width:920px;margin:18px auto 0;padding:0 20px;display:flex;justify-content:center;}
.mid-order-btn{
  background:var(--teal);color:#fff;border:none;border-radius:8px;padding:12px 60px;
  font-size:16px;font-weight:700;box-shadow:0 4px 12px rgba(15,107,92,.25);
}
.mid-order-btn:hover{background:var(--teal-dark);}

/* ---------- ভিডিও সেকশন (ঐচ্ছিক) ---------- */
.video-section{max-width:920px;border:1px solid var(--line);border-radius:18px 18px; ;margin:20px auto 0;padding:0 0px;}

.video-section .panel-header{border-radius:18px 18px 0 0;}
.video-embed-wrap{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:0 0 18px 18px;overflow:hidden;}
.video-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}

/* =====================================================
   হিরো সেকশন
===================================================== */
#landingPage{max-width:920px;margin:0 auto;padding:30px 20px 80px;}
.lp-hero{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;
  background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;
}
.lp-hero .imgwrap{background:linear-gradient(150deg,#E9F1EC,#D9E9E0);min-height:280px;display:flex;align-items:center;justify-content:center;padding:18px;}
.lp-hero .imgwrap img{max-width:100%;max-height:300px;object-fit:contain;}
.lp-hero .info{padding:26px 28px 26px 0;}
.lp-badge{
  display:inline-flex;align-items:center;gap:6px;background:#FFF1DC;color:var(--gold-dark);
  font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px;margin-bottom:12px;
}
.lp-hero h1{font-size:28px;line-height:1.28;margin:0 0 10px;color:var(--teal-deepest);}
.lp-desc{color:#5b6359;font-size:14px;line-height:1.7;margin:0 0 16px;}

/* ---------- দাম + ছাড় বক্স (স্থায়ী বর্ডার + ধীরে ঘোরা শাইন ইফেক্ট) ---------- */
.glow-wrap{
  position:relative;
  border-radius:16px;
  padding:3px;
  overflow:hidden;
}

/* INNER BOX = completely static */
.glow-inner{
  position:relative;
  z-index:2;
  background:#fff;
  border-radius:13px;
}

/* STATIC BORDER BASE */
.glow-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  padding:2px;

  background:conic-gradient(
    var(--gold),
    #FFF7E0,
    var(--gold),
    #FFFFFF,
    var(--gold)
  );

  /* IMPORTANT: no rotate */
  animation:shineMove 4s linear infinite;
  z-index:0;

  /* mask trick */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

/* only moving gradient illusion */
@keyframes shineMove{
  0%   { filter:hue-rotate(0deg); }
  100% { filter:hue-rotate(360deg); }
}
  /* বর্ডারটা প্রায় সম্পূর্ণ গোল্ড রঙে স্থায়ী থাকে, মাত্র একটা ছোট উজ্জ্বল অংশ (শাইন) ধীরে ধীরে সম্পূর্ণ ঘুরে আসে, লুপ হয় */
  background:conic-gradient(from 0deg,
    var(--gold) 0deg, var(--gold) 330deg,
    #FFF7E0 345deg, #FFFFFF 352deg, var(--gold) 360deg);
  animation:glowSpin 5s linear infinite;z-index:0;
}
.glow-inner{position:relative;z-index:1;background:var(--white);border-radius:13px;}
@keyframes glowSpin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){.glow-wrap::before{animation:none;}}

.price-glow{margin:6px 0 16px;display:inline-block;width:auto;}
.price-box{padding:14px 18px;}
.lp-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.lp-price{font-size:38px;font-weight:800;color:var(--red);font-family:'Tiro Bangla',serif;line-height:1;}
.lp-price-old{font-size:16px;color:#9aa39a;text-decoration:line-through;}
.lp-discount{font-size:12px;background:var(--red);color:#fff;padding:3px 8px;border-radius:6px;font-weight:700;}

.lp-features{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px;}
.lp-features li{font-size:13.5px;color:#3a4339;display:flex;gap:8px;align-items:flex-start;}
.lp-features li::before{content:"✓";color:var(--teal);font-weight:800;}

/* =====================================================
   বিস্তারিত তথ্য + ফ্লিপবুক প্যানেল
===================================================== */
.info-flip-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;align-items:start;}
.panel-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.panel-header{background:#EAF6EF;border-bottom:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:8px;}
.panel-header h2{margin:0;font-size:16px;color:var(--teal-dark);}
.panel-body{padding:20px 22px 24px;}
.detail-block{margin-bottom:20px;}
.detail-block:last-child{margin-bottom:0;}
.detail-title{font-weight:700;font-size:14px;color:var(--ink);margin:0 0 10px;}
.detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.detail-list li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.55;color:#3a4339;}
.detail-list .ic{flex-shrink:0;font-size:13px;line-height:1.5;}
.detail-list.feat .ic{color:#7C5CD6;}
.detail-list.benefit .ic{color:#1C9A52;}
.detail-empty{font-size:12.5px;color:#9aa39a;}

.flipbook-wrap{display:flex;flex-direction:column;align-items:center;}
.flipbook{position:relative;width:100%;max-width:340px;aspect-ratio:3/4;perspective:1700px;margin:4px auto 14px;}
.page-deck{position:absolute;inset:0;border-radius:8px;overflow:hidden;background:var(--paper-2);
  box-shadow:6px 0 0 -2px #e9e3d3, 9px 0 0 -3px #ded7c2;display:flex;align-items:center;justify-content:center;}
.page-deck img{width:100%;height:100%;object-fit:contain;background:var(--paper-2);}
.flip-overlay{position:absolute;inset:0;border-radius:8px;overflow:hidden;backface-visibility:hidden;
  transform-style:preserve-3d;transform-origin:0% 50%;box-shadow:0 2px 14px rgba(0,0,0,.18);cursor:zoom-in;
  display:flex;align-items:center;justify-content:center;background:var(--paper-2);}
.flip-overlay img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;background:var(--paper-2);}
.flip-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.92);border:1px solid var(--line);color:var(--teal-dark);font-size:16px;
  box-shadow:0 4px 10px rgba(0,0,0,.12);z-index:5;}
.flip-nav.prev{left:-14px;}
.flip-nav.next{right:-14px;}
.flip-nav:disabled{opacity:.35;}
.flip-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:260px;}
.flip-dots span{width:6px;height:6px;border-radius:50%;background:#D9D3C3;}
.flip-dots span.active{background:var(--teal);width:16px;border-radius:4px;}
.flip-hint{font-size:11.5px;color:#9aa39a;margin-top:8px;text-align:center;}

/* =====================================================
   জুম মোডাল
===================================================== */
.zoom-modal{position:fixed;inset:0;background:rgba(10,14,11,.92);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;}
.zoom-modal img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;pointer-events:none;}
.zoom-modal .zoom-inner{position:relative;overflow:auto;max-width:92vw;max-height:88vh;touch-action:pinch-zoom;}
.zoom-modal .zoom-close{position:absolute;top:18px;right:22px;background:rgba(255,255,255,.12);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:18px;}
.zoom-modal .zoom-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#cfe0d8;font-size:12px;background:rgba(255,255,255,.08);padding:5px 12px;border-radius:99px;}

/* =====================================================
   অর্ডার ফর্ম
===================================================== */
.lp-order{margin-top:24px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px 28px;}
.lp-order h2{margin:0 0 4px;font-size:20px;color:var(--teal-deepest);}
.lp-order .sub{color:#7a8276;font-size:13px;margin:0 0 18px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-grid .full{grid-column:1/-1;}
label{display:block;font-size:12.5px;font-weight:600;color:#475048;margin-bottom:5px;}
input[type=text],input[type=tel],input[type=date],input[type=password],textarea,select{
  width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:14px;
  font-family:inherit;background:#FCFAF4;
}
input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px;}
.phone-warning{color:var(--red);font-size:12px;font-weight:600;margin:5px 0 0;}

.qty-row{display:flex;align-items:center;gap:10px;}
.qty-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;}
.qty-box button{width:34px;height:38px;border:none;background:var(--paper-2);font-size:16px;font-weight:700;color:var(--teal-dark);}
.qty-box span{width:38px;text-align:center;font-weight:700;}

.delivery-row{margin-top:4px;}
.delivery-options{display:flex;gap:10px;flex-wrap:wrap;}
.delivery-options label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-size:13px;font-weight:500;color:#3a4339;background:#FCFAF4;cursor:pointer;flex:1;min-width:170px;margin-bottom:0;}
.delivery-options input{accent-color:var(--teal);}
.delivery-options label.checked{border-color:var(--teal);background:#EAF4F0;}

.addon-list{display:flex;flex-direction:column;gap:8px;}
.addon-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#FCFAF4;cursor:pointer;margin-bottom:0;}
.addon-item img{width:38px;height:38px;border-radius:6px;object-fit:cover;}
.addon-item .addon-name{flex:1;font-size:13px;font-weight:500;}
.addon-item .addon-price{font-size:12.5px;font-weight:700;color:var(--red);}

.lp-total{margin-top:18px;display:flex;justify-content:space-between;align-items:center;background:var(--paper-2);border-radius:10px;padding:14px 18px;}
.lp-total .label{font-size:13px;color:#5b6359;}
.lp-total .amount{font-size:22px;font-weight:800;color:var(--teal-dark);font-family:'Tiro Bangla',serif;}

.btn-glow{margin-top:16px;}
.btn-order{width:100%;background:var(--red);color:#fff;border:none;border-radius:9px;padding:14px;font-size:16px;font-weight:700;letter-spacing:.3px;transition:.15s;}
.btn-order:hover{background:#b83a32;}
.order-error{margin-top:12px;background:#FCE9E7;border:1px solid #F2C5C0;color:#9B2E26;border-radius:9px;padding:11px 14px;font-size:13px;font-weight:600;}

/* =====================================================
   থ্যাংক ইউ পেজ
===================================================== */
.thankyou-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;}
.ty-card{max-width:460px;width:100%;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:36px 30px;text-align:center;}
.ty-check{width:60px;height:60px;border-radius:50%;background:#1C9A52;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.ty-card h1{font-size:21px;margin:0 0 14px;color:var(--teal-deepest);}
.ty-invoice{font-size:13px;color:#5b6359;margin:0 0 16px;}
.ty-summary{background:var(--paper-2);border-radius:12px;padding:14px 16px;margin-bottom:18px;text-align:left;}
.ty-summary .row{display:flex;justify-content:space-between;font-size:13px;color:#3a4339;padding:4px 0;}
.ty-summary .row.total{font-weight:800;font-size:15px;color:var(--teal-dark);border-top:1px solid var(--line);margin-top:6px;padding-top:8px;}
.ty-message{font-size:13.5px;line-height:1.8;color:#475048;margin-bottom:20px;text-align:left;}
.ty-messenger{display:block;background:#0084FF;color:#fff;border-radius:10px;padding:12px;font-weight:700;font-size:14px;margin-bottom:12px;text-decoration:none;}
.ty-back{font-size:13px;color:#7a8276;text-decoration:none;}

/* =====================================================
   লগইন পেজ
===================================================== */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--teal-deepest);padding:20px;}
.login-card{background:var(--white);border-radius:18px;padding:34px 30px;max-width:360px;width:100%;}
.login-card h1{font-size:19px;text-align:center;margin:0 0 20px;color:var(--teal-deepest);}
.login-error{background:#FCE9E7;border:1px solid #F2C5C0;color:#9B2E26;border-radius:9px;padding:10px 14px;font-size:13px;margin-bottom:14px;}
.login-card .field{margin-bottom:14px;}

/* =====================================================
   অ্যাডমিন প্যানেল
===================================================== */
.admin-body{margin:0;}
#adminView{display:flex;min-height:100vh;}
.sidebar{width:230px;background:var(--teal-deepest);color:#CFE0D8;padding:22px 14px;flex-shrink:0;display:flex;flex-direction:column;}
.admin-brand{font-family:'Tiro Bangla',serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:18px;}
.admin-brand span{color:var(--gold);}
.sidebar .nav-item{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:8px;font-size:13.5px;font-weight:600;
  margin-bottom:4px;background:transparent;border:none;color:#CFE0D8;width:100%;text-align:left;text-decoration:none;}
.sidebar .nav-item.active{background:rgba(255,255,255,.1);color:#fff;}
.sidebar .nav-item:hover{background:rgba(255,255,255,.06);}
.sidebar .add-btn{margin-top:14px;width:100%;background:var(--gold);color:#26190A;border:none;border-radius:9px;
  padding:11px;font-weight:700;font-size:13.5px;text-align:center;text-decoration:none;display:block;}
.sidebar .logout-link{margin-top:auto;color:#CFE0D8;text-align:center;font-size:12.5px;text-decoration:none;padding-top:18px;}
.admin-content{flex:1;padding:28px 32px;background:var(--paper);min-width:0;}
.admin-content h2{margin:0 0 4px;color:var(--teal-deepest);}
.admin-content .sub{color:#7a8276;font-size:13px;margin:0 0 22px;}

.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;}
.stat-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;}
.stat-card .n{font-size:24px;font-weight:800;color:var(--teal-dark);font-family:'Tiro Bangla',serif;}
.stat-card .t{font-size:12px;color:#7a8276;margin-top:4px;}
.st-new-bg{border-left:4px solid #D6483F;}
.st-confirmed-bg{border-left:4px solid #D9A300;}
.st-shipped-bg{border-left:4px solid #1C9A52;}
.st-cancelled-bg{border-left:4px solid #9aa39a;}
.st-returned-bg{border-left:4px solid #8B5E34;}

.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
.pcard{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.pcard .thumb{height:120px;background:linear-gradient(150deg,#E9F1EC,#D9E9E0);display:flex;align-items:center;justify-content:center;}
.pcard .thumb img{max-height:100px;max-width:90%;object-fit:contain;}
.pcard .body{padding:13px 14px;}
.pcard .name{font-weight:700;font-size:13.5px;margin:0 0 4px;}
.pcard .price{color:var(--red);font-weight:700;font-size:13px;margin:0 0 8px;}
.pcard .link-box{font-size:10.5px;color:#7a8276;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:5px 7px;margin-bottom:10px;width:100%;}
.pcard .actions{display:flex;gap:6px;}
.pcard .actions a{flex:1;text-align:center;border:1px solid var(--line);background:var(--paper-2);border-radius:7px;padding:6px 4px;font-size:11px;font-weight:600;color:var(--teal-dark);text-decoration:none;}
.pcard .actions a.danger{color:var(--red);}

table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;margin-top:6px;}
th,td{padding:10px 12px;text-align:left;font-size:12.5px;border-bottom:1px solid var(--line);vertical-align:middle;}
th{background:var(--paper-2);color:#475048;font-weight:700;font-size:11.5px;}
.order-thumb{width:42px;height:42px;border-radius:6px;object-fit:cover;}
.edit-link{color:var(--teal-dark);font-weight:700;text-decoration:none;font-size:12px;}
.empty-inline{padding:24px;text-align:center;color:#9aa39a;font-size:13px;}

tr.st-new{background:#FCEEEC;}
tr.st-confirmed{background:#FCF7E2;}
tr.st-shipped{background:#EAF6EE;}
tr.st-cancelled{background:#F1EFEC;}
tr.st-returned{background:#F3E9DD;}

.status-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;text-decoration:none;}
.status-badge.st-new{background:#F8D7D3;color:#9B2E26;}
.status-badge.st-confirmed{background:#FAEDB8;color:#8A6300;}
.status-badge.st-shipped{background:#C9EAD4;color:#15633A;}
.status-badge.st-cancelled{background:#E4E1DA;color:#5b6359;}
.status-badge.st-returned{background:#E9D9C2;color:#6B4423;}

.status-form{display:flex;align-items:center;gap:6px;}
.status-form select.status{width:auto;padding:6px 8px;font-size:12px;}
.mini-save{background:var(--teal);color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:11.5px;font-weight:700;}

.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:18px;}
.filter-bar .f-item{display:flex;flex-direction:column;min-width:150px;}
.filter-bar .f-item label{margin-bottom:4px;}
.filter-bar .f-btn{min-width:auto;}
.filter-bar .save-btn{padding:10px 16px;margin:0;width:auto;}
.filter-bar .cancel-link{display:inline-flex;align-items:center;height:40px;color:#7a8276;font-size:12.5px;text-decoration:underline;}

.addp-form{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;}
.addp-form .field{margin-bottom:14px;}
.addp-form input,.addp-form textarea,.addp-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit;background:#FCFAF4;}
.addp-form textarea{resize:vertical;min-height:60px;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.save-btn{display:inline-block;background:var(--teal);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700;font-size:14px;margin-top:4px;text-decoration:none;}
.cancel-link{margin-left:12px;color:#7a8276;font-size:13px;text-decoration:underline;}
.field-hint{font-size:11.5px;color:#9aa39a;margin:6px 0;}
.current-img{margin-bottom:8px;}
.current-img img{height:80px;border-radius:8px;object-fit:cover;}
.form-section-title{font-size:14px;color:var(--teal-dark);margin:22px 0 12px;border-top:1px solid var(--line);padding-top:18px;}
.form-section-title:first-child{border-top:none;padding-top:0;margin-top:0;}
.status-select-big{font-size:14px;font-weight:700;}

.upload-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0;}
.ut-keep{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:#5b6359;}
.ut-keep img{width:56px;height:72px;border-radius:6px;object-fit:cover;border:1px solid var(--line);}

.crosssell-list{display:flex;flex-direction:column;gap:6px;background:#FCFAF4;border:1px solid var(--line);border-radius:9px;padding:10px 12px;}
.cs-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-bottom:0;}

.addon-edit-row{display:block;font-size:13px;margin-bottom:8px;}

.flash-ok{background:#EAF6EE;border:1px solid #BFE6CB;color:#205C33;border-radius:10px;padding:12px 16px;font-size:13.5px;font-weight:600;margin-bottom:16px;}
.flash-error{background:#FCE9E7;border:1px solid #F2C5C0;color:#9B2E26;border-radius:10px;padding:12px 16px;font-size:13.5px;font-weight:600;margin-bottom:16px;}

/* =====================================================
   পপআপ মোডাল (গ্রাহকের অর্ডার হিস্ট্রি)
===================================================== */
.history-btn{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px;font-size:13px;margin-left:6px;}
.modal-overlay{position:fixed;inset:0;background:rgba(10,14,11,.55);z-index:150;display:flex;align-items:center;justify-content:center;padding:18px;}
.modal-card{position:relative;background:var(--white);border-radius:18px;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;padding:28px 26px;}
.modal-close{position:absolute;top:16px;right:18px;border:none;background:none;font-size:20px;color:#9aa39a;}
.history-card h3{margin:0 0 20px;color:var(--teal-deepest);}

.history-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.hs-card{border-radius:14px;overflow:hidden;border:1px solid var(--line);text-align:center;background:var(--white);}
.hs-icon{width:42px;height:42px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:18px;margin:14px auto 0;}
.hs-card .hs-n{font-size:24px;font-weight:800;margin:10px 0 2px;font-family:'Tiro Bangla',serif;}
.hs-card .hs-t{font-size:12px;color:#5b6359;padding-bottom:6px;}
.hs-card .hs-pct{font-size:10.5px;color:#9aa39a;padding-bottom:12px;}
.hs-blue{background:linear-gradient(180deg,#E8F0FE 0%,#fff 70px);} .hs-blue .hs-n{color:#2962E8;}
.hs-green{background:linear-gradient(180deg,#E5F7EC 0%,#fff 70px);} .hs-green .hs-n{color:#1C9A52;}
.hs-pink{background:linear-gradient(180deg,#FDE7EC 0%,#fff 70px);} .hs-pink .hs-n{color:#D6483F;}
.hs-red{background:linear-gradient(180deg,#FCE3DD 0%,#fff 70px);} .hs-red .hs-n{color:#C9482E;}

@media (max-width:560px){
  .history-stat-grid{grid-template-columns:repeat(2,1fr);}
}

/* =====================================================
   মোবাইল রেসপন্সিভ
===================================================== */
@media (max-width:780px){
  .lp-hero,.form-grid,.addp-grid,.row2{grid-template-columns:1fr;}
  .lp-hero .imgwrap{padding:10px;min-height:220px;}
  .lp-hero .imgwrap img{max-height:230px;}
  .lp-hero .info{padding:05px 12px 10px;}
  .lp-badge{margin-bottom:8px;}
  .lp-hero h1{margin:0 0 8px;}
  .info-flip-grid{grid-template-columns:1fr;}
  .panel-flipbook{order:1;}
  .panel-details{order:2;}
  .flipbook{max-width:280px;}
  .mid-order-btn-wrap{margin-top:20px;}
  .video-embed-wrap{border-radius:0 0 14px 14px;}
  .history-stat-grid{grid-template-columns:repeat(2,1fr);}
  #adminView{flex-direction:column;}
  .sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:6px;overflow-x:auto;padding:14px;}
  .sidebar .admin-brand{display:none;}
  .sidebar .add-btn,.sidebar .logout-link{margin-top:0;}
  .admin-content{padding:18px;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  table{display:block;overflow-x:auto;white-space:nowrap;}
}