html, body { overflow-x: hidden !important; } #header, #header .header-wrapper, #header .header-main { max-width: 100vw !important; overflow-x: clip !important; } #header .header-main { background: #ffffff !important; border-bottom: 1px solid #eef2f7 !important; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important; } #header .header-main > .container::before, #header .header-main > .container::after, #header .header-main .container::before, #header .header-main .container::after, #header .header-main .header-row::before, #header .header-main .header-row::after { display: none !important; content: none !important; } #header .logo img:not(:first-of-type) { display: none !important; } #header .logo, #header .logo a, #header .logo-transition { opacity: 1 !important; visibility: visible !important; } #header .logo img { display: block !important; width: auto !important; height: auto !important; object-fit: contain !important; } #header .searchform-popup > .search-toggle { display: none !important; } #header .searchform-popup, #header .searchform-popup form.searchform { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #header .searchform-popup .searchform-fields { display: flex !important; align-items: center !important; width: 100% !important; background: #ffffff !important; border: 1px solid #dbe3ec !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important; } #header .searchform-popup .searchform-fields .text { flex: 1 1 auto !important; min-width: 0 !important; display: block !important; } #header .searchform-popup input[name="s"], #header .searchform-popup input[type="text"], #header .searchform-popup input[type="search"] { width: 100% !important; min-width: 0 !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: #ffffff !important; color: #111827 !important; font-size: 14px !important; font-weight: 400 !important; padding: 0 14px !important; margin: 0 !important; box-sizing: border-box !important; } #header .searchform-popup input[name="s"]::placeholder, #header .searchform-popup input[type="text"]::placeholder, #header .searchform-popup input[type="search"]::placeholder { color: #9ca3af !important; opacity: 1 !important; } #header .searchform-popup .button-wrap { flex: 0 0 50px !important; width: 50px !important; min-width: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #header .searchform-popup button.btn-special { width: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-left: 1px solid #e5e7eb !important; background: #ffffff !important; color: #07111f !important; font-size: 18px !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; } #header .mobile-toggle, #header .dtf-header-account-wrap, #header .dtf-header-account-menu-li, #header .my-account, #header .header-account, #header #mini-cart { position: relative !important; float: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .mobile-toggle, #header .dtf-header-account-wrap, #header .dtf-header-account-menu-li, #header .my-account, #header .header-account { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; color: #111827 !important; border: 1px solid #e5e7eb !important; box-shadow: none !important; } #header .dtf-header-account-wrap > a, #header .dtf-header-account-menu-li > a, #header .my-account > a, #header .header-account > a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } #header #mini-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; } #header #mini-cart .cart-head { display: flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header #mini-cart .cart-subtotal, #header #mini-cart .cart-price { display: none !important; } #header #mini-cart .cart-icon { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #111827 !important; font-size: 20px !important; } #header #mini-cart .cart-items { position: absolute !important; top: -7px !important; right: -8px !important; min-width: 16px !important; height: 16px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #ef4444 !important; color: #ffffff !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1 !important; } @media (max-width: 991px) { #header { position: sticky !important; top: 0 !important; z-index: 99999 !important; background: #ffffff !important; } body.admin-bar #header { top: 46px !important; } #header .header-main { height: auto !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; } #header .header-main > .container, #header .header-main .container, #header .header-main .header-row { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "left right" "search search" !important; align-items: center !important; gap: 9px !important; padding: 10px 12px 12px !important; margin: 0 !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; overflow: visible !important; } #header .header-left { grid-area: left !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; width: auto !important; min-width: 0 !important; height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .mobile-toggle { order: 1 !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer !important; } #header .logo, #header .logo a, #header .logo-transition { order: 2 !important; display: flex !important; align-items: center !important; width: auto !important; max-width: 145px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .logo img { max-width: 136px !important; max-height: 39px !important; } #header .header-right { grid-area: right !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .header-right > div { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; width: auto !important; height: 42px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .dtf-header-account-wrap, #header .dtf-header-account-menu-li, #header .my-account, #header .header-account { order: 1 !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; } #header #mini-cart { order: 2 !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; } #header #mini-cart .cart-head { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; } #header .header-center { grid-area: search !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 48px !important; display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .searchform-popup { width: 100% !important; max-width: none !important; height: 48px !important; } #header .searchform-popup form.searchform, #header .searchform-popup .searchform-fields, #header .searchform-popup input[name="s"], #header .searchform-popup input[type="text"], #header .searchform-popup input[type="search"], #header .searchform-popup .button-wrap, #header .searchform-popup button.btn-special { height: 48px !important; } #header .searchform-popup .searchform-fields { background: #f8fbff !important; box-shadow: none !important; } #header #main-menu, #header .main-menu-wrap, #header nav.main-menu-wrap, #header ul.main-menu, #header .main-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } } @media (max-width: 420px) { #header .header-main > .container, #header .header-main .container, #header .header-main .header-row { padding-left: 8px !important; padding-right: 8px !important; gap: 8px !important; } #header .header-left { gap: 6px !important; } #header .mobile-toggle, #header .dtf-header-account-wrap, #header .dtf-header-account-menu-li, #header .my-account, #header .header-account, #header #mini-cart, #header #mini-cart .cart-head { width: 39px !important; min-width: 39px !important; height: 39px !important; min-height: 39px !important; border-radius: 13px !important; } #header .logo, #header .logo a, #header .logo-transition { max-width: 122px !important; } #header .logo img { max-width: 118px !important; max-height: 36px !important; } #header .searchform-popup input[name="s"], #header .searchform-popup input[type="text"], #header .searchform-popup input[type="search"] { font-size: 13px !important; } } @media (min-width: 992px) and (max-width: 1699px){ #header .header-main { padding: 12px 0 !important; } #header .header-main > .container, #header .header-main .container, #header .header-main .header-row { width: calc(100% - 48px) !important; max-width: 1180px !important; min-height: 68px !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; box-sizing: border-box !important; overflow: visible !important; } #header .header-left { flex: 0 0 215px !important; width: 215px !important; min-width: 215px !important; max-width: 215px !important; height: 46px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; overflow: visible !important; } #header .mobile-toggle { order: 1 !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; display: inline-flex !important; visibility: visible !important; opacity: 1 !important; background: #f1f5f9 !important; cursor: pointer !important; } #header .logo, #header .logo a, #header .logo-transition { order: 2 !important; display: flex !important; align-items: center !important; width: auto !important; max-width: 158px !important; height: 46px !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; overflow: visible !important; } #header .logo img { max-width: 154px !important; max-height: 44px !important; } #header .header-center { flex: 1 1 520px !important; min-width: 0 !important; max-width: 620px !important; width: auto !important; display: block !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; overflow: visible !important; } #header .searchform-popup { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 48px !important; } #header .searchform-popup form.searchform, #header .searchform-popup .searchform-fields, #header .searchform-popup input[name="s"], #header .searchform-popup input[type="text"], #header .searchform-popup input[type="search"], #header .searchform-popup .button-wrap, #header .searchform-popup button.btn-special { height: 48px !important; } #header .header-right { flex: 0 0 100px !important; width: 100px !important; min-width: 100px !important; max-width: 100px !important; height: 46px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important; position: static !important; float: none !important; overflow: visible !important; } #header .header-right > div { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; width: 100px !important; min-width: 100px !important; max-width: 100px !important; height: 46px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header .dtf-header-account-wrap, #header .dtf-header-account-menu-li, #header .my-account, #header .header-account { order: 1 !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; } #header #mini-cart { order: 2 !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; } #header #mini-cart .cart-head { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; } #header #main-menu, #header .main-menu-wrap, #header nav.main-menu-wrap, #header ul.main-menu, #header .main-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; box-shadow: none !important; } } @media (min-width: 992px) and (max-width: 1100px) { #header .header-main > .container, #header .header-main .container, #header .header-main .header-row { width: calc(100% - 24px) !important; max-width: 100% !important; gap: 10px !important; } #header .header-left { flex: 0 0 202px !important; width: 202px !important; min-width: 202px !important; max-width: 202px !important; gap: 8px !important; } #header .logo, #header .logo a, #header .logo-transition { max-width: 150px !important; } #header .logo img { max-width: 146px !important; max-height: 42px !important; } #header .header-center { max-width: none !important; } #header .header-right, #header .header-right > div { flex-basis: 96px !important; width: 96px !important; min-width: 96px !important; max-width: 96px !important; gap: 6px !important; } #header .mobile-toggle, #header .dtf-header-account-wrap, #header .dtf-header-account-menu-li, #header .my-account, #header .header-account, #header #mini-cart, #header #mini-cart .cart-head { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; border-radius: 13px !important; } } @media (min-width: 1700px) { #header.header-5 .header-main { padding: 16px 0 !important; } #header.header-5 .header-main > .container { max-width: 1675px !important; width: calc(100% - 72px) !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: 190px minmax(420px, 620px) auto !important; align-items: center !important; gap: 26px !important; padding-left: 0 !important; padding-right: 0 !important; min-height: 58px !important; box-sizing: border-box !important; } #header.header-5 .mobile-toggle { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } #header.header-5 .header-left { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header.header-5 .logo, #header.header-5 .logo a, #header.header-5 .logo-transition { display: flex !important; align-items: center !important; max-width: 170px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; overflow: visible !important; } #header.header-5 .logo img { max-width: 160px !important; max-height: 48px !important; } #header.header-5 .header-center { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: 100% !important; max-width: 620px !important; } #header.header-5 .searchform-popup { width: 100% !important; max-width: 620px !important; height: 50px !important; margin: 0 auto !important; } #header.header-5 .searchform-popup form.searchform, #header.header-5 .searchform-popup .searchform-fields, #header.header-5 .searchform-popup input[name="s"], #header.header-5 .searchform-popup input[type="text"], #header.header-5 .searchform-popup input[type="search"], #header.header-5 .searchform-popup .button-wrap, #header.header-5 .searchform-popup button.btn-special { height: 50px !important; } #header.header-5 .header-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header.header-5 .header-right > div { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header.header-5 #main-menu, #header.header-5 .main-menu-wrap, #header.header-5 nav.main-menu-wrap, #header.header-5 ul.main-menu, #header.header-5 .main-menu { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #header.header-5 #main-menu { order: 1 !important; align-items: center !important; } #header.header-5 #main-menu ul.main-menu { display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 6px !important; background: #f8fbff !important; border: 1px solid #eef2f7 !important; border-radius: 18px !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035) !important; flex-wrap: nowrap !important; } #header.header-5 #main-menu ul.main-menu > li { margin: 0 !important; padding: 0 !important; } #header.header-5 #main-menu ul.main-menu > li > a { min-height: 42px !important; padding: 0 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 13px !important; border: 1px solid transparent !important; background: transparent !important; color: #111827 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; } #header.header-5 #main-menu ul.main-menu > li > a:hover, #header.header-5 #main-menu ul.main-menu > li.current-menu-item > a, #header.header-5 #main-menu ul.main-menu > li.current_page_item > a, #header.header-5 #main-menu ul.main-menu > li.active > a { background: #ffffff !important; border-color: rgba(0, 159, 227, 0.32) !important; color: #006ee6 !important; box-shadow: 0 8px 18px rgba(0, 159, 227, 0.10) !important; } #header.header-5 .dtf-header-account-wrap, #header.header-5 .dtf-header-account-menu-li, #header.header-5 .my-account, #header.header-5 .header-account { order: 2 !important; width: 52px !important; min-width: 52px !important; height: 52px !important; min-height: 52px !important; border-radius: 18px !important; } #header.header-5 #mini-cart { order: 3 !important; width: auto !important; min-width: 86px !important; height: 52px !important; } #header.header-5 #mini-cart .cart-head { height: 52px !important; min-width: 86px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 0 12px !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 18px !important; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.065) !important; } #header.header-5 #mini-cart .cart-subtotal { display: flex !important; flex-direction: column !important; gap: 2px !important; color: #111827 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.1 !important; } #header.header-5 #mini-cart .cart-price { display: block !important; color: #64748b !important; font-size: 12px !important; font-weight: 500 !important; } } @media (max-width: 1699px) { body.dtf-menu-lock { overflow: hidden !important; touch-action: none !important; } body.dtf-menu-opened #header .mobile-toggle { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: scale(0.9) !important; } .dtf-mobile-menu-overlay { position: fixed !important; inset: 0 !important; z-index: 999998 !important; background: rgba(2, 6, 23, 0.52) !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.28s ease, visibility 0.28s ease !important; backdrop-filter: blur(3px) !important; } .dtf-mobile-menu-overlay.is-open { opacity: 1 !important; visibility: visible !important; } .dtf-premium-mobile-drawer { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; z-index: 999999 !important; width: min(84vw, 340px) !important; max-width: 340px !important; background: radial-gradient(circle at top left, rgba(0, 159, 227, 0.12), transparent 30%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important; transform: translateX(-104%) !important; transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1) !important; box-shadow: 22px 0 60px rgba(15, 23, 42, 0.24) !important; border-right: 1px solid #e5e7eb !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important; } .dtf-premium-mobile-drawer.is-open { transform: translateX(0) !important; } .dtf-drawer-head { padding: 18px 16px 14px !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 12px !important; border-bottom: 1px solid #e5e7eb !important; background: rgba(255,255,255,0.92) !important; backdrop-filter: blur(12px) !important; } .dtf-drawer-brand { display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 0 !important; } .dtf-drawer-logo { max-width: 136px !important; height: auto !important; display: block !important; } .dtf-drawer-brand strong { font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; letter-spacing: 2px !important; text-transform: uppercase !important; } .dtf-drawer-close { width: 42px !important; height: 42px !important; min-width: 42px !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; background: #ffffff !important; color: #111827 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; cursor: pointer !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important; } .dtf-drawer-support { margin: 14px 14px 12px !important; padding: 14px !important; border-radius: 18px !important; background: #07111f !important; color: #ffffff !important; display: flex !important; align-items: center !important; gap: 12px !important; box-shadow: 0 18px 34px rgba(7, 17, 31, 0.18) !important; } .dtf-drawer-support-icon { width: 42px !important; height: 42px !important; min-width: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; background: rgba(0, 159, 227, 0.14) !important; color: #38bdf8 !important; font-size: 18px !important; } .dtf-drawer-support strong { display: block !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 600 !important; color: #ffffff !important; } .dtf-drawer-support small { display: block !important; margin-top: 4px !important; font-size: 12px !important; line-height: 1.4 !important; color: #cbd5e1 !important; } .dtf-drawer-nav { padding: 4px 12px 14px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; flex: 1 !important; } .dtf-drawer-nav ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } .dtf-drawer-nav li { margin: 0 !important; padding: 0 !important; border: 0 !important; } .dtf-drawer-nav a { min-height: 56px !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; gap: 12px !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; color: #111827 !important; text-decoration: none !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important; } .dtf-drawer-nav a::before { width: 32px !important; height: 32px !important; min-width: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; background: #eff6ff !important; color: #009fe3 !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; font-size: 13px !important; } .dtf-drawer-nav a.dtf-menu-home::before { content: "\f015" !important; } .dtf-drawer-nav a.dtf-menu-shop::before { content: "\f290" !important; } .dtf-drawer-nav a.dtf-menu-about::before { content: "\f05a" !important; } .dtf-drawer-nav a.dtf-menu-blog::before { content: "\f1ea" !important; } .dtf-drawer-nav a.dtf-menu-contact::before { content: "\f095" !important; } .dtf-drawer-nav a.dtf-menu-default::before { content: "\f105" !important; } .dtf-drawer-nav a::after { content: none !important; display: none !important; } .dtf-drawer-nav li.current-menu-item > a, .dtf-drawer-nav li.active > a, .dtf-drawer-nav a:hover { border-color: rgba(0, 159, 227, 0.35) !important; background: linear-gradient(135deg, #ffffff 0%, #f3faff 100%) !important; color: #006ee6 !important; box-shadow: 0 10px 24px rgba(0, 159, 227, 0.08) !important; } .dtf-drawer-quick { padding: 14px 14px 12px !important; border-top: 1px solid #e5e7eb !important; background: rgba(255,255,255,0.96) !important; } .dtf-drawer-whatsapp { width: 100% !important; min-height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; border-radius: 16px !important; background: #16a34a !important; color: #ffffff !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: 0 14px 28px rgba(22, 163, 74, 0.22) !important; } .dtf-drawer-social { margin-top: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; } .dtf-drawer-social a { width: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #111827 !important; text-decoration: none !important; } body.dtf-menu-lock #side-nav-panel, body.dtf-menu-lock .side-nav-panel, body.dtf-menu-lock .mobile-menu, body.dtf-menu-lock .mfp-wrap { visibility: hidden !important; } }