/* Cross Bronx Apparel theme: WooCommerce styles. Loaded after WooCommerce's own styles. */

.shop-main{padding-block:clamp(24px,4vw,48px)}
.woocommerce-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.woocommerce-breadcrumb a:hover{color:var(--ink)}
.term-description,.woocommerce-products-header .page-description{color:var(--muted);max-width:640px}

/* Toolbar */
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-block:14px;border-block:1px solid var(--line);margin:18px 0 24px}
.shop-toolbar > *{min-width:0;max-width:100%}
.shop-toolbar__sort{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.woocommerce .shop-toolbar .woocommerce-result-count,.woocommerce .shop-toolbar .woocommerce-ordering{float:none;margin:0;font-size:13px;color:var(--muted)}
.woocommerce-ordering select{font-size:14px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);padding:8px 10px;border-radius:8px;max-width:100%}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid var(--line);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}
.chip:hover{border-color:var(--ink)}
.chip[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* Product grid */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 14px;margin:0 0 32px;padding:0}
.woocommerce ul.products.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.woocommerce ul.products.columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,
.woocommerce[class*="columns-"] ul.products li.product,.woocommerce-page[class*="columns-"] ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product{width:auto;float:none;margin:0;padding:0;display:flex;flex-direction:column;position:relative;clear:none}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;gap:3px;position:relative}
.woocommerce ul.products li.product a img{aspect-ratio:1;width:100%;height:auto;object-fit:cover;background:var(--soft);margin:0 0 10px;border-radius:10px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.woocommerce ul.products li.product a:hover img{transform:scale(1.02)}
.loop-cat{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--sans);font-size:15px;font-weight:800;padding:0;margin:0;line-height:1.3}
.woocommerce ul.products li.product .price{color:var(--ink);font-size:15px;font-weight:600;margin:0}
.woocommerce ul.products li.product .button{margin-top:10px;align-self:flex-start}
.woocommerce ul.products li.product .added_to_cart{display:inline-block;margin-top:6px;font-size:13px;text-decoration:underline}
.woocommerce .price del{color:var(--muted);opacity:1;margin-left:6px;font-weight:400}
.woocommerce .price ins{text-decoration:none;color:var(--sale);font-weight:700}

/* Badges */
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,.badge{position:absolute;top:10px;left:10px;right:auto;z-index:2;min-width:0;min-height:0;margin:0;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;background:var(--sale);color:#fff}
.badge--new{background:var(--bg);color:var(--ink);box-shadow:0 0 0 1px var(--line)}

/* 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,
.wc-block-components-button:not(.is-link){background:var(--ink);color:var(--bg);border:2px solid var(--ink);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:13px 20px;line-height:1.2;transition:opacity .2s}
.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,.woocommerce input.button.alt:hover,
.wc-block-components-button:not(.is-link):hover{background:var(--ink);color:var(--bg);opacity:.85}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt.disabled{background:var(--ink);color:var(--bg);opacity:.4}
.woocommerce ul.products li.product .button{padding:10px 16px}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{border-top-color:var(--sign);background:var(--soft);color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--sign)}
.woocommerce-error{border-top-color:var(--sale)}
.woocommerce-error::before{color:var(--sale)}
.woocommerce-message .button,.woocommerce-info .button{float:right}

/* Forms */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .quantity .qty,.woocommerce-cart table.cart td.actions .coupon .input-text{border:1.5px solid var(--line);background:var(--bg);color:var(--ink);padding:11px 12px;border-radius:8px}
.woocommerce .quantity .qty{width:4.4em;padding:11px 6px}
.woocommerce form .form-row label{font-size:13px;font-weight:700}
.select2-container .select2-selection--single{height:44px;border:1.5px solid var(--line);border-radius:8px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px}

/* Single product */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.woocommerce div.product::before,.woocommerce div.product::after{display:none}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}
.woocommerce div.product div.images img{background:var(--soft);border-radius:12px}
.woocommerce div.product div.images .woocommerce-product-gallery__image > a > img{aspect-ratio:1;object-fit:cover;width:100%}
.woocommerce div.product .woocommerce-product-gallery__trigger{background:var(--bg)}
.woocommerce div.product .product_title{font-weight:900;font-size:clamp(30px,3.6vw,44px);line-height:1;text-transform:uppercase;margin:0 0 12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-size:22px;font-weight:700}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted)}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:24px 0}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce div.product form.cart div.quantity{float:none;margin:0}
.woocommerce div.product form.cart .button{float:none;flex:1;min-width:180px}
.woocommerce div.product form.variations_form{display:block}
.woocommerce div.product form.cart .variations{margin-bottom:16px;width:100%}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;padding:0;line-height:1.4;text-align:left}
.woocommerce div.product form.cart .variations th label{font-size:13px;font-weight:800}
.woocommerce div.product form.cart .variations td{margin:6px 0 14px}
.woocommerce div.product form.cart .variations select{width:100%;max-width:360px;border:1.5px solid var(--line);background:var(--bg);padding:11px 12px;margin:0;border-radius:8px}
.woocommerce div.product form.cart .reset_variations{font-size:13px;margin-left:8px}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px}
.woocommerce div.product .product_meta{font-size:13px;color:var(--muted);display:grid;gap:4px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;margin:0 18px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 0;font-weight:800;color:var(--muted);text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink);box-shadow:inset 0 -3px 0 var(--sign)}
.woocommerce div.product .woocommerce-tabs .panel{max-width:760px}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child{font-weight:900;font-size:22px;text-transform:uppercase}
.related > h2,.upsells > h2,.cross-sells > h2{font-weight:900;font-size:clamp(26px,3vw,38px);text-transform:uppercase;margin:48px 0 20px}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border-color:var(--line);border-radius:8px}

/* Cart, checkout, account (classic templates) */
.woocommerce table.shop_table{border-color:var(--line);border-radius:8px}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}
.woocommerce-cart .cart-collaterals .cart_totals h2,.woocommerce-checkout h3,.woocommerce-account h2{font-weight:900;text-transform:uppercase;font-size:24px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{font-weight:800}
.woocommerce-checkout #payment,.woocommerce-checkout #payment div.payment_box{background:var(--soft);border-radius:8px}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--soft)}

/* Slide-out cart */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--bg);z-index:50;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer.is-open{transform:none}
.admin-bar .drawer{top:32px}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer__head h2{margin:0;font-weight:900;font-size:24px;text-transform:uppercase}
.drawer__body{flex:1;overflow:auto;padding:0 20px 20px;display:flex;flex-direction:column}
.drawer .widget_shopping_cart_content{flex:1;display:flex;flex-direction:column}
.drawer .woocommerce-mini-cart{list-style:none;margin:0;padding:0;flex:1}
.drawer .woocommerce-mini-cart-item{position:relative;min-height:112px;padding:16px 28px 16px 92px;border-bottom:1px solid var(--line);font-size:14px}
.drawer .woocommerce-mini-cart-item a:not(.remove){font-weight:800;display:block}
.drawer .woocommerce-mini-cart-item img{position:absolute;left:0;top:16px;width:76px;height:76px;object-fit:cover;background:var(--soft);margin:0;float:none;border-radius:8px}
.drawer .woocommerce-mini-cart-item .quantity{display:block;color:var(--muted);margin-top:4px}
.drawer .woocommerce-mini-cart-item dl.variation{margin:4px 0 0;padding:0;border:0;font-size:13px;color:var(--muted)}
.drawer .woocommerce-mini-cart-item dl.variation dt,.drawer .woocommerce-mini-cart-item dl.variation dd{display:inline;margin:0;float:none}
.drawer .woocommerce-mini-cart-item dl.variation dd p{display:inline;margin:0}
.drawer a.remove{position:absolute;top:14px;right:0;width:26px;height:26px;line-height:24px;text-align:center;border-radius:50%;color:var(--muted)!important;font-size:18px;text-decoration:none}
.drawer a.remove:hover{background:var(--soft);color:var(--ink)!important}
.drawer .woocommerce-mini-cart__total{display:flex;justify-content:space-between;font-size:18px;font-weight:900;padding:18px 0 6px;margin:0;border-top:1px solid var(--line)}
.drawer .woocommerce-mini-cart__buttons{display:grid;gap:10px;margin:12px 0 0}
.drawer .woocommerce-mini-cart__buttons .button{display:block;text-align:center;margin:0;background:var(--ink);color:var(--bg);border:2px solid var(--ink);padding:14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px}
.drawer .woocommerce-mini-cart__buttons .button:not(.checkout){background:transparent;color:var(--ink)}
.drawer .woocommerce-mini-cart__empty-message{text-align:center;color:var(--muted);padding:48px 0}

/* Responsive */
@media (min-width:1500px){.woocommerce ul.products.columns-4{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.woocommerce ul.products.columns-5{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:980px){
  .woocommerce ul.products,.woocommerce-page ul.products,.woocommerce ul.products.columns-4,.woocommerce ul.products.columns-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:782px){.admin-bar .drawer{top:46px}}
@media (max-width:768px){.woocommerce div.product{grid-template-columns:1fr}}
@media (max-width:640px){
  .woocommerce ul.products,.woocommerce-page ul.products,.woocommerce ul.products[class*="columns-"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce ul.products li.product .button{padding:9px 12px;font-size:11px}
  .shop-toolbar{flex-direction:column;align-items:stretch}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .shop-toolbar__sort{flex-direction:column;align-items:stretch;gap:10px}
  .woocommerce .shop-toolbar .woocommerce-ordering,.woocommerce-ordering select{width:100%}
  .woocommerce-message .button,.woocommerce-info .button{float:none;display:block;margin-top:10px;text-align:center}
}