/* Dubai Sneakers — WooCommerce integration styles.
   Appended after design.css to style Woo-specific markup + a few new blocks. */

/* ---- Homepage picture hero (fills static markup) ---- */
.home-picture-hero{position:relative;max-width:1184px;margin:16px auto 48px;min-height:448px;overflow:hidden;background:#f1f1f1}
.home-picture-hero img{width:100%;height:100%;min-height:448px;object-fit:cover;display:block}
.home-picture-copy{position:absolute;left:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:64px;max-width:520px}
.home-picture-copy span{font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.home-picture-copy h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 8px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.home-picture-copy p{color:#fff;font-weight:600;margin:0 0 22px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.home-picture-copy a{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;text-decoration:none;padding:15px 26px;font-weight:800;width:max-content}
@media(max-width:700px){.home-picture-hero{min-height:360px;margin:0 0 20px}.home-picture-copy{padding:28px}.home-picture-hero img{min-height:360px}}

/* ---- Eyebrow + view all ---- */
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#888;margin-bottom:8px}
.home-view-all{text-align:center;margin-top:26px}
.home-view-all a{display:inline-block;border:1px solid #111;padding:13px 30px;text-decoration:none;color:#111;font-weight:700}

/* ---- Editorial v2 ---- */
.home-editorial-v2{max-width:1200px;margin:0 auto;padding:48px 22px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.editorial-image-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.editorial-image-stack img{width:100%;aspect-ratio:1/1.2;object-fit:cover;background:#f4f4f4}
.editorial-copy-v2 h2{font-size:32px;line-height:1.1;letter-spacing:-.02em;margin:6px 0 14px}
.editorial-copy-v2 p{color:#666;line-height:1.6}
.editorial-copy-v2 ul{padding-left:18px;color:#333;line-height:2}
@media(max-width:850px){.home-editorial-v2{grid-template-columns:1fr;gap:24px;padding:32px 16px}}

/* ---- PDP purchase / promise card ---- */
.pdp-purchase-card{border:1px solid #eee;background:#fafafa;padding:8px 16px;margin:18px 0}
.promise-row{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}
.promise-row:last-child{border-bottom:0}
.promise-icon{font-size:22px}
.promise-row b{display:block;font-size:14px}
.promise-row span{font-size:13px;color:#666}
.pdp-short{color:#555;line-height:1.6;margin-bottom:16px}
.pdp-option-note{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#333;margin:0 0 16px}
.note-check{color:#078a36;font-weight:800}

/* ---- Shop head + pagination ---- */
.shop-page{max-width:1200px;margin:0 auto;padding-top:8px}
.shop-head{max-width:1200px;margin:0 auto;padding:28px 22px 0}
.dss-pagination{display:flex;justify-content:center;gap:8px;padding:36px 0 8px}
.dss-pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;border:1px solid #ddd;background:#fff;color:#111;text-decoration:none;font-weight:600;padding:0 12px}
.dss-pagination .page-numbers.current{background:#111;color:#fff;border-color:#111}
.shop-grid-section{padding-top:24px}

/* ---- WooCommerce add-to-cart form (PDP) styled to match static ---- */
.pdp-variations form.cart{margin:18px 0}
.pdp-variations .single_add_to_cart_button,
.buy-actions .single_add_to_cart_button{width:100%;min-height:56px;background:#111!important;color:#fff!important;border:1px solid #111!important;border-radius:0!important;font-weight:600;font-size:15px;text-transform:none;letter-spacing:0;transition:.15s}
.pdp-variations .single_add_to_cart_button:hover{background:#000!important}
.pdp-variations form.cart .quantity{display:inline-flex;align-items:center;border:1px solid #ddd;margin:0 0 14px;height:52px}
.pdp-variations form.cart .quantity input.qty{width:56px;height:50px;border:0;text-align:center;font-size:15px;-moz-appearance:textfield}
.pdp-variations .woocommerce-variation-price{margin:0 0 14px;font-size:18px}
.pdp-variations .stock{border:1px solid #eee;background:#fff;padding:10px 12px;font-size:13px;margin:0 0 12px}
.woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.woocommerce-variation-add-to-cart .quantity{display:inline-flex!important}

/* grouped/external buttons */
.pdp-variations .button.alt,.pdp-variations .add_to_cart_button{width:100%;min-height:56px;background:#111!important;color:#fff!important;border-radius:0!important}

/* ---- Woo cart page ---- */
.woocommerce-cart .dss-woo-wrap,.woocommerce-checkout .dss-woo-wrap,.woocommerce-account .dss-woo-wrap{max-width:1200px;margin:0 auto;padding:36px 22px 64px}
.woocommerce-cart table.cart{width:100%;border-collapse:collapse}
.woocommerce-cart table.cart th{text-align:left;border-bottom:2px solid #111;padding:12px 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.woocommerce-cart table.cart td{border-bottom:1px solid #eee;padding:16px 8px;vertical-align:middle}
.woocommerce-cart table.cart img{width:72px;height:auto}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#111;color:#fff;border-radius:0;border:1px solid #111;padding:14px 22px;font-weight:700;transition:.15s;text-transform:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#000;color:#fff}
.woocommerce .button.alt,.woocommerce #place_order{background:#111!important;color:#fff!important;border-radius:0!important;min-height:54px;font-size:16px;width:100%}
.cart_totals,.cart-collaterals{margin-top:32px}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals th,.cart_totals td{padding:14px 8px;border-bottom:1px solid #eee;text-align:left}

/* ---- Woo checkout ---- */
.woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr;gap:24px}
.woocommerce form .form-row{margin:0 0 14px}
.woocommerce form .form-row label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection{border:1px solid #bbb!important;border-radius:0!important;padding:12px 14px;min-height:48px;width:100%;font-size:15px}
#order_review,#order_review_heading{max-width:100%}
.woocommerce-checkout #payment{background:#fafafa;border:1px solid #eee;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #eee}
h3#order_review_heading,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3{font-size:20px;font-weight:600;margin:8px 0 16px}
@media(min-width:900px){.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.woocommerce-checkout #customer_details{grid-column:1}.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:2}}

/* ---- My account ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #eee;margin:0 0 24px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 16px;color:#111;text-decoration:none;font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{border-bottom:2px solid #111}

/* ---- Related section spacing ---- */
.related-products{max-width:1200px;margin:0 auto}

/* ---- Posts (blog fallback) ---- */
.post-list{max-width:900px;margin:0 auto;display:grid;gap:28px}
.post-card{border-bottom:1px solid #eee;padding-bottom:20px}
.post-card h3{font-size:24px;margin:0 0 8px}
.post-card a{color:#111;text-decoration:none}
.entry-content{max-width:820px;margin:0 auto;line-height:1.7}
.page-content{max-width:900px;margin:0 auto}

/* ---- Woo BLOCK cart & checkout (this store uses the block-based pages) ---- */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:1200px;margin:0 auto;padding:12px 22px 48px}
.wc-block-components-button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:#111!important;color:#fff!important;border-radius:0!important;font-weight:700!important;min-height:52px}
.wc-block-components-button:hover{background:#000!important}
.wc-block-components-text-input input,.wc-block-components-address-form input,.wc-block-components-select select,.wc-block-checkout__form input.wc-blocks-components-select__container{border-radius:0!important}
.wc-block-components-text-input.is-active label,.wc-block-components-text-input input:focus{border-color:#111!important}
.wc-block-cart-items__header,.wc-block-components-totals-item{font-size:14px}
.wc-block-components-title,.wp-block-woocommerce-checkout h2,.wp-block-woocommerce-cart h2{font-weight:600!important;letter-spacing:-.01em}
.wc-block-cart .wc-block-cart-items img,.wc-block-checkout img{border-radius:0}
.wc-block-components-sidebar,.wc-block-cart__sidebar{background:#fafafa;border:1px solid #eee;padding:8px 16px}
.wc-block-components-product-badge,.wc-block-components-chip{border-radius:0!important}

/* ============================================================
   PRODUCT CARD PRICE FIX
   design.css has `.product-card .price span{display:block}` which
   wrongly forces the Woo currency symbol + amount onto their own
   tiny lines. Re-scope everything here (this file loads after design.css).
   ============================================================ */

/* The price container: vertical stack — price line, then delivery note */
.product-card .price{
  display:flex!important;
  flex-direction:column;
  gap:2px;
  min-height:0!important;
  margin-top:10px!important;
  line-height:1.3!important;
}

/* The <b> wraps del+ins (or a single amount). Keep it a normal inline-flex row. */
.product-card .price b{
  display:inline-flex!important;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
  margin:0!important;
  font-size:15px!important;
  font-weight:600!important;
  color:#111!important;
}

/* Woo price amount + currency symbol MUST stay inline together */
.product-card .price .woocommerce-Price-amount,
.product-card .price .woocommerce-Price-amount bdi{
  display:inline!important;
  margin-top:0!important;
  font-size:inherit!important;
  color:inherit!important;
  white-space:nowrap;
}
.product-card .price .woocommerce-Price-currencySymbol{
  display:inline!important;
  margin-top:0!important;
  font-size:.8em!important;    /* slightly smaller symbol, same line */
  font-weight:400;
  vertical-align:baseline!important;
  line-height:inherit!important;
  color:inherit!important;
}

/* Regular (struck-through) price: muted, smaller, no underline weirdness */
.product-card .price del{
  display:inline!important;
  color:#9a9a9a!important;
  font-weight:400!important;
  font-size:.86em!important;
  text-decoration:line-through;
  order:2;               /* show sale price first, old price after */
}
.product-card .price del .woocommerce-Price-amount{font-size:inherit!important}

/* Sale price: bold + dark, shown first */
.product-card .price ins{
  display:inline!important;
  text-decoration:none!important;
  color:#111!important;
  font-weight:700!important;
  order:1;
}

/* Delivery note line: the ONLY span that should be its own small grey line */
.product-card .price > span{
  display:block!important;
  margin-top:2px!important;
  font-size:12px!important;
  font-weight:400!important;
  color:#7a7a7a!important;
}

/* Never show the screen-reader duplicate text visually */
.product-card .price .screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  white-space:nowrap;border:0;padding:0;margin:-1px;
}

/* Same fix for the PDP price + any Woo price rendered inside our containers */
.product-price .woocommerce-Price-amount,
.product-price .woocommerce-Price-amount bdi{display:inline!important}
.product-price .woocommerce-Price-currencySymbol{display:inline!important;font-size:.82em;vertical-align:baseline!important}
.product-price del{color:#9a9a9a!important;font-weight:400!important;margin-right:8px}
.product-price ins{text-decoration:none!important;color:#111!important;font-weight:700!important}

/* ============================================================
   PRODUCT MEDIA FIX — pure white bg + cropped/filled images
   design.css leaves .product-media on #fafafa with contain+padding
   (gray showing, shoe not filling). Force white + cover crop + 1:1.
   ============================================================ */
/* NOTE: include .category-product-grid in the grid selectors so specificity
   beats design.css's `#shopGrid.category-product-grid .product-media` rule
   that otherwise forces aspect-ratio 1/1.08. */
body .product-card .product-media,
body .product-section .product-media,
body .product-row .product-media,
body #shopGrid.category-product-grid .product-media,
body #bestGrid.category-product-grid .product-media,
body #newGrid.category-product-grid .product-media,
body #shopGrid .product-media,
body #bestGrid .product-media,
body #newGrid .product-media{
  background:#fff!important;
  background-color:#fff!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:0!important;
  border:1px solid #f0f0f0!important;   /* faint edge so white card sits on white page */
}
/* `body ` prefix raises specificity above design.css's ID-level img rules
   (#shopGrid/#bestGrid ...) which otherwise keep the gray #f7f7f7 bg. */
body .product-card .product-media img,
body .product-section .product-media img,
body .product-row .product-media img,
body #bestGrid.category-product-grid .product-media img,
body #shopGrid.category-product-grid .product-media img,
body #newGrid.category-product-grid .product-media img,
body #newGrid .product-media img{
  position:absolute!important;
  inset:5%!important;                /* square 1080 img in square box: small margin, shoe fills frame */
  width:90%!important;
  height:90%!important;
  object-fit:contain!important;      /* show the WHOLE shoe, no zoom/crop */
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  background-color:#fff!important;
  transform:none!important;
}
/* keep the hover second-image swap working */
.product-card .product-media .second{opacity:0!important}
.product-card:hover .product-media .second{opacity:1!important}
.product-card:hover .product-media .first{opacity:0!important}

/* ============================================================
   PDP GALLERY FIX — pure white background
   design.css sets the main gallery wrap to #f3f3f3 and applies
   mix-blend-mode:multiply, which greys out the white photo area.
   Force white everywhere + kill the blend mode.
   ============================================================ */
.product-gallery .gallery-main-wrap,
.kt-gallery .gallery-main-wrap,
.refined-gallery .gallery-main-wrap{
  background:#fff!important;
  border:1px solid #f0f0f0!important;
}
.product-gallery .gallery-main-img,
.kt-gallery .gallery-main-img,
.refined-gallery .gallery-main-img,
img.gallery-main-img,
#mainProductImage,
#mainProductImage.gallery-main-img{   /* match design.css ID+class specificity so !important wins */
  background:#fff!important;
  background-color:#fff!important;
  mix-blend-mode:normal!important;   /* stop blending white into gray */
}
.product-gallery .gallery-thumb,
.kt-gallery .gallery-thumb,
.refined-gallery .gallery-thumb{
  background:#fff!important;
  border:1px solid #e4e4e4!important;
}
.product-gallery .gallery-thumb img,
.kt-gallery .gallery-thumb img,
.refined-gallery .gallery-thumb img{
  background:#fff!important;
  mix-blend-mode:normal!important;
}
.product-gallery .gallery-thumb.active{border-color:#111!important}

/* legacy .gallery-item variant (if used): white too */
.product-gallery .gallery-item,
.kt-product-gallery .gallery-item{background:#fff!important}
.product-gallery .gallery-item img,
.kt-product-gallery .gallery-item img{background:#fff!important;mix-blend-mode:normal!important}

/* ============================================================
   PDP PREMIUM POLISH (v1.1.0)
   ============================================================ */

/* --- Variation area: force LEFT alignment + block layout (Woo table centers it) --- */
body .pdp-variations .variations_form,
body .pdp-variations form.cart{text-align:left!important;margin:8px 0 0!important}
body .pdp-variations .variations{display:block!important;width:100%!important;border:0!important;margin:0 0 8px!important}
body .pdp-variations .variations tbody,
body .pdp-variations .variations tr{display:block!important;width:100%!important}
body .pdp-variations .variations td,
body .pdp-variations .variations th{display:block!important;width:100%!important;text-align:left!important;padding:0!important;border:0!important}
/* the "Size" label rendered by Woo -> uppercase heading */
body .pdp-variations .variations .label label,
body .pdp-variations .variations td.label label{
  display:block!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.1em!important;
  text-transform:uppercase!important;color:#111!important;margin:0 0 12px!important;
}
/* hide the "Clear"/reset link clutter until a size is chosen */
body .pdp-variations .reset_variations{font-size:12px!important;color:#999!important;margin-left:4px!important}

/* --- Size swatches: bigger tap targets, clear hover + selected, even spacing --- */
body .pdp-swatch-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 4px!important}
body .pdp-swatch{
  min-width:52px!important;height:48px!important;
  display:inline-grid!important;place-items:center!important;
  border:1.5px solid #dcdcdc!important;
  font-size:14px!important;font-weight:600!important;
  border-radius:8px!important;
  transition:all .15s ease!important;
  margin:0!important;                 /* gap handles spacing now (was uneven) */
  color:#111!important;background:#fff!important;
}
body .pdp-swatch:hover{border-color:#111!important;transform:translateY(-1px)!important}
body .pdp-swatch.active{
  background:#111!important;color:#fff!important;border-color:#111!important;
  box-shadow:0 3px 10px rgba(0,0,0,.2)!important;
}
body .pdp-swatch.disabled{opacity:.3!important;text-decoration:line-through!important;cursor:not-allowed!important}

/* --- Quantity box: cleaner, left-aligned, matches swatch radius --- */
body .pdp-variations form.cart .quantity{margin:16px 0 0!important;border:1.5px solid #dcdcdc!important;border-radius:8px!important;height:52px!important;overflow:hidden!important}
body .pdp-variations form.cart .quantity input.qty{width:60px!important;height:48px!important;font-size:15px!important;font-weight:600!important;border:0!important}

/* --- Add to cart: solid black, real hover, clear disabled state --- */
body .pdp-variations .single_add_to_cart_button,
body .buy-actions .single_add_to_cart_button,
body .single_add_to_cart_button.button.alt{
  background:#111!important;color:#fff!important;border:0!important;border-radius:8px!important;
  min-height:58px!important;font-size:15px!important;font-weight:700!important;letter-spacing:.02em!important;
  text-transform:uppercase!important;transition:background .15s ease,transform .1s ease!important;
}
body .single_add_to_cart_button.button.alt:hover:not(.disabled){background:#000!important;transform:translateY(-1px)!important}
body .single_add_to_cart_button.disabled,
body .single_add_to_cart_button.wc-variation-selection-needed{
  background:#e6e6e6!important;color:#999!important;cursor:not-allowed!important;   /* intentional disabled look */
}

/* --- Price block: discount badge + clean hierarchy --- */
.product-price{display:flex!important;flex-direction:column;gap:4px;margin:8px 0 24px!important}
.product-price>span{font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#999!important}
.product-price b{display:inline-flex!important;align-items:baseline!important;flex-wrap:wrap;gap:10px!important}
.product-price ins{order:1;font-size:26px!important;font-weight:800!important;color:#111!important;text-decoration:none!important}
.product-price del{order:2;font-size:16px!important;color:#aaa!important;font-weight:400!important}
.product-price ins .woocommerce-Price-currencySymbol,
.product-price del .woocommerce-Price-currencySymbol{font-size:.6em!important;font-weight:500!important;vertical-align:baseline!important}

/* --- Purchase-info tiles: uniform, refined --- */
.pdp-purchase-card{border:1px solid #ececec!important;border-radius:12px!important;background:#fafafa!important;padding:4px 18px!important;margin:20px 0!important}
.promise-row{padding:14px 0!important;gap:14px!important}
.promise-row b{font-size:14px!important;font-weight:700!important}
.promise-row span{font-size:12.5px!important;color:#777!important}
.benefits.kt-benefits{border-radius:12px!important;overflow:hidden!important;border:1px solid #ececec!important;margin:20px 0!important}
.benefits.kt-benefits div{padding:18px 10px!important;transition:background .15s ease}
.benefits.kt-benefits div:hover{background:#fafafa!important}
.benefits.kt-benefits b{font-size:12.5px!important;font-weight:700!important}
.benefits.kt-benefits span{font-size:11px!important;color:#888!important}

/* --- Title + vendor hierarchy --- */
.product-info .vendor{font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#999!important;margin-bottom:8px!important}
.product-info h1{font-size:30px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important;margin-bottom:16px!important}

/* --- Gallery: bigger thumbs, clearer selected --- */
body .gallery-thumb{width:74px!important;height:88px!important;border-radius:8px!important;transition:border-color .15s ease!important}
body .gallery-thumb.active{border:2px solid #111!important}
body .gallery-main-wrap{border-radius:14px!important}

/* --- Accordions: subtle polish --- */
.p-acc{border-bottom:1px solid #ececec!important}
.p-acc button{font-size:14.5px!important;font-weight:600!important;padding:18px 0!important}

/* ============================================================
   CART DRAWER FOOTER POLISH (v1.1.3)
   ============================================================ */
.cart-summary{border-top:1px solid #eee!important;padding:18px 20px 22px!important;background:#fff!important}
.cart-total-row{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:16px!important;margin-bottom:16px!important}
.cart-total-row>div{display:flex!important;flex-direction:column!important;gap:2px!important}
.cart-total-row b{font-size:15px!important;font-weight:700!important;color:#111!important}
.cart-total-row small{font-size:11px!important;color:#999!important;font-weight:400!important}
.cart-total-row strong,#cartSubtotal{font-size:20px!important;font-weight:800!important;color:#111!important;white-space:nowrap!important}
/* clean AED symbol in the drawer subtotal */
#cartSubtotal .woocommerce-Price-amount{display:inline!important}
#cartSubtotal .woocommerce-Price-currencySymbol{font-size:.62em!important;font-weight:500!important;vertical-align:baseline!important;margin-left:2px!important}

/* Checkout button: it's an <a> — kill underline, center text, real button feel */
#checkout{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:54px!important;
  background:#111!important;color:#fff!important;
  text-decoration:none!important;border:0!important;border-radius:8px!important;
  font-weight:700!important;font-size:15px!important;letter-spacing:.02em!important;text-transform:uppercase!important;
  transition:background .15s ease!important;
}
#checkout:hover{background:#000!important;text-decoration:none!important}
.showcase-note{margin:12px 0 0!important;color:#8a8a8a!important;font-size:11.5px!important;text-align:center!important;line-height:1.45!important}

/* cart line items: cleaner spacing + AED symbol */
.cart-line small .woocommerce-Price-currencySymbol{font-size:.7em!important;vertical-align:baseline!important}
.cart-line strong .woocommerce-Price-currencySymbol{font-size:.7em!important;vertical-align:baseline!important}

/* cart line thumbnails: white bg (was gray), show whole shoe */
#cartDrawer .cart-line img,
.cart-drawer .cart-line img,
.cart-line img{
  background:#fff!important;background-color:#fff!important;
  object-fit:contain!important;
  border:1px solid #f0f0f0!important;border-radius:6px!important;
}

/* ============================================================
   PDP: WhatsApp button + delivery timeline + tabs (v1.2.0)
   ============================================================ */

/* Ask on WhatsApp */
.pdp-whatsapp-btn{
  display:flex!important;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:52px;margin:12px 0 0;
  background:#fff;border:1.5px solid #25d366;border-radius:8px;
  color:#128c3e;font-weight:700;font-size:15px;text-decoration:none;
  transition:background .15s ease,transform .1s ease;
}
.pdp-whatsapp-btn:hover{background:#f2fbf5;transform:translateY(-1px)}
.pdp-whatsapp-btn img{width:22px;height:22px}

/* Delivery timeline card */
.pdp-delivery-card{border:1px solid #ececec;border-radius:12px;background:#fafafa;padding:16px 18px;margin:20px 0}
.pdp-delivery-head{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px}
.pdp-delivery-head .cal-ico{font-size:16px}
.pdp-delivery-head b{font-weight:700;color:#111}
.pdp-timeline{display:flex;justify-content:space-between;position:relative;gap:6px}
.pdp-timeline:before{content:"";position:absolute;top:16px;left:12%;right:12%;height:2px;background:#e2e2e2;z-index:0}
.pdp-tl-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:4px}
.pdp-tl-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eee;font-size:16px}
.pdp-tl-step.active .pdp-tl-ico{background:#111;filter:none}
.pdp-tl-step b{font-size:12px;font-weight:700;color:#111}
.pdp-tl-date{font-size:11px;color:#888}

/* Tabs */
.pdp-tabs{margin:24px 0 0}
.pdp-tab-nav{display:flex;gap:0;border-bottom:1px solid #e6e6e6}
.pdp-tab{background:none;border:0;border-bottom:2px solid transparent;padding:12px 16px;font-size:14px;font-weight:600;color:#999;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}
.pdp-tab:hover{color:#111}
.pdp-tab.active{color:#111;border-bottom-color:#111}
.pdp-tab-panel{display:none;padding:18px 2px;line-height:1.65;color:#444;font-size:14px}
.pdp-tab-panel.active{display:block}
.pdp-tab-panel p{margin:0 0 12px}

@media(max-width:560px){
  .pdp-tab{padding:12px 10px;font-size:13px}
  .pdp-tl-step b{font-size:11px}
  .pdp-tl-date{font-size:10px}
}

/* RTL nudge */
.rtl .home-picture-copy{right:0;left:auto}