@import url('https://fonts.googleapis.com/css?family=Merriweather:700,900&display=swap');
/* ============================================================
   Wazzanvet — product detail page theme  v2  (loaded by detail.php)
   Refit of the existing markup to the site redesign language:
   white rounded cards, Merriweather serif headings, brand red
   accents, clean quantity stepper. No markup/JS/feature changes.
   Key fix vs v1: image + gallery thumbs form a proper LEFT column
   (CSS grid) so the thumbnails no longer float into the gap.
   ============================================================ */
body{background:#efefef !important}
.product-detail{padding:16px 0 44px !important}

/* ---------- breadcrumb above the product ---------- */
.product-detail .breadcrumb-filter .breadcrumb-ul li a,
.product-detail .breadcrumb-filter .breadcrumb-ul li span{font-size:14px !important;color:#9b8d80 !important;font-weight:500 !important}
.product-detail .breadcrumb-filter .breadcrumb-ul .bird-name a{color:#e7342f !important;font-weight:600 !important}

/* ============================================================
   LAYOUT: image (row1) + thumbnails (row2) = left column,
   info card spans both rows on the right.  Grid replaces the
   fragile float+margin scheme so thumbs sit under the image.
   ============================================================ */
@media (min-width:992px){
  form[name="addtocartdetail"] > .col-lg-12{
    display:grid !important;
    grid-template-columns:360px minmax(0,1fr) !important;
    grid-template-rows:auto 1fr !important;
    column-gap:44px !important;row-gap:18px !important;
    align-items:start !important;
  }
  .product-detail-img{grid-column:1 !important;grid-row:1 !important;float:none !important;margin:0 !important;width:auto !important}
  .product-gallery-thumbs{grid-column:1 !important;grid-row:2 !important;float:none !important;margin:0 !important;width:auto !important}
  .product-dtl-text{grid-column:2 !important;grid-row:1 / span 2 !important;margin:0 !important}
}
@media (max-width:991px){
  .product-detail-img{float:none !important;width:auto !important;max-width:420px !important;margin:0 auto 16px !important}
  .product-gallery-thumbs{float:none !important;clear:both !important;justify-content:center !important;margin:0 0 16px !important}
  .product-dtl-text{margin:0 !important}
}

/* ---------- LEFT: image -> white rounded card, image centered ---------- */
.product-detail-img{
  background:#fff !important;
  border:1px solid #e7dcc9 !important;
  border-radius:20px !important;
  box-shadow:0 10px 30px rgba(45,24,23,.08) !important;
  padding:22px !important;
  overflow:hidden !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  min-height:340px !important;
}
.product-detail-img .example{width:100% !important;text-align:center !important}
.product-detail-img .zoom-box{display:block !important;width:100% !important}
.product-detail-img .zoom-box img,.product-detail-img img{
  width:auto !important;max-width:100% !important;max-height:420px !important;height:auto !important;
  min-width:0 !important;object-fit:contain !important;margin:0 auto !important;
}
/* thumbnails row */
.product-gallery-thumbs{display:flex !important;gap:10px !important;flex-wrap:wrap !important}
.product-gallery-thumbs a{
  width:74px !important;height:74px !important;
  border-radius:12px !important;border:1px solid #e7dcc9 !important;
  box-shadow:0 3px 10px rgba(45,24,23,.06) !important;transition:transform .2s, border-color .2s !important;
}
.product-gallery-thumbs a:hover{border-color:#e7342f !important;transform:translateY(-2px) !important}

/* ---------- RIGHT: product info -> white rounded card ---------- */
.product-dtl-text{
  background:#fff !important;
  border:1px solid #e7dcc9 !important;
  border-radius:20px !important;
  padding:30px 34px 34px !important;
  box-shadow:0 10px 30px rgba(45,24,23,.08) !important;
}
.product-dtl-text h1{
  font-family:'Merriweather',Georgia,serif !important;
  font-weight:900 !important;font-size:28px !important;line-height:1.28 !important;
  color:#2d1817 !important;margin:0 0 14px !important;letter-spacing:-.01em !important;padding-top:0 !important;
}
.product-dtl-text > p{color:#5b4a41 !important;font-size:15px !important;line-height:1.7 !important;margin:0 0 8px !important}

/* ---------- quantity row ---------- */
.packings-quantity{margin:20px 0 4px !important;border-top:1px solid #f0e6d4 !important;padding-top:18px !important}
.packings-quantity li label{color:#2d1817 !important;font-weight:600 !important;font-size:15px !important}
.quantity-control-div.plus-minus{
  display:inline-flex !important;align-items:center !important;
  border:1px solid #e6d9c2 !important;border-radius:999px !important;overflow:hidden !important;background:#fff !important;
  box-shadow:0 2px 8px rgba(45,24,23,.05) !important;
}
.quantity-control-div.plus-minus .minus-btn,
.quantity-control-div.plus-minus .plus-btn{
  width:42px !important;height:44px !important;line-height:44px !important;text-align:center !important;
  color:#e7342f !important;font-size:20px !important;font-weight:600 !important;background:#fff !important;border:0 !important;transition:background .15s !important;
}
.quantity-control-div.plus-minus .minus-btn:hover,
.quantity-control-div.plus-minus .plus-btn:hover{background:#fdecec !important}
.quantity-control-div.plus-minus .quantity-control{border:0 !important}
.quantity-control-div.plus-minus .quantity-control input{
  width:54px !important;height:44px !important;text-align:center !important;
  border:0 !important;border-left:1px solid #f0e6d4 !important;border-right:1px solid #f0e6d4 !important;
  border-radius:0 !important;font-weight:700 !important;color:#2d1817 !important;background:#fff !important;box-shadow:none !important;padding:0 !important;
}

/* ---------- price + wishlist ---------- */
.price-wish{margin:22px 0 !important;display:flex !important;align-items:center !important;gap:28px !important;flex-wrap:wrap !important}
.price-kd{font-size:14px !important;color:#8a7d72 !important;margin:0 !important;font-weight:500 !important;display:inline-flex !important;align-items:baseline !important;gap:8px !important}
.price-kd strong{color:#e7342f !important;font-size:26px !important;font-weight:800 !important;font-family:'Merriweather',Georgia,serif !important}
.price-kd del{color:#b3a596 !important;font-size:15px !important;font-weight:400 !important}
.wishlist-link-div,.wishlist-link-divdet{
  display:inline-flex !important;align-items:center !important;gap:8px !important;
  color:#5b4a41 !important;font-size:14px !important;font-weight:500 !important;
}
.favourite-dtl{width:22px !important;height:22px !important;fill:none !important;stroke:#e7342f !important;stroke-width:1.4 !important;transition:fill .2s !important}
.wishlist-link-div:hover .favourite-dtl,.wishlist-link-divdet:hover .favourite-dtl{fill:#e7342f !important}
.wishlist-link-div:hover,.wishlist-link-divdet:hover{color:#e7342f !important}

/* ---------- add to cart -> brand red pill ---------- */
.addcart-btn{padding-top:6px !important;padding-bottom:0 !important}
.addcart-btn .addtocartDetailPage,.button.addtocartDetailPage{
  display:inline-block !important;background:#e7342f !important;border:0 !important;border-radius:999px !important;
  padding:14px 46px !important;font-weight:700 !important;font-size:15px !important;letter-spacing:.03em !important;
  color:#fff !important;box-shadow:0 10px 22px rgba(231,52,47,.26) !important;transition:transform .2s, background .2s !important;
}
.addcart-btn .addtocartDetailPage:hover,.button.addtocartDetailPage:hover{background:#c2241f !important;transform:translateY(-2px) !important}

/* out of stock + notify (consistent with sitewide) */
.product-dtl-text h3{color:#e7342f !important;font-family:'Merriweather',Georgia,serif !important;font-weight:700 !important}
.out-of-stock-btn{border-radius:999px !important}

/* ---------- related products -> match listing cards ---------- */
.popular-products .arrival-thumb{border:1px solid #e7dcc9 !important;border-radius:16px !important;box-shadow:0 5px 18px rgba(45,24,23,.08) !important;overflow:hidden !important;transition:transform .28s, box-shadow .28s !important}
.popular-products .arrival-thumb:hover{transform:translateY(-5px) !important;box-shadow:0 18px 40px rgba(45,24,23,.14) !important}
.popular-products .arrival-img > a:not(.out-of-stock-btn) img{position:static !important;left:auto !important;top:auto !important;object-fit:contain !important}