html,body{padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:0}body .mce-container,body .mce-container *,body .mce-widget,body .mce-widget *,body .mce-reset{background:rgba(0,0,0,0) !important;padding:0 !important}body.page *:not([class^=fa]):not([class^=eicon]):not(.ab-icon):not(.ts-menu-drop-icon):not(.mce-ico),body.woocommerce *:not([class^=fa]):not([class^=eicon]):not(.ab-icon):not(.ts-menu-drop-icon):not(.mce-ico){font-family:"Public Sans",sans-serif !important}body.page * input[type=radio],body.page * input[type=checkbox],body.woocommerce * input[type=radio],body.woocommerce * input[type=checkbox]{accent-color:#0073cf;outline:none !important;margin-top:0 !important}body.page * textarea,body.page * input:not([type=radio]):not([type=checkbox]),body.woocommerce * textarea,body.woocommerce * input:not([type=radio]):not([type=checkbox]){border-radius:8px}body.single-post .page-container{max-width:1320px;padding-inline:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:25px}body.single-post .page-container::after{content:none !important}body.single-post .page-container #main-content{-ms-flex-preferred-size:calc(75% - 12.5px) !important;flex-basis:calc(75% - 12.5px) !important;max-width:calc(75% - 12.5px) !important}body.single-post .page-container #left-sidebar,body.single-post .page-container #right-sidebar{padding:0;-ms-flex-preferred-size:calc(25% - 12.5px) !important;flex-basis:calc(25% - 12.5px) !important;max-width:calc(25% - 12.5px) !important}@media screen and (width < 1100px){body.single-post .page-container #main-content{-ms-flex-preferred-size:calc(70% - 12.5px) !important;flex-basis:calc(70% - 12.5px) !important;max-width:calc(70% - 12.5px) !important}body.single-post .page-container #left-sidebar,body.single-post .page-container #right-sidebar{-ms-flex-preferred-size:calc(30% - 12.5px) !important;flex-basis:calc(30% - 12.5px) !important;max-width:calc(30% - 12.5px) !important}}@media screen and (width < 767px){body.single-post .page-container{-ms-flex-wrap:wrap;flex-wrap:wrap}body.single-post .page-container #main-content{-ms-flex-preferred-size:100% !important;flex-basis:100% !important;max-width:100% !important}body.single-post .page-container #left-sidebar,body.single-post .page-container #right-sidebar{-ms-flex-preferred-size:100% !important;flex-basis:100% !important;max-width:100% !important}}body a.button,body button:not([class*=elementor]),body input[type^=submit],body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button,body .woocommerce a.button.alt,body .woocommerce button.button.alt,body .woocommerce input.button.alt,body .woocommerce a.button.disabled,body .woocommerce a.button:disabled,body .woocommerce a.button:disabled[disabled],body .woocommerce button.button.disabled,body .woocommerce button.button:disabled,body .woocommerce button.button:disabled[disabled],body .woocommerce input.button.disabled,body .woocommerce input.button:disabled,body .woocommerce input.button:disabled[disabled],body .woocommerce #respond input#submit,body .shopping-cart p.buttons a,body .woocommerce .widget_price_filter .price_slider_amount .button,body .woocommerce-page .widget_price_filter .price_slider_amount .button,body input[type=submit].dokan-btn,body a.dokan-btn,body .dokan-btn,body .woocommerce-account .woocommerce-MyAccount-navigation li a,body #comments .wcpr-filter-button,body #ts-search-sidebar.full-width .ts-search-result-container .view-all-wrapper a{border-radius:8px;-ms-flex-line-pack:center;align-content:center}body a.button,body button:not([class*=elementor]),body input[type^=submit],body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button,body .woocommerce a.button.alt,body .woocommerce button.button.alt,body .woocommerce input.button.alt,body .woocommerce #respond input#submit,body .threesixty .nav_bar a,body body .mfp-close-btn-in .mfp-close,body .woocommerce .wishlist_table .product-add-to-cart a,body .cart_totals .wc-proceed-to-checkout a.button.view-cart,body .ts-tiny-cart-wrapper .dropdown-footer .button.view-cart,body #ts-add-to-cart-popup-modal .action .button.view-cart,body .woocommerce.widget_shopping_cart .buttons .button,body .woocommerce .widget_shopping_cart .buttons .button,body .elementor-widget-wp-widget-woocommerce_widget_cart .buttons .button,body .woocommerce table.cart .actions>.button.empty-cart-button,body .ts-product-attribute>div:not(.color) a,body #comments .wcpr-filter-button,body .meta-content .ic-like,body a.dokan-btn,body .dokan-btn,body .woocommerce form.register .button,body .woocommerce .woocommerce-form-register .button,body .portfolio-inner .icon-group a,body body .woocommerce table.compare-list .add-to-cart td a,body input[type=submit].dokan-btn{background:#007ee5;border-color:#007ee5;padding-block:0;min-height:47px;-ms-flex-line-pack:center;align-content:center;-webkit-transition:all .3s linear;transition:all .3s linear}body a.button:hover,body button:not([class*=elementor]):hover,body input[type^=submit]:hover,body .woocommerce a.button:hover,body .woocommerce button.button:hover,body .woocommerce input.button:hover,body .woocommerce a.button.alt:hover,body .woocommerce button.button.alt:hover,body .woocommerce input.button.alt:hover,body .woocommerce #respond input#submit:hover,body .threesixty .nav_bar a:hover,body body .mfp-close-btn-in .mfp-close:hover,body .woocommerce .wishlist_table .product-add-to-cart a:hover,body .cart_totals .wc-proceed-to-checkout a.button.view-cart:hover,body .ts-tiny-cart-wrapper .dropdown-footer .button.view-cart:hover,body #ts-add-to-cart-popup-modal .action .button.view-cart:hover,body .woocommerce.widget_shopping_cart .buttons .button:hover,body .woocommerce .widget_shopping_cart .buttons .button:hover,body .elementor-widget-wp-widget-woocommerce_widget_cart .buttons .button:hover,body .woocommerce table.cart .actions>.button.empty-cart-button:hover,body .ts-product-attribute>div:not(.color) a:hover,body #comments .wcpr-filter-button:hover,body .meta-content .ic-like:hover,body a.dokan-btn:hover,body .dokan-btn:hover,body .woocommerce form.register .button:hover,body .woocommerce .woocommerce-form-register .button:hover,body .portfolio-inner .icon-group a:hover,body body .woocommerce table.compare-list .add-to-cart td a:hover,body input[type=submit].dokan-btn:hover{background:#0073cf;border-color:#0073cf}body a.dokan-btn,body .dokan-btn,body input[type=submit].dokan-btn{background:#007ee5;border-color:#007ee5;padding-block:0;min-height:47px;-webkit-transition:all .3s linear;transition:all .3s linear}body a.dokan-btn:focus,body .dokan-btn:focus,body input[type=submit].dokan-btn:focus{background:#0073cf;border-color:#0073cf}body a.dokan-btn.focus,body input[type=submit].dokan-btn.focus,body .ts-product-attribute>div:not(.color).selected a,body .dokan-btn.focus,body .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a,body .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:hover a{background:#0073cf}@media screen and (max-width: 767px){body #wa .wa__btn_popup{-webkit-transform:translateY(32px);transform:translateY(32px)}}body.woocommerce.woocommerce-page .product .summary,.quickshop-content .woocommerce .summary,.woocommerce-page.single-product div.product .summary,.woocommerce-page.single-product div.product{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body.woocommerce.woocommerce-page .product .summary .single-counter-wrapper,.quickshop-content .woocommerce .summary .single-counter-wrapper,.woocommerce-page.single-product div.product .single-counter-wrapper,body.woocommerce.woocommerce-page .product .summary .woocommerce-product-rating,.quickshop-content .woocommerce .summary .woocommerce-product-rating,.woocommerce-page.single-product div.product .woocommerce-product-rating,body.woocommerce.woocommerce-page .product .summary .product_title,.quickshop-content .woocommerce .summary .product_title,.woocommerce-page.single-product div.product .product_title,body.woocommerce.woocommerce-page .product .summary .woocommerce-product-details__short-description,.quickshop-content .woocommerce .summary .woocommerce-product-details__short-description,.woocommerce-page.single-product div.product .woocommerce-product-details__short-description,body.woocommerce.woocommerce-page .product .summary .price,.quickshop-content .woocommerce .summary .price,.woocommerce-page.single-product div.product .price,body.woocommerce.woocommerce-page .product .summary .cartو .meta-content,.quickshop-content .woocommerce .summary .cartو .meta-content,.woocommerce-page.single-product div.product .cartو .meta-content,body.woocommerce.woocommerce-page .product .summary .ts-social-sharing,.quickshop-content .woocommerce .summary .ts-social-sharing,.woocommerce-page.single-product div.product .ts-social-sharing{-ms-flex-preferred-size:100%;flex-basis:100%}body.woocommerce.woocommerce-page .product .summary .woocommerce-product-rating link,.quickshop-content .woocommerce .summary .woocommerce-product-rating link,.woocommerce-page.single-product div.product .woocommerce-product-rating link,body.woocommerce.woocommerce-page .product .summary .woocommerce-product-rating .woocommerce-review-link,.quickshop-content .woocommerce .summary .woocommerce-product-rating .woocommerce-review-link,.woocommerce-page.single-product div.product .woocommerce-product-rating .woocommerce-review-link{color:#007ee5}body.woocommerce.woocommerce-page .product .summary .woocommerce-product-rating link:hover,.quickshop-content .woocommerce .summary .woocommerce-product-rating link:hover,.woocommerce-page.single-product div.product .woocommerce-product-rating link:hover,body.woocommerce.woocommerce-page .product .summary .woocommerce-product-rating .woocommerce-review-link:hover,.quickshop-content .woocommerce .summary .woocommerce-product-rating .woocommerce-review-link:hover,.woocommerce-page.single-product div.product .woocommerce-product-rating .woocommerce-review-link:hover{color:#0073cf}body.woocommerce.woocommerce-page .product .summary .product_title,.quickshop-content .woocommerce .summary .product_title,.woocommerce-page.single-product div.product .product_title{font-size:24px;font-weight:normal;line-height:28px;font-family:"Public Sans",sans-serif}body.woocommerce.woocommerce-page .product .summary .woocommerce-product-details__short-description,.quickshop-content .woocommerce .summary .woocommerce-product-details__short-description,.woocommerce-page.single-product div.product .woocommerce-product-details__short-description{font-style:normal}body.woocommerce.woocommerce-page .product .summary .price,.quickshop-content .woocommerce .summary .price,.woocommerce-page.single-product div.product .price{border-bottom:1px solid #e4e7e9;padding-bottom:18px}body.woocommerce.woocommerce-page .product .summary .price .amount,.quickshop-content .woocommerce .summary .price .amount,.woocommerce-page.single-product div.product .price .amount{color:#2da5f3;font-size:24px;font-weight:600 !important}body.woocommerce.woocommerce-page .product .summary del .woocommerce-Price-amount.amount,.quickshop-content .woocommerce .summary del .woocommerce-Price-amount.amount,.woocommerce-page.single-product div.product del .woocommerce-Price-amount.amount{color:#929fa5 !important;font-size:18px !important}body.woocommerce.woocommerce-page .product .summary .meta-content,.quickshop-content .woocommerce .summary .meta-content,.woocommerce-page.single-product div.product .meta-content{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;padding:0;margin:0 0 16px;border:0}body.woocommerce.woocommerce-page .product .summary .availability,.quickshop-content .woocommerce .summary .availability,.woocommerce-page.single-product div.product .availability{border:0}body.woocommerce.woocommerce-page .product .summary .in-stock .availability-text,.quickshop-content .woocommerce .summary .in-stock .availability-text,.woocommerce-page.single-product div.product .in-stock .availability-text{color:#2db224 !important}body.woocommerce.woocommerce-page .product .summary div:has(span+span)>span:first-child,.quickshop-content .woocommerce .summary div:has(span+span)>span:first-child,.woocommerce-page.single-product div.product div:has(span+span)>span:first-child{color:#5f6c72}body.woocommerce.woocommerce-page .product .summary div:has(span+span)>span:last-child,.quickshop-content .woocommerce .summary div:has(span+span)>span:last-child,.woocommerce-page.single-product div.product div:has(span+span)>span:last-child{color:#191c1f;font-weight:600}body.woocommerce.woocommerce-page .product .summary div:has(span+span)>span:last-child a,.quickshop-content .woocommerce .summary div:has(span+span)>span:last-child a,.woocommerce-page.single-product div.product div:has(span+span)>span:last-child a{font-weight:normal}body.woocommerce.woocommerce-page .product .summary div:has(span+span)>span:last-child a:not(:hover),.quickshop-content .woocommerce .summary div:has(span+span)>span:last-child a:not(:hover),.woocommerce-page.single-product div.product div:has(span+span)>span:last-child a:not(:hover){color:#191c1f}body.woocommerce.woocommerce-page .product .summary form.cart,.quickshop-content .woocommerce .summary form.cart,.woocommerce-page.single-product div.product form.cart{width:100%;float:none !important}body.woocommerce.woocommerce-page .product .summary form.cart:not(:nth-last-child(2)),.quickshop-content .woocommerce .summary form.cart:not(:nth-last-child(2)),.woocommerce-page.single-product div.product form.cart:not(:nth-last-child(2)){margin-bottom:24px}@media screen and (width < 768px){body.woocommerce.woocommerce-page .product .summary form.cart:not(:nth-last-child(2)),.quickshop-content .woocommerce .summary form.cart:not(:nth-last-child(2)),.woocommerce-page.single-product div.product form.cart:not(:nth-last-child(2)){margin-bottom:10px}}body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button::before,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button::before,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button::before{display:none}body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:not(.loading)::after,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:not(.loading)::after,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:not(.loading)::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;-webkit-margin-start:7px;margin-inline-start:7px}.quickshop-content .woocommerce .woocommerce-product-gallery .flex-viewport,.woocommerce-page.single-product .woocommerce-product-gallery .flex-viewport{border-radius:8px;border-width:2px}.quickshop-content .woocommerce .woocommerce-product-gallery .flex-control-thumbs li img,.woocommerce-page.single-product .woocommerce-product-gallery .flex-control-thumbs li img{border-radius:8px;border-width:2px !important;-webkit-transition:all .3s linear;transition:all .3s linear}.quickshop-content .woocommerce .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,.woocommerce-page.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,.quickshop-content .woocommerce .woocommerce-product-gallery .flex-control-thumbs li img:hover,.woocommerce-page.single-product .woocommerce-product-gallery .flex-control-thumbs li img:hover{border-color:#0073cf !important}#ts-shopping-cart-sidebar .quantity .number-button,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button,.quickshop-content .woocommerce .summary form.cart .quantity .number-button,.woocommerce-page.single-product div.product form.cart .quantity .number-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;margin:0 16px 6px 0 !important;border:2px solid #e4e7e9 !important}@media screen and (width < 768px){#ts-shopping-cart-sidebar .quantity .number-button,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button,.quickshop-content .woocommerce .summary form.cart .quantity .number-button,.woocommerce-page.single-product div.product form.cart .quantity .number-button{-webkit-margin-end:10px !important;margin-inline-end:10px !important}}#ts-shopping-cart-sidebar .quantity .number-button .minus,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .minus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .minus,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .minus,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .minus,.woocommerce-page.single-product div.product form.cart .quantity .number-button .minus,#ts-shopping-cart-sidebar .quantity .number-button .plus,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .plus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .plus,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .plus,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .plus,.woocommerce-page.single-product div.product form.cart .quantity .number-button .plus,#ts-shopping-cart-sidebar .quantity .number-button .qty,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .qty,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .qty,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .qty,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .qty,.woocommerce-page.single-product div.product form.cart .quantity .number-button .qty{position:static;border:none !important;background:none;color:#191c1f;text-align:center;font-size:20px;padding:0;width:52px !important;height:52px}@media screen and (width < 768px){#ts-shopping-cart-sidebar .quantity .number-button .minus,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .minus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .minus,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .minus,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .minus,.woocommerce-page.single-product div.product form.cart .quantity .number-button .minus,#ts-shopping-cart-sidebar .quantity .number-button .plus,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .plus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .plus,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .plus,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .plus,.woocommerce-page.single-product div.product form.cart .quantity .number-button .plus,#ts-shopping-cart-sidebar .quantity .number-button .qty,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .qty,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .qty,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .qty,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .qty,.woocommerce-page.single-product div.product form.cart .quantity .number-button .qty{width:45px !important}}#ts-shopping-cart-sidebar .quantity .number-button .qty,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .qty,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .qty,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .qty,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .qty,.woocommerce-page.single-product div.product form.cart .quantity .number-button .qty{color:#475156;font-size:16px;border:0 !important}#ts-shopping-cart-sidebar .quantity .number-button .qty:focus,.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button .qty:focus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button .qty:focus,body.woocommerce.woocommerce-page .product .summary form.cart .quantity .number-button .qty:focus,.quickshop-content .woocommerce .summary form.cart .quantity .number-button .qty:focus,.woocommerce-page.single-product div.product form.cart .quantity .number-button .qty:focus{color:#191c1f}#ts-shopping-cart-sidebar .checkout-button,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist,.page #payment #place_order,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button,.woocommerce-page.single-product .ts-buy-now-button,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button{width:auto;border-radius:8px !important;border:2px solid #007ee5 !important;text-transform:uppercase;font-weight:600;padding:0 20px !important;margin-inline:0 16px;-webkit-transition:all .3 linear;transition:all .3 linear}#ts-shopping-cart-sidebar .checkout-button:hover,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:hover:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist:hover,.page #payment #place_order:hover,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:hover,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button:hover,.woocommerce-page.single-product .ts-buy-now-button:hover,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:hover,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:hover,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:hover,#ts-shopping-cart-sidebar .checkout-button:active,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:active:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist:active,.page #payment #place_order:active,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:active,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button:active,.woocommerce-page.single-product .ts-buy-now-button:active,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:active,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:active,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:active,#ts-shopping-cart-sidebar .checkout-button:focus,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:focus:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist:focus,.page #payment #place_order:focus,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:focus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button:focus,.woocommerce-page.single-product .ts-buy-now-button:focus,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:focus,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:focus,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:focus{border-color:#0073cf !important}.page #payment #place_order,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button,.woocommerce-page.single-product .ts-buy-now-button,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button{color:#fff !important;background:#007ee5 !important}.page #payment #place_order:hover,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:hover,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button:hover,.woocommerce-page.single-product .ts-buy-now-button:hover,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:hover,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:hover,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:hover,.page #payment #place_order:active,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:active,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button:active,.woocommerce-page.single-product .ts-buy-now-button:active,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:active,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:active,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:active,.page #payment #place_order:focus,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button:focus,.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button:focus,.woocommerce-page.single-product .ts-buy-now-button:focus,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button:focus,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button:focus,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button:focus{background:#0073cf !important}#ts-shopping-cart-sidebar .checkout-button,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist{color:#007ee5 !important;background:#fff !important}#ts-shopping-cart-sidebar .checkout-button:hover,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:hover:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist:hover,#ts-shopping-cart-sidebar .checkout-button:active,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:active:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist:active,#ts-shopping-cart-sidebar .checkout-button:focus,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:focus:not([name=apply_coupon]),.woocommerce-page.single-product .outofstock .woocommerce_waitlist:focus{color:#fff !important;background:#0073cf !important;border-color:#0073cf !important}.page #payment #place_order,.cart-collaterals .cart_totals .wc-proceed-to-checkout .button,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:not([name=apply_coupon]),.woocommerce-page.single-product .ts-buy-now-button,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button[name=apply_coupon],.woocommerce-page.single-product .yith-wcwl-add-button a,.woocommerce-page.single-product .yith-wcwl-add-button .add_to_wishlist,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist a,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist,body.woocommerce.woocommerce-page .product .summary form.cart .single_add_to_cart_button,.quickshop-content .woocommerce .summary form.cart .single_add_to_cart_button,.woocommerce-page.single-product div.product form.cart .single_add_to_cart_button{height:56px;line-height:54px !important}.woocommerce-cart .woocommerce-cart-form table.cart .actions .button[name=apply_coupon],.woocommerce-page.single-product .yith-wcwl-add-button a,.woocommerce-page.single-product .yith-wcwl-add-button .add_to_wishlist,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist a,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist{border:none;padding:0;font-size:16px;font-weight:400;color:#475156 !important;text-transform:capitalize;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:7px}.woocommerce-cart .woocommerce-cart-form table.cart .actions .button[name=apply_coupon]:hover,.woocommerce-page.single-product .yith-wcwl-add-button a:hover,.woocommerce-page.single-product .yith-wcwl-add-button .add_to_wishlist:hover,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist a:hover,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist:hover,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button[name=apply_coupon]:focus,.woocommerce-page.single-product .yith-wcwl-add-button a:focus,.woocommerce-page.single-product .yith-wcwl-add-button .add_to_wishlist:focus,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist a:focus,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist:focus,.woocommerce-cart .woocommerce-cart-form table.cart .actions .button[name=apply_coupon]:active,.woocommerce-page.single-product .yith-wcwl-add-button a:active,.woocommerce-page.single-product .yith-wcwl-add-button .add_to_wishlist:active,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist a:active,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist:active{color:#0073cf !important;background:none !important}#main-content,.main-content-fullwidth .page-container,.layout-fullwidth .page-container{padding:0;max-width:100%}body:not(.elementor-page) #primary>article.page{max-width:1320px !important;padding-inline:16px !important;margin-inline:auto}#main-content .show-filter-sidebar,#main-content .show-filter-default{padding-inline:0 !important}#main-content .ts-sidebar-content{-webkit-padding-start:0;padding-inline-start:0}.woocommerce .woocommerce-ordering .orderby-current:after,.product-per-page-form .perpage-current:after{right:auto;left:calc(100% - 25px)}span.woocommerce-Price-amount.amount{font-size:16px;font-weight:bold}.woocommerce div.product .stock{border-style:groove;border-width:3px;font-weight:500}.owl-carousel.products .owl-stage-outer .owl-stage{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{border:none;background:#007ee5;-webkit-transition:all .3s linear;transition:all .3s linear}.owl-carousel .owl-controls .owl-nav .owl-next::before,.owl-carousel .owl-controls .owl-nav .owl-prev::before{color:#fff;font-family:"Font Awesome 5 Free";font-weight:900;-webkit-transition:all .3s linear;transition:all .3s linear;font-size:16px;line-height:40px}.owl-carousel .owl-controls .owl-nav .owl-next:hover,.owl-carousel .owl-controls .owl-nav .owl-prev:hover{background:#0073cf}.owl-carousel .owl-controls .owl-nav .owl-next::before{content:""}.owl-carousel .owl-controls .owl-nav .owl-prev::before{content:""}.breadcrumb-title-wrapper{margin-block:-32px 32px !important;border-bottom:1px solid #eee}.breadcrumb-title-wrapper .breadcrumb-content{max-width:1320px !important;padding-inline:16px !important}.breadcrumb-title-wrapper .breadcrumbs-container a:first-child::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;-webkit-margin-end:4px;margin-inline-end:4px}@media only screen and (max-width: 767px){body.boxed .page{max-width:540px}.page .sticky-wrapper .icon-menu-sticky-header{display:none !important}.page .ts-product .products.owl-carousel>.owl-stage-outer>.owl-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.page .product-deal,.page .product-grid{width:100%}.page .product-deal-2,.page .product-grid-2{width:100%}.page .elementor-image-gallery .gallery>*{width:50%}.page #ts-mobile-button-bottom{max-width:100vw}.page figure.elementor-image-box-img img{margin-bottom:10px}.page:before{position:fixed;opacity:0;left:0;right:0;bottom:-100px;top:0;content:"";background:#000;-webkit-transition:opacity .35s;transition:opacity .35s;z-index:-1}.page .breadcrumb-title-wrapper.breadcrumb-v3{margin-bottom:10px}.page .ts-cart-checkout-process-bar{margin-bottom:30px}.page .ts-cart-checkout-process-bar+.woocommerce-notices-wrapper .woocommerce-message{margin-top:-10px}.page .ts-cart-checkout-process-bar,.page .ts-cart-checkout-process-bar>a{display:block}.page .widget-container .owl-nav{display:none}}.elementor-section{margin-inline:0}@media only screen and (max-width: 490px){.page .woocommerce.item-layout-list .product-category .product-wrapper{padding:10px;min-height:auto;text-align:center;display:block;border-width:1px 1px 0 0;margin:0}.page .woocommerce.item-layout-list .product-category .product-wrapper>a{position:static;display:inline-block}.page .woocommerce.item-layout-list .product-category .product-wrapper .meta-wrapper{width:100%;text-align:center}.page .summary .ts-buy-now-button{padding-left:10px;padding-right:10px;min-width:100px;margin-top:5px;-webkit-transform:none;transform:none;position:static}.page .product-type-variable .summary .ts-buy-now-button{-webkit-transform:translateX(245px);transform:translateX(245px)}.page .product-type-variable.sold-individually .summary .ts-buy-now-button{-webkit-transform:translateX(150px);transform:translateX(150px)}.page div.product:not(.sold-individually) form.cart+.ts-buy-now-button{margin-left:0;margin-right:0;margin-top:5px;min-width:90px;clear:both}body.product-label-circle .page .product-label>span.onsale,body.product-label-circle .page .product-label>span{width:30px;height:30px;font-size:12px}}.elementor-button .fa-arrow-right{-webkit-transition:all .3s linear;transition:all .3s linear}.elementor-button:hover .fa-arrow-right{-webkit-transform:translateX(4px);transform:translateX(4px)}#mak-header .aws-search-form .aws-search-field{color:#191c1f;padding:14px 20px;border-right:0 !important;border-radius:40px 0 0 40px !important}#mak-header .aws-search-form .aws-search-field::-webkit-input-placeholder{color:#77878f;font-style:normal}#mak-header .aws-search-form .aws-search-field::-moz-placeholder{color:#77878f;font-style:normal}#mak-header .aws-search-form .aws-search-field:-ms-input-placeholder{color:#77878f;font-style:normal}#mak-header .aws-search-form .aws-search-field::-ms-input-placeholder{color:#77878f;font-style:normal}#mak-header .aws-search-form .aws-search-field::placeholder{color:#77878f;font-style:normal}#mak-header .aws-search-form .aws-form-btn{background:rgba(0,0,0,0);border-radius:0 40px 40px 0 !important}#mak-header .aws-search-form .aws-form-btn svg{-webkit-transform:translateX(-6px);transform:translateX(-6px)}#mak-header .aws-search-form:has(input:focus) .aws-search-btn{border-color:#c0d4e5}.nav-wrapper{z-index:5}.nav-wrapper .elementor-nav-menu>li .elementor-item.highlighted::before{border-radius:3px 3px 0 0 !important}@media screen and (max-width: 767px){#mak-header{background:#0173ce}#mak-header .ts-mobile-icon-toggle{display:inline-block}#mak-header .logo-wrapper,#mak-header .header-right{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:48px}#mak-header .search-wrapper{max-width:calc(100vw - 97px)}#mak-header .aws-search-form .aws-form-btn{background:#fff}#mak-header .aws-search-form .aws-form-btn,#mak-header .aws-search-form .aws-search-field{border:none}#mak-header .ts-mobile-icon-toggle .icon:before{content:"";font-family:"themify"}#mak-header .ts-mobile-icon-toggle .icon::before,#mak-header .shopping-cart-wrapper a.cart-control .ic-cart::before{font-size:17px;line-height:20px;font-weight:normal;display:block !important;margin:0;color:#fff !important}#menu-main-categories li{margin:0;padding:0 20px}#menu-main-categories li .menu-label{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:capitalize}#menu-main-categories li a{-webkit-transition:all .3s linear;transition:all .3s linear}#menu-main-categories li a:hover{color:#0073cf}}.aws-search-result{border-color:#363636;border-radius:12px !important;-webkit-transform:translateY(-1px);transform:translateY(-1px);overflow:hidden}.aws-search-result:has(.aws_no_result){border-radius:40px !important}.aws-search-result ul .aws_no_result{padding-inline:20px;border-radius:40px}.aws-search-result ul li .aws_result_link{padding-inline:12px}.hero-slider{height:100% !important}.hero-slider .swiper{height:100%}.category-item:not(:has(.category-image)) .category-image-fallback{display:block !important}.category-item img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.category-item .elementor-widget-heading{margin-block:auto !important}.category-item .elementor-heading-title{-webkit-transition:all .3s linear;transition:all .3s linear}.category-item:hover .elementor-heading-title{color:#0073cf}.dev-boards .product-wrapper,.sbags-tools .product-wrapper{min-height:324px}.product-item .elementor-widget-container img{aspect-ratio:1.17/1;max-width:202px;-o-object-fit:contain;object-fit:contain}.product-item .elementor-widget-container .elementor-heading-title{line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.product-item .price{margin:0}.product-item span.woocommerce-Price-amount{font-size:14px;font-weight:normal;color:inherit}.feat-cat-item:has(.elementor-widget-image+.elementor-widget-image) .elementor-widget-image+.elementor-widget-image{display:none}.feat-cat-item .elementor-flip-box .elementor-flip-box__layer__title{text-transform:capitalize}.feat-cat-item .elementor-flip-box .elementor-flip-box__layer__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}.feat-cat-item .elementor-flip-box .elementor-flip-box__front{border-radius:16px}.feat-cat-item .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__inner{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr;gap:16px;position:relative}.feat-cat-item .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{grid-row:1;grid-column:1/-1}.feat-cat-item .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{grid-row:2;grid-column:1;padding-right:144px;-webkit-box-sizing:border-box;box-sizing:border-box}.feat-cat-item .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__image{grid-row:2;grid-column:1;justify-self:end;width:128px}.feat-cat-item .elementor-flip-box .elementor-flip-box__back{border-radius:16px}.feat-cat-item .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__button:after{content:"";margin-left:10px;font-family:"Font Awesome 5 Free";font-weight:900}#ts-products-tabs .tabs .tab-item{color:#5f6c72;font-size:16px;padding:8px;-webkit-transition:all .3s linear;transition:all .3s linear;border:none;border-bottom:2px solid rgba(0,0,0,0)}#ts-products-tabs .tabs .tab-item:hover,#ts-products-tabs .tabs .tab-item.current{color:#191c1f;background:rgba(0,0,0,0);border-color:#fa8232}@media screen and (width < 1024px){#ts-products-tabs .column-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#ts-products-tabs .tabs{text-align:start;margin-top:10px}#ts-products-tabs .tabs .tab-item{margin-inline:0 10px}}.feat-category-item .elementor-flip-box__front .elementor-flip-box__layer__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.feat-category-item .elementor-flip-box__front .elementor-flip-box__image{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.feat-category-item .elementor-flip-box__front .elementor-flip-box__image img{width:148px;height:148px;-o-object-fit:cover;object-fit:cover;mix-blend-mode:darken}.ts-banner-button a.button{padding-inline:20px}.ts-banner-button a.button:after{content:"";margin-left:10px}@media screen and (width < 1025px){#top-brands .items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#top-brands .items .item{-ms-flex-preferred-size:calc(25% - 8px);flex-basis:calc(25% - 8px);max-width:calc(25% - 8px)}}body .related-upsells-products-wrapper .products,body .woocommerce .products{border:none !important;padding:0 2px !important}body .related-upsells-products-wrapper .products:not(.owl-carousel),body .woocommerce .products:not(.owl-carousel){margin-inline:-8px}body .related-upsells-products-wrapper .products .owl-stage-outer,body .woocommerce .products .owl-stage-outer{padding-block:10px;border:none}body .related-upsells-products-wrapper .products .owl-stage-outer::before,body .related-upsells-products-wrapper .products .owl-stage-outer::after,body .woocommerce .products .owl-stage-outer::before,body .woocommerce .products .owl-stage-outer::after{border:0 !important}body .related-upsells-products-wrapper .products h2,body .woocommerce .products h2{font-family:"Public Sans",sans-serif}body.woocommerce .products .product,body .woocommerce .products .product{padding:8px !important;border:none !important}body.woocommerce .products .product .product-wrapper,body .woocommerce .products .product .product-wrapper{padding:16px;background:#fff;margin:0;border-radius:16px;border:1px solid #e4e7e9;-webkit-transition:all .3s linear;transition:all .3s linear;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body.woocommerce .products .product .product-wrapper:hover,body .woocommerce .products .product .product-wrapper:hover{border-color:#c9cfd2;-webkit-box-shadow:0px 3px 12px 0px rgba(25,28,31,.12);box-shadow:0px 3px 12px 0px rgba(25,28,31,.12)}body.woocommerce .products .product .product-wrapper .meta-wrapper,body .woocommerce .products .product .product-wrapper .meta-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body.woocommerce .products .product .product-wrapper .product-group-price-button-meta-wrapper,body .woocommerce .products .product .product-wrapper .product-group-price-button-meta-wrapper{margin-top:auto}body.woocommerce .products .product .product-wrapper .product-name,body .woocommerce .products .product .product-wrapper .product-name{line-height:1.45;font-size:16px;font-weight:500}body.woocommerce .products .product .product-wrapper .product-name a,body .woocommerce .products .product .product-wrapper .product-name a{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}body.woocommerce .products .product .product-wrapper .product-group-button,body .woocommerce .products .product .product-wrapper .product-group-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;left:0;right:0;top:50%;gap:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.woocommerce .products .product .product-wrapper .product-group-button>div,body .woocommerce .products .product .product-wrapper .product-group-button>div{-webkit-transition:all .3s linear;transition:all .3s linear}body.woocommerce .products .product .product-wrapper .product-group-button .loop-add-to-cart a:not(.loading)::after,body .woocommerce .products .product .product-wrapper .product-group-button .loop-add-to-cart a:not(.loading)::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900}body.woocommerce .products .product .product-wrapper .product-group-button a,body .woocommerce .products .product .product-wrapper .product-group-button a{border-radius:50%;width:36px;height:36px;min-height:36px;background:#fff;color:#191c1f;-webkit-transition:all .3s linear;transition:all .3s linear;border:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.woocommerce .products .product .product-wrapper .product-group-button a:hover,body .woocommerce .products .product .product-wrapper .product-group-button a:hover{background:#0073cf;color:#fff}body.woocommerce .products .product .product-wrapper .product-group-button a::after,body .woocommerce .products .product .product-wrapper .product-group-button a::after{font-size:16px;line-height:36px}body.woocommerce .products .product .product-wrapper .product-group-button a .button-tooltip,body .woocommerce .products .product .product-wrapper .product-group-button a .button-tooltip{left:50%;top:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0}body.woocommerce .products .product .product-wrapper .product-label,body .woocommerce .products .product .product-wrapper .product-label{border-radius:3px !important}body.woocommerce .products .product .product-label:not(.best-selling-label)>span,body .woocommerce .products .product .product-label:not(.best-selling-label)>span{height:26px !important}body.woocommerce .products .product .product-label:not(.best-selling-label)>span span,body .woocommerce .products .product .product-label:not(.best-selling-label)>span span{padding-block:3px;border-radius:3px;font-weight:600 !important}body.woocommerce .products .product .woocommerce-Price-amount.amount,body .woocommerce .products .product .woocommerce-Price-amount.amount{color:#2da5f3;font-weight:700}body.woocommerce .products .product del .woocommerce-Price-amount.amount,body .woocommerce .products .product del .woocommerce-Price-amount.amount{color:#929fa5 !important;font-weight:normal !important}.woocommerce-page .category-best-selling{margin-bottom:30px}.woocommerce-page.archive .page-container,.woocommerce-page.single-product .page-container,.woocommerce-page.page .page-container,.woocommerce-page.woocommerce .page-container{max-width:1320px;padding-inline:16px}.woocommerce-page.archive #ts-filter-widget-area .ts-sidebar-content{width:25%}.woocommerce-page.archive .shortcode-heading-wrapper{margin:0 0 10px}.woocommerce-page.archive .shortcode-heading-wrapper h2{font-size:16px;font-weight:600;font-family:"public Sans",sans-serif;text-transform:uppercase}.woocommerce-page.archive .shortcode-heading-wrapper+.content-wrapper{margin-inline:-8px}.woocommerce-page.archive .products .owl-stage-outer{padding:0 !important;border:0 !important}.woocommerce-page.archive .products .owl-stage-outer::before,.woocommerce-page.archive .products .owl-stage-outer::after{border:0 !important}.woocommerce-page.archive .ts-active-filters>.widget{border-radius:8px;background:#f2f4f5;padding:12px 24px;margin:0}.woocommerce-page.archive .ts-active-filters>.widget h2{font-weight:normal;color:#5f6c72}.woocommerce-page.archive .ts-active-filters>.widget a,.woocommerce-page.archive .ts-active-filters>.widget .amount{font-weight:normal}.woocommerce-page.archive .ts-active-filters>.widget a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.woocommerce-page.archive .before-loop-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px 32px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}@media screen and (width < 992px){.woocommerce-page.archive .before-loop-wrapper{gap:16px}.woocommerce-page.archive .before-loop-wrapper::after{display:none}}.woocommerce-page.archive .after-loop-wrapper{padding-bottom:32px}.woocommerce-page.archive .woocommerce-result-count:not(:empty){display:block}@media screen and (width < 992px){.woocommerce-page.archive .woocommerce-result-count{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.woocommerce-page.archive .woocommerce-notices-wrapper:empty{display:none}.woocommerce-page.archive .filter-widget-area-button{margin-left:-32px !important;margin-bottom:16px !important;-webkit-box-ordinal-group:1 !important;-ms-flex-order:0 !important;order:0 !important;min-width:90px}@media screen and (width < 992px){.woocommerce-page.archive .filter-widget-area-button{margin:0 !important}}.woocommerce-page.archive .filter-widget-area-button a{min-width:90px;border:1px solid #e4e7e9;border-radius:8px}.woocommerce-page.archive .woocommerce-ordering,.woocommerce-page.archive .product-per-page-form{float:none;-ms-flex-preferred-size:calc(50% - 16px);flex-basis:calc(50% - 16px);max-width:calc(50% - 16px);margin:0;-webkit-box-ordinal-group:0 !important;-ms-flex-order:-1 !important;order:-1 !important}@media screen and (width < 992px){.woocommerce-page.archive .woocommerce-ordering,.woocommerce-page.archive .product-per-page-form{max-width:205px !important;-webkit-box-ordinal-group:1 !important;-ms-flex-order:0 !important;order:0 !important;margin-inline:0 !important}.woocommerce-page.archive .woocommerce-ordering ul.orderby,.woocommerce-page.archive .product-per-page-form ul.orderby{min-width:205px}}@media screen and (width < 380px){.woocommerce-page.archive .woocommerce-ordering,.woocommerce-page.archive .product-per-page-form{max-width:185px !important}.woocommerce-page.archive .woocommerce-ordering ul.orderby,.woocommerce-page.archive .product-per-page-form ul.orderby{min-width:185px}}.woocommerce-page.archive .woocommerce-ordering,.woocommerce-page.archive .perpage{color:#475156;margin-bottom:16px;border:1px solid #e4e7e9;border-radius:8px}.woocommerce-page.archive .woocommerce-ordering{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0}.woocommerce-page.archive .woocommerce-ordering .orderby{width:100%}.woocommerce-page.archive .product-per-page-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.woocommerce-page.archive .product-per-page-form .perpage{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0}.woocommerce-page.archive #ts-filter-widget-area{padding-top:8px}.woocommerce .filter-widget-area .widget_products .product_list_widget li:not(:last-child){margin:16px 8px;padding:0 0 10px}.woocommerce .filter-widget-area .widget_products .product_list_widget li .ts-wg-meta a{word-break:break-word;-webkit-padding-end:2px;padding-inline-end:2px}.woocommerce nav.woocommerce-pagination ul.page-numbers{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.woocommerce nav.woocommerce-pagination ul.page-numbers li{margin:0}.woocommerce nav.woocommerce-pagination ul.page-numbers li a,.woocommerce nav.woocommerce-pagination ul.page-numbers li span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;width:40px;height:40px;border:1px solid;border-radius:50%;font-weight:normal;-webkit-transition:all .3s linear;transition:all .3s linear}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(a) a{border-color:#e4e7e9;background:#fff;color:#191c1f}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(span) span,.woocommerce nav.woocommerce-pagination ul.page-numbers li:hover a{border-color:#0073cf;background:#0073cf;color:#fff}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next) .next,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next) .prev,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev) .next,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev) .prev{font-size:0;border-color:#0073cf;color:#0073cf}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next) .next::before,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next) .prev::before,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev) .next::before,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev) .prev::before{font-size:16px;margin:0}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next) .prev::before,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev) .prev::before{content:""}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next) .next::after,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev) .next::after{content:"";font-size:16px;margin:0}.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next):hover .next,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.next):hover .prev,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev):hover .next,.woocommerce nav.woocommerce-pagination ul.page-numbers li:has(.prev):hover .prev{border-color:#0073cf;color:#0073cf;background:#fff}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item a,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item a{line-height:20px;color:#475156;font-family:"Public Sans";-webkit-padding-start:28px;padding-inline-start:28px;font-weight:400}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item a:before,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item a:before{display:block;content:"";width:20px;height:20px;border:1px solid #c9cfd2;border-radius:2px;top:0}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item a:hover,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item a:hover{color:#191c1f;font-weight:500}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item.current>a,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item.current>a{color:#191c1f;font-weight:500}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item.current>a:before,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item.current>a:before{background:#d82b2b;border-color:#d82b2b}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item.current>a:after,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item.current>a:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5L4.5 9L10 3' fill='none' stroke='%230173CE' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;left:3.63px;top:3;width:12px;height:12px;position:absolute;display:block}.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item:hover .icon-toggle:before,.single-product.woocommerce .ts-product-categories-widget-wrapper .cat-item.current .icon-toggle:before,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item:hover .icon-toggle:before,.archive.woocommerce .ts-product-categories-widget-wrapper .cat-item.current .icon-toggle:before{color:#191c1f;font-weight:500}.single-product.woocommerce .ts-product-categories-widget .widget-title-wrapper .heading-title,.single-product.woocommerce .widget_recently_viewed_products .widget-title-wrapper .heading-title,.archive.woocommerce .ts-product-categories-widget .widget-title-wrapper .heading-title,.archive.woocommerce .widget_recently_viewed_products .widget-title-wrapper .heading-title{font-family:"Public Sans";font-size:16px;text-transform:uppercase}.single-product.woocommerce .filter-widget-area,.archive.woocommerce .filter-widget-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.single-product.woocommerce .filter-widget-area label,.archive.woocommerce .filter-widget-area label{line-height:20px;color:#475156;font-family:"Public Sans";-webkit-padding-start:28px;padding-inline-start:28px;font-weight:400}.single-product.woocommerce .filter-widget-area label:before,.archive.woocommerce .filter-widget-area label:before{content:"";width:20px;height:20px;border:1px solid #c9cfd2;border-radius:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.single-product.woocommerce .filter-widget-area label:hover,.archive.woocommerce .filter-widget-area label:hover{color:#191c1f;font-weight:500}.single-product.woocommerce .filter-widget-area .selected label,.archive.woocommerce .filter-widget-area .selected label{color:#191c1f;font-weight:500}.single-product.woocommerce .filter-widget-area .selected label:before,.archive.woocommerce .filter-widget-area .selected label:before{width:20px;height:20px;background:#d82b2b;border:0;color:rgba(0,0,0,0);border-radius:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.single-product.woocommerce .filter-widget-area .selected label:after,.archive.woocommerce .filter-widget-area .selected label:after{content:"";color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5L4.5 9L10 3' fill='none' stroke='%230173CE' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;left:3.63px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:12px;position:absolute;display:block}.single-product.woocommerce .filter-widget-area .widget-container,.archive.woocommerce .filter-widget-area .widget-container{border-bottom:1px solid #e4e7e9;margin-bottom:0 !important;padding-bottom:24px}.single-product.woocommerce .filter-widget-area .widget-container:nth-last-of-type(2),.archive.woocommerce .filter-widget-area .widget-container:nth-last-of-type(2){border-bottom:0}.single-product.woocommerce .filter-widget-area .widget-container:not(:first-of-type) .widget-title,.archive.woocommerce .filter-widget-area .widget-container:not(:first-of-type) .widget-title{font-weight:500}.single-product.woocommerce .ts-sidebar-content a,.archive.woocommerce .ts-sidebar-content a{font-family:"Public Sans"}.filter-widget-area .widget-title{font-family:"Public Sans"}.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range:before{background-color:#d82b2b}.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content:before{background:#e4e7e9;border-radius:0;height:2px}.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background:rgba(0,0,0,0)}.woocommerce .widget_price_filter .ui-slider-range:before{background-color:#d82b2b}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{border-color:#d82b2b;border-radius:50%;border-width:2px;width:12px;height:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:rgba(0,0,0,0);height:2px}.woocommerce .widget_products{border:1px solid #ccc;border-radius:12px;padding:16px 8px !important}.woocommerce .widget_products .widget-title{line-height:16px;font-weight:700 !important;color:#1e1e1e;text-transform:capitalize;margin:8px 0px 20px 16px;font-size:24px}.woocommerce .widget_products .product_list_widget li{display:grid;grid-template-columns:50% 50%;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 8px;padding:0}.woocommerce .widget_products .product_list_widget li:before{content:none}.woocommerce .widget_products .product_list_widget li img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.woocommerce .widget_products .product_list_widget .ts-wg-meta{margin:0}.woocommerce .ts-sidebar-content .woocommerce-Price-amount bdi{color:#2da5f3;font-weight:400;font-family:"Public Sans"}@media only screen and (min-width: 1200px){#main-content.show-filter-default .term-description{padding-left:25% !important}}@media only screen and (max-width: 1199px)and (min-width: 768px){#main-content.show-filter-default .ts-active-filters,#main-content.show-filter-default .before-loop-wrapper,#main-content.show-filter-default .main-products,#main-content.show-filter-default .category-best-selling,#main-content.show-filter-default .term-description,#main-content.show-filter-default .after-loop-wrapper,#main-content.show-filter-sidebar .after-loop-wrapper,#main-content.show-filter-sidebar .before-loop-wrapper,#main-content.show-filter-sidebar .main-products{padding-left:250px}.woocommerce-page.archive .page-container #ts-filter-widget-area .ts-sidebar-content{width:250px}}@media only screen and (max-width: 767px){#main-content #ts-filter-widget-area .ts-sidebar-content{width:250px}}@media only screen and (max-width: 991px){body.woocommerce .before-loop-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}body.woocommerce .before-loop-wrapper .product-per-page-form{display:none}}.woocommerce-page.single-product #left-sidebar{padding-inline:0 32px}.woocommerce-page.single-product .woocommerce-tabs .tabs{border-bottom:1px solid #e4e7e9;margin:0 0 45px !important}.woocommerce-page.single-product .woocommerce-tabs .tabs li{padding:0 !important}.woocommerce-page.single-product .woocommerce-tabs .tabs li::before{display:none !important}.woocommerce-page.single-product .woocommerce-tabs .tabs li a{padding:18px 20px !important;border-bottom:2px solid rgba(0,0,0,0);border-top:1px solid rgba(0,0,0,0);color:#5f6c72 !important}.woocommerce-page.single-product .woocommerce-tabs .tabs li.active a,.woocommerce-page.single-product .woocommerce-tabs .tabs li:hover a{color:#191c1f !important;border-top-color:#e4e7e9;border-bottom-color:#0073cf}.woocommerce-page.single-product .woocommerce-tabs .product-content h4{margin-bottom:20px}.woocommerce-page.single-product .woocommerce-tabs .product-content h5{margin-bottom:16px}.woocommerce-page.single-product .ts-buy-now-button{padding-inline:32px}.woocommerce-page.single-product .ts-buy-now-button:not(:hover){background:rgba(0,0,0,0) !important;color:#007ee5 !important}.woocommerce-page.single-product .yith-wcwl-add-button a::before,.woocommerce-page.single-product .yith-wcwl-add-button .add_to_wishlist::before,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist a::before,.woocommerce-page.single-product .yith-wcwl-add-to-wishlist .add_to_wishlist::before{color:#cd5c5c;font-size:18px !important}.woocommerce-page.single-product .single-counter-wrapper,.woocommerce-page.single-product .woocommerce-product-rating,.woocommerce-page.single-product .product_title,.woocommerce-page.single-product .woocommerce-product-details__short-description{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.woocommerce-page.single-product .ts-social-sharing{width:100%;padding-top:20px;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.woocommerce-page.single-product .ts-social-sharing::before{content:"Share Product : "}.woocommerce-page.single-product .ts-social-sharing ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.woocommerce-page.single-product .ts-social-sharing li a{background:none;padding:0;margin:0 6px}.woocommerce-page.single-product .ts-social-sharing li a span{display:none}.woocommerce-page.single-product .ts-social-sharing li a i::before{color:#475156;font-size:16px}.woocommerce-page.single-product .ts-social-sharing li a i:hover::before{color:#0073cf}.woocommerce-page.single-product .ts-social-sharing .copy{position:relative}.woocommerce-page.single-product .ts-social-sharing .copy span{background:#666;color:#fff;border-radius:4px;padding:3px 8px;line-height:1;-ms-flex-line-pack:center;align-content:center;font-size:11px;position:absolute;top:-19px;left:44%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.woocommerce-page.single-product .outofstock .wcwl_elements{width:100%;padding-bottom:18px;border-bottom:1px solid #e4e7e9}.woocommerce-page.single-product .outofstock .wcwl_notice:has(p:empty){display:none !important}.woocommerce-page.single-product .outofstock .wcwl_notice_dismiss{padding:0;min-height:0;background:none;color:darkred;position:static;-webkit-margin-start:20px;margin-inline-start:20px}.woocommerce-page.single-product .outofstock .wcwl_notice_dismiss::before{display:block;color:darkred}.woocommerce-page.single-product .outofstock .wcwl_notice_dismiss:hover{background:none}.woocommerce-page.single-product .outofstock .wcwl_notice_dismiss:hover::before{color:red}.woocommerce-page.single-product .outofstock .wcwl_intro{line-height:1.5;margin-bottom:0}.woocommerce-page.single-product #fixed-cta{position:fixed;z-index:99;inset-inline:0px;bottom:0px;background:#fff;padding:20px 16px;-webkit-box-shadow:#eee 0px 0px 5px;box-shadow:#eee 0px 0px 5px;text-align:center;color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px}.woocommerce-page.single-product #fixed-cta>div{-ms-flex-preferred-size:calc(50% - 8px);flex-basis:calc(50% - 8px);max-width:644px}.woocommerce-page.single-product #fixed-cta .product-thumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.woocommerce-page.single-product #fixed-cta .product-thumb img{border-radius:12px;width:70px;height:70px;-o-object-fit:contain;object-fit:contain;border:1px solid #e4e7e9;background:#f5f5f5}.woocommerce-page.single-product #fixed-cta .product-thumb h5{font-size:16px;text-align:start}.woocommerce-page.single-product #fixed-cta .cta-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:12px}.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity{white-space:nowrap}.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button{margin:0 5px 0 0 !important}.woocommerce-page.single-product #fixed-cta .cta-info .product-action .cart .quantity .number-button input{width:32px !important;max-width:32px;height:32px !important;line-height:30px;font-size:16px !important}.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button{margin:0;padding-top:3.5px !important;white-space:nowrap}.woocommerce-page.single-product #fixed-cta .cta-info .product-action .button::after{vertical-align:middle;-webkit-margin-start:5px;margin-inline-start:5px;content:"";font-family:"Font Awesome 5 Free"}@media screen and (width < 768px){.woocommerce-page.single-product #fixed-cta{display:none !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-block:10px;gap:8px;bottom:55px}.woocommerce-page.single-product #fixed-cta>div{max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.woocommerce-page.single-product #fixed-cta .product-thumb img{width:32px;height:32px;border-radius:6px}.woocommerce-page.single-product #fixed-cta .product-thumb h5{font-size:12px}.woocommerce-page.single-product #fixed-cta .cta-info .button{font-size:12px;padding:5px 10px 4px !important;line-height:normal;min-height:0;border-radius:4px}}.woocommerce-page.single-product #fixed-cta .wpcpq-wrap,.woocommerce-page.single-product #fixed-cta .bundle_form.bundle_sells_form{display:none}.woocommerce-page .related.products{padding:0;margin:0 0 0 -8px}.woocommerce-page .related.products .products .owl-stage-outer{border:0}.woocommerce-page .related.products .products .owl-stage-outer::before,.woocommerce-page .related.products .products .owl-stage-outer::after{display:none}.woocommerce .checkout #order_review>table{border-radius:8px}.woocommerce .ts-cart-checkout-process-bar{padding-top:20px}.ts-cart-checkout-process-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:30px}.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity{min-width:120px}.woocommerce-cart .woocommerce-cart-form table.cart .product-quantity .quantity .number-button{margin:0;width:100%}.woocommerce-cart .woocommerce-cart-form table.cart .product-thumbnail{width:64px;min-width:64px}.woocommerce-cart .woocommerce-cart-form table.cart .product-name{max-width:250px}.woocommerce-cart .woocommerce-cart-form table.cart bdi{white-space:nowrap}.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:not([name=apply_coupon]){margin-inline:10px 0}.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:not([name=apply_coupon]):disabled{opacity:.5}@media screen and (max-width: 480px){.woocommerce-cart .woocommerce-cart-form table.cart .actions .button:not([name=apply_coupon]){width:100%}}.woocommerce-cart .woocommerce-cart-form table.cart .actions .coupon{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (width < 992px){.woocommerce-cart .woocommerce-cart-form table.cart .actions .coupon{margin-bottom:40px;overflow:visible}}.woocommerce-cart .woocommerce-cart-form table.cart .actions .coupon #coupon_code{height:56px;font-size:16px}.woocommerce-cart .woocommerce-cart-form table.cart .actions .coupon p,.woocommerce-cart .woocommerce-cart-form table.cart .actions .coupon span{position:absolute;bottom:-30px;margin:0;color:#0073cf}.cart-collaterals .cart_totals{border-radius:8px}.quickshop-content .woocommerce .summary{gap:0}.quickshop-content .woocommerce .summary .woocommerce-product-rating{-webkit-box-ordinal-group:-2;-ms-flex-order:-3;order:-3}.quickshop-content .woocommerce .summary .product_title{-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2}.page .woocommerce #payment{border-radius:8px}.page address,.page .woocommerce-order,.page .shop_table.order_details{border-radius:8px}#ts-login-form .googlesitekit-sign-in-with-google__frontend-output-button [role=button]{border-radius:12px;margin-bottom:16px}#customer_login .u-column1,#customer_login .u-column2{padding:20px 20px 12px;border:1px solid #eee;border-radius:8px}#customer_login .u-column1 h2,#customer_login .u-column2 h2{color:#124261}#customer_login .show-password-input{top:-3px}#customer_login .show-password-input:hover{color:#0173ce;background:rgba(0,0,0,0)}#customer_login input:focus{border-color:#c0d4e5}#customer_login .woocommerce-error::before,#customer_login .woocommerce-info::before,#customer_login .woocommerce-message::before,#customer_login .woocommerce-error::before,#customer_login .woocommerce-info::before,#customer_login .woocommerce-message::before,#customer_login #ts-ajax-add-to-cart-message::before,#customer_login .wc-block-components-notice-banner::before{top:0}#ts-login-form #wp-submit{padding:16px 32px;height:auto;line-height:1;color:#fff;-webkit-box-shadow:none;box-shadow:none;border-color:#007ee5;background:#007ee5}#ts-login-form #wp-submit:hover,#ts-login-form #wp-submit:active,#ts-login-form #wp-submit:focus{background:#0073cf;border-color:#0073cf}#primary .woocommerce-message{outline:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:30px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:1.45}#primary .woocommerce-message::before{-webkit-margin-end:8px;margin-inline-end:8px}#primary .woocommerce-message .button{padding-inline:20px !important;min-height:42px;white-space:nowrap;-webkit-margin-start:auto;margin-inline-start:auto}#primary .woocommerce-error{outline:none}.woocommerce-account .woocommerce-MyAccount-navigation li a{border-radius:8px;-webkit-transition:all .3s linear;transition:all .3s linear}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li:hover a{background:#0073cf;color:#fff}#wcsts_new_ticket_box{padding:0 10px 10px;border-radius:5px}#wcsts_new_ticket_box #wcsts_new_ticket_box_title{border-radius:5px}#wcsts_new_ticket_box .wcsts_input_attachment_container{background:#fff}#wcsts_new_ticket_box .wcsts_button{line-height:45px}#ts-shopping-cart-sidebar .quantity{min-width:100px}#ts-shopping-cart-sidebar .quantity .number-button{min-width:100%}#ts-shopping-cart-sidebar .quantity .number-button .minus,#ts-shopping-cart-sidebar .quantity .number-button .plus,#ts-shopping-cart-sidebar .quantity .number-button .qty{font-size:16px;width:32px !important;height:32px}#ts-shopping-cart-sidebar .amount{font-size:14px}#ts-shopping-cart-sidebar .view-cart{-webkit-margin-end:10px;margin-inline-end:10px}#ts-shopping-cart-sidebar .cart_list{margin-block:20px 10px;-webkit-padding-end:10px;padding-inline-end:10px}#ts-shopping-cart-sidebar .cart_list::-webkit-scrollbar{display:initial !important;width:8px}#ts-shopping-cart-sidebar .cart_list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:50px}#ts-shopping-cart-sidebar .cart_list::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;border:2px solid #f0f0f0}#ts-shopping-cart-sidebar .cart_list li:last-child{padding-bottom:5px}#ts-shopping-cart-sidebar .cart_list li img{margin:0}#ts-shopping-cart-sidebar .cart_list li .subtotal{width:100%}/*# sourceMappingURL=custom-styles.min.css.map */

/* ===================================================================
   HOMEPAGE — Additional CSS for PRODUCTION
   Extracted from db-snapshots/additional-css.css (the stage post) on
   2026-08-10. Append this to production's Additional CSS post; do not
   replace what is already there.

   Three slices of the stage post, in their original order:
     1. WhatsApp CTA card          (stage lines 126-150)
     2. Hero / Featured Links /
        Category strip / Shop-with-Category   (stage lines 162-332)
     3. Brand Spotlight / WhatsApp rhythm / Featured Products /
        final four sections / polish pass     (stage lines 441-1032)

   Slice 1 sits in the stage post's BLOG region, not its homepage region,
   because the homepage reuses the block the Blog page introduced. It is
   included here because production has none of it yet. When the Blog page
   is migrated later, it is already present — do not add it a second time.

   Deliberately EXCLUDED: every FOOTER and HEADER block, and the Blog
   page's own post-grid rules. Those belong to their own phases.

   ⚠️ ONE EDIT WAS MADE TO THE STAGE CSS, ON PURPOSE — read this.

   Eight rules in the stage post are scoped to `.page-id-463771`, which is
   the STAGE homepage's post ID. Production's homepage has a different ID,
   so on production all nine would silently do nothing: the WhatsApp card
   would keep the Blog's `margin:72px 8%` instead of being centred at
   1320px, Shop-with-Category would lose its bottom padding, and Featured
   Products would lose the top margin that was added from user feedback.

   Rather than swap in production's ID (which breaks again on the next
   clone), they are rewritten to `body.home` — WordPress puts the `home`
   class on the front page of every install, so this is correct on both
   sites and needs no lookup. It still cannot touch the Blog page, which
   was the point of the original scoping.
   =================================================================== */

/* WhatsApp CTA — soft gradient card, image shown at real size and allowed to
   overflow the card top/bottom so the phone + floating icons read as intended */
.mk-whatsapp-cta{ margin:72px 8% 0; }
.mk-whatsapp-cta-inner{
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px;
  background:linear-gradient(135deg,#E9F3FB 0%,#E7F6EA 100%);
  border-radius:24px; padding:56px 56px 56px 56px; box-sizing:border-box; overflow:visible;
}
.mk-whatsapp-cta-text{ flex:1 1 380px; max-width:480px; }
.mk-whatsapp-cta-title{ font-family:'Poppins',sans-serif; font-weight:700; font-size:34px; line-height:1.25; color:#1C244B; margin:0 0 14px; }
.mk-whatsapp-cta-desc{ font-family:'Public Sans',sans-serif; font-size:18px; line-height:1.6; color:#4D4D4D; margin:0 0 26px; }
.mk-whatsapp-cta-btn{ display:inline-flex; align-items:center; gap:8px; background:#0073CF; color:#fff; font-family:'Poppins',sans-serif; font-weight:600; font-size:15px; padding:14px 30px; border-radius:8px; text-decoration:none; transition:background .25s ease, transform .2s ease; }
.mk-whatsapp-cta-btn:hover{ background:#007CBA; color:#fff; transform:translateY(-2px); }
.mk-whatsapp-cta-image{ flex:0 1 380px; align-self:center; margin:-56px 0; text-align:center; }
.mk-whatsapp-cta-image img{ width:100%; max-width:380px; height:auto; display:inline-block; filter:drop-shadow(0 18px 26px rgba(28,36,75,.18)); }
@media (max-width:900px){
  .mk-whatsapp-cta-image{ flex-basis:280px; margin:-40px 0; }
}
@media (max-width:767px){
  .mk-whatsapp-cta{ margin:48px 5% 0; }
  .mk-whatsapp-cta-inner{ flex-direction:column-reverse; text-align:center; padding:24px 24px 36px; border-radius:20px; overflow:visible; }
  .mk-whatsapp-cta-image{ flex-basis:auto; margin:0 0 8px; max-width:260px; }
  .mk-whatsapp-cta-title{ font-size:26px; }
  .mk-whatsapp-cta-desc{ font-size:16px; }
}


/* Homepage — native rebuild starting 2026-08-08. Original professional design,
   not an Elementor clone (per user direction). Real Swiper.js carousels
   (enqueued by mu-plugins/mk-homepage-swiper.php, front-page only). */

/* Hero slider — v2 (2026-08-08), rebuilt to match the actual production
   design exactly (measured via getComputedStyle on makerselectronics.com,
   not the original flat cover-image guess). Each slide: gradient card with a
   scratch-bg.jpg texture overlay at 0.2 opacity, image on top (not full-bleed
   -- it sits inside its own area, object-fit:fill, ~2.2:1 area), heading +
   optional button centered below. */
.mk-hero{ flex:1 1 0; min-width:0; }
.mk-hero-swiper{ border-radius:12px; overflow:hidden; }
.mk-hero-slide{
  position:relative; overflow:hidden; border-radius:12px; aspect-ratio:1.3134;
  padding:32px 32px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px;
  background-image:linear-gradient(236deg,rgba(6,172,237,.24) 0%,rgba(91,209,255,.24) 46.51%,rgba(255,145,151,.24) 117.16%);
}
.mk-hero-slide::before{
  content:""; position:absolute; inset:0; z-index:0;
  background-image:url('/wp-content/uploads/2025/07/scratch-bg.jpg');
  background-size:cover; background-position:center; opacity:.2;
}
.mk-hero-slide-media{ position:relative; z-index:1; width:100%; aspect-ratio:2.2/1; display:flex; align-items:center; justify-content:center; }
.mk-hero-slide-media img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border-radius:8px; filter:drop-shadow(0 14px 18px rgba(28,36,75,.2)); }
.mk-hero-slide-content{ position:relative; z-index:1; text-align:center; display:flex; flex-direction:column; align-items:center; gap:16px; }
.mk-hero-slide-title{ font-family:'Public Sans',sans-serif; font-weight:600; font-size:21px; line-height:1.2; color:#191C1F; margin:0; max-width:480px; }
.mk-hero-slide-btn{ display:inline-flex; align-items:center; gap:8px; background:#0073CF; color:#fff; font-family:'Poppins',sans-serif; font-weight:500; font-size:15px; padding:16px 32px; border-radius:8px; text-decoration:none; transition:background .2s ease; }
.mk-hero-slide-btn:hover{ background:#007CBA; color:#fff; }
.mk-hero-swiper .swiper-pagination-bullet{ background:#D9D9D9; opacity:1; }
.mk-hero-swiper .swiper-pagination-bullet-active{ opacity:1; background:#0073CF; }
.mk-hero-swiper .swiper-button-prev, .mk-hero-swiper .swiper-button-next{ width:40px; height:40px; background:#fff; border-radius:50%; box-shadow:0 4px 15px rgba(90,90,90,.29); color:#191c1f; }
.mk-hero-swiper .swiper-button-prev::after, .mk-hero-swiper .swiper-button-next::after{ font-size:14px; font-weight:700; }
@media (max-width:1024px){
  .mk-hero-slide{ aspect-ratio:auto; padding:20px 12px 48px; }
  .mk-hero-slide-media{ aspect-ratio:auto; max-height:260px; }
}
@media (max-width:767px){
  .mk-hero{ flex:none; width:100%; }
  .mk-hero-slide{ padding:16px 16px 48px; gap:16px; }
  .mk-hero-slide-title{ font-size:17px; }
  .mk-hero-slide-btn{ padding:12px 24px; font-size:14px; }
  .mk-hero-swiper .swiper-button-prev, .mk-hero-swiper .swiper-button-next{ width:32px; height:32px; }
}


/* Top row: Hero (left, 50%) + Featured Links (right, 50%) — confirmed side-by-side
   on production via getComputedStyle, not stacked as originally assumed. */
.mk-top-card{ background:#FAFAFA; border:0.8px solid #EDEDED; border-radius:12px; padding:16px 8px; width:min(1320px,100% - 32px); margin:0 auto 40px; box-sizing:border-box; }
.mk-top-row{ display:flex; align-items:stretch; gap:16px; }
.mk-featured-links{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:16px; }

.mk-flink-card{ position:relative; display:block; text-decoration:none; border-radius:12px; overflow:hidden; background-color:rgba(0,135,202,.2); }
.mk-flink-card::before{ content:""; position:absolute; inset:0; z-index:0; background-image:url('/wp-content/uploads/2025/07/scratch-bg.jpg'); background-size:cover; background-position:center; opacity:.3; }

.mk-flink-big{ flex:1 1 0; display:flex; align-items:center; padding:0 32px; min-height:0; }
.mk-flink-text{ position:relative; z-index:1; width:40%; }
.mk-flink-title{ font-family:'Public Sans',sans-serif; font-weight:600 !important; font-size:24px !important; line-height:1.2; color:#191C1F; margin:0 0 16px; }
.mk-flink-btn{ display:inline-flex; align-items:center; gap:8px; background:#0073CF; color:#fff; font-family:'Poppins',sans-serif; font-weight:500; font-size:14px; padding:12px 24px; border-radius:8px; text-decoration:none; }
.mk-flink-btn:hover{ background:#007CBA; color:#fff; }
.mk-flink-media{ position:relative; z-index:1; width:60%; }
.mk-flink-media img{ width:100%; height:auto; display:block; filter:drop-shadow(0 14px 18px rgba(28,36,75,.18)); }

.mk-flink-row{ flex:1 1 0; display:flex; gap:16px; min-height:0; }
.mk-flink-small{ flex:1 1 0; position:relative; padding:16px; min-height:0; display:flex; flex-direction:column; background-image:linear-gradient(235.69deg,rgba(116,211,248,.2) 6.31%,rgba(1,105,46,.2) 91.05%); }
.mk-flink-icon-box{ position:relative; z-index:1; display:flex; align-items:center; gap:10px; flex-shrink:0; }
.mk-flink-icon{ width:32px; height:32px; }
.mk-flink-icon-box span{ font-family:'Public Sans',sans-serif; font-weight:600 !important; font-size:24px !important; color:#191C1F; }
.mk-flink-small-title{ position:relative; z-index:1; font-family:'Public Sans',sans-serif; font-weight:600 !important; font-size:24px !important; color:#191C1F; margin:0; flex-shrink:0; }
.mk-flink-pop-img{ position:static; flex:1 1 0; min-height:0; width:100%; height:auto; max-width:100%; object-fit:contain; object-position:bottom right; margin-top:8px; pointer-events:none; filter:drop-shadow(0 10px 14px rgba(28,36,75,.2)); }

@media (max-width:1024px){
  .mk-top-row{ flex-direction:column; }
  .mk-featured-links{ flex:none; }
  .mk-flink-big{ flex:none; flex-direction:column; padding:24px 20px; text-align:center; gap:16px; }
  .mk-flink-text, .mk-flink-media{ width:100%; }
  .mk-flink-row{ flex:none; align-items:stretch; }
  .mk-flink-small{ flex:1 1 0; }
}
@media (max-width:767px){
  .mk-flink-row{ flex-direction:column; }
  .mk-flink-small{ flex:none; }
  .mk-flink-pop-img{ flex:none; width:100%; height:auto; margin-top:12px; }
}
@media (max-width:600px){
  .mk-top-card{ width:min(1320px,100% - 32px); margin:0 auto 28px; padding:12px 8px; }
  .mk-top-row{ gap:12px; }
  .mk-flink-row{ flex-direction:column; }
  .mk-flink-title{ font-size:19px; }
}


/* Featured Categories strip — native 'main-categories' nav menu (9 items),
   restyled from the elementor nav-menu widget. Icon filter values copied
   verbatim from production computed styles (single-color SVG recolour trick). */
.mk-cat-strip{ width:min(1320px,100% - 32px); margin:32px auto; }
.mk-cat-strip-list{ display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; width:100%; gap:24px 0; list-style:none; margin:0; padding:0; }
.mk-cat-strip-list li{ display:flex; flex:1 1 0; min-width:106px; justify-content:center; }
.mk-cat-strip-list a{ display:flex; flex-direction:column; align-items:center; text-align:center; max-width:145px; text-decoration:none; }
.mk-cat-strip-icon{ width:24px; height:24px; margin-bottom:10px; filter:brightness(0) saturate(100%) invert(22%) sepia(27%) saturate(748%) hue-rotate(169deg) brightness(93%) contrast(95%); transition:filter .2s ease; }
.mk-cat-strip-list span{ font-family:'Public Sans',sans-serif; font-weight:600; font-size:14px; line-height:1.3; color:#124261; transition:color .2s ease; }
.mk-cat-strip-list a:hover span{ color:#D82B2B; }
.mk-cat-strip-list a:hover .mk-cat-strip-icon{ filter:brightness(0) saturate(100%) invert(33%) sepia(94%) saturate(1782%) hue-rotate(185deg) brightness(95%) contrast(101%); }
@media (max-width:767px){
  .mk-cat-strip{ width:min(1320px,100% - 32px); margin:24px auto; }
  .mk-cat-strip-list{ flex-direction:column; align-items:center; gap:20px; }
  .mk-cat-strip-list a{ max-width:230px; }
}





/* Section bleed — cancels the theme article's own 16px side padding
   (article#post-{id}{padding-left/right:16px}) so page sections can apply
   their own independent max-width+gutter system matching production's
   Elementor sections, which break out of that padding entirely rather than
   nesting inside it. */
.mk-section-bleed{ width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }






/* Shop with Category carousel — real WooCommerce top-level product
   categories (queried via wp-cli, same approach as the Hero slider: static
   snapshot, not a live query, since post_content can't run PHP). Card style
   (border/radius, square image, centered title) matched from production's
   computed styles on .category-item. */
.mk-shop-cat{ width:min(1320px,100% - 32px); margin:0 auto; padding:75px 16px; box-sizing:border-box; }
.mk-shop-cat-header{ display:flex; align-items:center; justify-content:center; position:relative; margin-bottom:30px; }
.mk-shop-cat-title{ font-family:'Public Sans',sans-serif; font-weight:600; font-size:36px; color:#191C1F; margin:0; text-align:center; }
.mk-shop-cat-browse{ position:absolute; right:0; display:inline-flex; align-items:center; gap:9px; font-family:'Public Sans',sans-serif; font-weight:600; font-size:14px; color:#007EE5; text-decoration:none; }
.mk-shop-cat-browse:hover{ color:#0073CF; }

.mk-cat-swiper{ padding:12px 2px; }
.mk-shop-cat-card{ display:block; text-decoration:none; border:0.8px solid #E4E7E9; border-radius:8px; padding:20px; box-sizing:border-box; box-shadow:0 8px 24px rgba(25,28,31,.12); transition:box-shadow .25s ease; }
.mk-shop-cat-card:hover{ box-shadow:0 3px 12px rgba(25,28,31,.12); }
.mk-shop-cat-card img{ width:100%; aspect-ratio:1/1; object-fit:contain; display:block; margin-bottom:16px; }
.mk-shop-cat-card h3{ font-family:'Public Sans',sans-serif; font-weight:600; font-size:16px; line-height:1.3; color:#191C1F; text-align:center; margin:0; }

.mk-cat-swiper .swiper-button-prev, .mk-cat-swiper .swiper-button-next{ width:40px; height:40px; background:#F3F5F8; border-radius:50%; color:#0073CF; }
.mk-cat-swiper .swiper-button-prev::after, .mk-cat-swiper .swiper-button-next::after{ font-size:14px; font-weight:700; }
.mk-cat-swiper .swiper-button-prev:hover, .mk-cat-swiper .swiper-button-next:hover{ background:#0073CF; color:#fff; }

@media (max-width:1024px){
  .mk-shop-cat{ padding:45px 16px; }
}
@media (max-width:767px){
  .mk-shop-cat{ padding:15px 16px 30px; }
  .mk-shop-cat-header{ flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:20px; }
  .mk-shop-cat-title{ font-size:24px; text-align:left; }
  .mk-shop-cat-browse{ position:static; }
}





/* Homepage-only width fix (2026-08-09): Shop-with-Category is wrapped in
   .mk-section-bleed to escape the theme article's 16px side padding before its
   own width:min(1320px,100% - 32px). The WhatsApp CTA block right below it (reused
   from the Blog page) didn't have that same bleed, so it measured ~47px narrower
   than its neighbor -- a visible width mismatch. Wrapped the homepage instance in
   .mk-section-bleed too (in post_content) and this supplies the matching width
   formula once bled to full viewport. Scoped to the front page (body.home) only --
   the Blog page's own .mk-whatsapp-cta{margin:72px 8% 0} rule is untouched. */
body.home .mk-whatsapp-cta{ width:min(1320px,100% - 32px); margin:72px auto 0; }
@media (max-width:767px){
  body.home .mk-whatsapp-cta{ margin:48px auto 0; }
}


/* ============================================================
   HOMEPAGE — Brand Spotlight sections (UNI-T, Super Bag)
   (2026-08-09). Values measured off production's live computed
   styles + the stored Elementor settings for container 899544a.
   Built as ONE reusable pattern: .mk-brand-feature is generic,
   per-brand differences live in the markup only.
   ============================================================ */

.mk-brand-feature{ background:#F0F0F0; }

.mk-brand-inner{
  width:min(1320px, 100% - 32px);
  margin:0 auto;
  display:flex;
  flex-direction:row;
  gap:32px;
  padding:60px 0;              /* Elementor: 60 desktop / 45 laptop / 30 tablet_extra */
}

/* --- left column: banner + copy ------------------------------- */
.mk-brand-col{
  flex:0 0 33.3333%;
  max-width:33.3333%;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding-top:18px;
}
.mk-brand-banner{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
.mk-brand-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  padding:0 32px;
}
.mk-brand-badge{
  display:inline-block;
  background:#2DA5F3;
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:26px;   /* production's pill measures 34px tall: 26 + 4/4 padding */
  padding:4px 15px;
  border-radius:2px;
}
.mk-brand-title{
  margin:0 0 16px;
  font-size:30px;
  font-weight:600;
  line-height:1.2;
  color:#191C1F;
}
.mk-brand-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#0073CF;
  color:#fff;
  font-size:15px;
  font-weight:500;
  line-height:1;
  padding:16px 32px;
  border-radius:8px;
  text-decoration:none;
}
.mk-brand-btn:hover{ background:#005ea8; color:#fff; }
.mk-brand-btn svg{ width:14px; height:14px; fill:currentColor; flex-shrink:0; }

/* --- right column: the theme's own product carousel ------------ */
.mk-brand-products{
  flex:1 1 0;
  min-width:0;
}
/* The theme renders .content-wrapper with class "loading" until owl fires
   onInitialized. Without an explicit min-height the section collapses to
   near-zero for that first frame and the page visibly jumps. */
.mk-brand-products .content-wrapper.loading{ min-height:340px; }

@media (max-width:1366px){
  .mk-brand-inner{ padding:45px 0; }
}

@media (max-width:1024px){
  .mk-brand-inner{ padding:30px 0; }
  .mk-brand-col{ flex:0 0 40%; max-width:40%; }   /* Elementor width_tablet: 40% */
}

@media (max-width:767px){
  .mk-brand-inner{ flex-direction:column; gap:32px; }   /* Elementor keeps its
                                  32px container gap at every breakpoint */
  .mk-brand-col{
    flex:none;                 /* a % flex-basis becomes a HEIGHT once the
                                  container is a column — see the footer bug */
    max-width:none;
    width:100%;
    padding-top:18px;          /* production keeps the 18px top pad on mobile */
    margin-bottom:16px;
  }
  .mk-brand-copy{
    align-items:center;
    text-align:center;
    padding:0 16px;
  }
  /* No font-size override here on purpose: production's title measures 18px
     at 375px (the theme's own h3 rule wins over a plain .mk-brand-title one
     anyway), so the desktop 30px simply gives way to the theme value. */
  .mk-brand-title br{ display:none; }   /* production hides it under 768px */
}

/* ============================================================
   HOMEPAGE — vertical rhythm around the WhatsApp block
   (2026-08-09, from user feedback on the live page).
   Measured before: category-slider content -> WhatsApp card = 147px
   (75px .mk-shop-cat bottom padding + 72px .mk-whatsapp-cta top
   margin), and WhatsApp card -> UNI-T grey section = 0px, i.e. the
   grey slab started flush against the card with no breathing room.
   After: 72px above, 56px below.
   Scoped to the homepage so the Blog page's own WhatsApp block
   (margin:72px 8% 0) is untouched.
   ============================================================ */

body.home .mk-shop-cat{ padding-bottom:40px; }

body.home .mk-whatsapp-cta{
  margin-top:32px;      /* 40 + 32 = 72px above, was 147px */
  margin-bottom:56px;   /* was 0 — the grey brand section butted straight on */
}

@media (max-width:767px){
  body.home .mk-shop-cat{ padding-bottom:24px; }
  body.home .mk-whatsapp-cta{ margin-top:24px; margin-bottom:32px; }
}

/* ============================================================
   HOMEPAGE — Featured Products (discount sidebar + tabbed grid)
   (2026-08-09). Values measured off production's live computed
   styles for container 6f74e0f at 1280px.
   The grid itself is themesky's own markup via [mk_products_tabs],
   so it inherits the theme's product-card and tab CSS untouched.
   ============================================================ */

.mk-featured-inner{
  width:min(1320px, 100% - 32px);
  margin:0 auto;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
}

/* Production splits 25/75 and puts a 16px gutter inside each column
   (no container gap), which is what makes the two columns sit 32px
   apart while the outer edges stay flush with the sections above. */
.mk-featured-side{
  flex:0 0 25%;
  max-width:25%;
  padding-right:16px;
}
.mk-featured-list{
  flex:1 1 0;
  min-width:0;
  padding-left:16px;
}

/* --- discount card ------------------------------------------- */
.mk-featured-promo{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  background:#EFD33D;
  padding:32px;
  border-radius:12px 12px 0 0;
  text-align:center;
}
.mk-featured-promo-brand{
  margin:0;
  font-size:20px;
  font-weight:600;
  color:#0073CF;
}
.mk-featured-promo-title{
  margin:0;
  font-size:32px;
  font-weight:600;
  line-height:1.2;
  color:#191C1F;
}
.mk-featured-promo-sub{
  margin:0;
  font-size:16px;
  font-weight:400;
  color:#475156;
}
.mk-featured-promo-timer{
  margin:0 0 16px;
  font-size:14px;
  font-weight:600;
  color:#191C1F;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:5px;
}
.mk-featured-promo-timer span{ white-space:nowrap; }
.mk-featured-promo-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#0073CF;
  color:#fff;
  font-size:15px;
  font-weight:500;
  line-height:1;
  padding:16px 32px;
  border-radius:8px;
  text-decoration:none;
}
.mk-featured-promo-btn:hover{ background:#005ea8; color:#fff; }
.mk-featured-promo-btn svg{ width:14px; height:14px; fill:currentColor; flex-shrink:0; }

/* Square image butted onto the bottom of the card, sharing its radius. */
.mk-featured-promo-img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0 0 12px 12px;
}

@media (max-width:1366px){
  .mk-featured-promo{ padding:24px 20px; }
  .mk-featured-promo-title{ font-size:28px; }
}

/* Tablet: the sidebar goes full width and its card sits at half width,
   centred, with the radius closed on all four corners (Elementor's
   width_tablet 100%/50% + border_radius_tablet 12px). */
@media (max-width:1024px){
  .mk-featured-inner{ flex-direction:column; }
  .mk-featured-side{
    flex:none;                 /* a % basis becomes a HEIGHT in a column */
    max-width:none;
    width:100%;
    padding-right:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:32px;
  }
  .mk-featured-promo{ width:50%; border-radius:12px; }
  .mk-featured-promo-img{ width:50%; margin:0 auto; border-radius:12px; }
  .mk-featured-list{ padding-left:0; width:100%; }
}

@media (max-width:767px){
  .mk-featured-promo,
  .mk-featured-promo-img{ width:100%; }
}

/* --- Featured Products, mobile image height (2026-08-09) -------
   The SMD asset is a square 500x500, and at desktop production lets it
   render square (284x284). At mobile it does NOT: computed style there is
   an explicit height:300px with object-fit:cover, giving 343x300 rather
   than 343x343. Matching the measured result.                          */
@media (max-width:767px){
  .mk-featured-promo-img{
    height:300px;
    object-fit:cover;
  }
}

/* ============================================================
   HOMEPAGE — final four sections (2026-08-09)
   Featured Categories (flip cards) / Featured Banners /
   Why Makers! / Top Brands.
   All values measured off production's computed styles at 1280px.
   ============================================================ */

/* Breathing room above Featured Products: it was butting straight
   against the Super Bag grey slab (0px). Production has 75px. */
body.home .mk-featured-products{ margin-top:56px; }

/* Shared centred section heading — production: 36px/600 #191C1F,
   30px below (15px on mobile). */
.mk-home-section .mk-home-heading{
  margin:0 0 30px;
  font-size:36px;
  line-height:1;      /* the theme's h2/h3 rules otherwise leave a 48px box */
  font-weight:600;
  color:#191C1F;
  text-align:center;
}

.mk-home-section{
  width:min(1320px, 100% - 32px);
  margin:56px auto 16px;
}

/* ---------- Featured Categories: flip cards ------------------- */
.mk-flip-swiper{ overflow:hidden; }
.mk-flip-card{
  position:relative;
  height:280px;
  border-radius:16px;
  overflow:hidden;
  perspective:1000px;
}
/* Elementor's flip_effect for these is "slide": the back panel slides up
   over the front rather than doing a 3D rotation. */
.mk-flip-face{
  position:absolute;
  inset:0;
  border-radius:16px;
  transition:transform .5s ease;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mk-flip-front{
  background:#F2F4F5;
  padding:30px;
  transform:translateY(0);
}
.mk-flip-back{
  background:#191C1F;
  padding:35px;
  transform:translateY(100%);
}
.mk-flip-card:hover .mk-flip-front,
.mk-flip-card:focus-within .mk-flip-front{ transform:translateY(-100%); }
.mk-flip-card:hover .mk-flip-back,
.mk-flip-card:focus-within .mk-flip-back{ transform:translateY(0); }

.mk-flip-card .mk-flip-front-title{
  margin:0 0 20px;
  font-size:30px;
  line-height:1.2;    /* production measures 36px tall */
  font-weight:600;
  color:#161616;
  text-transform:capitalize;
}
/* The front image sits top-right of the copy; production reserves the space
   with padding-right on the description rather than floating the image. */
.mk-flip-front-body{ position:relative; }
.mk-flip-front-desc{
  margin:0;
  padding-right:144px;
  font-size:14px;
  font-weight:400;
  color:#191C1F;
}
.mk-flip-front-img{
  position:absolute;
  top:0;
  right:0;
  width:128px;
  height:128px;
  border-radius:8px;
  object-fit:cover;
}
.mk-flip-card .mk-flip-back-title{
  margin:0 0 20px;
  font-size:20px;
  line-height:1;      /* production measures 20px tall */
  font-weight:600;
  color:#fff;
}
.mk-flip-back-desc{
  margin:0 0 20px;
  font-size:14px;
  font-weight:400;
  color:#fff;
}
.mk-flip-back-btn{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  background:#007EE5;
  border:1.6px solid #007EE5;
  color:#fff;
  font-size:15px;
  font-weight:500;
  line-height:1;
  padding:16px 32px;
  border-radius:8px;
  text-decoration:none;
}
.mk-flip-back-btn:hover{ background:#0073CF; border-color:#0073CF; color:#fff; }

/* ---------- Featured Banners ---------------------------------- */
.mk-banners{
  display:flex;
  flex-direction:row;
  gap:20px;
}
.mk-banner{
  position:relative;
  flex:1 1 0;
  min-width:0;
  border-radius:16px;
  overflow:hidden;
  display:block;
}
.mk-banner img{
  display:block;
  width:100%;
  height:auto;
}
.mk-banner-btn{
  position:absolute;
  left:32px;
  top:50%;
  transform:translateY(-50%);
  background:#fff;
  color:#191C1F;
  font-size:15px;
  font-weight:500;
  line-height:1;
  padding:14px 28px;
  border-radius:8px;
  text-decoration:none;
}
.mk-banner-btn:hover{ background:#0073CF; color:#fff; }
/* Second banner positions its button top-centre (text_position center-top). */
.mk-banner--center-top .mk-banner-btn{
  left:50%;
  top:auto;
  bottom:24px;
  transform:translateX(-50%);
}

/* ---------- Why Makers! --------------------------------------- */
.mk-why-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
}
.mk-why-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  background:#FAFAFA;
  border:0.8px solid #EDEDED;
  border-radius:12px;
  padding:10px 36px 20px;
  text-align:center;
}
.mk-why-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:66px;
  height:66px;
  padding:16px;
  background:#fff;
  border:0.8px solid #EDEDED;
  border-radius:50%;
  flex-shrink:0;
}
.mk-why-icon img{ width:32px; height:32px; display:block; }
.mk-why-box .mk-why-title{
  margin:0;
  width:100%;
  font-size:16px;
  line-height:1.5;    /* production measures 24px tall, one line */
  margin-bottom:10px; /* Elementor title_bottom_space */
  font-weight:600;
  color:#191C1F;
  text-transform:uppercase;
}

/* ---------- Top Brands ---------------------------------------- */
/* Deliberately NO layout rules here. The theme already lays .item out with
   float:left; width:16.6667% (and has its own responsive steps down to 50%).
   An earlier version set display:grid on .items, which made that 16.6667%
   resolve against a 211px grid CELL instead of the row -- 211 x 0.1667 = 35px
   -- collapsing every logo. Only the hover treatment is ours. */
.mk-logos img{
  opacity:1;
  transition:transform .3s linear;
}
.mk-logos img:hover{ transform:translateY(-5px); }

/* ---------- responsive ---------------------------------------- */
@media (max-width:1024px){
  .mk-home-section .mk-home-heading{ font-size:30px; margin-bottom:16px; }
  .mk-why-grid{ grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:767px){
  body.home .mk-featured-products{ margin-top:32px; }
  .mk-home-section{ margin:32px auto 16px; }
  .mk-home-section .mk-home-heading{ font-size:24px; margin-bottom:15px; }
  /* .mk-banner carries flex:1 1 0, a WIDTH basis while the row is a row.
     Once .mk-banners flips to a column that 0 basis becomes the HEIGHT and
     both banners collapsed to 343x0 -- the same failure as the footer columns
     and the Featured Links cards. flex:none lets them size to the image. */
  .mk-banners{ flex-direction:column; gap:16px; }
  .mk-banner{ flex:none; width:100%; }

  /* Top Brands: the theme's float layout keeps 6 across at every width, which
     is ~57px per logo on a phone. Two per row instead -- expressed as a width
     on the floated .item so it works WITH the theme's layout, not against it.
     Matches the theme's own selector specificity (4 classes) and wins on
     source order, since Additional CSS is emitted after the theme stylesheet. */
  .ts-logo-slider-wrapper.mk-logos.columns-6 .item{ width:50%; }
  .mk-why-box{ padding:10px 16px 20px; }
  .mk-flip-front{ padding:20px; }
  .mk-flip-card .mk-flip-front-title{ font-size:24px; }
  .mk-flip-front-desc{ padding-right:96px; }
  .mk-flip-front-img{ width:88px; height:88px; }
}

/* ============================================================
   HOMEPAGE — polish pass from user review (2026-08-09)
   1. Uniform card height in Shop with Category
   2. Slider arrows: white glyph in a solid blue circle (both carousels)
   3. Zoom-on-hover for the two Featured Banners
   ============================================================ */

/* --- 1. Shop with Category: every card the same height --------
   Cards were measuring 79 / 100 / 120 / 141 / 162px. Two causes, both
   fixed: the images were still being lazy-loaded (a data: placeholder
   with no intrinsic size, so `aspect-ratio:1/1` had nothing to work
   with and each card's height depended on its image's load state) —
   that half is fixed in post_content with the `skip-lazy` class.
   This half makes the slides stretch so a 1-line and a 3-line title
   still produce the same card height, which is what production does. */
.mk-cat-swiper .swiper-wrapper{ align-items:stretch; }
.mk-cat-swiper .swiper-slide{ height:auto; }
.mk-cat-swiper .mk-shop-cat-card{ height:100%; }

/* --- 2. Arrows: solid blue circle, white glyph ----------------
   Production's Elementor carousels use arrows_normal_background_color
   #007EE5 at border-radius 50% with a white icon. Ours were the
   inverse (blue glyph on a near-white circle), which reads as faint
   against the light page. Applied to the category carousel and the
   Featured Categories flip carousel together. */
.mk-cat-swiper .swiper-button-prev,
.mk-cat-swiper .swiper-button-next,
.mk-flip-swiper .swiper-button-prev,
.mk-flip-swiper .swiper-button-next{
  width:40px;
  height:40px;
  background:#007EE5;
  color:#fff;
  border-radius:50%;
  box-shadow:0 2px 10px rgba(25,28,31,.18);
  transition:background .25s, transform .25s;
}
.mk-cat-swiper .swiper-button-prev::after,
.mk-cat-swiper .swiper-button-next::after,
.mk-flip-swiper .swiper-button-prev::after,
.mk-flip-swiper .swiper-button-next::after{
  font-size:15px;
  font-weight:700;
  color:#fff;
}
.mk-cat-swiper .swiper-button-prev:hover,
.mk-cat-swiper .swiper-button-next:hover,
.mk-flip-swiper .swiper-button-prev:hover,
.mk-flip-swiper .swiper-button-next:hover{
  background:#0073CF;
  color:#fff;
  transform:scale(1.06);
}

/* --- 3. Featured Banners: zoom on hover -----------------------
   .mk-banner already clips with overflow:hidden, so scaling the image
   inside stays inside the 16px rounded corners. */
.mk-banner img{ transition:transform .45s ease; }
.mk-banner:hover img{ transform:scale(1.06); }

@media (max-width:767px){
  .mk-cat-swiper .swiper-button-prev,
  .mk-cat-swiper .swiper-button-next,
  .mk-flip-swiper .swiper-button-prev,
  .mk-flip-swiper .swiper-button-next{ width:32px; height:32px; }
  .mk-cat-swiper .swiper-button-prev::after,
  .mk-cat-swiper .swiper-button-next::after,
  .mk-flip-swiper .swiper-button-prev::after,
  .mk-flip-swiper .swiper-button-next::after{ font-size:12px; }
  /* Touch devices have no hover; the zoom would stick after a tap. */
  .mk-banner:hover img{ transform:none; }
}


/* ===================================================================
   FOOTER — Additional CSS for PRODUCTION
   Extracted from db-snapshots/additional-css.css (the stage post),
   2026-08-10. APPEND to production's Additional CSS; do not replace.

   Two slices of the stage post, in original order:
     1. Footer, desktop            (stage lines 39-82)
     2. Footer, mobile parity #2 and #2b   (stage lines 335-440)

   No stage-specific post IDs in here (unlike the homepage slice) — checked.
   =================================================================== */

/* ---- Footer ---- */
.mk-footer a { text-decoration:none; }
.mk-footer-inner { max-width:1250px; margin:0 auto; padding:0 20px; font-family: 'Public Sans', Rubik, Arial, sans-serif; }
 
/* Breaks out of the theme's .container max-width so the background spans the full viewport */
.mk-bleed { width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; }
 
.mk-footer-topbar { background:#0173CE; padding:20px 0; }
.mk-footer-top-row { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.mk-footer-top-row .mk-footer-col { flex:1 1 220px; }
.mk-footer-top-row h6 { color:#fff; font-weight:600; font-size:16px; margin:0; }
.mk-footer-topbar .mk-footer-iconlink { display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:18px; }
.mk-footer-topbar .mk-footer-iconlink span { text-decoration:underline; text-underline-offset:4px; }
.mk-footer-topbar .mk-footer-iconlink:hover, .mk-footer-topbar .mk-footer-iconlink:hover span { color:#F2F4F9; }
.mk-footer-topbar .mk-footer-iconlink svg, .mk-footer-topbar .mk-footer-iconlink img { width:20px; height:20px; fill:#fff; flex-shrink:0; }
 
.mk-footer-main { background:#F2F4F9; padding:50px 0; }
.mk-footer-main-row { display:flex; flex-wrap:wrap; gap:30px; }
.mk-footer-main-row .mk-footer-col { flex:1 1 220px; }
.mk-footer-logo-col img { width:130px; height:auto; }
.mk-footer-main h5 { color:#191C1F; font-weight:600; font-size:20px; margin:0 0 14px; }
.mk-footer-menu { list-style:none; margin:0 0 16px; padding:0; display:flex; flex-direction:column; gap:16px; }
.mk-footer-menu a { color:#191C1F; font-size:16px; }
.mk-footer-menu a:hover { color:#0073CF; }
.mk-footer-main .mk-footer-btn { display:inline-flex; align-items:center; gap:10px; color:#0173CE; font-weight:500; }
.mk-footer-main .mk-footer-btn svg { width:14px; height:14px; fill:#0173CE; }
.mk-footer-main .mk-footer-btn:hover { text-decoration:underline; }
.mk-footer-contact-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.mk-footer-contact-list li { display:flex; align-items:flex-start; gap:10px; color:#191C1F; font-size:16px; }
.mk-footer-contact-list svg { width:20px; height:20px; fill:#0073CF; flex-shrink:0; margin-top:2px; }
.mk-footer-contact-list a { color:#191C1F; }
.mk-footer-contact-list a:hover { color:#0073CF; }
 
.mk-footer-copyright { background:#0173CE; padding:20px 0; text-align:center; }
.mk-footer-copyright p { color:#fff; font-size:14px; margin:0; }
 
@media (max-width:767px){
  .mk-footer-top-row, .mk-footer-main-row { flex-direction:column; gap:20px; }
  .mk-footer-top-row { gap:12px; }
  .mk-footer-main { padding:30px 0; }
  .mk-footer-main h5 { font-size:16px; }
  .mk-footer-quicklinks-col { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-block:28px; }
}


/* ============================================================
   FOOTER — mobile parity pass #2 (2026-08-09)
   Matched against production makerselectronics.com @375px via
   getComputedStyle()/getBoundingClientRect(), not the Elementor JSON.
   Appended to Additional CSS (post 343286) AFTER the existing
   .mk-footer-* block, so these rules win on source order.
   ============================================================ */

/* --- 0. gap above the whole footer. Production carries
   `margin-top:90px` on the topbar section at BOTH desktop and
   mobile (verified at 1280px and 375px); stage had 0.
   Longhand margin-top only — .mk-bleed owns margin-left/right.   */
.mk-footer-topbar{ margin-top: 90px; }

@media (max-width: 767px){

  /* --- 1. THE BIG ONE ---------------------------------------
     .mk-footer-top-row/.mk-footer-main-row .mk-footer-col carry
     `flex: 1 1 220px`, which is a *width* basis for the desktop
     row layout. The mobile query flips the container to
     flex-direction:column but never resets the children, so 220px
     becomes each column's HEIGHT: 8 columns x 220px of dead space.
     Measured: stage footer 2110px tall vs production 1046px.      */
  .mk-footer-top-row .mk-footer-col,
  .mk-footer-main-row .mk-footer-col{ flex: 0 0 auto; }

  /* --- 2. topbar: production is left-aligned, not centred.
     `align-items:center` is a cross-axis rule — harmless in a row,
     but it centres every block horizontally once the container is
     a column. Production blocks sit flush at the 16px gutter.      */
  .mk-footer-inner.mk-footer-top-row{
    align-items: stretch;
    gap: 10px;            /* production row-gap, was 12px */
    padding: 0 16px;      /* production gutter, was 20px  */
  }
  .mk-footer-topbar{ padding: 20px 0; }
  .mk-footer-top-row h6{ margin: 0 0 5px; line-height: 1.1; }

  /* --- 3. main section spacing (production: 45px 0 / 24px gap) --- */
  .mk-footer-main{ padding: 45px 0; }
  .mk-footer-inner.mk-footer-main-row{ gap: 24px; padding: 0 16px; }
  .mk-footer-main h5{ font-size: 16px; line-height: 1.1; margin: 0 0 16px; }
  .mk-footer-menu{ gap: 16px; margin-bottom: 16px; }
  .mk-footer-menu a{ display: block; line-height: 20px; }
  .mk-footer-main .mk-footer-btn{ font-size: 15px; }
  .mk-footer-contact-list{ gap: 8px; }   /* production 8px, was 16px */

  /* --- 4. Quick Links separator spans the full viewport width on
     production (border box starts at x=0, w=375), not inset inside
     the gutter. Cancel the parent gutter, re-apply it as padding.  */
  .mk-footer-quicklinks-col{
    margin-left: -16px;
    margin-right: -16px;
    padding: 28px 16px;
  }

  /* --- 5. production swaps to the wide colour logo on mobile
     (makers_logo_colored.png, 875x234) at 26px tall; the tall
     130x148 SVG is desktop-only there.                            */
  .mk-footer-logo-col img{
    content: url(/wp-content/uploads/2025/07/makers_logo_colored.png);
    width: 97px;
    height: 26px;
  }

  /* --- 6. copyright bar reserves 40px extra at the bottom on
     mobile so the sticky bottom nav doesn't cover it.             */
  .mk-footer-copyright{ padding: 20px 0 40px; }
}

/* ============================================================
   FOOTER — mobile parity pass #2b (2026-08-09), refinement of
   the block above after measuring the result live at 375px.
   Remaining drift was all inline-line-box / line-height slack:
   topbar 187 vs 157, main 812 vs 775, copyright 86 vs 114.
   ============================================================ */
@media (max-width: 767px){

  /* Topbar rows measured 31px vs production's 22px. The .mk-footer-col
     is a block, the link inside is inline-flex, so the line box adds
     strut + baseline-descender slack on top of the link's own height.
     vertical-align:top drops the descender space; line-height pins the
     link itself to production's 22px.                                */
  .mk-footer-top-row h6{ line-height: 1; }
  .mk-footer-topbar .mk-footer-iconlink{
    vertical-align: top;
    line-height: 22px;
  }

  /* Same slack on the h5s and on the inline-flex "Browse All Products". */
  .mk-footer-main h5{ line-height: 1; }
  .mk-footer-main .mk-footer-btn{ vertical-align: top; line-height: 1; }

  /* .mk-footer-menu carries margin-bottom:16px for the button that
     follows it in the Top Categories column — but in Quick Links the
     menu is the last child, so that margin just pads the bordered box. */
  .mk-footer-quicklinks-col .mk-footer-menu{ margin-bottom: 0; }

  /* Production's copyright bar is 114px tall on mobile, not 66px: its
     Elementor container has 40px bottom padding plus 2x16px of gap
     around two zero-height shortcode widgets. That 72px of blue below
     the text is real clearance for the sticky bottom nav (~55px), so
     reproduce the measurement rather than the accidental structure.   */
  .mk-footer-copyright{ padding: 20px 0 72px; }
}



/* ===================================================================
   HEADER — Additional CSS for PRODUCTION
   Extracted from db-snapshots/additional-css.css (the stage post),
   2026-08-10. APPEND to production's Additional CSS; do not replace.

   One contiguous slice: stage lines 1034-end. Covers the native header-v1
   restore, the announcement bar, the sticky-placeholder height fix, and the
   four design passes ending in the header.json-exact values.

   NOTE — production's Additional CSS carries a set of rules scoped to
   `#mak-header`, which is the ELEMENTOR CONTAINER's id. The moment the
   Elementor header template is drafted those stop matching. This slice
   re-applies every one of them against `.mk-header` instead: the AWS search
   pill (both halves, with !important to match AWS's own universal rule), the
   white cart/toggle icons on the blue mobile bar, and the bar colours.
   Nothing needs to be deleted from production first — see the note on
   `.header-middle` below.

   `.header-middle{background:white}` is still in production's CSS (stage
   removed it on 2026-08-09). It is HARMLESS once this slice is in: the slice
   sets `.mk-header .header-middle{background:#fff}` for desktop, which is the
   same colour, and `@media (max-width:767px){ .mk-header .header-middle{
   background:#0073CF } }` at (0,2,0), which outranks the stale rule's (0,1,0)
   and keeps the mobile bar blue so the white mobile logo stays visible.
   Deleting the stale rule is tidier but not required.
   =================================================================== */

/* ============================================================
   HEADER — native header-v1 restored (2026-08-09)
   The Elementor "MAK Header" (post 463800) is now a draft and the
   theme's own header renders again via the child override at
   gostore-child/templates/headers/header-v1.php.
   These rules re-apply the treatments that used to be scoped to the
   Elementor container's id (#mak-header), which the native header
   does not have — it carries class .mk-header instead.
   ============================================================ */

/* Header icons sit on the #0073CF bar. The theme's default colour for them
   is also #0073CF (it was written for a white header bar, back when the
   `.header-middle{background:white}` override was in place), so without this
   the cart, wishlist and account icons are invisible against their own bar. */
.mk-header .shopping-cart-wrapper .cart-control,
.mk-header .shopping-cart-wrapper .cart-control::before,
.mk-header .shopping-cart-wrapper .ic-cart::before,
.mk-header .my-wishlist-wrapper a,
.mk-header .my-wishlist-wrapper a::before,
.mk-header .my-account-wrapper .account-control > a,
.mk-header .my-account-wrapper .account-control > a::before,
.mk-header .icon-menu-sticky-header,
.mk-header .icon-menu-sticky-header::before,
.mk-header .ts-mobile-icon-toggle .icon,
.mk-header .ts-mobile-icon-toggle .icon::before{
  color:#fff !important;
}

/* Menu links: the theme's configured colour is white, but its hover colour
   (#CDCED1) is what computes by default here. Pin both states explicitly so
   the nav reads clearly on blue. */
.mk-header .header-bottom .main-menu > ul > li > a,
.mk-header .header-bottom .main-menu li > a{
  color:#fff;
}
.mk-header .header-bottom .main-menu li > a:hover{
  color:#CDCED1;
}

/* Phone block in the nav row (right-hand side), matching the old design's
   white-on-blue treatment. */
.mk-header .mk-header-phone a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
}
.mk-header .mk-header-phone img{
  width:20px;
  height:20px;
  flex-shrink:0;
}

/* ============================================================
   HEADER — announcement bar (2026-08-09)
   Rendered by gostore-child/inc/announcement-bar.php, which outputs
   NOTHING unless enabled at Appearance → Customize → Header
   Announcement Bar. These rules only matter once it is switched on.

   Rotation is pure CSS. Every message shares one keyframe set and is
   offset by its own --mk-ann-delay; the messages are stacked on top of
   each other so the bar keeps a constant height while they swap. The
   whole cycle length is --mk-ann-total (messages x seconds), set inline
   by PHP so changing the speed in the Customizer just works.
   ============================================================ */

.mk-announcement{
  background:#0173CE;
  color:#fff;
  overflow:hidden;
}

.mk-announcement-inner{
  position:relative;
  display:grid;                 /* stacks every message in one cell, so the
                                   bar's height is the tallest message and
                                   never jumps mid-rotation */
  place-items:center;
  min-height:40px;
  padding:6px 16px;
  text-align:center;
}

.mk-announcement-msg{
  grid-area:1 / 1;              /* all messages share the same cell */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  color:#fff;
}

.mk-announcement-msg img{
  width:24px;
  height:24px;
  flex-shrink:0;
}

/* A single message doesn't rotate — it just sits there. */
.mk-announcement--1 .mk-announcement-msg{ opacity:1; }

/* Two or more: fade/slide each one in for its share of the cycle. The
   percentages below are the share for 2 messages (50% each); the 3- and
   4-message cases get their own keyframes so the visible window shrinks
   to match, rather than overlapping. */
.mk-announcement--2 .mk-announcement-msg,
.mk-announcement--3 .mk-announcement-msg,
.mk-announcement--4 .mk-announcement-msg{
  opacity:0;
  animation-duration:var(--mk-ann-total, 8s);
  animation-delay:var(--mk-ann-delay, 0s);
  animation-timing-function:ease;
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

.mk-announcement--2 .mk-announcement-msg{ animation-name:mk-ann-2; }
.mk-announcement--3 .mk-announcement-msg{ animation-name:mk-ann-3; }
.mk-announcement--4 .mk-announcement-msg{ animation-name:mk-ann-4; }

@keyframes mk-ann-2{
  0%   { opacity:0; transform:translateY(8px); }
  5%   { opacity:1; transform:translateY(0); }
  45%  { opacity:1; transform:translateY(0); }
  50%  { opacity:0; transform:translateY(-8px); }
  100% { opacity:0; transform:translateY(-8px); }
}
@keyframes mk-ann-3{
  0%     { opacity:0; transform:translateY(8px); }
  3.5%   { opacity:1; transform:translateY(0); }
  29.8%  { opacity:1; transform:translateY(0); }
  33.3%  { opacity:0; transform:translateY(-8px); }
  100%   { opacity:0; transform:translateY(-8px); }
}
@keyframes mk-ann-4{
  0%    { opacity:0; transform:translateY(8px); }
  2.5%  { opacity:1; transform:translateY(0); }
  22.5% { opacity:1; transform:translateY(0); }
  25%   { opacity:0; transform:translateY(-8px); }
  100%  { opacity:0; transform:translateY(-8px); }
}

/* Respect a reduced-motion preference: show the first message, hold it. */
@media (prefers-reduced-motion: reduce){
  .mk-announcement .mk-announcement-msg{
    animation:none;
    opacity:0;
  }
  .mk-announcement .mk-announcement-msg:first-child{ opacity:1; }
}

@media (max-width:767px){
  .mk-announcement-inner{ min-height:34px; padding:5px 12px; }
  .mk-announcement-msg{ font-size:13px; gap:8px; }
  .mk-announcement-msg img{ width:20px; height:20px; }
}

/* ============================================================
   HEADER — sticky placeholder height fix (2026-08-09)

   The theme's sticky plugin wraps .header-sticky in a .sticky-wrapper
   placeholder and sets that wrapper's height ONCE, at init. It measured
   64px while the real header is 139px, so the header overlapped the top
   75px of every page.

   Cause: gostore_theme_logo() emits <img> with no width/height attributes,
   so at init the logo contributed no height and the header measured short.
   Same intrinsic-size failure as the lazy-load bugs elsewhere in this
   migration — an image with no reserved box makes whatever measures it
   read the wrong number.

   Fixed at the source: reserve the logo's box, and give the two header
   rows a min-height so the measurement is correct no matter what state
   the images are in. Deliberately NOT done by forcing .sticky-wrapper to
   height:auto — the wrapper has to keep holding the space once the plugin
   makes .header-sticky fixed, or the page would jump on scroll.
   ============================================================ */

@media (min-width:768px){
  .mk-header .header-middle{ min-height:88px; }
  .mk-header .header-bottom{ min-height:51px; }

  /* Reserve the logo's box before it loads. 875x234 natural, rendered at
     the theme's 235px width. */
  .mk-header .logo-wrapper img.normal-logo,
  .mk-header .logo-wrapper img.sticky-logo{
    width:235px;
    height:63px;
    object-fit:contain;
  }
}

@media (max-width:767px){
  /* Mobile shows the white logo at the theme's own size; reserve it too. */
  .mk-header .logo-wrapper img.mobile-logo{
    max-width:150px;
    height:auto;
    aspect-ratio:355 / 72;
  }
}

/* ============================================================
   HEADER — match the pre-migration design (2026-08-10)

   The native header-v1 template was rendering the theme's DEFAULT
   look, not the design the site actually had. Measured against
   production's live header at 1900px, with the page fully loaded:

     main bar    110px, #0173CE            (ours was 88px, right colour)
     nav row      63px, WHITE/transparent  (ours was 51px and BLUE)
     menu links  16px/600 #191C1F          (ours light grey on blue)
     active item white on a #0173CE pill   (rendered as ::before/::after)
     phone       18px #000                 (ours white)
     content     capped 1320px, centred    (ours full-bleed)
     search      44px pill, 40px radius    (ours a plain rectangle)

   Note on how the earlier reading went wrong: sampling "the first menu
   link" picked up .elementor-item-active, which is white *because it sits
   on a blue pill*. Every other item is dark. Read more than one element
   before concluding a colour.
   ============================================================ */

/* --- content width: production caps the header at 1320px and centres it.
   The theme is set to ts_header_layout_fullwidth, so .container runs edge
   to edge. Cap it for the header only, leaving the rest of the theme alone. */
.mk-header .header-middle > .container,
.mk-header .header-bottom > .container{
  width:min(1320px, 100% - 32px);
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}

/* --- bar heights ------------------------------------------------ */
@media (min-width:768px){
  .mk-header .header-middle{ min-height:110px; }
  .mk-header .header-bottom{ min-height:63px; }
}

/* --- nav row is WHITE, not blue --------------------------------- */
.mk-header .header-bottom{
  background:#fff;
  border-bottom:1px solid #EDEDED;
}

/* Menu links dark. The theme colours these for a blue bar, so every state
   needs restating, not just the base one. */
.mk-header .header-bottom .ts-menu nav > ul > li > a,
.mk-header .header-bottom .main-menu > ul > li > a,
.mk-header .header-bottom .main-menu li > a{
  color:#191C1F;
  font-size:16px;
  font-weight:600;
}
.mk-header .header-bottom .ts-menu nav > ul > li:hover > a,
.mk-header .header-bottom .main-menu li:hover > a{
  color:#0073CF;
}

/* Active item: white text on a blue pill (production paints this with a
   pseudo-element; a plain background on the link is the same result with
   far less machinery). */
.mk-header .header-bottom .main-menu > ul > li.current-menu-item > a,
.mk-header .header-bottom .main-menu > ul > li.current_page_item > a,
.mk-header .header-bottom .ts-menu nav > ul > li.current-menu-item > a{
  color:#fff;
  background:#0173CE;
  border-radius:6px;
}

/* --- phone, right-hand side of the nav row ---------------------- */
.mk-header .mk-header-phone a{ color:#000; font-size:18px; font-weight:400; }
.mk-header .mk-header-phone img{ width:22px; height:22px; }

/* --- search: pill ----------------------------------------------- */
.mk-header .search-wrapper .aws-container,
.mk-header .search-wrapper form{ width:100%; }

.mk-header .search-wrapper input[type="search"],
.mk-header .search-wrapper input[type="text"],
.mk-header .search-wrapper .aws-search-field{
  height:44px;
  background:#fff;
  border:0;
  border-radius:40px 0 0 40px;
  font-size:16px;
  padding-left:24px;
}
.mk-header .search-wrapper .aws-search-btn,
.mk-header .search-wrapper button[type="submit"]{
  height:44px;
  min-width:42px;
  background:#fff;
  border:0;
  border-radius:0 40px 40px 0;
  color:#161616;
}

/* --- mobile: the nav row is hidden there, so the blue main bar is the
   whole header and nothing above needs re-colouring. */
@media (max-width:767px){
  .mk-header .header-middle > .container,
  .mk-header .header-bottom > .container{
    width:100%;
    padding-inline:16px;
  }
  .mk-header .search-wrapper input[type="search"],
  .mk-header .search-wrapper input[type="text"],
  .mk-header .search-wrapper .aws-search-field{ height:40px; padding-left:18px; }
  .mk-header .search-wrapper .aws-search-btn,
  .mk-header .search-wrapper button[type="submit"]{ height:40px; }
}

/* ============================================================
   HEADER — design pass 2 (2026-08-10), two rules that lost
   ============================================================ */

/* 1. Phone colour. The theme ships
        .ts-header .info, .ts-header .info [href^="tel"] { color:#fff }
   and [href^="tel"] counts in the CLASS column, making that selector
   (0,3,0) — which beats our (0,2,1) `.mk-header .mk-header-phone a`
   regardless of source order. Chaining .header-bottom takes ours to
   (0,3,1). Same trap as the footer's .footer-container a rule. */
.mk-header .header-bottom .mk-header-phone a{
  color:#000;
  font-size:18px;
  font-weight:400;
}
.mk-header .header-bottom .mk-header-phone a:hover{ color:#0073CF; }

/* 2. Search pill. Advanced Woo Search ships
        .aws-container .aws-search-form * { border-radius:0 !important }
   in its own stylesheet, so nothing without !important can round these
   corners. Matching its weapon rather than out-specifying it, because the
   rule uses a universal selector and would win at almost any specificity. */
.mk-header .search-wrapper .aws-container .aws-search-form .aws-wrapper input[type="search"],
.mk-header .search-wrapper .aws-container .aws-search-form input.aws-search-field{
  border-radius:40px 0 0 40px !important;
  padding-left:24px;
}
.mk-header .search-wrapper .aws-container .aws-search-form .aws-search-btn{
  border-radius:0 40px 40px 0 !important;
}
/* The AWS form is the element that actually clips the two halves together. */
.mk-header .search-wrapper .aws-container .aws-search-form{
  border-radius:40px !important;
  overflow:hidden;
}

@media (max-width:767px){
  .mk-header .search-wrapper .aws-container .aws-search-form .aws-wrapper input[type="search"],
  .mk-header .search-wrapper .aws-container .aws-search-form input.aws-search-field{
    padding-left:18px;
  }
}

/* ============================================================
   HEADER — corrected against the Elementor export (2026-08-10)

   Previous passes made the whole header blue. Wrong. Re-read the
   header.json the user supplied — this time the CONTAINER settings,
   not just the widget contents — and it matches the reference
   screenshot exactly:

     #mak-top-anim-bar   background #0173CE, padding 7px 16px
                         -> the thin blue strip, and the ONLY blue part
     #mak-header         no background colour at all -> WHITE,
                         padding 20px 0, columns 25% / 50% / 25%
     Navigation          no background, box-shadow 0 4px 8px rgba(0,0,0,.03),
                         padding 10px 0 16px, columns 50% / 25%

   Why the earlier measurements disagreed: the live header I was probing
   has completely different element IDs (13e4809 / 4fad4fb / 656eab7) from
   the export (66bb6494 / 2501885b / 56e7e46b) — it is a different revision
   of the template. The export plus the screenshot agree with each other,
   so they win over a reading taken from the other revision.

   Bonus: this also fixes the logo. makers_logo_colored.png has a BLUE
   "V" mark next to the red wordmark; on a blue bar the mark simply
   disappeared, which is why our header showed only "MAKERS".
   ============================================================ */

/* The thin blue strip at the top is emitted by mk_announcement_bar() as a
   real element (.mk-announcement--empty). It was briefly drawn with
   .mk-header::before, but the theme already uses .ts-header::before for the
   dark overlay behind the mobile menu, so that hijacked the overlay and
   inherited its position:fixed. Styling lives with the announcement bar. */

/* --- main bar: WHITE ---------------------------------------------- */
.mk-header .header-middle{
  background:#fff;
}
@media (min-width:768px){
  .mk-header .header-middle{ min-height:0; padding:20px 0; }
}

/* Text and icons sit on white now, so the theme's white-on-blue
   treatment has to be undone — including the !important rule an earlier
   pass of this migration added for the blue bar. */
.mk-header .shopping-cart-wrapper .cart-control,
.mk-header .shopping-cart-wrapper .cart-control::before,
.mk-header .shopping-cart-wrapper .ic-cart::before,
.mk-header .my-wishlist-wrapper a,
.mk-header .my-wishlist-wrapper a::before,
.mk-header .my-account-wrapper .account-control > a,
.mk-header .my-account-wrapper .account-control > a::before,
.mk-header .icon-menu-sticky-header,
.mk-header .icon-menu-sticky-header::before{
  color:#0073CF !important;
}
/* The mobile hamburger stays on the blue mobile bar, so it stays white. */
@media (max-width:767px){
  .mk-header .ts-mobile-icon-toggle .icon,
  .mk-header .ts-mobile-icon-toggle .icon::before{ color:#fff !important; }
}

/* --- nav row: white with the export's soft shadow ------------------ */
.mk-header .header-bottom{
  background:#fff;
  border-bottom:0;
  box-shadow:0 4px 8px rgba(0,0,0,.03);
}
@media (min-width:768px){
  .mk-header .header-bottom{ min-height:0; padding:10px 0 16px; }
}

/* --- search: pill with a visible hairline border ------------------- */
.mk-header .search-wrapper .aws-container .aws-search-form{
  border:1px solid #E4E7E9 !important;
  background:#fff;
}
.mk-header .search-wrapper .aws-container .aws-search-form .aws-search-btn{
  background:transparent;
  color:#5F6C72;
}

/* --- mobile: the bar is blue there (theme's ts_header_mobile_* colours),
   so the logo swaps to the white version and icons go back to white. */
@media (max-width:767px){
  .mk-header .header-middle{ background:#0073CF; }
  .mk-header .shopping-cart-wrapper .cart-control,
  .mk-header .shopping-cart-wrapper .cart-control::before,
  .mk-header .shopping-cart-wrapper .ic-cart::before{ color:#fff !important; }
}

/* ============================================================
   HEADER — top strip + logo size (2026-08-10)
   ============================================================ */

/* The slim blue line across the very top. Emitted by
   mk_announcement_bar() as a real element, which renders even with no
   campaign running because the reference design shows it that way.
   14px = the export's 7px top + 7px bottom padding on an empty bar. */
.mk-announcement--empty{
  height:14px;
  background:#0173CE;
}

/* Logo: the theme's own configured width is ts_logo_width = 286, which is
   what the reference renders. An earlier pass pinned it to 235x63 while
   fixing the sticky-header measurement — the pinning is still needed (the
   theme outputs <img> with no width/height, and the sticky plugin measures
   the header once at init), but the numbers should be the configured ones.
   286 x 76 keeps the asset's 875:234 ratio. */
@media (min-width:768px){
  .mk-header .logo-wrapper img.normal-logo,
  .mk-header .logo-wrapper img.sticky-logo{
    width:286px;
    height:76px;
  }
}

/* The mobile bar is blue, so no strip there — the bar itself is the accent. */
@media (max-width:767px){
  .mk-announcement--empty{ display:none; }
}

/* ============================================================
   HEADER — exact values from header.json (2026-08-10)

   Read the full export this time, every setting, not just the ones I
   went looking for. Corrections against what was on stage:

     nav row     border-bottom 1px #E8E8E8   (had none)
                 margin-bottom 32px          (had none — the gap under
                                              the header was missing)
                 padding 10px 0 16px
     menu item   padding 8px 10px, gap 16px, radius 3px  (had 6px)
     logo        width:auto, no fixed px     (had a hard 286x76)
     icons       cart, account, wishlist left-to-right
                 (.header-right in the export is a normal flex row with
                  justify-content:flex-end; the theme reverses its own,
                  so force the export's behaviour)
     top strip   padding 7px 16px desktop, 0 16px mobile -> 14px / 0px
     phone       icon 22px, text 18px/400
   ============================================================ */

/* --- top strip: the export's padding is what gives it its height ---- */
.mk-announcement--empty{
  height:auto;
  padding:7px 16px;
  background:#0173CE;
}
@media (max-width:767px){
  /* padding_mobile is 0 top/bottom, so the strip collapses away */
  .mk-announcement--empty{ padding:0 16px; display:block; }
}

/* --- main bar ------------------------------------------------------ */
@media (min-width:768px){
  .mk-header .header-middle{ padding:20px 0; min-height:0; }
}

/* --- logo: the export sets width:auto !important and no fixed size.
   Reserving the box is still required (the theme emits <img> with no
   width/height and the sticky plugin measures the header once at init),
   but aspect-ratio does that without pinning a width. 875x234 asset. */
@media (min-width:768px){
  .mk-header .logo-wrapper img.normal-logo,
  .mk-header .logo-wrapper img.sticky-logo{
    width:auto !important;
    max-width:100%;
    height:auto;
    aspect-ratio:875 / 234;
  }
}

/* No .header-right layout rules here on purpose. The theme lays that cell
   out with display:table-cell (.header-middle > .container > div, (0,2,1))
   and floats the icons right, so a single-class rule cannot change it, and
   forcing flex would drop the cell out of the 3-column table layout.
   Icon order is handled by the source order in header-v1.php. */

/* --- nav row ------------------------------------------------------- */
@media (min-width:768px){
  .mk-header .header-bottom{
    padding:10px 0 16px;
    min-height:0;
    margin-bottom:32px;
    border-bottom:1px solid #E8E8E8;
    box-shadow:0 4px 8px rgba(0,0,0,.03);
  }
}

/* Menu items: 16px/600, 8px/10px padding, 16px apart, 3px radius. */
.mk-header .header-bottom .main-menu > ul > li > a,
.mk-header .header-bottom .ts-menu nav > ul > li > a{
  padding:8px 10px;
  border-radius:3px;
}
.mk-header .header-bottom .main-menu > ul > li,
.mk-header .header-bottom .ts-menu nav > ul > li{
  margin-right:16px;
}
.mk-header .header-bottom .main-menu > ul > li.current-menu-item > a,
.mk-header .header-bottom .main-menu > ul > li.current_page_item > a,
.mk-header .header-bottom .ts-menu nav > ul > li.current-menu-item > a{
  border-radius:3px;
}

/* --- phone: 22px icon, 18px/400 text ------------------------------- */
.mk-header .header-bottom .mk-header-phone img{ width:22px; height:22px; }
.mk-header .header-bottom .mk-header-phone a{ font-size:18px; font-weight:400; }

/* ============================================================
   HEADER — column widths from the export (2026-08-10)
   .logo-wrapper 25% / .search-wrapper 50% / .header-right 25%.
   The theme lays these out as table-cells, which auto-size to content
   (measured 295 / 708 / 317 against the export's 330 / 660 / 330), so
   the widths have to be stated. Percentages work on table-cells.
   Specificity has to clear .header-middle > .container > div (0,2,1).
   ============================================================ */
@media (min-width:768px){
  .mk-header .header-middle > .container > .logo-wrapper{ width:25%; }
  .mk-header .header-middle > .container > .search-wrapper{ width:50%; }
  .mk-header .header-middle > .container > .header-right{ width:25%; }

  /* Nav row widths deliberately NOT set. Forcing 75%/25% on the theme's
     table-cells left no room for the third cell it renders there
     (recently-viewed products), which wrapped to a new line and grew
     the row from 63px to 130px. The auto-sizing was already correct. */
}




