/* ===========================================================
   Custom Cone Sleeve — WooCommerce brand styling
   Maps Woo shop / product / cart / checkout to the brand
   tokens defined in style.css (var(--pink) = teal accent, etc.)
   =========================================================== */

.woo-section{padding:54px 0 80px;}
.woo-section .wrap.woo-wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

/* page title */
.woocommerce .woocommerce-products-header__title,
.woocommerce-page h1.entry-title{
  font-family:var(--serif);font-size:40px;color:var(--ink);margin-bottom:18px;
}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px;}
.woocommerce .woocommerce-ordering select{
  border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--sans);color:var(--text);
}

/* ---------- product grid ---------- */
.woocommerce ul.products{display:grid;gap:24px;margin:24px 0 0;}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;padding:0;}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;aspect-ratio:1/1;object-fit:cover;}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2{font-family:var(--serif);font-size:18px;color:var(--ink);padding:18px 18px 4px;}
.woocommerce ul.products li.product .price{display:block;padding:0 18px;color:var(--ink)!important;font-family:var(--serif);font-weight:800;font-size:20px;}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:500;font-size:15px;}
.woocommerce ul.products li.product .price ins{text-decoration:none;}
.woocommerce ul.products li.product .button{margin:14px 18px 20px;display:inline-flex;}
.woocommerce ul.products li.product .onsale{background:var(--pink);color:#fff;border-radius:30px;font-weight:700;min-height:auto;min-width:auto;padding:5px 12px;top:12px;right:12px;left:auto;margin:0;}

@media(min-width:781px){ .woocommerce ul.products{grid-template-columns:repeat(4,1fr);} }
@media(max-width:780px){ .woocommerce ul.products{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .woocommerce ul.products{grid-template-columns:1fr;} }

/* ---------- buttons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background:var(--pink);color:#fff;border-radius:10px;font-family:var(--sans);font-weight:700;
  padding:13px 22px;transition:background .2s,transform .2s;border:none;text-shadow:none;box-shadow:0 10px 24px -12px var(--pink-deep);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{background:var(--pink-deep);transform:translateY(-2px);}

/* ---------- single product ---------- */
.woocommerce div.product .product_title{font-family:var(--serif);font-size:38px;color:var(--ink);}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--ink);font-family:var(--serif);font-weight:800;font-size:30px;}
.woocommerce div.product p.price ins{text-decoration:none;}
.woocommerce div.product .woocommerce-product-rating .star-rating span{color:var(--gold);}
.woocommerce .star-rating span{color:var(--gold);}
.woocommerce div.product form.cart .quantity input{
  border:1.5px solid var(--line);border-radius:10px;padding:12px;width:70px;font-family:var(--sans);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background:#fff;border-bottom-color:#fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--pink-deep);}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom-color:var(--line);}
.woocommerce-tabs h2,.woocommerce #reviews h2{font-family:var(--serif);color:var(--ink);}

/* gallery rounding */
.woocommerce div.product div.images img{border-radius:var(--radius);}

/* ---------- notices ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,p.no-comments{
  border-top-color:var(--pink);background:var(--pink-blush);border-radius:10px;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--pink-deep);}
.woocommerce-error{border-top-color:var(--primary-deep,#c0392b);border-radius:10px;}

/* ---------- cart & checkout ---------- */
.woocommerce table.shop_table{border-radius:var(--radius);border-color:var(--line);}
.woocommerce table.shop_table th{font-family:var(--sans);color:var(--ink);}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-checkout h3{font-family:var(--serif);color:var(--ink);}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection{
  border:1px solid var(--line)!important;border-radius:10px!important;padding:12px 13px!important;
  font-family:var(--sans);min-height:auto;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{border-color:var(--pink)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 13%,transparent)!important;}
.woocommerce #payment,.woocommerce-checkout #payment{border-radius:var(--radius);}

/* breadcrumb from Woo (we already render our own; hide Woo's) */
.woocommerce .woocommerce-breadcrumb{display:none;}

/* related/upsell headings */
.woocommerce .related > h2,.woocommerce .upsells > h2,.woocommerce .cross-sells > h2{
  font-family:var(--serif);color:var(--ink);font-size:28px;
}