/*
Theme Name: custom2
Description: Pallet Wrapper UK custom WordPress theme
Version: 1.0
Text Domain: custom2
*/

html{overflow:auto}body{font-family:Roboto,'Open Sans',Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#273A5E}#wrapper{background:#EEE;min-width:320px}#container{background:#fff;padding:25px 30px;max-width:1040px;margin:20px auto 30px;box-shadow:5px 5px 10px -2px #B5B5B5}.catcontent{padding:10px;display:block}.widget-container{margin-bottom:0;list-style:none}.widget-title{display:none;margin-bottom:20px}.widget-showtitle .widget-title{display:block}.max-width{margin:0 auto;max-width:1000px;float:none;margin-left:auto!important;margin-right:auto!important}a{color:#fff;text-decoration:none}p{font-size:inherit;line-height:inherit;margin-bottom:20px}#header{min-height:100px;margin-bottom:0;background:#273A5E;border-bottom:8px solid #FFD627}#masthead{max-width:1000px;margin:0 auto}.header-left{float:left;width:30%}#branding{padding-top:10px}.logo{float:left}.logo-small{display:none}.header-right{float:right;width:70%;padding-top:20px}.rsp-call,.header-bottom{display:none}#header a[href="#"]{cursor:default}.searchbox{float:right;clear:both;position:relative;margin-bottom:20px}.searchbox input[type=text]{width:98%!important;max-width:230px;border-radius:5px;position:relative;behavior:url(/PIE.php);padding:4px 40px 4px 8px;border:none}.searchbox input[type=submit]{width:30px;text-indent:-999px;padding:3px;margin-left:-38px;position:relative;cursor:pointer;background:url(images/icons/search.png) center no-repeat;border:none}#access{display:block;position:relative;color:#fff;text-align:right;clear:both}#access ul{list-style:none;margin:0}#access li{position:relative;margin-right:5px;display:inline-block;padding-bottom:5px}#access a{display:block;line-height:30px;text-decoration:none;padding:5px 20px;font-size:14px;color:#fff}#access .menu-item-last{margin-right:-10px}#access .menu-item-has-children > a{background:url(images/icons/arrows/down.png) no-repeat center right;padding-right:25px}#access .menu-item-has-children:hover > a{background-image:url(images/icons/arrows/down-white.png)}#access ul li:hover > ul{display:block}#access .sub-menu{display:none;float:left;z-index:100;position:absolute;top:100%;left:10px;background:#273A5E;font-size:12px;line-height:16px;width:230%}#access .sub-menu li{width:100%;height:auto;float:none;padding-bottom:0}#access .sub-menu li a{line-height:16px;padding:15px 10px;min-width:60px;height:auto;text-align:left}#access a:hover,#access .menu-item-has-children:hover > a,#access #current_page_item a,#access .current-menu-item a,#access .current-menu-ancestor > a,#access .current-menu-item a{color:#FFCF03}#access .sub-menu li:hover,#access .sub-menu #current_page_item,#access .sub-menu .current_page_item,#access .sub-menu .current-menu-ancestor{background:#5C6C86}#access .sub-menu li:hover > a,#access .sub-menu .current-menu-ancestor > a{color:#fff}#access .sub-menu #current_page_item > a,#access .sub-menu .current-menu-item > a{color:#FFCF03!important}#featured{width:100%;background:url(images/home/intro-bg.png) repeat-x;text-align:center}#featured img{max-width:100%}#tagline{text-align:center;font-size:22px;line-height:30px;padding:20px;background:#fff;border-top:1px solid #D2D6D5;border-bottom:1px solid #D2D6D5;box-shadow:0 2px 10px #A6B3C5;position:relative}#tagline img{display:block;max-width:100%;height:auto}#tagline-inner{max-width:90%;margin:0 auto}.tagline-home{display:none}.tagline-internal{font-size:26px;line-height:34px}.tagline-red{color:#FF2C27}.tagline-break-0{display:none}.tagline-break-2{display:none}.tagline-break-a{display:none}body.home .tagline-home{display:block}body.home .tagline-internal{display:none}#ctas{margin-bottom:20px;max-width:730px;float:right;width:73%}.cta{float:left;position:relative;overflow:hidden;display:block;max-width:33%}.cta img{max-width:100%;display:block;margin:0 auto}.ctas-main{margin-bottom:5px}.ctas-main .cta{margin-bottom:10px}.ctas-main .cta:hover{opacity:.8}.cta-2of3{margin:0 9px}.cta-middle{margin:0 9px}#breadcrumbs{display:none;background:#fff;padding:10px 15px;max-width:1040px;margin:0 auto;border-bottom:1px solid #D2D6D5;box-shadow:0 2px 10px #A6B3C5;position:relative;text-align:justify}#breadcrumbs span{color:#8C969F}#breadcrumbs span a:hover{color:#5C6A85;text-decoration:underline}body.home #breadcrumbs{display:none}h1{font-size:24px;margin-bottom:20px;line-height:26px;color:#fff;background:#273A5E;padding:10px 15px;text-align:center}h2{color:#273A5E;font-size:16px;margin-bottom:10px}h3{color:#273A5E;font-size:14px;margin-bottom:10px}h4{font-size:14px;margin-bottom:10px;line-height:18px;padding:0 10px}#main{padding:0;min-height:400px;box-shadow:0 0 10px #ddd}#content{padding:0;width:730px;float:right;margin-bottom:20px;width:74%}.entry-content ul,.entry-content ol{margin-left:0;margin-bottom:20px;margin-top:0}.entry-content li,.entry-content ol{padding-left:0;margin-left:30px}.entry-content a{color:#273A5E;text-decoration:none;font-weight:700}.entry-content a:hover{color:#606E89}body.home #content h1{background:none;color:#273A5E;text-align:initial;padding:0;margin-bottom:10px}body.search .entry-meta,body.search .entry-utility{display:none}body.search .page,body.search .post{margin-bottom:40px}body.search .page h1,body.search .post h1{margin-bottom:5px;border-bottom:none}.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:95%!important;text-align:center;padding:4px}.wp-caption img{margin:5px 5px 0}.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px}.t-cols{width:100%;overflow:hidden}.t-cols-2 td{display:block;float:left;width:50%}div.post{margin-bottom:20px;padding-bottom:20px}div.post .entry-meta{font-size:10px;margin-bottom:20px;margin-top:-20px}div.post .entry-utility{font-size:11px}#comments{display:none;padding-top:2px}#respond{padding-top:20px;border-top:2px dotted #D9DCE3}#comments-title{margin-bottom:20px;margin-top:20px}.commentlist{margin-left:60px!important}.commentlist li{background:none!important;padding-left:40px}.comment-author.vcard{margin-left:-65px}.comment-author .avatar{top:30px;margin-right:20px}.comment-form-comment textarea{display:block}.comment-form-comment input{display:block}.comment-body{margin-top:10px}div.post .entry-utility .comments-link,div.post .entry-utility .meta-sep{display:none}div.post .entry-utility .edit-link{border-left:1px solid grey;padding-left:5px}#content .gallery-image-container{padding:2px!important;border:none!important;background:#EEE6C6!important}#content .gallery-image-container:hover{background:#493247!important}.toggle{margin-bottom:10px}.toggle .toggle-states{float:right;cursor:pointer;background:#273A5E;color:#fff;padding:5px 30px;border-radius:5px;position:relative;behavior:url(/PIE.php)}.toggle .toggle-state{display:none}.toggle .toggle-states:hover{background-color:#3D4E6E}.toggle .toggle-state-active{display:inline-block!important}.toggle .toggle-state-active .toggle-open{display:inline-block}.toggle .toggle-state-active .toggle-closed{display:none!important}.toggle-state-icon{display:inline-block;background-repeat:no-repeat;background-position:center left;background-image:url(images/icons/arrows/down.png);width:15px;height:10px;margin-left:5px}.toggle-state-active .toggle-state-icon{background-image:url(images/icons/arrows/up.png)}.toggle-content.nogap p:first-child{display:none}/* MEDIA QUERY TEMPLATE */
@media only screen and (min-width: 561px){.toggletoggle-statedisplay:none!important}.toggle .toggle-content{display:block!important;height:auto!important}#content div.ui-accordion{margin-bottom:20px}#content h3.ui-accordion-header{padding:10px;font-weight:400;background:#2A375C;color:#fff;font-size:14px;margin-bottom:1px;margin-top:0}#content h3.ui-accordion-header a{color:inherit;text-decoration:none!important;font-weight:400}#content h3.ui-accordion-header span{right:10px;margin:0;left:auto;width:30px;bottom:5px;top:5px;background:url(images/icons/arrows/down-yellow.png) center no-repeat}#content h3.ui-accordion-header-active{background:#2A375C;color:#fff;font-size:14px}#content h3.ui-accordion-header:hover{color:#fff}#content h3.ui-accordion-header-active span{background:url(images/icons/arrows/up.png) center no-repeat}#content div.ui-accordion-content{padding:10px;border:1px solid #CACED7;margin-bottom:0!important;margin-top:-10px}#content div.ui-accordion-content p{margin-bottom:0}#content div.ui-accordion-content ul{margin-bottom:0!important}#content div.ui-accordion-content li{border:none}.category-title{text-align:center;background:#273A5E;color:#fff;line-height:30px;font-size:25px;padding:12px 20px}.product{display:inline-block;width:32.5%;background:#DFE4EC;height:200px;margin:0 .5% 10px;max-width:232px;position:relative;vertical-align:top}.product:hover{opacity:.8}.product-top{height:100%;border:1px solid #4867A5;border-bottom:none;overflow:hidden;background:#CBDAF0}.product-image img{display:block;width:100%;max-height:100%;margin:0 auto}.product-middle{background:#273A5E;text-align:center;color:#FFD627;font-weight:700;font-size:15px;line-height:18px;display:table;width:100%}.product-title{padding:10px;height:60px;text-align:center;display:table-cell;vertical-align:middle;width:auto}.product-title-inner{width:100%}.product-bottom{background:#DFE4EC;border:1px solid #C7C7C7;position:absolute;top:0;display:none;z-index:99;left:0;right:0}.product-desc{padding:10px}.product-desc-title{margin-bottom:5px;font-weight:700;font-size:14px}.product-desc-content li{margin-left:20px;list-style:none;padding-left:18px;margin-left:0;position:relative;color:#273A5E}.product-desc-content li:before{position:absolute;left:0;color:#273a5e;content:"\2022";font-size:34px}.product:hover .product-bottom{display:block}.product{height:391px}.product-bottom{position:static;display:block;height:190px}.product-desc-title{display:none}.title-product{text-align:left;font-size:24px;margin-bottom:0;line-height:26px;color:#fff;background:#273A5E;padding:10px 15px}.title-product h1{padding:0;text-align:left;float:left;margin-right:10px}.title-product h2.secondary-title{color:#FFCF03;text-align:right;margin-bottom:0;font-size:14px}.title-product-single{margin-bottom:0}.product-first{clear:both;margin-bottom:20px}.product-first .col-left{float:left;margin-right:20px}.product-first .col-right{overflow:hidden}h2.title-spec{font-size:15px;margin-bottom:5px;line-height:26px;background:#E8EDF3;color:#273A5E;padding:10px 15px;text-align:center;font-weight:700}.product-content{margin-bottom:10px}.product-content ul{margin-left:10px}.product-content li{list-style:none;margin:0;border-top:1px solid #C9CED7;background:url(images/icons/arrows/right.png) 0 11px no-repeat;padding:8px 10px 0 20px}.product-content li:first-child{border-top:none}.product-content table{width:100%}.product-content td{border-top:1px solid #C9CED7;padding:8px 10px 0 20px}.product-content td:first-child{background:url(images/icons/arrows/right.png) 0 11px no-repeat}.product-content tr:first-child td{border-top:none}.product-buttons{text-align:center;margin:10px auto}.product-button{background:#273A5E;display:inline-block;border-radius:5px;position:relative;behavior:url(/PIE.php);text-align:center;color:#fff!important;font-weight:400!important;font-size:15px;padding:10px 20px;margin:0 auto 5px}.product-button:hover{background-color:#FFCF03;color:#fff!important}.text-yellow{color:#FFD627}.product-button:hover .text-yellow{color:#273A5E}.product-second{text-align:center}.product-second .col-left{float:left;width:40%;max-width:250px}.product-second .col-right{float:right;width:60%}.product-extra h2{font-size:22px;line-height:26px;margin-bottom:20px}.related-box .product{width:100%;max-width:230px;height:auto}.related-box .product-title{height:auto;padding:15px 10px}.video-box{max-height:190px}.video-box > *{max-width:100%;height:auto;min-height:100%}#sidebar{min-height:200px;float:left;font-size:inherit;margin-bottom:20px;width:24%}#sidebar a{color:inherit}#sidebar .widget-title{text-transform:uppercase;background:#9A9A9A;color:#fff;margin-bottom:0;padding:10px;font-size:18px;text-align:center}#sidebar-rsp-home{display:none}#sidebar .sidebar-form .textwidget{padding:10px 20px 0;background:#E1E3E4}#products-sidebar{border:1px solid #4867A5;background:#fff}.sidebar-title{color:#fff;font-size:26px;line-height:28px;padding:15px 0 15px 60px;background:url(images/sidebar/title-products.png) no-repeat bottom left #273A5E}.cats-list li{list-style:none;font-size:12px}.cats-list a{display:block;position:relative}.cats-list > .cats-item > a{background:#E8ECF3;border-top:1px solid #fff;font-weight:700;padding:5px 10px}.cats-list > li:first-child > a{border:none}.cats-list > .cats-item > a:hover{background:#DFE4EC}.cats-children > li:first-child > a{border:none}.cats-count{display:none;padding-left:5px;float:right;color:#d3d3d3}.cats-parent > a{padding-right:25px!important}.cats-child{border-top:1px solid #C9CED7}.cats-child > a{font-size:13px;padding:5px 10px}.cats-child-submenu{padding:0 10px 10px 25px}.cats-child-subitem a{font-size:12px}.cats-child-subitem a:hover{text-decoration:underline}.cats-active{display:block}.cats-toggle-icon{background:url(images/icons/toggle/plus.png);height:18px;width:18px;position:absolute;top:7px;right:7px}.cats-active .cats-toggle-icon{background:url(images/icons/toggle/minus.png)}.cats-current{font-weight:700;color:#5B6B85}.cats-current a{text-decoration:none!important}.cats-color-yellow > a{background:#FFD627!important;border-top:1px solid #4867A5!important}.cats-color-yellow > a:hover{background:#F6CF28!important}.no-products{color:#C9CED7;font-style:italic}.lightbox-wrap{min-width:230px}.lightbox-title{background:#2A375C;color:#fff;font-size:22px;padding:15px 20px;text-align:center}.lightbox-title-rsp{display:none}.fancybox-wrap .fancybox-close{top:30px;right:30px;width:26px;height:26px;background:url(images/icons/close.png) center no-repeat}.form-row{overflow:hidden;clear:both}.form-col-l{float:left;width:49%;margin-right:1%}.form-col-r{float:right;width:49%;margin-left:1%}input,textarea,select{color:inherit;font-size:inherit;font-family:inherit;line-height:18px;padding:5px 8px;width:100%;border:1px solid #D2D6D5;background:#fff;margin:0 0 5px;border-radius:3px;position:relative;behavior:url(/PIE.php)}.wpcf7{padding:20px!important;color:#2E2E2E;background:#E8EDF3}.wpcf7 p{margin-bottom:0;height:inherit;vertical-align:top}.wpcf7 .watermark{font-family:inherit}.wpcf7 .wpcf7-captchac{vertical-align:top;position:relative;top:4px;margin-left:5px}.wpcf7 .wpcf7-captchar{width:50px!important}.wpcf7-submit{margin:5px auto 0!important;padding:10px 20px;background:#2A375C;border:0;cursor:pointer;color:#FCDA3E;width:200px;display:block;border-radius:3px;position:relative;behavior:url(/PIE.php);max-width:100%;font-size:16px}.wpcf7-submit:hover{background:#FCDA3E;color:#000}div.wpcf7-response-output{border:none!important;margin:0!important;padding:0!important;width:260px!important;font-size:11px!important;font-weight:400!important}span.wpcf7-not-valid-tip{position:absolute!important;top:-5px!important;left:0!important;z-index:100!important;background:#fff!important;border:1px solid red!important;font-size:11px!important;padding:3px!important;line-height:20px!important;width:150px!important}.wpcf7 .captcha .wpcf7-not-valid-tip{width:145px!important}#first{color:#fff;background:#273A5E;border-top:8px solid #FFD627;padding:20px 0 30px}#first a{color:#fff;text-decoration:none}#first a:hover{text-decoration:underline;color:#FFD627}#first .widget-title{display:block;color:#fff}#first .contact a{color:#FFD627}.col-footer{float:left}.col-third{width:33%}.col-quarter{width:25%;padding-right:40px}#first .widget-title{font-size:18px;line-height:22px}.sitemap.sitemap-wide{text-align:center}.sitemap.sitemap-wide li{display:inline-block;margin:0 5px;border-left:1px solid #666;line-height:12px;padding-left:12px}.sitemap.sitemap-wide li:first-child{border-left:none;padding-left:0;margin-left:0}.social-a{display:inline-block;width:34px;height:34px;background:url(images/icons/social.png);margin-right:5px}.social-a:hover{opacity:.8}.social-fb{background-position:top left}.social-tw{background-position:top center}.social-gp{background-position:top right}#second{background:#EEE;padding:10px 0;font-size:12px}#second a{color:#333;text-decoration:none}#second a:hover{text-decoration:underline}.copyright{clear:both;padding:10px 10px 20px}.copyright-cols .copyright-left{float:left}.copyright-cols .copyright-right{float:right;text-align:right}.copyright-wide{text-align:center;line-height:15px}.copyright-wide .copyright-left{display:inline-block;margin-right:5px;padding-right:5px;border-right:1px solid #8D93A1;line-height:12px}.copyright-wide .copyright-right{display:inline-block}@media only screen and (max-width: 1055px){#wrapper{overflow:hidden}.product{width:31%}}@media only screen and (min-width: 1016px){body.home #container{margin-bottom:20px;padding:0;background:none;box-shadow:none;max-width:1000px}body.home #content{background:#FFF;padding:20px 30px;width:73%}}@media only screen and (max-width: 1015px){#header{padding:0 10px}.tagline-internal{font-size:22px}#container{padding:15px 10px 20px;margin-top:0}.cta{max-width:32%;height:auto}#first{padding:20px}}@media only screen and (max-width: 960px){.title-product h1.primary-title{margin-bottom:5px}.title-product h1.primary-title,.title-product h2.secondary-title{float:none;text-align:left}h2.title-spec{text-align:left;margin-top:5px}}@media only screen and (max-width: 930px) and (min-width: 831px){.form-col{float:none;width:100%;margin:0}}@media only screen and (max-width: 880px){.product-second .col-left,.product-second .col-right{width:100%;text-align:center;max-width:100%;margin-bottom:20px}.tagline-internal{display:none}.tagline-home{display:block}}@media only screen and (max-width: 830px){#access a{padding:5px 10px}#access .sub-menu a{padding:10px!important}#ctas .ctas-small{display:none}#sidebar-rsp-home{display:block;margin-top:10px}#sidebar .cta{width:100%;max-width:100%;text-align:center;margin-left:0}#sidebar .cta img{width:100%;height:auto}.sidebar-title{font-size:20px;padding-top:10px;padding-bottom:10px}#sidebar{width:31%}#ctas,#content{width:67%}.cta{max-width:48%}.cta,.product{width:47%;margin:0 1% 5px;height:auto!important;max-width:100%}.t-cols td{float:none;width:100%;padding:0 0 10px}.col-center{text-align:center}}@media only screen and (max-width: 768px){.logo-main{display:none}.logo-small{display:initial}.header-right .searchbox{display:none}#access{margin-top:25px}#access a{padding:8px}}@media only screen and (max-width: 680px){#header{padding:0;position: fixed;width: 100%;z-index: 100;}

#tagline {	margin-top: 141px;}#branding{padding:10px}.header-right .searchbox{display:none}.rsp-call{display:block;float:right;padding:10px}.rsp-call a{display:block;color:#fff;padding: 3px 18px;font-weight:700;border-radius:5px;background: no-repeat 10px 9px #DC1100;position:relative;behaviour:url(/PIE.php);box-shadow:0 0 10px #263153;height: 30px;display: inline-block;font-size: 22px;font-family: fontAwesome;text-align: center;}

.rsp-call a:first-child {
	margin-right: 1px;
}

.rsp-call a:nth-child(2) i.fa {
	position: relative;
	top: 2px;
}.rsp-call a:hover{background-color:red}#access{display:none}.header-bottom{display:block!important;clear:both}#rsp-toggle{clear:both;width:100%;height:40px;background:url(images/icons/rsp/menu.png) no-repeat center #242F4F;cursor:pointer}.rsp-search{background:#FCD93E;float:none;width:100%;padding:10px 0 5px;margin-bottom:0}.rsp-search form{width:90%;margin:0 auto;display:block}.rsp-search form input[type=text]{max-width:100%}.rsp-menu{text-align:center;padding:10px}.rsp-menu a{display:block;color:#fff;padding:5px;font-size:16px}.rsp-menu .sub-menu a{color:#D4E2F2;font-size:15px}#breadcrumbs{display:block}#featured{display:none}#sidebar{display:none}#container{margin:0;padding-bottom:0}#ctas,#content{width:100%}.cta,.product{display:inline-block;margin-bottom:23px;height:auto}#first .widget-container{width:50%;margin-bottom:20px}}@media only screen and (max-width: 565px){#tagline{padding:15px 5px;font-size:18px;line-height:25px}}@media only screen and (max-width: 550px){.product-first .col-left{float:none;clear:both;text-align:center;margin:0}.title-product{text-align:center}.title-product h1.primary-title,.title-product h2.secondary-title{text-align:center}h2.title-spec{text-align:center}.product-buttons br{display:none}.product-button{display:block;max-width:80%}.form-col{float:none;width:100%;margin:0}.lightbox-title-main{display:none}.lightbox-title-rsp{display:block}}@media only screen and (max-width: 480px){.tagline-break-0{display:block}#first{padding:0}#first .widget-container{width:100%;margin-bottom:20px;border-top:1px solid #1B2B4A;padding:20px 20px 0}#first .widget-container:first-child{padding-top:20px;border-top:none}}@media only screen and (max-width: 430px){.cta,.product{width:100%;max-width:100%}.product-bottom{height:auto;padding-bottom:10px}}@media only screen and (max-width: 350px){.lightbox-title span{max-width:150px;margin:0 auto}} .social-media a{ background:url(images/icons/social_icon.png) no-repeat left top; width:49px; height:40px; float:left; margin-right:10px; display:block;  text-indent:-99999px;  } .social-media a.icon-tw { background-position:-59px 0; } .social-media a.icon-gp { background-position:-118px 0; }.social-media a.icon-tw:hover { background-position:-59px -41px; } .social-media a.icon-fb:hover { background-position:0 -41px; } .social-media a.icon-gp:hover { background-position:-118px -41px; }

/* ---- Centre logo or image in widgets ---- */
.widget_custom_html .textwidget,
.widget_text .textwidget {
  text-align: center;
}

/* ---- Ensure all images scale well and are mobile-friendly ---- */
.widget img,
.textwidget img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* ---- CTA Layout Wrapper ---- */
.cta-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  text-align: center;
  margin: 1em 0;
}

/* ---- Individual CTA Image Link ---- */
.cta-wrapper a {
  display: inline-block;
  text-decoration: none;
}

.cta-wrapper img {
  max-width: 100%;
  height: auto;
  border: none;
}

/* Show main logo by default */
.logo-main {
  display: inline-block;
}

.logo-small {
  display: none;
}

/* On smaller screens, hide main logo and show small logo */
@media (max-width: 768px) {
  .logo-main {
    display: none;
  }

  .logo-small {
    display: inline-block;
  }
}

.blog-gallery-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.blog-gallery-item {
  background: #DFE4EC;
  width: 30%;
  max-width: 300px;
  border: 1px solid #B5B5B5;
  padding: 10px;
  text-align: center;
  box-shadow: 2px 2px 6px #ccc;
}

.blog-gallery-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.blog-gallery-item h3 {
  font-size: 16px;
  color: #273A5E;
}

/* ---- Fix CTA layout + prevent CLS ---- */
.cta img,
.widget .cta img,
.widget_custom_html img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3; /* Adjust if your CTAs have a different ratio */
  object-fit: cover;
}

/* CTA grid stays as 3x4 */
#ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

#ctas a.cta {
  flex: 1 1 calc(33.333% - 10px);
  max-width: calc(33.333% - 10px);
}

/* Smaller CTA group (cta-small) */
.cta-third img {
  aspect-ratio: 1 / 1; /* Adjust for small CTAs */
  object-fit: contain;
}

/* Fix CLS for intro video thumbnail */
.video_lightbox_anchor_image {
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 255; /* actual intro ratio */
}

/* Always ensure logos don’t shift */
.logo-main,
.logo-small {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

/* Prevent grid breaking on small screens */
@media (max-width: 768px) {
  #ctas a.cta {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

@media (max-width: 480px) {
  #ctas a.cta {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* =========================================
   ✅ FIXED PRODUCT GRID LAYOUT (3 COLUMNS, NO OVERLAP)
   ========================================= */
#products {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;
  justify-content: flex-start;
  margin-top: 20px;
}

#products .product {
  width: 32%;
  max-width: none;
  margin: 0 0 20px;
  box-sizing: border-box;
  height: auto; /* Let height grow naturally */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

#products .product-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#products .product-bottom {
  position: static !important;
  display: block !important;
  height: auto !important;
}

#products .product-desc-title {
  display: none;
}

#products .product-desc-content {
  font-size: 0.95rem;
  color: #273A5E;
}

/* Preview thumbnail inside product */
#products .preview-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

/* Responsive fallback */
@media (max-width: 900px) {
  #products .product {
    width: 48%;
  }
}

@media (max-width: 600px) {
  #products .product {
    width: 100%;
  }
}
/* === Layout Fix: Ensure 3-column grid and prevent overflow === */
#products {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;
  justify-content: flex-start;
  margin-top: 20px;
}

#products .product {
  width: 32%;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#products .product-bottom {
  position: static !important;
  display: block !important;
  height: auto !important;
}

/* === Fix image height issue in product previews === */
#products .preview-thumb {
  width: 100%;
  height: auto !important;
  object-fit: contain;
  aspect-ratio: auto !important;
  display: block;
  margin: 0 auto;
}

#products .product-top {
  height: auto !important;
  overflow: visible !important;
  display: block;
}