.elementor-30785 .elementor-element.elementor-element-1b931c8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-1b931c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30785 .elementor-element.elementor-element-ee3080a{--display:flex;--min-height:0px;--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;--justify-content:flex-start;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-ee3080a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30785 .elementor-element.elementor-element-4d920da .woolentor-breadcrumb{text-align:left;}.elementor-30785 .elementor-element.elementor-element-4d920da .woolentor-breadcrumb .woocommerce-breadcrumb a:hover{color:#000000;}.elementor-30785 .elementor-element.elementor-element-4d920da .woolentor-breadcrumb span.breadcrumb-separator{margin:0 10px;}.elementor-30785 .elementor-element.elementor-element-4d920da .woolentor-breadcrumb .woocommerce-breadcrumb span.breadcrumb-separator{font-size:16px;}.elementor-30785 .elementor-element.elementor-element-4d920da .woolentor-breadcrumb .woocommerce-breadcrumb span.breadcrumb-separator svg{width:16px;height:16px;}.elementor-30785 .elementor-element.elementor-element-971f6ac{width:var( --container-widget-width, 103.129% );max-width:103.129%;--container-widget-width:103.129%;--container-widget-flex-grow:0;}.elementor-30785 .elementor-element.elementor-element-971f6ac > .elementor-widget-container{margin:0px 0px 0px 21px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.5);}.elementor-30785 .elementor-element.elementor-element-971f6ac.elementor-element{--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
                    .woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .flex-viewport{border-style:none;}.woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
                        .woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .flex-viewport{border-radius:22px 22px 22px 22px;overflow:hidden;}.woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .flex-control-thumbs img{border-style:none;border-radius:15px 15px 15px 15px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .flex-control-thumbs li{padding-right:calc(19px / 2);padding-left:calc(19px / 2);padding-bottom:19px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-971f6ac .flex-control-thumbs{margin-right:calc(-19px / 2);margin-left:calc(-19px / 2);}.elementor-30785 .elementor-element.elementor-element-fcc4b10{--display:flex;--padding-top:59px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-144cd4f .product_title{color:#565959 !important;font-family:"Roboto", Sans-serif;font-size:49px;font-weight:900;text-transform:none;line-height:1.35em;margin:0px 0px 0px 0px !important;}.woocommerce .elementor-30785 .elementor-element.elementor-element-f486bbd .woolentor_product_categories_info{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-f486bbd .woolentor_product_categories_info .categories-title{color:#000000;}.woocommerce .elementor-30785 .elementor-element.elementor-element-f486bbd .woolentor_product_categories_info .posted_in{color:#000000;margin-left:55px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-f486bbd .woolentor_product_categories_info .posted_in a{color:#000000;}.elementor-30785 .elementor-element.elementor-element-f486bbd .woolentor_product_categories_info{margin:0px 0px 5px 0px;}.elementor-30785 .elementor-element.elementor-element-bbaadbe .star-rating{color:#DE7921 !important;}.elementor-30785 .elementor-element.elementor-element-bbaadbe .star-rating span:before{color:#DE7921 !important;}.elementor-30785 .elementor-element.elementor-element-bbaadbe .woocommerce-product-rating{color:#DE7921 !important;}.elementor-30785 .elementor-element.elementor-element-bbaadbe a.woocommerce-review-link{color:#007185 !important;font-size:14px;font-weight:600;}.woocommerce .elementor-30785 .elementor-element.elementor-element-bbaadbe .woocommerce-product-rating{margin:0px 0px 0px 0px !important;}.elementor-30785 .elementor-element.elementor-element-3f555f9{--divider-border-style:solid;--divider-color:#CACACA;--divider-border-width:1px;}.elementor-30785 .elementor-element.elementor-element-3f555f9 .elementor-divider-separator{width:100%;}.elementor-30785 .elementor-element.elementor-element-3f555f9 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-30785 .elementor-element.elementor-element-bd592a3 .price{color:var( --e-global-color-7dba3a4 );margin:0px 0px 0px 0px !important;}.elementor-30785 .elementor-element.elementor-element-bd592a3 .price .amount{font-size:20px;font-weight:500;}.elementor-30785 .elementor-element.elementor-element-bd592a3 .price del{color:#92E7FF !important;}.elementor-30785 .elementor-element.elementor-element-bd592a3 .price del, .elementor-30785 .elementor-element.elementor-element-bd592a3 .price del .amount{text-decoration:line-through;}.woocommerce .elementor-30785 .elementor-element.elementor-element-a6a5dd0 .woolentor_product_sku_info span{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-a6a5dd0 .woolentor_product_sku_info .sku-title{color:#000000;}.woocommerce .elementor-30785 .elementor-element.elementor-element-a6a5dd0 .woolentor_product_sku_info .sku{color:#000000;margin-left:100px;}.elementor-30785 .elementor-element.elementor-element-a6a5dd0 .woolentor_product_sku_info{margin:0px 0px 5px 0px;}.elementor-30785 .elementor-element.elementor-element-2de2089 > .elementor-widget-container{background-color:#EAF7FB;padding:5px 5px 5px 5px;border-radius:15px 15px 15px 15px;box-shadow:12px 9px 17px -7px rgba(206.52343750000003, 187.21798573369568, 187.21798573369568, 0.5);}.woocommerce .elementor-30785 .elementor-element.elementor-element-2de2089 .woocommerce-product-details__short-description,.woocommerce .elementor-30785 .elementor-element.elementor-element-2de2089 .woocommerce-product-details__short-description p{font-size:17px;line-height:32px;}.elementor-30785 .elementor-element.elementor-element-bdf6ac8{--divider-border-style:solid;--divider-color:#CACACA;--divider-border-width:1px;}.elementor-30785 .elementor-element.elementor-element-bdf6ac8 .elementor-divider-separator{width:100%;}.elementor-30785 .elementor-element.elementor-element-bdf6ac8 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-30785 .elementor-element.elementor-element-e4d286f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity.wl-quantity-minus{color:#0EBCED;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity.wl-quantity-minus{color:#0EBCED;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity.wl-quantity-plus{color:#333333;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity.wl-quantity-plus{color:#333333;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-1 .quantity input[type=number]{color:#221313;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 .quantity input[type=number]{color:#221313;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-3 .quantity input[type=number]{color:#221313;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-4 .quantity input[type=number]{color:#221313;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 .quantity input[type=number]{color:#221313;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity-cal,.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity-cal,.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-1 .quantity input[type=number],.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-3 .quantity input[type=number],.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 .quantity input[type=number]{border-style:solid;border-width:0px 0px 2px 0px;border-color:#CCCCCC;}.woocommerce .elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity-cal .wl-quantity{font-size:33px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity-cal .wl-quantity{font-size:33px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart form.cart .wl-quantity-wrap .wl-quantity-cal .quantity input{font-size:33px;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon.wishlist a{color:#FFFFFF;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon.wishlist a{color:#FFFFFF;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon.wishlist{background:#000000;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon.wishlist{background:#000000;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon.compare{color:#EB2E2E;background:#000000;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon.compare a{color:#EB2E2E;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon.compare{color:#EB2E2E;background:#000000;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon.compare a{color:#EB2E2E;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon,.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon{border-style:solid;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap .wl-cart-icon{border-radius:14px 14px 14px 14px;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap .wl-cart-icon{border-radius:14px 14px 14px 14px;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon{border-radius:14px 14px 14px 14px;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon{border-radius:14px 14px 14px 14px;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon.wishlist:hover > a{color:#FFFFFF;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon.wishlist:hover > a{color:#FFFFFF;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart[class*="wl-style-"] form.cart button{color:#FFFFFF !important;padding:15px 27px 20px 20px;border-radius:4px 4px 4px 4px !important;background-color:#0DA0C9 !important;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-style-1 form.cart button{color:#FFFFFF !important;padding:15px 27px 20px 20px;border-radius:4px 4px 4px 4px !important;background-color:#0DA0C9 !important;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart[class*="wl-style-"] form.cart button,.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-style-1 form.cart button{font-family:"Rubik", Sans-serif;font-size:21px;font-weight:400;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart[class*="wl-style-"] form.cart button:hover{color:#FFFFFF !important;background-color:#0D9EB1 !important;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-style-1 form.cart button:hover{color:#FFFFFF !important;background-color:#0D9EB1 !important;}.elementor-30785 .elementor-element.elementor-element-a103c2f{margin:-75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30785 .elementor-element.elementor-element-96a5342{--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;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-7cd489f{--display:flex;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-f4eb4f0{--display:flex;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-af030f5 .wl-row > [class*="col-"]{padding:0  15px;margin-bottom:30px;}.elementor-30785 .elementor-element.elementor-element-d76c0b4{--display:flex;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-fd5349c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color-active:#000000;}.elementor-30785 .elementor-element.elementor-element-fd5349c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-30785 .elementor-element.elementor-element-fd5349c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:solid;border-width:2px 2px 2px 2px;}.elementor-30785 .elementor-element.elementor-element-fd5349c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}.elementor-30785 .elementor-element.elementor-element-ac238ff{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-af2b111{--display:flex;overflow:visible;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-30785 .elementor-element.elementor-element-51cd754 h2.wlrelated_product_title{color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner{border-color:#f1f1f1;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content{background-color:#ffffff;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover{color:#dc9a0e;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#dc9a0e;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a .ht-product-action-tooltip,.elementor-30785 .elementor-element.elementor-element-51cd754 span.woolentor-tip{color:#ffffff;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li a{color:#000000;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:20px;line-height:30px;}.elementor-30785 .elementor-element.elementor-element-51cd754 .woolentor-compare.compare::before,.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-product-action ul li.woolentor-cart a::before{font-size:20px;line-height:30px;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{width:30px;height:30px;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-action ul li:hover a{color:#dc9a0e;}.elementor-30785 .elementor-element.elementor-element-51cd754 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#dc9a0e !important;}.elementor-30785 .elementor-element.elementor-element-51cd754 .woolentor-stock-progress-bar .wlprogress-area{height:10px;}@media(max-width:1024px){.elementor-30785 .elementor-element.elementor-element-144cd4f .product_title{font-size:22px;}.elementor-30785 .elementor-element.elementor-element-a103c2f{margin:-49px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-30785 .elementor-element.elementor-element-1b931c8{--width:95.351%;}.elementor-30785 .elementor-element.elementor-element-ee3080a{--width:40.654%;}}@media(max-width:767px){.elementor-30785 .elementor-element.elementor-element-1b931c8{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-30785 .elementor-element.elementor-element-ee3080a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:13px;--padding-right:4px;}.elementor-30785 .elementor-element.elementor-element-4d920da .woolentor-breadcrumb{text-align:left;}.elementor-30785 .elementor-element.elementor-element-971f6ac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30785 .elementor-element.elementor-element-f947361{padding:0px 4px 0px 13px;}.elementor-30785 .elementor-element.elementor-element-fcc4b10{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:13px;--padding-right:0px;}.elementor-30785 .elementor-element.elementor-element-144cd4f > .elementor-widget-container{padding:0px 0px 0px 7px;}.elementor-30785 .elementor-element.elementor-element-144cd4f .product_title{font-size:34px;line-height:57px;}.elementor-30785 .elementor-element.elementor-element-bd592a3 .price .amount{font-size:31px;letter-spacing:2.7px;word-spacing:0em;}.elementor-30785 .elementor-element.elementor-element-bd592a3 .price del, .elementor-30785 .elementor-element.elementor-element-bd592a3 .price del .amount{letter-spacing:-0.5px;word-spacing:0em;}.elementor-30785 .elementor-element.elementor-element-2de2089 > .elementor-widget-container{padding:3px 3px 3px 3px;}.woocommerce .elementor-30785 .elementor-element.elementor-element-2de2089 .woocommerce-product-details__short-description,.woocommerce .elementor-30785 .elementor-element.elementor-element-2de2089 .woocommerce-product-details__short-description p{font-size:17px;line-height:2em;}.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-addto-cart[class*="wl-style-"] form.cart button,.elementor-30785 .elementor-element.elementor-element-e4d286f .wl-style-1 form.cart button{font-size:28px;}.elementor-30785 .elementor-element.elementor-element-a103c2f{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for woolentor-breadcrumbs-addons, class: .elementor-element-4d920da *//* ════════════════════════════════════════════════════════════
   .breadcum26cd — WooCommerce / WoolEntor Breadcrumb
   Targets the exact HTML output structure:

   <div class="breadcum26cd">
     <div class="elementor-widget-container">
       <div class="woolentor-breadcrumb">
         <nav class="woocommerce-breadcrumb">
           <a href="/">Home</a>
           <span class="breadcrumb-separator">
             <i class="fas fa-angle-right"></i>
           </span>
           Category Name
           <span class="breadcrumb-separator">...</span>
           Current Product
         </nav>
       </div>
     </div>
   </div>

   Current page = plain text node at end of nav (no wrapper tag)
   Separator    = span.breadcrumb-separator > i.fas.fa-angle-right
   Links        = <a> tags for all previous levels
   ════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════
   DESIGN TOKENS
   ════════════════════════════════════════ */
.breadcum26cd {
  --bc-cyan:         #0899C5;
  --bc-cyan-dark:    #0670A0;
  --bc-cyan-dim:     rgba(8, 153, 197, 0.07);
  --bc-cyan-soft:    rgba(8, 153, 197, 0.13);
  --bc-cyan-line:    rgba(8, 153, 197, 0.18);

  --bc-heading:      #0b1c2c;
  --bc-muted:        #7b95a8;
  --bc-muted-light:  #b0c8d4;

  --bc-surface:      #f4f8fb;
  --bc-border:       #e2edf4;

  --bc-font-head:    'Syne', sans-serif;
  --bc-font-body:    'Plus Jakarta Sans', sans-serif;
  --bc-radius:       10px;
}


/* ════════════════════════════════════════
   WRAPPER RESETS
   Strip Elementor / WoolEntor default
   margins and paddings from the wrappers
   ════════════════════════════════════════ */
.breadcum26cd,
.breadcum26cd .elementor-widget-container,
.breadcum26cd .woolentor-breadcrumb {
  margin:  0 !important;
  padding: 0 !important;
}

.breadcum26cd .elementor-widget-container,
.breadcum26cd .woolentor-breadcrumb {
  display: block !important;
  width:   100% !important;
}


/* ════════════════════════════════════════
   THE BREADCRUMB BAR
   Styled on nav.woocommerce-breadcrumb
   Left cyan accent + subtle surface bg.
   overflow: hidden clips the glow layer.
   Current page text (plain text node)
   inherits color + weight from nav.
   ════════════════════════════════════════ */
.breadcum26cd .woocommerce-breadcrumb {
  display:          flex !important;
  align-items:      center !important;
  flex-wrap:        wrap !important;
  gap:              0 !important;
  position:         relative !important;
  overflow:         hidden !important;
  width:            100% !important;
  box-sizing:       border-box !important;

  /* Box */
  padding:          11px 20px !important;
  background-color: var(--bc-surface) !important;
  background-image: radial-gradient(
                      circle,
                      rgba(8, 153, 197, 0.045) 1px,
                      transparent 1px
                    ) !important;
  background-size:  18px 18px !important;
  border:           1px solid var(--bc-border) !important;
  border-left:      3px solid var(--bc-cyan) !important;
  border-radius:    0 var(--bc-radius) var(--bc-radius) 0 !important;
  margin:           0 0 24px 0 !important;

  /* Current page text (plain text node inherits these) */
  font-family:      var(--bc-font-body) !important;
  font-size:        13.5px !important;
  font-weight:      600 !important;
  line-height:      1.4 !important;
  color:            var(--bc-heading) !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Left glow layer — sits below all content */
.breadcum26cd .woocommerce-breadcrumb::before {
  content:          '' !important;
  position:         absolute !important;
  left:             0 !important;
  top:              0 !important;
  bottom:           0 !important;
  width:            52px !important;
  background:       linear-gradient(
                      90deg,
                      rgba(8, 153, 197, 0.08) 0%,
                      transparent             100%
                    ) !important;
  pointer-events:   none !important;
  z-index:          0 !important;
}

/* Current-page dot — appended after the last text node */
.breadcum26cd .woocommerce-breadcrumb::after {
  content:       '' !important;
  display:       inline-block !important;
  width:         5px !important;
  height:        5px !important;
  min-width:     5px !important;
  background:    var(--bc-cyan) !important;
  border-radius: 50% !important;
  margin-left:   9px !important;
  opacity:       0.65 !important;
  flex-shrink:   0 !important;
  align-self:    center !important;
  position:      relative !important;
  z-index:       1 !important;
}

/* All direct children sit above the glow layer */
.breadcum26cd .woocommerce-breadcrumb > * {
  position: relative !important;
  z-index:  1 !important;
}


/* ════════════════════════════════════════
   LINKS  (Home + all middle categories)
   Muted at rest → cyan on hover.
   Underline grows from left via transform
   (compositor-only — no layout recalc).
   ════════════════════════════════════════ */
.breadcum26cd .woocommerce-breadcrumb a {
  position:        relative !important;
  display:         inline-flex !important;
  align-items:     center !important;
  gap:             5px !important;
  color:           var(--bc-muted) !important;
  text-decoration: none !important;
  font-family:     var(--bc-font-body) !important;
  font-size:       13.5px !important;
  font-weight:     500 !important;
  line-height:     1.4 !important;
  white-space:     nowrap !important;
  border:          none !important;
  /* Compositor-only transition */
  transition:      color 0.18s ease !important;
  z-index:         1 !important;
}

.breadcum26cd .woocommerce-breadcrumb a:hover {
  color: var(--bc-cyan) !important;
}

/* Grow-in underline on hover */
.breadcum26cd .woocommerce-breadcrumb a::after {
  content:          '' !important;
  position:         absolute !important;
  bottom:           -1px !important;
  left:             0 !important;
  right:            0 !important;
  height:           1px !important;
  background:       var(--bc-cyan) !important;
  border-radius:    1px !important;
  transform:        scaleX(0) !important;
  transform-origin: left center !important;
  transition:       transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.breadcum26cd .woocommerce-breadcrumb a:hover::after {
  transform: scaleX(1) !important;
}


/* ════════════════════════════════════════
   HOME ICON — first <a> only
   Inline SVG home via background-image.
   Muted at rest, turns cyan on hover.
   Zero extra HTTP requests.
   ════════════════════════════════════════ */
.breadcum26cd .woocommerce-breadcrumb a:first-of-type {
  padding-left: 19px !important;
}

.breadcum26cd .woocommerce-breadcrumb a:first-of-type::before {
  content:             '' !important;
  position:            absolute !important;
  left:                0 !important;
  top:                 50% !important;
  transform:           translateY(-50%) !important;
  width:               13px !important;
  height:              13px !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 1.2L1 5.6V12h3.5V8.2h4V12H12V5.6z' fill='%237b95a8'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-size:     contain !important;
  background-position: center !important;
  transition:          opacity 0.18s !important;
  border:              none !important;
  border-radius:       0 !important;
}

.breadcum26cd .woocommerce-breadcrumb a:first-of-type:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M6.5 1.2L1 5.6V12h3.5V8.2h4V12H12V5.6z' fill='%230899C5'/%3E%3C/svg%3E") !important;
}


/* ════════════════════════════════════════
   SEPARATOR  span.breadcrumb-separator
   Hide the Font Awesome <i> icon entirely.
   Replace with a clean CSS chevron on the
   span's ::after pseudo-element.
   ════════════════════════════════════════ */
.breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator {
  display:         inline-flex !important;
  align-items:     center !important;
  justify-content: center !important;
  width:           18px !important;
  height:          18px !important;
  flex-shrink:     0 !important;
  margin:          0 4px !important;
  position:        relative !important;
  z-index:         1 !important;
}

/* Hide the Font Awesome icon */
.breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator i,
.breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator .fas,
.breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator svg {
  display: none !important;
}

/* CSS chevron replacing the icon */
.breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator::after {
  content:       '' !important;
  display:       inline-block !important;
  width:         5px !important;
  height:        5px !important;
  border-right:  1.5px solid var(--bc-muted-light) !important;
  border-top:    1.5px solid var(--bc-muted-light) !important;
  border-left:   none !important;
  border-bottom: none !important;
  transform:     rotate(45deg) !important;
  border-radius: 0 !important;
  background:    transparent !important;
  flex-shrink:   0 !important;
}


/* ════════════════════════════════════════
   RESPONSIVE — Tablet 768px
   Fix: NEVER hide the ::after chevron.
   Only hide middle <a> links + their
   immediately preceding separators.
   The last separator (before current page)
   always stays visible with its chevron.
   ════════════════════════════════════════ */
@media (max-width: 768px) {
  .breadcum26cd .woocommerce-breadcrumb {
    padding:   10px 16px !important;
    font-size: 13px !important;
    flex-wrap: nowrap !important;
    overflow:  hidden !important;
  }

  .breadcum26cd .woocommerce-breadcrumb a {
    font-size: 13px !important;
  }

  /* Hide middle links only (not first Home link) */
  .breadcum26cd .woocommerce-breadcrumb a:not(:first-of-type) {
    display: none !important;
  }

  /* Hide separator that comes IMMEDIATELY AFTER a hidden middle link.
     .elementor-30785 .elementor-element.elementor-element-4d920da: hidden-a + separator = the middle separators             */
  .breadcum26cd .woocommerce-breadcrumb a:not(:first-of-type) + .breadcrumb-separator {
    display: none !important;
  }

  /* Always keep the LAST separator visible — its chevron must show.
     Explicitly restore display + ensure ::after chevron is intact.    */
  .breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator:last-of-type {
    display: inline-flex !important;
    margin:  0 8px !important;
  }

  /* Chevron ::after — NEVER hidden. Restore fully in case any
     inherited rule has touched it.                                     */
  .breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator:last-of-type::after {
    content:       '' !important;
    display:       inline-block !important;
    width:         5px !important;
    height:        5px !important;
    border-right:  1.5px solid var(--bc-muted-light) !important;
    border-top:    1.5px solid var(--bc-muted-light) !important;
    border-left:   none !important;
    border-bottom: none !important;
    transform:     rotate(45deg) !important;
    border-radius: 0 !important;
    background:    transparent !important;
  }

  /* No ::before content — remove any stale text */
  .breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator:last-of-type::before {
    content: none !important;
  }
}


/* ════════════════════════════════════════
   RESPONSIVE — Mobile 480px
   Same logic as tablet.
   Additionally: tighten padding, hide dot.
   ════════════════════════════════════════ */
@media (max-width: 480px) {
  .breadcum26cd .woocommerce-breadcrumb {
    padding:       9px 12px !important;
    font-size:     12.5px !important;
    margin-bottom: 16px !important;
  }

  .breadcum26cd .woocommerce-breadcrumb a {
    font-size: 12.5px !important;
  }

  /* Hide all middle links */
  .breadcum26cd .woocommerce-breadcrumb a:not(:first-of-type) {
    display: none !important;
  }

  /* Hide their adjacent separators */
  .breadcum26cd .woocommerce-breadcrumb a:not(:first-of-type) + .breadcrumb-separator {
    display: none !important;
  }

  /* Keep last separator + chevron always visible */
  .breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator:last-of-type {
    display: inline-flex !important;
    margin:  0 7px !important;
  }

  .breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator:last-of-type::after {
    content:       '' !important;
    display:       inline-block !important;
    width:         5px !important;
    height:        5px !important;
    border-right:  1.5px solid var(--bc-muted-light) !important;
    border-top:    1.5px solid var(--bc-muted-light) !important;
    border-left:   none !important;
    border-bottom: none !important;
    transform:     rotate(45deg) !important;
    border-radius: 0 !important;
    background:    transparent !important;
  }

  .breadcum26cd .woocommerce-breadcrumb .breadcrumb-separator:last-of-type::before {
    content: none !important;
  }

  /* Remove current-page dot — too cramped on small screens */
  .breadcum26cd .woocommerce-breadcrumb::after {
    display: none !important;
  }
}


/* ════════════════════════════════════════════════════════════
   ARCHIVE PAGE — RIGHT-ALIGNED VARIANT
   Triggered by: elementor-align-right on the same div.

   Archive nav structure ends with a trailing separator
   and NO current-page text node — just:
     <a>Home</a><span class="breadcrumb-separator">...</span>

   Changes vs default:
   • Wrapper aligns nav to the RIGHT (inline-flex, auto-width)
   • Accent bar flips to the RIGHT edge
   • Glow gradient flips to come from the right
   • Trailing separator hidden (nothing after it)
   • Current-page dot ::after hidden (no text)
   ════════════════════════════════════════════════════════════ */

/* ── Push wrapper to the right ── */
.breadcum26cd.elementor-align-right .elementor-widget-container,
.breadcum26cd.elementor-align-right .woolentor-breadcrumb {
  display:         flex !important;
  justify-content: flex-end !important;
  width:           100% !important;
  padding:         0 !important;
  margin:          0 !important;
}

/* ── Nav: inline width, right accent, flipped radius ── */
.breadcum26cd.elementor-align-right .woocommerce-breadcrumb {
  display:       inline-flex !important;
  width:         auto !important;
  max-width:     100% !important;

  /* Flip left→right accent */
  border-left:   1px solid var(--bc-border) !important;
  border-right:  3px solid var(--bc-cyan) !important;

  /* Radius: round LEFT side, flat right edge (accent side) */
  border-radius: var(--bc-radius) 0 0 var(--bc-radius) !important;

  /* Slightly more compact padding on right to sit flush with accent */
  padding:       11px 16px 11px 20px !important;

  /* No bottom margin — archive page handles its own spacing */
  margin:        0 !important;
}

/* ── Flip glow to come from the RIGHT ── */
.breadcum26cd.elementor-align-right .woocommerce-breadcrumb::before {
  left:       auto !important;
  right:      0 !important;
  background: linear-gradient(
                270deg,
                rgba(8, 153, 197, 0.09) 0%,
                transparent             100%
              ) !important;
}

/* ── No current-page dot (no text node in archive nav) ── */
.breadcum26cd.elementor-align-right .woocommerce-breadcrumb::after {
  display: none !important;
}

/* ── Hide trailing separator (archive nav ends with it) ── */
.breadcum26cd.elementor-align-right .woocommerce-breadcrumb .breadcrumb-separator:last-child {
  display: none !important;
}

/* ── Responsive: tablet ── */
@media (max-width: 768px) {
  .breadcum26cd.elementor-align-right .elementor-widget-container,
  .breadcum26cd.elementor-align-right .woolentor-breadcrumb {
    justify-content: flex-end !important;
  }

  .breadcum26cd.elementor-align-right .woocommerce-breadcrumb {
    padding: 10px 14px 10px 16px !important;
  }
}

/* ── Responsive: mobile — centre it ── */
@media (max-width: 480px) {
  .breadcum26cd.elementor-align-right .elementor-widget-container,
  .breadcum26cd.elementor-align-right .woolentor-breadcrumb {
    justify-content: center !important;
  }

  .breadcum26cd.elementor-align-right .woocommerce-breadcrumb {
    /* Symmetric on mobile: restore full border-radius */
    border-left:   3px solid var(--bc-cyan) !important;
    border-right:  1px solid var(--bc-border) !important;
    border-radius: 0 var(--bc-radius) var(--bc-radius) 0 !important;
    padding:       9px 14px !important;
    font-size:     12.5px !important;
  }

  .breadcum26cd.elementor-align-right .woocommerce-breadcrumb::before {
    left:       0 !important;
    right:      auto !important;
    background: linear-gradient(
                  90deg,
                  rgba(8, 153, 197, 0.08) 0%,
                  transparent             100%
                ) !important;
  }
}/* End custom CSS */
/* Start custom CSS for wl-single-product-description, class: .elementor-element-179640f */.post26cd {
  /* Palette */
  --pd-cyan:         #0899C5;
  --pd-cyan-dark:    #0670A0;
  --pd-cyan-deep:    #054f75;
  --pd-cyan-dim:     rgba(8, 153, 197, 0.07);
  --pd-cyan-soft:    rgba(8, 153, 197, 0.13);
  --pd-cyan-line:    rgba(8, 153, 197, 0.18);
  --pd-cyan-solid:   rgba(8, 153, 197, 0.22);
 
  /* Surface */
  --pd-white:        #ffffff;
  --pd-surface:      #f4f8fb;
  --pd-surface2:     #e6f1f8;
  --pd-border:       #e2edf4;
 
  /* Text */
  --pd-heading:      #0b1c2c;
  --pd-text:         #2e4050;
  --pd-text-light:   #4a6070;
  --pd-muted:        #7b95a8;
 
  /* Typography */
  --pd-font-head:    'Syne', sans-serif;
  --pd-font-body:    'Plus Jakarta Sans', sans-serif;
 
  /* Spacing & Shape */
  --pd-radius-sm:    8px;
  --pd-radius:       14px;
  --pd-radius-lg:    20px;
 
  /* Shadows */
  --pd-shadow-xs:    0 1px 4px rgba(8, 153, 197, 0.06);
  --pd-shadow-sm:    0 3px 14px rgba(8, 153, 197, 0.09);
  --pd-shadow-md:    0 6px 28px rgba(8, 153, 197, 0.13);
 
  /* ── Base ── */
  contain:       layout style !important;
  font-family:   var(--pd-font-body) !important;
  color:         var(--pd-text) !important;
  background:    transparent !important;
  font-size:     17px !important;
  font-weight:   400 !important;
  line-height:   1.85 !important;
  position:      relative !important;
  -webkit-font-smoothing:  antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
 
 
/* ════════════════════════════════════════
   EMOJI — inline, sized to match text
   Targets WordPress / Twemoji .emoji class
   ════════════════════════════════════════ */
.post26cd img.emoji,
.post26cd .emoji {
  display:       inline !important;
  width:         1.2em !important;
  height:        1.2em !important;
  min-width:     unset !important;
  max-width:     unset !important;
  vertical-align: -0.22em !important;
  margin:        0 0.12em !important;
  padding:       0 !important;
  border:        none !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  aspect-ratio:  1 / 1 !important;
  object-fit:    contain !important;
  background:    transparent !important;
  filter:        none !important;
  transform:     none !important;
  float:         none !important;
}
 
 
/* ════════════════════════════════════════
   HEADINGS
   ════════════════════════════════════════ */
.post26cd h1,
.post26cd h2,
.post26cd h3,
.post26cd h4,
.post26cd h5,
.post26cd h6 {
  font-family:    var(--pd-font-head) !important;
  color:          var(--pd-heading) !important;
  line-height:    1.18 !important;
  font-weight:    700 !important;
  letter-spacing: -0.025em !important;
  margin-top:     0 !important;
}
 
/* ── H2 — gradient text + animated bar ── */
.post26cd h2 {
  font-size:      clamp(26px, 4vw, 44px) !important;
  font-weight:    800 !important;
  margin-top:     60px !important;
  margin-bottom:  20px !important;
  background:     linear-gradient(110deg, var(--pd-heading) 10%, var(--pd-cyan) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            16px !important;
  letter-spacing: -0.03em !important;
}
 
.post26cd h2::before {
  content:       '' !important;
  display:       inline-block !important;
  flex-shrink:   0 !important;
  width:         5px !important;
  height:        0.9em !important;
  background:    linear-gradient(180deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  border-radius: 4px !important;
}
 
.post26cd h2:first-child { margin-top: 0 !important; }
 
/* ── H3 ── */
.post26cd h3 {
  font-size:      clamp(19px, 2.5vw, 26px) !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  margin-top:     44px !important;
  margin-bottom:  14px !important;
  padding-left:   16px !important;
  border-left:    3px solid var(--pd-cyan) !important;
  letter-spacing: -0.01em !important;
}
 
/* ── H4 — pill badge ── */
.post26cd h4 {
  font-size:      12px !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  margin-top:     32px !important;
  margin-bottom:  12px !important;
  font-family:    var(--pd-font-head) !important;
  padding:        5px 12px !important;
  background:     var(--pd-cyan-dim) !important;
  border-radius:  6px !important;
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            6px !important;
}
 
.post26cd h5 {
  font-size:      17px !important;
  font-weight:    700 !important;
  color:          var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  margin-top:     28px !important;
  margin-bottom:  10px !important;
}
 
.post26cd h6 {
  font-size:      13px !important;
  font-weight:    600 !important;
  color:          var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-top:     24px !important;
  margin-bottom:  8px !important;
}
 
 
/* ════════════════════════════════════════
   PARAGRAPH
   ════════════════════════════════════════ */
.post26cd p {
  font-size:     17px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.9 !important;
  margin-bottom: 24px !important;
  max-width:     70ch !important;
  letter-spacing: 0.01em !important;
}
 
.post26cd p:last-child { margin-bottom: 0 !important; }
 
.post26cd p strong,
.post26cd p b {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd p em,
.post26cd p i {
  color:      var(--pd-cyan-dark) !important;
  font-style: italic !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   LINKS
   ════════════════════════════════════════ */
.post26cd a {
  color:           var(--pd-cyan) !important;
  text-decoration: none !important;
  border-bottom:   1.5px solid var(--pd-cyan-line) !important;
  font-weight:     500 !important;
  transition:      opacity 0.18s !important;
}
 
.post26cd a:hover {
  opacity:      0.72 !important;
  border-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   UNORDERED LIST — Split-Panel Accent Cards
   Left column: cyan-tinted icon panel
   Right: white with generous text padding
   ════════════════════════════════════════ */
.post26cd ul {
  list-style:     none !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            7px !important;
}
 
.post26cd ul li {
  position:      relative !important;
  padding:       15px 22px 15px 66px !important;
  background:    var(--pd-white) !important;
  border:        1px solid var(--pd-border) !important;
  border-radius: var(--pd-radius) !important;
  font-size:     16px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.75 !important;
  overflow:      hidden !important;
  transition:    transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 box-shadow 0.22s !important;
}
 
.post26cd ul li:hover {
  transform:  translateX(6px) !important;
  box-shadow: var(--pd-shadow-sm) !important;
  border-color: var(--pd-cyan-solid) !important;
}
 
/* Left accent panel — absolutely positioned, full height */
.post26cd ul li::before {
  content:             '' !important;
  position:            absolute !important;
  left:                0 !important;
  top:                 0 !important;
  bottom:              0 !important;
  width:               48px !important;
  background-color:    var(--pd-cyan-dim) !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Crect x='2' y='2' width='9' height='9' rx='2' fill='%230899C5' transform='rotate(45 6.5 6.5)'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  border-right:        1px solid var(--pd-cyan-line) !important;
  border-radius:       0 !important;
  height:              auto !important;
  transform:           none !important;
  transition:          background-color 0.22s !important;
}
 
.post26cd ul li:hover::before {
  background-color: var(--pd-cyan-soft) !important;
}
 
/* Nested UL */
.post26cd ul ul {
  margin-top:    10px !important;
  margin-bottom: 0 !important;
}
 
.post26cd ul ul li {
  font-size:        15px !important;
  padding-left:     56px !important;
  background:       var(--pd-surface) !important;
}
 
.post26cd ul ul li::before {
  width:               40px !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='2.5' fill='none' stroke='%230899C5' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}
 
 
/* ════════════════════════════════════════
   ORDERED LIST — Vertical Timeline
   Continuous gradient line connects badges.
   White ring on circles = "bead on string".
   Clean typography, no card backgrounds.
   ════════════════════════════════════════ */
.post26cd ol {
  list-style:     none !important;
  counter-reset:  pc-counter !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            0 !important;
  position:       relative !important;
}
 
.post26cd ol::before {
  content:        '' !important;
  position:       absolute !important;
  left:           16px !important;
  top:            17px !important;
  bottom:         30px !important;
  width:          2px !important;
  background:     linear-gradient(
                    to bottom,
                    var(--pd-cyan)      0%,
                    var(--pd-cyan-line) 70%,
                    transparent        100%
                  ) !important;
  pointer-events: none !important;
  z-index:        0 !important;
  border-radius:  2px !important;
}
 
.post26cd ol li {
  counter-increment: pc-counter !important;
  position:          relative !important;
  padding:           3px 20px 28px 52px !important;
  background:        none !important;
  border:            none !important;
  border-radius:     0 !important;
  font-size:         16.5px !important;
  font-weight:       400 !important;
  color:             var(--pd-text) !important;
  line-height:       1.8 !important;
  transition:        opacity 0.18s !important;
}
 
.post26cd ol li:last-child { padding-bottom: 0 !important; }
.post26cd ol li:hover      { opacity: 0.78 !important; }
 
/* Gradient circle number badge */
.post26cd ol li::before {
  content:         counter(pc-counter) !important;
  position:        absolute !important;
  left:            2px !important;
  top:             2px !important;
  width:           30px !important;
  height:          30px !important;
  background:      linear-gradient(135deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius:   50% !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-family:     var(--pd-font-head) !important;
  font-size:       13px !important;
  font-weight:     800 !important;
  letter-spacing:  0 !important;
  box-shadow:      0 0 0 4px var(--pd-white),
                   0 0 0 6px var(--pd-cyan-soft) !important;
  z-index:         2 !important;
  transform:       none !important;
  border:          none !important;
}
 
/* Step separator line */
.post26cd ol li::after {
  content:    '' !important;
  display:    block !important;
  height:     1px !important;
  margin:     16px 0 0 0 !important;
  background: linear-gradient(90deg, var(--pd-cyan-dim) 0%, transparent 60%) !important;
}
 
.post26cd ol li:last-child::after { display: none !important; }
 
 
/* ════════════════════════════════════════
   IMAGES
   ════════════════════════════════════════ */
.post26cd img:not(.emoji):not([class*="emoji"]) {
  display:       block !important;
  width:         100% !important;
  height:        auto !important;
  border-radius: var(--pd-radius) !important;
  margin:        36px 0 !important;
  border:        1px solid var(--pd-border) !important;
  object-fit:    cover !important;
  aspect-ratio:  16 / 7 !important;
  box-shadow:    var(--pd-shadow-sm) !important;
  transition:    transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 opacity 0.32s !important;
}
 
.post26cd img:not(.emoji):not([class*="emoji"]):hover {
  transform: scale(1.008) !important;
  opacity:   0.93 !important;
}
 
.post26cd .alignleft {
  float:        left !important;
  width:        44% !important;
  margin:       8px 28px 20px 0 !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .alignright {
  float:        right !important;
  width:        44% !important;
  margin:       8px 0 20px 28px !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .aligncenter {
  float:        none !important;
  margin-left:  auto !important;
  margin-right: auto !important;
}
 
 
/* ════════════════════════════════════════
   BLOCKQUOTE — Editorial Pull-Quote
   Quote mark "pierces" the top rule.
   White bg on ::before masks the border.
   ════════════════════════════════════════ */
.post26cd blockquote {
  position:      relative !important;
  margin:        56px 0 44px 0 !important;
  padding:       32px 36px 28px 36px !important;
  background:    none !important;
  border:        none !important;
  border-top:    2px solid var(--pd-cyan) !important;
  border-bottom: 1px solid var(--pd-cyan-line) !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  overflow:      visible !important;
}
 
.post26cd blockquote::before {
  content:       '\201C' !important;
  position:      absolute !important;
  top:           -30px !important;
  left:          24px !important;
  font-family:   var(--pd-font-head) !important;
  font-size:     68px !important;
  font-weight:   800 !important;
  font-style:    normal !important;
  line-height:   1 !important;
  color:         var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
  background:    var(--pd-white) !important;
  padding:       0 10px !important;
  pointer-events: none !important;
  letter-spacing: 0 !important;
}
 
.post26cd blockquote p {
  font-size:       19px !important;
  font-weight:     400 !important;
  font-style:      italic !important;
  color:           var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  line-height:     1.78 !important;
  margin-bottom:   0 !important;
  max-width:       none !important;
  letter-spacing:  0.005em !important;
}
 
.post26cd blockquote cite,
.post26cd blockquote footer {
  display:         block !important;
  margin-top:      20px !important;
  font-size:       12.5px !important;
  font-style:      normal !important;
  font-weight:     700 !important;
  font-family:     var(--pd-font-head) !important;
  color:           var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  text-align:      right !important;
}
 
.post26cd blockquote cite::before,
.post26cd blockquote footer::before {
  content:                 '— ' !important;
  color:                   var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   HORIZONTAL RULE
   ════════════════════════════════════════ */
.post26cd hr {
  border:     none !important;
  height:     1px !important;
  background: linear-gradient(
                90deg,
                transparent         0%,
                var(--pd-cyan-line) 20%,
                var(--pd-cyan)      50%,
                var(--pd-cyan-line) 80%,
                transparent         100%
              ) !important;
  margin:     48px 0 !important;
  opacity:    0.55 !important;
}
 
 
/* ════════════════════════════════════════
   TABLE — Modern Banded Style
   ──────────────────────────────────────────
   Fix: NO display:block on <table> element.
   Uses border-collapse: separate + border-
   spacing: 0 for rounded corners with
   overflow: hidden — correct & supported.
   Header: full solid cyan, white text.
   Rows: subtle tinting, no vertical lines.
   Hover: left inset accent via box-shadow.
   ════════════════════════════════════════ */
 
/* Scrollable wrapper — ONLY applied on mobile
   so desktop table layout stays intact.      */
@media (max-width: 768px) {
  .post26cd table {
    display:    block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
 
  .post26cd table thead,
  .post26cd table tbody,
  .post26cd table tfoot,
  .post26cd table tr {
    display: table !important;
    width:   100% !important;
  }
}
 
.post26cd table {
  width:           100% !important;
  border-collapse: separate !important;
  border-spacing:  0 !important;
  margin:          36px 0 !important;
  font-size:       15.5px !important;
  border-radius:   var(--pd-radius-lg) !important;
  overflow:        hidden !important;
  box-shadow:      0 0 0 1px var(--pd-cyan-line),
                   var(--pd-shadow-sm) !important;
}
 
/* ── Header ── */
.post26cd table thead tr {
  background: linear-gradient(
                100deg,
                var(--pd-cyan-deep) 0%,
                var(--pd-cyan-dark) 50%,
                var(--pd-cyan)      100%
              ) !important;
}
 
.post26cd table th {
  font-family:     var(--pd-font-head) !important;
  font-size:       12px !important;
  font-weight:     700 !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding:         16px 22px !important;
  text-align:      left !important;
  border-bottom:   none !important;
  white-space:     nowrap !important;
}
 
/* Round first/last header cells */
.post26cd table thead tr th:first-child {
  border-radius: var(--pd-radius-lg) 0 0 0 !important;
}
 
.post26cd table thead tr th:last-child {
  border-radius: 0 var(--pd-radius-lg) 0 0 !important;
}
 
/* ── Body rows ── */
.post26cd table tbody tr {
  transition: background-color 0.18s !important;
}
 
.post26cd table tbody tr:nth-child(odd) td {
  background: var(--pd-white) !important;
}
 
.post26cd table tbody tr:nth-child(even) td {
  background: var(--pd-surface) !important;
}
 
.post26cd table td {
  padding:       15px 22px !important;
  color:         var(--pd-text) !important;
  font-weight:   400 !important;
  font-size:     15.5px !important;
  line-height:   1.7 !important;
  border-bottom: 1px solid var(--pd-border) !important;
  border-right:  none !important;
  border-left:   none !important;
  vertical-align: top !important;
}
 
/* No bottom border on last row */
.post26cd table tbody tr:last-child td {
  border-bottom: none !important;
}
 
/* Round last row corners */
.post26cd table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--pd-radius-lg) !important;
}
 
.post26cd table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--pd-radius-lg) 0 !important;
}
 
/* Hover: left cyan inset accent + row highlight
   box-shadow is paint-only, no layout recalc   */
.post26cd table tbody tr:hover td {
  background: var(--pd-surface2) !important;
  color:      var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table tbody tr:hover td:first-child {
  box-shadow: inset 4px 0 0 var(--pd-cyan) !important;
}
 
/* Strong / em inside table */
.post26cd table td strong {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table td em {
  color:      var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   INLINE CODE & PRE
   ════════════════════════════════════════ */
.post26cd code {
  font-family:    'Courier New', Courier, monospace !important;
  font-size:      14px !important;
  background:     var(--pd-cyan-dim) !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  padding:        2px 7px !important;
  border-radius:  5px !important;
  border:         1px solid var(--pd-cyan-line) !important;
  white-space:    nowrap !important;
}
 
.post26cd pre {
  background:    var(--pd-surface) !important;
  border:        1px solid var(--pd-cyan-line) !important;
  border-radius: var(--pd-radius) !important;
  padding:       22px 26px !important;
  overflow-x:    auto !important;
  margin:        28px 0 !important;
}
 
.post26cd pre code {
  background:  transparent !important;
  border:      none !important;
  padding:     0 !important;
  font-size:   13.5px !important;
  line-height: 1.8 !important;
  white-space: pre !important;
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Tablet
   ════════════════════════════════════════ */
@media (max-width: 768px) {
  .post26cd p {
    max-width:  100% !important;
    font-size:  16.5px !important;
  }
 
  .post26cd .alignleft,
  .post26cd .alignright {
    float:  none !important;
    width:  100% !important;
    margin: 20px 0 !important;
  }
 
  .post26cd blockquote {
    padding: 28px 22px 24px 22px !important;
  }
 
  .post26cd blockquote p {
    font-size: 17.5px !important;
  }
 
  .post26cd blockquote::before {
    font-size: 54px !important;
    top:       -24px !important;
    left:      16px !important;
  }
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Mobile
   ════════════════════════════════════════ */
@media (max-width: 480px) {
  .post26cd h2 {
    font-size:  clamp(22px, 6vw, 28px) !important;
    flex-wrap:  wrap !important;
    gap:        10px !important;
  }
 
  .post26cd h3 {
    font-size: 19px !important;
  }
 
  .post26cd p,
  .post26cd ul li,
  .post26cd ol li {
    font-size: 16px !important;
  }
 
  .post26cd ul li {
    padding-left: 56px !important;
  }
 
  .post26cd ul li::before {
    width: 40px !important;
  }
 
  .post26cd ol li {
    padding-left: 46px !important;
  }
 
  .post26cd ol li::before {
    width:     26px !important;
    height:    26px !important;
    font-size: 11px !important;
  }
 
  .post26cd ol::before {
    left: 13px !important;
  }
 
  .post26cd blockquote p {
    font-size: 16px !important;
  }
 
  .post26cd blockquote {
    padding:    22px 16px 20px !important;
    margin-top: 46px !important;
  }
 
  .post26cd table th,
  .post26cd table td {
    padding:   12px 14px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for wl-single-product-description, class: .elementor-element-179640f */.post26cd {
  /* Palette */
  --pd-cyan:         #0899C5;
  --pd-cyan-dark:    #0670A0;
  --pd-cyan-deep:    #054f75;
  --pd-cyan-dim:     rgba(8, 153, 197, 0.07);
  --pd-cyan-soft:    rgba(8, 153, 197, 0.13);
  --pd-cyan-line:    rgba(8, 153, 197, 0.18);
  --pd-cyan-solid:   rgba(8, 153, 197, 0.22);
 
  /* Surface */
  --pd-white:        #ffffff;
  --pd-surface:      #f4f8fb;
  --pd-surface2:     #e6f1f8;
  --pd-border:       #e2edf4;
 
  /* Text */
  --pd-heading:      #0b1c2c;
  --pd-text:         #2e4050;
  --pd-text-light:   #4a6070;
  --pd-muted:        #7b95a8;
 
  /* Typography */
  --pd-font-head:    'Syne', sans-serif;
  --pd-font-body:    'Plus Jakarta Sans', sans-serif;
 
  /* Spacing & Shape */
  --pd-radius-sm:    8px;
  --pd-radius:       14px;
  --pd-radius-lg:    20px;
 
  /* Shadows */
  --pd-shadow-xs:    0 1px 4px rgba(8, 153, 197, 0.06);
  --pd-shadow-sm:    0 3px 14px rgba(8, 153, 197, 0.09);
  --pd-shadow-md:    0 6px 28px rgba(8, 153, 197, 0.13);
 
  /* ── Base ── */
  contain:       layout style !important;
  font-family:   var(--pd-font-body) !important;
  color:         var(--pd-text) !important;
  background:    transparent !important;
  font-size:     17px !important;
  font-weight:   400 !important;
  line-height:   1.85 !important;
  position:      relative !important;
  -webkit-font-smoothing:  antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
 
 
/* ════════════════════════════════════════
   EMOJI — inline, sized to match text
   Targets WordPress / Twemoji .emoji class
   ════════════════════════════════════════ */
.post26cd img.emoji,
.post26cd .emoji {
  display:       inline !important;
  width:         1.2em !important;
  height:        1.2em !important;
  min-width:     unset !important;
  max-width:     unset !important;
  vertical-align: -0.22em !important;
  margin:        0 0.12em !important;
  padding:       0 !important;
  border:        none !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  aspect-ratio:  1 / 1 !important;
  object-fit:    contain !important;
  background:    transparent !important;
  filter:        none !important;
  transform:     none !important;
  float:         none !important;
}
 
 
/* ════════════════════════════════════════
   HEADINGS
   ════════════════════════════════════════ */
.post26cd h1,
.post26cd h2,
.post26cd h3,
.post26cd h4,
.post26cd h5,
.post26cd h6 {
  font-family:    var(--pd-font-head) !important;
  color:          var(--pd-heading) !important;
  line-height:    1.18 !important;
  font-weight:    700 !important;
  letter-spacing: -0.025em !important;
  margin-top:     0 !important;
}
 
/* ── H2 — gradient text + animated bar ── */
.post26cd h2 {
  font-size:      clamp(26px, 4vw, 44px) !important;
  font-weight:    800 !important;
  margin-top:     60px !important;
  margin-bottom:  20px !important;
  background:     linear-gradient(110deg, var(--pd-heading) 10%, var(--pd-cyan) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            16px !important;
  letter-spacing: -0.03em !important;
}
 
.post26cd h2::before {
  content:       '' !important;
  display:       inline-block !important;
  flex-shrink:   0 !important;
  width:         5px !important;
  height:        0.9em !important;
  background:    linear-gradient(180deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  border-radius: 4px !important;
}
 
.post26cd h2:first-child { margin-top: 0 !important; }
 
/* ── H3 ── */
.post26cd h3 {
  font-size:      clamp(19px, 2.5vw, 26px) !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  margin-top:     44px !important;
  margin-bottom:  14px !important;
  padding-left:   16px !important;
  border-left:    3px solid var(--pd-cyan) !important;
  letter-spacing: -0.01em !important;
}
 
/* ── H4 — pill badge ── */
.post26cd h4 {
  font-size:      12px !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  margin-top:     32px !important;
  margin-bottom:  12px !important;
  font-family:    var(--pd-font-head) !important;
  padding:        5px 12px !important;
  background:     var(--pd-cyan-dim) !important;
  border-radius:  6px !important;
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            6px !important;
}
 
.post26cd h5 {
  font-size:      17px !important;
  font-weight:    700 !important;
  color:          var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  margin-top:     28px !important;
  margin-bottom:  10px !important;
}
 
.post26cd h6 {
  font-size:      13px !important;
  font-weight:    600 !important;
  color:          var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-top:     24px !important;
  margin-bottom:  8px !important;
}
 
 
/* ════════════════════════════════════════
   PARAGRAPH
   ════════════════════════════════════════ */
.post26cd p {
  font-size:     17px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.9 !important;
  margin-bottom: 24px !important;
  max-width:     70ch !important;
  letter-spacing: 0.01em !important;
}
 
.post26cd p:last-child { margin-bottom: 0 !important; }
 
.post26cd p strong,
.post26cd p b {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd p em,
.post26cd p i {
  color:      var(--pd-cyan-dark) !important;
  font-style: italic !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   LINKS
   ════════════════════════════════════════ */
.post26cd a {
  color:           var(--pd-cyan) !important;
  text-decoration: none !important;
  border-bottom:   1.5px solid var(--pd-cyan-line) !important;
  font-weight:     500 !important;
  transition:      opacity 0.18s !important;
}
 
.post26cd a:hover {
  opacity:      0.72 !important;
  border-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   UNORDERED LIST — Split-Panel Accent Cards
   Left column: cyan-tinted icon panel
   Right: white with generous text padding
   ════════════════════════════════════════ */
.post26cd ul {
  list-style:     none !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            7px !important;
}
 
.post26cd ul li {
  position:      relative !important;
  padding:       15px 22px 15px 66px !important;
  background:    var(--pd-white) !important;
  border:        1px solid var(--pd-border) !important;
  border-radius: var(--pd-radius) !important;
  font-size:     16px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.75 !important;
  overflow:      hidden !important;
  transition:    transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 box-shadow 0.22s !important;
}
 
.post26cd ul li:hover {
  transform:  translateX(6px) !important;
  box-shadow: var(--pd-shadow-sm) !important;
  border-color: var(--pd-cyan-solid) !important;
}
 
/* Left accent panel — absolutely positioned, full height */
.post26cd ul li::before {
  content:             '' !important;
  position:            absolute !important;
  left:                0 !important;
  top:                 0 !important;
  bottom:              0 !important;
  width:               48px !important;
  background-color:    var(--pd-cyan-dim) !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Crect x='2' y='2' width='9' height='9' rx='2' fill='%230899C5' transform='rotate(45 6.5 6.5)'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  border-right:        1px solid var(--pd-cyan-line) !important;
  border-radius:       0 !important;
  height:              auto !important;
  transform:           none !important;
  transition:          background-color 0.22s !important;
}
 
.post26cd ul li:hover::before {
  background-color: var(--pd-cyan-soft) !important;
}
 
/* Nested UL */
.post26cd ul ul {
  margin-top:    10px !important;
  margin-bottom: 0 !important;
}
 
.post26cd ul ul li {
  font-size:        15px !important;
  padding-left:     56px !important;
  background:       var(--pd-surface) !important;
}
 
.post26cd ul ul li::before {
  width:               40px !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='2.5' fill='none' stroke='%230899C5' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}
 
 
/* ════════════════════════════════════════
   ORDERED LIST — Vertical Timeline
   Continuous gradient line connects badges.
   White ring on circles = "bead on string".
   Clean typography, no card backgrounds.
   ════════════════════════════════════════ */
.post26cd ol {
  list-style:     none !important;
  counter-reset:  pc-counter !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            0 !important;
  position:       relative !important;
}
 
.post26cd ol::before {
  content:        '' !important;
  position:       absolute !important;
  left:           16px !important;
  top:            17px !important;
  bottom:         30px !important;
  width:          2px !important;
  background:     linear-gradient(
                    to bottom,
                    var(--pd-cyan)      0%,
                    var(--pd-cyan-line) 70%,
                    transparent        100%
                  ) !important;
  pointer-events: none !important;
  z-index:        0 !important;
  border-radius:  2px !important;
}
 
.post26cd ol li {
  counter-increment: pc-counter !important;
  position:          relative !important;
  padding:           3px 20px 28px 52px !important;
  background:        none !important;
  border:            none !important;
  border-radius:     0 !important;
  font-size:         16.5px !important;
  font-weight:       400 !important;
  color:             var(--pd-text) !important;
  line-height:       1.8 !important;
  transition:        opacity 0.18s !important;
}
 
.post26cd ol li:last-child { padding-bottom: 0 !important; }
.post26cd ol li:hover      { opacity: 0.78 !important; }
 
/* Gradient circle number badge */
.post26cd ol li::before {
  content:         counter(pc-counter) !important;
  position:        absolute !important;
  left:            2px !important;
  top:             2px !important;
  width:           30px !important;
  height:          30px !important;
  background:      linear-gradient(135deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius:   50% !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-family:     var(--pd-font-head) !important;
  font-size:       13px !important;
  font-weight:     800 !important;
  letter-spacing:  0 !important;
  box-shadow:      0 0 0 4px var(--pd-white),
                   0 0 0 6px var(--pd-cyan-soft) !important;
  z-index:         2 !important;
  transform:       none !important;
  border:          none !important;
}
 
/* Step separator line */
.post26cd ol li::after {
  content:    '' !important;
  display:    block !important;
  height:     1px !important;
  margin:     16px 0 0 0 !important;
  background: linear-gradient(90deg, var(--pd-cyan-dim) 0%, transparent 60%) !important;
}
 
.post26cd ol li:last-child::after { display: none !important; }
 
 
/* ════════════════════════════════════════
   IMAGES
   ════════════════════════════════════════ */
.post26cd img:not(.emoji):not([class*="emoji"]) {
  display:       block !important;
  width:         100% !important;
  height:        auto !important;
  border-radius: var(--pd-radius) !important;
  margin:        36px 0 !important;
  border:        1px solid var(--pd-border) !important;
  object-fit:    cover !important;
  aspect-ratio:  16 / 7 !important;
  box-shadow:    var(--pd-shadow-sm) !important;
  transition:    transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 opacity 0.32s !important;
}
 
.post26cd img:not(.emoji):not([class*="emoji"]):hover {
  transform: scale(1.008) !important;
  opacity:   0.93 !important;
}
 
.post26cd .alignleft {
  float:        left !important;
  width:        44% !important;
  margin:       8px 28px 20px 0 !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .alignright {
  float:        right !important;
  width:        44% !important;
  margin:       8px 0 20px 28px !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .aligncenter {
  float:        none !important;
  margin-left:  auto !important;
  margin-right: auto !important;
}
 
 
/* ════════════════════════════════════════
   BLOCKQUOTE — Editorial Pull-Quote
   Quote mark "pierces" the top rule.
   White bg on ::before masks the border.
   ════════════════════════════════════════ */
.post26cd blockquote {
  position:      relative !important;
  margin:        56px 0 44px 0 !important;
  padding:       32px 36px 28px 36px !important;
  background:    none !important;
  border:        none !important;
  border-top:    2px solid var(--pd-cyan) !important;
  border-bottom: 1px solid var(--pd-cyan-line) !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  overflow:      visible !important;
}
 
.post26cd blockquote::before {
  content:       '\201C' !important;
  position:      absolute !important;
  top:           -30px !important;
  left:          24px !important;
  font-family:   var(--pd-font-head) !important;
  font-size:     68px !important;
  font-weight:   800 !important;
  font-style:    normal !important;
  line-height:   1 !important;
  color:         var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
  background:    var(--pd-white) !important;
  padding:       0 10px !important;
  pointer-events: none !important;
  letter-spacing: 0 !important;
}
 
.post26cd blockquote p {
  font-size:       19px !important;
  font-weight:     400 !important;
  font-style:      italic !important;
  color:           var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  line-height:     1.78 !important;
  margin-bottom:   0 !important;
  max-width:       none !important;
  letter-spacing:  0.005em !important;
}
 
.post26cd blockquote cite,
.post26cd blockquote footer {
  display:         block !important;
  margin-top:      20px !important;
  font-size:       12.5px !important;
  font-style:      normal !important;
  font-weight:     700 !important;
  font-family:     var(--pd-font-head) !important;
  color:           var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  text-align:      right !important;
}
 
.post26cd blockquote cite::before,
.post26cd blockquote footer::before {
  content:                 '— ' !important;
  color:                   var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   HORIZONTAL RULE
   ════════════════════════════════════════ */
.post26cd hr {
  border:     none !important;
  height:     1px !important;
  background: linear-gradient(
                90deg,
                transparent         0%,
                var(--pd-cyan-line) 20%,
                var(--pd-cyan)      50%,
                var(--pd-cyan-line) 80%,
                transparent         100%
              ) !important;
  margin:     48px 0 !important;
  opacity:    0.55 !important;
}
 
 
/* ════════════════════════════════════════
   TABLE — Modern Banded Style
   ──────────────────────────────────────────
   Fix: NO display:block on <table> element.
   Uses border-collapse: separate + border-
   spacing: 0 for rounded corners with
   overflow: hidden — correct & supported.
   Header: full solid cyan, white text.
   Rows: subtle tinting, no vertical lines.
   Hover: left inset accent via box-shadow.
   ════════════════════════════════════════ */
 
/* Scrollable wrapper — ONLY applied on mobile
   so desktop table layout stays intact.      */
@media (max-width: 768px) {
  .post26cd table {
    display:    block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
 
  .post26cd table thead,
  .post26cd table tbody,
  .post26cd table tfoot,
  .post26cd table tr {
    display: table !important;
    width:   100% !important;
  }
}
 
.post26cd table {
  width:           100% !important;
  border-collapse: separate !important;
  border-spacing:  0 !important;
  margin:          36px 0 !important;
  font-size:       15.5px !important;
  border-radius:   var(--pd-radius-lg) !important;
  overflow:        hidden !important;
  box-shadow:      0 0 0 1px var(--pd-cyan-line),
                   var(--pd-shadow-sm) !important;
}
 
/* ── Header ── */
.post26cd table thead tr {
  background: linear-gradient(
                100deg,
                var(--pd-cyan-deep) 0%,
                var(--pd-cyan-dark) 50%,
                var(--pd-cyan)      100%
              ) !important;
}
 
.post26cd table th {
  font-family:     var(--pd-font-head) !important;
  font-size:       12px !important;
  font-weight:     700 !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding:         16px 22px !important;
  text-align:      left !important;
  border-bottom:   none !important;
  white-space:     nowrap !important;
}
 
/* Round first/last header cells */
.post26cd table thead tr th:first-child {
  border-radius: var(--pd-radius-lg) 0 0 0 !important;
}
 
.post26cd table thead tr th:last-child {
  border-radius: 0 var(--pd-radius-lg) 0 0 !important;
}
 
/* ── Body rows ── */
.post26cd table tbody tr {
  transition: background-color 0.18s !important;
}
 
.post26cd table tbody tr:nth-child(odd) td {
  background: var(--pd-white) !important;
}
 
.post26cd table tbody tr:nth-child(even) td {
  background: var(--pd-surface) !important;
}
 
.post26cd table td {
  padding:       15px 22px !important;
  color:         var(--pd-text) !important;
  font-weight:   400 !important;
  font-size:     15.5px !important;
  line-height:   1.7 !important;
  border-bottom: 1px solid var(--pd-border) !important;
  border-right:  none !important;
  border-left:   none !important;
  vertical-align: top !important;
}
 
/* No bottom border on last row */
.post26cd table tbody tr:last-child td {
  border-bottom: none !important;
}
 
/* Round last row corners */
.post26cd table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--pd-radius-lg) !important;
}
 
.post26cd table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--pd-radius-lg) 0 !important;
}
 
/* Hover: left cyan inset accent + row highlight
   box-shadow is paint-only, no layout recalc   */
.post26cd table tbody tr:hover td {
  background: var(--pd-surface2) !important;
  color:      var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table tbody tr:hover td:first-child {
  box-shadow: inset 4px 0 0 var(--pd-cyan) !important;
}
 
/* Strong / em inside table */
.post26cd table td strong {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table td em {
  color:      var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   INLINE CODE & PRE
   ════════════════════════════════════════ */
.post26cd code {
  font-family:    'Courier New', Courier, monospace !important;
  font-size:      14px !important;
  background:     var(--pd-cyan-dim) !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  padding:        2px 7px !important;
  border-radius:  5px !important;
  border:         1px solid var(--pd-cyan-line) !important;
  white-space:    nowrap !important;
}
 
.post26cd pre {
  background:    var(--pd-surface) !important;
  border:        1px solid var(--pd-cyan-line) !important;
  border-radius: var(--pd-radius) !important;
  padding:       22px 26px !important;
  overflow-x:    auto !important;
  margin:        28px 0 !important;
}
 
.post26cd pre code {
  background:  transparent !important;
  border:      none !important;
  padding:     0 !important;
  font-size:   13.5px !important;
  line-height: 1.8 !important;
  white-space: pre !important;
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Tablet
   ════════════════════════════════════════ */
@media (max-width: 768px) {
  .post26cd p {
    max-width:  100% !important;
    font-size:  16.5px !important;
  }
 
  .post26cd .alignleft,
  .post26cd .alignright {
    float:  none !important;
    width:  100% !important;
    margin: 20px 0 !important;
  }
 
  .post26cd blockquote {
    padding: 28px 22px 24px 22px !important;
  }
 
  .post26cd blockquote p {
    font-size: 17.5px !important;
  }
 
  .post26cd blockquote::before {
    font-size: 54px !important;
    top:       -24px !important;
    left:      16px !important;
  }
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Mobile
   ════════════════════════════════════════ */
@media (max-width: 480px) {
  .post26cd h2 {
    font-size:  clamp(22px, 6vw, 28px) !important;
    flex-wrap:  wrap !important;
    gap:        10px !important;
  }
 
  .post26cd h3 {
    font-size: 19px !important;
  }
 
  .post26cd p,
  .post26cd ul li,
  .post26cd ol li {
    font-size: 16px !important;
  }
 
  .post26cd ul li {
    padding-left: 56px !important;
  }
 
  .post26cd ul li::before {
    width: 40px !important;
  }
 
  .post26cd ol li {
    padding-left: 46px !important;
  }
 
  .post26cd ol li::before {
    width:     26px !important;
    height:    26px !important;
    font-size: 11px !important;
  }
 
  .post26cd ol::before {
    left: 13px !important;
  }
 
  .post26cd blockquote p {
    font-size: 16px !important;
  }
 
  .post26cd blockquote {
    padding:    22px 16px 20px !important;
    margin-top: 46px !important;
  }
 
  .post26cd table th,
  .post26cd table td {
    padding:   12px 14px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for wl-single-product-description, class: .elementor-element-179640f */.post26cd {
  /* Palette */
  --pd-cyan:         #0899C5;
  --pd-cyan-dark:    #0670A0;
  --pd-cyan-deep:    #054f75;
  --pd-cyan-dim:     rgba(8, 153, 197, 0.07);
  --pd-cyan-soft:    rgba(8, 153, 197, 0.13);
  --pd-cyan-line:    rgba(8, 153, 197, 0.18);
  --pd-cyan-solid:   rgba(8, 153, 197, 0.22);
 
  /* Surface */
  --pd-white:        #ffffff;
  --pd-surface:      #f4f8fb;
  --pd-surface2:     #e6f1f8;
  --pd-border:       #e2edf4;
 
  /* Text */
  --pd-heading:      #0b1c2c;
  --pd-text:         #2e4050;
  --pd-text-light:   #4a6070;
  --pd-muted:        #7b95a8;
 
  /* Typography */
  --pd-font-head:    'Syne', sans-serif;
  --pd-font-body:    'Plus Jakarta Sans', sans-serif;
 
  /* Spacing & Shape */
  --pd-radius-sm:    8px;
  --pd-radius:       14px;
  --pd-radius-lg:    20px;
 
  /* Shadows */
  --pd-shadow-xs:    0 1px 4px rgba(8, 153, 197, 0.06);
  --pd-shadow-sm:    0 3px 14px rgba(8, 153, 197, 0.09);
  --pd-shadow-md:    0 6px 28px rgba(8, 153, 197, 0.13);
 
  /* ── Base ── */
  contain:       layout style !important;
  font-family:   var(--pd-font-body) !important;
  color:         var(--pd-text) !important;
  background:    transparent !important;
  font-size:     17px !important;
  font-weight:   400 !important;
  line-height:   1.85 !important;
  position:      relative !important;
  -webkit-font-smoothing:  antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
 
 
/* ════════════════════════════════════════
   EMOJI — inline, sized to match text
   Targets WordPress / Twemoji .emoji class
   ════════════════════════════════════════ */
.post26cd img.emoji,
.post26cd .emoji {
  display:       inline !important;
  width:         1.2em !important;
  height:        1.2em !important;
  min-width:     unset !important;
  max-width:     unset !important;
  vertical-align: -0.22em !important;
  margin:        0 0.12em !important;
  padding:       0 !important;
  border:        none !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  aspect-ratio:  1 / 1 !important;
  object-fit:    contain !important;
  background:    transparent !important;
  filter:        none !important;
  transform:     none !important;
  float:         none !important;
}
 
 
/* ════════════════════════════════════════
   HEADINGS
   ════════════════════════════════════════ */
.post26cd h1,
.post26cd h2,
.post26cd h3,
.post26cd h4,
.post26cd h5,
.post26cd h6 {
  font-family:    var(--pd-font-head) !important;
  color:          var(--pd-heading) !important;
  line-height:    1.18 !important;
  font-weight:    700 !important;
  letter-spacing: -0.025em !important;
  margin-top:     0 !important;
}
 
/* ── H2 — gradient text + animated bar ── */
.post26cd h2 {
  font-size:      clamp(26px, 4vw, 44px) !important;
  font-weight:    800 !important;
  margin-top:     60px !important;
  margin-bottom:  20px !important;
  background:     linear-gradient(110deg, var(--pd-heading) 10%, var(--pd-cyan) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            16px !important;
  letter-spacing: -0.03em !important;
}
 
.post26cd h2::before {
  content:       '' !important;
  display:       inline-block !important;
  flex-shrink:   0 !important;
  width:         5px !important;
  height:        0.9em !important;
  background:    linear-gradient(180deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  border-radius: 4px !important;
}
 
.post26cd h2:first-child { margin-top: 0 !important; }
 
/* ── H3 ── */
.post26cd h3 {
  font-size:      clamp(19px, 2.5vw, 26px) !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  margin-top:     44px !important;
  margin-bottom:  14px !important;
  padding-left:   16px !important;
  border-left:    3px solid var(--pd-cyan) !important;
  letter-spacing: -0.01em !important;
}
 
/* ── H4 — pill badge ── */
.post26cd h4 {
  font-size:      12px !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  margin-top:     32px !important;
  margin-bottom:  12px !important;
  font-family:    var(--pd-font-head) !important;
  padding:        5px 12px !important;
  background:     var(--pd-cyan-dim) !important;
  border-radius:  6px !important;
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            6px !important;
}
 
.post26cd h5 {
  font-size:      17px !important;
  font-weight:    700 !important;
  color:          var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  margin-top:     28px !important;
  margin-bottom:  10px !important;
}
 
.post26cd h6 {
  font-size:      13px !important;
  font-weight:    600 !important;
  color:          var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-top:     24px !important;
  margin-bottom:  8px !important;
}
 
 
/* ════════════════════════════════════════
   PARAGRAPH
   ════════════════════════════════════════ */
.post26cd p {
  font-size:     17px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.9 !important;
  margin-bottom: 24px !important;
  max-width:     70ch !important;
  letter-spacing: 0.01em !important;
}
 
.post26cd p:last-child { margin-bottom: 0 !important; }
 
.post26cd p strong,
.post26cd p b {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd p em,
.post26cd p i {
  color:      var(--pd-cyan-dark) !important;
  font-style: italic !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   LINKS
   ════════════════════════════════════════ */
.post26cd a {
  color:           var(--pd-cyan) !important;
  text-decoration: none !important;
  border-bottom:   1.5px solid var(--pd-cyan-line) !important;
  font-weight:     500 !important;
  transition:      opacity 0.18s !important;
}
 
.post26cd a:hover {
  opacity:      0.72 !important;
  border-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   UNORDERED LIST — Split-Panel Accent Cards
   Left column: cyan-tinted icon panel
   Right: white with generous text padding
   ════════════════════════════════════════ */
.post26cd ul {
  list-style:     none !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            7px !important;
}
 
.post26cd ul li {
  position:      relative !important;
  padding:       15px 22px 15px 66px !important;
  background:    var(--pd-white) !important;
  border:        1px solid var(--pd-border) !important;
  border-radius: var(--pd-radius) !important;
  font-size:     16px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.75 !important;
  overflow:      hidden !important;
  transition:    transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 box-shadow 0.22s !important;
}
 
.post26cd ul li:hover {
  transform:  translateX(6px) !important;
  box-shadow: var(--pd-shadow-sm) !important;
  border-color: var(--pd-cyan-solid) !important;
}
 
/* Left accent panel — absolutely positioned, full height */
.post26cd ul li::before {
  content:             '' !important;
  position:            absolute !important;
  left:                0 !important;
  top:                 0 !important;
  bottom:              0 !important;
  width:               48px !important;
  background-color:    var(--pd-cyan-dim) !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Crect x='2' y='2' width='9' height='9' rx='2' fill='%230899C5' transform='rotate(45 6.5 6.5)'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  border-right:        1px solid var(--pd-cyan-line) !important;
  border-radius:       0 !important;
  height:              auto !important;
  transform:           none !important;
  transition:          background-color 0.22s !important;
}
 
.post26cd ul li:hover::before {
  background-color: var(--pd-cyan-soft) !important;
}
 
/* Nested UL */
.post26cd ul ul {
  margin-top:    10px !important;
  margin-bottom: 0 !important;
}
 
.post26cd ul ul li {
  font-size:        15px !important;
  padding-left:     56px !important;
  background:       var(--pd-surface) !important;
}
 
.post26cd ul ul li::before {
  width:               40px !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='2.5' fill='none' stroke='%230899C5' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}
 
 
/* ════════════════════════════════════════
   ORDERED LIST — Vertical Timeline
   Continuous gradient line connects badges.
   White ring on circles = "bead on string".
   Clean typography, no card backgrounds.
   ════════════════════════════════════════ */
.post26cd ol {
  list-style:     none !important;
  counter-reset:  pc-counter !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            0 !important;
  position:       relative !important;
}
 
.post26cd ol::before {
  content:        '' !important;
  position:       absolute !important;
  left:           16px !important;
  top:            17px !important;
  bottom:         30px !important;
  width:          2px !important;
  background:     linear-gradient(
                    to bottom,
                    var(--pd-cyan)      0%,
                    var(--pd-cyan-line) 70%,
                    transparent        100%
                  ) !important;
  pointer-events: none !important;
  z-index:        0 !important;
  border-radius:  2px !important;
}
 
.post26cd ol li {
  counter-increment: pc-counter !important;
  position:          relative !important;
  padding:           3px 20px 28px 52px !important;
  background:        none !important;
  border:            none !important;
  border-radius:     0 !important;
  font-size:         16.5px !important;
  font-weight:       400 !important;
  color:             var(--pd-text) !important;
  line-height:       1.8 !important;
  transition:        opacity 0.18s !important;
}
 
.post26cd ol li:last-child { padding-bottom: 0 !important; }
.post26cd ol li:hover      { opacity: 0.78 !important; }
 
/* Gradient circle number badge */
.post26cd ol li::before {
  content:         counter(pc-counter) !important;
  position:        absolute !important;
  left:            2px !important;
  top:             2px !important;
  width:           30px !important;
  height:          30px !important;
  background:      linear-gradient(135deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius:   50% !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-family:     var(--pd-font-head) !important;
  font-size:       13px !important;
  font-weight:     800 !important;
  letter-spacing:  0 !important;
  box-shadow:      0 0 0 4px var(--pd-white),
                   0 0 0 6px var(--pd-cyan-soft) !important;
  z-index:         2 !important;
  transform:       none !important;
  border:          none !important;
}
 
/* Step separator line */
.post26cd ol li::after {
  content:    '' !important;
  display:    block !important;
  height:     1px !important;
  margin:     16px 0 0 0 !important;
  background: linear-gradient(90deg, var(--pd-cyan-dim) 0%, transparent 60%) !important;
}
 
.post26cd ol li:last-child::after { display: none !important; }
 
 
/* ════════════════════════════════════════
   IMAGES
   ════════════════════════════════════════ */
.post26cd img:not(.emoji):not([class*="emoji"]) {
  display:       block !important;
  width:         100% !important;
  height:        auto !important;
  border-radius: var(--pd-radius) !important;
  margin:        36px 0 !important;
  border:        1px solid var(--pd-border) !important;
  object-fit:    cover !important;
  aspect-ratio:  16 / 7 !important;
  box-shadow:    var(--pd-shadow-sm) !important;
  transition:    transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 opacity 0.32s !important;
}
 
.post26cd img:not(.emoji):not([class*="emoji"]):hover {
  transform: scale(1.008) !important;
  opacity:   0.93 !important;
}
 
.post26cd .alignleft {
  float:        left !important;
  width:        44% !important;
  margin:       8px 28px 20px 0 !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .alignright {
  float:        right !important;
  width:        44% !important;
  margin:       8px 0 20px 28px !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .aligncenter {
  float:        none !important;
  margin-left:  auto !important;
  margin-right: auto !important;
}
 
 
/* ════════════════════════════════════════
   BLOCKQUOTE — Editorial Pull-Quote
   Quote mark "pierces" the top rule.
   White bg on ::before masks the border.
   ════════════════════════════════════════ */
.post26cd blockquote {
  position:      relative !important;
  margin:        56px 0 44px 0 !important;
  padding:       32px 36px 28px 36px !important;
  background:    none !important;
  border:        none !important;
  border-top:    2px solid var(--pd-cyan) !important;
  border-bottom: 1px solid var(--pd-cyan-line) !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  overflow:      visible !important;
}
 
.post26cd blockquote::before {
  content:       '\201C' !important;
  position:      absolute !important;
  top:           -30px !important;
  left:          24px !important;
  font-family:   var(--pd-font-head) !important;
  font-size:     68px !important;
  font-weight:   800 !important;
  font-style:    normal !important;
  line-height:   1 !important;
  color:         var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
  background:    var(--pd-white) !important;
  padding:       0 10px !important;
  pointer-events: none !important;
  letter-spacing: 0 !important;
}
 
.post26cd blockquote p {
  font-size:       19px !important;
  font-weight:     400 !important;
  font-style:      italic !important;
  color:           var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  line-height:     1.78 !important;
  margin-bottom:   0 !important;
  max-width:       none !important;
  letter-spacing:  0.005em !important;
}
 
.post26cd blockquote cite,
.post26cd blockquote footer {
  display:         block !important;
  margin-top:      20px !important;
  font-size:       12.5px !important;
  font-style:      normal !important;
  font-weight:     700 !important;
  font-family:     var(--pd-font-head) !important;
  color:           var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  text-align:      right !important;
}
 
.post26cd blockquote cite::before,
.post26cd blockquote footer::before {
  content:                 '— ' !important;
  color:                   var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   HORIZONTAL RULE
   ════════════════════════════════════════ */
.post26cd hr {
  border:     none !important;
  height:     1px !important;
  background: linear-gradient(
                90deg,
                transparent         0%,
                var(--pd-cyan-line) 20%,
                var(--pd-cyan)      50%,
                var(--pd-cyan-line) 80%,
                transparent         100%
              ) !important;
  margin:     48px 0 !important;
  opacity:    0.55 !important;
}
 
 
/* ════════════════════════════════════════
   TABLE — Modern Banded Style
   ──────────────────────────────────────────
   Fix: NO display:block on <table> element.
   Uses border-collapse: separate + border-
   spacing: 0 for rounded corners with
   overflow: hidden — correct & supported.
   Header: full solid cyan, white text.
   Rows: subtle tinting, no vertical lines.
   Hover: left inset accent via box-shadow.
   ════════════════════════════════════════ */
 
/* Scrollable wrapper — ONLY applied on mobile
   so desktop table layout stays intact.      */
@media (max-width: 768px) {
  .post26cd table {
    display:    block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
 
  .post26cd table thead,
  .post26cd table tbody,
  .post26cd table tfoot,
  .post26cd table tr {
    display: table !important;
    width:   100% !important;
  }
}
 
.post26cd table {
  width:           100% !important;
  border-collapse: separate !important;
  border-spacing:  0 !important;
  margin:          36px 0 !important;
  font-size:       15.5px !important;
  border-radius:   var(--pd-radius-lg) !important;
  overflow:        hidden !important;
  box-shadow:      0 0 0 1px var(--pd-cyan-line),
                   var(--pd-shadow-sm) !important;
}
 
/* ── Header ── */
.post26cd table thead tr {
  background: linear-gradient(
                100deg,
                var(--pd-cyan-deep) 0%,
                var(--pd-cyan-dark) 50%,
                var(--pd-cyan)      100%
              ) !important;
}
 
.post26cd table th {
  font-family:     var(--pd-font-head) !important;
  font-size:       12px !important;
  font-weight:     700 !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding:         16px 22px !important;
  text-align:      left !important;
  border-bottom:   none !important;
  white-space:     nowrap !important;
}
 
/* Round first/last header cells */
.post26cd table thead tr th:first-child {
  border-radius: var(--pd-radius-lg) 0 0 0 !important;
}
 
.post26cd table thead tr th:last-child {
  border-radius: 0 var(--pd-radius-lg) 0 0 !important;
}
 
/* ── Body rows ── */
.post26cd table tbody tr {
  transition: background-color 0.18s !important;
}
 
.post26cd table tbody tr:nth-child(odd) td {
  background: var(--pd-white) !important;
}
 
.post26cd table tbody tr:nth-child(even) td {
  background: var(--pd-surface) !important;
}
 
.post26cd table td {
  padding:       15px 22px !important;
  color:         var(--pd-text) !important;
  font-weight:   400 !important;
  font-size:     15.5px !important;
  line-height:   1.7 !important;
  border-bottom: 1px solid var(--pd-border) !important;
  border-right:  none !important;
  border-left:   none !important;
  vertical-align: top !important;
}
 
/* No bottom border on last row */
.post26cd table tbody tr:last-child td {
  border-bottom: none !important;
}
 
/* Round last row corners */
.post26cd table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--pd-radius-lg) !important;
}
 
.post26cd table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--pd-radius-lg) 0 !important;
}
 
/* Hover: left cyan inset accent + row highlight
   box-shadow is paint-only, no layout recalc   */
.post26cd table tbody tr:hover td {
  background: var(--pd-surface2) !important;
  color:      var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table tbody tr:hover td:first-child {
  box-shadow: inset 4px 0 0 var(--pd-cyan) !important;
}
 
/* Strong / em inside table */
.post26cd table td strong {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table td em {
  color:      var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   INLINE CODE & PRE
   ════════════════════════════════════════ */
.post26cd code {
  font-family:    'Courier New', Courier, monospace !important;
  font-size:      14px !important;
  background:     var(--pd-cyan-dim) !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  padding:        2px 7px !important;
  border-radius:  5px !important;
  border:         1px solid var(--pd-cyan-line) !important;
  white-space:    nowrap !important;
}
 
.post26cd pre {
  background:    var(--pd-surface) !important;
  border:        1px solid var(--pd-cyan-line) !important;
  border-radius: var(--pd-radius) !important;
  padding:       22px 26px !important;
  overflow-x:    auto !important;
  margin:        28px 0 !important;
}
 
.post26cd pre code {
  background:  transparent !important;
  border:      none !important;
  padding:     0 !important;
  font-size:   13.5px !important;
  line-height: 1.8 !important;
  white-space: pre !important;
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Tablet
   ════════════════════════════════════════ */
@media (max-width: 768px) {
  .post26cd p {
    max-width:  100% !important;
    font-size:  16.5px !important;
  }
 
  .post26cd .alignleft,
  .post26cd .alignright {
    float:  none !important;
    width:  100% !important;
    margin: 20px 0 !important;
  }
 
  .post26cd blockquote {
    padding: 28px 22px 24px 22px !important;
  }
 
  .post26cd blockquote p {
    font-size: 17.5px !important;
  }
 
  .post26cd blockquote::before {
    font-size: 54px !important;
    top:       -24px !important;
    left:      16px !important;
  }
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Mobile
   ════════════════════════════════════════ */
@media (max-width: 480px) {
  .post26cd h2 {
    font-size:  clamp(22px, 6vw, 28px) !important;
    flex-wrap:  wrap !important;
    gap:        10px !important;
  }
 
  .post26cd h3 {
    font-size: 19px !important;
  }
 
  .post26cd p,
  .post26cd ul li,
  .post26cd ol li {
    font-size: 16px !important;
  }
 
  .post26cd ul li {
    padding-left: 56px !important;
  }
 
  .post26cd ul li::before {
    width: 40px !important;
  }
 
  .post26cd ol li {
    padding-left: 46px !important;
  }
 
  .post26cd ol li::before {
    width:     26px !important;
    height:    26px !important;
    font-size: 11px !important;
  }
 
  .post26cd ol::before {
    left: 13px !important;
  }
 
  .post26cd blockquote p {
    font-size: 16px !important;
  }
 
  .post26cd blockquote {
    padding:    22px 16px 20px !important;
    margin-top: 46px !important;
  }
 
  .post26cd table th,
  .post26cd table td {
    padding:   12px 14px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for wl-single-product-description, class: .elementor-element-179640f */.post26cd {
  /* Palette */
  --pd-cyan:         #0899C5;
  --pd-cyan-dark:    #0670A0;
  --pd-cyan-deep:    #054f75;
  --pd-cyan-dim:     rgba(8, 153, 197, 0.07);
  --pd-cyan-soft:    rgba(8, 153, 197, 0.13);
  --pd-cyan-line:    rgba(8, 153, 197, 0.18);
  --pd-cyan-solid:   rgba(8, 153, 197, 0.22);
 
  /* Surface */
  --pd-white:        #ffffff;
  --pd-surface:      #f4f8fb;
  --pd-surface2:     #e6f1f8;
  --pd-border:       #e2edf4;
 
  /* Text */
  --pd-heading:      #0b1c2c;
  --pd-text:         #2e4050;
  --pd-text-light:   #4a6070;
  --pd-muted:        #7b95a8;
 
  /* Typography */
  --pd-font-head:    'Syne', sans-serif;
  --pd-font-body:    'Plus Jakarta Sans', sans-serif;
 
  /* Spacing & Shape */
  --pd-radius-sm:    8px;
  --pd-radius:       14px;
  --pd-radius-lg:    20px;
 
  /* Shadows */
  --pd-shadow-xs:    0 1px 4px rgba(8, 153, 197, 0.06);
  --pd-shadow-sm:    0 3px 14px rgba(8, 153, 197, 0.09);
  --pd-shadow-md:    0 6px 28px rgba(8, 153, 197, 0.13);
 
  /* ── Base ── */
  contain:       layout style !important;
  font-family:   var(--pd-font-body) !important;
  color:         var(--pd-text) !important;
  background:    transparent !important;
  font-size:     17px !important;
  font-weight:   400 !important;
  line-height:   1.85 !important;
  position:      relative !important;
  -webkit-font-smoothing:  antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
 
 
/* ════════════════════════════════════════
   EMOJI — inline, sized to match text
   Targets WordPress / Twemoji .emoji class
   ════════════════════════════════════════ */
.post26cd img.emoji,
.post26cd .emoji {
  display:       inline !important;
  width:         1.2em !important;
  height:        1.2em !important;
  min-width:     unset !important;
  max-width:     unset !important;
  vertical-align: -0.22em !important;
  margin:        0 0.12em !important;
  padding:       0 !important;
  border:        none !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  aspect-ratio:  1 / 1 !important;
  object-fit:    contain !important;
  background:    transparent !important;
  filter:        none !important;
  transform:     none !important;
  float:         none !important;
}
 
 
/* ════════════════════════════════════════
   HEADINGS
   ════════════════════════════════════════ */
.post26cd h1,
.post26cd h2,
.post26cd h3,
.post26cd h4,
.post26cd h5,
.post26cd h6 {
  font-family:    var(--pd-font-head) !important;
  color:          var(--pd-heading) !important;
  line-height:    1.18 !important;
  font-weight:    700 !important;
  letter-spacing: -0.025em !important;
  margin-top:     0 !important;
}
 
/* ── H2 — gradient text + animated bar ── */
.post26cd h2 {
  font-size:      clamp(26px, 4vw, 44px) !important;
  font-weight:    800 !important;
  margin-top:     60px !important;
  margin-bottom:  20px !important;
  background:     linear-gradient(110deg, var(--pd-heading) 10%, var(--pd-cyan) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display:        flex !important;
  align-items:    center !important;
  gap:            16px !important;
  letter-spacing: -0.03em !important;
}
 
.post26cd h2::before {
  content:       '' !important;
  display:       inline-block !important;
  flex-shrink:   0 !important;
  width:         5px !important;
  height:        0.9em !important;
  background:    linear-gradient(180deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  border-radius: 4px !important;
}
 
.post26cd h2:first-child { margin-top: 0 !important; }
 
/* ── H3 ── */
.post26cd h3 {
  font-size:      clamp(19px, 2.5vw, 26px) !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  margin-top:     44px !important;
  margin-bottom:  14px !important;
  padding-left:   16px !important;
  border-left:    3px solid var(--pd-cyan) !important;
  letter-spacing: -0.01em !important;
}
 
/* ── H4 — pill badge ── */
.post26cd h4 {
  font-size:      12px !important;
  font-weight:    700 !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  margin-top:     32px !important;
  margin-bottom:  12px !important;
  font-family:    var(--pd-font-head) !important;
  padding:        5px 12px !important;
  background:     var(--pd-cyan-dim) !important;
  border-radius:  6px !important;
  display:        inline-flex !important;
  align-items:    center !important;
  gap:            6px !important;
}
 
.post26cd h5 {
  font-size:      17px !important;
  font-weight:    700 !important;
  color:          var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  margin-top:     28px !important;
  margin-bottom:  10px !important;
}
 
.post26cd h6 {
  font-size:      13px !important;
  font-weight:    600 !important;
  color:          var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-top:     24px !important;
  margin-bottom:  8px !important;
}
 
 
/* ════════════════════════════════════════
   PARAGRAPH
   ════════════════════════════════════════ */
.post26cd p {
  font-size:     17px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.9 !important;
  margin-bottom: 24px !important;
  max-width:     70ch !important;
  letter-spacing: 0.01em !important;
}
 
.post26cd p:last-child { margin-bottom: 0 !important; }
 
.post26cd p strong,
.post26cd p b {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd p em,
.post26cd p i {
  color:      var(--pd-cyan-dark) !important;
  font-style: italic !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   LINKS
   ════════════════════════════════════════ */
.post26cd a {
  color:           var(--pd-cyan) !important;
  text-decoration: none !important;
  border-bottom:   1.5px solid var(--pd-cyan-line) !important;
  font-weight:     500 !important;
  transition:      opacity 0.18s !important;
}
 
.post26cd a:hover {
  opacity:      0.72 !important;
  border-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   UNORDERED LIST — Split-Panel Accent Cards
   Left column: cyan-tinted icon panel
   Right: white with generous text padding
   ════════════════════════════════════════ */
.post26cd ul {
  list-style:     none !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            7px !important;
}
 
.post26cd ul li {
  position:      relative !important;
  padding:       15px 22px 15px 66px !important;
  background:    var(--pd-white) !important;
  border:        1px solid var(--pd-border) !important;
  border-radius: var(--pd-radius) !important;
  font-size:     16px !important;
  font-weight:   400 !important;
  color:         var(--pd-text) !important;
  line-height:   1.75 !important;
  overflow:      hidden !important;
  transition:    transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 box-shadow 0.22s !important;
}
 
.post26cd ul li:hover {
  transform:  translateX(6px) !important;
  box-shadow: var(--pd-shadow-sm) !important;
  border-color: var(--pd-cyan-solid) !important;
}
 
/* Left accent panel — absolutely positioned, full height */
.post26cd ul li::before {
  content:             '' !important;
  position:            absolute !important;
  left:                0 !important;
  top:                 0 !important;
  bottom:              0 !important;
  width:               48px !important;
  background-color:    var(--pd-cyan-dim) !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Crect x='2' y='2' width='9' height='9' rx='2' fill='%230899C5' transform='rotate(45 6.5 6.5)'/%3E%3C/svg%3E") !important;
  background-repeat:   no-repeat !important;
  background-position: center center !important;
  border-right:        1px solid var(--pd-cyan-line) !important;
  border-radius:       0 !important;
  height:              auto !important;
  transform:           none !important;
  transition:          background-color 0.22s !important;
}
 
.post26cd ul li:hover::before {
  background-color: var(--pd-cyan-soft) !important;
}
 
/* Nested UL */
.post26cd ul ul {
  margin-top:    10px !important;
  margin-bottom: 0 !important;
}
 
.post26cd ul ul li {
  font-size:        15px !important;
  padding-left:     56px !important;
  background:       var(--pd-surface) !important;
}
 
.post26cd ul ul li::before {
  width:               40px !important;
  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='2.5' fill='none' stroke='%230899C5' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}
 
 
/* ════════════════════════════════════════
   ORDERED LIST — Vertical Timeline
   Continuous gradient line connects badges.
   White ring on circles = "bead on string".
   Clean typography, no card backgrounds.
   ════════════════════════════════════════ */
.post26cd ol {
  list-style:     none !important;
  counter-reset:  pc-counter !important;
  margin:         0 0 32px 0 !important;
  padding:        0 !important;
  display:        flex !important;
  flex-direction: column !important;
  gap:            0 !important;
  position:       relative !important;
}
 
.post26cd ol::before {
  content:        '' !important;
  position:       absolute !important;
  left:           16px !important;
  top:            17px !important;
  bottom:         30px !important;
  width:          2px !important;
  background:     linear-gradient(
                    to bottom,
                    var(--pd-cyan)      0%,
                    var(--pd-cyan-line) 70%,
                    transparent        100%
                  ) !important;
  pointer-events: none !important;
  z-index:        0 !important;
  border-radius:  2px !important;
}
 
.post26cd ol li {
  counter-increment: pc-counter !important;
  position:          relative !important;
  padding:           3px 20px 28px 52px !important;
  background:        none !important;
  border:            none !important;
  border-radius:     0 !important;
  font-size:         16.5px !important;
  font-weight:       400 !important;
  color:             var(--pd-text) !important;
  line-height:       1.8 !important;
  transition:        opacity 0.18s !important;
}
 
.post26cd ol li:last-child { padding-bottom: 0 !important; }
.post26cd ol li:hover      { opacity: 0.78 !important; }
 
/* Gradient circle number badge */
.post26cd ol li::before {
  content:         counter(pc-counter) !important;
  position:        absolute !important;
  left:            2px !important;
  top:             2px !important;
  width:           30px !important;
  height:          30px !important;
  background:      linear-gradient(135deg, var(--pd-cyan) 0%, var(--pd-cyan-dark) 100%) !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius:   50% !important;
  display:         flex !important;
  align-items:     center !important;
  justify-content: center !important;
  font-family:     var(--pd-font-head) !important;
  font-size:       13px !important;
  font-weight:     800 !important;
  letter-spacing:  0 !important;
  box-shadow:      0 0 0 4px var(--pd-white),
                   0 0 0 6px var(--pd-cyan-soft) !important;
  z-index:         2 !important;
  transform:       none !important;
  border:          none !important;
}
 
/* Step separator line */
.post26cd ol li::after {
  content:    '' !important;
  display:    block !important;
  height:     1px !important;
  margin:     16px 0 0 0 !important;
  background: linear-gradient(90deg, var(--pd-cyan-dim) 0%, transparent 60%) !important;
}
 
.post26cd ol li:last-child::after { display: none !important; }
 
 
/* ════════════════════════════════════════
   IMAGES
   ════════════════════════════════════════ */
.post26cd img:not(.emoji):not([class*="emoji"]) {
  display:       block !important;
  width:         100% !important;
  height:        auto !important;
  border-radius: var(--pd-radius) !important;
  margin:        36px 0 !important;
  border:        1px solid var(--pd-border) !important;
  object-fit:    cover !important;
  aspect-ratio:  16 / 7 !important;
  box-shadow:    var(--pd-shadow-sm) !important;
  transition:    transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                 opacity 0.32s !important;
}
 
.post26cd img:not(.emoji):not([class*="emoji"]):hover {
  transform: scale(1.008) !important;
  opacity:   0.93 !important;
}
 
.post26cd .alignleft {
  float:        left !important;
  width:        44% !important;
  margin:       8px 28px 20px 0 !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .alignright {
  float:        right !important;
  width:        44% !important;
  margin:       8px 0 20px 28px !important;
  aspect-ratio: 4 / 3 !important;
}
 
.post26cd .aligncenter {
  float:        none !important;
  margin-left:  auto !important;
  margin-right: auto !important;
}
 
 
/* ════════════════════════════════════════
   BLOCKQUOTE — Editorial Pull-Quote
   Quote mark "pierces" the top rule.
   White bg on ::before masks the border.
   ════════════════════════════════════════ */
.post26cd blockquote {
  position:      relative !important;
  margin:        56px 0 44px 0 !important;
  padding:       32px 36px 28px 36px !important;
  background:    none !important;
  border:        none !important;
  border-top:    2px solid var(--pd-cyan) !important;
  border-bottom: 1px solid var(--pd-cyan-line) !important;
  border-radius: 0 !important;
  box-shadow:    none !important;
  overflow:      visible !important;
}
 
.post26cd blockquote::before {
  content:       '\201C' !important;
  position:      absolute !important;
  top:           -30px !important;
  left:          24px !important;
  font-family:   var(--pd-font-head) !important;
  font-size:     68px !important;
  font-weight:   800 !important;
  font-style:    normal !important;
  line-height:   1 !important;
  color:         var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
  background:    var(--pd-white) !important;
  padding:       0 10px !important;
  pointer-events: none !important;
  letter-spacing: 0 !important;
}
 
.post26cd blockquote p {
  font-size:       19px !important;
  font-weight:     400 !important;
  font-style:      italic !important;
  color:           var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
  line-height:     1.78 !important;
  margin-bottom:   0 !important;
  max-width:       none !important;
  letter-spacing:  0.005em !important;
}
 
.post26cd blockquote cite,
.post26cd blockquote footer {
  display:         block !important;
  margin-top:      20px !important;
  font-size:       12.5px !important;
  font-style:      normal !important;
  font-weight:     700 !important;
  font-family:     var(--pd-font-head) !important;
  color:           var(--pd-muted) !important;
  -webkit-text-fill-color: var(--pd-muted) !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  text-align:      right !important;
}
 
.post26cd blockquote cite::before,
.post26cd blockquote footer::before {
  content:                 '— ' !important;
  color:                   var(--pd-cyan) !important;
  -webkit-text-fill-color: var(--pd-cyan) !important;
}
 
 
/* ════════════════════════════════════════
   HORIZONTAL RULE
   ════════════════════════════════════════ */
.post26cd hr {
  border:     none !important;
  height:     1px !important;
  background: linear-gradient(
                90deg,
                transparent         0%,
                var(--pd-cyan-line) 20%,
                var(--pd-cyan)      50%,
                var(--pd-cyan-line) 80%,
                transparent         100%
              ) !important;
  margin:     48px 0 !important;
  opacity:    0.55 !important;
}
 
 
/* ════════════════════════════════════════
   TABLE — Modern Banded Style
   ──────────────────────────────────────────
   Fix: NO display:block on <table> element.
   Uses border-collapse: separate + border-
   spacing: 0 for rounded corners with
   overflow: hidden — correct & supported.
   Header: full solid cyan, white text.
   Rows: subtle tinting, no vertical lines.
   Hover: left inset accent via box-shadow.
   ════════════════════════════════════════ */
 
/* Scrollable wrapper — ONLY applied on mobile
   so desktop table layout stays intact.      */
@media (max-width: 768px) {
  .post26cd table {
    display:    block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
 
  .post26cd table thead,
  .post26cd table tbody,
  .post26cd table tfoot,
  .post26cd table tr {
    display: table !important;
    width:   100% !important;
  }
}
 
.post26cd table {
  width:           100% !important;
  border-collapse: separate !important;
  border-spacing:  0 !important;
  margin:          36px 0 !important;
  font-size:       15.5px !important;
  border-radius:   var(--pd-radius-lg) !important;
  overflow:        hidden !important;
  box-shadow:      0 0 0 1px var(--pd-cyan-line),
                   var(--pd-shadow-sm) !important;
}
 
/* ── Header ── */
.post26cd table thead tr {
  background: linear-gradient(
                100deg,
                var(--pd-cyan-deep) 0%,
                var(--pd-cyan-dark) 50%,
                var(--pd-cyan)      100%
              ) !important;
}
 
.post26cd table th {
  font-family:     var(--pd-font-head) !important;
  font-size:       12px !important;
  font-weight:     700 !important;
  letter-spacing:  0.1em !important;
  text-transform:  uppercase !important;
  color:           #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding:         16px 22px !important;
  text-align:      left !important;
  border-bottom:   none !important;
  white-space:     nowrap !important;
}
 
/* Round first/last header cells */
.post26cd table thead tr th:first-child {
  border-radius: var(--pd-radius-lg) 0 0 0 !important;
}
 
.post26cd table thead tr th:last-child {
  border-radius: 0 var(--pd-radius-lg) 0 0 !important;
}
 
/* ── Body rows ── */
.post26cd table tbody tr {
  transition: background-color 0.18s !important;
}
 
.post26cd table tbody tr:nth-child(odd) td {
  background: var(--pd-white) !important;
}
 
.post26cd table tbody tr:nth-child(even) td {
  background: var(--pd-surface) !important;
}
 
.post26cd table td {
  padding:       15px 22px !important;
  color:         var(--pd-text) !important;
  font-weight:   400 !important;
  font-size:     15.5px !important;
  line-height:   1.7 !important;
  border-bottom: 1px solid var(--pd-border) !important;
  border-right:  none !important;
  border-left:   none !important;
  vertical-align: top !important;
}
 
/* No bottom border on last row */
.post26cd table tbody tr:last-child td {
  border-bottom: none !important;
}
 
/* Round last row corners */
.post26cd table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--pd-radius-lg) !important;
}
 
.post26cd table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--pd-radius-lg) 0 !important;
}
 
/* Hover: left cyan inset accent + row highlight
   box-shadow is paint-only, no layout recalc   */
.post26cd table tbody tr:hover td {
  background: var(--pd-surface2) !important;
  color:      var(--pd-heading) !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table tbody tr:hover td:first-child {
  box-shadow: inset 4px 0 0 var(--pd-cyan) !important;
}
 
/* Strong / em inside table */
.post26cd table td strong {
  color:       var(--pd-heading) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: var(--pd-heading) !important;
}
 
.post26cd table td em {
  color:      var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
}
 
 
/* ════════════════════════════════════════
   INLINE CODE & PRE
   ════════════════════════════════════════ */
.post26cd code {
  font-family:    'Courier New', Courier, monospace !important;
  font-size:      14px !important;
  background:     var(--pd-cyan-dim) !important;
  color:          var(--pd-cyan-dark) !important;
  -webkit-text-fill-color: var(--pd-cyan-dark) !important;
  padding:        2px 7px !important;
  border-radius:  5px !important;
  border:         1px solid var(--pd-cyan-line) !important;
  white-space:    nowrap !important;
}
 
.post26cd pre {
  background:    var(--pd-surface) !important;
  border:        1px solid var(--pd-cyan-line) !important;
  border-radius: var(--pd-radius) !important;
  padding:       22px 26px !important;
  overflow-x:    auto !important;
  margin:        28px 0 !important;
}
 
.post26cd pre code {
  background:  transparent !important;
  border:      none !important;
  padding:     0 !important;
  font-size:   13.5px !important;
  line-height: 1.8 !important;
  white-space: pre !important;
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Tablet
   ════════════════════════════════════════ */
@media (max-width: 768px) {
  .post26cd p {
    max-width:  100% !important;
    font-size:  16.5px !important;
  }
 
  .post26cd .alignleft,
  .post26cd .alignright {
    float:  none !important;
    width:  100% !important;
    margin: 20px 0 !important;
  }
 
  .post26cd blockquote {
    padding: 28px 22px 24px 22px !important;
  }
 
  .post26cd blockquote p {
    font-size: 17.5px !important;
  }
 
  .post26cd blockquote::before {
    font-size: 54px !important;
    top:       -24px !important;
    left:      16px !important;
  }
}
 
 
/* ════════════════════════════════════════
   RESPONSIVE — Mobile
   ════════════════════════════════════════ */
@media (max-width: 480px) {
  .post26cd h2 {
    font-size:  clamp(22px, 6vw, 28px) !important;
    flex-wrap:  wrap !important;
    gap:        10px !important;
  }
 
  .post26cd h3 {
    font-size: 19px !important;
  }
 
  .post26cd p,
  .post26cd ul li,
  .post26cd ol li {
    font-size: 16px !important;
  }
 
  .post26cd ul li {
    padding-left: 56px !important;
  }
 
  .post26cd ul li::before {
    width: 40px !important;
  }
 
  .post26cd ol li {
    padding-left: 46px !important;
  }
 
  .post26cd ol li::before {
    width:     26px !important;
    height:    26px !important;
    font-size: 11px !important;
  }
 
  .post26cd ol::before {
    left: 13px !important;
  }
 
  .post26cd blockquote p {
    font-size: 16px !important;
  }
 
  .post26cd blockquote {
    padding:    22px 16px 20px !important;
    margin-top: 46px !important;
  }
 
  .post26cd table th,
  .post26cd table td {
    padding:   12px 14px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */