:root {
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 --font-default-family: "Roboto", sans-serif;;
 --font-default-weight: 100;
 --font-default-style: normal;
 --font-default-size: 14px;
 --font-title-family: "Roboto", sans-serif;;
 --font-title-weight: 100;
 --font-title-style: normal;
 --font-title-size: 20px;
 --font-subtitle-family: "Roboto", sans-serif;;
 --font-subtitle-weight: 100;
 --font-title-style: normal;
 --font-subtitle-size: 18px;
 --font-menu-family: "Roboto", sans-serif;;
 --font-menu-weight: 100;
 --font-title-style: normal;
 --font-menu-size: 16px;
 --font-link-family: "Roboto", sans-serif;;
 --font-link-weight: 100;
 --font-link-style: normal;
 --font-link-size: 14px;
}
:root.theme-light, .theme-force-light {
 --header-line-background: #f8af1a;
 --header-line-text: #000000;
 --header-line-text-hover: #000000;
 --header-main-background: #ffffff;
 --header-main-text: #000000;
 --header-main-text-hover: #404040;
 --header-search-background: #ffffff;
 --header-search-texto: #383838;
 --header-search-border: #4f4f4f;
 --header-search-icon-color: #f8af1a;
 --header-search-icon-color-hover: #ca9116;
 --menu-background-cart: #f8af1a;
 --menu-text-cart: #000000;
 --menu-background-cart-hover: #ca9117;
 --menu-text-cart-hover: #212121;
 --menu-background: #ededed;
 --menu-background-select: #c2c2c2;
 --menu-text: #000000;
 --menu-text-hover: #454545;
 --menu-background-sub-main: #cccccc;
 --menu-text-sub-main: #000000;
 --menu-background-sub-select: #f8af1a;
 --menu-text-chridren: #000000;
 --menu-icon-color: #000000;
 --menu-icon-color-hover: #454545;
 --main-background: #f9f9f9;
 --main-background-invert-alpha-30: rgba(6, 6, 6, 0.3);
 --main-background-invert-alpha-20: rgba(6, 6, 6, 0.2);
 --main-title: #000000;
 --main-subtitle: #000000;
 --main-text: #000000;
 --link-text: #aaaaaa;
 --link-text-hover: #000000;
 --button-favorite: #000000;
 --color-title-product: #000000;
 --color-title-product-invert: #ffffff;
 --color-price-product: #000000;
 --color-price-product-invert: #ffffff;
 --color-price-product-label: #000000;
 --color-price-product-label-invert: #ffffff;
 --color-price-product-card: #000000;
 --color-price-product-card-invert: #ffffff;
 --button-first-background: #f8af1a;
 --button-first-text: #000000;
 --button-first-background-hover: #ca9117;
 --button-first-text-hover: #1c1c1c;
 --button-second-background: #a47613;
 --button-second-text: #ffffff;
 --button-second-background-hover: #c18b15;
 --button-second-text-hover: #ffffff;
 --footer-first-background: #454545;
 --footer-first-text: #ffffff;
 --footer-first-title: #ffffff;
 --footer-second-background: #3b3b3b;
 --footer-second-text: #ffffff;
 --footer-second-title: #ffffff;
 --footer-button-background: #000000;
 --footer-button-text: #000000;
 --footer-button-background-hover: #f8af20;
 --footer-button-text-hover: #000000;
 --footer-input-background: #000000;
 --footer-input-text: #000000;
 --header-body-background: url('https://4x4sc.b2plus.com.br/uploads/system/2025/09/1758132123.png');
 --header-body-film: rgba(255, 255, 255, 0.8);
.st1{fill:#f9b021}
.st2{fill:#444442}
.st3{fill:#000000}
.st4{fill:#000000}
.st5{fill:#000000}
}
:root.theme-dark {
 --header-line-background: #f9b019;
 --header-line-text: #000000;
 --header-line-text-hover: #e8e8e8;
 --header-main-background: #000000;
 --header-main-text: #ffffff;
 --header-main-text-hover: #e8e8e8;
 --header-search-background: #3b3b3b;
 --header-search-texto: #757575;
 --header-search-border: #ffffff;
 --header-search-icon-color: #ffffff;
 --header-search-icon-color-hover: #e8e8e8;
 --menu-background-cart: #f9b019;
 --menu-text-cart: #000000;
 --menu-background-cart-hover: #ffaf01;
 --menu-text-cart-hover: #b37a00;
 --menu-background: #000000;
 --menu-background-select: #404040;
 --menu-text: #ffffff;
 --menu-text-hover: #cccccc;
 --menu-background-sub-main: #404040;
 --menu-text-sub-main: #ffffff;
 --menu-background-sub-select: #525252;
 --menu-text-chridren: #b0b0b0;
 --menu-icon-color: #d9d9d9;
 --menu-icon-color-hover: #cfcfcf;
 --main-background: #1f1f1f;
 --main-background-invert-alpha-30: rgba(224, 224, 224, 0.3);
 --main-background-invert-alpha-20: rgba(224, 224, 224, 0.2);
 --main-title: #ffffff;
 --main-subtitle: #ffffff;
 --main-text: #ffffff;
 --link-text: #ffffff;
 --link-text-hover: #e3e3e3;
 --button-favorite: #dbdbdb;
 --color-title-product: #ffffff;
 --color-title-product-invert: #000000;
 --color-price-product: #ffffff;
 --color-price-product-invert: #000000;
 --color-price-product-label: #ffffff;
 --color-price-product-label-invert: #000000;
 --color-price-product-card: #ffffff;
 --color-price-product-card-invert: #000000;
 --button-first-background: #f8af1a;
 --button-first-text: #000000;
 --button-first-background-hover: #ca9117;
 --button-first-text-hover: #0f0f0f;
 --button-second-background: #a47613;
 --button-second-text: #ffffff;
 --button-second-background-hover: #c18b15;
 --button-second-text-hover: #ffffff;
 --footer-first-background: #141414;
 --footer-first-text: #ffffff;
 --footer-first-title: #ffffff;
 --footer-second-background: #0f0f0f;
 --footer-second-text: #ffffff;
 --footer-second-title: #ffffff;
 --footer-button-background: #ffffff;
 --footer-button-text: #000000;
 --footer-button-background-hover: #f8af20;
 --footer-button-text-hover: #000000;
 --footer-input-background: #000000;
 --footer-input-text: #000000;
 --header-body-background: url('https://4x4sc.b2plus.com.br/uploads/system/2025/09/1758132117.png');
 --header-body-film: rgba(0,0,0,0.8);
.st1{fill:#ffffff}
.st2{fill:#f9b019}
.st3{fill:#000000}
.st4{fill:#ffffff}
.st5{fill:#ffffff}
}