.pd-container{max-width:1600px;margin:2rem auto;padding:0 20px}

  /* Breadcrumb */
  .pd-breadcrumb{margin-bottom:1.25rem;color:#6b7280;font-size:.875rem}
  .pd-breadcrumb a{color:#16a34a;text-decoration:none}
  .pd-breadcrumb a:hover{text-decoration:underline}

  /* Main card — 3 equal columns: Images | Details | Returns & Delivery */
  .pd-card{
    background:#fff;border-radius:16px;
    display:grid;grid-template-columns:1fr 1fr 1fr;
    gap:2rem;padding:2rem;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    margin-bottom:1.5rem;
    align-items:start
  }

  /* Gallery */
  .pd-gallery{padding:1rem;display:flex;flex-direction:column;gap:.75rem}
  .pd-main-img-wrap{
    width:100%;height:380px;display:flex;align-items:center;
    justify-content:center;overflow:hidden;background:#fff
  }
  .pd-main-img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .18s}

  /* Thumbnail strip */
  .pd-strip-wrap{position:relative}
  .pd-strip{
    display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;
    padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#ccc transparent
  }
  .pd-strip::-webkit-scrollbar{height:4px}
  .pd-strip::-webkit-scrollbar-thumb{background:#ccc}
  .pd-thumb{
    flex:0 0 68px;width:68px;height:68px;cursor:pointer;
    border:2px solid transparent;object-fit:cover;background:#fff;
    transition:border-color .15s,transform .15s
  }
  .pd-thumb:hover{border-color:#16a34a;transform:scale(1.05)}
  .pd-thumb.active{border-color:#16a34a}
  .pd-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:26px;height:26px;border:none;
    background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);
    cursor:pointer;display:flex;align-items:center;
    justify-content:center;font-size:.75rem;z-index:5;padding:0;
    transition:background .15s
  }
  .pd-arrow:hover{background:#f0f0f0}
  .pd-arrow.left{left:-12px}
  .pd-arrow.right{right:-12px}
  .pd-arrow.hidden{opacity:0;pointer-events:none}

  /* Info column */
  .pd-info{}
  .pd-name{font-size:1.35rem;line-height:1.3;color:#111827;margin-bottom:.35rem}
  .pd-meta{font-size:.85rem;color:#6b7280;margin-bottom:.25rem}
  .pd-meta strong{color:#374151}
  .pd-divider{border:none;border-top:1px solid #e5e7eb;margin:.75rem 0}

  /* Rating */
  .pd-rating{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}
  .pd-stars{color:#f59e0b;font-size:1.1rem;letter-spacing:1px}
  .pd-rcount{font-size:.825rem;color:#9ca3af}

  /* Price */
  .pd-price-row{padding:.85rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin:.75rem 0}
  .pd-price-now{font-size:2rem;font-weight:700;color: black}
  .pd-price-old{font-size:1.1rem;color:#9ca3af;text-decoration:line-through;margin-left:.75rem}
  .pd-discount{
    display:inline-block;background:#dcfce7;color:#166534;
    font-size:.75rem;font-weight:700;padding:2px 8px;
    border-radius:20px;margin-left:.5rem;vertical-align:middle
  }

  /* Stock */
  .pd-stock{
    display:inline-block;padding:.35rem .9rem;
    border-radius:7px;font-weight:600;font-size:.875rem;margin:.5rem 0
  }
  .in-stock{background:#dcfce7;color:#166534}
  .low-stock{background:#fef9c3;color:#92400e}
  .out-of-stock{background:#fee2e2;color:#b91c1c}

  /* Quantity */
  .pd-qty-row{display:flex;align-items:center;gap:1rem;margin:1rem 0}
  .pd-qty-row label{font-weight:600;font-size:.9rem}
  .pd-qty-ctrl{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}
  .pd-qty-btn{
    width:38px;height:38px;border:none;background:#f9fafb;
    cursor:pointer;font-size:1.1rem;transition:background .15s;
    user-select:none;flex-shrink:0
  }
  .pd-qty-btn:hover:not(:disabled){background:#e5e7eb}
  .pd-qty-btn:disabled{opacity:.4;cursor:not-allowed}
  .pd-qty-input{
    width:52px;text-align:center;border:none;padding:.4rem;
    font-size:.95rem;outline:none
  }
  .pd-qty-input[type=number]{-moz-appearance:textfield}
  .pd-qty-input::-webkit-inner-spin-button,.pd-qty-input::-webkit-outer-spin-button{-webkit-appearance:none}

  /* Buttons */
  .pd-btn-group{display:flex;gap:.75rem;margin-top:1rem;align-items:stretch}
  .pd-btn{
    border:none;padding:.9rem 1.4rem;border-radius:50px;
    font-size:1rem;font-weight:600;cursor:pointer;
    transition:background .2s,transform .1s,opacity .2s;
    display:inline-flex;align-items:center;justify-content:center;gap:.4rem
  }
  .pd-btn:active{transform:scale(.97)}
  .pd-btn:disabled{opacity:.5;cursor:not-allowed}
  .pd-btn-cart{flex:2;background: #15803d;color: #fff}
  .pd-btn-cart:hover:not(:disabled){background: #166534; color: #fff;}
  .pd-btn-buy{flex:2;background: #15803d;color:#fff}
  .pd-btn-buy:hover:not(:disabled){background:#15803d}
  /* WhatsApp button — square icon button, sits beside Buy Now in the same row */
  .pd-btn-wa{
    flex:0 0 54px;width:54px;padding:0;color: #15803d;border-radius:50px
  }
  .pd-btn-wa svg{width:32px;height:32px}

  /* ── 3rd column: Returns & Delivery summary ─────────────────── */
  .pd-returns-col{display:flex;flex-direction:column;gap:1rem}
  .pd-returns-summary{
    background:#f8f9fa;padding:1.25rem;
    border:1px solid #e5e7eb
  }
  .pd-returns-summary h3{
    font-size:.95rem;color:#111827;margin-bottom:.75rem;
    display:flex;align-items:center;gap:.4rem
  }
  .pd-returns-row{
    display:flex;gap:.6rem;align-items:flex-start;
    padding:.55rem 0;border-bottom:1px solid #eef0f2;font-size:.825rem;color:#374151
  }
  .pd-returns-row:last-child{border-bottom:none}
  .pd-returns-row .pd-returns-icon{flex-shrink:0;font-size:1rem;line-height:1.4}
  .pd-returns-row a{color:#16a34a;font-weight:600;text-decoration:none}
  .pd-returns-row a:hover{text-decoration:underline}

  /* Warranty badge */
  .pd-warranty{
    margin-top:.85rem;padding:.65rem 1rem;background:#f0fdf4;
    border-radius:8px;font-size:.875rem;color:#166534;border:1px solid #bbf7d0
  }

  /* ── Pickup / Delivery card  ───────────────────── */
  .pd-fulfillment{
    margin-top:1rem;border:1px solid #e5e7eb;
    overflow:hidden;background:#fff
  }
  .pd-fulfill-tabs{display:flex;border-bottom:1px solid #e5e7eb}
  .pd-fulfill-tab{
    flex:1;padding:.7rem .5rem;text-align:center;font-size:.85rem;
    font-weight:600;color:#6b7280;background:#f9fafb;cursor:pointer;
    border:none;transition:background .15s,color .15s
  }
  .pd-fulfill-tab.active{background:#fff;color:#16a34a;box-shadow:inset 0 -2px 0 #16a34a}
  .pd-fulfill-panel{display:none;padding:1rem}
  .pd-fulfill-panel.active{display:block}

  .pd-pickup-select{
    width:100%;padding:.65rem .8rem;border:1px solid #d1d5db;
    border-radius:8px;font-size:.875rem;color:#111827;background:#fff;
    margin-bottom:.6rem
  }
  .pd-pickup-card{
    display:flex;justify-content:space-between;align-items:flex-start;
    gap:.75rem;padding:.7rem .8rem;background:#f0fdf4;border:1px solid #bbf7d0;
    border-radius:8px;font-size:.825rem
  }
  .pd-pickup-card .pd-pickup-name{font-weight:700;color:#166534;margin-bottom:.15rem}
  .pd-pickup-card .pd-pickup-addr{color:#374151;line-height:1.4}
  .pd-pickup-card .pd-pickup-fee{
    flex-shrink:0;font-weight:700;color:#166534;white-space:nowrap;
    background:#dcfce7;padding:.2rem .55rem;border-radius:20px;font-size:.75rem
  }
  .pd-pickup-eta{color:#6b7280;font-size:.78rem;margin-top:.5rem;display:flex;align-items:center;gap:.35rem}

  .pd-delivery-row{
    display:flex;justify-content:space-between;align-items:center;
    padding:.55rem 0;border-bottom:1px solid #f3f4f6;font-size:.85rem
  }
  .pd-delivery-row:last-child{border-bottom:none}
  .pd-delivery-zone{color:#374151;font-weight:500}
  .pd-delivery-fee{color:#166534;font-weight:700}
  .pd-delivery-note{
    margin-top:.6rem;font-size:.78rem;color:#9ca3af;font-style:italic
  }

  /* Description card */
  .pd-desc-card{
    background:#fff;border-radius:16px;padding:2rem;
    box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:1.5rem
  }
  .pd-desc-card h2{
    font-size:1.2rem;
    margin-bottom:1rem;color:#111827;
    padding-bottom:.6rem;border-bottom:2px solid #f3f4f6
  }
  .pd-desc-body{line-height:1.85;color:#374151;font-size:.9375rem}
  .pd-desc-body h1,.pd-desc-body h2,.pd-desc-body h3{margin:1.25rem 0 .6rem;color:#111827}
  .pd-desc-body h1:first-child,.pd-desc-body h2:first-child,.pd-desc-body h3:first-child{margin-top:0}
  .pd-desc-body p{margin-bottom:.9rem}
  .pd-desc-body ul,.pd-desc-body ol{margin:.75rem 0;padding-left:1.75rem}
  .pd-desc-body li{margin-bottom:.4rem}
  .pd-desc-body table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}
  .pd-desc-body th,.pd-desc-body td{border:1px solid #e5e7eb;padding:.6rem .9rem;text-align:left}
  .pd-desc-body th{background:#f9fafb;font-weight:600}

  /* Related products */
  .pd-related{
    background:#fff;border-radius:16px;padding:2rem;
    box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:2rem
  }
  .pd-related h2{
    font-size:1.3rem;
    margin-bottom:1.25rem;color:#111827;
    padding-bottom:.6rem;border-bottom:2px solid #f3f4f6
  }
  .pd-related-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);gap:1rem
  }
  @media(min-width:600px){.pd-related-grid{grid-template-columns:repeat(3,1fr)}}
  @media(min-width:1024px){.pd-related-grid{grid-template-columns:repeat(6,1fr)}}

  .pd-rel-card{
    background:#f8f9fa;padding:.75rem;
    text-align:center;text-decoration:none;display:block;
    border:1px solid #e5e7eb;
    transition:transform .2s,box-shadow .2s,background .2s
  }
  .pd-rel-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.1);background:#fff}
  .pd-rel-img{width:100%;height:110px;object-fit:contain;margin-bottom:.5rem}
  .pd-rel-placeholder{width:100%;height:110px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}
  .pd-rel-name{
    font-weight:600;font-size:.78rem;color:#111827;
    line-height:1.3;margin:.3rem 0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
  }
  .pd-rel-price{color: black;font-weight:700;font-size:.82rem;margin-top:.3rem}
  .pd-rel-stars{color:#f59e0b;font-size:.72rem}

  /* Toast notification */
  .pd-toast{
    position:fixed;bottom:24px;right:24px;
    color:#fff;padding:.85rem 1.4rem;border-radius:10px;
    z-index:9999;font-weight:500;font-size:.9rem;
    box-shadow:0 4px 16px rgba(0,0,0,.18);
    animation:pdSlideIn .3s ease
  }
  .pd-toast.success{background:#16a34a}
  .pd-toast.error{background:#dc2626}
  .pd-toast.info{background:#0284c7}
  @keyframes pdSlideIn{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}
  @keyframes pdSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(110%);opacity:0}}

  /* Responsive */
  @media(max-width:1024px){
    .pd-card{grid-template-columns:1fr 1fr}
    .pd-returns-col{grid-column:1 / -1}
  }
  @media(max-width:768px){
    .pd-card{grid-template-columns:1fr;padding:1.25rem;gap:1.25rem}
    .pd-returns-col{grid-column:auto}
    .pd-main-img-wrap{height:260px}
    .pd-name{font-size:1.15rem}
    .pd-price-now{font-size:1.6rem}
    .pd-related{padding:1.25rem}
    .pd-btn-group{gap:.5rem}
    .pd-btn{padding:.75rem .6rem;font-size:.85rem}
    .pd-btn-wa{width:46px;flex:0 0 46px;padding:0}
  }
  @media(max-width:480px){
    .pd-container{padding:0 14px}
    .pd-card{padding:1rem}
    .pd-price-now{font-size:1.4rem}
    .pd-btn{font-size:.78rem;padding:.7rem .4rem}
  }