*{box-sizing:border-box}html{background:var(--gmcc-bg)}body.gmcc-active{margin:0!important;background:var(--gmcc-bg)!important;color:#f5f5f5!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}body.gmcc-active a{text-decoration:none}.gmcc-app{min-height:100vh;background:var(--gmcc-bg);padding-bottom:max(24px,env(safe-area-inset-bottom))}.gmcc-header{height:82px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.gmcc-brand{display:inline-flex;align-items:center}.gmcc-logo{max-width:220px;max-height:42px;width:auto;height:auto}.gmcc-wordmark{font-size:29px;font-weight:900;letter-spacing:-1.5px;color:#fff}.gmcc-security,.gmcc-continue{font-size:13px;color:#aaa!important;display:flex;gap:7px;align-items:center}.gmcc-security-icon{width:18px;height:18px;border:1px solid #35543d;border-radius:50%;display:inline-grid!important;place-items:center;flex:0 0 18px;color:#7ee193!important;font-size:12px!important;font-weight:900;line-height:1!important}.gmcc-benefits{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;justify-content:center;gap:36px;border-bottom:1px solid rgba(255,255,255,.06);color:#b8b8b8;font-size:12px}.gmcc-benefits span{display:flex;align-items:center;gap:6px;white-space:nowrap}.gmcc-benefits i{font-style:normal;color:#75d58a}.gmcc-main{max-width:1180px;margin:0 auto;padding:32px 24px 56px}.gmcc-footer{max-width:1180px;margin:0 auto;padding:20px 24px;text-align:center;color:#777;font-size:11px;border-top:1px solid rgba(255,255,255,.06)}
/* Woo notices */
.gmcc-active .woocommerce-notices-wrapper{max-width:760px;margin:0 0 18px}.gmcc-active .woocommerce-error,.gmcc-active .woocommerce-info,.gmcc-active .woocommerce-message{list-style:none;margin:0 0 12px!important;padding:13px 16px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:#1c1d1d!important;color:#eee!important;font-size:13px!important}.gmcc-active .woocommerce-error{border-color:rgba(255,90,90,.45)!important}
/* Checkout */
.gmcc-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}.gmcc-checkout-left{min-width:0}.gmcc-section,.gmcc-order-card,.gmcc-cart-card,.gmcc-summary-card{background:var(--gmcc-surface);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.gmcc-section{padding:24px;margin-bottom:20px}.gmcc-step-title{display:flex;gap:13px;align-items:center;margin-bottom:22px}.gmcc-step-title>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-weight:800;font-size:13px;flex:0 0 auto}.gmcc-step-title b{display:block;font-size:17px;color:#fff}.gmcc-step-title small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#858585}.gmcc-active .woocommerce-billing-fields>h3,.gmcc-active .woocommerce-shipping-fields>h3{display:none}.gmcc-active .woocommerce-billing-fields__field-wrapper,.gmcc-active .woocommerce-shipping-fields__field-wrapper,.gmcc-active .woocommerce-additional-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:0 12px}.gmcc-active .form-row{float:none!important;width:100%!important;margin:0 0 14px!important;padding:0!important}.gmcc-active .form-row-first,.gmcc-active .form-row-last{width:calc(50% - 6px)!important}.gmcc-active .form-row label{display:block!important;color:#bdbdbd!important;font-size:12px!important;font-weight:650!important;margin:0 0 7px!important}.gmcc-active .form-row label .required{color:#aaa!important}.gmcc-active input.input-text,.gmcc-active textarea,.gmcc-active select,.gmcc-active .select2-container .select2-selection--single{width:100%!important;min-height:48px!important;border:1px solid #393a3a!important;border-radius:9px!important;background:#111212!important;color:#fff!important;box-shadow:none!important;padding:0 13px!important;font-size:15px!important;outline:0!important}.gmcc-active textarea{padding-top:12px!important}.gmcc-active input.input-text:focus,.gmcc-active textarea:focus,.gmcc-active .select2-container--focus .select2-selection--single{border-color:#777!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}.gmcc-active .select2-container .select2-selection--single{display:flex!important;align-items:center}.gmcc-active .select2-selection__rendered{color:#fff!important;padding-left:0!important}.gmcc-active .select2-selection__arrow{top:10px!important}.gmcc-active .gmcc-optional-secondary{opacity:.82}.gmcc-active #ship-to-different-address{font-size:13px;margin:4px 0 16px}.gmcc-active #order_comments_field{margin-top:8px!important}
.gmcc-order-panel{position:sticky;top:18px}.gmcc-order-card{padding:22px}.gmcc-order-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.gmcc-order-heading b{font-size:16px}.gmcc-order-heading a{font-size:12px;color:#aaa!important;text-decoration:underline}.gmcc-active .woocommerce-checkout-review-order-table{width:100%!important;border:0!important;border-collapse:collapse!important;background:transparent!important;color:#eee!important}.gmcc-active .woocommerce-checkout-review-order-table th,.gmcc-active .woocommerce-checkout-review-order-table td{border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:13px 0!important;background:transparent!important;color:#ddd!important;font-size:13px!important}.gmcc-active .woocommerce-checkout-review-order-table thead{display:none}.gmcc-active .woocommerce-checkout-review-order-table .product-name{padding-right:12px!important}.gmcc-active .woocommerce-checkout-review-order-table tfoot .order-total th,.gmcc-active .woocommerce-checkout-review-order-table tfoot .order-total td{font-size:16px!important;font-weight:800!important;color:#fff!important;border-bottom:0!important;padding-top:17px!important}.gmcc-active .woocommerce-Price-amount{color:inherit!important}.gmcc-mini-trust{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:14px;color:#777;font-size:11px}.gmcc-mini-trust span{color:#75d58a}
/* payment: deliberately isolate light gateway UIs without forcing text colors inside secure iframes */
.gmcc-active #payment{background:transparent!important;border:0!important}.gmcc-active #payment ul.payment_methods{padding:0!important;border:0!important;list-style:none!important}.gmcc-active #payment ul.payment_methods>li{margin:0 0 10px!important;padding:0!important;border:1px solid #343535!important;border-radius:12px!important;background:#111212!important;overflow:hidden}.gmcc-active #payment ul.payment_methods>li>label{display:block!important;padding:15px 16px!important;color:#f3f3f3!important;font-size:14px!important;font-weight:750!important;cursor:pointer}.gmcc-active #payment ul.payment_methods>li>input[type=radio]{margin-left:16px!important}.gmcc-active #payment .payment_box{margin:0!important;padding:18px!important;background:#fff!important;color:#333!important;border-radius:0!important}.gmcc-active #payment .payment_box:before{display:none!important}.gmcc-active #payment .payment_box p,.gmcc-active #payment .payment_box label,.gmcc-active #payment .payment_box small,.gmcc-active #payment .payment_box strong{color:#555!important}.gmcc-active #payment .payment_box input:not([type=radio]):not([type=checkbox]),.gmcc-active #payment .payment_box select{background:#fff!important;color:#333!important;border:1px solid #c9c9c9!important}.gmcc-active #payment .place-order{padding:16px 0 0!important;margin:0!important}.gmcc-active #place_order{width:100%!important;min-height:54px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#0c0d0d!important;font-size:15px!important;font-weight:900!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important;transition:transform .12s ease,opacity .12s ease}.gmcc-active #place_order:hover{opacity:.92}.gmcc-active #place_order:active{transform:scale(.99)}.gmcc-active .woocommerce-terms-and-conditions-wrapper{font-size:11px!important;color:#888!important}.gmcc-active .woocommerce-terms-and-conditions-wrapper a{color:#bbb!important;text-decoration:underline}
/* Order bump */
.gmcc-bump{margin:0 0 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#181919;overflow:hidden}.gmcc-bump-head{padding:11px 13px;border-bottom:1px dashed rgba(255,255,255,.13);display:flex;align-items:center;gap:9px}.gmcc-bump-head strong{font-size:13px}.gmcc-bump-badge{font-size:9px;font-weight:900;letter-spacing:.4px;background:#fff;color:#111;padding:4px 6px;border-radius:5px}.gmcc-bump-body{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:12px}.gmcc-bump-image img{width:58px;height:58px;object-fit:cover;border-radius:8px}.gmcc-bump-info b{display:block;font-size:12px}.gmcc-bump-info p{margin:3px 0!important;font-size:10px!important;color:#888!important}.gmcc-bump-price{font-size:12px;font-weight:800}.gmcc-switch{display:flex!important;flex-direction:column;align-items:center;gap:4px!important;cursor:pointer}.gmcc-switch input{position:absolute;opacity:0;pointer-events:none}.gmcc-switch span{width:36px;height:20px;border-radius:20px;background:#404141;position:relative;transition:.2s}.gmcc-switch span:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.gmcc-switch input:checked+span{background:#4bbf68}.gmcc-switch input:checked+span:after{transform:translateX(16px)}.gmcc-switch em{font-style:normal;font-size:9px;color:#aaa}
.gmcc-mobile-order-toggle,.gmcc-mobile-sticky{display:none}
/* Cart */
.gmcc-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.gmcc-cart-card{padding:24px}.gmcc-cart-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.gmcc-kicker{font-size:10px;letter-spacing:1px;color:#888;font-weight:800}.gmcc-cart-title h1{margin:3px 0 0!important;font-size:24px!important;color:#fff!important}.gmcc-cart-count{font-size:12px;color:#777}.gmcc-cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:opacity .15s}.gmcc-cart-item.is-updating{opacity:.5;pointer-events:none}.gmcc-cart-thumb img{width:90px;height:90px;object-fit:cover;border-radius:10px;background:#fff}.gmcc-cart-name a,.gmcc-cart-name{font-size:14px;font-weight:800;color:#fff!important}.gmcc-cart-meta{font-size:11px;color:#777;margin-top:4px}.gmcc-cart-meta p{margin:0!important}.gmcc-cart-unit{font-size:12px;color:#9a9a9a;margin:7px 0}.gmcc-qty{display:inline-grid;grid-template-columns:32px 38px 32px;align-items:center;border:1px solid #3b3c3c;border-radius:8px;overflow:hidden}.gmcc-qty button,.gmcc-qty input{height:32px!important;min-height:32px!important;border:0!important;background:#111!important;color:#fff!important;text-align:center!important;padding:0!important;margin:0!important;border-radius:0!important}.gmcc-qty input{-moz-appearance:textfield}.gmcc-qty input::-webkit-outer-spin-button,.gmcc-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gmcc-cart-line{text-align:right;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.gmcc-cart-line strong{font-size:14px}.gmcc-remove{border:0;background:none;color:#777;font-size:11px;text-decoration:underline;cursor:pointer;padding:0}.gmcc-coupon{margin-top:14px}.gmcc-coupon-toggle{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#aaa;padding:10px 0;font-size:12px;cursor:pointer;text-align:left}.gmcc-coupon-form{display:grid;grid-template-columns:1fr auto;gap:8px}.gmcc-coupon-form input{min-height:42px;border:1px solid #393a3a;border-radius:8px;background:#111;color:#fff;padding:0 12px}.gmcc-coupon-form button{border:1px solid #555;border-radius:8px;background:#202121;color:#fff;padding:0 16px;font-weight:700}.gmcc-cart-summary{position:sticky;top:18px}.gmcc-summary-card{padding:22px}.gmcc-summary-card h2{font-size:17px!important;color:#fff!important;margin:0 0 12px!important}.gmcc-active .cart_totals{width:100%!important;float:none!important}.gmcc-active .cart_totals h2{display:none}.gmcc-active .cart_totals table{width:100%;border:0!important;background:transparent!important}.gmcc-active .cart_totals th,.gmcc-active .cart_totals td{border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:12px 0!important;background:transparent!important;color:#bbb!important;font-size:12px!important}.gmcc-active .cart_totals .order-total th,.gmcc-active .cart_totals .order-total td{color:#fff!important;font-size:16px!important;border-bottom:0!important}.gmcc-active .wc-proceed-to-checkout{display:none!important}.gmcc-checkout-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;margin-top:10px;border-radius:10px;background:#fff;color:#111!important;font-weight:900;font-size:14px}.gmcc-active .woocommerce-shipping-calculator a{color:#ccc!important;font-size:11px!important}
@media(max-width:900px){.gmcc-checkout-grid,.gmcc-cart-layout{grid-template-columns:1fr}.gmcc-order-panel,.gmcc-cart-summary{position:static}.gmcc-order-panel{display:none}.gmcc-order-panel.gmcc-mobile-open{display:block}.gmcc-mobile-order-toggle{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:50;margin:-32px -24px 22px;padding:14px 24px;background:#181919;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.gmcc-mobile-order-toggle>span:first-child{color:#aaa}.gmcc-mobile-order-toggle strong{margin-left:auto;color:#fff}.gmcc-mobile-order-toggle .woocommerce-Price-amount{color:#fff!important}.gmcc-chevron{color:#777}.gmcc-order-panel.gmcc-mobile-open{margin-bottom:18px}.gmcc-cart-summary{order:-1}.gmcc-summary-card{padding:18px}}
@media(max-width:768px){.gmcc-header{height:68px;padding:0 16px}.gmcc-logo{max-width:180px;max-height:34px}.gmcc-wordmark{font-size:24px}.gmcc-security{font-size:0}.gmcc-security span{font-size:16px}.gmcc-benefits{padding:10px 16px;justify-content:flex-start;gap:18px;overflow:auto;scrollbar-width:none}.gmcc-benefits::-webkit-scrollbar{display:none}.gmcc-main{padding:24px 12px 92px}.gmcc-mobile-order-toggle{margin:-24px -12px 16px;padding:13px 14px}.gmcc-section,.gmcc-order-card,.gmcc-cart-card,.gmcc-summary-card{border-radius:13px}.gmcc-section{padding:18px 14px;margin-bottom:12px}.gmcc-step-title{margin-bottom:18px}.gmcc-step-title b{font-size:15px}.gmcc-active .form-row-first,.gmcc-active .form-row-last{width:100%!important}.gmcc-active input.input-text,.gmcc-active textarea,.gmcc-active select,.gmcc-active .select2-container .select2-selection--single{min-height:50px!important;font-size:16px!important}.gmcc-active #payment ul.payment_methods>li>label{padding:15px 12px!important}.gmcc-active #payment ul.payment_methods>li>input[type=radio]{margin-left:12px!important}.gmcc-active #payment .payment_box{padding:14px!important}.gmcc-mobile-sticky{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:9999;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(20,21,21,.97);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.gmcc-mobile-sticky[hidden]{display:none!important}.gmcc-mobile-sticky small{display:block;font-size:9px;color:#777}.gmcc-mobile-sticky strong{display:block;font-size:14px}.gmcc-mobile-sticky .woocommerce-Price-amount{color:#fff!important}.gmcc-sticky-place{min-width:168px;min-height:46px;border:0;border-radius:9px;background:#fff;color:#111;font-size:13px;font-weight:900}.gmcc-cart-card{padding:18px 14px}.gmcc-cart-title h1{font-size:20px!important}.gmcc-cart-item{grid-template-columns:72px 1fr;gap:12px;padding:15px 0}.gmcc-cart-thumb img{width:72px;height:72px}.gmcc-cart-line{grid-column:2;flex-direction:row;align-items:center}.gmcc-cart-line strong{order:2}.gmcc-bump-body{grid-template-columns:50px 1fr auto}.gmcc-bump-image img{width:50px;height:50px}.gmcc-footer{padding-bottom:90px}.gmcc-continue{font-size:11px}}
/* Delivery step layout: fields moved out of the WooCommerce billing wrapper need their own grid. */
.gmcc-active #gmcc-delivery-fields{display:flex;flex-wrap:wrap;gap:0 12px;align-items:flex-start}
.gmcc-active #gmcc-delivery-fields .form-row{width:100%!important}
.gmcc-active #gmcc-delivery-fields #billing_address_2_field,
.gmcc-active #gmcc-delivery-fields #billing_neighborhood_field,
.gmcc-active #gmcc-delivery-fields #billing_city_field,
.gmcc-active #gmcc-delivery-fields #billing_state_field,
.gmcc-active #gmcc-delivery-fields #billing_country_field,
.gmcc-active #gmcc-delivery-fields #shipping_address_2_field,
.gmcc-active #gmcc-delivery-fields #shipping_neighborhood_field,
.gmcc-active #gmcc-delivery-fields #shipping_city_field,
.gmcc-active #gmcc-delivery-fields #shipping_state_field,
.gmcc-active #gmcc-delivery-fields #shipping_country_field{width:calc(50% - 6px)!important}
.gmcc-active #gmcc-delivery-fields #billing_postcode_field,
.gmcc-active #gmcc-delivery-fields #shipping_postcode_field,
.gmcc-active #gmcc-delivery-fields #billing_country_field,
.gmcc-active #gmcc-delivery-fields #shipping_country_field{width:100%!important}
.gmcc-active #gmcc-delivery-fields #billing_address_1_field,
.gmcc-active #gmcc-delivery-fields #shipping_address_1_field{width:calc(75% - 6px)!important}
.gmcc-active #gmcc-delivery-fields #billing_number_field,
.gmcc-active #gmcc-delivery-fields #shipping_number_field{width:calc(25% - 6px)!important}
@media(max-width:768px){.gmcc-active #gmcc-delivery-fields .form-row{width:100%!important}}
/* Three-step conversion flow */
.gmcc-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:0 0 18px;padding:0 4px}.gmcc-progress-step{appearance:none;border:0;background:transparent;color:#6f7070;padding:0;display:flex;align-items:center;gap:8px;font:inherit;cursor:pointer}.gmcc-progress-step:disabled{cursor:default}.gmcc-progress-step em{font-style:normal;font-size:12px;font-weight:750;white-space:nowrap}.gmcc-progress-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #3c3d3d;background:#151616;color:#888;font-size:11px;font-weight:900;transition:.18s ease}.gmcc-progress>i{height:1px;background:#303131;transition:.18s ease}.gmcc-progress-step.is-active{color:#fff}.gmcc-progress-step.is-active .gmcc-progress-dot{background:#fff;color:#111;border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.05)}.gmcc-progress-step.is-complete{color:#b8b8b8}.gmcc-progress-step.is-complete .gmcc-progress-dot{background:#202221;color:#7ee193;border-color:#35543d}.gmcc-progress>i.is-complete{background:#466a4f}.gmcc-step-panel[hidden]{display:none!important}.gmcc-step-panel.is-active{animation:gmccStepIn .18s ease both}@keyframes gmccStepIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.gmcc-step-fields:after{content:"";display:block;clear:both}.gmcc-step-next{width:100%;min-height:52px;border:0;border-radius:10px;background:#fff;color:#111;font-size:14px;font-weight:900;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:opacity .12s ease,transform .12s ease}.gmcc-step-next:hover{opacity:.93}.gmcc-step-next:active{transform:scale(.995)}.gmcc-step-next:disabled{opacity:.55;cursor:wait}.gmcc-step-next.is-loading span{animation:gmccArrowPulse .7s ease infinite alternate}@keyframes gmccArrowPulse{to{transform:translateX(4px)}}.gmcc-step-actions{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:10px;align-items:center;margin-top:4px}.gmcc-step-back{min-height:48px;border:1px solid #363737;border-radius:9px;background:#171818;color:#aaa;font-size:12px;font-weight:700;padding:0 15px;cursor:pointer}.gmcc-step-back:hover{color:#fff;border-color:#555}.gmcc-payment-back{width:100%;margin-top:10px}.gmcc-step-error{margin:0 0 16px;padding:11px 13px;border:1px solid rgba(255,90,90,.38);border-radius:9px;background:rgba(160,34,34,.12);color:#ffb7b7;font-size:12px}.gmcc-subheading{display:block;margin:5px 0 10px;color:#ddd;font-size:12px}.gmcc-shipping-methods{margin:4px 0 16px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#111212}.gmcc-shipping-methods[hidden]{display:none!important}.gmcc-shipping-table{width:100%;border:0!important;border-collapse:collapse!important;background:transparent!important}.gmcc-shipping-table th,.gmcc-shipping-table td{display:block!important;width:100%!important;border:0!important;padding:0!important;background:transparent!important;color:#ddd!important}.gmcc-shipping-table th{display:none!important}.gmcc-shipping-table ul#shipping_method{margin:0!important;padding:0!important;list-style:none!important}.gmcc-shipping-table ul#shipping_method li{margin:0 0 8px!important;padding:12px!important;border:1px solid #343535;border-radius:9px;background:#181919;color:#eee!important}.gmcc-shipping-table ul#shipping_method li:last-child{margin-bottom:0!important}.gmcc-shipping-table ul#shipping_method label{color:#eee!important;font-size:13px!important;cursor:pointer}.gmcc-shipping-table .woocommerce-shipping-destination,.gmcc-shipping-table .woocommerce-shipping-calculator,.gmcc-shipping-table p{color:#888!important;font-size:11px!important}.gmcc-shipping-summary-copy th,.gmcc-shipping-summary-copy td{font-size:12px!important;color:#bbb!important}.gmcc-shipping-summary-copy td{text-align:right}.gmcc-shipping .woocommerce-additional-fields{margin-top:10px}.gmcc-shipping:empty{display:none}.gmcc-active .woocommerce-invalid input.input-text,.gmcc-active .woocommerce-invalid select,.gmcc-active .woocommerce-invalid .select2-selection--single{border-color:#cf6666!important;box-shadow:0 0 0 3px rgba(207,102,102,.08)!important}
@media(max-width:768px){.gmcc-progress{gap:6px;margin-bottom:14px;padding:0 2px}.gmcc-progress-step{gap:5px}.gmcc-progress-step em{font-size:10px}.gmcc-progress-dot{width:25px;height:25px;font-size:10px}.gmcc-step-actions{grid-template-columns:1fr}.gmcc-step-actions .gmcc-step-back{order:2}.gmcc-step-actions .gmcc-step-next{order:1}.gmcc-step-next{min-height:50px;font-size:13px}.gmcc-step-back{min-height:44px}.gmcc-shipping-methods{padding:11px}.gmcc-payment-back{margin-top:8px}}
/* 1.1.4: payment method header alignment */
/* Keep each gateway radio, title and icon on one visually centered header row. */
.gmcc-active #payment ul.payment_methods>li{
position:relative!important;
}
.gmcc-active #payment ul.payment_methods>li>input[type=radio]{
position:absolute!important;
left:16px!important;
top:27px!important;
width:18px!important;
height:18px!important;
margin:0!important;
transform:translateY(-50%)!important;
z-index:2!important;
}
.gmcc-active #payment ul.payment_methods>li>label{
min-height:54px!important;
padding:14px 16px 14px 52px!important;
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:10px!important;
line-height:1.25!important;
margin:0!important;
}
.gmcc-active #payment ul.payment_methods>li>label img{
display:block!important;
float:none!important;
margin:0!important;
max-height:32px!important;
width:auto!important;
object-fit:contain!important;
vertical-align:middle!important;
}
@media(max-width:768px){
.gmcc-active #payment ul.payment_methods>li>input[type=radio]{left:12px!important;top:26px!important}
.gmcc-active #payment ul.payment_methods>li>label{min-height:52px!important;padding:13px 12px 13px 46px!important;gap:8px!important}
.gmcc-active #payment ul.payment_methods>li>label img{max-height:28px!important}
}
/* v1.1.7: checkout cleanup */
.gmcc-active .woocommerce-additional-fields,.gmcc-active #order_comments_field{display:none!important}
/* 1.1.9: final progress alignment — exact adjustment confirmed in the browser. */
.gmcc-checkout-left .gmcc-progress i{
margin-bottom:15px !important;
}
/* Security lock icon: pure CSS, no emoji or external font dependency. */
.gmcc-lock-icon{
position:relative !important;
display:inline-block !important;
width:16px !important;
height:13px !important;
flex:0 0 16px !important;
margin-right:8px !important;
border:2px solid #75d58a !important;
border-radius:3px !important;
color:#75d58a !important;
background:transparent !important;
box-sizing:border-box !important;
vertical-align:middle !important;
}
.gmcc-lock-icon::before{
content:"" !important;
position:absolute !important;
left:50% !important;
top:-8px !important;
width:9px !important;
height:8px !important;
transform:translateX(-50%) !important;
border:2px solid currentColor !important;
border-bottom:0 !important;
border-radius:6px 6px 0 0 !important;
box-sizing:border-box !important;
}
.gmcc-lock-icon::after{
content:"" !important;
position:absolute !important;
left:50% !important;
top:4px !important;
width:2px !important;
height:4px !important;
transform:translateX(-50%) !important;
border-radius:2px !important;
background:currentColor !important;
}
.gmcc-security,.gmcc-mini-trust{
display:flex !important;
align-items:center !important;
}
.gmcc-security .gmcc-lock-icon,.gmcc-mini-trust .gmcc-lock-icon{
font-size:0 !important;
}
/* 1.1.10: refined security-lock proportions. */
.gmcc-security .gmcc-lock-icon{
width:15px !important;
height:12px !important;
flex-basis:15px !important;
border-width:1.5px !important;
margin-right:3px !important;
}
.gmcc-security .gmcc-lock-icon::before{
top:-7px !important;
width:8px !important;
height:7px !important;
border-width:1.5px !important;
}
.gmcc-security .gmcc-lock-icon::after{
top:3px !important;
width:1.5px !important;
height:3px !important;
}
.gmcc-mini-trust .gmcc-lock-icon{
width:11px !important;
height:9px !important;
flex-basis:11px !important;
border-width:1px !important;
border-radius:2px !important;
margin-right:2px !important;
}
.gmcc-mini-trust .gmcc-lock-icon::before{
top:-5px !important;
width:6px !important;
height:5px !important;
border-width:1px !important;
}
.gmcc-mini-trust .gmcc-lock-icon::after{
top:2px !important;
width:1px !important;
height:2.5px !important;
}
/* 1.1.10: transparent-style payment UI.
* Make gateway forms visually belong to GMCC instead of looking embedded.
* Secure iframes keep their own internal security boundary; their containers
* and any styleable fields receive the same surface, border and typography.
*/
.gmcc-active #payment ul.payment_methods>li{
background:#111212 !important;
border-color:#343535 !important;
}
.gmcc-active #payment ul.payment_methods>li:has(>input[type=radio]:checked){
border-color:#565858 !important;
background:#141515 !important;
}
.gmcc-active #payment .payment_box,
.gmcc-active #payment .payment_box.payment_method_woo-mercado-pago-custom,
.gmcc-active #payment .payment_box.payment_method_woo-mercado-pago-basic,
.gmcc-active #payment .payment_box.payment_method_woo-mercado-pago-ticket{
background:#141515 !important;
color:#d7d7d7 !important;
border-top:1px solid #2f3030 !important;
padding:18px 16px 16px !important;
}
.gmcc-active #payment .payment_box p,
.gmcc-active #payment .payment_box label,
.gmcc-active #payment .payment_box small,
.gmcc-active #payment .payment_box strong,
.gmcc-active #payment .payment_box span:not(.select2-selection__arrow):not(.woocommerce-Price-amount),
.gmcc-active #payment .payment_box legend{
color:#bdbdbd !important;
}
.gmcc-active #payment .payment_box label{
font-size:12px !important;
font-weight:650 !important;
}
/* Standard gateway controls + Mercado Pago transparent checkout controls. */
.gmcc-active #payment .payment_box input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]),
.gmcc-active #payment .payment_box select,
.gmcc-active #payment .payment_box textarea,
.gmcc-active #payment .payment_box .select2-selection,
.gmcc-active #payment .payment_box .mp-input,
.gmcc-active #payment .payment_box .mp-form-control,
.gmcc-active #payment .payment_box .mp-input-wrapper,
.gmcc-active #payment .payment_box [class*="mp-input"],
.gmcc-active #payment .payment_box [class*="form-control"]{
background:#111212 !important;
color:#fff !important;
border-color:#393a3a !important;
box-shadow:none !important;
}
.gmcc-active #payment .payment_box input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]),
.gmcc-active #payment .payment_box select,
.gmcc-active #payment .payment_box textarea,
.gmcc-active #payment .payment_box .select2-selection--single,
.gmcc-active #payment .payment_box .mp-input,
.gmcc-active #payment .payment_box .mp-form-control{
min-height:48px !important;
border:1px solid #393a3a !important;
border-radius:9px !important;
padding:0 13px !important;
font-size:15px !important;
outline:0 !important;
}
.gmcc-active #payment .payment_box textarea{padding-top:12px !important}
.gmcc-active #payment .payment_box input::placeholder,
.gmcc-active #payment .payment_box textarea::placeholder{
color:#707171 !important;
opacity:1 !important;
}
.gmcc-active #payment .payment_box input:focus,
.gmcc-active #payment .payment_box select:focus,
.gmcc-active #payment .payment_box textarea:focus,
.gmcc-active #payment .payment_box .select2-container--focus .select2-selection--single,
.gmcc-active #payment .payment_box .mp-input:focus,
.gmcc-active #payment .payment_box .mp-form-control:focus{
border-color:#777 !important;
box-shadow:0 0 0 3px rgba(255,255,255,.06) !important;
}
/* Mercado Pago frequently wraps secure fields in containers/iframes.
* Style the shell to visually match native GMCC fields. */
.gmcc-active #payment .payment_box iframe{
background:transparent !important;
border:0 !important;
border-radius:8px !important;
color-scheme:dark !important;
}
.gmcc-active #payment .payment_box [id*="cardNumber"],
.gmcc-active #payment .payment_box [id*="expirationDate"],
.gmcc-active #payment .payment_box [id*="securityCode"],
.gmcc-active #payment .payment_box [class*="secure-field"],
.gmcc-active #payment .payment_box [class*="card-field"],
.gmcc-active #payment .payment_box [class*="mp-field"]{
background:#111212 !important;
border-color:#393a3a !important;
border-radius:9px !important;
color:#fff !important;
}
/* Remove light Mercado Pago surfaces/cards when they are normal DOM nodes. */
.gmcc-active #payment .payment_box [class*="mp-container"],
.gmcc-active #payment .payment_box [class*="mp-card"],
.gmcc-active #payment .payment_box [class*="mp-form"],
.gmcc-active #payment .payment_box [class*="mercadopago"]{
color:#d7d7d7;
}
/* Keep card-network artwork untouched while preventing giant logos. */
.gmcc-active #payment .payment_box img{
max-height:32px;
width:auto;
}
/* Avoid browser autofill painting a bright input over the dark checkout. */
.gmcc-active #payment .payment_box input:-webkit-autofill,
.gmcc-active #payment .payment_box input:-webkit-autofill:hover,
.gmcc-active #payment .payment_box input:-webkit-autofill:focus{
-webkit-text-fill-color:#fff !important;
-webkit-box-shadow:0 0 0 1000px #111212 inset !important;
transition:background-color 9999s ease-out 0s;
}
@media(max-width:768px){
.gmcc-active #payment .payment_box{padding:15px 12px 13px !important}
}
/* 1.1.11: make Mercado Pago Custom Checkout visually native to GMCC.
* The gateway keeps its payment logic; we only remove the light "embedded card"
* appearance from normal DOM wrappers and match the checkout field system. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box,
.gmcc-active #payment .payment_method_woo-mercado-pago-basic .payment_box,
.gmcc-active #payment .payment_method_woo-mercado-pago-ticket .payment_box{
background:#141515 !important;
padding:18px 16px 16px !important;
}
/* Mercado Pago has changed wrapper names across releases. Reset only structural
* wrappers inside its payment boxes so bright plugin surfaces cannot win. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box form,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box fieldset,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box section,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box > div,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-form"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-container"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-checkout"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mercadopago"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [id*="mercadopago"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [id*="mp-"]{
background-color:transparent !important;
box-shadow:none !important;
}
/* Form rows should behave exactly like native GMCC checkout rows. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box .form-row,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="form-row"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-row"]{
background:transparent !important;
color:#bdbdbd !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box label,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box legend{
background:transparent !important;
color:#bdbdbd !important;
font-size:12px !important;
font-weight:650 !important;
line-height:1.35 !important;
padding:0 !important;
margin:0 0 7px !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box .required,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box label abbr{
color:#aaa !important;
}
/* All non-secure controls mirror Dados/Entrega. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]),
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box select,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box textarea,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box .select2-selection--single,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="input-container"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="field-container"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="secure-field"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [id*="cardNumber"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [id*="expirationDate"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [id*="securityCode"]{
min-height:48px !important;
background:#111212 !important;
color:#fff !important;
border:1px solid #393a3a !important;
border-radius:9px !important;
box-shadow:none !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]),
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box select,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box textarea{
padding:0 13px !important;
font-size:15px !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box input::placeholder,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box textarea::placeholder{
color:#707171 !important;
opacity:1 !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box input:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box select:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box textarea:focus{
border-color:#777 !important;
box-shadow:0 0 0 3px rgba(255,255,255,.06) !important;
outline:0 !important;
}
/* Secure-field iframe shells: no white card around them. The iframe's own
* document remains controlled by Mercado Pago when cross-origin. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box iframe{
display:block !important;
width:100% !important;
min-height:46px !important;
background:#111212 !important;
border:0 !important;
border-radius:8px !important;
box-shadow:none !important;
color-scheme:dark !important;
}
/* Helper copy follows the subdued checkout typography instead of the MP light UI. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box p,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box small,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="helper"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="hint"]{
background:transparent !important;
color:#858585 !important;
}
/* Keep payment-brand artwork readable, but remove any oversized light panel. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box img{
background:transparent !important;
}
/* Benefit icons: unique, consistent and lightweight */
.gmcc-benefit-icon{
position:relative;
width:16px;
height:16px;
flex:0 0 16px;
display:inline-block;
color:#75d58a;
}
.gmcc-benefit--lock .gmcc-benefit-icon:before{
content:"";
position:absolute;
left:3px;
top:7px;
width:10px;
height:8px;
border:1.7px solid currentColor;
border-radius:2px;
}
.gmcc-benefit--lock .gmcc-benefit-icon:after{
content:"";
position:absolute;
left:5px;
top:1px;
width:6px;
height:7px;
border:1.7px solid currentColor;
border-bottom:0;
border-radius:6px 6px 0 0;
}
.gmcc-benefit--shield .gmcc-benefit-icon:before{
content:"";
position:absolute;
left:2px;
top:1px;
width:12px;
height:14px;
border:1.7px solid currentColor;
clip-path:polygon(50% 0,100% 18%,88% 68%,50% 100%,12% 68%,0 18%);
border-radius:2px;
}
.gmcc-benefit--shield .gmcc-benefit-icon:after{
content:"";
position:absolute;
left:5px;
top:6px;
width:6px;
height:3px;
border-left:1.7px solid currentColor;
border-bottom:1.7px solid currentColor;
transform:rotate(-45deg);
}
.gmcc-benefit--support .gmcc-benefit-icon:before{
content:"";
position:absolute;
left:2px;
top:2px;
width:12px;
height:10px;
border:1.7px solid currentColor;
border-radius:6px;
}
.gmcc-benefit--support .gmcc-benefit-icon:after{
content:"";
position:absolute;
right:1px;
bottom:1px;
width:5px;
height:5px;
border-right:1.7px solid currentColor;
border-bottom:1.7px solid currentColor;
border-radius:0 0 3px 0;
}
/* 1.1.14: Mercado Pago tooltips must be allowed to escape the payment card.
* The previous rounded-card rule used overflow:hidden on every gateway item,
* which clipped MP popovers/tooltips to the card bounding box. */
.gmcc-active #payment ul.payment_methods > li.payment_method_woo-mercado-pago-custom,
.gmcc-active #payment ul.payment_methods > li.payment_method_woo-mercado-pago-basic,
.gmcc-active #payment ul.payment_methods > li.payment_method_woo-mercado-pago-ticket{
overflow:visible !important;
position:relative !important;
isolation:auto !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box,
.gmcc-active #payment .payment_method_woo-mercado-pago-basic .payment_box,
.gmcc-active #payment .payment_method_woo-mercado-pago-ticket .payment_box{
overflow:visible !important;
position:relative !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box form,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box fieldset,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box section,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box > div,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-form"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-container"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mp-checkout"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .payment_box [class*="mercadopago"]{
overflow:visible !important;
clip-path:none !important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom [role="tooltip"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom [class*="tooltip" i],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom [id*="tooltip" i]{
z-index:2147483000 !important;
}
/* Benefit 2: fast shipping bolt icon. */
.gmcc-benefit--bolt .gmcc-benefit-icon:before{
content:"";
position:absolute;
left:5px;
top:1px;
width:7px;
height:14px;
background:currentColor;
clip-path:polygon(55% 0, 100% 0, 70% 40%, 100% 40%, 28% 100%, 45% 55%, 10% 55%);
}
/* Product image in checkout order review. */
.gmcc-review-product{
display:grid;
grid-template-columns:48px minmax(0,1fr);
align-items:center;
gap:10px;
min-width:0;
}
.gmcc-review-product-thumb{
position:relative;
width:48px;
height:48px;
display:block;
overflow:visible;
border:1px solid rgba(255,255,255,.09);
border-radius:9px;
background:#111212;
}
.gmcc-review-product-thumb img,
.gmcc-review-product-image{
display:block !important;
width:48px !important;
height:48px !important;
max-width:48px !important;
object-fit:cover !important;
margin:0 !important;
border:0 !important;
border-radius:8px !important;
box-shadow:none !important;
}
.gmcc-review-product-copy{
display:block;
min-width:0;
color:#dedede;
line-height:1.35;
}
.gmcc-active .woocommerce-checkout-review-order-table .product-name{
vertical-align:middle !important;
}
.gmcc-active .woocommerce-checkout-review-order-table .product-total{
vertical-align:middle !important;
white-space:nowrap;
}
.gmcc-active .woocommerce-checkout-review-order-table .product-name > .product-quantity{
display:none !important;
}
.gmcc-review-product-qty{
position:absolute;
top:-7px;
right:-7px;
min-width:19px;
height:19px;
padding:0 5px;
display:grid;
place-items:center;
border-radius:999px;
background:#eeeeee;
color:#111212;
border:2px solid var(--gmcc-surface);
font-size:10px;
line-height:1;
font-weight:800;
box-shadow:0 2px 7px rgba(0,0,0,.3);
}
@media(max-width:768px){
.gmcc-review-product{grid-template-columns:44px minmax(0,1fr);gap:9px}
.gmcc-review-product-thumb,
.gmcc-review-product-thumb img,
.gmcc-review-product-image{width:44px !important;height:44px !important;max-width:44px !important}
.gmcc-review-product-qty{top:-6px;right:-6px;min-width:18px;height:18px;font-size:9px}
}
/* Step 2/3 header divider: mirrors the white separator used in step 1. */
.gmcc-step-divider{height:2px;background:rgba(255,255,255,.82);margin:-2px 0 20px;width:100%;}
@media(max-width:768px){.gmcc-step-divider{height:1px;margin:-1px 0 18px;}}
/* 1.1.23 cart refinements */
.gmcc-coupon-toggle > span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:28px!important;
height:28px!important;
flex:0 0 28px!important;
font-size:27px!important;
line-height:1!important;
font-weight:300!important;
color:#f2f2f2!important;
transform:translateY(-1px);
}
.gmcc-mini-trust .gmcc-lock-icon{margin-right:1px!important}
.gmcc-active.woocommerce-cart .woocommerce-shipping-totals,
.gmcc-active.woocommerce-cart .shipping,
.gmcc-active.woocommerce-cart .woocommerce-shipping-calculator{display:none!important}
/* v1.1.24 — quantity grammar + visible savings */
.gmcc-price-pair{display:inline-flex;align-items:baseline;gap:7px;flex-wrap:wrap}.gmcc-price-pair del{color:#6f7070!important;font-weight:500!important;text-decoration-thickness:1px;text-decoration-color:#858686}.gmcc-price-pair del .woocommerce-Price-amount{color:inherit!important}.gmcc-price-pair ins{color:#fff!important;font-weight:800!important;text-decoration:none!important;background:transparent!important}.gmcc-price-pair ins .woocommerce-Price-amount{color:inherit!important}.gmcc-cart-unit .gmcc-price-pair{font-size:12px}.gmcc-cart-line .gmcc-price-pair--line{justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:1px}.gmcc-cart-line .gmcc-price-pair--line del{font-size:11px}.gmcc-cart-line .gmcc-price-pair--line ins{font-size:14px}.gmcc-active .woocommerce-checkout-review-order-table .gmcc-price-pair--line{display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-end;gap:1px}.gmcc-active .woocommerce-checkout-review-order-table .gmcc-price-pair--line del{font-size:11px}.gmcc-active .woocommerce-checkout-review-order-table .gmcc-price-pair--line ins{font-size:13px}.gmcc-active .cart_totals .cart-discount td,.gmcc-active .woocommerce-checkout-review-order-table .cart-discount td{color:#7ee193!important;font-weight:700!important}
.gmcc-checkout-cta span{display:inline-block;font-size:18px;line-height:1;font-weight:900;transition:transform .12s ease}.gmcc-checkout-cta:hover span{transform:translateX(3px)}
/* Total savings: sale-price savings + coupons. */
.gmcc-active .gmcc-savings-row th,.gmcc-active .gmcc-savings-row td{color:#75d58a!important;font-weight:700!important}.gmcc-active .gmcc-savings-row td{text-align:right!important}.gmcc-active .gmcc-savings-row .woocommerce-Price-amount{color:#75d58a!important}
/* 1.1.28 — premium reservation countdown. */
.gmcc-countdown{
width:min(1180px,calc(100% - 32px));
margin:14px auto 0;
min-height:46px;
padding:11px 16px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
color:#c9caca;
background:rgba(255,255,255,.025);
border:1px solid #2d2f2f;
border-radius:12px;
font-size:13px;
line-height:1.35;
letter-spacing:.01em;
}
.gmcc-countdown strong{
color:#fff;
font-variant-numeric:tabular-nums;
font-weight:750;
letter-spacing:.04em;
}
.gmcc-countdown-clock{
position:relative;
width:17px;
height:17px;
flex:0 0 17px;
border:1.7px solid #75d58a;
border-radius:50%;
box-sizing:border-box;
}
.gmcc-countdown-clock:before,
.gmcc-countdown-clock:after{
content:"";
position:absolute;
left:50%;
top:50%;
width:1.5px;
background:#75d58a;
border-radius:2px;
transform-origin:50% 100%;
}
.gmcc-countdown-clock:before{height:5px;transform:translate(-50%,-100%);}
.gmcc-countdown-clock:after{height:4px;transform:translate(-50%,-100%) rotate(120deg);}
.gmcc-countdown.is-expired{color:#8f9090;}
.gmcc-countdown.is-expired .gmcc-countdown-clock{border-color:#777;}
.gmcc-countdown.is-expired .gmcc-countdown-clock:before,
.gmcc-countdown.is-expired .gmcc-countdown-clock:after{background:#777;}
@media(max-width:768px){
.gmcc-countdown{
width:calc(100% - 24px);
margin-top:10px;
padding:10px 12px;
border-radius:10px;
font-size:12px;
}
}
/* 1.1.29 — align reservation countdown with the content cards below. */
.gmcc-countdown{
width:calc(100% - 48px);
max-width:1132px;
}
@media(max-width:768px){
.gmcc-countdown{
width:calc(100% - 24px);
}
}
/* 1.1.31 — Unified forward CTA buttons */
.gmcc-checkout-cta,
.gmcc-step-next,
.gmcc-active #place_order,
.gmcc-sticky-place{
min-height:52px!important;
border:0!important;
border-radius:10px!important;
background:#fff!important;
color:#111!important;
font-size:14px!important;
font-weight:900!important;
text-transform:none!important;
letter-spacing:0!important;
box-shadow:none!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
cursor:pointer!important;
transition:background-color .12s ease,color .12s ease,transform .12s ease!important;
}
.gmcc-checkout-cta:hover,
.gmcc-step-next:hover,
.gmcc-active #place_order:hover,
.gmcc-sticky-place:hover{
opacity:1!important;
background:#fff!important;
color:#111!important;
}
.gmcc-checkout-cta span,
.gmcc-step-next span{
display:inline-block!important;
font-size:18px!important;
line-height:1!important;
font-weight:900!important;
transition:transform .16s ease!important;
}
.gmcc-checkout-cta:hover span,
.gmcc-step-next:hover span{
transform:translateX(4px)!important;
}
/* The arrow is a real child element, not a pseudo-element.
This prevents duplicate arrows from WooCommerce/theme button styles. */
.gmcc-active #place_order::before,
.gmcc-active #place_order::after,
.gmcc-sticky-place::before,
.gmcc-sticky-place::after{
content:none!important;
display:none!important;
}
.gmcc-active #place_order .gmcc-cta-arrow,
.gmcc-sticky-place .gmcc-cta-arrow{
display:inline-block!important;
font-size:18px!important;
line-height:1!important;
font-weight:900!important;
transition:transform .16s ease!important;
}
.gmcc-active #place_order:hover .gmcc-cta-arrow,
.gmcc-sticky-place:hover .gmcc-cta-arrow{
transform:translateX(4px)!important;
}
.gmcc-active #place_order:active,
.gmcc-step-next:active,
.gmcc-checkout-cta:active,
.gmcc-sticky-place:active{
transform:scale(.995)!important;
}
@media(max-width:768px){
.gmcc-sticky-place{min-width:168px!important;min-height:46px!important;font-size:13px!important}
.gmcc-sticky-place .gmcc-cta-arrow{font-size:17px!important}
}
/* Customer reviews / social proof */
.gmcc-reviews{
width:min(1500px, calc(100% - 64px));
margin:34px auto 48px;
}
.gmcc-reviews-head{margin-bottom:18px}
.gmcc-reviews-kicker{display:block;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#858888}
.gmcc-reviews-head h2{margin:0;color:#f4f5f5;font-size:24px;line-height:1.2}
.gmcc-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gmcc-review-card{min-width:0;padding:22px;border:1px solid #303333;border-radius:18px;background:var(--gmcc-surface,#151616);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.gmcc-review-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.gmcc-review-avatar{width:45px;height:45px;flex:0 0 45px;border-radius:50%;object-fit:cover;border:1px solid #3b3e3e;background:#202222}
.gmcc-review-avatar--placeholder{position:relative}
.gmcc-review-avatar--placeholder:before{content:"";position:absolute;left:50%;top:9px;width:11px;height:11px;border:2px solid #777b7b;border-radius:50%;transform:translateX(-50%)}
.gmcc-review-avatar--placeholder:after{content:"";position:absolute;left:50%;bottom:8px;width:22px;height:11px;border:2px solid #777b7b;border-radius:14px 14px 8px 8px;transform:translateX(-50%)}
.gmcc-review-meta{min-width:0}
.gmcc-review-meta strong{display:block;margin-bottom:3px;color:#f3f4f4;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gmcc-review-stars{display:flex;gap:2px;line-height:1}
.gmcc-review-stars span{font-size:15px;color:#454848}
.gmcc-review-stars span.is-filled{color:#f2c94c}
.gmcc-review-card p{margin:0;color:#b8bbbb;font-size:15px;line-height:1.65}
.gmcc-review-verified{display:inline-flex;align-items:center;gap:6px;margin-top:7px;color:#bfc4c4;font-size:12px;font-weight:700;letter-spacing:.01em}
.gmcc-review-verified-icon{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #4f865f;border-radius:50%;color:#77c38a;font-size:10px;font-weight:900;line-height:1}
@media(max-width:900px){
.gmcc-reviews{width:min(100% - 32px, 1500px);margin-top:26px}
.gmcc-reviews-grid{grid-template-columns:1fr;gap:12px}
.gmcc-review-card{padding:18px;border-radius:16px}
.gmcc-reviews-head h2{font-size:21px}
}
/* Reviews live directly below the order/cart summary. */
.gmcc-order-panel > .gmcc-reviews,
.gmcc-cart-summary > .gmcc-reviews{
width:100%;
margin:16px 0 0;
}
.gmcc-order-panel > .gmcc-reviews .gmcc-reviews-head,
.gmcc-cart-summary > .gmcc-reviews .gmcc-reviews-head{margin:0 0 12px 2px}
.gmcc-order-panel > .gmcc-reviews .gmcc-reviews-kicker,
.gmcc-cart-summary > .gmcc-reviews .gmcc-reviews-kicker{font-size:10px;margin-bottom:4px}
.gmcc-order-panel > .gmcc-reviews .gmcc-reviews-head h2,
.gmcc-cart-summary > .gmcc-reviews .gmcc-reviews-head h2{font-size:16px}
.gmcc-order-panel > .gmcc-reviews .gmcc-reviews-grid,
.gmcc-cart-summary > .gmcc-reviews .gmcc-reviews-grid{grid-template-columns:1fr;gap:10px}
.gmcc-order-panel > .gmcc-reviews .gmcc-review-card,
.gmcc-cart-summary > .gmcc-reviews .gmcc-review-card{padding:16px;border-radius:14px;box-shadow:none}
.gmcc-order-panel > .gmcc-reviews .gmcc-review-top,
.gmcc-cart-summary > .gmcc-reviews .gmcc-review-top{margin-bottom:10px}
.gmcc-order-panel > .gmcc-reviews .gmcc-review-avatar,
.gmcc-cart-summary > .gmcc-reviews .gmcc-review-avatar{width:45px;height:45px;flex:0 0 45px}
.gmcc-order-panel > .gmcc-reviews .gmcc-review-card p,
.gmcc-cart-summary > .gmcc-reviews .gmcc-review-card p{font-size:13px;line-height:1.55}
@media(max-width:900px){
.gmcc-order-panel > .gmcc-reviews,
.gmcc-cart-summary > .gmcc-reviews{width:100%;margin:14px 0 0}
}
/* Reviews: larger customer portrait for stronger social proof */
@media (max-width: 767px){
.gmcc-order-panel > .gmcc-reviews .gmcc-review-avatar,
.gmcc-cart-summary > .gmcc-reviews .gmcc-review-avatar{width:45px;height:45px;flex:0 0 45px}
}
/* 1.1.41 — free-shipping conversion progress. */
.gmcc-free-shipping-progress{
width:calc(100% - 48px);
max-width:1132px;
margin:10px auto 0;
padding:13px 16px 14px;
background:rgba(255,255,255,.025);
border:1px solid #2d2f2f;
border-radius:12px;
color:#c9caca;
}
.gmcc-free-shipping-copy{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
margin-bottom:10px;
font-size:12px;
line-height:1.35;
text-align:center;
}
.gmcc-free-shipping-icon{
position:relative;
width:18px;
height:13px;
flex:0 0 18px;
border:1.6px solid #75d58a;
border-radius:3px 3px 2px 2px;
}
.gmcc-free-shipping-icon:before{
content:"";
position:absolute;
left:2px;
top:-5px;
width:9px;
height:5px;
border:1.6px solid #75d58a;
border-bottom:0;
border-radius:3px 3px 0 0;
}
.gmcc-free-shipping-track{
height:6px;
width:100%;
overflow:hidden;
border-radius:999px;
background:#242626;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.gmcc-free-shipping-track>span{
display:block;
height:100%;
min-width:4px;
border-radius:inherit;
background:#75d58a;
transition:width .3s ease;
}
.gmcc-free-shipping-progress.is-complete{
border-color:rgba(117,213,138,.24);
}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-copy{
color:#8ee69f;
font-weight:700;
}
@media(max-width:768px){
.gmcc-free-shipping-progress{
width:calc(100% - 24px);
margin-top:8px;
padding:11px 12px 12px;
border-radius:10px;
}
.gmcc-free-shipping-copy{font-size:11.5px;margin-bottom:9px}
}
/* 1.1.42 — free-shipping progress belongs to cart/order context, not the alert stack. */
.gmcc-cart-card > .gmcc-free-shipping-progress,
.gmcc-order-panel > .gmcc-free-shipping-progress{
width:100%;
max-width:none;
margin:16px 0 2px;
padding:14px 0 16px;
background:transparent;
border:0;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
border-radius:0;
}
.gmcc-cart-card > .gmcc-free-shipping-progress{
margin-top:14px;
}
.gmcc-order-panel > .gmcc-free-shipping-progress{
margin:12px 0 0;
padding:13px 12px 14px;
border:1px solid #2d2f2f;
border-radius:12px;
background:rgba(255,255,255,.018);
}
.gmcc-free-shipping-copy{
justify-content:flex-start;
margin-bottom:9px;
font-size:12px;
font-weight:650;
color:#c9caca;
}
/* Truck icon. */
.gmcc-free-shipping-icon{
position:relative;
width:20px;
height:13px;
flex:0 0 20px;
border:0;
border-radius:0;
}
.gmcc-free-shipping-icon:before{
content:"";
position:absolute;
left:0;
top:2px;
width:12px;
height:8px;
border:1.6px solid #75d58a;
border-radius:2px 1px 1px 2px;
box-sizing:border-box;
}
.gmcc-free-shipping-icon:after{
content:"";
position:absolute;
left:12px;
top:4px;
width:7px;
height:6px;
border:1.6px solid #75d58a;
border-left:0;
border-radius:0 2px 2px 0;
box-sizing:border-box;
box-shadow:-9px 7px 0 -5px #75d58a, 4px 7px 0 -5px #75d58a;
}
.gmcc-free-shipping-track{
height:4px;
background:#242626;
}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-icon{
width:18px;
height:18px;
flex-basis:18px;
border:1.5px solid #75d58a;
border-radius:50%;
}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-icon:before{
content:"";
left:4px;
top:4px;
width:8px;
height:4px;
border:0;
border-left:1.7px solid #75d58a;
border-bottom:1.7px solid #75d58a;
border-radius:0;
transform:rotate(-45deg);
}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-icon:after{display:none}
@media(max-width:768px){
.gmcc-cart-card > .gmcc-free-shipping-progress,
.gmcc-order-panel > .gmcc-free-shipping-progress{
width:100%;
margin-top:12px;
}
}
/* 1.1.43 — clearer free-shipping icon and single divider in cart. */
.gmcc-cart-card > .gmcc-free-shipping-progress{
border-top:0; /* product list already supplies the divider above */
}
.gmcc-free-shipping-icon{
width:24px;
height:20px;
flex:0 0 24px;
display:inline-flex;
align-items:center;
justify-content:center;
border:0;
border-radius:0;
}
.gmcc-free-shipping-icon:before,
.gmcc-free-shipping-icon:after{display:none;}
.gmcc-free-shipping-truck{
display:block;
width:24px;
height:24px;
fill:none;
stroke:#75d58a;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
overflow:visible;
}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-icon{
width:20px;
height:20px;
flex-basis:20px;
border:1.5px solid #75d58a;
border-radius:50%;
}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-truck{display:none;}
.gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-icon:before{
content:"";
display:block;
position:absolute;
left:5px;
top:5px;
width:8px;
height:4px;
border:0;
border-left:1.7px solid #75d58a;
border-bottom:1.7px solid #75d58a;
transform:rotate(-45deg);
}
/* v1.1.44 — premium order-received / thank-you page */
.gmcc-active.woocommerce-order-received .gmcc-countdown{display:none!important}
.gmcc-active.woocommerce-order-received .gmcc-main{max-width:1480px;margin:0 auto;padding:34px 28px 70px}
.gmcc-thankyou{width:100%;color:#f5f5f5}
.gmcc-thankyou-heading{display:flex;align-items:flex-start;gap:16px;margin:8px 0 30px;padding:0 2px}
.gmcc-thankyou-heading h1{margin:3px 0 6px!important;font-size:30px!important;line-height:1.15!important;color:#fff!important}
.gmcc-thankyou-heading p{margin:0!important;color:#929595!important;font-size:15px!important;line-height:1.55!important;max-width:720px}
.gmcc-eyebrow{display:block;color:#7f8282;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.gmcc-thankyou-status-icon{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid #3a3c3c;background:#151616}
.gmcc-thankyou-status-icon.is-success{border-color:#4ab96a;background:rgba(74,185,106,.08)}
.gmcc-thankyou-status-icon.is-success:before{content:"";position:absolute;left:13px;top:10px;width:10px;height:16px;border-right:2px solid #6bdd87;border-bottom:2px solid #6bdd87;transform:rotate(45deg)}
.gmcc-thankyou-status-icon.is-pending:before{content:"";position:absolute;inset:10px;border:2px solid #7d8080;border-radius:50%}
.gmcc-thankyou-status-icon.is-pending:after{content:"";position:absolute;left:20px;top:13px;width:1.5px;height:9px;background:#9b9d9d;box-shadow:4px 7px 0 -0.25px #9b9d9d;transform-origin:bottom}
.gmcc-thankyou-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:24px;align-items:start}
.gmcc-thankyou-main,.gmcc-thankyou-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.gmcc-thankyou-side{position:sticky;top:20px}
.gmcc-thankyou-card{background:var(--gmcc-surface,#151616);border:1px solid #303232;border-radius:18px;padding:26px;box-shadow:0 18px 45px rgba(0,0,0,.14)}
.gmcc-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.gmcc-card-heading h2{margin:4px 0 0!important;color:#fff!important;font-size:21px!important;line-height:1.2!important}
.gmcc-payment-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #3a3d3d;border-radius:999px;color:#a8aaaa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.gmcc-order-date{color:#858888;font-size:12px;white-space:nowrap}
/* Gateway output: preserve functionality, remove the old WooCommerce visual language. */
.gmcc-gateway-output{color:#d9dada;overflow:hidden}
.gmcc-gateway-output>h2,.gmcc-gateway-output>h3,.gmcc-gateway-output .woocommerce-order-details__title,.gmcc-gateway-output .woocommerce-column__title{display:none!important}
.gmcc-gateway-output p{color:#c9cbcb!important;line-height:1.55!important}
.gmcc-gateway-output a{color:#fff!important}
.gmcc-gateway-output img{max-width:100%;height:auto}
.gmcc-payment-instructions.is-pix .gmcc-gateway-output{text-align:center}
.gmcc-payment-instructions.is-pix .gmcc-gateway-output img[src*="qr"],
.gmcc-payment-instructions.is-pix .gmcc-gateway-output img[alt*="QR" i]{display:block;max-width:270px!important;width:100%!important;height:auto!important;margin:10px auto 18px!important;padding:10px;background:#fff;border-radius:14px}
.gmcc-gateway-output button,.gmcc-gateway-output .button,.gmcc-gateway-output input[type=button],.gmcc-gateway-output input[type=submit]{min-height:48px!important;padding:0 20px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#111!important;font-weight:800!important;box-shadow:none!important}
.gmcc-gateway-output textarea,.gmcc-gateway-output input[type=text]{width:100%!important;max-width:100%!important;background:#0f1010!important;color:#d9dada!important;border:1px solid #353737!important;border-radius:10px!important;padding:12px 14px!important;box-shadow:none!important}
.gmcc-gateway-output table{width:100%!important;border-collapse:collapse!important;background:transparent!important}
.gmcc-gateway-output table th,.gmcc-gateway-output table td{padding:10px 0!important;border-color:#2c2e2e!important;color:#d1d2d2!important;background:transparent!important}
.gmcc-payment-confirmation{text-align:center;padding:46px 28px}
.gmcc-payment-confirmation h2{margin:14px 0 8px!important;color:#fff!important}
.gmcc-payment-confirmation p{margin:0!important;color:#8f9292!important}
.gmcc-order-check{position:relative;display:inline-block;width:52px;height:52px;border-radius:50%;border:1px solid #4ab96a;background:rgba(74,185,106,.08)}
.gmcc-order-check:after{content:"";position:absolute;left:16px;top:11px;width:13px;height:22px;border-right:3px solid #6bdd87;border-bottom:3px solid #6bdd87;transform:rotate(45deg)}
.gmcc-order-items{display:flex;flex-direction:column}
.gmcc-order-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #2b2d2d}
.gmcc-order-thumb-wrap{position:relative;width:58px;height:58px}
.gmcc-order-thumb-wrap img{display:block;width:58px!important;height:58px!important;object-fit:cover;border-radius:10px;border:1px solid #303232;background:#111}
.gmcc-order-qty{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#fff;color:#111;font-size:11px;font-weight:900;border:2px solid var(--gmcc-surface,#151616)}
.gmcc-order-item-info{min-width:0;display:flex;flex-direction:column;gap:4px}
.gmcc-order-item-info strong{color:#f2f2f2;font-size:13px;line-height:1.35}
.gmcc-order-item-info span{color:#777a7a;font-size:11px}
.gmcc-order-item-price{color:#e8e8e8;font-size:13px;font-weight:800;text-align:right;white-space:nowrap}
.gmcc-summary-rows{padding-top:6px}
.gmcc-summary-rows>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #2b2d2d;color:#b9bbbb;font-size:13px}
.gmcc-summary-rows>div strong{color:#e9e9e9;font-weight:800;text-align:right}
.gmcc-summary-rows .gmcc-summary-discount,.gmcc-summary-rows .gmcc-summary-discount strong{color:#6ddd89}
.gmcc-summary-rows .gmcc-summary-total{padding:17px 0;border-bottom:0;font-size:18px;color:#fff;font-weight:800}
.gmcc-summary-rows .gmcc-summary-total strong{font-size:22px;color:#fff}
.gmcc-order-meta-compact{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;border-top:1px solid #2b2d2d}
.gmcc-order-meta-compact>div{display:flex;flex-direction:column;gap:4px}
.gmcc-order-meta-compact span,.gmcc-detail-label{color:#747777;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gmcc-order-meta-compact strong{color:#cfd0d0;font-size:12px}
.gmcc-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.gmcc-delivery-grid>div{display:flex;flex-direction:column;gap:6px;color:#d4d5d5;font-size:13px;line-height:1.5}
.gmcc-delivery-grid strong{color:#f2f2f2;font-weight:700}
.gmcc-delivery-address{grid-column:1/-1}
.gmcc-delivery-address address{font-style:normal!important;color:#d4d5d5!important;line-height:1.6!important}
.gmcc-delivery-address br{display:block}
/* Generic extension output is kept for tracking/extra plugins, but hidden when empty. */
.gmcc-thankyou-extension-output:empty{display:none}
.gmcc-thankyou-extension-output{max-width:1480px;margin:18px auto 0;color:#aaa}
@media(max-width:980px){
.gmcc-thankyou-grid{grid-template-columns:1fr}
.gmcc-thankyou-side{position:static;order:-1}
}
@media(max-width:680px){
.gmcc-active.woocommerce-order-received .gmcc-main{padding:24px 14px 50px}
.gmcc-thankyou-heading h1{font-size:24px!important}
.gmcc-thankyou-card{padding:19px;border-radius:15px}
.gmcc-delivery-grid{grid-template-columns:1fr;gap:15px}
.gmcc-delivery-address{grid-column:auto}
.gmcc-order-item{grid-template-columns:54px minmax(0,1fr) auto;gap:10px}
.gmcc-order-thumb-wrap,.gmcc-order-thumb-wrap img{width:50px!important;height:50px!important}
.gmcc-card-heading h2{font-size:18px!important}
.gmcc-summary-rows .gmcc-summary-total strong{font-size:20px}
}
/* v1.1.46 — PagHiper PIX inside the premium thank-you card */
.gmcc-gateway-output .woo_paghiper_digitable_line{max-width:none!important;margin:0!important;color:#d8dada}
.gmcc-gateway-output .woo_paghiper_digitable_line>p:first-child{margin:0 0 22px!important;text-align:left!important;color:#a8abab!important;font-size:14px!important;line-height:1.55!important}
.gmcc-gateway-output .pix-container{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:28px!important;align-items:center!important;margin:0 0 22px!important}
.gmcc-gateway-output .pix-container .qr-code{text-align:center!important;color:#aeb1b1!important;font-size:12px!important}
.gmcc-gateway-output .pix-container .qr-code img{display:block!important;width:210px!important;height:210px!important;max-width:100%!important;margin:0 auto 10px!important;padding:10px!important;background:#fff!important;border-radius:14px!important}
.gmcc-gateway-output .pix-container .instructions ul{margin:0!important;padding:0!important;list-style:none!important;counter-reset:gmcc-pix-step!important}
.gmcc-gateway-output .pix-container .instructions li{position:relative!important;margin:0 0 14px!important;padding:0 0 0 38px!important;color:#c7c9c9!important;line-height:1.5!important;counter-increment:gmcc-pix-step!important}
.gmcc-gateway-output .pix-container .instructions li:before{content:counter(gmcc-pix-step)!important;position:absolute!important;left:0!important;top:-1px!important;width:25px!important;height:25px!important;border:1px solid #3b3e3e!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:12px!important;font-weight:700!important;background:#1d1f1f!important}
.gmcc-gateway-output .paghiper-pix-code{margin-top:18px!important;padding:16px!important;border:1px solid #303333!important;border-radius:12px!important;background:#101111!important;cursor:pointer!important}
.gmcc-gateway-output .paghiper-pix-code>p{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 10px!important;color:#dfe1e1!important;font-size:13px!important;font-weight:600!important}
.gmcc-gateway-output .paghiper-pix-code button{flex:0 0 auto!important;margin:0!important;padding:8px 12px!important;min-height:0!important;border:1px solid #4b4f4f!important;border-radius:8px!important;background:#202222!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important}
.gmcc-gateway-output .paghiper-pix-code .textarea-container{margin:0!important}
.gmcc-gateway-output .paghiper-pix-code textarea{display:block!important;width:100%!important;min-height:76px!important;margin:0!important;padding:12px!important;resize:none!important;border:1px solid #333636!important;border-radius:9px!important;background:#171919!important;color:#aeb1b1!important;font:12px/1.45 monospace!important;box-shadow:none!important}
@media(max-width:680px){
.gmcc-gateway-output .pix-container{grid-template-columns:1fr!important;gap:18px!important}
.gmcc-gateway-output .pix-container .qr-code img{width:190px!important;height:190px!important}
.gmcc-gateway-output .paghiper-pix-code>p{align-items:flex-start!important;flex-direction:column!important}
}
/* v1.1.47 — compact premium order-received layout, aligned to checkout width */
.gmcc-active.woocommerce-order-received .gmcc-main{max-width:1180px!important;margin:0 auto!important;padding:32px 24px 56px!important}
.gmcc-active.woocommerce-order-received .gmcc-footer{max-width:1180px!important}
.gmcc-thankyou-heading{margin:8px 0 26px!important;align-items:center!important}
.gmcc-thankyou-heading .gmcc-eyebrow{display:none!important}
.gmcc-thankyou-heading h1{font-size:27px!important;margin:0 0 5px!important}
.gmcc-thankyou-heading p{font-size:14px!important;color:#949797!important}
.gmcc-thankyou-status-icon{width:48px;height:48px;flex-basis:48px}
.gmcc-thankyou-status-icon.is-pending:before{inset:11px}
.gmcc-thankyou-status-icon.is-pending:after{left:23px;top:15px}
.gmcc-thankyou-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr)!important;gap:22px!important}
.gmcc-thankyou-main,.gmcc-thankyou-side{gap:18px!important}
.gmcc-thankyou-card{border-radius:15px!important;padding:24px!important;box-shadow:none!important}
.gmcc-card-heading{margin-bottom:20px!important}
.gmcc-card-heading h2{font-size:20px!important}
.gmcc-payment-pill{border-color:#414444!important;background:#171919!important}
.gmcc-payment-instructions.is-pix .gmcc-gateway-output{text-align:left!important}
.gmcc-gateway-output .woo_paghiper_digitable_line>p:first-child{font-size:13px!important;margin-bottom:20px!important}
.gmcc-gateway-output .pix-container{grid-template-columns:205px minmax(0,1fr)!important;gap:24px!important;align-items:center!important}
.gmcc-gateway-output .pix-container .qr-code img{width:190px!important;height:190px!important;padding:9px!important;border-radius:12px!important}
.gmcc-gateway-output .pix-container .instructions li{padding-left:36px!important;margin-bottom:17px!important;font-size:13px!important}
.gmcc-gateway-output .paghiper-pix-code{padding:14px!important;border-radius:10px!important}
.gmcc-gateway-output .paghiper-pix-code textarea{min-height:68px!important;font-size:11px!important}
.gmcc-order-summary{padding:22px!important}
.gmcc-order-item{grid-template-columns:58px minmax(0,1fr) auto!important;gap:11px!important;padding:13px 0!important}
.gmcc-order-thumb-wrap,.gmcc-order-thumb-wrap img{width:52px!important;height:52px!important}
.gmcc-summary-rows>div{padding:12px 0!important}
.gmcc-summary-rows .gmcc-summary-total{padding:16px 0!important}
.gmcc-order-meta-compact{padding-top:13px!important}
.gmcc-delivery-card{margin-top:22px!important;padding:22px 24px 24px!important}
.gmcc-delivery-heading{display:flex;align-items:center;gap:10px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #2b2d2d}
.gmcc-delivery-heading h2{margin:0!important;color:#fff!important;font-size:19px!important;line-height:1.2!important}
.gmcc-delivery-truck{position:relative;width:24px;height:17px;flex:0 0 24px;border:1.7px solid #75d58a;border-radius:2px 1px 2px 2px}
.gmcc-delivery-truck:before{content:"";position:absolute;right:-7px;bottom:-1.7px;width:7px;height:10px;border:1.7px solid #75d58a;border-left:0;border-radius:0 3px 2px 0}
.gmcc-delivery-truck:after{content:"";position:absolute;left:3px;bottom:-5px;width:5px;height:5px;border:1.7px solid #75d58a;border-radius:50%;background:#151616;box-shadow:15px 0 0 -1.7px #151616,15px 0 0 0 #75d58a}
.gmcc-delivery-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:19px 48px!important}
.gmcc-delivery-grid>div{gap:5px!important;font-size:13px!important;line-height:1.45!important;min-width:0}
.gmcc-delivery-grid .gmcc-detail-label{font-size:10px!important}
.gmcc-delivery-grid strong{font-size:13px!important;color:#e9eaea!important;overflow-wrap:anywhere}
.gmcc-delivery-address-lines{display:flex;flex-direction:column;gap:2px;color:#d6d7d7;line-height:1.45}
.gmcc-thankyou-support{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px auto 0;color:#a3a6a6;text-align:left}
.gmcc-thankyou-support>div{display:flex;flex-direction:column;gap:2px}
.gmcc-thankyou-support strong{font-size:12px;color:#c6c8c8;font-weight:600}
.gmcc-thankyou-support small{font-size:10px;color:#747777}
.gmcc-support-icon{position:relative;width:17px;height:14px;border:1.5px solid #75d58a;border-radius:4px;flex:0 0 17px}
.gmcc-support-icon:after{content:"";position:absolute;left:3px;bottom:-5px;width:5px;height:5px;border-left:1.5px solid #75d58a;border-bottom:1.5px solid #75d58a;transform:skewY(-35deg)}
.gmcc-thankyou-extension-output{max-width:1180px!important}
@media(max-width:980px){
.gmcc-thankyou-grid{grid-template-columns:1fr!important}
.gmcc-thankyou-side{position:static!important;order:0!important}
.gmcc-delivery-card{margin-top:18px!important}
}
@media(max-width:680px){
.gmcc-active.woocommerce-order-received .gmcc-main{padding:24px 12px 44px!important}
.gmcc-thankyou-heading{align-items:flex-start!important;margin-bottom:20px!important}
.gmcc-thankyou-heading h1{font-size:22px!important}
.gmcc-thankyou-status-icon{width:40px;height:40px;flex-basis:40px}
.gmcc-thankyou-card{padding:18px!important;border-radius:13px!important}
.gmcc-gateway-output .pix-container{grid-template-columns:1fr!important;gap:16px!important}
.gmcc-gateway-output .pix-container .qr-code img{width:185px!important;height:185px!important}
.gmcc-delivery-grid{grid-template-columns:1fr!important;gap:15px!important}
.gmcc-thankyou-support{align-items:flex-start;margin-top:20px}
}
/* v1.1.48 — thank-you alignment and consistent vector icons */
.gmcc-thankyou-heading{
display:flex!important;
align-items:center!important;
gap:16px!important;
}
.gmcc-thankyou-status-icon{
display:grid!important;
place-items:center!important;
overflow:visible!important;
color:#878b8b!important;
}
.gmcc-thankyou-status-icon.is-success{color:#6bdd87!important}
.gmcc-thankyou-status-icon:before,
.gmcc-thankyou-status-icon:after{content:none!important;display:none!important}
.gmcc-thankyou-status-svg{display:block;width:26px;height:26px;overflow:visible}
.gmcc-thankyou-status-icon.is-success .gmcc-thankyou-status-svg{width:25px;height:25px}
.gmcc-card-heading{align-items:flex-start!important}
.gmcc-card-heading>div{min-width:0}
.gmcc-order-date{flex:0 0 auto;line-height:1.2!important;padding-top:2px}
.gmcc-order-item{align-items:center!important}
.gmcc-order-item-info{justify-content:center!important}
.gmcc-order-item-price{align-self:center!important}
.gmcc-summary-rows>div{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
column-gap:18px!important;
}
.gmcc-summary-rows>div>strong{text-align:right!important}
.gmcc-order-meta-compact{
grid-template-columns:1fr 1fr!important;
align-items:end!important;
}
.gmcc-order-meta-compact>div:nth-child(2){align-items:flex-end!important;text-align:right!important}
.gmcc-order-meta-compact>div:nth-child(2) span,
.gmcc-order-meta-compact>div:nth-child(2) strong{text-align:right!important;width:100%}
.gmcc-delivery-heading{align-items:center!important}
.gmcc-delivery-truck{
width:25px!important;
height:25px!important;
flex:0 0 25px!important;
display:grid!important;
place-items:center!important;
border:0!important;
border-radius:0!important;
color:#75d58a!important;
overflow:visible!important;
}
.gmcc-delivery-truck:before,
.gmcc-delivery-truck:after{content:none!important;display:none!important}
.gmcc-delivery-truck svg{display:block;width:24px;height:24px;overflow:visible}
.gmcc-delivery-grid{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
column-gap:64px!important;
row-gap:22px!important;
align-items:start!important;
}
.gmcc-delivery-grid>div{align-self:start!important}
.gmcc-delivery-address-lines{font-size:13px!important}
.gmcc-support-icon{
width:20px!important;
height:20px!important;
flex:0 0 20px!important;
display:grid!important;
place-items:center!important;
border:0!important;
border-radius:0!important;
color:#75d58a!important;
overflow:visible!important;
}
.gmcc-support-icon:before,
.gmcc-support-icon:after{content:none!important;display:none!important}
.gmcc-support-icon svg{display:block;width:19px;height:19px;overflow:visible}
.gmcc-gateway-output .pix-container .instructions li:before{
display:grid!important;
place-items:center!important;
line-height:1!important;
}
@media(max-width:680px){
.gmcc-thankyou-heading{gap:12px!important}
.gmcc-thankyou-status-svg{width:23px;height:23px}
.gmcc-order-meta-compact{grid-template-columns:1fr 1fr!important}
.gmcc-delivery-grid{grid-template-columns:1fr!important;column-gap:0!important;row-gap:16px!important}
}
/* 1.1.49 — mobile conversion/layout refinements. */
@media(max-width:900px){
/* Cart: products first, then totals/reviews. */
.gmcc-cart-summary{order:initial!important}
/* The order summary is physically moved directly below the mobile toggle by JS. */
.gmcc-checkout>.gmcc-order-panel{display:none!important;width:100%;margin:0 0 16px!important}
.gmcc-checkout>.gmcc-order-panel.gmcc-mobile-open{display:block!important}
.gmcc-checkout>.gmcc-order-panel .gmcc-order-card{margin:0!important}
}
@media(max-width:768px){
/* Keep all three benefits visible in one row — no sideways scroll. */
.gmcc-benefits{
padding:9px 12px!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:center!important;
justify-content:stretch!important;
gap:5px!important;
overflow:visible!important;
font-size:9px!important;
}
.gmcc-benefits span{
min-width:0!important;
justify-content:center!important;
gap:4px!important;
white-space:nowrap!important;
font-size:9px!important;
line-height:1.15!important;
}
.gmcc-benefit-icon{transform:scale(.78);transform-origin:center;flex:0 0 auto}
/* Mobile order toggle: compact, obvious chevron, expanded content directly below. */
.gmcc-mobile-order-toggle{
position:relative!important;
top:auto!important;
z-index:20!important;
margin:-24px -12px 16px!important;
padding:13px 16px!important;
min-height:48px!important;
}
.gmcc-chevron{
position:relative!important;
display:inline-block!important;
width:9px!important;
height:9px!important;
margin-left:4px!important;
border-right:1.5px solid #8d8f8f!important;
border-bottom:1.5px solid #8d8f8f!important;
transform:rotate(45deg) translateY(-2px)!important;
transform-origin:center!important;
transition:transform .18s ease!important;
font-size:0!important;
}
.gmcc-mobile-order-toggle[aria-expanded="true"] .gmcc-chevron{
transform:rotate(225deg) translate(-1px,-1px)!important;
}
/* No fixed bottom value/CTA on mobile. */
.gmcc-mobile-sticky{display:none!important}
/* Progress connector lines stay centered between step circles on mobile. */
.gmcc-progress{
grid-template-columns:auto minmax(10px,1fr) auto minmax(10px,1fr) auto!important;
gap:5px!important;
align-items:center!important;
}
.gmcc-progress>i,
.gmcc-checkout-left .gmcc-progress i{
align-self:center!important;
width:100%!important;
height:1px!important;
margin:0!important;
transform:none!important;
}
/* Remove artificial space reserved for the old fixed CTA. */
.gmcc-main{padding:24px 12px 30px!important}
.gmcc-footer{padding:18px 16px max(22px,env(safe-area-inset-bottom))!important}
.gmcc-app{padding-bottom:0!important;min-height:100svh!important}
/* Cart spacing after product-first reorder. */
.gmcc-cart-layout{gap:16px!important}
.gmcc-cart-summary{margin-top:0!important}
}
/* 1.1.50 — cleaner mobile steps and social proof at the end of checkout. */
@media(max-width:768px){
/* Mobile steps read better without connector strokes. */
.gmcc-progress{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
}
.gmcc-progress>i,
.gmcc-checkout-left .gmcc-progress i{
display:none!important;
}
/* Reviews are moved to the end of the checkout form on mobile. */
.gmcc-checkout > .gmcc-reviews.gmcc-mobile-checkout-reviews{
width:100%!important;
margin:22px 0 0!important;
}
.gmcc-checkout > .gmcc-reviews.gmcc-mobile-checkout-reviews .gmcc-reviews-head{
margin:0 0 12px 2px!important;
}
.gmcc-checkout > .gmcc-reviews.gmcc-mobile-checkout-reviews .gmcc-reviews-kicker{
font-size:10px!important;
margin-bottom:4px!important;
}
.gmcc-checkout > .gmcc-reviews.gmcc-mobile-checkout-reviews .gmcc-reviews-head h2{
font-size:16px!important;
}
.gmcc-checkout > .gmcc-reviews.gmcc-mobile-checkout-reviews .gmcc-reviews-grid{
grid-template-columns:1fr!important;
gap:10px!important;
}
.gmcc-checkout > .gmcc-reviews.gmcc-mobile-checkout-reviews .gmcc-review-card{
padding:16px!important;
border-radius:14px!important;
box-shadow:none!important;
}
}
/* v1.1.51 — Keep savings visible even when the mobile order summary is collapsed. */
@media(max-width:900px){
.gmcc-mobile-order-toggle{align-items:center!important}
.gmcc-mobile-order-label{flex:0 0 auto;color:#aaa!important}
.gmcc-mobile-order-prices{margin-left:auto;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:end;column-gap:7px;row-gap:1px;text-align:right;min-width:0}
.gmcc-mobile-order-prices .gmcc-mobile-original-total{grid-column:1;color:#666!important;font-size:10px!important;font-weight:500!important;line-height:1.1;white-space:nowrap}
.gmcc-mobile-order-prices .gmcc-mobile-original-total .woocommerce-Price-amount{color:inherit!important}
.gmcc-mobile-order-prices .gmcc-mobile-total{grid-column:2;margin-left:0!important;font-size:13px;line-height:1.1;white-space:nowrap}
.gmcc-mobile-savings{grid-column:1 / -1;color:#6ddd89!important;font-size:9px!important;font-weight:700!important;line-height:1.15;white-space:nowrap}
}
/* 1.1.52 — tighter mobile cart spacing and truly centered checkout steps. */
@media(max-width:768px){
/* Cart: keep the order card visually connected to the reservation timer. */
body.gmcc-active.woocommerce-cart .gmcc-main{
padding-top:12px!important;
}
/* Three equal mobile columns so no step is visually pushed to either edge. */
.gmcc-progress{
width:100%!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
padding:0!important;
margin-left:auto!important;
margin-right:auto!important;
}
.gmcc-progress-step{
width:100%!important;
min-width:0!important;
justify-content:center!important;
gap:5px!important;
text-align:center!important;
}
.gmcc-progress-step em{
min-width:0!important;
font-size:10px!important;
white-space:nowrap!important;
}
}
/* 1.1.53 — mobile cart vertical rhythm. */
@media(max-width:768px){
/* Match the gap below the reservation box to the spacing used between cards. */
body.gmcc-active.woocommerce-cart .gmcc-main{
padding-top:16px!important;
}
body.gmcc-active.woocommerce-cart .gmcc-main>.woocommerce,
body.gmcc-active.woocommerce-cart .gmcc-main .gmcc-cart-layout{
margin-top:0!important;
padding-top:0!important;
}
body.gmcc-active.woocommerce-cart .gmcc-main .woocommerce-notices-wrapper:empty{
display:none!important;
margin:0!important;
padding:0!important;
}
}
/* 1.1.57 — Mercado Pago holder document: compact, aligned and visually consistent.
* Identification type/number are normal DOM controls, so keep their SDK bindings
* intact while flattening only structural wrappers. Flex is used here because the
* Mercado Pago markup may include a label plus several nested bridge nodes. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row{
display:flex!important;
flex-wrap:wrap!important;
align-items:flex-start!important;
column-gap:12px!important;
row-gap:8px!important;
width:100%!important;
min-height:0!important;
height:auto!important;
max-height:none!important;
margin:0 0 18px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row .gmcc-mp-document-bridge{
display:contents!important;
width:auto!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row label,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row legend{
flex:0 0 100%!important;
width:100%!important;
margin:0!important;
padding:0!important;
min-height:0!important;
height:auto!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-type{
flex:0 0 160px!important;
width:160px!important;
max-width:160px!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-number{
flex:1 1 0!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-type,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-number,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationType,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom select[name="identificationType"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="identificationNumber"]{
min-height:48px!important;
height:48px!important;
margin:0!important;
padding:0 13px!important;
position:relative!important;
inset:auto!important;
float:none!important;
background:#fff!important;
background-color:#fff!important;
color:#333!important;
-webkit-text-fill-color:#333!important;
caret-color:#333!important;
border:1px solid #b9b9b9!important;
border-radius:9px!important;
box-shadow:none!important;
font-size:15px!important;
line-height:46px!important;
outline:0!important;
color-scheme:light!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber::placeholder,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="identificationNumber"]::placeholder{
color:#777!important;
-webkit-text-fill-color:#777!important;
opacity:1!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-type:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-number:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationType:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber:focus{
border-color:#8a8a8a!important;
box-shadow:0 0 0 2px rgba(0,0,0,.08)!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber:-webkit-autofill,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber:-webkit-autofill:hover,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber:-webkit-autofill:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="identificationNumber"]:-webkit-autofill,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="identificationNumber"]:-webkit-autofill:hover,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="identificationNumber"]:-webkit-autofill:focus{
-webkit-text-fill-color:#333!important;
caret-color:#333!important;
-webkit-box-shadow:0 0 0 1000px #fff inset!important;
box-shadow:0 0 0 1000px #fff inset!important;
}
/* Remove height/min-height left by MP structural nodes in the document block. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row *:not(.gmcc-mp-document-type):not(.gmcc-mp-document-number):not(label):not(legend){
min-height:0!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row .gmcc-mp-document-bridge:empty{
display:none!important;
}
/* Installments should follow the same vertical rhythm as the other card fields. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row + *,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom [id*="installment"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom [class*="installment"]{
margin-top:0!important;
}
/* Cardholder name is a light DOM control. Browser autofill must not turn its
* text white against the white Mercado Pago background. */
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__cardholderName,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="cardholderName"]{
color:#333!important;
-webkit-text-fill-color:#333!important;
caret-color:#333!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__cardholderName:-webkit-autofill,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__cardholderName:-webkit-autofill:hover,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__cardholderName:-webkit-autofill:focus,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="cardholderName"]:-webkit-autofill,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="cardholderName"]:-webkit-autofill:hover,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="cardholderName"]:-webkit-autofill:focus{
-webkit-text-fill-color:#333!important;
caret-color:#333!important;
-webkit-box-shadow:0 0 0 1000px #fff inset!important;
box-shadow:0 0 0 1000px #fff inset!important;
transition:background-color 9999s ease-out 0s!important;
}
@media(max-width:520px){
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-row{
column-gap:8px!important;
margin-bottom:16px!important;
}
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-type{
flex-basis:112px!important;
width:112px!important;
max-width:112px!important;
}
}
/* 1.1.58 — premium cart coupon interaction. */
.gmcc-coupon{
margin-top:14px;
}
.gmcc-coupon-toggle{
min-height:48px;
padding:8px 0!important;
align-items:center;
color:#b9baba!important;
font-weight:750;
letter-spacing:.02em;
transition:color .16s ease;
}
.gmcc-coupon-toggle:hover,
.gmcc-coupon-toggle.is-open{
color:#f2f2f2!important;
}
.gmcc-coupon-toggle > span{
width:30px!important;
height:30px!important;
flex:0 0 30px!important;
font-size:29px!important;
line-height:30px!important;
font-weight:300!important;
transform:none!important;
transition:color .16s ease, transform .16s ease;
}
.gmcc-coupon-toggle.is-open > span{
color:#7ee193!important;
}
.gmcc-coupon-form{
grid-template-columns:minmax(0,1fr) 118px!important;
gap:10px!important;
align-items:stretch;
padding:4px 0 2px;
}
.gmcc-coupon-form input[type="text"]{
width:100%!important;
height:46px!important;
min-height:46px!important;
margin:0!important;
padding:0 14px!important;
border:1px solid #393a3a!important;
border-radius:9px!important;
background:#111212!important;
background-color:#111212!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
caret-color:#fff!important;
box-shadow:none!important;
outline:none!important;
font-size:14px!important;
transition:border-color .16s ease, box-shadow .16s ease!important;
}
.gmcc-coupon-form input[type="text"]::placeholder{
color:#777!important;
opacity:1!important;
}
.gmcc-coupon-form input[type="text"]:hover{
background:#111212!important;
background-color:#111212!important;
border-color:#484a4a!important;
}
.gmcc-coupon-form input[type="text"]:focus,
.gmcc-coupon-form input[type="text"]:focus-visible,
.gmcc-coupon-form input[type="text"]:active{
background:#111212!important;
background-color:#111212!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border-color:#666!important;
box-shadow:0 0 0 3px rgba(255,255,255,.045)!important;
outline:none!important;
}
.gmcc-coupon-form input[type="text"]:-webkit-autofill,
.gmcc-coupon-form input[type="text"]:-webkit-autofill:hover,
.gmcc-coupon-form input[type="text"]:-webkit-autofill:focus{
-webkit-text-fill-color:#fff!important;
caret-color:#fff!important;
-webkit-box-shadow:0 0 0 1000px #111212 inset!important;
box-shadow:0 0 0 1000px #111212 inset!important;
border-color:#666!important;
transition:background-color 9999s ease-out 0s!important;
}
.gmcc-coupon-form button[type="submit"]{
height:46px!important;
min-height:46px!important;
margin:0!important;
padding:0 18px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #454747!important;
border-radius:9px!important;
background:#1a1b1b!important;
color:#f2f2f2!important;
box-shadow:none!important;
font-size:12px!important;
font-weight:850!important;
letter-spacing:.035em!important;
text-transform:uppercase;
cursor:pointer;
transition:border-color .16s ease, color .16s ease, background .16s ease, transform .12s ease!important;
}
.gmcc-coupon-form button[type="submit"]:hover{
border-color:#6bd984!important;
color:#7ee193!important;
background:#1c1e1d!important;
}
.gmcc-coupon-form button[type="submit"]:active{
transform:translateY(1px);
}
@media(max-width:520px){
.gmcc-coupon-form{
grid-template-columns:minmax(0,1fr) 96px!important;
gap:8px!important;
}
.gmcc-coupon-form button[type="submit"]{
padding:0 10px!important;
font-size:11px!important;
}
}
/* Order Bump 1.1.61 — multiple exclusive checkout offers */
.gmcc-bumps{display:grid;gap:12px;margin:0 0 16px}.gmcc-bumps .gmcc-bump{margin:0}.gmcc-bump-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.gmcc-bump-price del{color:#727474;font-weight:600;text-decoration-thickness:1px}.gmcc-bump-price ins{color:#fff;text-decoration:none;font-weight:900}.gmcc-bump-price small{flex-basis:100%;font-size:9px;color:#61c97b;font-weight:800}
/* 1.1.63 — prevent iOS Safari auto-zoom on focused checkout inputs. */
@media (max-width: 768px){
.gmcc-coupon-form input[type="text"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-type,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom .gmcc-mp-document-number,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationType,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom #form-checkout__identificationNumber,
.gmcc-active #payment .payment_method_woo-mercado-pago-custom select[name="identificationType"],
.gmcc-active #payment .payment_method_woo-mercado-pago-custom input[name="identificationNumber"]{
font-size:16px!important;
}
}
/* 1.1.70 — Personal data layout / Brazilian fields.
* Scoped to the billing area only. Payment gateways are intentionally untouched. */
@media (min-width:769px){
.gmcc-active .gmcc-billing .woocommerce-billing-fields__field-wrapper{
display:flex!important;
flex-wrap:wrap!important;
column-gap:12px!important;
}
.gmcc-active .gmcc-billing .form-row.gmcc-field-personal.gmcc-personal-full,
.gmcc-active .gmcc-billing #billing_email_field{
flex:0 0 100%!important;
width:100%!important;
max-width:100%!important;
}
.gmcc-active .gmcc-billing .form-row.gmcc-field-personal.gmcc-personal-half,
.gmcc-active .gmcc-billing #billing_first_name_field,
.gmcc-active .gmcc-billing #billing_last_name_field,
.gmcc-active .gmcc-billing #billing_cpf_field,
.gmcc-active .gmcc-billing #billing_cellphone_field,
.gmcc-active .gmcc-billing #billing_phone_field{
flex:0 0 calc(50% - 6px)!important;
width:calc(50% - 6px)!important;
max-width:calc(50% - 6px)!important;
}
}
@media (max-width:768px){
.gmcc-active .gmcc-billing .form-row.gmcc-field-personal,
.gmcc-active .gmcc-billing #billing_email_field,
.gmcc-active .gmcc-billing #billing_first_name_field,
.gmcc-active .gmcc-billing #billing_last_name_field,
.gmcc-active .gmcc-billing #billing_cpf_field,
.gmcc-active .gmcc-billing #billing_cellphone_field,
.gmcc-active .gmcc-billing #billing_phone_field{
flex:0 0 100%!important;
width:100%!important;
max-width:100%!important;
}
.gmcc-active .gmcc-billing #billing_cpf{
font-size:16px!important;
}
}
/* 1.1.77 — free-shipping ETA uses the exact same typography as paid methods. */
.gmcc-shipping-methods ul#shipping_method li > p.gmcc-free-shipping-eta-wrap{
margin:0!important;
padding:0!important;
text-align:right!important;
color:#888!important;
font-size:11px!important;
font-weight:400!important;
line-height:1.35!important;
}
.gmcc-shipping-methods ul#shipping_method li > p.gmcc-free-shipping-eta-wrap > small{
color:inherit!important;
font-family:inherit!important;
font-size:inherit!important;
font-style:normal!important;
font-weight:inherit!important;
line-height:inherit!important;
}
/* Normalize every shipping method title/ETA so selected state changes only the radio, not sizing. */
.gmcc-shipping-methods ul#shipping_method li > label.shipping__list_label{
font-size:13px!important;
line-height:1.35!important;
}
.gmcc-shipping-methods ul#shipping_method li > p > small{
font-family:inherit!important;
font-size:11px!important;
line-height:1.35!important;
}
/* 1.1.83 — GrowMode premium cart drawer. */
.gmcc-drawer-enabled #cart-popup,
.gmcc-drawer-enabled #cart-popup-mobile{display:none!important}
body.gmcc-drawer-open{overflow:hidden!important}
.gmcc-cart-drawer{position:fixed;inset:0;z-index:100000;visibility:hidden;pointer-events:none}
.gmcc-cart-drawer.is-open{visibility:visible;pointer-events:auto}
.gmcc-cart-drawer__overlay{position:absolute;inset:0;border:0!important;margin:0!important;padding:0!important;background:rgba(0,0,0,.66)!important;opacity:0;transition:opacity .22s ease;cursor:default}
.gmcc-cart-drawer.is-open .gmcc-cart-drawer__overlay{opacity:1}
.gmcc-cart-drawer__panel{position:absolute;top:0;right:0;width:min(460px,94vw);height:100%;display:flex;flex-direction:column;background:#111212;color:#fff;border-left:1px solid rgba(255,255,255,.1);box-shadow:-24px 0 60px rgba(0,0,0,.38);transform:translateX(102%);transition:transform .25s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.gmcc-cart-drawer.is-open .gmcc-cart-drawer__panel{transform:translateX(0)}
.gmcc-cart-drawer__close{position:absolute;z-index:3;top:18px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1)!important;border-radius:50%!important;background:#191a1a!important;color:#fff!important;padding:0!important;cursor:pointer}
.gmcc-cart-drawer__close span:before,.gmcc-cart-drawer__close span:after{content:"";position:absolute;left:11px;top:18px;width:16px;height:1.5px;background:#ddd;border-radius:2px}
.gmcc-cart-drawer__close span:before{transform:rotate(45deg)}.gmcc-cart-drawer__close span:after{transform:rotate(-45deg)}
.gmcc-cart-drawer__content{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px calc(26px + env(safe-area-inset-bottom));scrollbar-width:thin}
.gmcc-cart-drawer__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-right:48px;margin-bottom:20px}
.gmcc-cart-drawer__head h2{margin:3px 0 0!important;color:#fff!important;font-size:23px!important;line-height:1.15!important}
.gmcc-cart-drawer__count{font-size:12px;color:#858686;white-space:nowrap}
.gmcc-cart-drawer .gmcc-drawer-countdown{width:100%;margin:0 0 14px!important;min-height:52px;padding:0 14px!important;border-radius:11px;font-size:12px}
.gmcc-cart-drawer .gmcc-drawer-countdown .gmcc-countdown-clock{width:18px;height:18px}
.gmcc-cart-drawer__saving{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(102,218,130,.28);border-radius:10px;background:rgba(83,190,108,.07);color:#9ca09d;font-size:12px}
.gmcc-cart-drawer__saving strong{color:#70dd8a;font-size:14px}
.gmcc-cart-drawer__items{border-top:1px solid rgba(255,255,255,.07)}
.gmcc-cart-drawer__item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:opacity .15s}
.gmcc-cart-drawer__item.is-updating{opacity:.48;pointer-events:none}
.gmcc-cart-drawer__thumb img{display:block;width:76px;height:76px;object-fit:cover;border-radius:10px;background:#181919;border:1px solid rgba(255,255,255,.08)}
.gmcc-cart-drawer__product{min-width:0;display:flex;flex-direction:column}
.gmcc-cart-drawer__name{display:block;padding-right:2px;color:#f2f2f2;font-size:13px;line-height:1.35;font-weight:800}
.gmcc-cart-drawer__price{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:13px}
.gmcc-cart-drawer__price del{color:#666;text-decoration-thickness:1px}.gmcc-cart-drawer__price ins{color:#fff;text-decoration:none;font-weight:850}
.gmcc-cart-drawer__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}
.gmcc-drawer-qty{display:grid;grid-template-columns:30px 34px 30px;align-items:center;border:1px solid #3b3c3c;border-radius:8px;overflow:hidden;background:#111}
.gmcc-drawer-qty button,.gmcc-drawer-qty span{height:30px;display:grid;place-items:center;border:0!important;background:#111!important;color:#fff!important;padding:0!important;margin:0!important;font-size:13px}
.gmcc-drawer-qty button{cursor:pointer}.gmcc-drawer-remove{border:0!important;background:none!important;color:#777!important;text-decoration:underline;padding:4px 0!important;font-size:10px!important;cursor:pointer}
.gmcc-cart-drawer .gmcc-free-shipping-progress{margin:16px 0 0!important;padding:15px 0!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.gmcc-cart-drawer .gmcc-free-shipping-copy{font-size:11px!important}
.gmcc-cart-drawer__totals{padding:14px 0 2px}
.gmcc-cart-drawer__totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;color:#a9aaaa;font-size:12px}
.gmcc-cart-drawer__totals strong{color:#e7e7e7;font-size:13px}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount span,.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount strong{color:#70dd8a}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total{margin-top:3px;padding-top:14px;border-top:0;color:#fff;font-size:16px;font-weight:800}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total.has-breakdown{border-top:1px solid rgba(255,255,255,.08)}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total strong{font-size:20px;color:#fff}
.gmcc-cart-drawer__ctas{display:grid;gap:9px;margin-top:12px}
.gmcc-cart-drawer__checkout{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;background:#fff;color:#111!important;font-size:13px;font-weight:900;text-decoration:none!important}
.gmcc-cart-drawer__checkout span{display:inline-block;transition:transform .15s ease}.gmcc-cart-drawer__checkout:hover span{transform:translateX(4px)}
.gmcc-cart-drawer__cart{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #3d3f3f;border-radius:10px;background:#181919;color:#ddd!important;font-size:12px;font-weight:750;text-decoration:none!important}
.gmcc-cart-drawer__trust{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#777;font-size:10px}
.gmcc-cart-drawer__empty{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px;color:#888}
.gmcc-cart-drawer__empty-icon{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin-bottom:16px!important;border:1px solid #3c3e3e!important;border-radius:50%!important;display:block!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:28px 28px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8.5 11.5h4.2l3.7 19.1h19.2l3-12.8H15.2' fill='none' stroke='%238b8d8d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5 24.2h16.2' fill='none' stroke='%238b8d8d' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='19.5' cy='36.1' r='2.5' fill='none' stroke='%238b8d8d' stroke-width='2.4'/%3E%3Ccircle cx='34.5' cy='36.1' r='2.5' fill='none' stroke='%238b8d8d' stroke-width='2.4'/%3E%3C/svg%3E")!important}.gmcc-cart-drawer__empty-icon:before,.gmcc-cart-drawer__empty-icon:after{content:none!important;display:none!important}.gmcc-cart-drawer__empty strong{font-size:16px;color:#eee}.gmcc-cart-drawer__empty p{max-width:260px;margin:8px 0 18px;font-size:12px;line-height:1.5}.gmcc-cart-drawer__empty a{display:flex;min-height:44px;padding:0 20px;align-items:center;border-radius:9px;background:#fff;color:#111!important;font-weight:850;font-size:12px;text-decoration:none!important}
@media(max-width:520px){
.gmcc-cart-drawer__panel{width:100%;max-width:none;border-left:0}
.gmcc-cart-drawer__content{padding:22px 18px calc(22px + env(safe-area-inset-bottom))}
.gmcc-cart-drawer__close{top:14px;right:14px}
.gmcc-cart-drawer__head{padding-right:44px;margin-bottom:16px}
.gmcc-cart-drawer__head h2{font-size:21px!important}
.gmcc-cart-drawer__item{grid-template-columns:68px minmax(0,1fr);gap:12px}
.gmcc-cart-drawer__thumb img{width:68px;height:68px}
.gmcc-cart-drawer__name{font-size:12px}
}
/* 1.1.84 — Drawer hierarchy/contrast refinements. */
/* Keep the drawer focused on cart value: no scarcity/savings alert stack. */
.gmcc-cart-drawer .gmcc-drawer-countdown,
.gmcc-cart-drawer__saving,
.gmcc-cart-drawer__trust{display:none!important}
/* Free-shipping progress is a full-width drawer section, not a nested card. */
.gmcc-cart-drawer .gmcc-free-shipping-progress{
box-sizing:border-box!important;
width:calc(100% + 48px)!important;
max-width:none!important;
margin:14px -24px 0!important;
padding:16px 24px 17px!important;
background:#141515!important;
border:0!important;
border-top:1px solid rgba(255,255,255,.08)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
border-radius:0!important;
}
.gmcc-cart-drawer .gmcc-free-shipping-copy{
color:#d5d6d6!important;
font-size:12px!important;
font-weight:700!important;
line-height:1.4!important;
}
.gmcc-cart-drawer .gmcc-free-shipping-progress.is-complete .gmcc-free-shipping-copy{color:#82e397!important}
/* Theme-proof price/text contrast inside the dark drawer. */
.gmcc-cart-drawer__name,
.gmcc-cart-drawer__head h2{color:#f5f5f5!important}
.gmcc-cart-drawer__price ins,
.gmcc-cart-drawer__price ins .woocommerce-Price-amount,
.gmcc-cart-drawer__price ins bdi,
.gmcc-cart-drawer__price ins .woocommerce-Price-currencySymbol{
color:#f7f7f7!important;
opacity:1!important;
}
.gmcc-cart-drawer__price del,
.gmcc-cart-drawer__price del .woocommerce-Price-amount,
.gmcc-cart-drawer__price del bdi,
.gmcc-cart-drawer__price del .woocommerce-Price-currencySymbol{
color:#727474!important;
opacity:1!important;
}
.gmcc-cart-drawer__totals>div>span{color:#b9baba!important}
.gmcc-cart-drawer__totals>div>strong,
.gmcc-cart-drawer__totals>div>strong .woocommerce-Price-amount,
.gmcc-cart-drawer__totals>div>strong bdi,
.gmcc-cart-drawer__totals>div>strong .woocommerce-Price-currencySymbol{
color:#ededed!important;
opacity:1!important;
}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount>span,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount>strong,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount .woocommerce-Price-amount,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount bdi,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount .woocommerce-Price-currencySymbol{
color:#70dd8a!important;
}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total>span,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total>strong,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total .woocommerce-Price-amount,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total bdi,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__total .woocommerce-Price-currencySymbol{
color:#fff!important;
opacity:1!important;
}
@media(max-width:520px){
.gmcc-cart-drawer .gmcc-free-shipping-progress{
width:calc(100% + 36px)!important;
margin-left:-18px!important;
margin-right:-18px!important;
padding-left:18px!important;
padding-right:18px!important;
}
}
/* 1.1.85 — Fixed conversion footer; product list gets the flexible drawer area. */
.gmcc-cart-drawer__content{
display:flex!important;
flex-direction:column!important;
height:100%!important;
min-height:0!important;
overflow:hidden!important;
padding-bottom:0!important;
}
.gmcc-cart-drawer__head{
flex:0 0 auto!important;
}
.gmcc-cart-drawer__body{
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
scrollbar-width:thin;
padding-bottom:10px;
}
.gmcc-cart-drawer__footer{
flex:0 0 auto!important;
margin:0 -24px!important;
padding:0 24px calc(22px + env(safe-area-inset-bottom))!important;
background:#111212!important;
border-top:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 -14px 30px rgba(0,0,0,.18);
position:relative;
z-index:2;
}
/* The shipping section now belongs to the fixed footer and spans its full width. */
.gmcc-cart-drawer__footer .gmcc-free-shipping-progress{
width:calc(100% + 48px)!important;
margin:0 -24px!important;
padding:16px 24px 17px!important;
border-top:0!important;
}
.gmcc-cart-drawer__footer .gmcc-cart-drawer__totals{padding-top:14px!important}
.gmcc-cart-drawer__footer .gmcc-cart-drawer__ctas{margin-top:12px!important}
@media(max-width:520px){
.gmcc-cart-drawer__footer{
margin:0 -18px!important;
padding:0 18px calc(18px + env(safe-area-inset-bottom))!important;
}
.gmcc-cart-drawer__footer .gmcc-free-shipping-progress{
width:calc(100% + 36px)!important;
margin:0 -18px!important;
padding-left:18px!important;
padding-right:18px!important;
}
}
/* 1.1.86 — Drawer header, close affordance and symmetrical close animation. */
.gmcc-cart-drawer.is-closing{
visibility:visible!important;
pointer-events:none!important;
}
.gmcc-cart-drawer.is-closing .gmcc-cart-drawer__overlay{opacity:0!important}
.gmcc-cart-drawer.is-closing .gmcc-cart-drawer__panel{transform:translateX(102%)!important}
/* Minimal close control: just the X, anchored to the drawer edge. */
.gmcc-cart-drawer__close{
top:10px!important;
right:10px!important;
width:42px!important;
height:42px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
display:grid!important;
place-items:center!important;
overflow:visible!important;
}
.gmcc-cart-drawer__close span{
position:relative!important;
display:block!important;
width:30px!important;
height:30px!important;
transform:rotate(0deg);
transition:transform .38s cubic-bezier(.2,.75,.25,1);
}
.gmcc-cart-drawer__close:hover span,
.gmcc-cart-drawer__close:focus-visible span{transform:rotate(360deg)}
.gmcc-cart-drawer__close span:before,
.gmcc-cart-drawer__close span:after{
left:3px!important;
top:14px!important;
width:24px!important;
height:2px!important;
background:#e7e7e7!important;
transform-origin:center!important;
}
.gmcc-cart-drawer__close span:before{transform:rotate(45deg)!important}
.gmcc-cart-drawer__close span:after{transform:rotate(-45deg)!important}
/* Give the title/count one clear baseline and keep both away from the close control. */
.gmcc-cart-drawer__head{
display:block!important;
padding-right:0!important;
margin-bottom:20px!important;
}
.gmcc-cart-drawer__head>.gmcc-kicker{display:block!important;padding-right:54px!important}
.gmcc-cart-drawer__title-row{
display:flex!important;
align-items:baseline!important;
justify-content:space-between!important;
gap:16px!important;
margin-top:3px!important;
padding-right:4px!important;
}
.gmcc-cart-drawer__title-row h2{margin:0!important;min-width:0!important}
.gmcc-cart-drawer__count{
flex:0 0 auto!important;
margin:0!important;
color:#858686!important;
font-size:12px!important;
line-height:1.2!important;
text-align:right!important;
}
@media(max-width:520px){
.gmcc-cart-drawer__close{
top:calc(6px + env(safe-area-inset-top))!important;
right:8px!important;
}
.gmcc-cart-drawer__head>.gmcc-kicker{padding-right:48px!important}
.gmcc-cart-drawer__title-row{padding-right:2px!important}
}
/* 1.1.87 — Coupon lives in the fixed drawer footer; single checkout CTA. */
.gmcc-drawer-coupon{
border-bottom:1px solid rgba(255,255,255,.08);
}
.gmcc-drawer-coupon__toggle{
width:100%!important;
min-height:48px!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#bfc0c0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
font-size:12px!important;
font-weight:750!important;
text-transform:uppercase!important;
letter-spacing:.02em!important;
box-shadow:none!important;
}
.gmcc-drawer-coupon__toggle b{
color:#f0f0f0!important;
font-size:22px!important;
line-height:1!important;
font-weight:400!important;
}
.gmcc-drawer-coupon__form{padding:0 0 14px!important;margin:0!important}
.gmcc-drawer-coupon__fields{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.gmcc-drawer-coupon__fields input{
width:100%!important;
min-width:0!important;
height:44px!important;
margin:0!important;
padding:0 13px!important;
border:1px solid #3a3c3c!important;
border-radius:9px!important;
background:#0f1010!important;
color:#f1f1f1!important;
-webkit-text-fill-color:#f1f1f1!important;
font-size:16px!important;
box-shadow:none!important;
outline:none!important;
}
.gmcc-drawer-coupon__fields input::placeholder{color:#707171!important;-webkit-text-fill-color:#707171!important}
.gmcc-drawer-coupon__fields input:hover{border-color:#484a4a!important;background:#0f1010!important}
.gmcc-drawer-coupon__fields input:focus,
.gmcc-drawer-coupon__fields input:focus-visible,
.gmcc-drawer-coupon__fields input:active{border-color:#666!important;background:#0f1010!important;box-shadow:0 0 0 3px rgba(255,255,255,.045)!important;outline:none!important}
.gmcc-drawer-coupon__fields button{
min-width:84px!important;
height:44px!important;
padding:0 15px!important;
margin:0!important;
border:1px solid #434545!important;
border-radius:9px!important;
background:#191a1a!important;
color:#f3f3f3!important;
font-size:11px!important;
font-weight:850!important;
text-transform:uppercase!important;
box-shadow:none!important;
}
.gmcc-drawer-coupon__fields button:hover{border-color:#5fd67d!important;color:#79df90!important}
.gmcc-drawer-coupon__fields button:disabled{opacity:.55!important;cursor:wait!important}
.gmcc-drawer-coupon__message{margin:8px 0 0!important;font-size:10px!important;line-height:1.35!important;color:#8c8d8d!important}
.gmcc-drawer-coupon__message.is-error{color:#ef7777!important}
.gmcc-drawer-coupon__message.is-success{color:#70dd8a!important}
.gmcc-cart-drawer__ctas{grid-template-columns:1fr!important}
.gmcc-cart-drawer__cart{display:none!important}
@media(max-width:520px){
.gmcc-drawer-coupon__fields{grid-template-columns:minmax(0,1fr) 78px!important}
.gmcc-drawer-coupon__fields button{min-width:78px!important;padding:0 10px!important}
}
/* 1.1.92 — Compact subtotal/discount spacing in the fixed cart drawer footer. */
.gmcc-cart-drawer__totals .gmcc-cart-drawer__subtotal,
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount{
padding:5px 0!important;
}
.gmcc-cart-drawer__totals .gmcc-cart-drawer__discount{
margin-top:-1px!important;
}
/* 1.1.93 — Drawer close control pinned to the edge; mobile keeps a visible left gutter. */
.gmcc-cart-drawer__close{
top:8px!important;
right:8px!important;
inset-inline-end:8px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.gmcc-cart-drawer__close span{
margin:0!important;
}
@media(max-width:520px){
.gmcc-cart-drawer__panel{
width:calc(100vw - 24px)!important;
max-width:none!important;
right:0!important;
left:auto!important;
}
.gmcc-cart-drawer__close{
top:calc(6px + env(safe-area-inset-top))!important;
right:6px!important;
inset-inline-end:6px!important;
}
.gmcc-cart-drawer__content{
padding-left:18px!important;
padding-right:18px!important;
}
}
/* 1.1.94 — Keep the drawer close control visually borderless on touch/mobile.
The drawer no longer programmatically focuses this button when opening,
avoiding Safari/theme focus rectangles around the X. */
.gmcc-cart-drawer__close,
.gmcc-cart-drawer__close:hover,
.gmcc-cart-drawer__close:active,
.gmcc-cart-drawer__close:focus,
.gmcc-cart-drawer__close:focus-visible{
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
-webkit-appearance:none!important;
appearance:none!important;
-webkit-tap-highlight-color:transparent!important;
}
/* 1.1.97 — Deterministic mobile drawer close control.
A unique asset version also prevents Safari/CDN from alternating between
older 1.1.94 CSS builds that shared the same cache URL. */
button.gmcc-cart-drawer__close,
button.gmcc-cart-drawer__close:hover,
button.gmcc-cart-drawer__close:active,
button.gmcc-cart-drawer__close:focus,
button.gmcc-cart-drawer__close:focus-visible{
-webkit-appearance:none!important;
appearance:none!important;
position:absolute!important;
z-index:20!important;
top:8px!important;
right:8px!important;
inset-inline-end:8px!important;
width:42px!important;
height:42px!important;
min-width:0!important;
min-height:0!important;
max-width:none!important;
max-height:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-width:0!important;
border-style:none!important;
border-color:transparent!important;
border-radius:0!important;
outline:0!important;
outline-width:0!important;
outline-color:transparent!important;
box-shadow:none!important;
background:none!important;
background-color:transparent!important;
color:#fff!important;
text-shadow:none!important;
-webkit-tap-highlight-color:transparent!important;
cursor:pointer!important;
display:grid!important;
place-items:center!important;
overflow:visible!important;
}
button.gmcc-cart-drawer__close::before,
button.gmcc-cart-drawer__close::after{
content:none!important;
display:none!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:none!important;
}
button.gmcc-cart-drawer__close span{
position:relative!important;
display:block!important;
width:30px!important;
height:30px!important;
margin:0!important;
padding:0!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
transform:rotate(0deg);
transition:transform .38s cubic-bezier(.2,.75,.25,1);
}
@media (hover:hover) and (pointer:fine){
button.gmcc-cart-drawer__close:hover span{transform:rotate(360deg)}
}
@media(max-width:520px){
button.gmcc-cart-drawer__close,
button.gmcc-cart-drawer__close:hover,
button.gmcc-cart-drawer__close:active,
button.gmcc-cart-drawer__close:focus,
button.gmcc-cart-drawer__close:focus-visible{
top:calc(6px + env(safe-area-inset-top))!important;
right:6px!important;
inset-inline-end:6px!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
}
}
/* 1.1.99 — fixed-footer extension slot + standalone coupon section. */
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon{
box-sizing:border-box!important;
width:calc(100% + 48px)!important;
margin:0 -24px!important;
padding:0 24px!important;
background:#141515!important;
border-top:0!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon .gmcc-drawer-coupon__toggle{min-height:52px!important}
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon .gmcc-drawer-coupon__form{padding-bottom:16px!important}
@media(max-width:520px){
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon{
width:calc(100% + 36px)!important;
margin-left:-18px!important;
margin-right:-18px!important;
padding-left:18px!important;
padding-right:18px!important;
}
}
/* 1.2.1 — keep cart quantity controls visually centered. */
.gmcc-qty button.gmcc-qty-minus,
.gmcc-qty button.gmcc-qty-plus{
display:grid!important;
place-items:center!important;
text-align:center!important;
line-height:1!important;
padding:0!important;
margin:0!important;
min-width:0!important;
min-height:32px!important;
height:32px!important;
}
.gmcc-qty input{
display:block!important;
line-height:32px!important;
padding:0!important;
}
/* 1.2.6 — normalize the drawer coupon button against theme button margins. */
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon > .gmcc-drawer-coupon__toggle{
margin:0!important;
height:52px!important;
min-height:52px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
line-height:1.2!important;
}
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon > .gmcc-drawer-coupon__toggle > span,
.gmcc-cart-drawer__footer > .gmcc-drawer-coupon > .gmcc-drawer-coupon__toggle > b{
margin:0!important;
padding:0!important;
align-self:center!important;
}
/* 1.2.8 — Optional Conversion-style native WooCommerce add-to-cart button.
Styling only: WooCommerce keeps ownership of the original button and add-to-cart flow. */
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button{
min-height:52px!important;
padding:0 24px!important;
border:0!important;
border-radius:10px!important;
background:#fff!important;
color:#111!important;
font-size:14px!important;
font-weight:900!important;
line-height:1!important;
text-transform:none!important;
letter-spacing:0!important;
box-shadow:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
cursor:pointer!important;
opacity:1!important;
transition:background-color .12s ease,color .12s ease,transform .12s ease!important;
}
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button::before,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button::before{
content:none!important;
display:none!important;
}
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button::after,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button::after{
content:"→"!important;
display:inline-block!important;
position:static!important;
width:auto!important;
height:auto!important;
margin:0!important;
background:none!important;
color:currentColor!important;
font-size:20px!important;
font-weight:900!important;
line-height:1!important;
transform:none!important;
transition:transform .16s ease!important;
}
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button:hover,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button:hover{
background:#fff!important;
color:#111!important;
opacity:1!important;
}
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button:hover::after,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button:hover::after{
transform:translateX(4px)!important;
}
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button:active,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button:active{
transform:scale(.995)!important;
}
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button.disabled,
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button:disabled,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button.disabled,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button:disabled{
opacity:.55!important;
cursor:not-allowed!important;
}
@media(max-width:768px){
.gmcc-conversion-add-to-cart.single-product .single_add_to_cart_button.button,
.gmcc-conversion-add-to-cart.single-product button.single_add_to_cart_button{
min-height:52px!important;
font-size:14px!important;
}
}
/* 1.2.11 — Smooth, faster continuous attention loop for the native add-to-cart arrow.
Alternate direction removes any hold at the endpoints while keeping hover isolated. */
@keyframes gmcc-add-to-cart-arrow-attention{
from{translate:-2px 0}
to{translate:4px 0}
}
body.gmcc-conversion-add-to-cart.gmcc-add-to-cart-arrow-loop.single-product .single_add_to_cart_button.button::after,
body.gmcc-conversion-add-to-cart.gmcc-add-to-cart-arrow-loop.single-product button.single_add_to_cart_button::after{
animation:gmcc-add-to-cart-arrow-attention .52s ease-in-out infinite alternate!important;
will-change:translate;
}
/* Preserve the stable/original hover behavior without the loop competing with it. */
body.gmcc-conversion-add-to-cart.gmcc-add-to-cart-arrow-loop.single-product .single_add_to_cart_button.button:hover::after,
body.gmcc-conversion-add-to-cart.gmcc-add-to-cart-arrow-loop.single-product button.single_add_to_cart_button:hover::after{
animation-play-state:paused!important;
translate:0 0;
}