.clay-native-select, .clay-native-wrapper { display: none !important; }
.clay-box-group { display: flex; flex-wrap: wrap; justify-content: flex-start !important; gap: 5.25px; margin: 0 0 9px; }
.woocommerce .clay-box-group .clay-box, .clay-box-group .clay-box {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    min-width: 37.5px; height: 37.5px; padding: 0 7.5px !important; margin: 0 !important;
    border: 1px solid #d8d8d8 !important; border-radius: 0 !important;
    background: #fff !important; color: #888 !important; font: inherit;
    font-size: 15px; font-weight: 400; line-height: 1; cursor: pointer;
    box-shadow: none !important; text-transform: none; transition: border-color .15s;
}
.clay-box-group .clay-box:hover, .clay-box-group .clay-box.clay-selected { border-color: #000 !important; color: #000 !important; }
.clay-box-group .clay-box:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.clay-box-group .clay-box.clay-unavailable { cursor: not-allowed; opacity: .7 !important; overflow: hidden; }
.clay-box.clay-unavailable::before, .clay-box.clay-unavailable::after {
    content: '' !important; position: absolute !important; display: block !important;
    width: 90% !important; height: 1.5px !important; min-width: 0 !important;
    border: 0 !important; background: #fd2727 !important; top: 50% !important; left: 5% !important;
    margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important;
    transform: rotate(45deg) !important; pointer-events: none;
}
.clay-box.clay-unavailable::after { transform: rotate(-45deg) !important; }
.clay-loop-boxes { margin: 0 0 14px; text-align: left; }
.clay-loop-boxes .clay-box-group { justify-content: flex-start !important; margin: 0 0 7px; }
.clay-loop-boxes .clay-loop-label { display: none; }
.clay-loop-boxes .clay-loop-status { margin: 5px 0; color: #888; font-size: 16px; }
.clay-loop-status:empty { display: none; }
.clay-loop-boxes .clay-loop-cart { margin-top: 8px; }
.clay-loop-cart:disabled { opacity: .5; cursor: not-allowed; }
.clay-selected-name { white-space: nowrap; }
.clay-all-out { margin: 15px 0; }
@media (max-width: 600px) {
    .clay-loop-boxes .clay-box-group { gap: 3.75px; }
    .clay-loop-boxes .clay-box-group .clay-box { min-width: 26.25px; height: 28.5px; padding: 0 4.5px !important; font-size: 12.75px; }
}

/* Keep product cards equal without cutting product names. */
.woocommerce ul.products > li.product > .post_item { display:flex; flex-direction:column; min-height:var(--clay-card-height,0px); }
.woocommerce ul.products > li.product .post_featured { flex:none; aspect-ratio:630 / 827; overflow:hidden; }
.woocommerce ul.products > li.product .post_featured > a { display:block; height:100%; }
.woocommerce ul.products > li.product .post_featured img { width:100%; height:100%; object-fit:contain; }
.woocommerce ul.products > li.product .post_data { display:flex; flex:1; width:100%; }
.woocommerce ul.products > li.product .post_data_inner { display:flex; flex-direction:column; flex:1; width:100%; }
.woocommerce ul.products > li.product .woocommerce-loop-product__title { min-height:var(--clay-title-height,0px); }
.woocommerce ul.products > li.product .post_header { min-height:var(--clay-header-height,0px); }
.woocommerce ul.products > li.product .wrap-data-info { min-height:var(--clay-price-height,0px); margin-top:auto !important; padding-top:10px; }
.woocommerce ul.products.clay-measuring { --clay-card-height:0px !important; --clay-title-height:0px !important; --clay-header-height:0px !important; --clay-price-height:0px !important; }

/* Shared card design for simple and variable products. */
.woocommerce ul.products > li.product > .post_item {
    box-sizing:border-box; padding:16px; border:1px solid #e9e9e9;
    background:#fff; transition:border-color .2s,box-shadow .2s;
}
.woocommerce ul.products > li.product > .post_item:hover { border-color:#d2d2d2; box-shadow:0 6px 22px rgba(0,0,0,.04); }
.woocommerce ul.products > li.product .post_featured { aspect-ratio:4 / 5; margin-bottom:18px !important; }
.woocommerce ul.products > li.product .woocommerce-loop-product__title { font-size:20px !important; line-height:1.3 !important; margin:0 0 12px !important; }
.woocommerce ul.products > li.product .clay-loop-boxes { margin:0 !important; }
.woocommerce ul.products > li.product .clay-loop-status { display:block; min-height:22px; line-height:22px; margin:6px 0 0; font-size:14px; }
.woocommerce ul.products > li.product .wrap-data-info { box-sizing:border-box; align-items:center; padding:14px 0 0; margin:0 !important; }
.woocommerce ul.products > li.product .price_wrap { margin:0 !important; }
.woocommerce ul.products > li.product .price { display:block; margin:0 !important; line-height:1.3 !important; }
.woocommerce ul.products > li.product .post_data_inner .button {
    box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important;
    width:100% !important; min-width:0 !important; height:48px !important; min-height:48px !important;
    flex:none !important; margin:14px 0 0 !important; padding:0 12px !important;
    font-size:14px !important; line-height:1 !important; border:0 !important; border-radius:0 !important;
}
.woocommerce ul.products > li.product .post_data_inner .button:disabled { opacity:1 !important; background:#ededed !important; color:#919191 !important; }
.clay-box-group .clay-box.clay-selected { background:#f1fbdc !important; border-color:#222 !important; }
@media (max-width:600px) {
    .woocommerce ul.products > li.product > .post_item { padding:10px; }
    .woocommerce ul.products > li.product .woocommerce-loop-product__title { font-size:17px !important; }
    .woocommerce ul.products > li.product .post_data_inner .button { font-size:12px !important; }
}

.woocommerce ul.products > li.product .post_data_inner > .price { box-sizing:border-box; display:flex; align-items:center; gap:8px; min-height:var(--clay-price-height,0px); padding-top:14px; }
.woocommerce ul.products > li.product .add_to_cart_wrap { display:block !important; margin:0 !important; padding:0 !important; width:100%; }