.elementor-2371 .elementor-element.elementor-element-26f6c54{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2371 .elementor-element.elementor-element-757d88cb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2371 .elementor-element.elementor-element-757d88cb:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-757d88cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C142A;}.elementor-2371 .elementor-element.elementor-element-69f68216{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-2371 .elementor-element.elementor-element-76075df9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 8%) 0%;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:85px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;color:#1C244B;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2371 .elementor-element.elementor-element-4e8c7cfc{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 4%) 0%;}.woocommerce .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:36px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;}.woocommerce .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .price ins{color:#324A6D;}body:not(.rtl) .elementor-2371 .elementor-element.elementor-element-4e8c7cfc:not(.elementor-product-price-block-yes) del{margin-right:10px;}body.rtl .elementor-2371 .elementor-element.elementor-element-4e8c7cfc:not(.elementor-product-price-block-yes) del{margin-left:10px;}.elementor-2371 .elementor-element.elementor-element-4e8c7cfc.elementor-product-price-block-yes del{margin-bottom:10px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2371 .elementor-element.elementor-element-4ceae18e .cart button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .cart .button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#FFFFFF;background-color:#467FF7;border-color:#467FF7;transition:all 0.2s;}.elementor-2371 .elementor-element.elementor-element-4ceae18e .cart button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e .cart .button:hover{color:#467FF7;background-color:#02010100;border-color:#467FF7;}.elementor-2371 .elementor-element.elementor-element-4ceae18e{--button-spacing:38px;}.elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity .qty{border-radius:0px 0px 0px 0px;color:#FFFFFF;border-color:#FFFFFF;transition:all 0.2s;}.woocommerce .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart table.variations label{color:#FFFFFF;}.woocommerce .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart table.variations td.value select{color:#FFFFFF;}.elementor-2371 .elementor-element.elementor-element-57995f92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2371 .elementor-element.elementor-element-1e5f7b6c{width:100%;max-width:100%;}.woocommerce .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-viewport:not(:last-child){margin-bottom:13px;}.woocommerce .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-control-thumbs li{padding-right:calc(13px / 2);padding-left:calc(13px / 2);padding-bottom:13px;}.woocommerce .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-control-thumbs{margin-right:calc(-13px / 2);margin-left:calc(-13px / 2);}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2371 .elementor-element.elementor-element-c4da140{width:100%;max-width:100%;margin:4% 0% calc(var(--kit-widget-spacing, 0px) + 8%) 0%;color:#324A6D;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-2371 .elementor-element.elementor-element-1486b609{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2371 .elementor-element.elementor-element-1486b609:not(.elementor-motion-effects-element-type-background), .elementor-2371 .elementor-element.elementor-element-1486b609 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111D3F;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2371 .elementor-element.elementor-element-3847b51d{text-align:center;}.elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product{text-align:left;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products{grid-column-gap:10px;grid-row-gap:140px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:35px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#1C244B;margin-bottom:3px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#1C244B;margin-bottom:3px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price{color:#1C244B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price ins{color:#1C244B;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price ins .amount{color:#1C244B;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price del{color:#1C244B;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price del .amount{color:#1C244B;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:line-through;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .button{color:#1C244B;background-color:#02010100;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:italic;text-decoration:underline;line-height:1em;letter-spacing:0px;padding:10px 0px 0px 0px;margin-top:0px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .button:hover{color:#467FF7;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products .added_to_cart{color:#1C244B;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FFFFFF;background-color:#467FF7;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:30px;letter-spacing:0px;border-radius:0px;min-width:80px;min-height:30px;right:auto;left:0;margin:0px;}.elementor-2371 .elementor-element.elementor-element-818151c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-2371 .elementor-element.elementor-element-757d88cb{--content-width:1650px;}.elementor-2371 .elementor-element.elementor-element-69f68216{--width:50%;}.elementor-2371 .elementor-element.elementor-element-57995f92{--width:50%;}.elementor-2371 .elementor-element.elementor-element-1486b609{--content-width:1650px;}}@media(max-width:1024px){.elementor-2371 .elementor-element.elementor-element-757d88cb{--min-height:700px;--padding-top:12%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2371 .elementor-element.elementor-element-69f68216{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-2371 .elementor-element.elementor-element-76075df9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title{font-size:65px;}.elementor-2371 .elementor-element.elementor-element-4e8c7cfc{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.woocommerce .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .price{font-size:25px;}.elementor-2371 .elementor-element.elementor-element-4ceae18e .cart button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .cart .button{font-size:14px;}.elementor-2371 .elementor-element.elementor-element-c4da140{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;}.elementor-2371 .elementor-element.elementor-element-1486b609{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title{font-size:45px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .price{font-size:14px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .button{font-size:14px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product span.onsale{font-size:14px;line-height:2em;}}@media(max-width:767px){.elementor-2371 .elementor-element.elementor-element-757d88cb{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:12%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-2371 .elementor-element.elementor-element-69f68216{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2371 .elementor-element.elementor-element-3e9afcd8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2371 .elementor-element.elementor-element-3e9afcd8.elementor-element{--align-self:center;}.elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title{font-size:48px;line-height:1em;}.elementor-2371 .elementor-element.elementor-element-4e8c7cfc{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;text-align:center;}.woocommerce .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .price{font-size:20px;}.elementor-2371 .elementor-element.elementor-element-4ceae18e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2371 .elementor-element.elementor-element-4ceae18e .cart button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .cart .button{border-width:0px 0px 0px 0px;}.elementor-2371 .elementor-element.elementor-element-57995f92{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2371 .elementor-element.elementor-element-c4da140{padding:0% 5% 0% 5%;text-align:center;}.elementor-2371 .elementor-element.elementor-element-1486b609{--padding-top:30%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product{text-align:center;}.elementor-2371 .elementor-element.elementor-element-740caa09{width:100%;max-width:100%;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:70px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:30px;}.elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-740caa09.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}}/* Start custom CSS for woocommerce-notices, class: .elementor-element-76075df9 *//* ========================================================= WOOCOMMERCE NOTICES + PRODUCT MOBILE ORDER FIX NEON DBZ / 90s PIXEL STYLE Paste into: Elementor Widget > Advanced > Custom CSS This includes: 1. WooCommerce notice styling 2. Mobile notice optimization 3. Product card mobile order fix: Image → Product Title → Product Price → Add To Cart ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@600;700;800&display=swap'); /* ========================================================= MAIN WIDGET ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 { position: relative !important; width: 100% !important; max-width: 100% !important; font-family: "Pixelify Sans", Arial, sans-serif !important; box-sizing: border-box !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 *, .elementor-2371 .elementor-element.elementor-element-76075df9 *::before, .elementor-2371 .elementor-element.elementor-element-76075df9 *::after { box-sizing: border-box !important; } /* ========================================================= NOTICE WRAPPER ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-notices-wrapper, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-NoticeGroup, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error { width: 100% !important; max-width: 100% !important; } /* ========================================================= BASE NOTICE STYLE ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error { position: relative !important; display: block !important; margin: 0 0 18px 0 !important; padding: 22px 18px 18px 22px !important; background: radial-gradient(circle at top left, rgba(53, 215, 255, 0.20), transparent 28%), radial-gradient(circle at bottom right, rgba(255, 122, 24, 0.20), transparent 32%), linear-gradient(135deg, #06142d 0%, #071b3f 48%, #020817 100%) !important; color: #fff8e8 !important; border: 4px solid #ff7a18 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(255, 122, 24, 0.50), 0 0 34px rgba(53, 215, 255, 0.28) !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 17px !important; line-height: 1.45 !important; font-weight: 800 !important; text-shadow: 1px 1px 0 #000000, 0 0 8px rgba(53, 215, 255, 0.30) !important; overflow: visible !important; } /* SUCCESS NOTICE */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message { border-color: #35d7ff !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(53, 215, 255, 0.60), 0 0 34px rgba(255, 212, 0, 0.28) !important; } /* INFO NOTICE */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info { border-color: #8ff2ff !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(143, 242, 255, 0.55), 0 0 34px rgba(53, 215, 255, 0.25) !important; } /* ERROR NOTICE */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error { border-color: #ff2f7d !important; list-style: none !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(255, 47, 125, 0.65), 0 0 34px rgba(255, 122, 24, 0.28) !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error li { margin: 0 0 8px 0 !important; padding: 0 !important; color: #fff8e8 !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 17px !important; line-height: 1.45 !important; font-weight: 800 !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error li:last-child { margin-bottom: 0 !important; } /* ========================================================= NOTICE LINKS ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message a, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info a, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error a { color: #8ff2ff !important; font-weight: 900 !important; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; text-shadow: 1px 1px 0 #000000, 0 0 10px rgba(143, 242, 255, 0.75) !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message a:hover, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info a:hover, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error a:hover { color: #fff36a !important; text-shadow: 1px 1px 0 #000000, 0 0 12px rgba(255, 212, 0, 0.85) !important; } /* ========================================================= NOTICE BUTTONS ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error .button, .elementor-2371 .elementor-element.elementor-element-76075df9 a.button, .elementor-2371 .elementor-element.elementor-element-76075df9 button.button { float: right !important; margin: -4px 0 8px 14px !important; padding: 11px 14px !important; background: linear-gradient(180deg, #fff36a 0%, #ffd400 45%, #ff7a18 100%) !important; color: #120014 !important; border: 3px solid #000000 !important; border-radius: 0 !important; font-family: "Press Start 2P", monospace !important; font-size: 8px !important; line-height: 1.4 !important; font-weight: 900 !important; text-transform: uppercase !important; text-decoration: none !important; text-align: center !important; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(255, 212, 0, 0.75) !important; transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message .button:hover, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info .button:hover, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error .button:hover, .elementor-2371 .elementor-element.elementor-element-76075df9 a.button:hover, .elementor-2371 .elementor-element.elementor-element-76075df9 button.button:hover { background: linear-gradient(180deg, #d7fbff 0%, #8ff2ff 45%, #35d7ff 100%) !important; color: #00111a !important; transform: translate(2px, 2px) !important; box-shadow: 2px 2px 0 #000000, 0 0 18px rgba(53, 215, 255, 0.85) !important; } /* ========================================================= PIXEL GRID OVERLAY ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message::after, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info::after, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.10; background-image: linear-gradient(rgba(255,255,255,0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.12) 1px, transparent 1px); background-size: 16px 16px; z-index: 1; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message *, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info *, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error * { position: relative !important; z-index: 2 !important; } /* ========================================================= NOTICE ICON BOX ========================================================= */ .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message::before { content: "✓" !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info::before, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error::before { content: "!" !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message::before, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info::before, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error::before { position: absolute !important; top: -12px !important; left: 14px !important; z-index: 4 !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #fff36a 0%, #ffd400 48%, #ff7a18 100%) !important; color: #120014 !important; border: 3px solid #000000 !important; border-radius: 0 !important; font-family: "Press Start 2P", monospace !important; font-size: 12px !important; line-height: 1 !important; box-shadow: 4px 4px 0 #000000, 0 0 14px rgba(255, 212, 0, 0.75) !important; } /* ========================================================= PRODUCT MOBILE ORDER FIX Image → Title → Price → Add To Cart ========================================================= */ /* PRODUCT CARD BASE */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product, .elementor-2371 .elementor-element.elementor-element-76075df9 .elementor-widget-container ul.products li.product { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; position: relative !important; } /* PRODUCT LINK AREA */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.woocommerce-LoopProduct-link, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.woocommerce-loop-product__link, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.woocommerce-LoopProduct-link, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.woocommerce-loop-product__link { display: flex !important; flex-direction: column !important; width: 100% !important; text-decoration: none !important; } /* PRODUCT IMAGE FIRST */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product img, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product img, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product img { order: 1 !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 0 14px 0 !important; object-fit: cover !important; } /* PRODUCT TITLE SECOND */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product h2, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product h2 { order: 2 !important; width: 100% !important; margin: 0 0 10px 0 !important; text-align: center !important; } /* PRODUCT PRICE THIRD */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .price { order: 3 !important; width: 100% !important; margin: 0 0 14px 0 !important; text-align: center !important; } /* ADD TO CART FOURTH */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.add_to_cart_button { order: 4 !important; width: 100% !important; margin: auto 0 0 0 !important; text-align: center !important; } /* REMOVE RANDOM FLOATS THAT BREAK MOBILE */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.add_to_cart_button { float: none !important; clear: both !important; } /* ========================================================= MOBILE NOTICE OPTIMIZATION ========================================================= */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-76075df9 { overflow-x: hidden !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error { display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 22px 14px 14px 14px !important; margin: 0 0 16px 0 !important; border-width: 3px !important; font-size: 15px !important; line-height: 1.45 !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(255, 122, 24, 0.42), 0 0 24px rgba(53, 215, 255, 0.24) !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error li { font-size: 15px !important; line-height: 1.45 !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error .button, .elementor-2371 .elementor-element.elementor-element-76075df9 a.button, .elementor-2371 .elementor-element.elementor-element-76075df9 button.button { float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 12px 0 !important; padding: 13px 10px !important; font-size: 8px !important; line-height: 1.45 !important; white-space: normal !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message::before, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info::before, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error::before { top: -10px !important; left: 10px !important; width: 24px !important; height: 24px !important; font-size: 10px !important; border-width: 2px !important; } /* MOBILE PRODUCT CARD ORDER */ .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products, .elementor-2371 .elementor-element.elementor-element-76075df9 .products, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; width: 100% !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product { width: 100% !important; max-width: 100% !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.woocommerce-LoopProduct-link, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.woocommerce-loop-product__link, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.woocommerce-LoopProduct-link, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.woocommerce-loop-product__link { display: flex !important; flex-direction: column !important; width: 100% !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product img, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product img, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product img { order: 1 !important; width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; object-fit: cover !important; margin: 0 0 12px 0 !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product h2, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product h2 { order: 2 !important; margin: 0 0 8px 0 !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 16px !important; line-height: 1.2 !important; font-weight: 900 !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .price { order: 3 !important; margin: 0 0 12px 0 !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 17px !important; line-height: 1.2 !important; font-weight: 900 !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.add_to_cart_button { order: 4 !important; width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: auto 0 0 0 !important; padding: 12px 8px !important; font-family: "Press Start 2P", monospace !important; font-size: 7px !important; line-height: 1.45 !important; text-align: center !important; white-space: normal !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error { font-size: 14px !important; padding: 20px 12px 12px 12px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error li { font-size: 14px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-message .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-info .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce-error .button, .elementor-2371 .elementor-element.elementor-element-76075df9 a.button, .elementor-2371 .elementor-element.elementor-element-76075df9 button.button { font-size: 7px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products, .elementor-2371 .elementor-element.elementor-element-76075df9 .products, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product img, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product img, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product img { order: 1 !important; margin-bottom: 10px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .woocommerce-loop-product__title { order: 2 !important; font-size: 14px !important; line-height: 1.2 !important; margin-bottom: 7px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .price { order: 3 !important; font-size: 16px !important; margin-bottom: 10px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.add_to_cart_button { order: 4 !important; font-size: 6.5px !important; padding: 11px 6px !important; } } /* ========================================================= EXTRA TINY MOBILE ========================================================= */ @media (max-width: 360px) { .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products, .elementor-2371 .elementor-element.elementor-element-76075df9 .products, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products { grid-template-columns: 1fr !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .woocommerce-loop-product__title, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .price, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .price { font-size: 17px !important; } .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 .woocommerce ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-76075df9 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-76075df9 .products li.product a.add_to_cart_button { font-size: 7px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-title, class: .elementor-element-3e9afcd8 *//* ========================================================= PRODUCT TITLE WIDGET — NEON DBZ / 90s PIXEL STYLE Paste into: Elementor Product Title Widget > Advanced > Custom CSS EDITED: - Smaller mobile title - More normal mobile spacing - Less oversized pixel text on phones ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@600;700;800&display=swap'); /* MAIN PRODUCT TITLE BOX */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8 { position: relative !important; display: block !important; width: fit-content !important; max-width: 100% !important; padding: 18px 22px !important; margin: 0 0 22px 0 !important; background: radial-gradient(circle at top left, rgba(53, 215, 255, 0.22), transparent 30%), radial-gradient(circle at bottom right, rgba(255, 122, 24, 0.22), transparent 32%), linear-gradient(135deg, #06142d 0%, #071b3f 48%, #020817 100%) !important; border: 4px solid #ff7a18 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(255, 122, 24, 0.55), 0 0 34px rgba(53, 215, 255, 0.32) !important; overflow: visible !important; } /* PRODUCT TITLE TEXT */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .product_title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .entry-title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h1, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h2, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h3, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title { margin: 0 !important; color: #fff8e8 !important; font-family: "Press Start 2P", monospace !important; font-size: clamp(22px, 4.4vw, 48px) !important; line-height: 1.35 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: uppercase !important; text-shadow: 3px 3px 0 #000000, 0 0 8px rgba(255, 248, 232, 0.95), 0 0 18px rgba(53, 215, 255, 0.78), 0 0 34px rgba(255, 122, 24, 0.52) !important; } /* PIXEL GRID OVERLAY */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.13; background-image: linear-gradient(rgba(255,255,255,0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.12) 1px, transparent 1px); background-size: 16px 16px; z-index: 1; } /* KEEP TITLE ABOVE GRID */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-widget-container, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .product_title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .entry-title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h1, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h2, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h3, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title { position: relative !important; z-index: 2 !important; } /* SMALL TOP LABEL */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8::before { content: "POWER ITEM"; position: absolute; top: -13px; left: 14px; z-index: 3; background: linear-gradient(135deg, #fff36a 0%, #ffd400 48%, #ff7a18 100%); color: #120014; border: 3px solid #000000; border-radius: 0; padding: 6px 9px; font-family: "Press Start 2P", monospace; font-size: 7px; line-height: 1.35; text-transform: uppercase; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(255, 212, 0, 0.75); } /* NEON CORNER BLOCK */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-widget-container::after { content: ""; position: absolute; right: -9px; bottom: -9px; z-index: 3; width: 24px; height: 24px; background: #8ff2ff; border: 3px solid #000000; box-shadow: 3px 3px 0 #000000, 0 0 16px rgba(143, 242, 255, 0.90); pointer-events: none; } /* HOVER EFFECT */ .elementor-2371 .elementor-element.elementor-element-3e9afcd8:hover { transform: translate(2px, 2px) !important; box-shadow: inset 0 0 0 3px #ffd400, 4px 4px 0 #000000, 0 0 22px rgba(53, 215, 255, 0.72), 0 0 40px rgba(255, 212, 0, 0.30) !important; } /* MOBILE — CLEANER NORMAL SIZE */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-3e9afcd8 { width: 100% !important; padding: 14px 12px !important; margin-bottom: 16px !important; border-width: 3px !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(255, 122, 24, 0.42), 0 0 26px rgba(53, 215, 255, 0.24) !important; } .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .product_title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .entry-title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h1, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h2, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h3, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title { font-size: clamp(17px, 4.8vw, 24px) !important; line-height: 1.35 !important; letter-spacing: -0.2px !important; text-align: left !important; text-shadow: 2px 2px 0 #000000, 0 0 7px rgba(255, 248, 232, 0.80), 0 0 14px rgba(53, 215, 255, 0.55), 0 0 24px rgba(255, 122, 24, 0.38) !important; } .elementor-2371 .elementor-element.elementor-element-3e9afcd8::before { top: -9px; left: 10px; padding: 4px 6px; font-size: 5px; border-width: 2px; } .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-widget-container::after { width: 16px; height: 16px; right: -5px; bottom: -5px; border-width: 2px; } } /* SMALL MOBILE — EVEN MORE NORMAL */ @media (max-width: 480px) { .elementor-2371 .elementor-element.elementor-element-3e9afcd8 { padding: 12px 10px !important; margin-bottom: 14px !important; } .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .product_title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .entry-title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h1, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h2, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h3, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title { font-size: clamp(15px, 4.6vw, 20px) !important; line-height: 1.35 !important; } .elementor-2371 .elementor-element.elementor-element-3e9afcd8::before { font-size: 4.5px; padding: 4px 5px; } } /* EXTRA SMALL PHONES */ @media (max-width: 360px) { .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .product_title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .entry-title, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h1, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h2, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 h3, .elementor-2371 .elementor-element.elementor-element-3e9afcd8 .elementor-heading-title { font-size: 15px !important; line-height: 1.4 !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-price, class: .elementor-element-4e8c7cfc *//* ========================================================= ADD TO CART BUTTON MOBILE CENTER FIX Paste at the VERY BOTTOM of the Add To Cart widget CSS ========================================================= */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-4e8c7cfc { width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .elementor-widget-container, .elementor-2371 .elementor-element.elementor-element-4e8c7cfc form.cart, .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .cart, .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .woocommerce-variation-add-to-cart { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-4e8c7cfc button.single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .button, .elementor-2371 .elementor-element.elementor-element-4e8c7cfc button.button { float: none !important; clear: both !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 340px !important; margin: 14px auto 0 auto !important; padding-left: 14px !important; padding-right: 14px !important; text-align: center !important; white-space: normal !important; } .elementor-2371 .elementor-element.elementor-element-4e8c7cfc .quantity { width: 100% !important; max-width: 340px !important; margin: 0 auto 12px auto !important; display: flex !important; justify-content: center !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-4ceae18e *//* ========================================================= PRODUCT ADD TO CART WIDGET — NEON DBZ / 90s PIXEL STYLE Paste into: Elementor Product Add To Cart Widget > Advanced > Custom CSS This styles: - Quantity box - Add to Cart button - Mobile centering - Variations/dropdowns - Stock text ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@600;700;800&display=swap'); /* MAIN ADD TO CART WIDGET */ .elementor-2371 .elementor-element.elementor-element-4ceae18e { width: 100% !important; max-width: 100% !important; font-family: "Pixelify Sans", Arial, sans-serif !important; box-sizing: border-box !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e *, .elementor-2371 .elementor-element.elementor-element-4ceae18e *::before, .elementor-2371 .elementor-element.elementor-element-4ceae18e *::after { box-sizing: border-box !important; } /* FORM WRAPPER */ .elementor-2371 .elementor-element.elementor-element-4ceae18e .elementor-widget-container, .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart { width: 100% !important; max-width: 100% !important; } /* CART FORM LAYOUT */ .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; margin: 0 !important; } /* QUANTITY WRAPPER */ .elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity { float: none !important; margin: 0 !important; width: auto !important; } /* QUANTITY INPUT */ .elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity input.qty { width: 86px !important; min-height: 54px !important; background: linear-gradient(135deg, #06142d 0%, #071b3f 50%, #020817 100%) !important; color: #fff36a !important; border: 3px solid #35d7ff !important; border-radius: 0 !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(53, 215, 255, 0.55) !important; font-family: "Press Start 2P", monospace !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; outline: none !important; } /* MAIN ADD TO CART BUTTON */ .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button { float: none !important; clear: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 58px !important; width: auto !important; min-width: 230px !important; max-width: 100% !important; margin: 0 !important; padding: 16px 22px !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; background: linear-gradient(180deg, #dfff6a 0%, #7cff3f 45%, #00c853 100%) !important; color: #120014 !important; border: 4px solid #000000 !important; border-radius: 0 !important; font-family: "Press Start 2P", monospace !important; font-size: 10px !important; line-height: 1.45 !important; font-weight: 900 !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; letter-spacing: 0.2px !important; text-shadow: none !important; box-shadow: inset 0 0 0 3px #ffffff, 6px 6px 0 #000000, 0 0 18px rgba(124, 255, 63, 0.85), 0 0 34px rgba(0, 200, 83, 0.55) !important; transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease !important; } /* BUTTON HOVER */ .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button:hover { background: linear-gradient(180deg, #d7fbff 0%, #8ff2ff 45%, #35d7ff 100%) !important; color: #00111a !important; transform: translate(2px, 2px) !important; box-shadow: inset 0 0 0 3px #ffffff, 3px 3px 0 #000000, 0 0 20px rgba(53, 215, 255, 0.95), 0 0 36px rgba(143, 242, 255, 0.65) !important; } /* BUTTON ACTIVE */ .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button:active, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button:active, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.button:active, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button:active { transform: translate(5px, 5px) !important; box-shadow: inset 0 0 0 3px #ffffff, 1px 1px 0 #000000, 0 0 14px rgba(124, 255, 63, 0.75) !important; } /* DISABLED BUTTON */ .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button.disabled, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button:disabled, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button.disabled, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button.disabled { opacity: 0.65 !important; cursor: not-allowed !important; filter: grayscale(0.35) !important; } /* VARIATION TABLE */ .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations { width: 100% !important; margin-bottom: 18px !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations td, .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations th { display: block !important; width: 100% !important; padding: 0 0 10px 0 !important; text-align: left !important; } /* VARIATION LABELS */ .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations label { display: block !important; margin-bottom: 8px !important; color: #fff36a !important; font-family: "Press Start 2P", monospace !important; font-size: 10px !important; line-height: 1.5 !important; text-transform: uppercase !important; text-shadow: 2px 2px 0 #000000, 0 0 10px rgba(255, 212, 0, 0.75) !important; } /* SELECT DROPDOWNS */ .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations select { width: 100% !important; min-height: 52px !important; background: linear-gradient(135deg, #06142d 0%, #071b3f 48%, #020817 100%) !important; color: #fff8e8 !important; border: 3px solid #35d7ff !important; border-radius: 0 !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(53, 215, 255, 0.45) !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 17px !important; font-weight: 800 !important; padding: 10px 12px !important; outline: none !important; } /* RESET VARIATIONS LINK */ .elementor-2371 .elementor-element.elementor-element-4ceae18e .reset_variations { display: inline-block !important; margin-top: 8px !important; color: #8ff2ff !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: underline !important; text-shadow: 1px 1px 0 #000000, 0 0 10px rgba(143, 242, 255, 0.65) !important; } /* STOCK TEXT */ .elementor-2371 .elementor-element.elementor-element-4ceae18e .stock { color: #8ff2ff !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 17px !important; font-weight: 900 !important; text-shadow: 1px 1px 0 #000000, 0 0 10px rgba(143, 242, 255, 0.65) !important; } /* POINTS / REWARDS TEXT ABOVE QUANTITY — WHITE ONLY */ .elementor-2371 .elementor-element.elementor-element-4ceae18e .wc-points-rewards-product-message, .elementor-2371 .elementor-element.elementor-element-4ceae18e .wc_points_rewards_earn_points, .elementor-2371 .elementor-element.elementor-element-4ceae18e .wc-points-rewards-earned, .elementor-2371 .elementor-element.elementor-element-4ceae18e .points-rewards-message, .elementor-2371 .elementor-element.elementor-element-4ceae18e .points-and-rewards, .elementor-2371 .elementor-element.elementor-element-4ceae18e .yith-par-message, .elementor-2371 .elementor-element.elementor-element-4ceae18e .ywpar_points_rewards, .elementor-2371 .elementor-element.elementor-element-4ceae18e .woocommerce-PointsRewards, .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart p { color: #ffffff !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e .wc-points-rewards-product-message *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .wc_points_rewards_earn_points *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .wc-points-rewards-earned *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .points-rewards-message *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .points-and-rewards *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .yith-par-message *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .ywpar_points_rewards *, .elementor-2371 .elementor-element.elementor-element-4ceae18e .woocommerce-PointsRewards *, .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart p * { color: #ffffff !important; } /* ========================================================= MOBILE FIX — CENTERED AND NOT TOO FAR RIGHT ========================================================= */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-4ceae18e { width: 100% !important; max-width: 100% !important; display: block !important; text-align: center !important; overflow: visible !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e .elementor-widget-container { width: 100% !important; max-width: 100% !important; display: block !important; text-align: center !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e form.cart { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity { width: 100% !important; max-width: 340px !important; display: flex !important; justify-content: center !important; margin: 0 auto !important; padding: 0 !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity input.qty { width: 100% !important; max-width: 340px !important; min-height: 54px !important; margin: 0 auto !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button { width: 100% !important; max-width: 340px !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; padding: 15px 12px !important; float: none !important; clear: both !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; translate: none !important; align-self: center !important; text-align: center !important; font-size: 9px !important; line-height: 1.45 !important; white-space: normal !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.button:hover, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button:hover { transform: translate(2px, 2px) !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations, .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations tbody, .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations tr, .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations td, .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations th { display: block !important; width: 100% !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations select { width: 100% !important; max-width: 340px !important; margin: 0 auto !important; text-align: center !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations label { text-align: center !important; } } /* SMALL MOBILE */ @media (max-width: 480px) { .elementor-2371 .elementor-element.elementor-element-4ceae18e button.single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .single_add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-4ceae18e button.button, .elementor-2371 .elementor-element.elementor-element-4ceae18e .button { max-width: 300px !important; font-size: 8px !important; padding: 14px 10px !important; } .elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity, .elementor-2371 .elementor-element.elementor-element-4ceae18e .quantity input.qty, .elementor-2371 .elementor-element.elementor-element-4ceae18e table.variations select { max-width: 300px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-images, class: .elementor-element-1e5f7b6c */```css /* ========================================================= PRODUCT IMAGES WIDGET — VISUAL ONLY CSS Paste into: Elementor Product Images Widget > Advanced > Custom CSS This does NOT change the WooCommerce gallery structure. It only changes: - background - borders - glow effects - image frame - thumbnail borders - pixel/neon styling ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@600;700;800&display=swap'); /* =============================== MAIN WIDGET OUTER LOOK ================================ */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c { position: relative !important; background: radial-gradient(circle at top left, rgba(53, 215, 255, 0.22), transparent 28%), radial-gradient(circle at bottom right, rgba(255, 122, 24, 0.22), transparent 30%), linear-gradient(135deg, #06142d 0%, #071b3f 45%, #020817 100%) !important; border: 4px solid #ff7a18 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(255, 122, 24, 0.55), 0 0 34px rgba(53, 215, 255, 0.28) !important; padding: 10px !important; overflow: visible !important; } /* =============================== PIXEL GRID OVERLAY ================================ */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.13; background-image: linear-gradient(rgba(255,255,255,0.10) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.10) 1px, transparent 1px); background-size: 18px 18px; z-index: 1; } /* Keep actual gallery above overlay */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .elementor-widget-container, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .woocommerce-product-gallery, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .woocommerce-product-gallery__wrapper { position: relative !important; z-index: 2 !important; } /* =============================== MAIN IMAGE LOOK ONLY ================================ */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .woocommerce-product-gallery__image img, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .wp-post-image, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c img { border: 4px solid #8ff2ff !important; border-radius: 0 !important; background: transparent !important; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(53, 215, 255, 0.95), 0 0 32px rgba(143, 242, 255, 0.45) !important; transition: filter 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important; } /* Main image hover glow */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .woocommerce-product-gallery__image:hover img, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .wp-post-image:hover { filter: brightness(1.08) contrast(1.06) saturate(1.1) !important; box-shadow: 4px 4px 0 #000000, 0 0 18px rgba(255, 212, 0, 0.75), 0 0 34px rgba(53, 215, 255, 0.90), 0 0 52px rgba(255, 122, 24, 0.38) !important; } /* =============================== THUMBNAILS LOOK ONLY ================================ */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-control-thumbs img { border: 3px solid #35d7ff !important; border-radius: 0 !important; background: transparent !important; box-shadow: 3px 3px 0 #000000, 0 0 12px rgba(53, 215, 255, 0.70) !important; opacity: 0.88 !important; transition: opacity 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; } /* Thumbnail hover / active */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-control-thumbs img:hover, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-control-thumbs img.flex-active { opacity: 1 !important; filter: brightness(1.12) saturate(1.15) !important; border-color: #ffd400 !important; box-shadow: 3px 3px 0 #000000, 0 0 14px rgba(255, 212, 0, 0.85), 0 0 24px rgba(53, 215, 255, 0.55) !important; } /* =============================== SMALL POWER ITEM BADGE Visual only, does not affect image/gallery structure ================================ */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c::before { content: "POWER ITEM"; position: absolute; top: -12px; right: -12px; z-index: 5; background: linear-gradient(135deg, #fff36a 0%, #ffd400 48%, #ff7a18 100%); color: #120014; border: 3px solid #000000; border-radius: 0; padding: 8px 10px; font-family: "Press Start 2P", monospace; font-size: 7px; line-height: 1.35; text-transform: uppercase; text-align: center; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(255, 212, 0, 0.75); } /* =============================== NEON CORNER ACCENTS ================================ */ .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .elementor-widget-container::before { content: ""; position: absolute; left: -7px; bottom: -7px; width: 24px; height: 24px; background: #8ff2ff; border: 3px solid #000000; box-shadow: 3px 3px 0 #000000, 0 0 16px rgba(143, 242, 255, 0.85); z-index: 4; pointer-events: none; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .elementor-widget-container::after { content: ""; position: absolute; right: -7px; top: -7px; width: 18px; height: 18px; background: #ff2f7d; border: 3px solid #000000; box-shadow: 3px 3px 0 #000000, 0 0 16px rgba(255, 47, 125, 0.85); z-index: 4; pointer-events: none; } /* =============================== MOBILE — SMALLER EFFECTS ONLY ================================ */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-1e5f7b6c { padding: 8px !important; border-width: 3px !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(255, 122, 24, 0.42), 0 0 24px rgba(53, 215, 255, 0.22) !important; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .woocommerce-product-gallery__image img, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .wp-post-image, .elementor-2371 .elementor-element.elementor-element-1e5f7b6c img { border-width: 3px !important; box-shadow: 3px 3px 0 #000000, 0 0 14px rgba(53, 215, 255, 0.75) !important; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c::before { top: -9px; right: -9px; padding: 6px 8px; font-size: 5px; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .elementor-widget-container::before { width: 18px; height: 18px; left: -5px; bottom: -5px; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .elementor-widget-container::after { width: 14px; height: 14px; right: -5px; top: -5px; } } @media (max-width: 480px) { .elementor-2371 .elementor-element.elementor-element-1e5f7b6c { padding: 6px !important; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c::before { font-size: 4.5px; padding: 5px 6px; } .elementor-2371 .elementor-element.elementor-element-1e5f7b6c .flex-control-thumbs img { border-width: 2px !important; box-shadow: 2px 2px 0 #000000, 0 0 10px rgba(53, 215, 255, 0.65) !important; } } ```/* End custom CSS */ /* Start custom CSS for woocommerce-product-content, class: .elementor-element-c4da140 */```css /* ========================================================= PRODUCT CONTENT WIDGET — NEON DBZ / 90s PIXEL STYLE Paste into: Elementor Product Content Widget > Advanced > Custom CSS VISUAL ONLY: - Dark blue neon box - Off-white readable text - Orange outer border - Yellow inner border - Pixelated arcade style - Glowing links / lists / paragraphs - Mobile friendly ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@500;600;700;800&display=swap'); /* MAIN CONTENT BOX */ .elementor-2371 .elementor-element.elementor-element-c4da140 { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; padding: 24px !important; margin: 0 0 22px 0 !important; background: radial-gradient(circle at top left, rgba(53, 215, 255, 0.18), transparent 30%), radial-gradient(circle at bottom right, rgba(255, 122, 24, 0.20), transparent 32%), linear-gradient(135deg, #06142d 0%, #071b3f 48%, #020817 100%) !important; border: 4px solid #ff7a18 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(255, 122, 24, 0.50), 0 0 34px rgba(53, 215, 255, 0.28) !important; color: #fff8e8 !important; font-family: "Pixelify Sans", Arial, sans-serif !important; overflow: visible !important; } /* PIXEL GRID OVERLAY */ .elementor-2371 .elementor-element.elementor-element-c4da140::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.11; background-image: linear-gradient(rgba(255,255,255,0.10) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.10) 1px, transparent 1px); background-size: 18px 18px; z-index: 1; } /* KEEP CONTENT ABOVE GRID */ .elementor-2371 .elementor-element.elementor-element-c4da140 .elementor-widget-container, .elementor-2371 .elementor-element.elementor-element-c4da140 .woocommerce-product-details__short-description, .elementor-2371 .elementor-element.elementor-element-c4da140 .woocommerce-Tabs-panel, .elementor-2371 .elementor-element.elementor-element-c4da140 .elementor-widget-container > * { position: relative !important; z-index: 2 !important; } /* MAIN TEXT */ .elementor-2371 .elementor-element.elementor-element-c4da140, .elementor-2371 .elementor-element.elementor-element-c4da140 p, .elementor-2371 .elementor-element.elementor-element-c4da140 div, .elementor-2371 .elementor-element.elementor-element-c4da140 span, .elementor-2371 .elementor-element.elementor-element-c4da140 li, .elementor-2371 .elementor-element.elementor-element-c4da140 td, .elementor-2371 .elementor-element.elementor-element-c4da140 th { color: #fff8e8 !important; font-family: "Pixelify Sans", Arial, sans-serif !important; font-size: 18px !important; line-height: 1.55 !important; font-weight: 700 !important; text-shadow: 1px 1px 0 #000000, 0 0 8px rgba(53, 215, 255, 0.26) !important; } /* PARAGRAPHS */ .elementor-2371 .elementor-element.elementor-element-c4da140 p { margin: 0 0 14px 0 !important; } /* HEADINGS INSIDE CONTENT */ .elementor-2371 .elementor-element.elementor-element-c4da140 h1, .elementor-2371 .elementor-element.elementor-element-c4da140 h2, .elementor-2371 .elementor-element.elementor-element-c4da140 h3, .elementor-2371 .elementor-element.elementor-element-c4da140 h4, .elementor-2371 .elementor-element.elementor-element-c4da140 h5, .elementor-2371 .elementor-element.elementor-element-c4da140 h6 { color: #fff8e8 !important; font-family: "Press Start 2P", monospace !important; text-transform: uppercase !important; line-height: 1.45 !important; letter-spacing: 0 !important; margin: 24px 0 12px !important; text-shadow: 3px 3px 0 #000000, 0 0 8px rgba(255, 248, 232, 0.85), 0 0 18px rgba(53, 215, 255, 0.65), 0 0 32px rgba(255, 122, 24, 0.42) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h1 { font-size: clamp(24px, 4vw, 42px) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h2 { font-size: clamp(20px, 3.2vw, 34px) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h3 { font-size: clamp(16px, 2.5vw, 24px) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h4, .elementor-2371 .elementor-element.elementor-element-c4da140 h5, .elementor-2371 .elementor-element.elementor-element-c4da140 h6 { font-size: clamp(13px, 2vw, 18px) !important; } /* FIRST HEADING SHOULD NOT CREATE TOO MUCH TOP SPACE */ .elementor-2371 .elementor-element.elementor-element-c4da140 h1:first-child, .elementor-2371 .elementor-element.elementor-element-c4da140 h2:first-child, .elementor-2371 .elementor-element.elementor-element-c4da140 h3:first-child, .elementor-2371 .elementor-element.elementor-element-c4da140 h4:first-child { margin-top: 0 !important; } /* LINKS */ .elementor-2371 .elementor-element.elementor-element-c4da140 a { color: #8ff2ff !important; font-weight: 900 !important; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-underline-offset: 4px !important; text-shadow: 1px 1px 0 #000000, 0 0 10px rgba(143, 242, 255, 0.75) !important; transition: color 0.18s ease, text-shadow 0.18s ease !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 a:hover { color: #fff36a !important; text-shadow: 1px 1px 0 #000000, 0 0 12px rgba(255, 212, 0, 0.85), 0 0 22px rgba(53, 215, 255, 0.45) !important; } /* LISTS */ .elementor-2371 .elementor-element.elementor-element-c4da140 ul, .elementor-2371 .elementor-element.elementor-element-c4da140 ol { margin: 16px 0 18px 0 !important; padding-left: 0 !important; list-style: none !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 li { position: relative !important; margin: 0 0 10px 0 !important; padding: 12px 12px 12px 42px !important; background: rgba(143, 242, 255, 0.08) !important; border: 3px solid #35d7ff !important; border-radius: 0 !important; box-shadow: 3px 3px 0 #000000, 0 0 12px rgba(53, 215, 255, 0.24) !important; } /* PIXEL BULLET */ .elementor-2371 .elementor-element.elementor-element-c4da140 li::before { content: ""; position: absolute; left: 14px; top: 18px; width: 12px; height: 12px; background: linear-gradient(135deg, #fff36a 0%, #ffd400 50%, #ff7a18 100%); border: 2px solid #000000; box-shadow: 2px 2px 0 #000000, 0 0 10px rgba(255, 212, 0, 0.65); } /* STRONG / BOLD TEXT */ .elementor-2371 .elementor-element.elementor-element-c4da140 strong, .elementor-2371 .elementor-element.elementor-element-c4da140 b { color: #fff36a !important; font-weight: 900 !important; text-shadow: 1px 1px 0 #000000, 0 0 10px rgba(255, 212, 0, 0.75) !important; } /* BLOCKQUOTES */ .elementor-2371 .elementor-element.elementor-element-c4da140 blockquote { margin: 18px 0 !important; padding: 18px !important; background: rgba(255, 212, 0, 0.10) !important; border: 3px solid #ffd400 !important; border-left: 8px solid #ff7a18 !important; border-radius: 0 !important; color: #fff8e8 !important; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(255, 212, 0, 0.28) !important; } /* TABLES INSIDE CONTENT */ .elementor-2371 .elementor-element.elementor-element-c4da140 table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; background: #061a3d !important; border: 4px solid #ff7a18 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffd400, 5px 5px 0 #000000 !important; overflow: hidden !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 table th { background: #ffd400 !important; color: #120014 !important; border: 2px solid #000000 !important; font-family: "Press Start 2P", monospace !important; font-size: 10px !important; line-height: 1.5 !important; text-transform: uppercase !important; padding: 12px !important; text-shadow: none !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 table td { background: #071b3f !important; color: #fff8e8 !important; border: 2px solid rgba(143, 242, 255, 0.20) !important; padding: 12px !important; } /* SMALL TOP LABEL */ .elementor-2371 .elementor-element.elementor-element-c4da140::before { content: "ITEM INFO"; position: absolute; top: -13px; left: 14px; z-index: 3; background: linear-gradient(135deg, #fff36a 0%, #ffd400 48%, #ff7a18 100%); color: #120014; border: 3px solid #000000; border-radius: 0; padding: 6px 9px; font-family: "Press Start 2P", monospace; font-size: 7px; line-height: 1.35; text-transform: uppercase; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(255, 212, 0, 0.75); } /* NEON CORNER BLOCK */ .elementor-2371 .elementor-element.elementor-element-c4da140 .elementor-widget-container::after { content: ""; position: absolute; right: -9px; bottom: -9px; z-index: 3; width: 24px; height: 24px; background: #8ff2ff; border: 3px solid #000000; box-shadow: 3px 3px 0 #000000, 0 0 16px rgba(143, 242, 255, 0.90); pointer-events: none; } /* HOVER EFFECT */ .elementor-2371 .elementor-element.elementor-element-c4da140:hover { box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 22px rgba(53, 215, 255, 0.62), 0 0 42px rgba(255, 212, 0, 0.28) !important; } /* MOBILE */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-c4da140 { padding: 20px 16px !important; border-width: 3px !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(255, 122, 24, 0.42), 0 0 26px rgba(53, 215, 255, 0.24) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140, .elementor-2371 .elementor-element.elementor-element-c4da140 p, .elementor-2371 .elementor-element.elementor-element-c4da140 div, .elementor-2371 .elementor-element.elementor-element-c4da140 span, .elementor-2371 .elementor-element.elementor-element-c4da140 li, .elementor-2371 .elementor-element.elementor-element-c4da140 td, .elementor-2371 .elementor-element.elementor-element-c4da140 th { font-size: 16px !important; line-height: 1.5 !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h1 { font-size: clamp(20px, 7vw, 32px) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h2 { font-size: clamp(17px, 6vw, 26px) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 h3 { font-size: clamp(14px, 5vw, 20px) !important; } .elementor-2371 .elementor-element.elementor-element-c4da140::before { top: -10px; left: 10px; padding: 5px 7px; font-size: 5px; } .elementor-2371 .elementor-element.elementor-element-c4da140 li { padding: 10px 10px 10px 36px !important; } .elementor-2371 .elementor-element.elementor-element-c4da140 li::before { left: 12px; top: 16px; width: 10px; height: 10px; } .elementor-2371 .elementor-element.elementor-element-c4da140 .elementor-widget-container::after { width: 18px; height: 18px; right: -6px; bottom: -6px; } } @media (max-width: 480px) { .elementor-2371 .elementor-element.elementor-element-c4da140 { padding: 18px 12px !important; } .elementor-2371 .elementor-element.elementor-element-c4da140, .elementor-2371 .elementor-element.elementor-element-c4da140 p, .elementor-2371 .elementor-element.elementor-element-c4da140 div, .elementor-2371 .elementor-element.elementor-element-c4da140 span, .elementor-2371 .elementor-element.elementor-element-c4da140 li, .elementor-2371 .elementor-element.elementor-element-c4da140 td, .elementor-2371 .elementor-element.elementor-element-c4da140 th { font-size: 15px !important; } .elementor-2371 .elementor-element.elementor-element-c4da140::before { font-size: 4.5px; } .elementor-2371 .elementor-element.elementor-element-c4da140 table th, .elementor-2371 .elementor-element.elementor-element-c4da140 table td { padding: 9px !important; font-size: 13px !important; } } ```/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3847b51d */```css /* ========================================================= PRODUCT TITLE WIDGET — NEON DBZ / 90s PIXEL STYLE Paste into: Elementor Product Title Widget > Advanced > Custom CSS VISUAL ONLY: - Dark blue neon background - Off-white glowing title - Bright yellow/orange accents - Pixelated arcade look - Mobile friendly ========================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@600;700;800&display=swap'); /* MAIN PRODUCT TITLE BOX */ .elementor-2371 .elementor-element.elementor-element-3847b51d { position: relative !important; display: block !important; width: fit-content !important; max-width: 100% !important; padding: 18px 22px !important; margin: 0 0 22px 0 !important; background: radial-gradient(circle at top left, rgba(53, 215, 255, 0.22), transparent 30%), radial-gradient(circle at bottom right, rgba(255, 122, 24, 0.22), transparent 32%), linear-gradient(135deg, #06142d 0%, #071b3f 48%, #020817 100%) !important; border: 4px solid #ff7a18 !important; border-radius: 0 !important; box-shadow: inset 0 0 0 3px #ffd400, 6px 6px 0 #000000, 0 0 18px rgba(255, 122, 24, 0.55), 0 0 34px rgba(53, 215, 255, 0.32) !important; overflow: visible !important; } /* PRODUCT TITLE TEXT */ .elementor-2371 .elementor-element.elementor-element-3847b51d .product_title, .elementor-2371 .elementor-element.elementor-element-3847b51d .entry-title, .elementor-2371 .elementor-element.elementor-element-3847b51d h1, .elementor-2371 .elementor-element.elementor-element-3847b51d h2, .elementor-2371 .elementor-element.elementor-element-3847b51d h3, .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title { margin: 0 !important; color: #fff8e8 !important; font-family: "Press Start 2P", monospace !important; font-size: clamp(22px, 4.4vw, 48px) !important; line-height: 1.35 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: uppercase !important; text-shadow: 3px 3px 0 #000000, 0 0 8px rgba(255, 248, 232, 0.95), 0 0 18px rgba(53, 215, 255, 0.78), 0 0 34px rgba(255, 122, 24, 0.52) !important; } /* PIXEL GRID OVERLAY */ .elementor-2371 .elementor-element.elementor-element-3847b51d::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.13; background-image: linear-gradient(rgba(255,255,255,0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.12) 1px, transparent 1px); background-size: 16px 16px; z-index: 1; } /* KEEP TITLE ABOVE GRID */ .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-widget-container, .elementor-2371 .elementor-element.elementor-element-3847b51d .product_title, .elementor-2371 .elementor-element.elementor-element-3847b51d .entry-title, .elementor-2371 .elementor-element.elementor-element-3847b51d h1, .elementor-2371 .elementor-element.elementor-element-3847b51d h2, .elementor-2371 .elementor-element.elementor-element-3847b51d h3, .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title { position: relative !important; z-index: 2 !important; } /* SMALL TOP LABEL */ .elementor-2371 .elementor-element.elementor-element-3847b51d::before { content: "POWER ITEM"; position: absolute; top: -13px; left: 14px; z-index: 3; background: linear-gradient(135deg, #fff36a 0%, #ffd400 48%, #ff7a18 100%); color: #120014; border: 3px solid #000000; border-radius: 0; padding: 6px 9px; font-family: "Press Start 2P", monospace; font-size: 7px; line-height: 1.35; text-transform: uppercase; box-shadow: 4px 4px 0 #000000, 0 0 16px rgba(255, 212, 0, 0.75); } /* NEON CORNER BLOCK */ .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-widget-container::after { content: ""; position: absolute; right: -9px; bottom: -9px; z-index: 3; width: 24px; height: 24px; background: #8ff2ff; border: 3px solid #000000; box-shadow: 3px 3px 0 #000000, 0 0 16px rgba(143, 242, 255, 0.90); pointer-events: none; } /* HOVER EFFECT */ .elementor-2371 .elementor-element.elementor-element-3847b51d:hover { transform: translate(2px, 2px) !important; box-shadow: inset 0 0 0 3px #ffd400, 4px 4px 0 #000000, 0 0 22px rgba(53, 215, 255, 0.72), 0 0 40px rgba(255, 212, 0, 0.30) !important; } /* MOBILE */ @media (max-width: 768px) { .elementor-2371 .elementor-element.elementor-element-3847b51d { width: 100% !important; padding: 16px 14px !important; margin-bottom: 18px !important; border-width: 3px !important; box-shadow: inset 0 0 0 2px #ffd400, 4px 4px 0 #000000, 0 0 16px rgba(255, 122, 24, 0.42), 0 0 26px rgba(53, 215, 255, 0.24) !important; } .elementor-2371 .elementor-element.elementor-element-3847b51d .product_title, .elementor-2371 .elementor-element.elementor-element-3847b51d .entry-title, .elementor-2371 .elementor-element.elementor-element-3847b51d h1, .elementor-2371 .elementor-element.elementor-element-3847b51d h2, .elementor-2371 .elementor-element.elementor-element-3847b51d h3, .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title { font-size: clamp(18px, 7vw, 32px) !important; line-height: 1.45 !important; } .elementor-2371 .elementor-element.elementor-element-3847b51d::before { top: -10px; left: 10px; padding: 5px 7px; font-size: 5px; } .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-widget-container::after { width: 18px; height: 18px; right: -6px; bottom: -6px; } } @media (max-width: 480px) { .elementor-2371 .elementor-element.elementor-element-3847b51d { padding: 14px 10px !important; } .elementor-2371 .elementor-element.elementor-element-3847b51d .product_title, .elementor-2371 .elementor-element.elementor-element-3847b51d .entry-title, .elementor-2371 .elementor-element.elementor-element-3847b51d h1, .elementor-2371 .elementor-element.elementor-element-3847b51d h2, .elementor-2371 .elementor-element.elementor-element-3847b51d h3, .elementor-2371 .elementor-element.elementor-element-3847b51d .elementor-heading-title { font-size: clamp(16px, 7vw, 26px) !important; } .elementor-2371 .elementor-element.elementor-element-3847b51d::before { font-size: 4.5px; } } ```/* End custom CSS */ /* Start custom CSS for woocommerce-product-related, class: .elementor-element-740caa09 *//* ================================ DRAGON DISTRICT 90s PIXEL PRODUCT CARDS Paste into Elementor Products Widget > Advanced > Custom CSS ================================ */ /* Import pixel fonts */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@400;500;600;700&display=swap'); /* Main product grid */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products { gap: 28px !important; } /* Product card */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product { position: relative; background: radial-gradient(circle at top left, rgba(255, 184, 0, 0.22), transparent 35%), radial-gradient(circle at bottom right, rgba(0, 210, 255, 0.24), transparent 38%), linear-gradient(180deg, #120024 0%, #05020c 100%) !important; border: 4px solid #ffb300 !important; box-shadow: 0 0 0 4px #000, 0 0 0 7px #ff4d00, 8px 8px 0 #000, 0 0 24px rgba(255, 179, 0, 0.55), 0 0 34px rgba(0, 210, 255, 0.35) !important; border-radius: 0 !important; padding: 14px !important; overflow: hidden !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } /* Pixel glow overlay */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.08) 50%); background-size: 100% 6px; mix-blend-mode: overlay; opacity: 0.55; z-index: 2; } /* Top mini arcade label */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product::after { content: "POWER ITEM"; position: absolute; top: 10px; left: 10px; z-index: 5; background: #ff3c00; color: #fff7c7; font-family: "Press Start 2P", monospace; font-size: 8px; line-height: 1; letter-spacing: 0.5px; padding: 8px 9px; border: 2px solid #fff04a; box-shadow: 3px 3px 0 #000; } /* Hover effect */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product:hover { transform: translateY(-8px) scale(1.015); border-color: #00d9ff !important; box-shadow: 0 0 0 4px #000, 0 0 0 7px #00d9ff, 10px 10px 0 #000, 0 0 28px rgba(0, 217, 255, 0.75), 0 0 44px rgba(255, 179, 0, 0.55) !important; } /* Product image wrapper */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.woocommerce-LoopProduct-link { display: block; position: relative; z-index: 3; text-decoration: none !important; } /* Product images */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product img { width: 100% !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; background: radial-gradient(circle, rgba(255, 204, 0, 0.22), transparent 54%), linear-gradient(135deg, #1b0040, #05020c) !important; border: 3px solid #00d9ff !important; border-radius: 0 !important; padding: 16px !important; box-shadow: inset 0 0 18px rgba(0, 217, 255, 0.35), 5px 5px 0 #000 !important; image-rendering: auto; transition: transform 0.25s ease, filter 0.25s ease; } /* Image hover */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product:hover img { transform: scale(1.06); filter: saturate(1.25) contrast(1.08); } /* Product title */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .woocommerce-loop-product__title { font-family: "Press Start 2P", monospace !important; color: #fff7c7 !important; font-size: clamp(12px, 1.1vw, 15px) !important; line-height: 1.55 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; margin: 18px 0 10px !important; text-shadow: 2px 2px 0 #000, 0 0 10px rgba(255, 179, 0, 0.85) !important; } /* Price */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .price { display: inline-flex !important; align-items: center; gap: 8px; font-family: "Pixelify Sans", monospace !important; color: #00d9ff !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1 !important; margin: 8px 0 15px !important; text-shadow: 2px 2px 0 #000, 0 0 12px rgba(0, 217, 255, 0.85) !important; } /* Sale price */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .price ins { text-decoration: none !important; color: #fff04a !important; } /* Old price */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .price del { opacity: 0.65 !important; color: #ff6b6b !important; font-size: 17px !important; } /* Stars / rating */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .star-rating { color: #fff04a !important; margin: 10px auto !important; filter: drop-shadow(2px 2px 0 #000); } /* Add to cart button */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.product_type_simple, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.product_type_variable { position: relative; z-index: 4; display: flex !important; justify-content: center; align-items: center; width: 100% !important; min-height: 48px !important; background: linear-gradient(180deg, #fff04a 0%, #ff9d00 48%, #ff3c00 100%) !important; color: #160014 !important; font-family: "Press Start 2P", monospace !important; font-size: 10px !important; line-height: 1.3 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; border: 3px solid #000 !important; border-radius: 0 !important; box-shadow: 0 0 0 3px #fff7c7, 5px 5px 0 #000, 0 0 18px rgba(255, 179, 0, 0.65) !important; padding: 14px 12px !important; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; } /* Button hover */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .button:hover, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.add_to_cart_button:hover, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.product_type_simple:hover, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.product_type_variable:hover { background: linear-gradient(180deg, #8ffcff 0%, #00d9ff 45%, #006eff 100%) !important; color: #ffffff !important; transform: translate(-2px, -2px); box-shadow: 0 0 0 3px #ffffff, 7px 7px 0 #000, 0 0 24px rgba(0, 217, 255, 0.85) !important; text-shadow: 2px 2px 0 #000; } /* Button click feel */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .button:active { transform: translate(3px, 3px); box-shadow: 0 0 0 3px #ffffff, 2px 2px 0 #000 !important; } /* Sale badge */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product span.onsale { z-index: 6 !important; top: 12px !important; right: 12px !important; left: auto !important; min-height: auto !important; min-width: auto !important; background: #00d9ff !important; color: #05020c !important; font-family: "Press Start 2P", monospace !important; font-size: 8px !important; line-height: 1 !important; text-transform: uppercase !important; border-radius: 0 !important; border: 2px solid #fff !important; padding: 8px 9px !important; box-shadow: 3px 3px 0 #000, 0 0 14px rgba(0, 217, 255, 0.85) !important; } /* Remove weird Elementor/Woo spacing */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .woocommerce-loop-product__link, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .astra-shop-thumbnail-wrap, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .astra-shop-summary-wrap { position: relative; z-index: 4; } /* Product category text, if shown */ .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .ast-woo-product-category, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .posted_in { font-family: "Pixelify Sans", monospace !important; color: #ffb300 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 1px !important; } /* Mobile cleanup */ @media (max-width: 767px) { .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products { gap: 20px !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product { padding: 11px !important; box-shadow: 0 0 0 3px #000, 0 0 0 5px #ff4d00, 5px 5px 0 #000, 0 0 18px rgba(255, 179, 0, 0.45) !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product::after { font-size: 7px; padding: 7px 8px; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product img { padding: 10px !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .woocommerce-loop-product__title { font-size: 10px !important; line-height: 1.5 !important; margin-top: 14px !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .price { font-size: 20px !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .button, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.add_to_cart_button, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.product_type_simple, .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product a.product_type_variable { min-height: 44px !important; font-size: 8px !important; padding: 12px 8px !important; } } /* Extra small phones */ @media (max-width: 420px) { .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product { border-width: 3px !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .woocommerce-loop-product__title { font-size: 9px !important; } .elementor-2371 .elementor-element.elementor-element-740caa09 ul.products li.product .price { font-size: 18px !important; } }/* End custom CSS */