.wo-shop-page{background:#fff;font-family:'Inter',sans-serif;color:var(--wo-ink)}
.wo-shop-page .content-area{width:100%}
.wo-shop-page a{color:inherit}
.wo-shop-page h1,.wo-shop-page h2,.wo-shop-page h3{font-family:'Cormorant Garamond',serif;color:var(--wo-ink)}

/* Cart/Checkout/My Account: plain centered readable column — no edge-to-edge
   drama needed for utility/transactional pages. Shop (.woocommerce-shop,
   WC's own body class) keeps the wider grid canvas below instead, and the
   product page (.wo-product-page — is_checkout() is also true there via the
   One Page Checkout plugin's _wcopc flag, so it picks up wo-shop-page too)
   has its own full-bleed dark hero and must not get this padding-top/narrow
   treatment. */
.wo-shop-page:not(.woocommerce-shop):not(.wo-product-page) #primary{max-width:900px;
  margin:0 auto!important;padding:56px 32px 140px}

/* ---------- shared index-row crumb ---------- */
.wo-shop__crumb{color:var(--wo-body)!important;margin-bottom:40px}
.wo-shop__crumb .num{color:var(--wo-line)}
.wo-shop__crumb a{text-decoration:underline;text-underline-offset:3px}
.wo-shop__crumb a:hover{opacity:.7}

/* ===================================================================
   Shop grid
   =================================================================== */
.wo-shop{width:100%}
.wo-shop__canvas{padding:32px 64px 120px;max-width:1440px;margin:0 auto}
.wo-shop__title{font:700 56px/1.1 'Cormorant Garamond',serif;color:var(--wo-ink);margin:0 0 56px}

ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:48px;list-style:none;padding:0;margin:0}
ul.products li.product{list-style:none!important;margin:0!important;display:block!important;
  width:100%!important;float:none!important;padding:0!important}
ul.products li.product a{display:flex;flex-direction:column;gap:16px;text-decoration:none;
  color:inherit}
ul.products li.product a img{width:100%;aspect-ratio:1/1.15;object-fit:cover;
  background:#0c0c0c;border-radius:2px;transition:opacity .2s ease}
ul.products li.product a:hover img{opacity:.85}
ul.products li.product .woocommerce-loop-product__title{font:600 26px/1.2 'Cormorant Garamond',serif;
  color:var(--wo-ink);margin:0}
ul.products li.product .price{font:500 16px/1.2 'Inter',sans-serif;color:var(--wo-body)!important}
ul.products li.product a.button{display:none!important}
.woocommerce-result-count,.woocommerce-ordering{display:none}

/* ===================================================================
   Cart
   =================================================================== */
.woocommerce-cart-form table.shop_table{width:100%;border-collapse:collapse;margin:0 0 32px}
.woocommerce-cart-form table.shop_table thead{display:none}
.woocommerce-cart-form table.shop_table tr{border-bottom:1px solid var(--wo-line)}
.woocommerce-cart-form table.shop_table td{padding:24px 12px;vertical-align:middle;border:0}
.woocommerce-cart-form td.product-thumbnail img{width:96px;height:110px;object-fit:cover;
  background:#0c0c0c;border-radius:2px}
.woocommerce-cart-form td.product-name a{font:600 22px/1.2 'Cormorant Garamond',serif;
  color:var(--wo-ink);text-decoration:none}
.woocommerce-cart-form td.product-price,.woocommerce-cart-form td.product-subtotal{
  font:500 16px/1.2 'Inter',sans-serif;color:var(--wo-ink);white-space:nowrap}
.woocommerce-cart-form .quantity .qty{width:72px;height:48px;border:1px solid var(--wo-line);
  border-radius:9999px;text-align:center;font:500 15px/1 'Inter',sans-serif}
.woocommerce-cart-form td.product-remove a{display:inline-flex;align-items:center;
  justify-content:center;width:32px;height:32px;border-radius:9999px;color:var(--wo-body)!important;
  font-size:20px;text-decoration:none}
.woocommerce-cart-form td.product-remove a:hover{background:#f4f4f3;color:var(--wo-ink)!important}
.woocommerce-cart-form .coupon{display:flex;gap:12px;align-items:center;margin-top:24px}
.woocommerce-cart-form .coupon .input-text{border:1px solid var(--wo-line);border-radius:9999px;
  padding:14px 20px;font:400 15px/1 'Inter',sans-serif;min-width:180px}
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart-form button[name="apply_coupon"]{display:inline-flex;align-items:center;
  padding:14px 24px!important;border-radius:9999px!important;background:#fff!important;
  color:var(--wo-ink)!important;border:1px solid var(--wo-ink)!important;
  font:500 14px/1 'Inter',sans-serif!important;text-transform:uppercase;cursor:pointer;
  box-shadow:none!important}
.woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart-form button[name="apply_coupon"]:hover{opacity:.7}

.cart-collaterals{margin-top:24px}
.cart_totals{max-width:420px;margin-left:auto;border-top:1px solid var(--wo-ink);padding-top:24px}
.cart_totals h2{font:700 32px/1.2 'Cormorant Garamond',serif;margin:0 0 20px}
.cart_totals table{width:100%;border-collapse:collapse}
.cart_totals table tr{border-bottom:1px solid var(--wo-line)}
.cart_totals table th,.cart_totals table td{padding:14px 0;text-align:left;border:0;
  font:400 15px/1.2 'Inter',sans-serif;color:var(--wo-body)}
.cart_totals table tr.order-total th,.cart_totals table tr.order-total td{
  font:600 18px/1.2 'Inter',sans-serif;color:var(--wo-ink)}
.wc-proceed-to-checkout{margin-top:24px}
.wc-proceed-to-checkout .checkout-button{display:flex;align-items:center;justify-content:center;
  width:100%;padding:20px 32px!important;border-radius:9999px!important;
  background:var(--wo-ink)!important;color:#fff!important;font:500 16px/1 'Inter',sans-serif!important;
  text-transform:uppercase;text-decoration:none;box-shadow:none!important;
  transition:opacity .2s ease}
.wc-proceed-to-checkout .checkout-button:hover{opacity:.85}
.woocommerce-cart .cart-empty{font:400 18px/1.6 'Inter',sans-serif;color:var(--wo-body)}
.woocommerce-cart .wc-empty-cart-message + p a.button,
.woocommerce-cart a.wc-backward{display:inline-flex;padding:16px 28px!important;
  border-radius:9999px!important;background:var(--wo-ink)!important;color:#fff!important;
  text-decoration:none;font:500 14px/1 'Inter',sans-serif!important;text-transform:uppercase;
  margin-top:16px}

/* ===================================================================
   Checkout
   =================================================================== */
.woocommerce-checkout h3{font:700 28px/1.2 'Cormorant Garamond',serif;margin:0 0 20px}
.woocommerce-checkout .form-row{margin-bottom:16px}
.woocommerce-checkout label{display:block;font:500 13px/1.2 'Inter',sans-serif;
  text-transform:uppercase;letter-spacing:.03em;color:var(--wo-body);margin-bottom:8px}
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{width:100%;border:1px solid var(--wo-line);border-radius:8px;
  padding:14px 16px;font:400 16px/1.2 'Inter',sans-serif;color:var(--wo-ink);background:#fff}
.woocommerce-checkout .select2-container .select2-selection--single{height:auto;
  border:1px solid var(--wo-line);border-radius:8px;padding:12px 16px}
.woocommerce-checkout #order_review{border:1px solid var(--wo-line);border-radius:12px;
  padding:32px;margin-top:8px}
.woocommerce-checkout #order_review table.shop_table{width:100%;border-collapse:collapse}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td{padding:12px 0;border:0;
  border-bottom:1px solid var(--wo-line);font:400 15px/1.2 'Inter',sans-serif}
.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td{font:600 18px/1.2 'Inter',sans-serif;
  color:var(--wo-ink);border-bottom:0}
.woocommerce-checkout ul.wc_payment_methods{list-style:none;padding:0;margin:0 0 20px}
.woocommerce-checkout ul.wc_payment_methods li{padding:12px 0;border-bottom:1px solid var(--wo-line)}
.woocommerce-checkout #place_order{width:100%;display:flex;align-items:center;justify-content:center;
  padding:20px 32px!important;border-radius:9999px!important;background:var(--wo-ink)!important;
  color:#fff!important;font:500 16px/1 'Inter',sans-serif!important;text-transform:uppercase;
  box-shadow:none!important;cursor:pointer;transition:opacity .2s ease}
.woocommerce-checkout #place_order:hover{opacity:.85}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font:400 14px/1.5 'Inter',sans-serif;
  color:var(--wo-body);margin-bottom:16px}

/* ===================================================================
   My Account
   =================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 40px;
  display:flex;flex-direction:column;gap:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--wo-line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:14px 0;
  font:500 15px/1.2 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.02em;
  color:var(--wo-body);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--wo-ink)}
.woocommerce-account .woocommerce-MyAccount-content .input-text,
.woocommerce-account .woocommerce-MyAccount-content select{width:100%;border:1px solid var(--wo-line);
  border-radius:8px;padding:14px 16px;font:400 16px/1.2 'Inter',sans-serif}
.woocommerce-account .woocommerce-MyAccount-content label{display:block;
  font:500 13px/1.2 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.03em;
  color:var(--wo-body);margin-bottom:8px}
.woocommerce-account button,
.woocommerce-account input[type="submit"]{display:inline-flex;
  padding:16px 28px!important;border-radius:9999px!important;background:var(--wo-ink)!important;
  color:#fff!important;font:500 14px/1 'Inter',sans-serif!important;text-transform:uppercase;
  border:0!important;box-shadow:none!important;cursor:pointer}
.woocommerce-account table.woocommerce-orders-table{width:100%;border-collapse:collapse}
.woocommerce-account table.woocommerce-orders-table th,
.woocommerce-account table.woocommerce-orders-table td{padding:14px 8px;text-align:left;
  border-bottom:1px solid var(--wo-line);font:400 15px/1.2 'Inter',sans-serif}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{display:inline-flex;
  padding:8px 16px!important;border-radius:9999px!important;background:#fff!important;
  color:var(--wo-ink)!important;border:1px solid var(--wo-ink)!important;font-size:13px!important;
  text-decoration:none}
.woocommerce-account form.login,.woocommerce-account form.register{max-width:420px}
.woocommerce-account .woocommerce-form-row{margin-bottom:16px}
.woocommerce-account .woocommerce-LostPassword{font:400 14px/1.5 'Inter',sans-serif;
  color:var(--wo-body);margin-top:12px}
.u-columns.woocommerce-Addresses{display:flex;gap:48px;flex-wrap:wrap}
.u-columns.woocommerce-Addresses .u-column1,
.u-columns.woocommerce-Addresses .u-column2{flex:1 1 260px}
.woocommerce-Address-title h3{display:flex;align-items:center;justify-content:space-between;
  font:700 22px/1.2 'Cormorant Garamond',serif}
.woocommerce-Address-title .edit{font:500 13px/1 'Inter',sans-serif;text-transform:uppercase;
  color:var(--wo-body)}

/* ===================================================================
   MOBILE (<=767px)
   =================================================================== */
@media (max-width:767px){
  .wo-shop-page #primary{padding:32px 20px 80px}
  .wo-shop__canvas{padding:24px 20px 60px}
  .wo-shop__title{font-size:36px;margin-bottom:32px}
  ul.products{grid-template-columns:1fr 1fr;gap:24px}
  ul.products li.product .woocommerce-loop-product__title{font-size:18px}

  .woocommerce-cart-form table.shop_table td{padding:16px 8px}
  .woocommerce-cart-form td.product-thumbnail img{width:64px;height:74px}
  .woocommerce-cart-form td.product-name a{font-size:17px}
  .cart_totals{max-width:100%}

  .woocommerce-checkout #order_review{padding:20px}
}
