:root { --woocommerce: #720eec; --wc-green: #007518; --wc-red: #a00; --wc-orange: #ffba00; --wc-blue: #2ea2cc; --wc-primary: #720eec; --wc-primary-text: #fcfbfe; --wc-secondary: #e9e6ed; --wc-secondary-text: #515151; --wc-highlight: #958e09; --wc-highligh-text: white; --wc-content-bg: #fff; --wc-subtext: #767676; --wc-form-border-color: rgba(32, 7, 7, 0.8); --wc-form-border-radius: 4px; --wc-form-border-width: 1px; --wc-destructive: #cc1818; --wc-card-border-radius: 8px; }@keyframes spin { 
  100% { transform: rotate(-360deg); }
}@font-face { font-family: star; src: url("https://drugkade.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2") format("woff2"), url("https://drugkade.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("https://drugkade.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"); font-weight: 400; font-style: normal; }@font-face { font-family: WooCommerce; src: url("https://drugkade.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2") format("woff2"), url("https://drugkade.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("https://drugkade.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"); font-weight: 400; font-style: normal; }.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; width: 1px; position: absolute !important; overflow-wrap: normal !important; }.clear { clear: both; }.woocommerce span.onsale { min-height: 3.236em; min-width: 3.236em; padding: 0.202em; font-weight: 700; position: absolute; text-align: center; line-height: 3.236; top: -0.5em; right: -0.5em; margin: 0px; border-radius: 100%; background-color: rgb(149, 142, 9); color: rgb(255, 255, 255); font-size: 0.857em; z-index: 9; }.woocommerce .products ul, .woocommerce ul.products { margin: 0px 0px 1em; padding: 0px; list-style: outside none; clear: both; }.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before { content: " "; display: table; }.woocommerce .products ul::after, .woocommerce ul.products::after { clear: both; }.woocommerce .products ul li, .woocommerce ul.products li { list-style: outside none; }.woocommerce ul.products li.product .onsale { top: 0px; left: 0px; right: auto; margin: -0.5em 0px 0px -0.5em; }.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: 0.5em 0px; margin: 0px; font-size: 1em; }.woocommerce ul.products li.product a { text-decoration: none; }.woocommerce ul.products li.product a.woocommerce-loop-product__link { display: block; }.woocommerce ul.products li.product a img { width: 100%; height: auto; display: block; margin: 0px 0px 1em; box-shadow: none; }.woocommerce ul.products li.product .woocommerce-placeholder { border: 1px solid rgb(242, 242, 242); }.woocommerce ul.products li.product .button { display: inline-block; margin-top: 1em; }.woocommerce ul.products li.product .price { display: block; font-weight: 400; margin-bottom: 0.5em; font-size: 0.857em; }.woocommerce ul.products li.product .price del { color: inherit; opacity: 0.7; display: inline-block; }.woocommerce ul.products li.product .price ins { background: 0px 0px; font-weight: 700; display: inline-block; }.woocommerce :where(.wc_bis_form__input, .wc_bis_form__button) { padding: 0.9rem 1.1rem; line-height: 1; }.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button { font-size: 100%; margin: 0px; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: 0.618em 1em; font-weight: 700; border-radius: 3px; right: auto; color: rgb(81, 81, 81); background-color: rgb(233, 230, 237); border: 0px; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; }.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover { background-color: rgb(220, 215, 226); text-decoration: none; background-image: none; color: rgb(81, 81, 81); }