.elementor-widget-image .widget-image-caption{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-374 .elementor-element.elementor-element-adaf854{--display:flex;--justify-content:space-evenly;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-374 .elementor-element.elementor-element-adaf854:not(.elementor-motion-effects-element-type-background), .elementor-374 .elementor-element.elementor-element-adaf854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF4E6;}.elementor-374 .elementor-element.elementor-element-adaf854.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-374 .elementor-element.elementor-element-1abe483{width:100%;max-width:100%;background-color:#212E1E00;}.elementor-374 .elementor-element.elementor-element-1abe483.elementor-element{--align-self:stretch;}.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-374 .elementor-element.elementor-element-6983227{text-align:center;}.elementor-374 .elementor-element.elementor-element-6983227 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:63px;font-weight:600;color:#212E1E;}.elementor-374 .elementor-element.elementor-element-6983227 .elementor-heading-title a{transition-duration:1.4s;}.elementor-374 .elementor-element.elementor-element-2feac45{background-color:#FDF4E6;}.elementor-374 .elementor-element.elementor-element-2feac45.elementor-element{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}body.elementor-page-374:not(.elementor-motion-effects-element-type-background), body.elementor-page-374 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF4E6;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-374 .elementor-element.elementor-element-fa6f3c5{width:100%;max-width:100%;}.elementor-374 .elementor-element.elementor-element-fa6f3c5 img{height:139px;}.elementor-374 .elementor-element.elementor-element-adaf854{--width:1600px;--min-height:1440px;--justify-content:space-evenly;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--align-content:space-evenly;}.elementor-374 .elementor-element.elementor-element-1abe483.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-374 .elementor-element.elementor-element-6983227{width:100%;max-width:100%;}.elementor-374 .elementor-element.elementor-element-6983227 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for image, class: .elementor-element-fa6f3c5 */.elementor-374 .elementor-element.elementor-element-fa6f3c5 { position: relative; display: inline-block; width: 100%; cursor: pointer; transform: translateY(-6px); transform-style: preserve-3d; border-radius: 24px; filter: drop-shadow( 0 10px 0 rgba(33, 46, 30, 0.16) ); transition: transform 0.15s ease, filter 0.15s ease; } /* IMAGE */ .elementor-374 .elementor-element.elementor-element-fa6f3c5 img { display: block; width: 100%; height: auto; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.75); background: rgba(253, 244, 230, 0.72); box-shadow: 0 6px 0 rgba(255, 255, 255, 0.35), 0 18px 35px rgba(33, 46, 30, 0.18), inset 0 1px 3px rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: box-shadow 0.15s ease, transform 0.15s ease; } /* GLASS SHINE */ .elementor-374 .elementor-element.elementor-element-fa6f3c5::before { content: ""; position: absolute; top: 7%; left: 10%; width: 45%; height: 25%; background: linear-gradient( 120deg, rgba(255,255,255,0.55), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(8px); pointer-events: none; z-index: 2; } /* HOVER - RAISED */ .elementor-374 .elementor-element.elementor-element-fa6f3c5:hover { transform: translateY(-10px); filter: drop-shadow( 0 15px 0 rgba(33, 46, 30, 0.18) ); } .elementor-374 .elementor-element.elementor-element-fa6f3c5:hover img { box-shadow: 0 8px 0 rgba(255,255,255,0.4), 0 25px 45px rgba(33,46,30,0.24), inset 0 1px 4px rgba(255,255,255,0.95); } /* CLICK / PRESS */ .elementor-374 .elementor-element.elementor-element-fa6f3c5:active { transform: translateY(3px); filter: drop-shadow( 0 3px 0 rgba(33, 46, 30, 0.16) ); } .elementor-374 .elementor-element.elementor-element-fa6f3c5:active img { box-shadow: 0 2px 0 rgba(255,255,255,0.3), 0 6px 12px rgba(33,46,30,0.18), inset 0 2px 4px rgba(33,46,30,0.08); transform: scale(0.98); }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-1abe483 *//* ========================================================= 12 CAFE — FLIPBOOK ENVIRONMENT ELEMENTOR ========================================================= */ .elementor-374 .elementor-element.elementor-element-1abe483 { background: #FDF4E6 !important; position: relative; width: 100%; padding: 25px 10px 35px !important; overflow: visible !important; } /* Keep shortcode centered */ .elementor-374 .elementor-element.elementor-element-1abe483 .elementor-shortcode { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; background: transparent !important; } /* Remove iframe border */ .elementor-374 .elementor-element.elementor-element-1abe483 iframe { width: 100% !important; max-width: 100% !important; border: none !important; background: transparent !important; display: block; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-374 .elementor-element.elementor-element-1abe483 { padding: 10px 0 25px !important; min-height: 0 !important; } .elementor-374 .elementor-element.elementor-element-1abe483 .elementor-shortcode { width: 100% !important; } .elementor-374 .elementor-element.elementor-element-1abe483 iframe { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6983227 */.elementor-374 .elementor-element.elementor-element-6983227 { position: relative; display: inline-block; width: 100%; cursor: pointer; transform: translateY(-6px); transform-style: preserve-3d; border-radius: 24px; filter: drop-shadow( 0 10px 0 rgba(33, 46, 30, 0.16) ); transition: transform 0.15s ease, filter 0.15s ease; } /* IMAGE */ .elementor-374 .elementor-element.elementor-element-6983227 img { display: block; width: 100%; height: auto; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.75); background: rgba(253, 244, 230, 0.72); box-shadow: 0 6px 0 rgba(255, 255, 255, 0.35), 0 18px 35px rgba(33, 46, 30, 0.18), inset 0 1px 3px rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: box-shadow 0.15s ease, transform 0.15s ease; } /* GLASS SHINE */ .elementor-374 .elementor-element.elementor-element-6983227::before { content: ""; position: absolute; top: 7%; left: 10%; width: 45%; height: 25%; background: linear-gradient( 120deg, rgba(255,255,255,0.55), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(8px); pointer-events: none; z-index: 2; } /* HOVER - RAISED */ .elementor-374 .elementor-element.elementor-element-6983227:hover { transform: translateY(-10px); filter: drop-shadow( 0 15px 0 rgba(33, 46, 30, 0.18) ); } .elementor-374 .elementor-element.elementor-element-6983227:hover img { box-shadow: 0 8px 0 rgba(255,255,255,0.4), 0 25px 45px rgba(33,46,30,0.24), inset 0 1px 4px rgba(255,255,255,0.95); } /* CLICK / PRESS */ .elementor-374 .elementor-element.elementor-element-6983227:active { transform: translateY(3px); filter: drop-shadow( 0 3px 0 rgba(33, 46, 30, 0.16) ); } .elementor-374 .elementor-element.elementor-element-6983227:active img { box-shadow: 0 2px 0 rgba(255,255,255,0.3), 0 6px 12px rgba(33,46,30,0.18), inset 0 2px 4px rgba(33,46,30,0.08); transform: scale(0.98); }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-2feac45 *//* ========================================================= 12CAFE — ORDERABLE PRODUCT LIST + GRID 3D CRYSTAL / GLASS + CATEGORY TABS ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 { --cafe-green: #212e1e; --cafe-cream: #fdf4e6; --glass: rgba(253, 244, 230, 0.72); --glass-light: rgba(255, 255, 255, 0.42); color: var(--cafe-green); } /* ========================================================= ORDERABLE PRODUCT GRID / LIST ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-products, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-list, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-grid, .elementor-374 .elementor-element.elementor-element-2feac45 .products, .elementor-374 .elementor-element.elementor-element-2feac45 ul.products { perspective: 1200px; } /* ========================================================= CATEGORY TABS / CATEGORY NAVIGATION ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list { display: flex; gap: 12px; align-items: center; perspective: 1000px; } /* ========================================================= INDIVIDUAL CATEGORY TABS ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab { position: relative; color: #212e1e !important; background: linear-gradient( 145deg, rgba(255,255,255,0.45) 0%, #fdf4e6 45%, rgba(255,255,255,0.30) 100% ) !important; border: 1px solid #212e1e !important; border-radius: 14px !important; padding: 10px 18px !important; box-shadow: 0 4px 8px rgba(33,46,30,0.10), 0 8px 16px rgba(33,46,30,0.08), inset 0 1px 0 rgba(255,255,255,0.80), inset 0 -1px 0 rgba(33,46,30,0.08) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transform: translateZ(0); transition: box-shadow 0.25s ease, transform 0.25s ease !important; } /* ========================================================= CATEGORY TAB TEXT ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab { text-decoration: none !important; font-weight: 700; letter-spacing: 0.2px; text-shadow: 0 1px 0 rgba(255,255,255,0.85), 0 2px 4px rgba(33,46,30,0.08); } /* ========================================================= CATEGORY TAB HOVER NO MOVEMENT / NO COLOR CHANGE ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab:hover { transform: none !important; color: #212e1e !important; background: linear-gradient( 145deg, rgba(255,255,255,0.45) 0%, #fdf4e6 45%, rgba(255,255,255,0.30) 100% ) !important; border-color: #212e1e !important; box-shadow: 0 4px 8px rgba(33,46,30,0.10), 0 8px 16px rgba(33,46,30,0.08), inset 0 1px 0 rgba(255,255,255,0.80), inset 0 -1px 0 rgba(33,46,30,0.08) !important; } /* ========================================================= ACTIVE CATEGORY TAB ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a.active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a[aria-current="true"], .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav .active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a.active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a.active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a.active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a.active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category.active, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab.active { color: #212e1e !important; background: linear-gradient( 145deg, rgba(255,255,255,0.58), #fdf4e6, rgba(255,255,255,0.38) ) !important; border: 1px solid #212e1e !important; box-shadow: 0 5px 10px rgba(33,46,30,0.14), 0 12px 22px rgba(33,46,30,0.12), inset 0 2px 0 rgba(255,255,255,0.90), inset 0 -2px 0 rgba(33,46,30,0.08) !important; transform: translateY(-2px) translateZ(8px); } /* ========================================================= ACTIVE CATEGORY TAB HOVER NO MOVEMENT / NO COLOR CHANGE ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a.active:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a[aria-current="true"]:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a.active:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a.active:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a.active:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a.active:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category.active:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab.active:hover { transform: translateY(-2px) translateZ(8px) !important; color: #212e1e !important; background: linear-gradient( 145deg, rgba(255,255,255,0.58), #fdf4e6, rgba(255,255,255,0.38) ) !important; border-color: #212e1e !important; box-shadow: 0 5px 10px rgba(33,46,30,0.14), 0 12px 22px rgba(33,46,30,0.12), inset 0 2px 0 rgba(255,255,255,0.90), inset 0 -2px 0 rgba(33,46,30,0.08) !important; } /* ========================================================= CATEGORY TAB CRYSTAL HIGHLIGHT ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab::before { content: ""; position: absolute; top: 2px; left: 8%; width: 45%; height: 1px; background: rgba(255,255,255,0.90); border-radius: 100%; pointer-events: none; } /* ========================================================= PRODUCT CARDS — CRYSTAL GLASS ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card, .elementor-374 .elementor-element.elementor-element-2feac45 li.product, .elementor-374 .elementor-element.elementor-element-2feac45 .product { position: relative; background: linear-gradient( 145deg, rgba(255,255,255,0.55) 0%, rgba(253,244,230,0.78) 45%, rgba(255,255,255,0.35) 100% ) !important; border: 1px solid rgba(255,255,255,0.72) !important; border-radius: 22px !important; box-shadow: 0 8px 18px rgba(33,46,30,0.10), 0 18px 40px rgba(33,46,30,0.12), inset 0 1px 0 rgba(255,255,255,0.85), inset 0 -1px 0 rgba(33,46,30,0.06) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); overflow: hidden; transform: translateZ(0); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= PRODUCT CARD CRYSTAL HIGHLIGHT ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card::before, .elementor-374 .elementor-element.elementor-element-2feac45 li.product::before, .elementor-374 .elementor-element.elementor-element-2feac45 .product::before { content: ""; position: absolute; top: -60%; left: -80%; width: 70%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.38), transparent ); transform: rotate(20deg); pointer-events: none; z-index: 5; transition: left 0.8s ease; } /* ========================================================= PRODUCT CARD HOVER — FLOATING 3D ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card:hover, .elementor-374 .elementor-element.elementor-element-2feac45 li.product:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .product:hover { transform: translateY(-10px) rotateX(2deg) rotateY(-2deg) scale(1.015); border-color: rgba(255,255,255,0.95) !important; box-shadow: 0 15px 25px rgba(33,46,30,0.12), 0 30px 60px rgba(33,46,30,0.18), inset 0 1px 0 rgba(255,255,255,0.95), inset 0 -1px 0 rgba(33,46,30,0.05) !important; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product:hover::before, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card:hover::before, .elementor-374 .elementor-element.elementor-element-2feac45 li.product:hover::before, .elementor-374 .elementor-element.elementor-element-2feac45 .product:hover::before { left: 140%; } /* ========================================================= PRODUCT IMAGE — FLOATING ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product img, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card img, .elementor-374 .elementor-element.elementor-element-2feac45 li.product img, .elementor-374 .elementor-element.elementor-element-2feac45 .product img { border-radius: 18px !important; transition: transform 0.45s cubic-bezier(.2,.8,.2,1), filter 0.45s ease; filter: drop-shadow(0 12px 12px rgba(33,46,30,0.15)); } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product:hover img, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card:hover img, .elementor-374 .elementor-element.elementor-element-2feac45 li.product:hover img, .elementor-374 .elementor-element.elementor-element-2feac45 .product:hover img { transform: translateY(-7px) scale(1.035); filter: drop-shadow(0 18px 18px rgba(33,46,30,0.20)); } /* ========================================================= PRODUCT NAME ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product__title, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-title, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product h2, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product h3, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product h4, .elementor-374 .elementor-element.elementor-element-2feac45 li.product .woocommerce-loop-product__title, .elementor-374 .elementor-element.elementor-element-2feac45 .product-title { color: #212e1e !important; font-weight: 700; letter-spacing: 0.2px; text-shadow: 0 1px 0 rgba(255,255,255,0.85), 0 2px 4px rgba(33,46,30,0.08); } /* ========================================================= PRODUCT DESCRIPTION ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product__description, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-description, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product p { color: #212e1e !important; opacity: 0.78; line-height: 1.55; } /* ========================================================= PRICE ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product__price, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-price, .elementor-374 .elementor-element.elementor-element-2feac45 .price { color: #212e1e !important; font-weight: 800; text-shadow: 0 1px 0 rgba(255,255,255,0.8), 0 2px 5px rgba(33,46,30,0.10); } /* ========================================================= ADD TO CART BUTTON ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product button, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product .button, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product a.button, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card button, .elementor-374 .elementor-element.elementor-element-2feac45 li.product .button { color: #fdf4e6 !important; background: linear-gradient( 145deg, #2b3b27, #212e1e ) !important; border: 1px solid rgba(255,255,255,0.35) !important; border-radius: 14px !important; box-shadow: 0 6px 12px rgba(33,46,30,0.20), inset 0 1px 0 rgba(255,255,255,0.20); transition: transform 0.3s ease, box-shadow 0.3s ease; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product button:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product .button:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product a.button:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card button:hover, .elementor-374 .elementor-element.elementor-element-2feac45 li.product .button:hover { color: #fdf4e6 !important; transform: translateY(-3px) scale(1.03); box-shadow: 0 10px 20px rgba(33,46,30,0.25), inset 0 1px 0 rgba(255,255,255,0.30); } /* ========================================================= CATEGORY / SECTION HEADINGS ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-title, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category__title, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-products-heading { color: #212e1e !important; background: #fdf4e6 !important; text-shadow: 0 2px 5px rgba(33,46,30,0.10); } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* Category tabs */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list { gap: 8px; overflow-x: auto; padding: 5px 3px 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav::-webkit-scrollbar, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories::-webkit-scrollbar, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list::-webkit-scrollbar, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories::-webkit-scrollbar, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list::-webkit-scrollbar { display: none; } /* Smaller category tabs */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-nav a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-list a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-categories a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-categories-list a, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-category-tab { padding: 8px 14px !important; border-radius: 12px !important; white-space: nowrap; } /* Product cards */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card, .elementor-374 .elementor-element.elementor-element-2feac45 li.product, .elementor-374 .elementor-element.elementor-element-2feac45 .product { border-radius: 18px !important; box-shadow: 0 7px 16px rgba(33,46,30,0.10), 0 15px 30px rgba(33,46,30,0.12), inset 0 1px 0 rgba(255,255,255,0.85) !important; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-product-card:hover, .elementor-374 .elementor-element.elementor-element-2feac45 li.product:hover, .elementor-374 .elementor-element.elementor-element-2feac45 .product:hover { transform: translateY(-5px) scale(1.01); } } /* ========================================================= ORDERABLE TABS — ACTUAL SHORTCODE CLASSES ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__list { display: flex; overflow-x: auto; padding: 10px 0; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__item { margin-right: 10px; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__link { color: #212e1e !important; background: #FDF4E6 !important; border: 1px solid #212e1e !important; border-radius: 12px; padding: 10px 15px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: none !important; } /* ========================================================= ORDERABLE TABS — NO HOVER EFFECT ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__link:hover { transform: none !important; color: #212e1e !important; background: #FDF4E6 !important; border-color: #212e1e !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; } /* ========================================================= ACTIVE ORDERABLE TAB ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__item.orderable-tabs__item--active .orderable-tabs__link { color: #212e1e !important; background: #FDF4E6 !important; border-color: #212e1e !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } /* Active tab hover — absolutely no change */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__item.orderable-tabs__item--active .orderable-tabs__link:hover { transform: none !important; color: #212e1e !important; background: #FDF4E6 !important; border-color: #212e1e !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important; } /* ========================================================= FOCUS / ACTIVE ========================================================= */ .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__link:focus, .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__link:active { outline: none; } /* ========================================================= MOBILE ORDERABLE TABS ========================================================= */ @media (max-width: 768px) { .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__list { flex-wrap: nowrap; } .elementor-374 .elementor-element.elementor-element-2feac45 .orderable-tabs__item { flex: 0 0 auto; } } .elementor-374 .elementor-element.elementor-element-2feac45 { position: relative; display: inline-block; width: 100%; cursor: pointer; transform: translateY(-6px); transform-style: preserve-3d; border-radius: 24px; filter: drop-shadow( 0 10px 0 rgba(33, 46, 30, 0.16) ); transition: transform 0.15s ease, filter 0.15s ease; } /* IMAGE */ .elementor-374 .elementor-element.elementor-element-2feac45 img { display: block; width: 100%; height: auto; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.75); background: rgba(253, 244, 230, 0.72); box-shadow: 0 6px 0 rgba(255, 255, 255, 0.35), 0 18px 35px rgba(33, 46, 30, 0.18), inset 0 1px 3px rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: box-shadow 0.15s ease, transform 0.15s ease; } /* GLASS SHINE */ .elementor-374 .elementor-element.elementor-element-2feac45::before { content: ""; position: absolute; top: 7%; left: 10%; width: 45%; height: 25%; background: linear-gradient( 120deg, rgba(255,255,255,0.55), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(8px); pointer-events: none; z-index: 2; } /* HOVER - RAISED */ .elementor-374 .elementor-element.elementor-element-2feac45:hover { transform: translateY(-10px); filter: drop-shadow( 0 15px 0 rgba(33, 46, 30, 0.18) ); } .elementor-374 .elementor-element.elementor-element-2feac45:hover img { box-shadow: 0 8px 0 rgba(255,255,255,0.4), 0 25px 45px rgba(33,46,30,0.24), inset 0 1px 4px rgba(255,255,255,0.95); } /* CLICK / PRESS */ .elementor-374 .elementor-element.elementor-element-2feac45:active { transform: translateY(3px); filter: drop-shadow( 0 3px 0 rgba(33, 46, 30, 0.16) ); } .elementor-374 .elementor-element.elementor-element-2feac45:active img { box-shadow: 0 2px 0 rgba(255,255,255,0.3), 0 6px 12px rgba(33,46,30,0.18), inset 0 2px 4px rgba(33,46,30,0.08); transform: scale(0.98); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adaf854 */.elementor-374 .elementor-element.elementor-element-adaf854 { position: relative; display: inline-block; width: 100%; cursor: pointer; transform: translateY(-6px); transform-style: preserve-3d; border-radius: 24px; filter: drop-shadow( 0 10px 0 rgba(33, 46, 30, 0.16) ); transition: transform 0.15s ease, filter 0.15s ease; } /* IMAGE */ .elementor-374 .elementor-element.elementor-element-adaf854 img { display: block; width: 100%; height: auto; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.75); background: rgba(253, 244, 230, 0.72); box-shadow: 0 6px 0 rgba(255, 255, 255, 0.35), 0 18px 35px rgba(33, 46, 30, 0.18), inset 0 1px 3px rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: box-shadow 0.15s ease, transform 0.15s ease; } /* GLASS SHINE */ .elementor-374 .elementor-element.elementor-element-adaf854::before { content: ""; position: absolute; top: 7%; left: 10%; width: 45%; height: 25%; background: linear-gradient( 120deg, rgba(255,255,255,0.55), rgba(255,255,255,0) ); border-radius: 50%; filter: blur(8px); pointer-events: none; z-index: 2; } /* HOVER - RAISED */ .elementor-374 .elementor-element.elementor-element-adaf854:hover { transform: translateY(-10px); filter: drop-shadow( 0 15px 0 rgba(33, 46, 30, 0.18) ); } .elementor-374 .elementor-element.elementor-element-adaf854:hover img { box-shadow: 0 8px 0 rgba(255,255,255,0.4), 0 25px 45px rgba(33,46,30,0.24), inset 0 1px 4px rgba(255,255,255,0.95); } /* CLICK / PRESS */ .elementor-374 .elementor-element.elementor-element-adaf854:active { transform: translateY(3px); filter: drop-shadow( 0 3px 0 rgba(33, 46, 30, 0.16) ); } .elementor-374 .elementor-element.elementor-element-adaf854:active img { box-shadow: 0 2px 0 rgba(255,255,255,0.3), 0 6px 12px rgba(33,46,30,0.18), inset 0 2px 4px rgba(33,46,30,0.08); transform: scale(0.98); }/* End custom CSS */