.periana-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.08);background:rgb(var(--color-background))}.periana-header__inner{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.periana-header__nav{display:flex;align-items:center;gap:clamp(22px,2vw,42px)}.periana-header__nav--left{justify-content:flex-start}.periana-header__nav--right{justify-content:flex-end}.periana-header__item{position:relative}.periana-header__nav a,.periana-header__mobile-bag,.periana-header__drawer a{color:inherit;text-decoration:none;font-size:12.5px;letter-spacing:.08em;font-weight:400;text-transform:uppercase;white-space:nowrap}.periana-header__nav a:hover,.periana-header__mobile-bag:hover,.periana-header__drawer a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.periana-header__logo{color:inherit;text-decoration:none;justify-self:center;font-size:22px;letter-spacing:.28em;text-transform:uppercase;line-height:1}.periana-header__logo img{max-width:200px;height:auto;display:block}.periana-header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:190px;padding:34px 34px 30px;background:#faf8f4;display:none;flex-direction:column;gap:18px;text-align:center;z-index:110}.periana-header__item:hover .periana-header__dropdown,.periana-header__item:focus-within .periana-header__dropdown{display:flex}.periana-header__dropdown a{font-size:11px;letter-spacing:.1em}.periana-header__mobile-toggle,.periana-header__drawer,.periana-header__mobile-bag{display:none}@media screen and (min-width:1280px)and (max-width:1500px){.periana-header__inner,.periana-header__nav{gap:20px}.periana-header__nav a{font-size:13px;letter-spacing:.08em}.periana-header__logo{font-size:20px;letter-spacing:.22em}}@media screen and (max-width:1279px){html.periana-menu-open,html.periana-menu-open body{overflow:hidden}.periana-header{z-index:100}.periana-header__inner{height:66px;display:block;position:relative;padding-left:20px!important;padding-right:20px!important}.periana-header__nav{display:none!important}.periana-header__mobile-toggle{display:flex!important;position:absolute;left:20px;top:50%;transform:translateY(-50%);width:26px;height:15px;padding:0;border:0;background:transparent;color:inherit;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:3}.periana-header__mobile-toggle span{display:block;width:100%;height:1px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.periana-header.is-drawer-open .periana-header__mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.periana-header.is-drawer-open .periana-header__mobile-toggle span:nth-child(2){opacity:0}.periana-header.is-drawer-open .periana-header__mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.periana-header__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-self:unset;text-align:center;font-size:18px;letter-spacing:.22em;line-height:1;max-width:58vw;z-index:2}.periana-header__logo img{max-width:150px;width:auto;height:auto;display:block}.periana-header__mobile-bag{display:block!important;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:inherit;z-index:3}.periana-header__drawer{display:block;position:fixed;top:66px;left:0;right:0;bottom:0;background:rgb(var(--color-background));border-top:1px solid rgba(0,0,0,.08);z-index:99;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;overflow-y:auto}.periana-header.is-drawer-open .periana-header__drawer{opacity:1;visibility:visible;transform:translateY(0)}.periana-header__drawer-inner{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:38px 24px 46px}.periana-header__drawer-primary{display:grid;gap:24px}.periana-header__drawer-secondary{display:grid;gap:18px;padding-top:34px;margin-top:42px;border-top:1px solid rgba(0,0,0,.08)}.periana-header__drawer a{font-size:14px;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;text-decoration:none;color:inherit}.periana-header__drawer-submenu{display:grid;gap:12px;margin-top:14px;padding-left:18px}.periana-header__drawer-submenu a{font-size:11px;letter-spacing:.09em;opacity:.68}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-periana-header.css.map */