/* WooCommerce skin. Loaded only when WooCommerce is active. */
.woocommerce,
.woocommerce-page { color: var(--ivory); }
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { color: var(--muted); font-size: 13px; }
.woocommerce .woocommerce-breadcrumb a { color: var(--gold); }
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
  background: var(--bg-2);
  border: 1px solid var(--line-soft);
  padding: 0 0 18px;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product a img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 400;
  color: var(--ivory);
  padding: 14px 18px 4px;
}
.woocommerce ul.products li.product .price {
  color: var(--gold);
  font-family: var(--serif);
  font-size: 16px;
  padding: 0 18px 12px;
  display: block;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart,
.checkout-button,
.woocommerce-button {
  background: transparent !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  border-radius: 0 !important;
  font-family: var(--display) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 12px 18px !important;
  font-weight: 400 !important;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order {
  background: var(--gold) !important;
  color: #111 !important;
}
.woocommerce ul.products li.product .button { margin: 0 18px; }
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--gold) !important;
  color: #111 !important;
}
.woocommerce div.product { color: var(--ivory); }
.woocommerce div.product div.images img { border: 0; }
.woocommerce div.product .product_title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(36px, 5vw, 52px);
  color: var(--gold);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--gold);
  font-family: var(--serif);
  font-size: 24px;
}
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce-Tabs-panel,
.woocommerce-product-attributes,
.woocommerce-product-attributes td { color: var(--muted); }
.woocommerce div.product .cart { margin-top: 18px; }
.woocommerce .quantity .qty {
  background: var(--bg-3);
  border: 1px solid var(--line);
  color: var(--ivory);
  padding: 10px;
  width: 72px;
}
.woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--line);
  background: transparent;
}
.woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
  color: var(--muted) !important;
  font-family: var(--display);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
}
.woocommerce-tabs ul.tabs li.active a { color: var(--gold) !important; }
.woocommerce table.shop_table {
  background: var(--bg-2);
  border: 1px solid var(--line-soft) !important;
  color: var(--ivory);
}
.woocommerce table.shop_table th {
  font-family: var(--display);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--gold);
  background: var(--bg-3);
}
.woocommerce-cart-form input.qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection--single {
  background: var(--bg-3) !important;
  border: 1px solid var(--line) !important;
  color: var(--ivory) !important;
  border-radius: 0 !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  background: var(--bg-3) !important;
  color: var(--ivory) !important;
  border-top-color: var(--gold) !important;
}
.woocommerce-checkout #payment,
.woocommerce-checkout #payment div.payment_box {
  background: var(--bg-2);
  border-radius: 0;
  color: var(--ivory);
}
.woocommerce-checkout #payment div.payment_box { background: var(--bg-3); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--bg-3); }
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-color: var(--line);
  background: var(--bg-2);
}
.related.products h2,
.upsells.products h2 {
  font-family: var(--serif);
  font-weight: 400;
  color: var(--gold);
}
.woocommerce span.onsale {
  background: var(--maroon);
  border-radius: 0;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: var(--display);
  font-size: 10px;
}
.bkash-pay {
  border: 1px solid var(--line);
  background: var(--bg-2);
  padding: 22px;
  margin: 18px 0;
}
.bkash-pay .num {
  font-family: var(--serif);
  font-size: 36px;
  color: var(--gold);
  letter-spacing: 0.04em;
  margin: 6px 0 8px;
}
.maysarah-pack {
  border-top: 1px solid var(--line-soft);
  margin-top: 16px;
  padding-top: 8px;
}
@media (max-width: 980px) {
  .woocommerce ul.products { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .woocommerce ul.products { grid-template-columns: 1fr; }
}
