
/* ERLONSO Checkout & Cart Experience V1 — scoped black/white */
.ercc-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.62}
@media(min-width:1200px){
 .er-site-header .er-header-line{display:grid!important;grid-template-columns:minmax(175px,1fr) max-content minmax(175px,1fr)!important;align-items:center!important;gap:12px!important}
 .er-site-header .er-brand-anchor{grid-column:1;justify-self:start;margin:0!important}
 .er-site-header .er-primary-nav{grid-column:2;justify-self:center;min-width:0!important;width:max-content!important;flex:none!important;margin:0!important}
 .er-site-header .er-nav-list{justify-content:center!important;flex-wrap:nowrap!important;gap:clamp(12px,1.7vw,26px)!important}
 .er-site-header .er-header-tools{grid-column:3;justify-self:end;margin-left:0!important}
}
@media(min-width:801px) and (max-width:1199px){
 .er-site-header .er-primary-nav .er-nav-list{justify-content:center!important}
}
/* three (or up to four) finish cards in one equal-width row; leave large sets to native breakpoints */
.woocommerce div.product form.cart .variations tr:has(.erpx4-choice-grid){display:block!important;width:100%!important}
.woocommerce div.product form.cart .variations tr:has(.erpx4-choice-grid)>th,
.woocommerce div.product form.cart .variations tr:has(.erpx4-choice-grid)>td{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;float:none!important}
.woocommerce div.product form.cart .variations tr:has(.erpx4-choice-grid)>th label{margin:0 0 9px!important}
.woocommerce div.product form.cart .variations td.value .erpx4-choice-grid:has(> .erpx4-choice:nth-child(3):last-child){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.woocommerce div.product form.cart .variations td.value .erpx4-choice-grid:has(> .erpx4-choice:nth-child(4):last-child){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.woocommerce div.product form.cart .variations .erpx4-choice-grid:has(> .erpx4-choice:nth-child(3):last-child) .erpx4-choice{grid-column:auto!important;min-width:0!important}
.woocommerce div.product form.cart .variations .erpx4-choice-grid:has(> .erpx4-choice:nth-child(4):last-child) .erpx4-choice{grid-column:auto!important;min-width:0!important}
.woocommerce div.product form.cart .variations .erpx4-choice-grid:has(> .erpx4-choice:nth-child(3):last-child) .erpx4-choice-face,
.woocommerce div.product form.cart .variations .erpx4-choice-grid:has(> .erpx4-choice:nth-child(4):last-child) .erpx4-choice-face{width:100%!important;justify-content:center!important;gap:5px!important;padding:8px 6px!important;min-height:51px!important;text-align:center!important;font-size:clamp(9px,0.86vw,11px)!important}
.woocommerce div.product form.cart .variations .erpx4-choice-grid:has(> .erpx4-choice:nth-child(3):last-child) .erpx4-choice-face:before,
.woocommerce div.product form.cart .variations .erpx4-choice-grid:has(> .erpx4-choice:nth-child(4):last-child) .erpx4-choice-face:before{width:12px!important;height:12px!important;flex-basis:12px!important}
.woocommerce div.product form.cart .variations .erpx4-choice-grid .erpx4-tone{width:14px!important;height:14px!important;flex-basis:14px!important}
.woocommerce div.product form.cart .variations .erpx4-choice-grid .erpx4-choice-caption{white-space:normal!important;line-height:1.22!important;word-break:normal!important}
@media(max-width:470px){
 .woocommerce div.product form.cart .variations td.value .erpx4-choice-grid:has(> .erpx4-choice:nth-child(3):last-child) .erpx4-choice-face{padding:8px 3px!important;gap:4px!important;font-size:10px!important}
 .woocommerce div.product form.cart .variations .erpx4-choice-grid .erpx4-tone{width:12px!important;height:12px!important;flex-basis:12px!important}
}
.ercc-quantity-shell{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:6px;margin:12px 0 8px;max-width:260px}
.ercc-quantity-shell>.ercc-quantity-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;line-height:1.4}
.ercc-quantity-shell>.ercc-quantity-label small{font-size:11px;font-weight:400;opacity:.62}
.ercc-quantity-shell .quantity{margin:0!important}
.ercc-quantity-shell .quantity input.qty{min-height:45px!important}
/* Cart: a concise two-column layout */
.woocommerce-cart main.er-woocommerce{max-width:1280px}
.woocommerce-cart .woocommerce:has(form.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.8fr);column-gap:clamp(22px,3vw,48px);align-items:start;row-gap:18px}
.woocommerce-cart .woocommerce:has(form.woocommerce-cart-form)>:not(.woocommerce-cart-form):not(.cart-collaterals){grid-column:1/-1}
.woocommerce-cart .woocommerce-cart-form{grid-column:1;grid-row:auto;min-width:0}
.woocommerce-cart .cart-collaterals{grid-column:2;width:100%!important;min-width:0;grid-row:auto;float:none!important;clear:none!important}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%!important;float:none!important;position:sticky;top:18px;border-radius:16px!important;padding:22px!important}
.woocommerce-cart .cart-collaterals .cart_totals h2{font-size:21px;letter-spacing:-.025em;margin:0 0 14px}
.woocommerce-cart table.shop_table{width:100%;border-radius:14px!important;overflow:hidden}
.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{padding:15px 11px!important}
.woocommerce-cart .product-thumbnail img{width:80px!important;height:80px!important;max-width:80px!important;object-fit:contain;background:#f7f7f6;border-radius:10px;padding:6px}
.woocommerce-cart .product-name a{font-size:13px!important;font-weight:650;text-decoration:none}
.woocommerce-cart .product-price,.woocommerce-cart .product-subtotal{white-space:nowrap}
.woocommerce-cart .product-quantity .quantity input.qty{min-width:60px!important;max-width:86px!important}
.woocommerce-cart .woocommerce-cart-form .actions{padding:15px!important;background:#fafafa}
.woocommerce-cart .coupon{display:flex!important;align-items:end;gap:8px;flex-wrap:wrap;width:100%;min-width:0}
.woocommerce-cart .coupon label{display:block!important;width:100%;font-size:13px!important;font-weight:700!important;margin:0 0 2px}
.woocommerce-cart .coupon input#coupon_code{display:block!important;width:min(260px,100%)!important;min-width:170px!important;height:51px!important;padding:12px 15px!important;font-size:14px!important;border:1px solid #bbb!important;border-radius:9px!important;flex:1}
.woocommerce-cart .coupon button[name="apply_coupon"]{height:51px!important;min-height:51px!important;border-radius:9px!important;padding:12px 18px!important}
.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]{margin:13px 0 0!important;border-radius:9px!important}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-size:14px!important;min-height:53px!important;display:flex!important;align-items:center;justify-content:center;border-radius:10px!important}
.ercc-cart-note td{border:0!important;padding:11px 0 0!important}
.ercc-cart-note span{display:block;font-size:11px;line-height:1.5;font-weight:400;opacity:.65}
.ercc-cart-lead h2{font-size:clamp(22px,2.6vw,33px);margin:6px 0 8px;letter-spacing:-.035em}
.ercc-cart-lead p{font-size:13px;margin:0;opacity:.72;max-width:670px}
.ercc-cart-help{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;padding:16px 18px;margin:16px 0 0;background:#f6f6f5;border:1px solid #e5e5e5;border-radius:12px;font-size:12px}
.ercc-cart-help strong{font-size:13px}
.ercc-cart-help span{opacity:.72;flex:1 1 270px}
.ercc-cart-help a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.ercc-cross-sell{margin:30px 0 4px}
.ercc-cross-sell h2{font-size:26px;margin:5px 0 8px}
.ercc-cross-sell>p{max-width:680px;opacity:.7;font-size:12px}
.ercc-cross-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.ercc-cross-card{padding:12px;border-radius:14px;border:1px solid #ddd;min-width:0}
.ercc-cross-card a{text-decoration:none}
.ercc-cross-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f7f7f6;border-radius:10px}
.ercc-cross-card strong{font-size:12px;line-height:1.5;display:block;margin-top:9px}
.ercc-cross-price{font-size:12px;font-weight:700;margin-top:8px}
.ercc-cross-link{display:inline-block;font-size:12px;text-decoration:underline!important;margin-top:5px}
.ercc-after-cart-guide,.ercc-empty-guide{padding:28px;border:1px solid #e2e2e2;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.ercc-after-cart-guide strong{font-size:19px}
.ercc-after-cart-guide p,.ercc-empty-guide p{font-size:13px;opacity:.72;line-height:1.65;margin:6px 0 0;max-width:570px}
.ercc-empty-guide{display:block;margin-top:20px}
.ercc-empty-guide h2{font-size:24px;letter-spacing:-.04em;margin:0}
.ercc-link-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ercc-link-row a{font-size:12px;border:1px solid #999;border-radius:8px;padding:10px 13px;text-decoration:none!important;white-space:nowrap}
.ercc-link-row a:hover{background:#eee}
.ercc-empty-guide .ercc-link-row{margin-top:20px}
.ercc-cart-mobile-dock{display:none}
/* Checkout: clear hierarchy, realistic form fields, no checkout API replacement */
.woocommerce-checkout main.er-woocommerce{max-width:1280px}
.woocommerce-checkout form.checkout.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);align-items:start;column-gap:clamp(26px,4vw,64px);row-gap:10px}
.woocommerce-checkout form.checkout>#customer_details{grid-column:1;grid-row:1/span 3;width:100%;margin:0}
.woocommerce-checkout form.checkout>#order_review_heading{grid-column:2;grid-row:1;align-self:end;font-size:21px;margin:0 0 2px;letter-spacing:-.025em}
.woocommerce-checkout form.checkout>#order_review{grid-column:2;grid-row:2/span 3;width:100%!important;float:none!important;min-width:0}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{float:none!important;width:100%!important;max-width:none!important}
.woocommerce-checkout #customer_details .woocommerce-billing-fields{border:1px solid #e5e5e5;border-radius:16px;padding:clamp(18px,2vw,30px);background:#fff}
.woocommerce-checkout #customer_details .woocommerce-billing-fields h3,.woocommerce-checkout #customer_details .woocommerce-shipping-fields h3{font-size:20px!important;letter-spacing:-.025em;margin:0 0 18px!important}
.woocommerce-checkout #customer_details .woocommerce-billing-fields__field-wrapper,.woocommerce-checkout #customer_details .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:9px}
.woocommerce-checkout #customer_details :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper)>.form-row{float:none!important;clear:none!important;width:100%!important;max-width:100%!important;margin:0!important;min-width:0}
.woocommerce-checkout #customer_details :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper)>.form-row:not(#billing_first_name_field,#billing_last_name_field,#billing_postcode_field,#billing_city_field,#billing_email_field,#billing_phone_field,#shipping_first_name_field,#shipping_last_name_field,#shipping_postcode_field,#shipping_city_field){grid-column:1/-1}
.woocommerce-checkout #customer_details .form-row label{display:block!important;font-size:12px!important;font-weight:650!important;margin-bottom:5px}
.woocommerce-checkout #customer_details .form-row input.input-text,
.woocommerce-checkout #customer_details .form-row select,
.woocommerce-checkout #customer_details .form-row .select2-selection--single{height:47px!important;min-height:47px!important;border:1px solid #d3d3d3!important;border-radius:9px!important;padding:10px 12px!important;background:#fff;color:#191919;font-size:13px!important}
.woocommerce-checkout #customer_details .form-row .select2-selection--single{padding:7px!important}
.woocommerce-checkout #customer_details .form-row textarea{min-height:90px!important;border-radius:9px!important;font-size:13px!important}
.woocommerce-checkout #order_review{border:1px solid #e5e5e5!important;background:#fafafa;border-radius:16px!important;padding:23px!important}
.woocommerce-checkout #order_review .shop_table{margin-bottom:16px;border-radius:10px!important}
.woocommerce-checkout #payment{background:transparent!important;border-radius:10px!important}
.woocommerce-checkout #payment .payment_box{border-radius:9px}
.woocommerce-checkout #payment #place_order{min-height:54px;border-radius:10px!important;font-size:14px!important;font-weight:700!important}
.woocommerce-checkout .woocommerce-additional-fields{border:1px solid #e5e5e5;border-radius:15px;margin-top:16px;padding:18px}
.woocommerce-checkout #ship-to-different-address{font-size:15px!important;margin:18px 0 8px!important}
.woocommerce-checkout #ship-to-different-address label{display:flex!important;align-items:center;gap:8px;font-weight:650!important;font-size:13px!important}
.woocommerce-checkout #ship-to-different-address-checkbox{width:17px;height:17px;accent-color:#111}
.woocommerce-checkout .ercc-ship-closed .shipping_address{display:none!important}
.ercc-checkout-intro{margin:2px 0 20px}
.ercc-checkout-intro h2{font-size:24px;margin:5px 0;letter-spacing:-.03em}
.ercc-checkout-intro p{font-size:12px;opacity:.68;margin:5px 0}
.ercc-optional{grid-column:1/-1;border:1px solid #e0e0e0;border-radius:9px;margin-top:4px;padding:0}
.ercc-optional summary{display:block;cursor:pointer;font-size:12px;font-weight:650;padding:12px 15px;list-style:none}
.ercc-optional summary:before{content:'+';display:inline-block;width:20px;font-size:16px}
.ercc-optional[open] summary:before{content:'−'}
.ercc-optional summary::-webkit-details-marker{display:none}
.ercc-optional-fields{padding:8px 14px 15px;display:grid;gap:8px}
.ercc-optional-fields>.form-row{width:100%!important;float:none!important;margin:0!important}
.ercc-payment-context{display:flex;gap:3px;flex-direction:column;border-top:1px solid #ddd;padding:12px 0;margin-top:4px;font-size:12px}
.ercc-payment-context strong{font-weight:700}
.ercc-payment-context span{opacity:.66;line-height:1.5}
html[data-er-theme="dark"] .woocommerce-checkout #customer_details .woocommerce-billing-fields,
html[data-er-theme="dark"] .woocommerce-checkout #order_review,
html[data-er-theme="dark"] .woocommerce-checkout .woocommerce-additional-fields,
html[data-er-theme="dark"] .ercc-after-cart-guide,
html[data-er-theme="dark"] .ercc-cross-card,
html[data-er-theme="dark"] .ercc-empty-guide{background:#171717!important;color:#f2f2f2!important;border-color:#444!important}
html[data-er-theme="dark"] .ercc-cart-help{background:#222;color:#eee;border-color:#444}
html[data-er-theme="dark"] .ercc-link-row a{color:#fff;border-color:#888}
html[data-er-theme="dark"] .woocommerce-checkout #customer_details input,
html[data-er-theme="dark"] .woocommerce-checkout #customer_details select{background:#242424!important;color:#fff!important;border-color:#555!important}
@media(max-width:1040px){
 .woocommerce-cart .woocommerce:has(form.woocommerce-cart-form){grid-template-columns:1fr}
 .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals{grid-column:1}
 .woocommerce-cart .cart-collaterals .cart_totals{position:static}
 .woocommerce-checkout form.checkout.woocommerce-checkout{grid-template-columns: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}
}
@media(max-width:700px){
 .woocommerce-cart .woocommerce-cart-form .shop_table{display:block!important;overflow-x:auto}
 .woocommerce-cart .coupon{align-items:stretch}
 .woocommerce-cart .coupon input#coupon_code{min-width:0!important;width:100%!important}
 .woocommerce-cart .coupon button[name="apply_coupon"]{width:100%}
 .ercc-cross-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ercc-after-cart-guide{align-items:stretch;flex-direction:column}
 .ercc-link-row{width:100%}
 .ercc-link-row a{flex:1;text-align:center}
 .woocommerce-checkout #customer_details .woocommerce-billing-fields{padding:18px}
 .woocommerce-checkout #customer_details :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper){column-gap:9px}
 .woocommerce-checkout #customer_details :is(#billing_email_field,#billing_phone_field,#shipping_email_field,#shipping_phone_field){grid-column:1/-1}
 .ercc-cart-mobile-dock{position:fixed;z-index:90;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;box-shadow:0 -8px 24px #0001;padding:10px 16px;display:flex;align-items:center;gap:13px}
 .ercc-cart-mobile-dock[hidden]{display:none!important}
 .ercc-cart-mobile-dock strong{font-size:13px;white-space:nowrap}
 .ercc-cart-mobile-dock a{margin-left:auto;background:#111;color:#fff!important;border-radius:8px;padding:11px 15px;font-size:12px;text-decoration:none;white-space:nowrap}
 html[data-er-theme="dark"] .ercc-cart-mobile-dock{background:#1a1a1a;color:#fff}
 html[data-er-theme="dark"] .ercc-cart-mobile-dock a{background:#fff;color:#111!important}
}


/* Checkout structure: ensure the intro is in the left column before form fields. */
@media(min-width:1041px){
 .woocommerce-checkout form.checkout.woocommerce-checkout>.ercc-checkout-intro{grid-column:1;grid-row:1;align-self:end}
 .woocommerce-checkout form.checkout.woocommerce-checkout>#customer_details{grid-column:1;grid-row:2/span 3}
 .woocommerce-checkout form.checkout.woocommerce-checkout>#order_review_heading{grid-column:2;grid-row:1;align-self:end}
 .woocommerce-checkout form.checkout.woocommerce-checkout>#order_review{grid-column:2;grid-row:2/span 3}
}
@media(max-width:1040px){
 .woocommerce-checkout form.checkout.woocommerce-checkout>.ercc-checkout-intro{grid-column:1;grid-row:auto}
 .woocommerce-checkout form.checkout.woocommerce-checkout>#customer_details,
 .woocommerce-checkout form.checkout.woocommerce-checkout>#order_review_heading,
 .woocommerce-checkout form.checkout.woocommerce-checkout>#order_review{grid-column:1;grid-row:auto}
}
@media(min-width:801px) and (max-width:1199px){
 .er-site-header .er-primary-nav{display:block}
 .er-site-header .er-nav-list{justify-content:center}
}


/* V1.2: remove duplicate empty-cart CTA and reveal notes only when requested. */
.woocommerce-cart:has(.ercc-empty-guide) .return-to-shop{display:none!important}
.woocommerce-checkout .ercc-order-notes{margin:0;border-radius:10px}
.woocommerce-checkout .ercc-order-notes>.ercc-optional-fields{padding:6px 15px 14px}
.woocommerce-checkout .ercc-order-notes textarea{min-height:84px!important}
.woocommerce-checkout .woocommerce-additional-fields:has(.ercc-order-notes)>h3{display:none!important}
