:root{
  --pz-pink:   #C2185B;   
  --pz-dark:   #7A1F45;   
  --pz-gold:   #C99A46;   
  --pz-soft:   #FFF5F8;   
  --pz-ink:    #2B2B2B;
  --pz-muted:  #8A7480;
  --pz-line:   #F0E4EA;
  --pz-card:   #FFFFFF;
}

*{ box-sizing:border-box; margin:0; padding:0; }

html{ overflow-x:hidden; }
body{
  font-family:'Hind Siliguri', sans-serif;
  color:var(--pz-ink);
  background:var(--pz-soft);
  -webkit-font-smoothing:antialiased;
  padding-bottom:70px;
  overflow-x:hidden;
  max-width:100%;
}

.num{ font-family:'Noto Sans Bengali', sans-serif; }

a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }

.container{ max-width:1200px; margin:0 auto; padding:0 16px; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--pz-pink); color:#fff; border:none; cursor:pointer;
  font-family:inherit; font-size:15px; font-weight:600;
  padding:14px 20px; border-radius:14px; width:100%;
}
.btn-outline{
  background:#fff; color:var(--pz-pink);
  border:0.5px solid #E8B7CC;
}

.bottom-nav{
  position:fixed; bottom:0; left:0; right:0; z-index:60;
  background:#fff; border-top:0.5px solid #EEE;
  display:flex; justify-content:space-around; align-items:center;
  padding:9px 8px 11px;
}
.bottom-nav a{
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:7px 14px; color:#B79AA6; font-size:11px;
}
.bottom-nav a i{ font-size:20px; }
.bottom-nav a.active{
  background:var(--pz-pink); color:#fff; border-radius:14px; padding:7px 18px;
}

@media (min-width:860px){
  body{ padding-bottom:0; }
          
  .bottom-nav{ display:none; }       
  .hdr-icon.menu-btn{ display:none; }
  
}

.section{ padding:18px 16px 0; }
.section-head{ display:flex;align-items:center;justify-content:space-between;margin-bottom:14px; }
.section-head h2{ font-size:17px;font-weight:700;color:var(--pz-dark); }
.section-head a{ font-size:13px;color:var(--pz-pink); }

.p-grid{ display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px; }
.p-card{ background:#fff;border-radius:16px;overflow:hidden;border:0.5px solid var(--pz-line);display:block; }
.p-img{ position:relative;aspect-ratio:1/1.15;background:linear-gradient(135deg,#F4D9E4,#E7C0D3);overflow:hidden; }
.p-img img{ width:100%;height:100%;object-fit:cover; }
.p-noimg{ width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#D8A8BE; }
.p-noimg i{ font-size:34px; }
.p-badge{ position:absolute;top:8px;left:8px;background:var(--pz-pink);color:#fff;font-size:9px;font-weight:600;padding:2px 8px;border-radius:999px; }
.p-info{ padding:9px 10px 11px; }
.p-name{ font-size:12px;color:#3D1E2E;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.p-price{ margin-top:5px; }
.p-price .num{ font-size:14px;font-weight:600;color:var(--pz-pink); }
.p-old{ font-size:11px;color:#B79AA6;text-decoration:line-through; }

.empty-note{ text-align:center;padding:30px 20px;color:var(--pz-muted);font-size:14px; }

@media (min-width:860px){
  .p-grid{ grid-template-columns:repeat(4,1fr);gap:16px; }

}

.shop-head{ display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border-bottom:0.5px solid #F3E7ED; }
.shop-head .back{ font-size:22px;color:var(--pz-dark); }
.shop-title{ font-size:16px;font-weight:600;color:var(--pz-dark); }
.search-bar{ display:flex;align-items:center;gap:9px;background:#F4EDF0;border-radius:12px;padding:11px 14px;margin:12px 16px 0; }
.search-bar i{ font-size:18px;color:var(--pz-pink); }
.search-bar input{ flex:1;border:none;background:none;font-family:inherit;font-size:14px;color:var(--pz-ink);outline:none; }
.search-bar .clr{ color:#B79AA6;font-size:16px; }
.chips{ display:flex;gap:8px;padding:14px 16px 4px;overflow-x:auto; }
.chip{ background:#FCEFF4;color:var(--pz-dark);font-size:12px;padding:6px 16px;border-radius:999px;white-space:nowrap; }
.chip.active{ background:var(--pz-pink);color:#fff; }
.sortbar{ display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px; }
.sortbar .count{ font-size:12px;color:#B79AA6; }
.sortform select{ font-family:inherit;font-size:12px;color:var(--pz-dark);background:#FCEFF4;border:none;border-radius:10px;padding:7px 12px;outline:none; }
.empty-state{ text-align:center;padding:50px 30px; }
.empty-state .ic{ width:90px;height:90px;background:#FCEFF4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto; }
.empty-state .ic i{ font-size:44px;color:var(--pz-pink); }
.empty-state .t{ font-size:16px;font-weight:700;color:var(--pz-dark);margin-top:18px; }
.empty-state .s{ font-size:13px;color:var(--pz-muted);margin-top:7px;line-height:1.6; }

.pd-wrap{ max-width:1000px;margin:0 auto; }
.pd-gallery{ position:relative; }
.pd-back{ position:absolute;top:14px;left:14px;z-index:5;width:38px;height:38px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--pz-dark); }
.pd-main{ position:relative;aspect-ratio:1/1.1;background:linear-gradient(135deg,#F4D9E4,#E7C0D3);overflow:hidden; }
.pd-main img{ width:100%;height:100%;object-fit:cover; }
.pd-badge{ position:absolute;top:16px;right:16px;background:var(--pz-pink);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px; }
.pd-thumbs{ display:flex;gap:8px;padding:12px 16px;overflow-x:auto; }
.pd-thumbs img{ width:56px;height:64px;border-radius:10px;object-fit:cover;border:1.5px solid transparent;cursor:pointer; }
.pd-thumbs img.active{ border-color:var(--pz-pink); }
.pd-info{ padding:6px 18px 20px; }
.pd-name{ font-size:19px;font-weight:600;color:#3D1E2E; }
.pd-price{ display:flex;align-items:baseline;gap:10px;margin-top:12px;flex-wrap:wrap; }
.pd-price .cur{ font-size:24px;font-weight:700;color:var(--pz-pink); }
.pd-price .old{ font-size:14px;color:#B79AA6;text-decoration:line-through; }

.pd-label{ font-size:13px;font-weight:600;color:var(--pz-dark);margin:18px 0 10px; }
.pd-options{ display:flex;gap:9px;flex-wrap:wrap; }
.opt-pill input{ display:none; }
.opt-pill span{ display:inline-block;padding:9px 16px;border-radius:10px;border:0.5px solid #E5D2DB;font-size:13px;color:var(--pz-dark);cursor:pointer; }
.opt-pill input:checked + span{ background:var(--pz-pink);color:#fff;border-color:var(--pz-pink); }
.pd-buy{ display:flex;gap:12px;margin-top:22px;align-items:stretch; }
.qty{ display:flex;align-items:center;gap:12px;border:0.5px solid #E5D2DB;border-radius:14px;padding:0 14px;flex-shrink:0; }
.qty button{ background:none;border:none;font-size:17px;color:var(--pz-pink);cursor:pointer;padding:12px 0; }
.qty button i{ display:block; }
.qty span{ font-size:16px;color:#3D1E2E;min-width:18px;text-align:center; }
.add-cart{ flex:1; }
.pd-stock{ display:flex;align-items:center;gap:6px;margin-top:12px;background:#F3FBF5;padding:9px 12px;border-radius:10px;font-size:12px;color:#3B8A4E; }
.pd-stock.out{ background:#FDECEC;color:#D64545; }
.pd-desc-head{ font-size:13px;font-weight:600;color:var(--pz-dark);margin:20px 0 6px;border-top:0.5px solid var(--pz-line);padding-top:16px; }
.pd-desc{ font-size:13px;color:var(--pz-muted);line-height:1.7; }

@media (min-width:860px){
  .pd-wrap{ display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px 16px;align-items:start; }
  .pd-left{ display:flex; flex-direction:column; gap:14px; }
  
  .pd-main{ border-radius:18px; }
  .chips{ justify-content:flex-start; }
}

.cart-head{ display:flex;align-items:baseline;justify-content:space-between;padding:18px 16px 4px; }
.cart-head .ct{ font-size:22px;font-weight:700;color:var(--pz-dark); }
.cart-head .cc{ font-size:12px;color:#B79AA6; }
.cart-items{ padding:10px 16px 0; }
.citem{ background:#fff;border-radius:16px;border:0.5px solid var(--pz-line);padding:12px;display:flex;gap:12px;margin-bottom:12px; }
.cimg{ width:76px;height:88px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#F4D9E4,#E7C0D3); }
.cimg img{ width:100%;height:100%;object-fit:cover; }
.cbody{ flex:1;min-width:0; }
.crow{ display:flex;justify-content:space-between;align-items:center;gap:8px; }
.cname{ font-size:13px;font-weight:500;color:#3D1E2E; }
.crm{ color:#C9A0B2;font-size:18px;flex-shrink:0; }
.ctags{ display:flex;gap:6px;margin-top:6px; }
.ctag{ font-size:10px;color:var(--pz-dark);background:#FCEFF4;padding:2px 8px;border-radius:6px; }
.cprice{ font-size:15px;font-weight:600;color:var(--pz-pink); }
.cqty{ display:flex;align-items:center;gap:10px;border:0.5px solid #E5D2DB;border-radius:9px;padding:2px 8px; }
.cqty button{ background:none;border:none;color:var(--pz-pink);font-size:14px;cursor:pointer;padding:4px 0;display:flex; }
.cqty span{ font-size:13px;color:#3D1E2E;min-width:16px;text-align:center; }
.cart-summary{ background:#fff;border-radius:16px;border:0.5px solid var(--pz-line);padding:16px;margin:16px; }
.cart-summary .srow{ display:flex;justify-content:space-between;font-size:13px;color:var(--pz-muted);margin-bottom:10px; }
.cart-summary .sline{ height:0.5px;background:var(--pz-line);margin:12px 0; }
.cart-summary .total{ font-size:15px;font-weight:600;color:var(--pz-dark);margin-bottom:0; }
.cart-summary .total .num{ font-size:20px;font-weight:700;color:var(--pz-pink); }

@media (min-width:860px){
  main{ max-width:1240px; margin:0 auto; }
  
  .p-grid{ grid-template-columns:repeat(4,1fr); gap:18px; }
  
  .section, 
}
@media (min-width:1100px){
  .p-grid{ grid-template-columns:repeat(5,1fr); }
}

.pd-swipe{ position:relative; }
.pd-track{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.pd-track::-webkit-scrollbar{ display:none; }
.pd-slide{ min-width:100%; scroll-snap-align:center; aspect-ratio:1/1.1; background:linear-gradient(135deg,#F4D9E4,#E7C0D3); }
.pd-slide img{ width:100%; height:100%; object-fit:cover; }
.pd-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.55); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:4; color:#fff; backdrop-filter:blur(2px); transition:background .2s, border-color .2s; }
.pd-arrow:hover{ background:rgba(255,255,255,.25); border-color:rgba(255,255,255,.9); }
.pd-arrow i{ font-size:16px; }
.pd-arrow.left{ left:10px; }
.pd-arrow.right{ right:10px; }
.pd-dots{ position:absolute; bottom:12px; left:0; right:0; display:flex; justify-content:center; gap:6px; z-index:4; }
.pd-dots span{ width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.6); }
.pd-dots span.on{ background:#fff; width:20px; border-radius:999px; }

@media (min-width:860px){

}

.co-head{ padding:16px; }
.co-title{ font-size:20px; font-weight:700; color:var(--pz-dark); }
.co-alert{ margin:0 16px 12px; background:#FDECEC; color:#B23232; padding:12px 14px; border-radius:11px; font-size:13px; display:flex; align-items:center; gap:8px; }
.co-wrap{ padding:0 16px; }
.co-card{ background:#fff; border:0.5px solid var(--pz-line); border-radius:16px; padding:16px; margin-bottom:14px; }
.co-card-h{ font-size:14px; font-weight:700; color:var(--pz-dark); margin-bottom:14px; display:flex; align-items:center; gap:7px; }
.co-card-h i{ color:var(--pz-pink); font-size:19px; }
.co-field{ margin-bottom:14px; }
.co-field:last-child{ margin-bottom:0; }
.co-field label{ display:block; font-size:12.5px; font-weight:600; color:var(--pz-dark); margin-bottom:6px; }
.co-field .req{ color:var(--pz-pink); }
.co-field .opt{ font-weight:400; color:#B79AA6; }
.co-field input, .co-field textarea{ width:100%; font-family:inherit; font-size:14px; color:var(--pz-ink); background:#FCF7FA; border:0.5px solid var(--pz-line); border-radius:11px; padding:12px 13px; }
.co-field textarea{ min-height:70px; resize:vertical; }
.co-field input:focus, .co-field textarea:focus{ outline:none; border-color:var(--pz-pink); background:#fff; }
.co-pay{ display:flex; align-items:center; gap:12px; background:#FFF5F8; border:1px solid #F0C8DA; border-radius:12px; padding:13px; }
.co-pay > i{ font-size:26px; color:var(--pz-pink); }
.cp-t{ font-size:13px; font-weight:600; color:var(--pz-dark); }
.cp-s{ font-size:11px; color:#B79AA6; }
.cp-chk{ margin-left:auto; color:var(--pz-pink); font-size:22px; }
.co-items{ display:flex; flex-direction:column; gap:12px; }
.co-item{ display:flex; align-items:center; gap:11px; }
.ci-img{ position:relative; width:50px; height:58px; border-radius:9px; overflow:hidden; flex-shrink:0; background:linear-gradient(135deg,#F4D9E4,#E7C0D3); }
.ci-img img{ width:100%; height:100%; object-fit:cover; }
.ci-qty{ position:absolute; top:-6px; right:-6px; background:var(--pz-dark); color:#fff; font-size:10px; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.ci-body{ flex:1; min-width:0; }
.ci-name{ font-size:12.5px; color:#3D1E2E; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ci-meta{ font-size:11px; color:#B79AA6; margin-top:2px; }
.ci-price{ font-size:13px; font-weight:600; color:var(--pz-pink); flex-shrink:0; }
.co-sum{ border-top:0.5px solid var(--pz-line); margin-top:14px; padding-top:14px; }
.cs-row{ display:flex; justify-content:space-between; font-size:13px; color:var(--pz-muted); margin-bottom:9px; }
.cs-line{ height:0.5px; background:var(--pz-line); margin:11px 0; }
.cs-total{ font-size:15px; font-weight:700; color:var(--pz-dark); margin-bottom:0; }
.cs-total .num{ font-size:19px; color:var(--pz-pink); }
.co-notice{ background:#FFF4E5; border:1px solid #F0D9AE; border-radius:12px; padding:10px 0; margin-bottom:14px; overflow:hidden; }
.cn-scroll{ white-space:nowrap; font-size:12px; color:#9A6B12; display:inline-block; padding-left:100%; animation:cnScroll 14s linear infinite; }
.cn-scroll i{ color:#D9880A; }
@keyframes cnScroll{ 0%{ transform:translateX(0);} 100%{ transform:translateX(-100%);} }
.co-confirm{ position:relative; width:100%; overflow:hidden; background:linear-gradient(135deg,var(--pz-pink),#9A1450); color:#fff; border:none; cursor:pointer; font-family:inherit; font-size:15px; font-weight:700; padding:16px; border-radius:15px; display:flex; align-items:center; justify-content:center; gap:9px; box-shadow:0 10px 26px rgba(194,24,91,.35); animation:ccPulse 2.4s ease-in-out infinite; }
.co-confirm .cc-arrow{ font-size:19px; animation:ccArrow 1.4s ease-in-out infinite; }
.cc-shine{ position:absolute; top:0; left:-60%; width:40%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent); animation:ccShine 3s ease-in-out infinite; }
@keyframes ccPulse{ 0%,100%{ box-shadow:0 10px 26px rgba(194,24,91,.35);} 50%{ box-shadow:0 10px 34px rgba(194,24,91,.6);} }
@keyframes ccArrow{ 0%,100%{ transform:translateX(0);} 50%{ transform:translateX(5px);} }
@keyframes ccShine{ 0%{ left:-60%;} 60%,100%{ left:130%;} }
.co-safe{ text-align:center; font-size:11px; color:#B79AA6; margin-top:12px; }
.co-safe i{ color:#3B8A4E; }

.os-wrap{ max-width:480px; margin:0 auto; padding:30px 24px; text-align:center; }
.os-check svg{ width:88px; height:88px; }
.os-c{ stroke:#3B8A4E; stroke-width:2; stroke-dasharray:151; stroke-dashoffset:151; animation:osCircle .6s ease forwards; }
.os-t{ stroke:#3B8A4E; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:40; stroke-dashoffset:40; animation:osTick .35s .55s ease forwards; }
@keyframes osCircle{ to{ stroke-dashoffset:0;} }
@keyframes osTick{ to{ stroke-dashoffset:0;} }
.os-title{ font-size:22px; font-weight:700; color:var(--pz-dark); margin-top:16px; }
.os-sub{ font-size:13px; color:var(--pz-muted); margin-top:8px; line-height:1.7; }
.os-order{ background:#FFF5F8; border:1px dashed #E8B7CC; border-radius:12px; padding:14px; margin:20px 0; display:flex; flex-direction:column; gap:4px; }
.os-order span{ font-size:11px; color:#B79AA6; }
.os-order strong{ font-size:18px; color:var(--pz-pink); letter-spacing:.5px; }
.os-delivery{ position:relative; height:56px; margin:14px 0 6px; }
.os-road{ position:absolute; bottom:8px; left:0; right:0; height:2px; background:repeating-linear-gradient(90deg,#D8B9C8 0 12px,transparent 12px 24px); }
.os-van{ position:absolute; bottom:10px; left:-80px; display:flex; align-items:center; gap:5px; color:var(--pz-pink); animation:osVan 4s linear infinite; }
.os-van i{ font-size:32px; }
.os-van-label{ font-family:'Marcellus',serif; font-size:9px; color:var(--pz-dark); letter-spacing:1px; }
@keyframes osVan{ 0%{ left:-90px;} 100%{ left:100%;} }
.os-eta{ font-size:12.5px; color:#3B8A4E; background:#F3FBF5; border-radius:10px; padding:10px; margin:10px 0 22px; display:flex; align-items:center; justify-content:center; gap:6px; }
.os-actions{ margin-top:8px; }

@media (min-width:860px){
  .co-wrap{ display:grid; grid-template-columns:1.3fr 1fr; gap:20px; align-items:start; max-width:1000px; margin:0 auto; }
  .co-right{ position:sticky; top:80px; }
}

.site-header{ background:#fff; position:sticky; top:0; z-index:50; box-shadow:0 1px 8px rgba(122,31,69,.06); }
.hdr-main{ display:flex; align-items:center; gap:14px; max-width:1240px; margin:0 auto; padding:13px 16px; }
.hdr-burger{ display:none; background:none; border:none; cursor:pointer; color:var(--pz-dark); padding:0; }
.hdr-burger i{ font-size:26px; }
.logo{ flex-shrink:0; text-align:center; line-height:1; }
.logo .word{ font-family:'Marcellus',serif; font-size:22px; color:var(--pz-dark); letter-spacing:2.5px; display:block; }
.logo .word b{ color:var(--pz-pink); font-weight:normal; }
.logo .tag{ font-size:8px; color:#B79AA6; letter-spacing:3px; margin-top:2px; display:block; }
.hdr-search{ flex:1; min-width:0; max-width:520px; margin:0 auto; display:flex; align-items:center; gap:9px; background:#F6EEF2; border:1.5px solid transparent; border-radius:12px; padding:11px 15px; transition:border-color .15s, background .15s; }
.hdr-search:focus-within{ border-color:var(--pz-pink); background:#fff; }
.hdr-search i{ font-size:19px; color:var(--pz-pink); }
.hdr-search input{ flex:1; min-width:0; border:none; background:none; font-family:inherit; font-size:14px; color:var(--pz-ink); outline:none; }
.hdr-cart{ position:relative; flex-shrink:0; color:var(--pz-dark); display:flex; }
.hdr-cart i{ font-size:26px; }
.hdr-cart .count{ position:absolute; top:-6px; right:-7px; background:var(--pz-pink); color:#fff; font-size:10px; min-width:17px; height:17px; padding:0 4px; border-radius:999px; display:flex; align-items:center; justify-content:center; }

.hdr-cats{ display:flex; gap:4px; max-width:1240px; margin:0 auto; padding:0 12px 2px; overflow-x:auto; scrollbar-width:none; border-top:0.5px solid #F3E7ED; }
.hdr-cats::-webkit-scrollbar{ display:none; }
.hdr-cats a{ font-size:14px; font-weight:600; color:#4A3540; padding:12px 14px; white-space:nowrap; position:relative; }
.hdr-cats a.active{ color:var(--pz-pink); }
.hdr-cats a.active::after{ content:''; position:absolute; left:14px; right:14px; bottom:0; height:2.5px; background:var(--pz-pink); border-radius:2px; }
.hdr-cats a:hover{ color:var(--pz-pink); }

.pz-drawer{ position:fixed; top:0; left:0; bottom:0; width:270px; max-width:82%; background:#fff; z-index:200; transform:translateX(-100%); transition:transform .25s ease; overflow-y:auto; box-shadow:2px 0 20px rgba(0,0,0,.15); }
.pz-drawer.open{ transform:translateX(0); }
.pz-drawer-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 18px; border-bottom:0.5px solid var(--pz-line); }
.pz-drawer-head .word{ font-family:'Marcellus',serif; font-size:19px; color:var(--pz-dark); letter-spacing:2px; }
.pz-drawer-head .word b{ color:var(--pz-pink); font-weight:normal; }
.pz-drawer-head button{ background:none; border:none; cursor:pointer; color:var(--pz-dark); font-size:24px; display:flex; }
.pz-drawer a{ display:flex; align-items:center; gap:13px; padding:15px 20px; font-size:15px; font-weight:500; color:var(--pz-dark); border-bottom:0.5px solid #F6ECF1; }
.pz-drawer a i{ font-size:21px; color:var(--pz-pink); }
.pz-drawer a:hover{ background:#FDF5F9; }
.pz-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:150; }
.pz-overlay.show{ display:block; }

@media (max-width:768px){
  .hdr-burger{ display:block; }
  .logo .word{ font-size:19px; letter-spacing:1.5px; }
  .logo .tag{ display:none; }
  .hdr-cats{ display:none; }
  .hdr-search{ padding:9px 13px; }
  .hdr-search input{ font-size:13px; }
  .hdr-main{ gap:10px; padding:12px 16px; }
}
@media (min-width:769px){
  .pz-drawer, .pz-overlay{ display:none !important; }
}

@media (max-width:768px){

}

.hdr-search input::placeholder{ color:#B79AA6; opacity:1; }

.home-catbar{ width:100%; background:#fff; border-bottom:0.5px solid #EFE0E8; box-shadow:0 1px 6px rgba(122,31,69,.04); }
.home-catbar-inner{ display:flex; justify-content:center; gap:2px; max-width:1240px; margin:0 auto; padding:0 12px; overflow-x:auto; scrollbar-width:none; }
.home-catbar-inner::-webkit-scrollbar{ display:none; }
.home-catbar-inner a{ font-size:14px; font-weight:600; color:#4A3540; padding:13px 16px; white-space:nowrap; position:relative; }
.home-catbar-inner a.active{ color:var(--pz-pink); }
.home-catbar-inner a.active::after{ content:''; position:absolute; left:16px; right:16px; bottom:0; height:2.5px; background:var(--pz-pink); border-radius:2px; }
.home-catbar-inner a:hover{ color:var(--pz-pink); }
@media (max-width:768px){
  .home-catbar-inner{ justify-content:center; gap:0; padding:0 6px; }
  .home-catbar-inner a{ font-size:13px; padding:11px 14px; }
}

.site-header{ position:-webkit-sticky; position:sticky; top:0; z-index:100; }

.announce{ background:var(--pz-dark); overflow:hidden; padding:9px 0; }
.announce-marquee{ display:flex; width:max-content; animation:annScroll 40s linear infinite; will-change:transform; }
.announce:hover .announce-marquee{ animation-play-state:paused; }
.announce-set{ display:flex; align-items:center; flex-shrink:0; }
.am-item{ display:inline-flex; align-items:center; gap:7px; color:#FCE3EE; font-size:12.5px; font-weight:500; white-space:nowrap; padding:0 26px; letter-spacing:.2px; }
.am-item i{ color:#E7A93F; font-size:15px; }
@keyframes annScroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

.hero-slider{ position:relative; width:100%; overflow:hidden; line-height:0; }

.hero-slide{ min-width:100%; }
.hero-slide img{ width:100%; height:auto; display:block; }

.hero-dots{ position:absolute; bottom:14px; left:0; right:0; display:flex; justify-content:center; gap:8px; z-index:3; }
.hero-dots span{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.55); cursor:pointer; transition:width .2s, background .2s; }
.hero-dots span.on{ background:#fff; width:26px; border-radius:999px; }
@media (max-width:768px){

  .hero-dots{ bottom:9px; }
}

.cats{ display:flex; gap:20px; padding:24px 16px 6px; overflow-x:auto; scrollbar-width:none; justify-content:center; max-width:1240px; margin:0 auto; }
.cats::-webkit-scrollbar{ display:none; }
.cat-item{ display:flex; flex-direction:column; align-items:center; gap:9px; flex-shrink:0; }
.cat-item .ci{ position:relative; width:74px; height:74px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; border:0.5px solid var(--pz-line); box-shadow:0 4px 14px rgba(122,31,69,.06); transition:transform .18s, box-shadow .18s, border-color .18s; }
.cat-item:hover .ci{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(194,24,91,.15); border-color:#F0C8DA; }
.cat-item .ci i{ font-size:32px; color:var(--pz-pink); }
.cat-item span{ font-size:13px; font-weight:600; color:var(--pz-dark); }
@media (max-width:768px){
  .cats{ gap:16px; padding:18px 14px 4px; justify-content:flex-start; }
  .cat-item .ci{ width:60px; height:60px; border-radius:50%; }
  .cat-item .ci i{ font-size:26px; }
  .cat-item span{ font-size:12px; }
}
@media (min-width:860px){
  .cat-item .ci{ width:88px; height:88px; border-radius:50%; }
  .cat-item .ci i{ font-size:38px; }
  .cat-item span{ font-size:14px; }
  .cats{ gap:28px; padding:30px 16px 8px; }
}

.hero-track{ display:flex; transition:transform .6s cubic-bezier(.4,0,.2,1); touch-action:pan-y; cursor:grab; }
.hero-track:active{ cursor:grabbing; }
.hero-slide img{ pointer-events:none; -webkit-user-drag:none; user-select:none; }

.cat-item .ci.has-img{ padding:0; background:#fff; border-radius:50%; }
.cat-item .ci.has-img img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:50%; z-index:2; }

.cat-item .ci::before, .cat-item .ci::after{ content:''; position:absolute; inset:0; border-radius:50%; border:2px solid var(--pz-pink); z-index:0; pointer-events:none; animation:catPulse 2.6s ease-in-out infinite; }
.cat-item .ci::after{ animation-delay:1.3s; }
@keyframes catPulse{ 0%,100%{ transform:scale(1); opacity:.7; } 50%{ transform:scale(1.16); opacity:.15; } }

.section-head .en-head{ font-family:'Cormorant Garamond',serif; font-weight:700; font-size:26px; color:var(--pz-dark); letter-spacing:.3px; }
@media (min-width:860px){ .section-head .en-head{ font-size:32px; } }

.buy-now{ width:100%; margin-top:11px; background:#241E22; color:#fff; font-size:15px; font-weight:700; letter-spacing:1px; padding:15px; border:none; border-radius:14px; cursor:pointer; transition:background .18s, transform .1s; }
.buy-now:hover{ background:#181316; }
.buy-now:active{ transform:scale(.99); }

.site-footer{ background:var(--pz-dark); color:#F0D9E3; margin-top:36px; }
.footer-main{ max-width:1240px; margin:0 auto; padding:40px 20px 26px; display:grid; grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:30px; }
.fcol .fhead{ font-size:15px; font-weight:700; color:#fff; margin-bottom:16px; position:relative; padding-bottom:8px; }
.fcol .fhead::after{ content:''; position:absolute; left:0; bottom:0; width:28px; height:2px; background:var(--pz-gold); border-radius:2px; }
.fcol a{ display:block; font-size:14px; color:#E0BCCB; padding:6px 0; transition:color .15s, padding-left .15s; }
.fcol a:hover{ color:#fff; padding-left:4px; }
.fword{ font-family:'Marcellus',serif; font-size:26px; color:#fff; letter-spacing:3px; }
.fword b{ color:var(--pz-pink); font-weight:normal; }
.ftag{ font-size:13.5px; color:#D6AEBF; line-height:1.8; margin-top:14px; }
.fsocials{ display:flex; gap:10px; margin-top:18px; }
.fsocials a{ width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:#fff; font-size:19px; transition:background .18s, transform .18s; }
.fsocials a:hover{ background:var(--pz-pink); transform:translateY(-3px); }
.fcontact{ display:flex; align-items:flex-start; gap:9px; font-size:14px; color:#E0BCCB; padding:7px 0; }
.fcontact i{ color:var(--pz-gold); font-size:18px; flex-shrink:0; margin-top:1px; }
.faddr{ line-height:1.6; }
.fpay{ max-width:1240px; margin:0 auto; padding:18px 20px; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.fpay-lbl{ font-size:13px; color:#C99FB0; }
.fpay-badge{ font-size:12px; font-weight:600; color:#fff; background:rgba(255,255,255,.12); padding:6px 14px; border-radius:8px; }
.fbottom{ text-align:center; padding:16px 20px; font-size:12.5px; color:#B98FA2; border-top:1px solid rgba(255,255,255,.12); }
@media (max-width:768px){
  .footer-main{ grid-template-columns:1fr 1fr; gap:24px 20px; padding:30px 18px 22px; }
  .fbrand{ grid-column:1 / -1; }
  .fword{ font-size:22px; }
  .fpay{ justify-content:center; }
}

.trust{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:24px 12px 0; max-width:1240px; margin:0 auto; }
.trust .t{ display:flex; align-items:center; gap:13px; background:#fff; border-radius:14px; padding:16px 15px; border:0.5px solid var(--pz-line); box-shadow:0 4px 16px rgba(122,31,69,.05); transition:transform .18s, box-shadow .18s; }
.trust .t:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(122,31,69,.13); }
.trust .tic{ width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.trust .tic i{ font-size:26px; }
.trust .tic.pink{ background:var(--pz-pink); color:#fff; }
.trust .tic.gold{ background:var(--pz-gold); color:#fff; }
.trust .tic.green{ background:#2FA45A; color:#fff; }
.trust .tbody{ min-width:0; }
.trust .tt{ font-size:14px; font-weight:700; color:var(--pz-dark); line-height:1.3; }
.trust .ts{ font-size:11.5px; color:#B79AA6; margin-top:3px; }
@media (max-width:768px){
  .trust{ grid-template-columns:1fr; gap:10px; }
  .trust .t{ padding:14px 15px; }
}
@media (min-width:860px){
  .trust .t{ padding:20px 20px; }
  .trust .tic{ width:56px; height:56px; }
  .trust .tic i{ font-size:29px; }
  .trust .tt{ font-size:15.5px; }
  .trust .ts{ font-size:12.5px; }
}

@media (max-width:768px){

}

.promo3{ position:relative; max-width:1240px; margin:34px auto 0; display:grid; grid-template-columns:200px 1fr; gap:34px; align-items:center; background:#fff; border:1px solid #EFD9E2; border-radius:20px; padding:28px 36px; box-shadow:0 8px 26px rgba(122,31,69,.09); overflow:hidden; }
.p3-corner{ position:absolute; top:0; right:0; width:80px; height:80px; background:linear-gradient(135deg,transparent 50%,#F7E4C0 50%); }
.p3-img{ display:block; border-radius:14px; overflow:hidden; box-shadow:0 12px 28px rgba(122,31,69,.2); transform:rotate(-3deg); transition:transform .35s ease; line-height:0; }
.p3-img:hover{ transform:rotate(0) scale(1.03); }
.p3-img img{ width:100%; height:auto; display:block; }
.p3-text{ position:relative; z-index:2; }
.p3-label{ font-size:11px; letter-spacing:3px; color:var(--pz-gold); font-weight:700; }
.p3-title{ font-family:'Cormorant Garamond',serif; font-size:32px; font-weight:700; color:#2B1520; margin-top:8px; line-height:1.15; }
.p3-desc{ font-size:13.5px; color:#8A6575; margin-top:10px; line-height:1.7; }
.p3-link{ display:inline-flex; align-items:center; gap:7px; color:var(--pz-pink); font-size:13.5px; font-weight:700; margin-top:16px; border-bottom:2px solid var(--pz-pink); padding-bottom:3px; width:fit-content; }
.p3-link i{ transition:transform .2s; }
.p3-link:hover i{ transform:translateX(4px); }
@media (max-width:768px){
  .promo3{ grid-template-columns:120px 1fr; gap:16px; margin:24px 12px 0; padding:20px 18px; }
  .p3-corner{ width:52px; height:52px; }
  .p3-title{ font-size:20px; }
  .p3-desc{ font-size:12.5px; }
  .p3-spark{ display:none; }
  .p3-blob.b2, .p3-dot{ display:none; }
}

.trust .tic{ animation:trustFloat 2.8s ease-in-out infinite; }
.trust .t:nth-child(2) .tic{ animation-delay:.4s; }
.trust .t:nth-child(3) .tic{ animation-delay:.8s; }
@keyframes trustFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }

.p3-blob{ position:absolute; border-radius:50%; z-index:0; pointer-events:none; }
.p3-blob.b1{ width:220px; height:220px; right:-40px; top:-60px; background:radial-gradient(circle,#FBE0EC,transparent 70%); animation:p3Float 6s ease-in-out infinite; }
.p3-blob.b2{ width:130px; height:130px; right:180px; bottom:-50px; background:radial-gradient(circle,#F7E9D3,transparent 70%); animation:p3Float 7s ease-in-out infinite reverse; }
.p3-dot{ position:absolute; border-radius:50%; z-index:1; pointer-events:none; }
.p3-dot.d1{ width:10px; height:10px; background:var(--pz-pink); right:120px; top:40px; opacity:.5; animation:p3Float 4s ease-in-out infinite; }
.p3-dot.d2{ width:7px; height:7px; background:var(--pz-gold); right:70px; bottom:44px; opacity:.7; animation:p3Float 5s ease-in-out infinite reverse; }
.p3-dot.d3{ width:14px; height:14px; border:2px solid #EFC8D8; right:250px; top:70px; animation:p3Float 5.5s ease-in-out infinite; }
.p3-spark{ position:absolute; right:60px; top:34px; font-size:26px; color:#E7C24E; z-index:1; opacity:.75; animation:p3Twinkle 3s ease-in-out infinite; pointer-events:none; }
@keyframes p3Float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }
@keyframes p3Twinkle{ 0%,100%{ opacity:.35; transform:scale(.9); } 50%{ opacity:.9; transform:scale(1.1); } }

.pd-details{ background:#fff; border:1px solid var(--pz-line); border-radius:16px; padding:6px 0; margin-top:6px; }
.pdd-row{ display:flex; align-items:center; gap:13px; padding:11px 16px; }
.pdd-row:not(:last-child){ border-bottom:1px solid #F5E8EE; }
.pdd-ic{ width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.pdd-ic i{ font-size:19px; }
.pdd-ic.f1{ background:#FCE8F0; color:#C2185B; }
.pdd-ic.f2{ background:#FBF0DA; color:#B8860B; }
.pdd-ic.f3{ background:#E7F6EC; color:#1E7A44; }
.pdd-ic.f4{ background:#E6F0FB; color:#2266B8; }
.pdd-ic.f5{ background:#EFEAFB; color:#5A3FA0; }
.pdd-ic.f6{ background:#FCEAE3; color:#C2551E; }
.pdd-ic.f7{ background:#FBEAF3; color:#B0348A; }
.pdd-ic.f8{ background:#E3F4F8; color:#127C97; }
.pdd-label{ font-size:12.5px; color:#8A6575; flex:1; }
.pdd-val{ font-size:13px; font-weight:600; color:#2B1520; text-align:right; }

.pd-reviews{ margin:0; font-family:'Hind Siliguri',sans-serif; }
.pd-reviews .rv-head{ color:var(--pz-dark); font-family:'Hind Siliguri',sans-serif; font-size:13px; font-weight:700; padding:4px 4px 10px; display:flex; align-items:center; gap:7px; }
.pd-reviews .rv-head i{ color:#F5B301; font-size:16px; }
.rv-body{ display:flex; gap:26px; align-items:center; background:#fff; border:1px solid var(--pz-line); border-radius:16px; padding:26px 22px; }
.rv-score{ text-align:center; flex-shrink:0; }
.rv-num{ font-family:'Cormorant Garamond',serif; font-size:60px; font-weight:700; color:var(--pz-dark); line-height:.9; }
.rv-stars{ color:#F5B301; margin-top:8px; display:flex; justify-content:center; gap:2px; }
.rv-stars i{ font-size:20px; }
.rv-count{ font-family:'Hind Siliguri',sans-serif; font-size:13px; color:#9A7E8B; margin-top:8px; }
.rv-bars{ flex:1; display:flex; flex-direction:column; gap:8px; min-width:0; }
.rv-bar{ display:flex; align-items:center; gap:11px; }
.rv-lbl{ font-family:'Hind Siliguri',sans-serif; font-size:13px; color:#8A6575; width:30px; flex-shrink:0; }
.rv-track{ flex:1; height:10px; background:#F0E4EA; border-radius:9px; overflow:hidden; }
.rv-fill{ display:block; height:100%; background:linear-gradient(90deg,#F5B301,#F5C542); border-radius:9px; transition:width .6s ease; }
.rv-cnt{ font-family:'Hind Siliguri',sans-serif; font-size:13px; color:#8A6575; width:28px; text-align:right; flex-shrink:0; }
@media (max-width:859px){
  .pd-left{ display:contents; }
  .pd-gallery{ order:1; }
  .pd-info{ order:2; }
  .pd-reviews{ order:3; margin:22px 16px 0; }
  .pd-related{ order:4; margin:24px 16px 0; }
  .pd-wrap{ display:flex; flex-direction:column; }
}
@media (min-width:860px){
  .rv-num{ font-size:66px; }
  .rv-stars i{ font-size:22px; }
}

.pd-price .disc-badge{ background:var(--pz-pink); color:#fff; font-family:'Hind Siliguri',sans-serif; font-size:13px; font-weight:700; padding:4px 11px; border-radius:6px; }
.pd-save-strip{ display:inline-flex; align-items:center; gap:7px; background:#FFF3D6; color:#9A6A1E; font-family:'Hind Siliguri',sans-serif; font-size:13px; font-weight:600; padding:7px 13px; border-radius:8px; margin-top:11px; }
.pd-save-strip i{ font-size:16px; }
.pd-save-strip .num{ font-weight:700; }

@media (min-width:860px){
  
}

.pd-related{ margin-top:20px; }
.pd-related .pr-head{ font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:700; color:var(--pz-dark); margin-bottom:12px; }
.pr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pr-card{ display:block; background:#fff; border:1px solid var(--pz-line); border-radius:12px; overflow:hidden; transition:transform .18s, box-shadow .18s; }
.pr-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(122,31,69,.12); }
.pr-img{ position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--pz-soft); }
.pr-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.pr-img .p-noimg{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#D8B8C8; font-size:28px; }
.pr-badge{ position:absolute; top:7px; left:7px; background:var(--pz-pink); color:#fff; font-size:9.5px; font-weight:600; padding:3px 8px; border-radius:6px; }
.pr-body{ padding:9px 11px 11px; }
.pr-name{ font-size:12px; color:var(--pz-ink); font-weight:500; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pr-price{ display:flex; align-items:center; gap:6px; margin-top:5px; }
.pr-price .num{ font-size:14px; font-weight:700; color:var(--pz-pink); }
.pr-price .pr-old{ font-size:11.5px; color:#B79AA6; text-decoration:line-through; }

/* ==== প্রোডাক্ট পেজ — Paikariz স্টাইল (ওয়াইড) ==== */
.pdp{display:grid;gap:18px;max-width:1280px;margin:0 auto;padding:16px 16px 0;}
.pdp-media{margin:0;}
.pdp-info{min-width:0;}
.pdp-title{margin:0;font-size:21px;font-weight:700;line-height:1.42;color:var(--pz-ink);}
.pdp-short{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--pz-muted);}
.pdp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:12px;}
.pdp-price .now{font-size:29px;font-weight:700;color:var(--pz-pink);letter-spacing:.2px;}
.pdp-price .was{font-size:15px;color:var(--pz-muted);text-decoration:line-through;}
.pdp-price .off{font-size:11px;background:var(--pz-soft);color:var(--pz-pink);border:1px solid #F4C0D1;padding:3px 9px;border-radius:7px;font-weight:700;}
.pdp-save{margin-top:7px;display:inline-flex;align-items:center;gap:6px;background:#FDF6E3;color:#8A5A00;font-size:12.5px;padding:6px 12px;border-radius:8px;}
.pdp-lowstock{margin-top:9px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#A32D2D;background:#FCEBEB;padding:6px 12px;border-radius:9px;}
.pdp-hr{height:1px;background:var(--pz-line);margin:12px 0;}
.pdp-instock{display:inline-flex;align-items:center;gap:9px;margin-bottom:11px;}
.pin-dot{width:22px;height:22px;overflow:visible;}
.pin-dot .pin-core{fill:#1D9E75;}
.pin-dot .pin-wave{fill:none;stroke:#1D9E75;stroke-width:1.6;opacity:0;transform-origin:center;transform-box:fill-box;animation:pzPin 2.1s ease-out infinite;}
.pin-dot .pin-w2{animation-delay:1.05s;}
@keyframes pzPin{0%{opacity:.55;transform:scale(.5)}100%{opacity:0;transform:scale(1.7)}}
.pin-t{font-size:13.5px;font-weight:600;color:#0F6E56;}
.pdp-optlabel{font-size:13px;font-weight:600;color:var(--pz-dark);margin:9px 0 6px;}
.pdp-opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;}
.pdp-pill{position:relative;cursor:pointer;}
.pdp-pill input{position:absolute;opacity:0;pointer-events:none;}
.pdp-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:38px;padding:0 14px;border:1px solid var(--pz-line);border-radius:10px;background:#fff;font-size:13.5px;color:var(--pz-ink);transition:all .15s ease;}
.pdp-pill input:checked + span{border-color:var(--pz-pink);background:var(--pz-soft);color:var(--pz-pink);font-weight:600;}
.pdp-buy{display:flex;gap:9px;align-items:stretch;margin-top:11px;}
.pdp-qty{display:flex;align-items:center;border:1px solid var(--pz-line);border-radius:10px;overflow:hidden;flex:0 0 auto;background:#fff;}
.pdp-qty button{width:38px;height:50px;background:#fff;font-size:16px;color:var(--pz-pink);display:grid;place-items:center;border:0;cursor:pointer;}
.pdp-qty button:active{background:var(--pz-soft);}
.pdp-qty #qty{width:42px;height:50px;border-left:1px solid var(--pz-line);border-right:1px solid var(--pz-line);display:grid;place-items:center;font-weight:600;font-size:15px;}
.pdp-add{flex:1;height:50px;background:var(--pz-pink);color:#fff;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .18s ease;}
.pdp-add:hover{background:var(--pz-dark);}
.pdp-add:active{transform:scale(.98);}
.pdp-add i{font-size:18px;}
.pdp-cod{position:relative;overflow:hidden;width:100%;margin-top:9px;display:flex;align-items:center;gap:10px;background:#1A1A1A;border:1px solid #1A1A1A;border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;font-family:inherit;transition:transform .12s ease,background .18s ease;}
.pdp-cod:hover{background:#000;}
.pdp-cod:active{transform:scale(.99);}
.pdp-cod .cod-txt{flex:1;min-width:0;}
.pdp-cod .t{display:block;font-size:14px;font-weight:700;color:#fff;line-height:1.4;}
.pdp-cod .s{display:block;font-size:10.5px;color:#C9C9C9;margin-top:2px;}
.pdp-cod .cod-chev{display:flex;gap:1px;color:var(--pz-gold);font-size:16px;flex:0 0 auto;}
.pdp-cod .cod-chev i{animation:pzChev 1.2s infinite;}
.pdp-cod .cod-chev .c2{animation-delay:.2s;}
.pdp-cod .cod-chev .c3{animation-delay:.4s;}
@keyframes pzChev{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:400px){
  .pdp-cod{gap:8px;padding:11px 12px;}
  .pdp-cod .t{font-size:12.5px;}
  .pdp-cod .s{font-size:9.5px;}
}
.pdp-outbtn{margin-top:14px;height:50px;background:var(--pz-line);color:var(--pz-muted);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;}
.pfeat{margin-top:14px;padding-top:14px;border-top:1px solid var(--pz-line);display:flex;flex-direction:column;gap:6px;}
.pfeat-h{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--pz-dark);}
.pfeat-row{display:flex;gap:10px;align-items:center;background:var(--pz-soft);border-radius:10px;padding:8px 11px;}
.pfeat-n{flex:0 0 26px;height:26px;border-radius:8px;background:var(--pz-pink);color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:700;}
.pfeat-t{font-size:13.5px;color:var(--pz-ink);line-height:1.45;}
.pdp-sec{max-width:1280px;margin:16px auto 0;background:#fff;border:1px solid var(--pz-line);border-radius:14px;padding:18px;}
.pdp-sec-h{font-size:15px;font-weight:600;color:var(--pz-dark);margin-bottom:10px;}
.pdp-sec .pd-reviews,.pdp-sec .pd-related,.pdp-sec .pd-details{margin:0;}
@media(min-width:860px){
  .pdp{grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:40px;align-items:start;padding:28px 24px 0;}
  .pdp-media{position:sticky;top:88px;}
  .pdp-title{font-size:24px;}
  .pdp-price .now{font-size:34px;}
  .pdp-sec{padding:22px 26px;}
}

/* ==== প্রোডাক্ট পেজ — ৩টা ট্রাস্ট কার্ড (অ্যানিমেটেড) ==== */
.pdp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;}
.pdp-trust-item{background:#fff;border:1px solid var(--pz-line);border-radius:14px;padding:13px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;}
.pdp-trust-item span{display:block;font-size:11px;line-height:1.5;color:var(--pz-muted);}
.ptr-ic{width:30px;height:24px;flex:0 0 auto;overflow:visible;}
.ptr-ic line,.ptr-ic rect,.ptr-ic path,.ptr-ic circle,.ptr-ic polyline{fill:none;stroke:var(--pz-pink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.ptr-van .ptrv-body{animation:pzVanBob 1.8s ease-in-out infinite;}
.ptr-van .ptrv-w{animation:pzVanSpin 1.3s linear infinite;transform-origin:center;transform-box:fill-box;}
.ptr-van .ptrv-speed line{animation:pzVanDash 1.3s linear infinite;}
.ptr-van .ptrv-speed line:nth-child(2){animation-delay:.18s;}
@keyframes pzVanBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes pzVanSpin{to{transform:rotate(360deg)}}
@keyframes pzVanDash{0%{opacity:0;transform:translateX(3px)}45%{opacity:.8}100%{opacity:0;transform:translateX(-4px)}}
.ptr-cash .ptrc-coin{animation:pzCoin 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box;}
.ptr-cash .ptrc-hand{animation:pzHand 2.4s ease-in-out infinite;}
@keyframes pzCoin{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}}
@keyframes pzHand{0%,100%{transform:translateY(0);opacity:.75}45%{transform:translateY(1px);opacity:1}}
.ptr-ret .ptrr-arc{stroke-dasharray:46;stroke-dashoffset:0;}
@keyframes pzRet{0%{stroke-dashoffset:46}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-46}}
@media(prefers-reduced-motion:reduce){
  .ptr-van .ptrv-body,.ptr-van .ptrv-w,.ptr-van .ptrv-speed line,
  .ptr-cash .ptrc-coin,.ptr-cash .ptrc-hand,.ptr-ret .ptrr-arc{animation:none;}
  .ptr-ret .ptrr-arc{stroke-dashoffset:0;}
}

/* ==== related — ২টা প্রোডাক্ট, ছবি ছোট ==== */
.pdp-sec .pr-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:460px;}
.pdp-sec .pr-img{aspect-ratio:4/5;}
.pdp-sec .pr-name{font-size:12.5px;}


/* ==== COD বাটন — শাইন + সফট পালস ==== */
.pdp-cod{animation:pzCodPulse 3s ease-in-out infinite;}
.cod-shine{position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);animation:pzCodShine 5s ease-in-out infinite;pointer-events:none;}
@keyframes pzCodPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@keyframes pzCodShine{0%,18%,82%,100%{left:-60%}50%{left:120%}}
@media(prefers-reduced-motion:reduce){ .pdp-cod{animation:none;} .cod-shine{animation:none;} }

/* ==== চেকআউট — ডেলিভারি এলাকা সিলেক্টর ==== */
.co-area{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.co-area-opt{cursor:pointer;position:relative;}
.co-area-opt input{position:absolute;opacity:0;pointer-events:none;}
.cao-box{display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--pz-line);border-radius:12px;padding:12px 14px;background:#FCF7FA;transition:all .15s ease;}
.cao-t{font-size:13.5px;font-weight:600;color:var(--pz-ink);}
.cao-p{font-size:13px;color:var(--pz-muted);}
.co-area-opt input:checked + .cao-box{border-color:var(--pz-pink);background:var(--pz-soft);}
.co-area-opt input:checked + .cao-box .cao-p{color:var(--pz-pink);font-weight:600;}
.cs-freenote{font-size:12px;color:#8A5A00;background:#FDF6E3;border-radius:8px;padding:7px 11px;margin:6px 0 2px;display:flex;align-items:center;gap:6px;}

/* ==== অর্ডার ট্র্যাকিং পেজ ==== */
.trk-wrap{max-width:620px;margin:0 auto;padding:20px 16px;}
.trk-head{text-align:center;margin-bottom:20px;}
.trk-ic{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;background:var(--pz-soft);color:var(--pz-pink);display:grid;place-items:center;font-size:28px;}
.trk-head h1{margin:0;font-size:21px;font-weight:700;color:var(--pz-dark);}
.trk-head p{margin:6px 0 0;font-size:13.5px;color:var(--pz-muted);}
.trk-form{display:flex;gap:9px;margin-bottom:22px;}
.trk-form input{flex:1;min-width:0;font-family:inherit;font-size:14px;color:var(--pz-ink);background:#FCF7FA;border:1px solid var(--pz-line);border-radius:12px;padding:13px 14px;outline:none;}
.trk-form input:focus{border-color:var(--pz-pink);}
.trk-form button{flex:0 0 auto;font-family:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--pz-pink);border:0;border-radius:12px;padding:0 20px;cursor:pointer;display:flex;align-items:center;gap:6px;}
.trk-form button:hover{background:var(--pz-dark);}
.trk-empty{text-align:center;padding:36px 20px;color:var(--pz-muted);}
.trk-empty i{font-size:44px;color:var(--pz-line);}
.trk-empty .t{font-size:16px;font-weight:600;color:var(--pz-ink);margin-top:10px;}
.trk-empty .s{font-size:13px;margin-top:6px;}
.trk-card{background:#fff;border:1px solid var(--pz-line);border-radius:16px;padding:20px;}
.trk-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--pz-line);}
.trk-label{font-size:11px;color:var(--pz-muted);}
.trk-onum{font-size:18px;font-weight:700;color:var(--pz-pink);}
.trk-date{font-size:12.5px;color:var(--pz-muted);}
.trk-steps{display:flex;align-items:flex-start;justify-content:space-between;margin:22px 0 6px;}
.trk-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;width:64px;}
.ts-dot{width:40px;height:40px;border-radius:50%;background:#F3EAF0;color:#C9AEBD;display:grid;place-items:center;font-size:19px;transition:all .2s;}
.ts-lbl{font-size:11px;color:var(--pz-muted);text-align:center;line-height:1.3;}
.trk-step.done .ts-dot{background:var(--pz-pink);color:#fff;}
.trk-step.done .ts-lbl{color:var(--pz-dark);font-weight:600;}
.trk-step.active .ts-dot{box-shadow:0 0 0 4px var(--pz-soft);}
.trk-bar{flex:1;height:3px;background:#F3EAF0;border-radius:2px;margin-top:18px;}
.trk-bar.done{background:var(--pz-pink);}
.trk-cancelled{margin:20px 0;padding:14px;border-radius:12px;background:#FCEBEB;color:#A32D2D;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;justify-content:center;}
.trk-items{margin:18px 0 0;border-top:1px solid var(--pz-line);padding-top:14px;}
.trk-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;}
.ti-name{font-size:13.5px;color:var(--pz-ink);line-height:1.4;}
.ti-meta{display:block;font-size:11.5px;color:var(--pz-muted);margin-top:2px;}
.ti-qp{font-size:12.5px;color:var(--pz-muted);white-space:nowrap;}
.trk-sum{margin-top:12px;border-top:1px solid var(--pz-line);padding-top:12px;}
.trk-srow{display:flex;justify-content:space-between;font-size:13px;color:var(--pz-muted);margin:5px 0;}
.trk-stotal{font-size:15px;font-weight:700;color:var(--pz-dark);margin-top:8px;}
.trk-addr{margin-top:14px;padding-top:12px;border-top:1px solid var(--pz-line);font-size:12.5px;color:var(--pz-muted);display:flex;gap:6px;align-items:flex-start;}

/* ==== সেটিং থেকে আপলোড করা লোগো ==== */
.logo-img{max-height:40px;max-width:160px;object-fit:contain;display:block;}
.pz-drawer-head .logo-img{max-height:34px;}

/* ==== প্রোডাক্ট ভিডিও স্লাইড ==== */
.pd-vslide{position:relative;background:#000;}
.pd-vslide img{width:100%;height:100%;object-fit:cover;display:block;}
.pd-vplay{position:absolute;inset:0;margin:auto;width:60px;height:60px;border:0;border-radius:50%;background:rgba(194,24,91,.92);color:#fff;display:grid;place-items:center;font-size:26px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .15s;}
.pd-vplay:hover{transform:scale(1.08);}
.pd-vthumb{position:relative;flex:0 0 auto;cursor:pointer;}
.pd-vthumb-ic{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;background:rgba(194,24,91,.9);color:#fff;display:grid;place-items:center;font-size:11px;pointer-events:none;}

/* ==== অর্ডার করবেন কীভাবে (ধাপ) ==== */
.pdp-steps{display:flex;flex-direction:column;gap:2px;}
.pdp-step{display:flex;gap:12px;align-items:flex-start;padding:9px 0;}
.pdp-step p{margin:0;font-size:13.5px;color:var(--pz-ink);line-height:1.5;padding-top:3px;}
.pst-n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--pz-pink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;}
.pst-gold{background:var(--pz-gold);}

/* ==== স্টিকি COD বাটন (স্ক্রলে ভেসে থাকে) ==== */
.pdp-cod-stick{position:fixed;left:0;right:0;bottom:0;z-index:900;width:100%;display:flex;align-items:center;gap:10px;background:#1A1A1A;border:0;border-top:1px solid #333;padding:12px 16px;cursor:pointer;text-align:left;font-family:inherit;transform:translateY(110%);transition:transform .28s ease;box-shadow:0 -6px 20px rgba(0,0,0,.18);}
.pdp-cod-stick.show{transform:translateY(0);}
.pdp-cod-stick .cod-txt{flex:1;min-width:0;}
.pdp-cod-stick .t{display:block;font-size:14px;font-weight:700;color:#fff;line-height:1.35;}
.pdp-cod-stick .s{display:block;font-size:11px;color:#C99A46;margin-top:2px;}
.pdp-cod-stick .cod-chev{display:flex;gap:1px;color:var(--pz-gold);font-size:17px;flex:0 0 auto;}
.pdp-cod-stick .cod-chev i{animation:pzChev 1.2s infinite;}
.pdp-cod-stick .cod-chev .c2{animation-delay:.2s;}
.pdp-cod-stick .cod-chev .c3{animation-delay:.4s;}
@media(min-width:860px){
  .pdp-cod-stick{max-width:480px;left:auto;right:24px;bottom:24px;border-radius:14px;border:1px solid #333;}
}

/* ==== গ্যালারি — transform ভিত্তিক মসৃণ স্লাইডার ==== */
.pd-swipe{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;}
.pd-swipe:active{cursor:grabbing;}
.pd-track{overflow:visible;scroll-snap-type:none;transition:transform .34s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.pd-track.nodrag{transition:none;}
.pd-slide{flex:0 0 100%;scroll-snap-align:none;}
.pd-slide img{pointer-events:none;}

/* ==== ভিডিও autoplay স্লাইড + ভলিউম বাটন ==== */
.pd-vslide{position:relative;background:#000;}
.pd-vslide #pdYt,.pd-vslide iframe{width:100%!important;height:100%!important;border:0;display:block;}
.pd-unmute{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:12.5px;font-weight:600;color:#fff;background:var(--pz-pink);border:0;border-radius:22px;padding:9px 17px;cursor:pointer;animation:pzUnmuteRing 1.6s ease-out infinite;}
.pd-unmute .uwave{display:inline-flex;align-items:center;gap:2px;height:16px;}
.pd-unmute .uwave span{display:inline-block;width:3px;background:#fff;border-radius:2px;}
.pd-unmute .uwave span:nth-child(1){animation:pzWave1 .8s ease-in-out infinite;}
.pd-unmute .uwave span:nth-child(2){animation:pzWave2 .8s ease-in-out infinite;}
.pd-unmute .uwave span:nth-child(3){animation:pzWave3 .8s ease-in-out infinite;}
.pd-unmute.hide{display:none;}
@keyframes pzUnmuteRing{0%{box-shadow:0 0 0 0 rgba(194,24,91,.5)}70%{box-shadow:0 0 0 12px rgba(194,24,91,0)}100%{box-shadow:0 0 0 0 rgba(194,24,91,0)}}
@keyframes pzWave1{0%,100%{height:6px}50%{height:15px}}
@keyframes pzWave2{0%,100%{height:12px}50%{height:6px}}
@keyframes pzWave3{0%,100%{height:9px}50%{height:16px}}

/* ==== স্মার্ট ডেলিভারি বক্স ==== */
.pdp-deliv{background:#FFF9F5;border:1px solid #F3E3D6;border-radius:12px;padding:12px 14px;margin:2px 0 4px;}
.pdv-count{font-size:13px;color:#8A5A00;background:#FDF3E3;border-radius:8px;padding:8px 11px;display:flex;align-items:center;gap:7px;margin-bottom:10px;line-height:1.5;}
.pdv-count i{font-size:16px;flex:0 0 auto;}
.pdv-count b{color:#7A4A00;}
.pdv-est{display:flex;flex-direction:column;gap:7px;}
.pdv-row{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--pz-muted);}
.pdv-row i{font-size:17px;color:var(--pz-pink);flex:0 0 auto;}
.pdv-row b{color:var(--pz-ink);font-weight:600;}

/* ==== চেকআউট wide (Paikariz স্টাইল) ==== */
@media(min-width:900px){
  .co-wrap{ max-width:1240px !important; grid-template-columns:1.5fr 1fr !important; gap:28px !important; }
}
.co-field input, .co-field textarea, .co-field select{ font-size:15px; }
@media(min-width:900px){
  .co-card{ padding:22px 24px; }
  .co-field input, .co-field textarea{ padding:13px 15px; }
}

/* ==== চেকআউট মোবাইল স্টিকি অর্ডার বাটন ==== */
.co-stick{ display:none; position:fixed; left:0; right:0; bottom:0; z-index:900; width:100%; border:0; font-family:inherit; font-size:15px; font-weight:700; color:#fff; background:var(--pz-pink); padding:15px 18px; cursor:pointer; align-items:center; justify-content:center; gap:8px; box-shadow:0 -6px 20px rgba(0,0,0,.16); }
.co-stick.show{ display:flex; }
.co-stick i{ font-size:18px; }
@media(min-width:900px){ .co-stick.show{ display:none; } }  /* শুধু মোবাইলে */

/* ==== কার্ট আইটেম প্রোডাক্ট লিংক ==== */
.citem .cimg{ cursor:pointer; }
.cname-link{ text-decoration:none; color:inherit; transition:color .15s; }
.cname-link:hover{ color:var(--pz-pink); }

/* ==== প্রোডাক্ট কার্ড — হোভার অ্যানিমেশন + শ্যাডো + কুইক-অ্যাড বাটন ==== */
.p-card{ transition:transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s ease, border-color .22s ease; }
.p-card:hover{ transform:translateY(-5px); box-shadow:0 14px 30px rgba(122,31,69,.14); border-color:var(--pz-pink); }
.p-card:hover .p-img img{ transform:scale(1.05); }
.p-img img{ transition:transform .35s ease; }
.p-quickadd{
  position:absolute; left:8px; right:8px; bottom:8px; z-index:3;
  display:flex; align-items:center; justify-content:center; gap:6px;
  background:var(--pz-pink); color:#fff; font-size:12.5px; font-weight:600;
  padding:9px 10px; border-radius:10px; box-shadow:0 4px 14px rgba(194,24,91,.35);
  transform:translateY(130%); opacity:0; transition:transform .26s cubic-bezier(.22,.61,.36,1), opacity .2s ease;
}
.p-quickadd i{ font-size:16px; }
/* শুধু ডেস্কটপ (হোভার): কার্ডে হোভারে বাটন উঠে আসে · মোবাইল/টাচে দেখাবে না */
@media(hover:hover){
  .p-card:hover .p-quickadd{ transform:translateY(0); opacity:1; }
}

/* ==== অ্যাপ-স্টাইল toast নোটিফিকেশন ==== */
.pz-toast{
  position:fixed; left:50%; bottom:84px; transform:translate(-50%,20px); z-index:2000;
  background:#1F1B1D; color:#fff; font-size:13.5px; font-weight:500; font-family:inherit;
  padding:12px 20px; border-radius:26px; box-shadow:0 8px 26px rgba(0,0,0,.28);
  display:flex; align-items:center; gap:8px; max-width:88%; white-space:nowrap;
  opacity:0; pointer-events:none; visibility:hidden;
  transition:opacity .26s ease, transform .26s cubic-bezier(.22,.61,.36,1), visibility .26s;
}
.pz-toast.show{ opacity:1; transform:translate(-50%,0); visibility:visible; }
.pz-toast i{ font-size:18px; color:#5FD08A; }
.pz-toast.err{ background:#7A1F2B; }
.pz-toast.err i{ color:#FFB4B4; }
@media(min-width:900px){ .pz-toast{ bottom:32px; } }

/* কার্ট ব্যাজ পপ অ্যানিমেশন */
.hdr-cart .count.pz-pop{ animation:pzBadgePop .4s cubic-bezier(.34,1.56,.64,1); }
@keyframes pzBadgePop{ 0%{transform:scale(.4);} 60%{transform:scale(1.25);} 100%{transform:scale(1);} }

/* কার্টে-যোগ বাটন লোডিং */
.pdp-add.loading{ opacity:.7; pointer-events:none; }