.elementor-2544 .elementor-element.elementor-element-60f5715{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-68d1cb4{--display:flex;--min-height:428px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2544 .elementor-element.elementor-element-68d1cb4:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-68d1cb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adhvam.com/wp-content/uploads/2026/06/3-2-scaled.png");background-position:center right;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-54cbd61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;}.elementor-2544 .elementor-element.elementor-element-54cbd61 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:55px;font-weight:700;color:#2C211B;}.elementor-2544 .elementor-element.elementor-element-79cbde1{padding:0px 0px 0px 20px;font-size:24px;font-weight:600;color:#75675D;}.elementor-2544 .elementor-element.elementor-element-b9b95e0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-877f5c0{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-d5e3b52{--display:flex;}.elementor-2544 .elementor-element.elementor-element-51b4349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -57px;}.elementor-2544 .elementor-element.elementor-element-51b4349 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:20px;font-weight:700;color:#2C211B;}.elementor-2544 .elementor-element.elementor-element-4d7a708{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -60px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Cormorant Garamond", Sans-serif;font-size:50px;font-weight:700;line-height:76px;}.elementor-2544 .elementor-element.elementor-element-4d7a708.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2544 .elementor-element.elementor-element-23395c5{--display:flex;}.elementor-2544 .elementor-element.elementor-element-610a6997{margin-top:100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2544 .elementor-element.elementor-element-dba6016 .woocommerce-breadcrumb{text-align:start;}.elementor-2544 .elementor-element.elementor-element-35ef7af{padding:0px 0px 20px 0px;}.elementor-2544 .elementor-element.elementor-element-1d90ab9 > .elementor-element-populated{padding:10px 30px 0px 30px;}.elementor-2544 .elementor-element.elementor-element-f703f67 > .elementor-element-populated{padding:10px 30px 0px 30px;}.elementor-2544 .elementor-element.elementor-element-1f0c3450{padding:0px 0px 20px 0px;}.elementor-2544 .elementor-element.elementor-element-0ed9aa6 > .elementor-element-populated{padding:10px 30px 0px 30px;}.elementor-2544 .elementor-element.elementor-element-117d75b7 > .elementor-element-populated{padding:10px 30px 0px 30px;}.elementor-2544 .elementor-element.elementor-element-7a78e7e > .elementor-element-populated{padding:10px 30px 0px 30px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product{text-align:center;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products{grid-column-gap:16px;grid-row-gap:40px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:15px 15px 15px 15px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#5A3520;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#5A3520;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{text-transform:uppercase;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .price{color:#5A3520;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .price ins{color:#5A3520;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .price ins .amount{color:#5A3520;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .price del{color:#8D7869;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .price del .amount{color:#8D7869;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .button{color:#5A3520;background-color:#02010100;border-color:#5A3520;font-family:"Cormorant Garamond", Sans-serif;font-size:15px;font-weight:900;border-style:solid;border-width:2px 2px 2px 2px;border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-2544 .elementor-element.elementor-element-1d90ab9{width:10%;}.elementor-2544 .elementor-element.elementor-element-f703f67{width:90%;}}@media(max-width:1024px){.elementor-2544 .elementor-element.elementor-element-60f5715{--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-79cbde1{font-size:20px;}.elementor-2544 .elementor-element.elementor-element-b9b95e0{--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-877f5c0{--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2544 .elementor-element.elementor-element-60f5715{--min-height:178px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-68d1cb4{--min-height:187px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2544 .elementor-element.elementor-element-68d1cb4:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-68d1cb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-2544 .elementor-element.elementor-element-54cbd61 .elementor-heading-title{font-size:40px;}.elementor-2544 .elementor-element.elementor-element-79cbde1{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -5px;}.elementor-2544 .elementor-element.elementor-element-b9b95e0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-877f5c0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2544 .elementor-element.elementor-element-51b4349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2544 .elementor-element.elementor-element-51b4349 .elementor-heading-title{font-size:42px;}.elementor-2544 .elementor-element.elementor-element-4d7a708{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2544 .elementor-element.elementor-element-23395c5:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-23395c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adhvam.com/wp-content/uploads/2026/06/3-2-scaled.png");background-position:center right;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-23395c5{--min-height:211px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product{text-align:left;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-element{--align-self:center;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:10px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .price{font-size:10px;}.elementor-2544 .elementor-element.elementor-element-fdadc9c.elementor-wc-products ul.products li.product .button{font-size:10px;border-width:1px 1px 1px 1px;}}/* Start custom CSS for section, class: .elementor-element-35ef7af *//* ========================================================= ADHVAM ZODIAC ESSENTIALS COMPLETE FILTER + PRODUCT LAYOUT ========================================================= */ /* ========================================================= 1. MAIN LAYOUT — DESKTOP ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } /* Filter column */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel { width: 22% !important; flex: 0 0 22% !important; padding: 0 22px 0 0 !important; box-sizing: border-box !important; } /* Product column */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products { width: 78% !important; flex: 0 0 78% !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 2. FILTER MAIN DESIGN ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #2C211B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= 3. FILTER TITLE ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter h1, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter h2, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter h3, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter h4, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: .2px !important; color: #2C211B !important; margin: 0 0 18px 0 !important; } /* ========================================================= 4. SEARCH BOX ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="search"], .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="text"] { width: 100% !important; height: 42px !important; padding: 0 12px !important; box-sizing: border-box !important; border: 1px solid #DCCBC0 !important; border-radius: 5px !important; background: #FFFDF9 !important; color: #2C211B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; outline: none !important; box-shadow: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="search"]::placeholder, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="text"]::placeholder { color: #8A776B !important; opacity: 1 !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="search"]:focus, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="text"]:focus { border-color: #A65F3B !important; box-shadow: 0 0 0 1px #A65F3B !important; } /* ========================================================= 5. SEARCH BUTTON ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter button[type="submit"], .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .search-submit { width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 7px 0 8px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 5px !important; background: #A65F3B !important; color: #FFFDF9 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter button[type="submit"] svg, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .search-submit svg { width: 16px !important; height: 16px !important; max-width: 16px !important; max-height: 16px !important; } /* ========================================================= 6. RESET LINKS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter a { text-decoration: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .reset, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-reset, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter a[href*="reset"] { display: inline-block !important; margin: 2px 0 12px 0 !important; padding: 0 !important; color: #A65F3B !important; background: transparent !important; border: 0 !important; font-size: 12px !important; font-weight: 500 !important; text-decoration: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .reset:hover, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-reset:hover, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter a[href*="reset"]:hover { color: #7E4028 !important; text-decoration: underline !important; } /* ========================================================= 7. FILTER HEADINGS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter h5, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter h6, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-heading, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-label { font-family: Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #2C211B !important; margin: 0 0 9px 0 !important; } /* ========================================================= 8. CATEGORY / FILTER LIST ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter ul li { margin: 0 !important; padding: 4px 0 !important; list-style: none !important; font-size: 14px !important; line-height: 1.4 !important; color: #40332C !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter ul li a { color: #40332C !important; font-size: 14px !important; text-decoration: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter ul li a:hover { color: #A65F3B !important; } /* ========================================================= 9. FILTER SECTION DIVIDERS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-section, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-group, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .filter-item { padding: 0 0 14px 0 !important; margin: 0 0 15px 0 !important; border-bottom: 1px solid #E6D9CF !important; } /* ========================================================= 10. CHECKBOXES ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; margin: 0 7px 0 0 !important; padding: 0 !important; vertical-align: middle !important; border: 1px solid #AFA097 !important; border-radius: 3px !important; background: #FFFDF9 !important; cursor: pointer !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="checkbox"]:checked { background: #A65F3B !important; border-color: #A65F3B !important; box-shadow: inset 0 0 0 3px #FFFDF9 !important; } /* ========================================================= 11. CHECKBOX LABELS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter label { display: inline-flex !important; align-items: center !important; margin: 3px 0 !important; color: #40332C !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; } /* ========================================================= 12. PRICE ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="number"] { width: 100% !important; height: 38px !important; padding: 7px 9px !important; box-sizing: border-box !important; border: 1px solid #DCCBC0 !important; border-radius: 5px !important; background: #FFFDF9 !important; color: #2C211B !important; font-size: 13px !important; outline: none !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter input[type="range"] { width: 100% !important; accent-color: #A65F3B !important; } /* ========================================================= 13. ACCORDION ARROWS Prevent huge broken arrows ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; box-sizing: border-box !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter i { width: auto !important; height: auto !important; font-size: 14px !important; line-height: 1 !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter button:not([type="submit"]) { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 3px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #2C211B !important; box-shadow: none !important; } /* ========================================================= 14. RESULT COUNT ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .result-count, .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-filter .woocommerce-result-count { margin-top: 8px !important; color: #75675D !important; font-size: 12px !important; } /* ========================================================= 15. MOBILE FILTER BAR ========================================================= */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-mobile-filter-bar { display: none; } /* ========================================================= 16. MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------- MAIN SECTION ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } /* ----------------------------------------- FILTER COLUMN ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel { width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------- PRODUCT COLUMN ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products { width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------- MOBILE FILTER + SORT BAR ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-mobile-filter-bar { display: grid !important; grid-template-columns: 1fr 1fr; width: 100% !important; height: 48px; margin: 0 0 18px 0 !important; padding: 0 !important; border: 1px solid #D8C7BC; border-radius: 5px; background: #FFFDF9; overflow: hidden; box-sizing: border-box; } /* ----------------------------------------- FILTER / SORT BUTTONS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-mobile-filter-bar button { width: 100% !important; height: 47px !important; min-height: 47px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #FFFDF9 !important; color: #2C211B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; box-shadow: none !important; cursor: pointer !important; } /* divider */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-mobile-filter-bar button:first-child { border-right: 1px solid #D8C7BC !important; } /* icons */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-mobile-filter-bar button span { display: inline-block !important; font-size: 16px !important; line-height: 1 !important; } /* active filter */ .elementor-2544 .elementor-element.elementor-element-35ef7af .adhvam-mobile-filter-bar button.active { background: #A65F3B !important; color: #FFFDF9 !important; } /* ----------------------------------------- HIDE FILTER BY DEFAULT ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel { display: none !important; } /* ----------------------------------------- SHOW FILTER WHEN BUTTON CLICKED ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open { display: block !important; width: 100% !important; margin: 0 0 18px 0 !important; padding: 18px !important; box-sizing: border-box !important; background: #FFFDF9 !important; border: 1px solid #E6D9CF !important; border-radius: 7px !important; } /* ----------------------------------------- MOBILE FILTER TITLE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open h1, .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open h2, .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open h3, .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open h4 { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 23px !important; line-height: 1.2 !important; color: #2C211B !important; margin: 0 0 16px 0 !important; } /* ----------------------------------------- MOBILE SEARCH ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open input[type="search"], .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open input[type="text"] { width: 100% !important; height: 42px !important; padding: 0 11px !important; box-sizing: border-box !important; border: 1px solid #DCCBC0 !important; border-radius: 5px !important; background: #FFFDF9 !important; font-size: 14px !important; } /* ----------------------------------------- MOBILE FILTER HEADINGS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open h5, .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open h6 { font-size: 16px !important; margin: 12px 0 8px 0 !important; } /* ----------------------------------------- MOBILE CHECKBOXES ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; margin-right: 7px !important; } /* ----------------------------------------- MOBILE LABELS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open label { font-size: 14px !important; line-height: 1.4 !important; } /* ----------------------------------------- MOBILE LIST ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open ul { margin: 0 !important; padding: 0 !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open li { padding: 4px 0 !important; margin: 0 !important; } /* ----------------------------------------- MOBILE ARROWS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #mobile-filter-panel.adhvam-filter-open svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; } /* ----------------------------------------- MOBILE PRODUCT GRID ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 10px !important; row-gap: 22px !important; margin: 0 !important; padding: 0 !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products li.product { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------- PRODUCT IMAGE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products li.product img { width: 100% !important; height: auto !important; margin: 0 0 9px 0 !important; border-radius: 8px !important; } /* ----------------------------------------- PRODUCT TITLE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; line-height: 1.25 !important; font-weight: 600 !important; color: #2C211B !important; margin: 0 0 6px 0 !important; } /* ----------------------------------------- PRODUCT PRICE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products li.product .price { font-size: 13px !important; color: #7E4028 !important; margin: 0 0 9px 0 !important; } /* ----------------------------------------- ADD TO CART ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products li.product a.button { width: 100% !important; min-height: 36px !important; padding: 8px 5px !important; margin: 0 !important; box-sizing: border-box !important; border: 1px solid #A65F3B !important; border-radius: 20px !important; background: transparent !important; color: #7E4028 !important; font-size: 11px !important; font-weight: 500 !important; text-align: center !important; } .elementor-2544 .elementor-element.elementor-element-35ef7af #zodiac-products ul.products li.product a.button:hover { background: #A65F3B !important; color: #FFFDF9 !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1f0c3450 *//* ========================================================= ADHVAM ZODIAC ESSENTIALS COMPLETE FILTER + PRODUCT LAYOUT ========================================================= */ /* ========================================================= 1. MAIN LAYOUT — DESKTOP ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } /* Filter column */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel { width: 22% !important; flex: 0 0 22% !important; padding: 0 22px 0 0 !important; box-sizing: border-box !important; } /* Product column */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products { width: 78% !important; flex: 0 0 78% !important; padding: 0 !important; box-sizing: border-box !important; } /* ========================================================= 2. FILTER MAIN DESIGN ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #2C211B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; } /* ========================================================= 3. FILTER TITLE ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter h1, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter h2, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter h3, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter h4, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 27px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: .2px !important; color: #2C211B !important; margin: 0 0 18px 0 !important; } /* ========================================================= 4. SEARCH BOX ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="search"], .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="text"] { width: 100% !important; height: 42px !important; padding: 0 12px !important; box-sizing: border-box !important; border: 1px solid #DCCBC0 !important; border-radius: 5px !important; background: #FFFDF9 !important; color: #2C211B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; outline: none !important; box-shadow: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="search"]::placeholder, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="text"]::placeholder { color: #8A776B !important; opacity: 1 !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="search"]:focus, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="text"]:focus { border-color: #A65F3B !important; box-shadow: 0 0 0 1px #A65F3B !important; } /* ========================================================= 5. SEARCH BUTTON ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter button[type="submit"], .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .search-submit { width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 7px 0 8px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 5px !important; background: #A65F3B !important; color: #FFFDF9 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter button[type="submit"] svg, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .search-submit svg { width: 16px !important; height: 16px !important; max-width: 16px !important; max-height: 16px !important; } /* ========================================================= 6. RESET LINKS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter a { text-decoration: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .reset, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-reset, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter a[href*="reset"] { display: inline-block !important; margin: 2px 0 12px 0 !important; padding: 0 !important; color: #A65F3B !important; background: transparent !important; border: 0 !important; font-size: 12px !important; font-weight: 500 !important; text-decoration: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .reset:hover, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-reset:hover, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter a[href*="reset"]:hover { color: #7E4028 !important; text-decoration: underline !important; } /* ========================================================= 7. FILTER HEADINGS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter h5, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter h6, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-heading, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-label { font-family: Arial, Helvetica, sans-serif !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #2C211B !important; margin: 0 0 9px 0 !important; } /* ========================================================= 8. CATEGORY / FILTER LIST ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter ul li { margin: 0 !important; padding: 4px 0 !important; list-style: none !important; font-size: 14px !important; line-height: 1.4 !important; color: #40332C !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter ul li a { color: #40332C !important; font-size: 14px !important; text-decoration: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter ul li a:hover { color: #A65F3B !important; } /* ========================================================= 9. FILTER SECTION DIVIDERS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-section, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-group, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .filter-item { padding: 0 0 14px 0 !important; margin: 0 0 15px 0 !important; border-bottom: 1px solid #E6D9CF !important; } /* ========================================================= 10. CHECKBOXES ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; margin: 0 7px 0 0 !important; padding: 0 !important; vertical-align: middle !important; border: 1px solid #AFA097 !important; border-radius: 3px !important; background: #FFFDF9 !important; cursor: pointer !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="checkbox"]:checked { background: #A65F3B !important; border-color: #A65F3B !important; box-shadow: inset 0 0 0 3px #FFFDF9 !important; } /* ========================================================= 11. CHECKBOX LABELS ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter label { display: inline-flex !important; align-items: center !important; margin: 3px 0 !important; color: #40332C !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; } /* ========================================================= 12. PRICE ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="number"] { width: 100% !important; height: 38px !important; padding: 7px 9px !important; box-sizing: border-box !important; border: 1px solid #DCCBC0 !important; border-radius: 5px !important; background: #FFFDF9 !important; color: #2C211B !important; font-size: 13px !important; outline: none !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter input[type="range"] { width: 100% !important; accent-color: #A65F3B !important; } /* ========================================================= 13. ACCORDION ARROWS Prevent huge broken arrows ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; box-sizing: border-box !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter i { width: auto !important; height: auto !important; font-size: 14px !important; line-height: 1 !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter button:not([type="submit"]) { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 3px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #2C211B !important; box-shadow: none !important; } /* ========================================================= 14. RESULT COUNT ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .result-count, .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-filter .woocommerce-result-count { margin-top: 8px !important; color: #75675D !important; font-size: 12px !important; } /* ========================================================= 15. MOBILE FILTER BAR ========================================================= */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-mobile-filter-bar { display: none; } /* ========================================================= 16. MOBILE — 767px AND BELOW ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------- MAIN SECTION ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important; } /* ----------------------------------------- FILTER COLUMN ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel { width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------- PRODUCT COLUMN ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products { width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------- MOBILE FILTER + SORT BAR ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-mobile-filter-bar { display: grid !important; grid-template-columns: 1fr 1fr; width: 100% !important; height: 48px; margin: 0 0 18px 0 !important; padding: 0 !important; border: 1px solid #D8C7BC; border-radius: 5px; background: #FFFDF9; overflow: hidden; box-sizing: border-box; } /* ----------------------------------------- FILTER / SORT BUTTONS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-mobile-filter-bar button { width: 100% !important; height: 47px !important; min-height: 47px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #FFFDF9 !important; color: #2C211B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; box-shadow: none !important; cursor: pointer !important; } /* divider */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-mobile-filter-bar button:first-child { border-right: 1px solid #D8C7BC !important; } /* icons */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-mobile-filter-bar button span { display: inline-block !important; font-size: 16px !important; line-height: 1 !important; } /* active filter */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 .adhvam-mobile-filter-bar button.active { background: #A65F3B !important; color: #FFFDF9 !important; } /* ----------------------------------------- HIDE FILTER BY DEFAULT ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel { display: none !important; } /* ----------------------------------------- SHOW FILTER WHEN BUTTON CLICKED ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open { display: block !important; width: 100% !important; margin: 0 0 18px 0 !important; padding: 18px !important; box-sizing: border-box !important; background: #FFFDF9 !important; border: 1px solid #E6D9CF !important; border-radius: 7px !important; } /* ----------------------------------------- MOBILE FILTER TITLE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open h1, .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open h2, .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open h3, .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open h4 { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 23px !important; line-height: 1.2 !important; color: #2C211B !important; margin: 0 0 16px 0 !important; } /* ----------------------------------------- MOBILE SEARCH ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open input[type="search"], .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open input[type="text"] { width: 100% !important; height: 42px !important; padding: 0 11px !important; box-sizing: border-box !important; border: 1px solid #DCCBC0 !important; border-radius: 5px !important; background: #FFFDF9 !important; font-size: 14px !important; } /* ----------------------------------------- MOBILE FILTER HEADINGS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open h5, .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open h6 { font-size: 16px !important; margin: 12px 0 8px 0 !important; } /* ----------------------------------------- MOBILE CHECKBOXES ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open input[type="checkbox"] { width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important; margin-right: 7px !important; } /* ----------------------------------------- MOBILE LABELS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open label { font-size: 14px !important; line-height: 1.4 !important; } /* ----------------------------------------- MOBILE LIST ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open ul { margin: 0 !important; padding: 0 !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open li { padding: 4px 0 !important; margin: 0 !important; } /* ----------------------------------------- MOBILE ARROWS ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #mobile-filter-panel.adhvam-filter-open svg { width: 15px !important; height: 15px !important; max-width: 15px !important; max-height: 15px !important; } /* ----------------------------------------- MOBILE PRODUCT GRID ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 10px !important; row-gap: 22px !important; margin: 0 !important; padding: 0 !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products li.product { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------- PRODUCT IMAGE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products li.product img { width: 100% !important; height: auto !important; margin: 0 0 9px 0 !important; border-radius: 8px !important; } /* ----------------------------------------- PRODUCT TITLE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; line-height: 1.25 !important; font-weight: 600 !important; color: #2C211B !important; margin: 0 0 6px 0 !important; } /* ----------------------------------------- PRODUCT PRICE ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products li.product .price { font-size: 13px !important; color: #7E4028 !important; margin: 0 0 9px 0 !important; } /* ----------------------------------------- ADD TO CART ----------------------------------------- */ .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products li.product a.button { width: 100% !important; min-height: 36px !important; padding: 8px 5px !important; margin: 0 !important; box-sizing: border-box !important; border: 1px solid #A65F3B !important; border-radius: 20px !important; background: transparent !important; color: #7E4028 !important; font-size: 11px !important; font-weight: 500 !important; text-align: center !important; } .elementor-2544 .elementor-element.elementor-element-1f0c3450 #zodiac-products ul.products li.product a.button:hover { background: #A65F3B !important; color: #FFFDF9 !important; } }/* End custom CSS */