@layer components.patterns{[data-ui=unified][data-storefront]{background:var(--ui-surface)}:where([data-ui=unified][data-storefront]) :is(.wrap,.util-inner,.nav-bar-inner,.footer-inner,.footer-bottom-inner){width:min(1200px,calc(100% - 48px));margin-inline:auto}:where([data-ui=unified][data-storefront]) img{max-width:100%}:where([data-ui=unified][data-storefront]) .skip-link{position:absolute;top:-100px;left:16px;z-index:20;background:var(--ui-surface);padding:12px}:where([data-ui=unified][data-storefront]) .skip-link:focus{top:8px}:where([data-ui=unified][data-storefront]) .util-strip{background:var(--ui-tint);border-bottom:1px solid var(--ui-line);font-size:12px}:where([data-ui=unified][data-storefront]) .util-inner{display:flex;justify-content:space-between;gap:12px;padding-block:10px}:where([data-ui=unified][data-storefront]) .util-fam{margin:0}:where([data-ui=unified][data-storefront]) .util-contact{display:flex;gap:16px;flex-wrap:wrap}:where([data-ui=unified][data-storefront]) .nav-bar{border-bottom:1px solid var(--ui-line);background:var(--ui-surface)}:where([data-ui=unified][data-storefront]) .nav-bar-inner{display:flex;align-items:center;gap:24px;padding-block:18px}:where([data-ui=unified][data-storefront]) .brand{flex:0 0 auto}:where([data-ui=unified][data-storefront]) .brand-logo{width:120px;height:auto;display:block}:where([data-ui=unified][data-storefront]) .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:20px}:where([data-ui=unified][data-storefront]) .nav-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ui-ink);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}:where([data-ui=unified][data-storefront]) .nav-link:hover{color:var(--ui-accent);text-decoration:underline}:where([data-ui=unified][data-storefront]) .nav-search{display:flex;margin-left:auto;min-width:0;flex:1 1 280px;border:1px solid var(--ui-line-strong);border-radius:var(--radius-md);background:var(--ui-surface)}:where([data-ui=unified][data-storefront]) .nav-search-input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-md);font:inherit;font-size:14px;background:transparent;color:var(--ui-ink)}:where([data-ui=unified][data-storefront]) :is(.nav-search-btn,.mobile-menu-btn,.drawer-close){min-width:44px;min-height:44px;display:inline-grid;place-items:center;background:var(--ui-surface);border:0;border-radius:var(--radius-md);color:var(--ui-accent);cursor:pointer}:where([data-ui=unified][data-storefront]) .mobile-menu-btn{display:none;border:1px solid var(--ui-line)}:where([data-ui=unified][data-storefront]) .sidebar{width:min(360px,calc(100% - 24px));max-height:100dvh;height:100dvh;margin:0 auto 0 0;padding:20px;border:0;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-ink);overflow-y:auto}:where([data-ui=unified][data-storefront]) .sidebar::backdrop{background:#00000073}:where([data-ui=unified][data-storefront]) .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700}:where([data-ui=unified][data-storefront]) .drawer-links{display:grid;margin-block:20px}:where([data-ui=unified][data-storefront]) .drawer-links a{display:block;padding:12px 0;border-bottom:1px solid var(--ui-line);text-decoration:none}:where([data-ui=unified][data-storefront]) .flag-new{font-size:11px;margin-left:8px}:where([data-ui=unified][data-storefront]) .drawer-contact{font-size:14px;overflow-wrap:anywhere}:where([data-ui=unified][data-storefront]) .drawer-contact a{display:block;padding-top:10px}[data-ui=unified][data-storefront].drawer-open{overflow:hidden}:where([data-ui=unified][data-storefront]) .site-footer{background:var(--ui-accent-hover);color:var(--color-on-brand);padding-top:40px}:where([data-ui=unified][data-storefront]) .footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:32px;padding-bottom:36px}:where([data-ui=unified][data-storefront]) .site-footer :is(a,h3){color:var(--color-on-brand)}:where([data-ui=unified][data-storefront]) .site-footer :is(p,address,li){font-size:14px;line-height:1.7}:where([data-ui=unified][data-storefront]) .site-footer address{font-style:normal;overflow-wrap:anywhere}:where([data-ui=unified][data-storefront]) .site-footer h3{font-size:15px;margin:0 0 12px}:where([data-ui=unified][data-storefront]) .site-footer ul{list-style:none;margin:0;padding:0}:where([data-ui=unified][data-storefront]) .site-footer li{margin-bottom:8px}:where([data-ui=unified][data-storefront]) .footer-est{font-size:12px}:where([data-ui=unified][data-storefront]) .footer-bottom{border-top:1px solid rgb(255 255 255 / 25%);padding-block:16px;font-size:12px}@media(width<=1050px){:where([data-ui=unified][data-storefront]) .nav-menu{display:none}:where([data-ui=unified][data-storefront]) .mobile-menu-btn{display:inline-grid}:where([data-ui=unified][data-storefront]) .util-inner{flex-wrap:wrap}:where([data-ui=unified][data-storefront]) .footer-inner{grid-template-columns:1fr 1fr}}@media(width<=600px){:where([data-ui=unified][data-storefront]) :is(.wrap,.util-inner,.nav-bar-inner,.footer-inner,.footer-bottom-inner){width:calc(100% - 32px)}:where([data-ui=unified][data-storefront]) .nav-bar-inner{flex-wrap:wrap;gap:12px;padding-block:12px}:where([data-ui=unified][data-storefront]) .nav-search{flex-basis:100%}:where([data-ui=unified][data-storefront]) .util-contact{gap:8px 16px}:where([data-ui=unified][data-storefront]) .util-mail{overflow-wrap:anywhere}:where([data-ui=unified][data-storefront]) .footer-inner{grid-template-columns:1fr;gap:24px}}@media print{:where([data-ui=unified][data-storefront]) :is(.skip-link,.nav-bar,.sidebar,.util-contact){display:none}:where([data-ui=unified][data-storefront]) :is(.wrap,.util-inner,.footer-inner,.footer-bottom-inner){width:100%}:where([data-ui=unified][data-storefront]) .util-strip{background:var(--ui-surface)}:where([data-ui=unified][data-storefront]) .site-footer{background:var(--ui-surface);color:var(--ui-ink);padding-top:12px;break-inside:avoid}:where([data-ui=unified][data-storefront]) .site-footer :is(a,h3){color:var(--ui-ink)}:where([data-ui=unified][data-storefront]) .footer-inner{display:block;padding-bottom:0}:where([data-ui=unified][data-storefront]) .footer-brand img{display:none}:where([data-ui=unified][data-storefront]) .footer-col{display:none}:where([data-ui=unified][data-storefront]) .footer-col:has(address){display:block}:where([data-ui=unified][data-storefront]) .footer-bottom{padding-block:6px}}}