.tt-desctop-menu nav ul li.dropdown a{font-size:16px}.tt-desctop-menu .dropdown .dropdown-menu{top:40%!important;z-index:2!important}.topheadernote{background-color:#28a745!important;font-size:1.2rem;padding:.6rem 0;font-weight:400}@media (max-width:1024px){.topheadernote{font-size:1rem;padding:.5rem 0}}#tt-header>div.tt-color-scheme-01 h6{font-size:1.2rem}.float{z-index:2147483501!important}
/* CLS fix: before slick initialises, the mobile product slider renders every slide as a
   vertical stack; keep only the first slide in flow so the container reserves exactly one
   slide's height and does not collapse (page "shaking") on load. The :not(.slick-initialized)
   guard stops matching the instant slick adds its class, so the initialised carousel is
   untouched. slick is initialised directly on .tt-mobile-product-slider (gulfweb.js). */
.tt-mobile-product-slider:not(.slick-initialized){overflow:hidden}
.tt-mobile-product-slider:not(.slick-initialized)>div:not(:first-child){display:none}