.elementor-351 .elementor-element.elementor-element-0a5cfb1{--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;}.elementor-351 .elementor-element.elementor-element-8e7b727 .woocommerce-breadcrumb{color:#FF0000;font-size:10px;font-weight:600;}.elementor-351 .elementor-element.elementor-element-8e7b727 .woocommerce-breadcrumb > a{color:#FF0000;}.elementor-351 .elementor-element.elementor-element-9b366d9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-351 .elementor-element.elementor-element-7941cdd{--display:flex;--min-height:70px;--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;}.elementor-351 .elementor-element.elementor-element-7941cdd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-351 .elementor-element.elementor-element-0c7dfd5{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-351 .elementor-element.elementor-element-a1acf35 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:13px;font-weight:700;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-351 .elementor-element.elementor-element-af13f74{text-align:start;}.elementor-351 .elementor-element.elementor-element-af13f74 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:23px;color:#000000;}.elementor-351 .elementor-element.elementor-element-e1804ee .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:13px;font-weight:700;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-351 .elementor-element.elementor-element-6cc42dd{--divider-border-style:solid;--divider-color:#AAAAAA;--divider-border-width:0.1px;}.elementor-351 .elementor-element.elementor-element-6cc42dd .elementor-divider-separator{width:88%;margin:0 auto;margin-center:0;}.elementor-351 .elementor-element.elementor-element-6cc42dd .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-351 .elementor-element.elementor-element-87ebd30{text-align:center;}.woocommerce .elementor-351 .elementor-element.elementor-element-87ebd30 .woocommerce-product-details__short-description{color:#000000;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.woocommerce .elementor-351 .elementor-element.elementor-element-05742c3 .price{color:#000000;font-family:"Arial", Sans-serif;font-size:18px;}.woocommerce .elementor-351 .elementor-element.elementor-element-05742c3 .price ins{color:#FF0000;font-size:24px;}body:not(.rtl) .elementor-351 .elementor-element.elementor-element-05742c3:not(.elementor-product-price-block-yes) del{margin-right:15px;}body.rtl .elementor-351 .elementor-element.elementor-element-05742c3:not(.elementor-product-price-block-yes) del{margin-left:15px;}.elementor-351 .elementor-element.elementor-element-05742c3.elementor-product-price-block-yes del{margin-bottom:15px;}.elementor-351 .elementor-element.elementor-element-8a50287 .cart button, .elementor-351 .elementor-element.elementor-element-8a50287 .cart .button{color:#FFFFFF;background-color:#BA0000;transition:all 0.2s;}.elementor-351 .elementor-element.elementor-element-8a50287 .quantity .qty{transition:all 0.2s;}.elementor-351 .elementor-element.elementor-element-8380610{--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;}.elementor-351 .elementor-element.elementor-element-6a71d19{--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;--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-351 .elementor-element.elementor-element-6a71d19:not(.elementor-motion-effects-element-type-background), .elementor-351 .elementor-element.elementor-element-6a71d19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-351 .elementor-element.elementor-element-6c799bd{--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;}.elementor-351 .elementor-element.elementor-element-6c799bd:not(.elementor-motion-effects-element-type-background), .elementor-351 .elementor-element.elementor-element-6c799bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-351 .elementor-element.elementor-element-8ee9ddf{--display:flex;}.elementor-351 .elementor-element.elementor-element-dc0482e{--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;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-351 .elementor-element.elementor-element-6c13d76{color:#000000;}.elementor-351 .elementor-element.elementor-element-f6af43c{--display:flex;}.elementor-351 .elementor-element.elementor-element-1c5423c.elementor-element{--align-self:stretch;}.elementor-351 .elementor-element.elementor-element-1c5423c{text-align:justify;}.elementor-351 .elementor-element.elementor-element-642dde3{--display:flex;}.elementor-351 .elementor-element.elementor-element-ff205f8{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-351 .elementor-element.elementor-element-a22cf39{text-align:start;color:#000000;}.elementor-351 .elementor-element.elementor-element-072ec55{--display:flex;}.elementor-351 .elementor-element.elementor-element-5af33c8{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:18px;--n-tabs-title-color:#FFFFFF;}.elementor-351 .elementor-element.elementor-element-5af33c8 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#0D0D0D;}.elementor-351 .elementor-element.elementor-element-5af33c8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#A90000;}.elementor-351 .elementor-element.elementor-element-5af33c8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-351 .elementor-element.elementor-element-5af33c8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#AC0707;}.elementor-351 .elementor-element.elementor-element-5af33c8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;}.elementor-351 .elementor-element.elementor-element-5af33c8 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-351 .elementor-element.elementor-element-2e05f62{--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;}.elementor-351 .elementor-element.elementor-element-709ee26{--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;}.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;}.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;}.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;}.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;}.elementor-351 .elementor-element.elementor-element-2f90986.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-351 .elementor-element.elementor-element-2f90986.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-351 .elementor-element.elementor-element-2f90986.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-351 .elementor-element.elementor-element-2f90986.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-351 .elementor-element.elementor-element-2b25191{--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;}.elementor-351 .elementor-element.elementor-element-cc19bb1{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-351 .elementor-element.elementor-element-a0bd367{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-351 .elementor-element.elementor-element-3635f76{--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;}@media(max-width:1024px){.elementor-351 .elementor-element.elementor-element-2f90986.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-351 .elementor-element.elementor-element-7941cdd{--width:32%;}.elementor-351 .elementor-element.elementor-element-0c7dfd5{--width:57%;}.elementor-351 .elementor-element.elementor-element-8380610{--width:31%;}.elementor-351 .elementor-element.elementor-element-6a71d19{--content-width:1402px;}.elementor-351 .elementor-element.elementor-element-6c799bd{--content-width:1396px;}.elementor-351 .elementor-element.elementor-element-2b25191{--content-width:1147px;}}@media(max-width:1024px) and (min-width:768px){.elementor-351 .elementor-element.elementor-element-0c7dfd5{--width:1600px;}}@media(max-width:767px){.elementor-351 .elementor-element.elementor-element-0a5cfb1{--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-351 .elementor-element.elementor-element-af13f74{text-align:center;}.elementor-351 .elementor-element.elementor-element-af13f74 .elementor-heading-title{font-size:20px;}.elementor-351 .elementor-element.elementor-element-05742c3{text-align:center;}.elementor-351 .elementor-element.elementor-element-2f90986.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-f14236c *//* ========================================================= GET YOUR MANGA — PRODUCT GALLERY DESKTOP: THUMBNAILS LEFT MOBILE: THUMBNAILS BOTTOM BACKGROUND: WHITE ========================================================= */ /* ========================================================= GALLERY WRAPPER ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery { position: relative !important; width: 100% !important; margin: 0 !important; padding: 0 0 0 92px !important; background: #ffffff !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= MAIN FLEXSLIDER VIEWPORT ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-viewport { width: 100% !important; height: 470px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; overflow: hidden !important; } /* ========================================================= FLEXSLIDER WRAPPER ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper { margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* ========================================================= EACH PRODUCT SLIDE ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image { margin: 0 !important; padding: 0 !important; background: #ffffff !important; text-align: center !important; } /* ========================================================= IMAGE LINK ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image > a { width: 100% !important; height: 470px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; text-decoration: none !important; } /* ========================================================= MAIN PRODUCT IMAGE ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img { width: 100% !important; max-width: 100% !important; height: 470px !important; margin: 0 auto !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center center !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= THUMBNAILS — LEFT SIDE ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs { position: absolute !important; top: 0 !important; left: 0 !important; right: auto !important; width: 76px !important; height: 470px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; overflow-y: auto !important; overflow-x: hidden !important; list-style: none !important; z-index: 10 !important; scrollbar-width: none !important; -ms-overflow-style: none !important; box-sizing: border-box !important; } /* REMOVE SCROLLBAR */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* ========================================================= THUMBNAIL BOX ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li { width: 68px !important; height: 82px !important; min-width: 68px !important; min-height: 82px !important; flex: 0 0 82px !important; margin: 0 !important; padding: 3px !important; display: block !important; background: #ffffff !important; border: 1px solid #dddddd !important; border-radius: 4px !important; overflow: hidden !important; cursor: pointer !important; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease !important; box-sizing: border-box !important; } /* ========================================================= THUMBNAIL IMAGE ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li img { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center !important; opacity: .65 !important; cursor: pointer !important; border: 0 !important; background: #ffffff !important; } /* ========================================================= ACTIVE THUMBNAIL ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1 !important; } /* ACTIVE BORDER */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) { border: 2px solid #ed1c24 !important; box-shadow: 0 0 8px rgba(237,28,36,.15) !important; } /* ========================================================= THUMBNAIL HOVER ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li:hover { border-color: #ed1c24 !important; transform: translateX(2px) !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1 !important; } /* ========================================================= SALE BADGE ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .onsale { position: absolute !important; top: 12px !important; left: 105px !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ed1c24 !important; color: #ffffff !important; border: 0 !important; border-radius: 50% !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; z-index: 50 !important; box-shadow: 0 3px 10px rgba(0,0,0,.18) !important; } /* ========================================================= ZOOM BUTTON ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger { position: absolute !important; top: 12px !important; right: 14px !important; left: auto !important; bottom: auto !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #eeeeee !important; border-radius: 50% !important; box-shadow: 0 3px 12px rgba(0,0,0,.10) !important; z-index: 40 !important; } /* ========================================================= ZOOM HINT ========================================================= */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery::after { content: "⌕ Roll over image to zoom in"; display: block !important; width: 100% !important; margin-top: 11px !important; padding: 0 !important; color: #999999 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; line-height: 1.3 !important; text-align: center !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-widget-woocommerce-product-images .woocommerce-product-gallery { padding-left: 78px !important; padding-right: 0 !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-viewport { height: 420px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image > a { height: 420px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img { height: 420px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs { width: 66px !important; height: 420px !important; gap: 8px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li { width: 58px !important; height: 72px !important; min-width: 58px !important; min-height: 72px !important; flex-basis: 72px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .onsale { left: 90px !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; } } /* ========================================================= MOBILE MAIN IMAGE → THUMBNAILS BELOW ========================================================= */ @media (max-width: 767px) { .elementor-widget-woocommerce-product-images .woocommerce-product-gallery { width: 100% !important; padding: 0 !important; background: #ffffff !important; } /* MAIN IMAGE */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-viewport { width: 100% !important; height: 380px !important; background: #ffffff !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image > a { height: 380px !important; background: #ffffff !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img { height: 380px !important; background: #ffffff !important; } /* ===================================================== THUMBNAILS — BOTTOM ===================================================== */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs { position: static !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; height: 72px !important; margin-top: 12px !important; padding: 0 2px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; box-sizing: border-box !important; } /* THUMBNAIL */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li { width: 58px !important; height: 68px !important; min-width: 58px !important; min-height: 68px !important; flex: 0 0 58px !important; padding: 3px !important; background: #ffffff !important; border: 1px solid #dddddd !important; } /* HOVER */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li:hover { transform: translateY(-2px) !important; } /* SALE BADGE */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .onsale { top: 10px !important; left: 10px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; font-size: 9px !important; } /* ZOOM */ .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger { top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important; width: 35px !important; height: 35px !important; } } /* ========================================================= SMALL PHONE ========================================================= */ @media (max-width: 400px) { .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-viewport { height: 330px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image > a { height: 330px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img { height: 330px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs { height: 64px !important; gap: 6px !important; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery .flex-control-thumbs li { width: 52px !important; height: 60px !important; min-width: 52px !important; min-height: 60px !important; flex-basis: 52px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-87ebd30 */.gym-product-specs { width: 100%; margin: 0; padding: 0; background: #ffffff; font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; } .gym-product-specs .gym-spec-row { width: 100%; min-height: 48px; display: grid; grid-template-columns: 42% 58%; align-items: center; background: #ffffff; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .gym-product-specs .gym-spec-name { display: flex; align-items: center; gap: 10px; padding: 10px 12px; color: #222222; font-size: 10px; font-weight: 700; line-height: 1.2; } .gym-product-specs .gym-spec-value { padding: 10px 12px; color: #333333; font-size: 13px; font-weight: 400; line-height: 1.2; } .gym-product-specs .gym-spec-icon { width: 20px; height: 20px; min-width: 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #777777; border-radius: 4px; color: #555555; font-size: 10px; font-weight: 700; line-height: 1; } .gym-product-specs .gym-spec-row:hover { background: #fafafa; } .gym-product-specs .gym-spec-row:hover .gym-spec-name { color: #ed1c24; } .gym-product-specs .gym-spec-row:hover .gym-spec-icon { border-color: #ed1c24; color: #ed1c24; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .gym-product-specs .gym-spec-row { min-height: 42px; grid-template-columns: 42% 58%; } .gym-product-specs .gym-spec-name { gap: 7px; padding: 8px 9px; font-size: 11px; } .gym-product-specs .gym-spec-value { padding: 8px 9px; font-size: 11px; } .gym-product-specs .gym-spec-icon { width: 18px; height: 18px; min-width: 18px; font-size: 8px; } } /* ========================= SMALL PHONE ========================= */ @media (max-width: 400px) { .gym-product-specs .gym-spec-row { min-height: 38px; } .gym-product-specs .gym-spec-name { gap: 6px; padding: 7px 8px; font-size: 10px; } .gym-product-specs .gym-spec-value { padding: 7px 8px; font-size: 10px; } .gym-product-specs .gym-spec-icon { width: 17px; height: 17px; min-width: 17px; font-size: 7px; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8a50287 *//* ========================================================= GET YOUR MANGA MOBILE STICKY: QUANTITY + ADD TO CART + BUY NOW ========================================================= */ @media (max-width: 767px) { /* STICKY BAR */ .mobile-sticky-cart { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 8px 10px !important; background: #080808 !important; border-top: 1px solid #292929 !important; box-shadow: 0 -6px 22px rgba(0,0,0,.45) !important; z-index: 999999 !important; box-sizing: border-box !important; } /* INNER */ .mobile-sticky-cart .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* FORM */ .mobile-sticky-cart form.cart { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== QUANTITY ===================================================== */ .mobile-sticky-cart .quantity { display: flex !important; width: 52px !important; min-width: 52px !important; margin: 0 !important; padding: 0 !important; } .mobile-sticky-cart .quantity input.qty { width: 52px !important; min-width: 52px !important; height: 46px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; color: #111111 !important; border: 1px solid #ffffff !important; border-radius: 4px !important; text-align: center !important; font-size: 12px !important; font-weight: 700 !important; box-sizing: border-box !important; outline: none !important; } /* ===================================================== ADD TO CART ===================================================== */ .mobile-sticky-cart .single_add_to_cart_button:not(.gym-buy-now-button) { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; border: 1px solid #ffffff !important; border-radius: 4px !important; font-size: 9px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; box-shadow: none !important; } .mobile-sticky-cart .single_add_to_cart_button:not(.gym-buy-now-button):hover, .mobile-sticky-cart .single_add_to_cart_button:not(.gym-buy-now-button):focus, .mobile-sticky-cart .single_add_to_cart_button:not(.gym-buy-now-button):active { background: #ffffff !important; background-color: #ffffff !important; color: #111111 !important; border-color: #ffffff !important; } /* ===================================================== BUY NOW ===================================================== */ .mobile-sticky-cart .gym-buy-now-button { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ed1c24 !important; background-color: #ed1c24 !important; background-image: none !important; color: #ffffff !important; border: 1px solid #ed1c24 !important; border-radius: 4px !important; font-size: 9px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer !important; } .mobile-sticky-cart .gym-buy-now-button:hover, .mobile-sticky-cart .gym-buy-now-button:focus, .mobile-sticky-cart .gym-buy-now-button:active { background: #ed1c24 !important; background-color: #ed1c24 !important; color: #ffffff !important; border-color: #ed1c24 !important; } /* ===================================================== KEEP BAR FROM COVERING CONTENT ===================================================== */ body.single-product { padding-bottom: 70px !important; } } /* ========================================================= DESKTOP / TABLET ========================================================= */ @media (min-width: 768px) { .mobile-sticky-cart { position: static !important; width: auto !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } } /* Hide WPClever product-page button counter */ .woobt-count { display: none !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0212721 *//* ========================= OFFERS SECTION ========================= */ .offers-wrapper { width: 100%; font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; } .offers-wrapper *, .offers-wrapper *::before, .offers-wrapper *::after { box-sizing: border-box; } /* TITLE */ .offers-title { font-size: 13px; font-weight: 700; color: #20242a; margin-bottom: 10px; } /* ========================= HORIZONTAL CARDS ========================= */ .offers-scroll { display: flex; gap: 10px; width: 100%; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 0 1px; } .offers-scroll::-webkit-scrollbar { display: none; } /* ========================= CARD ========================= */ .offer-card { flex: 0 0 190px; min-width: 190px; height: 122px; border: 1px dashed #d8d8d8; border-radius: 6px; padding: 12px 11px 9px; background: #ffffff; display: flex; flex-direction: column; position: relative; } /* OFFER TYPE */ .offer-type { font-size: 8px; line-height: 1; letter-spacing: 1px; font-weight: 800; color: #d7263d; margin-bottom: 9px; } /* DISCOUNT */ .offer-discount { font-size: 14px; line-height: 1.1; font-weight: 800; color: #252a30; margin-bottom: 7px; } /* DESCRIPTION */ .offer-description { font-size: 10px; line-height: 1.45; color: #777d85; padding-right: 3px; flex: 1; } /* ========================= BOTTOM ROW ========================= */ .offer-bottom { border-top: 1px solid #eeeeee; padding-top: 7px; display: flex; align-items: center; justify-content: space-between; gap: 5px; } /* COUPON CODE */ .offer-code { font-size: 9px; font-weight: 800; letter-spacing: 1px; color: #263653; white-space: nowrap; } /* COPY BUTTON */ .copy-offer { border: 0; background: transparent; padding: 0; font-family: inherit; font-size: 9px; font-weight: 800; color: #d65b16; cursor: pointer; white-space: nowrap; } .copy-offer:hover { color: #b94508; } /* ========================= SCROLL BAR ========================= */ .offers-scrollbar { width: 100%; display: flex; align-items: center; gap: 7px; margin-top: 7px; } .scroll-arrow { width: 10px; font-size: 20px; line-height: 10px; color: #9b9b9b; flex-shrink: 0; text-align: center; } .scroll-track { height: 9px; flex: 1; background: #f1f1f1; border-radius: 20px; overflow: hidden; position: relative; } .scroll-thumb { width: 85%; height: 100%; background: #999; border-radius: 20px; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .offers-title { font-size: 14px; margin-bottom: 10px; } .offers-scroll { gap: 9px; } .offer-card { flex: 0 0 190px; min-width: 190px; height: 122px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ce0f5de *//* ========================================= GET YOUR MANGA COMMUNITY + BULK ORDER BANNER ISOLATED / ELEMENTOR SAFE ========================================= */ .gym-community-banner { position: relative !important; width: 100% !important; max-width: 320px !important; min-height: 520px !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; background: #111111 !important; border-radius: 8px !important; box-sizing: border-box !important; font-family: Arial, Helvetica, sans-serif !important; color: #ffffff !important; isolation: isolate !important; } /* ========================================= BACKGROUND PATTERN ========================================= */ .gym-community-pattern { position: absolute !important; inset: 0 !important; z-index: -2 !important; opacity: .10 !important; background-image: radial-gradient( circle, #ffffff 1px, transparent 1px ) !important; background-size: 10px 10px !important; } /* ========================================= RED ACCENT ========================================= */ .gym-community-banner::before { content: "" !important; position: absolute !important; top: -80px !important; right: -100px !important; width: 260px !important; height: 260px !important; background: #ed1c24 !important; transform: rotate(18deg) !important; z-index: -1 !important; } /* ========================================= BOTTOM RED SHAPE ========================================= */ .gym-community-banner::after { content: "" !important; position: absolute !important; bottom: -100px !important; left: -100px !important; width: 260px !important; height: 180px !important; background: #ed1c24 !important; transform: rotate(-15deg) !important; opacity: .85 !important; z-index: -1 !important; } /* ========================================= CONTENT ========================================= */ .gym-community-content { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; min-height: 520px !important; margin: 0 !important; padding: 32px 24px !important; box-sizing: border-box !important; text-align: center !important; position: relative !important; z-index: 2 !important; } /* ========================================= LABEL ========================================= */ .gym-community-label { display: inline-block !important; margin: 0 0 18px !important; padding: 6px 11px !important; background: #ffffff !important; color: #111111 !important; font-size: 8px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 2px !important; transform: skew(-8deg) !important; } /* ========================================= MAIN HEADING ========================================= */ .gym-community-content h2 { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 36px !important; line-height: .98 !important; font-weight: 900 !important; letter-spacing: -1px !important; text-transform: uppercase !important; text-shadow: 3px 3px 0 #ed1c24 !important; } /* ========================================= DESCRIPTION ========================================= */ .gym-community-content p { max-width: 245px !important; margin: 17px 0 21px !important; padding: 0 !important; color: #cfcfcf !important; font-size: 11px !important; line-height: 1.55 !important; font-weight: 400 !important; } /* ========================================= DIVIDER ========================================= */ .gym-community-divider { width: 55px !important; height: 3px !important; margin: 0 0 22px !important; padding: 0 !important; background: #ed1c24 !important; } /* ========================================= BULK ORDER BOX ========================================= */ .gym-bulk { width: 100% !important; margin: 0 0 24px !important; padding: 19px 16px !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 5px !important; box-sizing: border-box !important; } /* SMALL TEXT */ .gym-bulk-small { margin: 0 0 7px !important; padding: 0 !important; color: #aaaaaa !important; font-size: 7px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.5px !important; } /* BULK TITLE */ .gym-bulk-title { margin: 0 0 7px !important; padding: 0 !important; color: #ffffff !important; font-size: 23px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: .5px !important; } /* BULK DESCRIPTION */ .gym-bulk-text { margin: 0 !important; padding: 0 !important; color: #cccccc !important; font-size: 10px !important; line-height: 1.45 !important; } /* ========================================= BUTTON ========================================= */ .gym-community-button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 22px !important; width: 100% !important; max-width: 210px !important; height: 43px !important; margin: auto 0 0 !important; padding: 0 18px !important; background: #ed1c24 !important; color: #ffffff !important; border: 2px solid #ed1c24 !important; border-radius: 2px !important; font-size: 10px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-decoration: none !important; text-transform: uppercase !important; transition: all .2s ease !important; } .gym-community-button span { font-size: 17px !important; line-height: 1 !important; } .gym-community-button:hover { background: #ffffff !important; color: #111111 !important; border-color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .gym-community-banner { max-width: 100% !important; min-height: 500px !important; } .gym-community-content { min-height: 500px !important; padding: 28px 20px !important; } .gym-community-content h2 { font-size: 31px !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a22cf39 */.faq-question { color: #ed1c24; font-weight: 600; } .faq-answer { color: #000; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a22cf39 */.faq-question { color: #ed1c24; font-weight: 600; } .faq-answer { color: #000; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a22cf39 */.faq-question { color: #ed1c24; font-weight: 600; } .faq-answer { color: #000; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a22cf39 */.faq-question { color: #ed1c24; font-weight: 600; } .faq-answer { color: #000; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-a22cf39 */.faq-question { color: #ed1c24; font-weight: 600; } .faq-answer { color: #000; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-related, class: .elementor-element-2f90986 *//* ========================================================= GET YOUR MANGA RELATED PRODUCTS WIDGET ISOLATED FROM OTHER PRODUCT WIDGETS ========================================================= */ /* ========================================================= MAIN PRODUCT GRID ========================================================= */ .gym-related-products ul.products { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; column-gap: 26px !important; row-gap: 35px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .gym-related-products ul.products li.product { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-rows: auto auto auto 25px !important; column-gap: 2px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 6px !important; box-shadow: 0 3px 12px rgba(0,0,0,.10) !important; position: relative !important; box-sizing: border-box !important; transition: transform .25s ease, box-shadow .25s ease !important; } /* ========================================================= HOVER ========================================================= */ .gym-related-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 22px rgba(0,0,0,.14) !important; } /* ========================================================= PRODUCT LINK ========================================================= */ .gym-related-products ul.products li.product .woocommerce-LoopProduct-link { grid-column: 1 / 3 !important; grid-row: 1 / 4 !important; width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; box-sizing: border-box !important; } /* ========================================================= IMAGE ========================================================= */ .gym-related-products ul.products li.product .woocommerce-LoopProduct-link img { display: block !important; width: 100% !important; height: 155px !important; min-height: 155px !important; max-height: 155px !important; object-fit: contain !important; object-position: center center !important; margin: 0 0 7px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 4px !important; background: #ffffff !important; } /* ========================================================= SALE BADGE ========================================================= */ .gym-related-products ul.products li.product .onsale { position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; z-index: 10 !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 4px 6px !important; background: #ed1c24 !important; color: #ffffff !important; border-radius: 3px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 7px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: uppercase !important; } /* ========================================================= TITLE ========================================================= */ .gym-related-products ul.products li.product .woocommerce-loop-product__title { width: 100% !important; height: 29px !important; min-height: 29px !important; margin: 0 0 4px 0 !important; padding: 0 2px !important; color: #111111 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.3 !important; text-align: left !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= PRICE ========================================================= */ .gym-related-products ul.products li.product .price { width: 100% !important; height: 20px !important; min-height: 20px !important; display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 2px !important; color: #111111 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap !important; } /* ========================================================= SALE PRICE ========================================================= */ .gym-related-products ul.products li.product .price ins, .gym-related-products ul.products li.product .price ins bdi, .gym-related-products ul.products li.product .price ins .woocommerce-Price-amount { color: #111111 !important; background: transparent !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; } /* ========================================================= OLD PRICE ========================================================= */ .gym-related-products ul.products li.product .price del, .gym-related-products ul.products li.product .price del bdi, .gym-related-products ul.products li.product .price del .woocommerce-Price-amount { color: #888888 !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1 !important; opacity: 1 !important; text-decoration: line-through !important; } /* ========================================================= ADD TO CART ========================================================= */ .gym-related-products ul.products li.product .add_to_cart_button { grid-column: 1 !important; grid-row: 4 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 25px !important; min-height: 25px !important; margin: 0 !important; padding: 0 2px !important; background: #000000 !important; color: #ffffff !important; border: 0 !important; border-radius: 2px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; } /* REMOVE CART ICON */ .gym-related-products ul.products li.product .add_to_cart_button::before, .gym-related-products ul.products li.product .add_to_cart_button::after { display: none !important; content: none !important; } /* ========================================================= BUY NOW ========================================================= */ .gym-related-products ul.products li.product .gym-buy-now-button { grid-column: 2 !important; grid-row: 4 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 25px !important; min-height: 25px !important; margin: 0 !important; padding: 0 2px !important; background: #ed1c24 !important; color: #ffffff !important; border: 0 !important; border-radius: 2px !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 8px !important; font-weight: 700 !important; line-height: 1 !important; text-align: center !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; } /* ========================================================= REMOVE VIEW CART ========================================================= */ .gym-related-products ul.products li.product .added_to_cart { display: none !important; } /* ========================================================= BUTTON HOVER ========================================================= */ .gym-related-products ul.products li.product .add_to_cart_button:hover, .gym-related-products ul.products li.product .add_to_cart_button:focus, .gym-related-products ul.products li.product .gym-buy-now-button:hover, .gym-related-products ul.products li.product .gym-buy-now-button:focus { color: #ffffff !important; box-shadow: none !important; outline: none !important; } /* ========================================================= TABLET 4 PRODUCTS ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { .gym-related-products ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 30px !important; } .gym-related-products ul.products li.product .woocommerce-LoopProduct-link img { height: 180px !important; min-height: 180px !important; max-height: 180px !important; } } /* ========================================================= MOBILE 2 PRODUCTS ========================================================= */ @media (max-width: 767px) { .gym-related-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 12px !important; row-gap: 25px !important; } .gym-related-products ul.products li.product { padding: 7px !important; border-radius: 5px !important; box-shadow: 0 2px 10px rgba(0,0,0,.09) !important; } .gym-related-products ul.products li.product:hover { transform: none !important; box-shadow: 0 2px 10px rgba(0,0,0,.09) !important; } .gym-related-products ul.products li.product .woocommerce-LoopProduct-link img { height: 180px !important; min-height: 180px !important; max-height: 180px !important; } .gym-related-products ul.products li.product .woocommerce-loop-product__title { height: 30px !important; min-height: 30px !important; font-size: 11px !important; } .gym-related-products ul.products li.product .price { font-size: 9px !important; } .gym-related-products ul.products li.product .add_to_cart_button, .gym-related-products ul.products li.product .gym-buy-now-button { height: 27px !important; min-height: 27px !important; font-size: 7px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-a0bd367 *//* ========================================================= GET YOUR MANGA WPCLEVER FREQUENTLY BOUGHT TOGETHER FINAL RESPONSIVE VERSION ========================================================= */ /* ========================================================= GLOBAL ========================================================= */ .woobt-inner { display: block !important; width: 100% !important; max-width: 100% !important; margin: 30px 0 !important; padding: 24px !important; background: #ffffff !important; border: 1px solid #e5e5e5 !important; border-radius: 10px !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05) !important; } /* ========================================================= PRODUCT AREA ========================================================= */ .woobt-products, .woobt-products-layout-compact { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 14px !important; box-sizing: border-box !important; overflow: visible !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .woobt-product { position: relative !important; flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 14px !important; background: #ffffff !important; border: 1px solid #e2e2e2 !important; border-radius: 8px !important; box-sizing: border-box !important; overflow: hidden !important; } /* Main product */ .woobt-product-this { background: #fffafa !important; border-color: #ed1c24 !important; } /* ========================================================= CHECKBOX ========================================================= */ .woobt-choose { display: flex !important; align-items: center !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; gap: 7px !important; box-sizing: border-box !important; } .woobt-choose label { display: block !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; cursor: pointer !important; } .woobt-checkbox { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; } .woobt-choose .checkmark { position: relative !important; display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; margin: 0 !important; background: #ffffff !important; border: 1.5px solid #bdbdbd !important; border-radius: 4px !important; box-sizing: border-box !important; } .woobt-checkbox:checked + .checkmark { background: #ed1c24 !important; border-color: #ed1c24 !important; } .woobt-checkbox:checked + .checkmark::after { content: "" !important; position: absolute !important; left: 5px !important; top: 2px !important; width: 5px !important; height: 9px !important; border: solid #ffffff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } /* ========================================================= IMAGE ========================================================= */ .woobt-thumb { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 200px !important; margin: 0 0 12px !important; padding: 8px !important; background: #f7f7f7 !important; border-radius: 6px !important; overflow: hidden !important; box-sizing: border-box !important; } .woobt-thumb .woobt-img { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; } .woobt-thumb img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; margin: 0 !important; border-radius: 4px !important; } /* ========================================================= TITLE ========================================================= */ .woobt-title { display: block !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; color: #111111 !important; text-align: center !important; box-sizing: border-box !important; } .woobt-title-inner { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #111111 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: center !important; overflow-wrap: anywhere !important; } .woobt-title-inner a { color: #111111 !important; text-decoration: none !important; } .woobt-title-inner a:hover { color: #ed1c24 !important; } .woobt-product-this .woobt-title-inner > span:first-child { color: #ed1c24 !important; font-weight: 700 !important; } /* ========================================================= PRICE ========================================================= */ .woobt-price { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .woobt-price-new, .woobt-price-ori { width: 100% !important; text-align: center !important; } .woobt-price del { color: #999999 !important; font-size: 12px !important; } .woobt-price ins { color: #ed1c24 !important; font-size: 16px !important; font-weight: 700 !important; text-decoration: none !important; } /* ========================================================= PLUS ========================================================= */ .woobt-product::after { color: #ed1c24 !important; } /* ========================================================= SUMMARY ========================================================= */ .woobt-summary { position: static !important; display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 22px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid #eeeeee !important; box-sizing: border-box !important; clear: both !important; } /* Additional price */ .woobt-additional { display: block !important; width: 100% !important; margin: 0 0 6px !important; color: #666666 !important; font-size: 13px !important; text-align: center !important; } .woobt-additional del { color: #999999 !important; } .woobt-additional ins { color: #ed1c24 !important; font-weight: 700 !important; text-decoration: none !important; } /* Total */ .woobt-total { display: block !important; width: 100% !important; margin: 0 0 15px !important; color: #111111 !important; font-size: 18px !important; font-weight: 700 !important; text-align: center !important; } .woobt-total del { color: #999999 !important; font-size: 13px !important; } .woobt-total ins { color: #ed1c24 !important; font-size: 21px !important; font-weight: 800 !important; text-decoration: none !important; } /* ========================================================= BUTTON ========================================================= */ .woobt-actions { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .woobt-form { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .woobt-actions .single_add_to_cart_button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 12px 18px !important; background: #ed1c24 !important; border: 1px solid #ed1c24 !important; border-radius: 6px !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important; cursor: pointer !important; } .woobt-actions .single_add_to_cart_button:hover { background: #111111 !important; border-color: #111111 !important; color: #ffffff !important; } .woobt-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 23px !important; height: 23px !important; margin-left: 7px !important; padding: 0 6px !important; background: #ffffff !important; border-radius: 50px !important; color: #ed1c24 !important; font-size: 11px !important; font-weight: 800 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) and (min-width: 768px) { .woobt-inner { padding: 20px !important; } .woobt-products { gap: 10px !important; } .woobt-product { padding: 11px !important; } .woobt-thumb { height: 170px !important; } .woobt-title-inner { font-size: 13px !important; } } /* ========================================================= PHONE ========================================================= */ @media (max-width: 767px) { /* Main wrapper */ .woobt-inner { display: block !important; width: 100% !important; max-width: 100% !important; margin: 18px 0 !important; padding: 12px !important; border-radius: 8px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Kill WPClever compact horizontal layout */ .woobt-products, .woobt-products-layout-compact { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; gap: 10px !important; overflow: visible !important; box-sizing: border-box !important; } /* Full width cards */ .woobt-product, .woobt-product.woobt-product-this, .woobt-product.woobt-product-together { display: block !important; position: relative !important; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; overflow: hidden !important; transform: none !important; } /* Main card */ .woobt-product-this { border-color: #ed1c24 !important; background: #fffafa !important; } /* Checkbox */ .woobt-choose { display: flex !important; width: 100% !important; min-height: 20px !important; margin: 0 0 9px !important; gap: 7px !important; } .woobt-choose label { font-size: 13px !important; line-height: 1.3 !important; } /* Image */ .woobt-thumb { display: flex !important; width: 100% !important; height: 170px !important; margin: 0 0 10px !important; padding: 8px !important; background: #f7f7f7 !important; border-radius: 6px !important; } .woobt-thumb img { width: 100% !important; height: 100% !important; object-fit: contain !important; } /* Title */ .woobt-title { width: 100% !important; margin: 0 0 7px !important; text-align: center !important; } .woobt-title-inner { width: 100% !important; font-size: 14px !important; line-height: 1.35 !important; text-align: center !important; } /* Price */ .woobt-price { width: 100% !important; text-align: center !important; } .woobt-price-new, .woobt-price-ori { text-align: center !important; } .woobt-price del { font-size: 11px !important; } .woobt-price ins { font-size: 16px !important; } /* Hide plus on phone */ .woobt-product::after { display: none !important; } /* Summary MUST be below cards */ .woobt-summary { position: static !important; display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 15px 0 0 !important; padding: 15px 0 0 !important; border-top: 1px solid #eeeeee !important; box-sizing: border-box !important; clear: both !important; } .woobt-additional { width: 100% !important; margin-bottom: 6px !important; text-align: center !important; font-size: 12px !important; } .woobt-total { width: 100% !important; margin-bottom: 13px !important; text-align: center !important; font-size: 16px !important; } .woobt-total ins { font-size: 20px !important; } /* Button */ .woobt-actions, .woobt-form { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .woobt-actions .single_add_to_cart_button { display: flex !important; width: 100% !important; max-width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 11px 14px !important; font-size: 13px !important; box-sizing: border-box !important; } } /* ========================================================= SMALL PHONE ========================================================= */ @media (max-width: 480px) { .woobt-inner { padding: 10px !important; border-radius: 7px !important; } .woobt-product, .woobt-product.woobt-product-this, .woobt-product.woobt-product-together { padding: 10px !important; } .woobt-thumb { height: 145px !important; padding: 7px !important; } .woobt-title-inner { font-size: 13px !important; } .woobt-price ins { font-size: 15px !important; } .woobt-total ins { font-size: 19px !important; } .woobt-actions .single_add_to_cart_button { min-height: 44px !important; font-size: 13px !important; } } /* ========================================================= WPCLEVER FBT - FINAL CHECKBOX FIX Desktop / Tablet only Mobile layout untouched ========================================================= */ @media (min-width: 768px) { /* ----------------------------------------------------- PRODUCT CARD ----------------------------------------------------- */ .woobt-products .woobt-product { position: relative !important; overflow: visible !important; } /* ----------------------------------------------------- ADDITIONAL PRODUCT CHECKBOX Keep WPClever's original checkbox ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-choose { display: block !important; position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; z-index: 50 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } /* ----------------------------------------------------- DO NOT FORCE NATIVE CHECKBOX APPEARANCE This prevents the duplicate checkbox ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-choose input[type="checkbox"] { position: absolute !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: auto !important; opacity: 0 !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; z-index: 60 !important; } /* ----------------------------------------------------- HIDE ANY EXTRA LABEL BOX ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-choose label { position: relative !important; display: block !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; opacity: 1 !important; visibility: visible !important; } /* ----------------------------------------------------- USE ONE CLEAN CUSTOM CHECKBOX ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-choose label::before { content: "" !important; position: absolute !important; top: 0 !important; right: 0 !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; border: 1px solid #d9d9d9 !important; border-radius: 4px !important; background: #ffffff !important; transition: all 0.15s ease !important; z-index: 1 !important; } /* ----------------------------------------------------- CHECKED STATE ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-choose input[type="checkbox"]:checked + label::before, .woobt-products .woobt-product-together .woobt-choose label:has(input[type="checkbox"]:checked)::before { background: #ed1c24 !important; border-color: #ed1c24 !important; } /* ----------------------------------------------------- WHITE CHECKMARK ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-choose label::after { content: "" !important; position: absolute !important; top: 3px !important; right: 6px !important; width: 5px !important; height: 9px !important; border-right: 2px solid #ffffff !important; border-bottom: 2px solid #ffffff !important; transform: rotate(45deg) scale(0) !important; transform-origin: center !important; z-index: 2 !important; transition: transform 0.15s ease !important; } /* Checked checkmark */ .woobt-products .woobt-product-together .woobt-choose input[type="checkbox"]:checked ~ label::after, .woobt-products .woobt-product-together .woobt-choose label:has(input[type="checkbox"]:checked)::after { transform: rotate(45deg) scale(1) !important; } /* ----------------------------------------------------- MAIN PRODUCT No checkbox because it is mandatory ----------------------------------------------------- */ .woobt-products .woobt-product-this .woobt-choose { display: none !important; } /* ----------------------------------------------------- KEEP PRODUCT CONTENT BELOW CHECKBOX ----------------------------------------------------- */ .woobt-products .woobt-product-together .woobt-thumb, .woobt-products .woobt-product-together .woobt-image { position: relative !important; z-index: 1 !important; } } /* ========================================================= MOBILE DO NOT MODIFY ========================================================= */ @media (max-width: 767px) { .woobt-products .woobt-product .woobt-choose { /* Keep your existing mobile WPClever styling */ } } /* ========================================================= WPCLEVER CHECKBOX - MOVE CHECKMARK UP PC + TABLET ONLY ========================================================= */ @media (min-width: 768px) { .woobt-product-together .woobt-choose .checkmark { position: relative !important; top: -18px !important; } } /* ========================================= FIX: CHECKBOX MUST STAY ABOVE PRODUCT IMAGE ========================================= */ @media (min-width: 768px) { /* Product card */ .woobt-products .woobt-product { position: relative !important; overflow: visible !important; } /* Checkbox wrapper */ .woobt-products .woobt-product-together .woobt-choose { position: absolute !important; top: 7px !important; right: 10px !important; z-index: 9999 !important; isolation: isolate !important; } /* Checkbox itself */ .woobt-products .woobt-product-together .woobt-choose input[type="checkbox"] { position: relative !important; z-index: 10001 !important; } /* WPClever custom checkmark */ .woobt-products .woobt-product-together .woobt-choose .checkmark { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 10000 !important; width: 18px !important; height: 18px !important; background: #ffffff !important; border: 1px solid #ed1c24 !important; border-radius: 4px !important; pointer-events: none !important; } /* Checked state */ .woobt-products .woobt-product-together .woobt-choose input[type="checkbox"]:checked ~ .checkmark { background: #ed1c24 !important; border-color: #ed1c24 !important; } /* Make sure product image stays underneath */ .woobt-products .woobt-product-together .woobt-thumb, .woobt-products .woobt-product-together .woobt-image, .woobt-products .woobt-product-together img { position: relative !important; z-index: 1 !important; } } .woobt-count, button .woobt-count, a .woobt-count { display: none !important; visibility: hidden !important; opacity: 0 !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6aafb50 *//* ========================================================= GET YOUR MANGA — CUSTOMER REVIEWS WHITE + BLACK + RED THEME COLOR ONLY — STRUCTURE/SIZING UNCHANGED ========================================================= */ /* ========================================================= MAIN REVIEWS CONTAINER ========================================================= */ .cr-all-reviews-shortcode { background: #ffffff !important; color: #111111 !important; } /* ========================================================= SUMMARY WRAPPER REMOVE GREY / OFF-WHITE BACKGROUND ========================================================= */ .cr-summaryBox-wrap, .cr-summaryBox-add-review, .cr-summary-separator-side, .cr-summary-separator, .cr-summary-separator-int { background: #ffffff !important; } /* ========================================================= OVERALL RATING AREA ========================================================= */ .cr-overall-rating-wrap { background: #ffffff !important; color: #111111 !important; } /* AVERAGE RATING */ .cr-average-rating { background: #ffffff !important; color: #111111 !important; } .cr-average-rating span { color: #111111 !important; } /* REVIEW COUNT */ .cr-total-rating-count { color: #555555 !important; } /* ========================================================= STARS ========================================================= */ /* Empty stars */ .cr-rating-icon-bg { color: #d9d9d9 !important; stroke: #bdbdbd !important; } /* Filled stars */ .cr-rating-icon-frnt { color: #ed1c24 !important; } .cr-rating-icon { color: #ed1c24 !important; } /* ========================================================= HISTOGRAM / RATING BREAKDOWN ========================================================= */ .ivole-summaryBox { background: #ffffff !important; color: #111111 !important; } .cr-histogramTable { background: #ffffff !important; } .ivole-histogramRow { background: #ffffff !important; color: #111111 !important; } /* Rating numbers */ .cr-histogram-rating-label, .cr-histogram-rating-value { color: #111111 !important; } /* Small stars beside 5 / 4 / 3 / 2 / 1 */ .cr-histogram-rating-icon { color: #ed1c24 !important; fill: #ed1c24 !important; } /* Percentage */ .ivole-histogramCell3 { color: #777777 !important; } /* Empty rating bar */ .ivole-meter { background: #eeeeee !important; } /* Filled rating bar */ .ivole-meter-bar { background: #ed1c24 !important; } /* ========================================================= SEPARATOR LINES ========================================================= */ .cr-summary-separator { background: #ffffff !important; } .cr-summary-separator-int { background: #e5e5e5 !important; } .cr-summary-separator-side { background: #ffffff !important; } /* ========================================================= ADD A REVIEW BUTTON ========================================================= */ button.cr-all-reviews-add-review { background: #ed1c24 !important; color: #ffffff !important; border: 1px solid #ed1c24 !important; border-radius: 5px !important; font-weight: 700; box-shadow: none !important; transition: background .2s ease, border-color .2s ease; } button.cr-all-reviews-add-review:hover, button.cr-all-reviews-add-review:focus, button.cr-all-reviews-add-review:active { background: #c81017 !important; color: #ffffff !important; border-color: #c81017 !important; box-shadow: none !important; outline: none !important; } /* ========================================================= REVIEW COUNT ROW ========================================================= */ .cr-count-row { background: #ffffff !important; color: #111111 !important; } /* "0 of 0 reviews" */ .cr-count-row-count { color: #111111 !important; } /* ========================================================= SORT DROPDOWN ========================================================= */ .cr-ajax-reviews-sort-div { background: #ffffff !important; } .cr-ajax-reviews-sort { background: #ffffff !important; color: #111111 !important; border-color: #dddddd !important; } /* ========================================================= NO REVIEWS MESSAGE ========================================================= */ .cr-search-no-reviews { background: #ffffff !important; color: #555555 !important; } /* ========================================================= HIDE CUSTOMER REVIEW SEARCH ========================================================= */ .cr-ajax-search { display: none !important; } /* ========================================================= REVIEW FORM ========================================================= */ .cr-review-form-wrap { background: #ffffff !important; color: #111111 !important; } .cr-review-form-nav { background: #ffffff !important; color: #111111 !important; } .cr-review-form-item { background: #ffffff !important; color: #111111 !important; } /* Form labels */ .cr-review-form-rating-label, .cr-review-form-lbl { color: #111111 !important; } /* Text fields */ .cr-review-form-txt, .cr-review-form-comment-txt { background: #ffffff !important; color: #111111 !important; border: 1px solid #dddddd !important; } /* Focus */ .cr-review-form-txt:focus, .cr-review-form-comment-txt:focus { border-color: #ed1c24 !important; outline: none !important; box-shadow: 0 0 0 1px #ed1c24 !important; } /* ========================================================= REVIEW FORM BUTTONS ========================================================= */ .cr-review-form-submit { background: #ed1c24 !important; color: #ffffff !important; border-color: #ed1c24 !important; } .cr-review-form-submit:hover, .cr-review-form-submit:focus, .cr-review-form-submit:active { background: #c81017 !important; color: #ffffff !important; border-color: #c81017 !important; } .cr-review-form-cancel { background: #ffffff !important; color: #111111 !important; border: 1px solid #dddddd !important; } .cr-review-form-cancel:hover { color: #ed1c24 !important; border-color: #ed1c24 !important; } /* ========================================================= REVIEW FORM STAR COLORS ========================================================= */ .cr-rating-deact path { fill: #d9d9d9 !important; } .cr-rating-act path { fill: #ed1c24 !important; } /* ========================================================= MEDIA UPLOAD ========================================================= */ .cr-form-item-media-none { background: #ffffff !important; color: #555555 !important; border-color: #dddddd !important; } .cr-form-item-media-none:hover { color: #ed1c24 !important; border-color: #ed1c24 !important; } /* ========================================================= REMOVE PLUGIN GREY BACKGROUNDS ========================================================= */ .cr-all-reviews-shortcode *, .cr-summaryBox-wrap *, .cr-summaryBox-add-review *, .ivole-summaryBox *, .cr-count-row * { box-sizing: border-box; } /* Keep these containers white */ .cr-summaryBox-wrap, .cr-summaryBox-add-review, .cr-all-reviews-ajax, .ivole-summaryBox, .cr-count-row { background-color: #ffffff !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .cr-summaryBox-wrap, .cr-summaryBox-add-review, .cr-overall-rating-wrap, .ivole-summaryBox, .cr-all-reviews-ajax, .cr-count-row, .cr-search-no-reviews { background: #ffffff !important; } button.cr-all-reviews-add-review { background: #ed1c24 !important; color: #ffffff !important; border-color: #ed1c24 !important; } }/* End custom CSS */