:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header],:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu]{--dtfl-fh-height: 82px;--dtfl-fh-gutter: clamp(28px, 4.1667vw, 60px);--dtfl-fh-gap: 32px;box-sizing:border-box;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] *,:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] *{box-sizing:border-box}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header]{position:fixed!important;inset:0 0 auto;height:var(--dtfl-fh-height);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--dtfl-fh-gap);padding:0 var(--dtfl-fh-gutter);margin:0;z-index:100;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#0a0b0e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:var(--dtfl-fh-backing, 0);transition:opacity .45s cubic-bezier(.22,.61,.36,1)}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header][data-menu=open]:before{opacity:1}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__brand{display:flex;align-items:center;width:340px;min-height:44px;color:#fff;line-height:0;text-decoration:none;flex-shrink:0}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__brand svg{display:block;width:100%;height:auto;color:#fff}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__desktop{display:flex;align-items:center;justify-self:center;width:max-content;gap:clamp(20px,1.8056vw,26px);margin:0;padding:0}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__desktop a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;color:#fff;font-size:16px;font-weight:450;line-height:24px;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:opacity .18s ease}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__desktop a:hover{opacity:.75}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__actions{display:flex;align-items:center;gap:14px;min-width:0}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 20px;border:0;border-radius:100px;background:#fff;color:#131414;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;white-space:nowrap}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app:hover{background:#e9e9e9}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header][data-app-inline=hidden] .dtfl-fh__app{position:absolute;left:-10000px;visibility:hidden;pointer-events:none}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app svg{width:17px;height:17px;flex:0 0 17px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:transparent;color:#fff;cursor:pointer}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__toggle span{display:block;width:20px;height:1px;background:currentColor;transition:transform .18s ease}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header][data-layout=compact]{grid-template-columns:minmax(0,1fr) auto}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header][data-layout=compact] .dtfl-fh__desktop{position:absolute;visibility:hidden;pointer-events:none;left:0;top:0}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header][data-layout=compact] .dtfl-fh__toggle{display:inline-flex}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu]{position:fixed;inset:var(--dtfl-fh-height) 0 0;z-index:99;margin:0;padding:28px var(--dtfl-fh-gutter) max(32px,env(safe-area-inset-bottom));background:#0a0b0e;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu][hidden]{display:none!important}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] .dtfl-fh-menu__links{max-width:720px;margin:0 auto}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] .dtfl-fh-menu__links a{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:26px;font-weight:400;line-height:1.35;text-decoration:none}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] .dtfl-fh-menu__links svg{width:22px;height:22px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] .dtfl-fh-menu__utility{display:flex;flex-wrap:wrap;gap:24px;max-width:720px;margin:24px auto 0}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] .dtfl-fh-menu__utility a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:16px;line-height:24px;text-decoration:underline;text-underline-offset:4px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] a:focus-visible,:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] button:focus-visible,:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu] a:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(min-width:1151px)and (max-height:700px){:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header],:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu]{--dtfl-fh-height: 72px}}@media(max-width:1150px){:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header],:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu]{--dtfl-fh-height: 80px;--dtfl-fh-gutter: 28px;--dtfl-fh-gap: 20px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__brand{width:272px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app{font-size:14px;padding:10px 18px}}@media(max-width:700px){:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header],:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu]{--dtfl-fh-height: 76px;--dtfl-fh-gutter: 20px;--dtfl-fh-gap: 10px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__brand{width:198px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__actions{gap:8px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app{font-size:12px;padding:10px 12px;gap:7px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app svg{display:none}}@media(max-width:370px){:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header],:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-menu]{--dtfl-fh-gutter: 16px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__brand{width:195px}:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__app{display:none}}@media(prefers-reduced-motion:reduce){:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header]:before,:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__desktop a,:where(body[data-dtfl-homepage=true]) [data-dtfl-floating-header] .dtfl-fh__toggle span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/dtfl-hp-floating-header-44946f11.css.map */