/* Metamorfoza Beauty - sklep: karty produktów, lista, karta produktu, koszyk, zamówienie, konto. */

/* ---------- Siatka produktów (nadpisuje szerokości z woocommerce-layout.css) ---------- */
.woocommerce ul.products,.woocommerce-page ul.products,ul.products.mf-grid4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;margin:0!important;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product,ul.products.mf-grid4 li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;clear:none!important}

/* ---------- Karta produktu na liście ---------- */
.mf-card{display:flex;flex-direction:column;gap:18px;height:100%;text-align:left}
.mf-card__ph{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#fff;border:1px solid var(--card);border-radius:220px 220px 4px 4px}
.mf-card__ph img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;transition:opacity .45s ease,transform .8s ease}
.mf-card__life{opacity:0;transform:scale(1.04)}
@media (hover:hover){
	.mf-card:hover .mf-card__ph.has-hover .mf-card__life,.mf-card__ph.has-hover:focus-visible .mf-card__life{opacity:1;transform:scale(1)}
	.mf-card:hover .mf-card__ph.has-hover .mf-card__pack{opacity:0}
	.mf-card:hover .mf-card__ph:not(.has-hover) .mf-card__pack{transform:scale(1.03)}
}
.mf-tag{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:2;background:rgba(248,246,242,.94);color:var(--em);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:6px 14px;border-radius:999px;white-space:nowrap;border:1px solid var(--card)}
.mf-tag--em{background:var(--em);color:var(--gold-l);border-color:var(--em)}
.mf-sale{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:2;background:var(--gold);color:var(--em-d);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.mf-card__txt{display:flex;flex-direction:column}
.mf-card__title{font-family:var(--f-disp)!important;font-weight:400!important;font-size:24px!important;line-height:1.15!important;margin:0!important;padding:0!important;min-height:2.3em;color:var(--ink)}
.mf-card__sub{font-size:14px;color:var(--mute);margin:6px 0 0;min-height:3.2em;line-height:1.6}
.mf-card__row{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--rule);margin-top:auto}
.mf-price{font-family:var(--f-disp);font-size:26px;color:var(--em);line-height:1.1}
.mf-price .woocommerce-Price-amount{font:inherit;color:inherit}
.mf-price del{font-size:.65em;color:var(--mute);margin-right:6px;opacity:1}
.mf-price ins{text-decoration:none}
.mf-add{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border-radius:999px;background:var(--em);color:#fff!important;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--em);transition:background-color .2s}
.mf-add:hover{background:var(--em-d)}
.mf-add--ghost{background:transparent;color:var(--em)!important}
.mf-add--ghost:hover{background:var(--em);color:#fff!important}
.mf-add.is-loading{opacity:.7;pointer-events:none}
.mf-add.is-done{background:var(--gold);border-color:var(--gold);color:var(--em-d)!important}
.mf-card .added_to_cart{display:none!important}

/* ---------- Lista produktów ---------- */
.mf-shop{padding-block:48px 110px}
.woocommerce-products-header{padding:24px 0 40px;border-bottom:1px solid var(--rule);margin-bottom:48px}
.woocommerce-products-header__title.page-title{font-family:var(--f-disp);font-weight:400;font-size:clamp(40px,5.4vw,72px);line-height:1.05;margin:0;color:var(--ink)}
.term-description,.page-description{max-width:42em;color:var(--mute);margin-top:14px}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:32px}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 4px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--em);color:#fff}

/* ---------- Karta produktu ---------- */
.mf-pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:start;margin-bottom:96px}
.woocommerce div.product .mf-pdp div.images,.woocommerce div.product .mf-pdp div.summary{width:auto!important;float:none!important;margin:0!important}
.mf-pdp .woocommerce-product-gallery{position:sticky!important;top:calc(var(--hdr-h) + 24px)}
.mf-pdp .woocommerce-product-gallery__wrapper{background:#fff;border:1px solid var(--card);border-radius:4px;overflow:hidden}
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:10px;margin-top:12px}
.woocommerce div.product div.images .flex-control-thumbs li{width:84px!important;float:none!important}
.woocommerce div.product div.images .flex-control-thumbs li img{border:1px solid var(--card);border-radius:4px;opacity:.6}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{opacity:1;border-color:var(--gold)}
.mf-pdp__tag{display:inline-block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--em);border:1px solid var(--card);background:var(--ivory);padding:6px 14px;border-radius:999px;margin:0 0 18px}
.woocommerce div.product .product_title{font-family:var(--f-disp);font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1.08;margin:0 0 18px;color:var(--ink)}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:var(--f-disp);color:var(--em)!important;font-size:34px!important;margin:0 0 22px}
.woocommerce div.product p.price del{font-size:.6em;color:var(--mute)}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce-product-details__short-description{color:var(--mute);font-size:17px;margin-bottom:26px}
.woocommerce div.product .stock{color:var(--em)!important;font-size:14px;letter-spacing:.06em}
.woocommerce div.product .stock.out-of-stock{color:#8a2d2d!important}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:0 0 28px!important;padding-top:24px;border-top:1px solid var(--rule)}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce .quantity{display:inline-flex}
.woocommerce .quantity .qty{width:84px;height:56px;border:1px solid var(--rule);border-radius:999px;background:#fff;font:inherit;font-size:16px;text-align:center}
.woocommerce div.product form.cart .button,.woocommerce .single_add_to_cart_button{flex:1 1 220px;min-height:56px;border-radius:999px!important;background:var(--em)!important;color:#fff!important;font-family:var(--f-body)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase;padding:0 30px!important;float:none!important}
.woocommerce div.product form.cart .button:hover{background:var(--em-d)!important}
.product_meta{font-size:13px;color:var(--mute);display:flex;flex-direction:column;gap:4px}
.product_meta a{color:var(--em)}
.woocommerce div.product .woocommerce-tabs{clear:both;max-width:900px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 32px!important;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--rule)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:none!important;border-radius:0!important;margin:0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:14px 18px!important;font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:500!important;color:var(--mute)!important;border-bottom:2px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--em)!important;border-bottom-color:var(--gold)}
.woocommerce div.product .woocommerce-tabs .panel{font-size:17px}
.woocommerce div.product .woocommerce-tabs .panel h2{font-family:var(--f-disp);font-weight:400;font-size:30px;color:var(--em)}
.woocommerce div.product .woocommerce-tabs .panel h3{font-family:var(--f-disp);font-weight:400;font-size:24px}
.related.products,.upsells.products{margin-top:96px;padding-top:64px;border-top:1px solid var(--rule)}
.related.products>h2,.upsells.products>h2{font-family:var(--f-disp);font-weight:400;font-size:clamp(34px,4vw,52px);margin:0 0 40px}

/* ---------- Komunikaty ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.mf-free{border:1px solid var(--card)!important;border-left:0!important;border-top:0!important;border-radius:4px;background:var(--ivory)!important;color:var(--ink)!important;padding:18px 22px 18px 54px!important;box-shadow:inset 3px 0 0 var(--gold)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold-d)!important}
.woocommerce-error::before{color:#8a2d2d!important}
.woocommerce-message .button,.woocommerce-info .button{background:transparent!important;color:var(--em)!important;padding:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;font-weight:500!important}
.mf-free{padding-left:22px!important;margin-bottom:24px}
.mf-free.is-ok{box-shadow:inset 3px 0 0 var(--em)}

/* ---------- Przyciski WooCommerce ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:999px;background:var(--em);color:#fff;font-family:var(--f-body);font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 28px;line-height:1.2}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--em-d);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order,.wc-proceed-to-checkout .checkout-button{background:linear-gradient(135deg,#E9D49E,#C6A15B 55%,#B08A45)!important;color:var(--em-d)!important;font-size:14px!important;padding:20px 30px!important}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{filter:brightness(1.05)}

/* ---------- Formularze ---------- */
.woocommerce form .form-row label{font-size:14px;color:var(--mute);margin-bottom:6px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-page form .form-row .select2-container .select2-selection--single{border:1px solid var(--rule);border-radius:4px;background:#fff;padding:14px 16px;font:inherit;min-height:52px;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px;padding-left:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:50px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}
.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border:1px solid var(--card);border-radius:4px;background:var(--ivory);padding:28px}

/* ---------- Koszyk ---------- */
.woocommerce-cart .mf-prose,.woocommerce-checkout .mf-prose,.woocommerce-account .mf-prose{max-width:none}
.woocommerce table.shop_table{border:1px solid var(--card);border-radius:4px;border-collapse:separate;background:#fff}
.woocommerce table.shop_table th{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:500;padding:16px 14px}
.woocommerce table.shop_table td{padding:18px 14px;border-top:1px solid #E9E5DE}
.woocommerce table.cart img{width:84px;border-radius:40px 40px 3px 3px;border:1px solid var(--card)}
.woocommerce table.shop_table .product-name a{font-family:var(--f-disp);font-size:20px;color:var(--ink)}
.woocommerce a.remove{color:var(--mute)!important;border:1px solid var(--rule);width:28px;height:28px;line-height:26px}
.woocommerce a.remove:hover{background:var(--em)!important;color:#fff!important}
.woocommerce .cart-collaterals .cart_totals{width:100%;max-width:480px;float:right}
.woocommerce .cart-collaterals .cart_totals h2{font-family:var(--f-disp);font-weight:400;font-size:30px}
.woocommerce .cart_totals table.shop_table th{text-align:left}
.woocommerce .cart_totals table.shop_table td{text-align:right}
.woocommerce .cart_totals .order-total .woocommerce-Price-amount{font-family:var(--f-disp);font-size:26px;color:var(--em)}
.woocommerce table.shop_table td.actions .coupon .input-text{min-height:48px;border-radius:999px;border:1px solid var(--rule);padding:0 18px;width:200px}

/* ---------- Zamówienie ---------- */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:56px;align-items:start}
.woocommerce-checkout form.checkout>*{grid-column:1/-1}
.woocommerce-checkout form.checkout #customer_details{grid-column:1;grid-row:1/span 2}
.woocommerce-checkout form.checkout #order_review_heading{grid-column:2;grid-row:1;margin-top:0;font-family:var(--f-disp);font-weight:400;font-size:30px}
.woocommerce-checkout form.checkout #order_review{grid-column:2;grid-row:2;position:sticky;top:calc(var(--hdr-h) + 24px);background:var(--ivory);border:1px solid var(--card);border-radius:4px;padding:24px}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%!important;float:none!important}
.woocommerce-checkout h3{font-family:var(--f-disp);font-weight:400;font-size:26px}
.woocommerce-checkout #payment{background:transparent!important;border-radius:4px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--rule)!important;padding:0 0 12px!important}
.woocommerce-checkout #payment div.payment_box{background:#fff!important;border:1px solid var(--card)}
.woocommerce-checkout #payment div.payment_box::before{display:none}

/* ---------- Konto ---------- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper,.woocommerce-account:not(.logged-in) .woocommerce>*{grid-column:1/-1}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:auto!important;float:none!important}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.woocommerce-MyAccount-navigation li a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);font-size:14px;letter-spacing:.08em}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--em);font-weight:500}
.woocommerce-account:not(.logged-in) .u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.woocommerce-account:not(.logged-in) .u-columns .col-1,.woocommerce-account:not(.logged-in) .u-columns .col-2{width:auto!important;float:none!important}
.woocommerce-account h2{font-family:var(--f-disp);font-weight:400;font-size:30px}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
	.woocommerce ul.products,.woocommerce-page ul.products,ul.products.mf-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mf-pdp{gap:40px}
	.woocommerce-checkout form.checkout{column-gap:32px}
}
/* ---------- Telefon ---------- */
@media (max-width:760px){
	.woocommerce ul.products,.woocommerce-page ul.products,ul.products.mf-grid4{gap:28px 14px}
	.mf-card{gap:12px}
	.mf-card__ph{border-radius:120px 120px 4px 4px}
	.mf-tag{font-size:9px;padding:4px 10px;top:12px;letter-spacing:.14em}
	.mf-card__title{font-size:18px!important}
	.mf-card__sub{display:none}
	.mf-card__row{gap:10px;padding-top:12px}
	.mf-price{font-size:20px}
	.mf-add{min-height:46px;padding:0 8px;font-size:11px;letter-spacing:.08em}
	.mf-shop{padding-block:24px 72px}
	.woocommerce-products-header{padding-bottom:24px;margin-bottom:28px}
	.mf-pdp{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:64px}
	.mf-pdp .woocommerce-product-gallery{position:relative!important;top:auto}
	.woocommerce div.product p.price{font-size:28px!important}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 10px!important;font-size:11px}
	.woocommerce .cart-collaterals .cart_totals{float:none;max-width:none}
	.woocommerce table.shop_table_responsive tr td{text-align:right!important}
	.woocommerce-checkout form.checkout{grid-template-columns:minmax(0,1fr)}
	.woocommerce-checkout form.checkout #customer_details,.woocommerce-checkout form.checkout #order_review_heading,.woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto;position:static}
	.woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr);gap:24px}
	.woocommerce-account:not(.logged-in) .u-columns{grid-template-columns:minmax(0,1fr)}
	.related.products,.upsells.products{margin-top:56px;padding-top:40px}
}
@media (max-width:360px){
	.mf-add{font-size:10px;letter-spacing:.04em}
}

/* ---------- Koszyk i zamówienie w wersji blokowej (WooCommerce Blocks) ---------- */
.wc-block-components-button:not(.is-link){border-radius:999px!important;min-height:56px;font-family:var(--f-body)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.16em;text-transform:uppercase;text-decoration:none!important;border:0!important}
.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{background:linear-gradient(135deg,#E9D49E,#C6A15B 55%,#B08A45)!important;color:var(--em-d)!important}
.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{filter:brightness(1.05)}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:inherit!important}
.wc-block-components-totals-footer-item-tax,.wc-block-components-totals-footer-item .wc-block-components-totals-item__description{display:none!important}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-family:var(--f-disp);font-weight:400;color:var(--em)}
.wc-block-components-product-name{font-family:var(--f-disp);font-size:20px;color:var(--ink)!important;border:0!important;text-decoration:none!important}
.wc-block-cart-item__wrap .wc-block-components-product-metadata{font-size:13px;color:var(--mute)}
.wc-block-cart .wc-block-cart__totals-title,.wc-block-cart-items__header{letter-spacing:.18em;font-size:12px!important;color:var(--mute)}
.mf-card__pr .mf-omnibus{margin-top:4px;font-size:11px}
