.elementor-kit-41{--e-global-color-vamtam_accent_1:#0F4C20;--e-global-color-vamtam_accent_2:#F5F3F1;--e-global-color-vamtam_accent_3:#5E5E5E;--e-global-color-vamtam_accent_4:#DCD6CC;--e-global-color-vamtam_accent_5:#FFFFFF;--e-global-color-vamtam_accent_6:#000000;--e-global-color-vamtam_accent_7:#BFBDBB;--e-global-color-vamtam_accent_8:#FAF9F8;--e-global-color-vamtam_sticky_header_bg_color:#000000;--e-global-color-1857caf:#0F4C20;--e-global-color-cbeb793:#0F4C20;--e-global-typography-vamtam_primary_font-font-family:"Comfortaa";--e-global-typography-vamtam_primary_font-font-size:16px;--e-global-typography-vamtam_primary_font-font-weight:300;--e-global-typography-vamtam_primary_font-line-height:1.6em;--e-global-typography-vamtam_h1-font-family:"Comfortaa";--e-global-typography-vamtam_h1-font-size:71px;--e-global-typography-vamtam_h1-font-weight:800;--e-global-typography-vamtam_h1-text-transform:none;--e-global-typography-vamtam_h1-line-height:1.2em;--e-global-typography-vamtam_h2-font-family:"Comfortaa";--e-global-typography-vamtam_h2-font-size:60px;--e-global-typography-vamtam_h2-font-weight:800;--e-global-typography-vamtam_h2-text-transform:none;--e-global-typography-vamtam_h2-line-height:1.15em;--e-global-typography-vamtam_h3-font-family:"Comfortaa";--e-global-typography-vamtam_h3-font-size:40px;--e-global-typography-vamtam_h3-font-weight:800;--e-global-typography-vamtam_h3-text-transform:none;--e-global-typography-vamtam_h3-line-height:1.3em;--e-global-typography-vamtam_h4-font-family:"Comfortaa";--e-global-typography-vamtam_h4-font-size:28px;--e-global-typography-vamtam_h4-font-weight:700;--e-global-typography-vamtam_h4-text-transform:none;--e-global-typography-vamtam_h4-line-height:1.3em;--e-global-typography-vamtam_h5-font-family:"Comfortaa";--e-global-typography-vamtam_h5-font-size:20px;--e-global-typography-vamtam_h5-font-weight:600;--e-global-typography-vamtam_h5-text-transform:uppercase;--e-global-typography-vamtam_h5-line-height:1.7em;--e-global-typography-vamtam_h6-font-family:"Comfortaa";--e-global-typography-vamtam_h6-font-size:16px;--e-global-typography-vamtam_h6-font-weight:500;--e-global-typography-vamtam_h6-text-transform:uppercase;--e-global-typography-vamtam_h6-line-height:1.5em;--e-global-typography-efdc6fc-font-family:"Comfortaa";--e-global-typography-efdc6fc-font-size:16px;--e-global-typography-efdc6fc-font-weight:300;--e-global-typography-efdc6fc-line-height:1.6em;--e-global-typography-29fcf32-font-family:"Comfortaa";--e-global-typography-29fcf32-font-size:14px;--e-global-typography-29fcf32-font-weight:300;--e-global-typography-29fcf32-line-height:1.5em;--e-global-typography-145414a-font-family:"Comfortaa";--e-global-typography-145414a-font-size:100px;--e-global-typography-145414a-font-weight:800;--e-global-typography-145414a-line-height:1em;--e-global-typography-5a79ac0-font-family:"Comfortaa";--e-global-typography-5a79ac0-font-size:14px;--e-global-typography-5a79ac0-font-weight:400;--e-global-typography-5a79ac0-text-transform:none;--e-global-typography-5a79ac0-font-style:normal;--e-global-typography-5a79ac0-line-height:1.2em;--e-global-typography-5a79ac0-letter-spacing:0.02px;--e-global-typography-69bed04-font-family:"Comfortaa";--e-global-typography-69bed04-font-size:12px;--e-global-typography-69bed04-line-height:2.1em;--e-global-typography-4ebf96f-font-family:"Comfortaa";--e-global-typography-4ebf96f-font-size:16px;--e-global-typography-4ebf96f-font-weight:normal;--e-global-typography-4ebf96f-text-transform:uppercase;--e-global-typography-4ebf96f-line-height:1.5em;--e-global-typography-4ebf96f-letter-spacing:0.02px;--e-global-typography-3a8ed5b-font-family:"Comfortaa";--e-global-typography-3a8ed5b-font-size:16px;--e-global-typography-3a8ed5b-font-weight:400;--e-global-typography-3a8ed5b-text-transform:none;--e-global-typography-3a8ed5b-font-style:normal;--e-global-typography-3a8ed5b-line-height:1.6em;--e-global-typography-5b37114-font-family:"Comfortaa";--e-global-typography-5b37114-font-size:16px;--e-global-typography-5b37114-font-weight:600;--e-global-typography-5b37114-text-transform:uppercase;--e-global-typography-5b37114-font-style:normal;--e-global-typography-5b37114-line-height:1.6em;--e-global-typography-7454aab-font-family:"Comfortaa";--e-global-typography-7454aab-font-size:11px;--e-global-typography-7454aab-font-weight:normal;--e-global-typography-7454aab-text-transform:uppercase;--e-global-typography-7454aab-line-height:1.1em;--e-global-typography-7454aab-letter-spacing:0px;--e-global-typography-b002ce5-font-family:"Comfortaa";--e-global-typography-b002ce5-font-size:14px;--e-global-typography-b002ce5-font-weight:normal;--e-global-typography-b002ce5-text-transform:uppercase;--e-global-typography-b002ce5-line-height:1.4em;--e-global-typography-317004b-font-family:"Comfortaa";--e-global-typography-317004b-font-size:12px;--e-global-typography-317004b-font-weight:normal;--e-global-typography-317004b-text-transform:none;--e-global-typography-317004b-line-height:1.2em;--e-global-typography-a9c9415-font-family:"Comfortaa";--e-global-typography-a9c9415-font-size:12px;--e-global-typography-a9c9415-font-weight:normal;--e-global-typography-a9c9415-text-transform:uppercase;--e-global-typography-a9c9415-font-style:normal;--e-global-typography-a9c9415-line-height:1.2em;--e-global-typography-58e03b9-font-family:"Comfortaa";--e-global-typography-58e03b9-font-size:14px;--e-global-typography-58e03b9-font-weight:500;--e-global-typography-58e03b9-text-transform:none;--e-global-typography-58e03b9-line-height:1.5em;--e-global-typography-75e949a-font-family:"Comfortaa";--e-global-typography-75e949a-font-size:14px;--e-global-typography-75e949a-font-weight:500;--e-global-typography-75e949a-text-transform:uppercase;--e-global-typography-75e949a-font-style:normal;--e-global-typography-75e949a-line-height:1.5em;--e-global-typography-77f2e90-font-family:"Comfortaa";--e-global-typography-77f2e90-font-size:107px;--e-global-typography-77f2e90-font-weight:600;--e-global-typography-77f2e90-text-transform:none;--e-global-typography-77f2e90-line-height:0.9em;--e-global-typography-77f2e90-word-spacing:0em;--e-global-typography-680e6b2-font-family:"Comfortaa";--e-global-typography-680e6b2-font-size:10px;--e-global-typography-680e6b2-font-weight:400;--e-global-typography-680e6b2-text-transform:uppercase;--e-global-typography-680e6b2-font-style:normal;--e-global-typography-680e6b2-line-height:2.6em;--e-global-typography-680e6b2-letter-spacing:1px;--e-global-typography-5ec32ec-font-family:"Comfortaa";--e-global-typography-5ec32ec-font-size:14px;--e-global-typography-5ec32ec-font-weight:400;--e-global-typography-5ec32ec-text-transform:uppercase;--e-global-typography-5ec32ec-font-style:normal;--e-global-typography-5ec32ec-line-height:1.5em;--e-global-typography-5ec32ec-letter-spacing:0.02px;--e-global-typography-5b84ae0-font-family:"Comfortaa";--e-global-typography-bced21b-font-family:"Comfortaa";background-color:var( --e-global-color-vamtam_accent_2 );color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );line-height:var( --e-global-typography-vamtam_primary_font-line-height );--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-animation-duration:150ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#0A0000;--e-preloader-size:9px;}.elementor-kit-41 button,.elementor-kit-41 input[type="button"],.elementor-kit-41 input[type="submit"],.elementor-kit-41 .elementor-button{background-color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-5a79ac0-font-family ), Kanit;font-size:var( --e-global-typography-5a79ac0-font-size );font-weight:var( --e-global-typography-5a79ac0-font-weight );text-transform:var( --e-global-typography-5a79ac0-text-transform );font-style:var( --e-global-typography-5a79ac0-font-style );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );color:var( --e-global-color-vamtam_accent_2 );border-radius:2px 2px 2px 2px;padding:16px 20px 16px 20px;}html .button,html button,html input[type=button],html input[type=submit],html .woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button,html .woocommerce a.button,html .woocommerce a.button.loading,html .woocommerce .cross-sells .add_to_cart_button,html .woocommerce a.added_to_cart,html .woocommerce button.button,html .woocommerce input.button,html .woocommerce.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button,html .woocommerce #respond input#submit,html .woocommerce #content input.button,html .woocommerce-page a.button,html .woocommerce-page button.button,html .woocommerce-page input.button,html .woocommerce-page #respond input#submit,html .woocommerce-page #content input.button,html .woocommerce #respond input#submit.alt,html .woocommerce a.button.alt,html .woocommerce button.button.alt,html .woocommerce button.button.alt.disabled,html .woocommerce input.button.alt,html .woocommerce .woocommerce-message .vamtam-close-notice-btn,html a.comment-reply-link,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--checkout,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--view-cart{background-color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-5a79ac0-font-family ), Kanit;font-size:var( --e-global-typography-5a79ac0-font-size );font-weight:var( --e-global-typography-5a79ac0-font-weight );text-transform:var( --e-global-typography-5a79ac0-text-transform );font-style:var( --e-global-typography-5a79ac0-font-style );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );color:var( --e-global-color-vamtam_accent_2 );border-radius:2px 2px 2px 2px;padding:16px 20px 16px 20px;}.elementor-kit-41 button:hover,.elementor-kit-41 button:focus,.elementor-kit-41 input[type="button"]:hover,.elementor-kit-41 input[type="button"]:focus,.elementor-kit-41 input[type="submit"]:hover,.elementor-kit-41 input[type="submit"]:focus,.elementor-kit-41 .elementor-button:hover,.elementor-kit-41 .elementor-button:focus{background-color:var( --e-global-color-vamtam_accent_1 );color:var( --e-global-color-vamtam_accent_5 );border-radius:2px 2px 2px 2px;}html .button:hover,html button:hover,html input[type=button]:hover,html input[type=submit]:hover,html .woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button:hover,html .woocommerce a.button:hover,html .woocommerce a.button.loading:hover,html .woocommerce .cross-sells .add_to_cart_button:hover,html .woocommerce a.added_to_cart:hover,html .woocommerce button.button:hover,html .woocommerce input.button:hover,html .woocommerce.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button:hover,html .woocommerce #respond input#submit:hover,html .woocommerce #content input.button:hover,html .woocommerce-page a.button:hover,html .woocommerce-page button.button:hover,html .woocommerce-page input.button:hover,html .woocommerce-page #respond input#submit:hover,html .woocommerce-page #content input.button:hover,html .woocommerce #respond input#submit.alt:hover,html .woocommerce a.button.alt:hover,html .woocommerce button.button.alt:hover,html .woocommerce button.button.alt.disabled:hover,html .woocommerce input.button.alt:hover,html .woocommerce .woocommerce-message .vamtam-close-notice-btn:hover,html a.comment-reply-link:hover,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--checkout:hover,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--view-cart:hover{background-color:var( --e-global-color-vamtam_accent_1 );color:var( --e-global-color-vamtam_accent_5 );border-radius:2px 2px 2px 2px;}.elementor-kit-41 e-page-transition{background-color:#FFFFFF;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-vamtam_accent_6 );background-image:var( --e-global-color-vamtam_accent_6 );font-family:"Mattone", Kanit;font-size:12px;font-weight:normal;text-transform:none;font-style:normal;line-height:1em;letter-spacing:0.02px;}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-vamtam_accent_1 );background-image:var( --e-global-color-vamtam_accent_1 );}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-vamtam_accent_5 );border-style:solid;border-width:3px 0px 0px 0px;border-color:var( --e-global-color-vamtam_accent_7 );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-vamtam_accent_6 );background-image:var( --e-global-color-vamtam_accent_6 );font-family:"Mattone", Kanit;font-size:12px;font-weight:normal;text-transform:none;font-style:normal;line-height:1em;letter-spacing:0.02px;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-vamtam_accent_1 );background-image:var( --e-global-color-vamtam_accent_1 );}.elementor-kit-41 a:hover{color:var( --e-global-color-vamtam_accent_1 );text-decoration:none;}.elementor-kit-41 h1{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h1-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h1-font-size );font-weight:var( --e-global-typography-vamtam_h1-font-weight );text-transform:var( --e-global-typography-vamtam_h1-text-transform );line-height:var( --e-global-typography-vamtam_h1-line-height );}.elementor-kit-41 .font-h1{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h1-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h1-font-size );font-weight:var( --e-global-typography-vamtam_h1-font-weight );text-transform:var( --e-global-typography-vamtam_h1-text-transform );line-height:var( --e-global-typography-vamtam_h1-line-height );}.elementor-kit-41 h2{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h2-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );text-transform:var( --e-global-typography-vamtam_h2-text-transform );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-kit-41 .font-h2{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h2-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h2-font-size );font-weight:var( --e-global-typography-vamtam_h2-font-weight );text-transform:var( --e-global-typography-vamtam_h2-text-transform );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-kit-41 h3{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h3-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h3-font-size );font-weight:var( --e-global-typography-vamtam_h3-font-weight );text-transform:var( --e-global-typography-vamtam_h3-text-transform );line-height:var( --e-global-typography-vamtam_h3-line-height );}.elementor-kit-41 .font-h3{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h3-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h3-font-size );font-weight:var( --e-global-typography-vamtam_h3-font-weight );text-transform:var( --e-global-typography-vamtam_h3-text-transform );line-height:var( --e-global-typography-vamtam_h3-line-height );}.elementor-kit-41 h4{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h4-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h4-font-size );font-weight:var( --e-global-typography-vamtam_h4-font-weight );text-transform:var( --e-global-typography-vamtam_h4-text-transform );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-kit-41 .font-h4{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h4-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h4-font-size );font-weight:var( --e-global-typography-vamtam_h4-font-weight );text-transform:var( --e-global-typography-vamtam_h4-text-transform );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-kit-41 h5{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h5-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h5-font-size );font-weight:var( --e-global-typography-vamtam_h5-font-weight );text-transform:var( --e-global-typography-vamtam_h5-text-transform );line-height:var( --e-global-typography-vamtam_h5-line-height );}.elementor-kit-41 .font-h5{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h5-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h5-font-size );font-weight:var( --e-global-typography-vamtam_h5-font-weight );text-transform:var( --e-global-typography-vamtam_h5-text-transform );line-height:var( --e-global-typography-vamtam_h5-line-height );}.elementor-kit-41 h6{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h6-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h6-font-size );font-weight:var( --e-global-typography-vamtam_h6-font-weight );text-transform:var( --e-global-typography-vamtam_h6-text-transform );line-height:var( --e-global-typography-vamtam_h6-line-height );}.elementor-kit-41 .font-h6{color:var( --e-global-color-vamtam_accent_6 );font-family:var( --e-global-typography-vamtam_h6-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_h6-font-size );font-weight:var( --e-global-typography-vamtam_h6-font-weight );text-transform:var( --e-global-typography-vamtam_h6-text-transform );line-height:var( --e-global-typography-vamtam_h6-line-height );}html .woocommerce.woocommerce-page .cart-collaterals .wc-proceed-to-checkout .checkout-button,html .woocommerce.woocommerce-page .vamtam-cart-collaterals .coupon button[name=apply_coupon],html .woocommerce.woocommerce-page .checkout_coupon .button[name=apply_coupon],html .woocommerce.woocommerce-page #place_order,html .woocommerce.woocommerce-page .woocommerce-form-login .woocommerce-form-login__submit,html .woocommerce.woocommerce-page .woocommerce-Button.button,html .woocommerce.woocommerce-page .woocommerce-button.button,html .woocommerce.woocommerce-page.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button{font-family:var( --e-global-typography-5a79ac0-font-family ), Kanit;font-size:var( --e-global-typography-5a79ac0-font-size );font-weight:var( --e-global-typography-5a79ac0-font-weight );text-transform:var( --e-global-typography-5a79ac0-text-transform );font-style:var( --e-global-typography-5a79ac0-font-style );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );color:var( --e-global-color-vamtam_accent_2 );background-color:var( --e-global-color-vamtam_accent_6 );border-radius:2px 2px 2px 2px;padding:16px 40px 16px 40px;}html .woocommerce.woocommerce-page .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover,html .woocommerce.woocommerce-page .vamtam-cart-collaterals .coupon button[name=apply_coupon]:hover,html .woocommerce.woocommerce-page .checkout_coupon .button[name=apply_coupon]:hover,html .woocommerce.woocommerce-page #place_order:hover,html .woocommerce.woocommerce-page .woocommerce-form-login .woocommerce-form-login__submit:hover,html .woocommerce.woocommerce-page .woocommerce-Button.button:hover,html .woocommerce.woocommerce-page .woocommerce-button.button:hover,html .woocommerce.woocommerce-page.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button:hover{color:var( --e-global-color-vamtam_accent_5 );background-color:var( --e-global-color-vamtam_accent_1 );border-radius:2px 2px 2px 2px;}.elementor-kit-41 label{color:#000000CC;font-family:"Kanit", Kanit;font-size:16px;font-weight:300;line-height:1.6em;}.elementor-kit-41 input:not([type="button"]):not([type="submit"]),.elementor-kit-41 textarea,.elementor-kit-41 .elementor-field-textual{font-family:"Kanit", Kanit;font-size:14px;font-weight:300;line-height:1.5em;color:var( --e-global-color-vamtam_accent_6 );background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-vamtam_accent_3 );border-radius:0px 0px 0px 0px;padding:0px 0px 5px 0px;}.elementor-kit-41 select,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select,.elementor-kit-41 .select2.select2-container .selection > .select2-selection[role="combobox"],.elementor-kit-41 textarea.input-text[name="order_comments"]{font-family:"Kanit", Kanit;font-size:14px;font-weight:300;line-height:1.5em;}.elementor-kit-41 select,.elementor-kit-41 .select2.select2-container .select2-selection[role="combobox"],.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select,.elementor-kit-41 .elementor-select-wrapper,.elementor-kit-41 input:not([type="button"]):not([type="submit"]),.elementor-kit-41 input:not([type="button"]):not([type="submit"])::placeholder,.elementor-kit-41 textarea,.elementor-kit-41 textarea::placeholder,.elementor-kit-41 textarea.input-text[name="order_comments"],.elementor-kit-41 .elementor-field-textual,.elementor-kit-41 .elementor-field-textual::placeholder{color:var( --e-global-color-vamtam_accent_6 );caret-color:var( --e-global-color-vamtam_accent_6 );}.elementor-kit-41 select,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select,.elementor-kit-41 .select2.select2-container .select2-selection[role="combobox"],.elementor-kit-41 input[type="checkbox"] + label::before,.elementor-kit-41 textarea.input-text[name="order_comments"]{background-color:#02010100 !important;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-vamtam_accent_3 );border-radius:0px 0px 0px 0px;}.elementor-kit-41 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-41 textarea:focus,.elementor-kit-41 .elementor-field-textual:focus{color:var( --e-global-color-vamtam_accent_6 );border-style:solid;border-width:0px 0px 1px 0px;border-color:#FF6A00;border-radius:0px 0px 0px 0px;}.elementor-kit-41 select:focus,.elementor-kit-41 .select2.select2-container .select2-selection[role="combobox"]:focus,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select:focus,.elementor-kit-41 .elementor-select-wrapper:focus-within,.elementor-kit-41 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-41 input:focus:not([type="button"]):not([type="submit"])::placeholder,.elementor-kit-41 textarea:focus,.elementor-kit-41 textarea:focus::placeholder,.elementor-kit-41 textarea.input-text[name="order_comments"]:focus,.elementor-kit-41 .elementor-field-textual:focus,.elementor-kit-41 .elementor-field-textual:focus::placeholder{color:var( --e-global-color-vamtam_accent_6 );caret-color:var( --e-global-color-vamtam_accent_6 );}.elementor-kit-41 select:focus,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select:focus,.elementor-kit-41 .select2.select2-container .select2-selection[role="combobox"]:focus,.elementor-kit-41 input[type="checkbox"]:focus + label::before,.elementor-kit-41 textarea.input-text[name="order_comments"]:focus{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FF6A00;border-radius:0px 0px 0px 0px;}.elementor-kit-41 select:hover,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select:hover,.elementor-kit-41 .select2.select2-container .select2-selection[role="combobox"]:hover,.elementor-kit-41 input:hover:not([type="button"]):not([type="submit"]),.elementor-kit-41 textarea:hover,.elementor-kit-41 textarea.input-text[name="order_comments"]:hover,.elementor-kit-41 .elementor-field-textual:hover,.elementor-kit-41 input[type="checkbox"]:hover + label::before{border-color:#FF6A00;}.elementor-kit-41 select,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select,.elementor-kit-41 .select2.select2-container .select2-selection[role="combobox"],.elementor-kit-41 textarea.input-text[name="order_comments"]{padding:0px 0px 5px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );line-height:var( --e-global-typography-vamtam_primary_font-line-height );--message-buttons-normal-text-color:var( --e-global-color-vamtam_accent_2 );--message-buttons-hover-text-color:var( --e-global-color-vamtam_accent_5 );--message-border-type:none;--message-buttons-border-radius:2px 2px 2px 2px;--message-buttons-padding:10px 14px 8px 14px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{border-style:solid;border-width:3px 0px 0px 0px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-family:var( --e-global-typography-vamtam_primary_font-font-family ), Kanit;font-size:var( --e-global-typography-vamtam_primary_font-font-size );font-weight:var( --e-global-typography-vamtam_primary_font-font-weight );line-height:var( --e-global-typography-vamtam_primary_font-line-height );--info-message-icon-color:var( --e-global-color-vamtam_accent_6 );--info-buttons-normal-text-color:var( --e-global-color-vamtam_accent_2 );--info-buttons-hover-text-color:var( --e-global-color-vamtam_accent_5 );--info-border-type:none;--info-buttons-padding:10px 14px 8px 14px;}@media(max-width:1024px){.elementor-kit-41{--e-global-typography-vamtam_h1-font-size:42px;--e-global-typography-vamtam_h1-line-height:1.1em;--e-global-typography-vamtam_h2-font-size:33px;--e-global-typography-vamtam_h2-line-height:1.1em;--e-global-typography-vamtam_h3-font-size:27px;--e-global-typography-vamtam_h3-line-height:1.2em;--e-global-typography-vamtam_h4-font-size:20px;--e-global-typography-vamtam_h5-font-size:17px;--e-global-typography-vamtam_h6-font-size:15px;--e-global-typography-5a79ac0-font-size:13px;--e-global-typography-b002ce5-font-size:13px;--e-global-typography-317004b-font-size:11px;font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}.elementor-kit-41 h1{font-size:var( --e-global-typography-vamtam_h1-font-size );line-height:var( --e-global-typography-vamtam_h1-line-height );}.elementor-kit-41 .font-h1{font-size:var( --e-global-typography-vamtam_h1-font-size );line-height:var( --e-global-typography-vamtam_h1-line-height );}.elementor-kit-41 h2{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-kit-41 .font-h2{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-kit-41 h3{font-size:var( --e-global-typography-vamtam_h3-font-size );line-height:var( --e-global-typography-vamtam_h3-line-height );}.elementor-kit-41 .font-h3{font-size:var( --e-global-typography-vamtam_h3-font-size );line-height:var( --e-global-typography-vamtam_h3-line-height );}.elementor-kit-41 h4{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-kit-41 .font-h4{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-kit-41 h5{font-size:var( --e-global-typography-vamtam_h5-font-size );line-height:var( --e-global-typography-vamtam_h5-line-height );}.elementor-kit-41 .font-h5{font-size:var( --e-global-typography-vamtam_h5-font-size );line-height:var( --e-global-typography-vamtam_h5-line-height );}.elementor-kit-41 h6{font-size:var( --e-global-typography-vamtam_h6-font-size );line-height:var( --e-global-typography-vamtam_h6-line-height );}.elementor-kit-41 .font-h6{font-size:var( --e-global-typography-vamtam_h6-font-size );line-height:var( --e-global-typography-vamtam_h6-line-height );}.elementor-kit-41 button,.elementor-kit-41 input[type="button"],.elementor-kit-41 input[type="submit"],.elementor-kit-41 .elementor-button{font-size:var( --e-global-typography-5a79ac0-font-size );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );padding:15px 20px 15px 20px;}html .button,html button,html input[type=button],html input[type=submit],html .woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button,html .woocommerce a.button,html .woocommerce a.button.loading,html .woocommerce .cross-sells .add_to_cart_button,html .woocommerce a.added_to_cart,html .woocommerce button.button,html .woocommerce input.button,html .woocommerce.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button,html .woocommerce #respond input#submit,html .woocommerce #content input.button,html .woocommerce-page a.button,html .woocommerce-page button.button,html .woocommerce-page input.button,html .woocommerce-page #respond input#submit,html .woocommerce-page #content input.button,html .woocommerce #respond input#submit.alt,html .woocommerce a.button.alt,html .woocommerce button.button.alt,html .woocommerce button.button.alt.disabled,html .woocommerce input.button.alt,html .woocommerce .woocommerce-message .vamtam-close-notice-btn,html a.comment-reply-link,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--checkout,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--view-cart{font-size:var( --e-global-typography-5a79ac0-font-size );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );padding:15px 20px 15px 20px;}html .woocommerce.woocommerce-page .cart-collaterals .wc-proceed-to-checkout .checkout-button,html .woocommerce.woocommerce-page .vamtam-cart-collaterals .coupon button[name=apply_coupon],html .woocommerce.woocommerce-page .checkout_coupon .button[name=apply_coupon],html .woocommerce.woocommerce-page #place_order,html .woocommerce.woocommerce-page .woocommerce-form-login .woocommerce-form-login__submit,html .woocommerce.woocommerce-page .woocommerce-Button.button,html .woocommerce.woocommerce-page .woocommerce-button.button,html .woocommerce.woocommerce-page.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button{font-size:var( --e-global-typography-5a79ac0-font-size );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );padding:16px 40px 16px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:13px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:13px;}}@media(max-width:767px){.elementor-kit-41{--e-global-typography-vamtam_h1-font-size:27px;--e-global-typography-vamtam_h1-line-height:1.1em;--e-global-typography-vamtam_h2-font-size:23px;--e-global-typography-vamtam_h2-line-height:1.2em;--e-global-typography-vamtam_h3-font-size:20px;--e-global-typography-vamtam_h3-line-height:1.3em;--e-global-typography-vamtam_h4-font-size:18px;--e-global-typography-vamtam_h5-font-size:16px;--e-global-typography-vamtam_h6-font-size:14px;--e-global-typography-29fcf32-font-size:14px;--e-global-typography-5a79ac0-font-size:12px;--e-global-typography-5b37114-font-size:14px;--e-global-typography-b002ce5-font-size:12px;--e-global-typography-317004b-font-size:11px;font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}.elementor-kit-41 h1{font-size:var( --e-global-typography-vamtam_h1-font-size );line-height:var( --e-global-typography-vamtam_h1-line-height );}.elementor-kit-41 .font-h1{font-size:var( --e-global-typography-vamtam_h1-font-size );line-height:var( --e-global-typography-vamtam_h1-line-height );}.elementor-kit-41 h2{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-kit-41 .font-h2{font-size:var( --e-global-typography-vamtam_h2-font-size );line-height:var( --e-global-typography-vamtam_h2-line-height );}.elementor-kit-41 h3{font-size:var( --e-global-typography-vamtam_h3-font-size );line-height:var( --e-global-typography-vamtam_h3-line-height );}.elementor-kit-41 .font-h3{font-size:var( --e-global-typography-vamtam_h3-font-size );line-height:var( --e-global-typography-vamtam_h3-line-height );}.elementor-kit-41 h4{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-kit-41 .font-h4{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );}.elementor-kit-41 h5{font-size:var( --e-global-typography-vamtam_h5-font-size );line-height:var( --e-global-typography-vamtam_h5-line-height );}.elementor-kit-41 .font-h5{font-size:var( --e-global-typography-vamtam_h5-font-size );line-height:var( --e-global-typography-vamtam_h5-line-height );}.elementor-kit-41 h6{font-size:var( --e-global-typography-vamtam_h6-font-size );line-height:var( --e-global-typography-vamtam_h6-line-height );}.elementor-kit-41 .font-h6{font-size:var( --e-global-typography-vamtam_h6-font-size );line-height:var( --e-global-typography-vamtam_h6-line-height );}.elementor-kit-41 button,.elementor-kit-41 input[type="button"],.elementor-kit-41 input[type="submit"],.elementor-kit-41 .elementor-button{font-size:var( --e-global-typography-5a79ac0-font-size );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );}html .button,html button,html input[type=button],html input[type=submit],html .woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button,html .woocommerce a.button,html .woocommerce a.button.loading,html .woocommerce .cross-sells .add_to_cart_button,html .woocommerce a.added_to_cart,html .woocommerce button.button,html .woocommerce input.button,html .woocommerce.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button,html .woocommerce #respond input#submit,html .woocommerce #content input.button,html .woocommerce-page a.button,html .woocommerce-page button.button,html .woocommerce-page input.button,html .woocommerce-page #respond input#submit,html .woocommerce-page #content input.button,html .woocommerce #respond input#submit.alt,html .woocommerce a.button.alt,html .woocommerce button.button.alt,html .woocommerce button.button.alt.disabled,html .woocommerce input.button.alt,html .woocommerce .woocommerce-message .vamtam-close-notice-btn,html a.comment-reply-link,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--checkout,html .elementor-widget-woocommerce-menu-cart.elementor-element .elementor-button--view-cart{font-size:var( --e-global-typography-5a79ac0-font-size );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );}html .woocommerce.woocommerce-page .cart-collaterals .wc-proceed-to-checkout .checkout-button,html .woocommerce.woocommerce-page .vamtam-cart-collaterals .coupon button[name=apply_coupon],html .woocommerce.woocommerce-page .checkout_coupon .button[name=apply_coupon],html .woocommerce.woocommerce-page #place_order,html .woocommerce.woocommerce-page .woocommerce-form-login .woocommerce-form-login__submit,html .woocommerce.woocommerce-page .woocommerce-Button.button,html .woocommerce.woocommerce-page .woocommerce-button.button,html .woocommerce.woocommerce-page.woocommerce-cart .cross-sells ul.products > li.product .button.add_to_cart_button{font-size:var( --e-global-typography-5a79ac0-font-size );line-height:var( --e-global-typography-5a79ac0-line-height );letter-spacing:var( --e-global-typography-5a79ac0-letter-spacing );padding:15px 50px 15px 50px;}.elementor-kit-41 input:not([type="button"]):not([type="submit"]),.elementor-kit-41 textarea,.elementor-kit-41 .elementor-field-textual{font-size:16px;}.elementor-kit-41 select,.elementor-kit-41 .elementor-field-group .elementor-select-wrapper select,.elementor-kit-41 .select2.select2-container .selection > .select2-selection[role="combobox"],.elementor-kit-41 textarea.input-text[name="order_comments"]{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:12px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-vamtam_primary_font-font-size );line-height:var( --e-global-typography-vamtam_primary_font-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:12px;}}/* Start custom CSS *//* ==========================================================================
BERGO · CART PAGE (Vamtam) · COMPLETE
Same design as checkout / my account.
Needs the :root colors from the checkout CSS (--bg-primary, --bg-dark ...)
AND snippet 7 (it builds the voucher / gift card rows).
Paste into Elementor > Site Settings > Custom CSS (replaces ALL earlier cart CSS)
========================================================================== */
/* ---------- 1. Breadcrumb: centred ---------- */
html body.woocommerce-cart .page-header:not(#bg-x),
html body.woocommerce-cart .page-header h3:not(#bg-x) {
margin: 0;
padding-left: 0 !important;
padding-right: 0 !important;
line-height: 1.4;
text-align: center !important;
}
html body.woocommerce-cart .page-header h3 .checkout-breadcrumb:not(#bg-x) {
display: flex !important;
align-items: center;
justify-content: center !important;
flex-wrap: wrap;
gap: 4px 10px;
width: 100%;
margin-inline: auto;
padding-inline: 0 !important;
font: 400 14px/1.5 'Comfortaa', sans-serif;
letter-spacing: .04em;
text-transform: uppercase;
text-align: center !important;
}
body.woocommerce-cart .checkout-breadcrumb .title-part-active { color: var(--bg-primary, #083D0F); }
body.woocommerce-cart .checkout-breadcrumb .title-part-inactive { color: #9b9b9b; }
body.woocommerce-cart .checkout-breadcrumb .icon { margin: 0; font-size: 13px; color: #9b9b9b; }
/* ---------- 2. Header: "Your cart (3 items)" on one line ---------- */
body.woocommerce-cart .vamtam-cart__header { margin: 0 0 32px; padding: 0; border: 0; }
body.woocommerce-cart .vamtam-cart__header br { display: none; }
body.woocommerce-cart .vamtam-cart__header :is(.label, .item-count) {
font: 600 20px/1.4 'Comfortaa', sans-serif;
color: var(--bg-primary, #083D0F);
text-transform: lowercase;
}
body.woocommerce-cart .vamtam-cart__header .item-count { margin-left: 6px; }
/* ---------- 3. One item: image, name, quantity, bin ---------- */
body.woocommerce-cart .vamtam-cart__product.cart_item {
display: grid;
grid-template-columns: 96px minmax(0, 1fr) auto;
grid-template-rows: auto 1fr;
grid-template-areas:
"img name remove"
"img qty remove";
align-items: start;
column-gap: 30px;
row-gap: 8px;
margin: 0;
padding: 0 0 28px;
border: 0;
}
body.woocommerce-cart .vamtam-cart__product-image { grid-area: img; width: 96px; margin: 0; padding: 0; }
body.woocommerce-cart .vamtam-cart__product-image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
border-radius: 12px;
border: 1px solid var(--bg-card-line, #f1f1ee);
}
body.woocommerce-cart .vamtam-cart__product-name {
grid-area: name;
margin: 0;
padding: 0;
font: 600 16px/1.5 'Comfortaa', sans-serif;
text-align: left;
text-transform: lowercase;
}
body.woocommerce-cart .vamtam-cart__product-name a { color: var(--bg-text, #0B2A10); text-decoration: none; transition: color .2s; }
body.woocommerce-cart .vamtam-cart__product-name a:hover { color: var(--bg-accent, #43A05C); }
body.woocommerce-cart .vamtam-cart__product-price { grid-area: qty; margin: 0; padding: 0; text-align: left; }
body.woocommerce-cart .vamtam-cart__product-remove { grid-area: remove; justify-self: end; margin: 0; padding: 0; }
/* bin icon */
body.woocommerce-cart .vamtam-cart__product-remove a {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
padding: 6px;
background: none;
border: 0;
border-radius: 8px;
color: #6b6f6b;
transition: color .2s, background .2s;
}
body.woocommerce-cart .vamtam-cart__product-remove a:hover { color: #dc2626; background: rgba(220, 38, 38, .08); }
body.woocommerce-cart .vamtam-cart__product-remove .vamtam-remove-product { display: inline-flex; font-size: 16px; line-height: 1; }
body.woocommerce-cart .vamtam-cart__product-remove svg {
width: 16px !important;
height: 16px !important;
max-width: 16px !important;
max-height: 16px !important;
fill: currentColor;
}
/* quantity: number with underline */
body.woocommerce-cart .vamtam-cart__product-price .quantity { display: inline-block; width: auto; }
body.woocommerce-cart .vamtam-cart__product-price .quantity input.qty {
width: 58px;
height: 46px;
padding: 0;
text-align: center;
font: 500 16px/1 'Comfortaa', sans-serif;
color: var(--bg-text, #0B2A10);
background: transparent;
border: 0;
border-bottom: 1px solid #8c8c8c;
border-radius: 0;
box-shadow: none;
}
body.woocommerce-cart .vamtam-cart__product-price .quantity input.qty:focus { outline: 0; border-bottom-color: var(--bg-accent, #43A05C); }
/* ---------- 4. Cart totals: ONE white card ---------- */
html body.woocommerce-cart .vamtam-sticky-wrapper { --bergo-btn-w: 58%; } /* Redeem / Apply width: change this */
body.woocommerce-cart .vamtam-cart-collaterals .vamtam-sticky-wrapper:not(#bg-x) {
display: flex;
flex-direction: column;
align-items: stretch;
box-sizing: border-box;
padding: 28px 32px 32px;
background: #fff;
border: 1px solid var(--bg-card-line, #f1f1ee);
border-radius: 16px !important;
box-shadow: 0 2px 12px -2px rgba(0, 0, 0, .03), 0 24px 48px -28px rgba(8, 61, 15, .18);
}
body.woocommerce-cart .vamtam-cart-collaterals .vamtam-sticky-wrapper :is(.cart-collaterals, .cart_totals) { display: contents; }
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals { float: none; width: 100%; max-width: none; }
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals h4 {
order: 1;
margin: 0 0 8px;
font: 600 20px/1.3 'Comfortaa', sans-serif;
color: var(--bg-primary, #083D0F);
text-transform: lowercase;
}
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals .shop_table {
order: 2;
width: 100%;
margin: 0 0 24px;
background: transparent;
border: 0 !important;
border-collapse: collapse;
}
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals .shop_table :is(th, td) {
padding: 16px 0;
background: transparent;
border: 0 !important;
border-bottom: 1px solid #f3f4f6 !important;
border-radius: 0;
font: 400 15px/1.6 'Comfortaa', sans-serif;
color: var(--bg-text, #0B2A10);
vertical-align: top;
text-align: left;
}
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals :is(.cart-subtotal, .order-total) td { text-align: right; }
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals .order-total :is(th, td) {
border-bottom: 0 !important;
font-size: 20px;
font-weight: 700;
color: var(--bg-primary, #083D0F);
}
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals .order-total th { text-transform: lowercase; }
body.woocommerce-cart .vamtam-cart-collaterals #shipping_method { margin: 0; padding: 0; list-style: none; }
body.woocommerce-cart .vamtam-cart-collaterals #shipping_method li { margin: 0 0 10px; line-height: 1.6; }
body.woocommerce-cart .vamtam-cart-collaterals .woocommerce-shipping-destination,
body.woocommerce-cart .vamtam-cart-collaterals .shipping-calculator-button { font-size: 14px; }
body.woocommerce-cart .vamtam-cart-collaterals .shipping-calculator-button { color: var(--bg-accent, #43A05C); font-weight: 600; }
/* order inside the card: total > voucher > gift card > checkout */
body.woocommerce-cart .vamtam-sticky-wrapper > .coupon { order: 3; }
body.woocommerce-cart .vamtam-sticky-wrapper .bergo-blk { order: 3; }
body.woocommerce-cart .vamtam-cart-collaterals .cart_totals .wc-proceed-to-checkout { order: 4; }
/* ---------- 5. Voucher + gift card (rows are built by snippet 7) ---------- */
/* voucher block is always open */
body.woocommerce-cart .vamtam-cart-collaterals .coupon details::details-content,
body.woocommerce-cart .vamtam-cart-collaterals details.coupon::details-content {
content-visibility: visible !important;
display: block !important;
height: auto !important;
}
body.woocommerce-cart .vamtam-cart-collaterals .coupon details:not([open]) > :not(summary),
body.woocommerce-cart .vamtam-cart-collaterals details.coupon:not([open]) > :not(summary) { display: block; }
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary:not(#bg-x):not(#bg-y) {
display: block;
list-style: none;
cursor: default;
pointer-events: none;
}
body.woocommerce-cart .vamtam-cart-collaterals .coupon summary::-webkit-details-marker { display: none; }
body.woocommerce-cart .vamtam-cart-collaterals .coupon summary::before,
body.woocommerce-cart .vamtam-cart-collaterals .coupon summary::after { display: none !important; }
body.woocommerce-cart .vamtam-cart-collaterals .coupon summary :is(i, svg, img, .icon, [class*="icon"], [class*="arrow"], [class*="chevron"], [class*="toggle"]) { display: none !important; }
/* every box between the card and the voucher / gift card / checkout button:
full width, left, no extra lines, no random spacing */
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-full:not(#bg-x):not(#bg-y):not(#bg-z) {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
align-self: stretch !important;
justify-self: stretch !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
text-align: left !important;
text-indent: 0 !important;
}
/* label: "add a voucher (optional)" and "have a gift card?" look the same */
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-label:not(#bg-x):not(#bg-y):not(#bg-z) {
display: block !important;
width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font: 700 14px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: left !important;
text-indent: 0 !important;
color: var(--bg-text, #0B2A10) !important;
}
/* the row: input on the left, button on the right */
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-row:not(#bg-x):not(#bg-y):not(#bg-z) {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
gap: 12px !important;
box-sizing: border-box !important;
width: 100% !important;
margin: 0 0 24px !important;
padding: 0 !important;
border: 0 !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-row > .bergo-in:not(#bg-x):not(#bg-y):not(#bg-z) {
flex: 1 1 0 !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-row > .bergo-btn:not(#bg-x):not(#bg-y):not(#bg-z) {
flex: 0 0 var(--bergo-btn-w) !important;
width: var(--bergo-btn-w) !important;
max-width: var(--bergo-btn-w) !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* input: one underline */
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-f:not(#bg-x):not(#bg-y):not(#bg-z) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #8c8c8c !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
text-indent: 0 !important;
font: 400 14px/1.4 'Comfortaa', sans-serif !important;
color: var(--bg-text, #0B2A10) !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-f:focus:not(#bg-x):not(#bg-y):not(#bg-z) {
outline: 0 !important;
border-bottom-color: var(--bg-accent, #43A05C) !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-f::placeholder { color: var(--bg-muted, #55695a); opacity: 1; }
/* Redeem + Apply: same button, plain green, no hover effect, no icon */
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b:not(#bg-x):not(#bg-y):not(#bg-z) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
margin: 0 !important;
padding: 0 22px !important;
overflow: visible !important;
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
transition: none !important;
font: 600 16px/1 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap;
cursor: pointer;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-btn .bergo-b:not(#bg-x):not(#bg-y):not(#bg-z) { width: 100% !important; }
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b:is(:hover, :focus, :active):not(#bg-x):not(#bg-y):not(#bg-z) {
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
transform: none !important;
box-shadow: none !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b::before,
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b::after { content: none !important; display: none !important; }
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b br { display: none !important; }
/* ---------- 6. Proceed to checkout: full width, arrow, hover effect ---------- */
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout:not(#bg-x):not(#bg-y):not(#bg-z) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
align-self: stretch !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a:not(#bg-x):not(#bg-y):not(#bg-z) {
position: relative !important;
top: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
margin: 0 !important;
padding: 0 24px !important;
overflow: hidden !important;
background-color: var(--bg-primary, #083D0F) !important;
background-image: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .28) 50%, transparent 65%) !important;
background-repeat: no-repeat !important;
background-size: 250% 100% !important;
background-position: 130% 0 !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px -2px rgba(8, 61, 15, .15) !important;
font: 600 16px/1 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: center !important;
text-indent: 0 !important;
text-decoration: none !important;
white-space: nowrap;
cursor: pointer;
transition: background-color .25s, background-position .7s ease, transform .25s, box-shadow .25s !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a:not(#bg-x):not(#bg-y):not(#bg-z):hover {
background-color: var(--bg-dark, #0B3A12) !important;
background-position: -30% 0 !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 26px -10px rgba(8, 61, 15, .45) !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a:not(#bg-x):not(#bg-y):not(#bg-z):active {
transform: translateY(0) scale(.98) !important;
box-shadow: 0 4px 12px -4px rgba(8, 61, 15, .35) !important;
}
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a::before { content: none !important; display: none !important; }
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a:not(#bg-x):not(#bg-y):not(#bg-z)::after {
content: "" !important;
display: block !important;
flex: 0 0 18px;
width: 18px;
height: 18px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a:not(#bg-x):not(#bg-y):not(#bg-z):hover::after { transform: translateX(4px); }
/* the theme puts a
inside every button: it pushed the text down */
html body.woocommerce-cart :is(.vamtam-sticky-wrapper, .vamtam-cart-collaterals) :is(button, a.button, .checkout-button, .wc-proceed-to-checkout a) br,
html body.woocommerce-cart :is(a.wc-backward, p.return-to-shop a.button) br { display: none !important; content: none !important; }
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a > * {
position: static !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
transform: none !important;
}
/* ---------- 7. Empty cart ---------- */
html body.woocommerce-cart .wc-empty-cart-message:not(#bg-x):not(#bg-y) { display: none !important; }
html body.woocommerce-cart .vamtam-empty-cart:not(#bg-x):not(#bg-y) {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 18px !important;
margin: 0 auto !important;
padding: 24px 0 0 !important;
text-align: center !important;
}
html body.woocommerce-cart .vamtam-empty-cart .thumbnail:not(#bg-x):not(#bg-y) {
display: flex !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
html body.woocommerce-cart .vamtam-empty-cart .thumbnail :is(svg, img):not(#bg-x):not(#bg-y) {
width: 72px !important;
height: auto !important;
margin: 0 auto !important;
}
html body.woocommerce-cart .vamtam-empty-cart .empty-cart-notice:not(#bg-x):not(#bg-y) {
margin: 0 !important;
padding: 0 !important;
font: 600 20px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase;
text-align: center !important;
color: var(--bg-primary, #083D0F);
}
html body.woocommerce-cart .vamtam-empty-cart p:empty:not(#bg-x):not(#bg-y) { display: none !important; }
html body.woocommerce-cart p.return-to-shop:not(#bg-x):not(#bg-y) {
display: flex !important;
justify-content: center !important;
margin: 8px 0 48px !important;
padding: 0 !important;
text-align: center !important;
}
html body.woocommerce-cart :is(p.return-to-shop a.button, a.wc-backward):not(#bg-x):not(#bg-y) {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 auto !important;
padding: 0 28px !important;
overflow: hidden;
background-color: var(--bg-primary, #083D0F) !important;
background-image: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .28) 50%, transparent 65%) !important;
background-repeat: no-repeat !important;
background-size: 250% 100% !important;
background-position: 130% 0 !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
font: 600 15px/1 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-decoration: none !important;
white-space: nowrap;
transition: background-color .25s, background-position .7s ease, transform .25s, box-shadow .25s !important;
}
html body.woocommerce-cart :is(p.return-to-shop a.button, a.wc-backward):not(#bg-x):not(#bg-y)::before,
html body.woocommerce-cart :is(p.return-to-shop a.button, a.wc-backward):not(#bg-x):not(#bg-y)::after { content: none !important; display: none !important; }
html body.woocommerce-cart :is(p.return-to-shop a.button, a.wc-backward):not(#bg-x):not(#bg-y):hover {
background-color: var(--bg-dark, #0B3A12) !important;
background-position: -30% 0 !important;
transform: translateY(-2px) !important;
box-shadow: 0 12px 26px -10px rgba(8, 61, 15, .45) !important;
}
/* ---------- 8. Desktop (992px+): items left, totals right ---------- */
@media (min-width: 992px) {
body.woocommerce-cart :is(.elementor-widget, .elementor-widget-container, .e-con-inner):has(.vamtam-cart-collaterals) {
width: 100%;
max-width: none;
}
body.woocommerce-cart :is(div, section):has(> .woocommerce-cart-form):has(> .vamtam-cart-collaterals) {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
gap: 0 64px;
align-items: start;
width: 100%;
max-width: none;
}
body.woocommerce-cart :is(div, section):has(> .woocommerce-cart-form):has(> .vamtam-cart-collaterals) > * { grid-column: 1 / -1; }
body.woocommerce-cart :is(div, section):has(> .woocommerce-cart-form):has(> .vamtam-cart-collaterals) > .woocommerce-cart-form {
grid-column: 1;
grid-row: 2;
width: auto;
max-width: none;
min-width: 0;
margin: 0;
float: none;
}
body.woocommerce-cart :is(div, section):has(> .woocommerce-cart-form):has(> .vamtam-cart-collaterals) > .vamtam-cart-collaterals {
grid-column: 2;
grid-row: 2;
width: auto;
max-width: none;
min-width: 0;
margin: 0;
float: none;
}
body.woocommerce-cart .vamtam-cart-main { width: 100%; max-width: none; }
}
/* ---------- 9. Mobile (up to 767px) ---------- */
@media (max-width: 767px) {
html body.woocommerce-cart .page-header h3 .checkout-breadcrumb:not(#bg-x) {
flex-wrap: nowrap;
gap: 6px;
font-size: 13px;
letter-spacing: .01em;
white-space: nowrap;
}
body.woocommerce-cart .vamtam-cart__header { margin-bottom: 28px; }
body.woocommerce-cart .vamtam-cart__product.cart_item {
grid-template-columns: 70px minmax(0, 1fr) auto;
column-gap: 20px;
padding-bottom: 24px;
}
body.woocommerce-cart .vamtam-cart__product-image { width: 70px; }
body.woocommerce-cart .vamtam-cart-collaterals .vamtam-sticky-wrapper:not(#bg-x) {
padding: 22px 20px 26px;
border-radius: 14px !important;
}
}
@media (max-width: 400px) {
html body.woocommerce-cart .vamtam-sticky-wrapper { --bergo-btn-w: 48%; }
}
/* touch devices: no hover jump on the checkout button */
@media (hover: none) {
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout a:hover { transform: none !important; }
}
/* ==========================================================================
CART FIX: gift card (PW Gift Cards) = same as voucher
label left, input + Apply on one row, Apply = Redeem size
========================================================================== */
/* the box around the gift card + checkout button was centring everything */
html body.woocommerce-cart .vamtam-sticky-wrapper .wc-proceed-to-checkout:not(#bg-x):not(#bg-y):not(#bg-z):not(#bg-w) {
text-align: left !important;
}
/* outer boxes: full width, left */
html body.woocommerce-cart #pwgc-redeem-gift-card-form:not(#bg-x),
html body.woocommerce-cart #pwgc-redeem-form:not(#bg-x) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-form:not(#bg-x) { margin: 0 0 24px !important; }
/* the grid: label on top, input left, button right (same split as voucher) */
html body.woocommerce-cart #pwgc-redeem-gift-card-container:not(#bg-x) {
display: grid !important;
grid-template-columns: minmax(0, 1fr) var(--bergo-btn-w, 58%) !important;
column-gap: 12px !important;
row-gap: 0 !important;
align-items: end !important;
box-sizing: border-box !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-container > *:not(#bg-x) {
grid-column: 1 / -1;
margin: 0;
}
/* wrappers made by the cart script: let their children be grid items */
html body.woocommerce-cart #pwgc-redeem-gift-card-container :is(div, span, p).bergo-row,
html body.woocommerce-cart #pwgc-redeem-gift-card-container :is(div, span, p).bergo-in,
html body.woocommerce-cart #pwgc-redeem-gift-card-container :is(div, span, p).bergo-btn {
display: contents !important;
}
/* label = same look as "add a voucher (optional)" */
html body.woocommerce-cart #pwgc-redeem-gift-card-container label:not(#bg-x),
html body.woocommerce-cart #pwgc-redeem-gift-card-container label .bergo-label:not(#bg-x) {
display: block !important;
grid-column: 1 / -1 !important;
grid-row: 1 !important;
width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font: 700 14px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: left !important;
text-indent: 0 !important;
color: var(--bg-text, #0B2A10) !important;
}
/* input */
html body.woocommerce-cart #pwgc-redeem-gift-card-number:not(#bg-x) {
grid-column: 1 !important;
grid-row: 2 !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #8c8c8c !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
text-indent: 0 !important;
font: 400 14px/1.4 'Comfortaa', sans-serif !important;
color: var(--bg-text, #0B2A10) !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-number:focus:not(#bg-x) {
outline: 0 !important;
border-bottom-color: var(--bg-accent, #43A05C) !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-number::placeholder { color: var(--bg-muted, #55695a); opacity: 1; }
/* Apply = exactly the Redeem button */
html body.woocommerce-cart #pwgc-redeem-button:not(#bg-x) {
grid-column: 2 !important;
grid-row: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
margin: 0 !important;
padding: 0 22px !important;
overflow: visible !important;
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
transition: none !important;
font: 600 16px/1 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: center !important;
white-space: nowrap;
cursor: pointer;
}
html body.woocommerce-cart #pwgc-redeem-button:is(:hover, :focus, :active):not(#bg-x) {
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
transform: none !important;
box-shadow: none !important;
}
html body.woocommerce-cart #pwgc-redeem-button::before,
html body.woocommerce-cart #pwgc-redeem-button::after { content: none !important; display: none !important; }
html body.woocommerce-cart #pwgc-redeem-button br { display: none !important; }
/* error / message line under the row */
html body.woocommerce-cart #pwgc-redeem-error:not(#bg-x) {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin: 8px 0 0 !important;
font: 400 13px/1.5 'Comfortaa', sans-serif !important;
color: #dc2626 !important;
}
html body.woocommerce-cart #pwgc-redeem-error:empty { display: none !important; }
/* ---------- voucher label: "add a voucher (optional)" on ONE line ---------- */
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary:not(#bg-x),
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary *:not(#bg-x) {
display: inline !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
font: 700 14px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
color: var(--bg-text, #0B2A10) !important;
}
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary:not(#bg-x) {
display: block !important;
margin: 0 0 10px !important;
}
/* ==========================================================================
Redeem + Apply = 44.5% of the row (58% made 0.7/3 smaller)
========================================================================== */
html body.woocommerce-cart .vamtam-sticky-wrapper,
html body.woocommerce-cart #pwgc-redeem-gift-card-container {
--bergo-btn-w: max(44.5%, 110px);
}
@media (max-width: 400px) {
html body.woocommerce-cart .vamtam-sticky-wrapper,
html body.woocommerce-cart #pwgc-redeem-gift-card-container {
--bergo-btn-w: max(44.5%, 110px);
}
}
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b:not(#bg-x):not(#bg-y):not(#bg-z),
html body.woocommerce-cart #pwgc-redeem-button:not(#bg-x):not(#bg-y) {
padding: 0 22px !important;
font-size: 16px !important;
}
/* ==========================================================================
CART FINAL FIX
- voucher label on ONE line, no arrow icon
- gift card = pure CSS grid (same as voucher), Apply = Redeem size
- even gaps, centred button text
========================================================================== */
html body.woocommerce-cart .vamtam-sticky-wrapper,
html body.woocommerce-cart #pwgc-redeem-gift-card-container { --bergo-btn-w: max(44.5%, 110px); }
/* ---------- gaps ---------- */
html body.woocommerce-cart .vamtam-cart-collaterals .cart_totals .shop_table:not(#q1):not(#q2):not(#q3):not(#q4) { margin: 0 0 8px !important; }
html body.woocommerce-cart .vamtam-sticky-wrapper > .coupon:not(#q1):not(#q2):not(#q3):not(#q4) { margin: 0 !important; padding: 16px 0 0 !important; }
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-row:not(#q1):not(#q2):not(#q3):not(#q4) { margin: 0 0 24px !important; align-items: flex-end !important; }
/* ---------- voucher label: "add a voucher (optional)" on one line, no arrow ---------- */
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary:not(#q1):not(#q2):not(#q3):not(#q4) {
display: block !important;
margin: 0 0 10px !important;
padding: 0 !important;
list-style: none !important;
font: 700 14px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: left !important;
color: var(--bg-text, #0B2A10) !important;
cursor: default;
pointer-events: none;
}
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary > :not(svg):not(i):not(img):not(canvas):not([class*="icon"]):not([class*="arrow"]):not([class*="chevron"]):not([class*="caret"]):not([class*="toggle"]):not(:empty):not(#q1):not(#q2):not(#q3):not(#q4) {
display: inline !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
font: inherit !important;
text-transform: inherit !important;
color: inherit !important;
}
/* the arrow (red circle) */
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary :is(svg, i, img, canvas, br, :empty, [class*="icon"], [class*="arrow"], [class*="chevron"], [class*="caret"], [class*="toggle"], [class*="marker"]):not(#q1):not(#q2):not(#q3):not(#q4) {
display: none !important;
}
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary::marker { content: "" !important; font-size: 0 !important; }
html body.woocommerce-cart .vamtam-cart-collaterals .coupon summary::-webkit-details-marker { display: none !important; }
html body.woocommerce-cart .vamtam-cart-collaterals .coupon :is(summary, details, .coupon)::before,
html body.woocommerce-cart .vamtam-cart-collaterals .coupon :is(summary, details, .coupon)::after,
html body.woocommerce-cart .vamtam-cart-collaterals .coupon::before,
html body.woocommerce-cart .vamtam-cart-collaterals .coupon::after { content: none !important; display: none !important; }
/* ---------- gift card (PW Gift Cards): pure CSS, same layout as voucher ---------- */
html body.woocommerce-cart #pwgc-redeem-gift-card-form:not(#q1):not(#q2):not(#q3):not(#q4),
html body.woocommerce-cart #pwgc-redeem-form:not(#q1):not(#q2):not(#q3):not(#q4) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-form:not(#q1):not(#q2):not(#q3):not(#q4) { margin: 0 0 24px !important; }
html body.woocommerce-cart #pwgc-redeem-gift-card-container:not(#q1):not(#q2):not(#q3):not(#q4) {
display: grid !important;
grid-template-columns: minmax(0, 1fr) var(--bergo-btn-w) !important;
column-gap: 12px !important;
row-gap: 0 !important;
align-items: end !important;
box-sizing: border-box !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-container > *:not(#q1):not(#q2):not(#q3):not(#q4) { grid-column: 1 / -1; margin: 0; }
/* label: same as "add a voucher (optional)" */
html body.woocommerce-cart #pwgc-redeem-gift-card-container label:not(#q1):not(#q2):not(#q3):not(#q4) {
display: block !important;
grid-column: 1 / -1 !important;
grid-row: 1 !important;
width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font: 700 14px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: left !important;
text-indent: 0 !important;
color: var(--bg-text, #0B2A10) !important;
}
/* input: left */
html body.woocommerce-cart #pwgc-redeem-gift-card-number:not(#q1):not(#q2):not(#q3):not(#q4) {
grid-column: 1 !important;
grid-row: 2 !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #8c8c8c !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
text-indent: 0 !important;
font: 400 14px/1.4 'Comfortaa', sans-serif !important;
color: var(--bg-text, #0B2A10) !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-number:focus:not(#q1):not(#q2):not(#q3):not(#q4) {
outline: 0 !important;
border-bottom-color: var(--bg-accent, #43A05C) !important;
}
/* Apply: right, same size as Redeem */
html body.woocommerce-cart #pwgc-redeem-button:not(#q1):not(#q2):not(#q3):not(#q4) {
grid-column: 2 !important;
grid-row: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
margin: 0 !important;
padding: 0 22px !important;
overflow: visible !important;
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
transition: none !important;
font: 600 16px/1 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: center !important;
white-space: nowrap;
cursor: pointer;
}
html body.woocommerce-cart #pwgc-redeem-button:is(:hover, :focus, :active):not(#q1):not(#q2):not(#q3):not(#q4) {
background-color: var(--bg-primary, #083D0F) !important;
transform: none !important;
box-shadow: none !important;
}
html body.woocommerce-cart #pwgc-redeem-button::before,
html body.woocommerce-cart #pwgc-redeem-button::after { content: none !important; display: none !important; }
html body.woocommerce-cart #pwgc-redeem-button br { display: none !important; }
/* error line under the row */
html body.woocommerce-cart #pwgc-redeem-error:not(#q1):not(#q2):not(#q3):not(#q4) {
grid-column: 1 / -1 !important;
grid-row: 3 !important;
margin: 8px 0 0 !important;
font: 400 13px/1.5 'Comfortaa', sans-serif !important;
color: #dc2626 !important;
}
html body.woocommerce-cart #pwgc-redeem-error:empty { display: none !important; }
/* ---------- Redeem: text centred, same look as Apply ---------- */
html body.woocommerce-cart .vamtam-sticky-wrapper .bergo-b:not(#q1):not(#q2):not(#q3):not(#q4) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
padding: 0 22px !important;
font: 600 16px/1 'Comfortaa', sans-serif !important;
text-align: center !important;
}
/* keep the 44.5% size on small phones */
@media (max-width: 400px) {
html body.woocommerce-cart .vamtam-sticky-wrapper,
html body.woocommerce-cart #pwgc-redeem-gift-card-container { --bergo-btn-w: max(44.5%, 110px); }
}
/* ==========================================================================
GIFT CARD (PW Gift Cards): label on top, input left, Apply right
Works whatever wrappers the plugin adds around the label / input / button
========================================================================== */
html body.woocommerce-cart #pwgc-redeem-gift-card-form { --bergo-btn-w: max(44.5%, 110px); }
html body.woocommerce-cart .vamtam-sticky-wrapper #pwgc-redeem-gift-card-form:not(#q1):not(#q2):not(#q3) {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 24px !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
/* the empty the plugin adds */
html body.woocommerce-cart #pwgc-redeem-gift-card-form > p:empty,
html body.woocommerce-cart #pwgc-redeem-form p:empty { display: none !important; }
/* the form = the row */
html body.woocommerce-cart .vamtam-sticky-wrapper #pwgc-redeem-gift-card-form #pwgc-redeem-form:not(#q1):not(#q2):not(#q3) {
display: flex !important;
flex-flow: row wrap !important;
align-items: flex-end !important;
justify-content: flex-start !important;
gap: 0 12px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: left !important;
}
/* every wrapper inside the form disappears, so label / input / button become direct items */
html body.woocommerce-cart .vamtam-sticky-wrapper #pwgc-redeem-gift-card-form #pwgc-redeem-form :is(div, p, span):not(#pwgc-redeem-error):not(#q1):not(#q2):not(#q3) {
display: contents !important;
}
/* label = same look as "add a voucher (optional)" */
html body.woocommerce-cart .vamtam-sticky-wrapper #pwgc-redeem-gift-card-form #pwgc-redeem-form label:not(#q1):not(#q2):not(#q3) {
display: block !important;
flex: 0 0 100% !important;
width: 100% !important;
margin: 0 0 10px !important;
padding: 0 !important;
font: 700 14px/1.4 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: left !important;
text-indent: 0 !important;
color: var(--bg-text, #0B2A10) !important;
}
/* input: left, takes the rest of the row */
html body.woocommerce-cart .vamtam-sticky-wrapper #pwgc-redeem-gift-card-form #pwgc-redeem-gift-card-number:not(#q1):not(#q2):not(#q3) {
display: block !important;
flex: 1 1 0 !important;
box-sizing: border-box !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #8c8c8c !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: left !important;
text-indent: 0 !important;
font: 400 14px/1.4 'Comfortaa', sans-serif !important;
color: var(--bg-text, #0B2A10) !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-number:focus {
outline: 0 !important;
border-bottom-color: var(--bg-accent, #43A05C) !important;
}
html body.woocommerce-cart #pwgc-redeem-gift-card-number::placeholder { color: var(--bg-muted, #55695a); opacity: 1; }
/* Apply: right, same size as Redeem */
html body.woocommerce-cart .vamtam-sticky-wrapper #pwgc-redeem-gift-card-form #pwgc-redeem-button:not(#q1):not(#q2):not(#q3) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 var(--bergo-btn-w) !important;
box-sizing: border-box !important;
width: var(--bergo-btn-w) !important;
min-width: 0 !important;
max-width: none !important;
height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
margin: 0 !important;
padding: 0 22px !important;
overflow: visible !important;
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
color: #fff !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow: none !important;
transform: none !important;
transition: none !important;
font: 600 16px/1 'Comfortaa', sans-serif !important;
text-transform: lowercase !important;
text-align: center !important;
white-space: nowrap;
cursor: pointer;
}
html body.woocommerce-cart #pwgc-redeem-button:is(:hover, :focus, :active) {
background-color: var(--bg-primary, #083D0F) !important;
background-image: none !important;
transform: none !important;
box-shadow: none !important;
}
html body.woocommerce-cart #pwgc-redeem-button::before,
html body.woocommerce-cart #pwgc-redeem-button::after { content: none !important; display: none !important; }
html body.woocommerce-cart #pwgc-redeem-button br { display: none !important; }
/* error message: full line under the row */
html body.woocommerce-cart #pwgc-redeem-gift-card-form #pwgc-redeem-error:not(#q1):not(#q2) {
flex: 0 0 100% !important;
margin: 8px 0 0 !important;
font: 400 13px/1.5 'Comfortaa', sans-serif !important;
color: #dc2626 !important;
}
html body.woocommerce-cart #pwgc-redeem-error:empty { display: none !important; }
/* ==========================================================================
QTY + SIZE: under the product name, beside the image
(cart page + header cart popup). Round dropdown, minimal hover.
========================================================================== */
/* ---------- 1. CART PAGE: image | name + (qty, size) | bin ---------- */
html body.woocommerce-cart .vamtam-cart__product.cart_item:not(#q1):not(#q2):not(#q3) {
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr) auto !important;
grid-template-rows: auto auto !important;
grid-template-areas: none !important;
column-gap: 24px !important;
row-gap: 14px !important;
align-items: start !important;
padding: 0 0 32px !important;
}
html body.woocommerce-cart .vamtam-cart__product-image:not(#q1):not(#q2):not(#q3) { grid-area: 1 / 1 / 3 / 2 !important; }
html body.woocommerce-cart .vamtam-cart__product-name:not(#q1):not(#q2):not(#q3) { grid-area: 1 / 2 / 2 / 3 !important; }
html body.woocommerce-cart .vamtam-cart__product-price:not(#q1):not(#q2):not(#q3) {
grid-area: 2 / 2 / 3 / 3 !important;
display: flex !important;
flex-flow: row wrap !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 12px 20px !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
html body.woocommerce-cart .vamtam-cart__product-remove:not(#q1):not(#q2):not(#q3) {
grid-area: 1 / 3 / 3 / 4 !important;
align-self: start !important;
justify-self: end !important;
}/* End custom CSS */