.hero{position:relative;overflow:hidden;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.18}.hero__inner{position:relative;z-index:1;display:grid;gap:var(--s-6);padding-block:var(--s-8) var(--s-6)}.hero__copy{display:grid;gap:var(--s-4);max-width:640px}.hero__title{margin:0;font-size:clamp(1.9rem,7vw,3.25rem);line-height:1.2;display:grid;gap:.1em}.hero__line{display:block}.hero__line--found{display:inline-flex;align-items:center;gap:.25em;color:var(--c-ink)}.hero__line--found .mq-mark{width:.7em;height:.7em}.hero__word{display:inline-block;position:relative;color:var(--c-gulf);min-width:3ch;vertical-align:bottom}.hero__word:after{content:"";position:absolute;inset-inline:0;bottom:.08em;height:.22em;background:var(--c-found);z-index:-1;border-radius:2px;transform-origin:inline-start;animation:mq-underline .5s var(--ease)}.hero__word-inner{display:inline-block}.hero__word.is-swapping .hero__word-inner{animation:mq-word-out .18s var(--ease) forwards}.hero__word.is-entering .hero__word-inner{animation:mq-word-in .28s var(--ease)}@keyframes mq-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mq-word-out{to{opacity:0;transform:translateY(-.35em)}}@keyframes mq-word-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}.hero__sub{color:var(--c-text-muted);font-size:var(--fs-body);max-width:48ch;margin:0}.hero__search .search__input{height:54px;border-color:var(--c-ink);background:var(--c-surface);box-shadow:var(--shadow-sm)}.hero__search .search__submit{width:46px;height:46px;inset-inline-end:4px}.hero__search .search__clear{inset-inline-end:54px}.hero__chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.hero__chips .icon{width:14px;height:14px}@media(max-width:767px){.hero__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.hero__chips::-webkit-scrollbar{display:none}.hero__chips li{flex:0 0 auto}}.hero__found{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.hero__tile{position:relative;display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;animation:mq-surface .45s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .2s);transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.hero__tile:hover{border-color:var(--c-ink);transform:translateY(-2px)}.hero__tile-media{aspect-ratio:1;background:var(--c-surface-2);display:block}.hero__tile-media img{width:100%;height:100%;object-fit:contain;padding:8%}.hero__tile-body{display:grid;gap:2px;padding:var(--s-2) var(--s-3) var(--s-3);font-size:var(--fs-xs)}.hero__tile-title{font-weight:500;color:var(--c-ink)}.hero__tile-body .price__current{font-size:var(--fs-sm)}.hero__tile-mark{position:absolute;top:8px;inset-inline-end:8px}.hero__tile-mark .mq-mark{width:12px;height:12px}.hero__tile:hover .hero__tile-mark .mq-mark__ring{animation:mq-ping 1.1s var(--ease) infinite}@media(max-width:767px){.hero__tile:nth-child(n+4){display:none}}@media(min-width:1024px){.hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:var(--s-16);padding-block:var(--s-16) var(--s-12);min-height:520px}.hero__found{grid-template-columns:repeat(2,minmax(0,220px));justify-content:end;gap:var(--s-4)}.hero__tile:nth-child(2){transform:translateY(28px)}.hero__tile:nth-child(2):hover{transform:translateY(26px)}.hero__tile:nth-child(4){transform:translateY(28px)}.hero__tile:nth-child(4):hover{transform:translateY(26px)}.hero__tile-body{font-size:var(--fs-sm);padding:var(--s-3) var(--s-4) var(--s-4)}}.catnav__list{display:grid;gap:var(--s-3)}.catnav__list--rail{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(88px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);padding-bottom:var(--s-2)}.catnav__list--rail::-webkit-scrollbar{display:none}.catnav__list--rail li{scroll-snap-align:start}.catnav__list--grid{grid-template-columns:repeat(4,1fr)}@media(min-width:768px){.catnav__list,.catnav__list--rail{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-inline:0;padding-inline:0;overflow:visible;gap:var(--s-4)}}.catnav__tile{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);text-align:center;min-height:var(--tap)}.catnav__icon{position:relative;width:72px;height:72px;border-radius:22px;background:var(--c-gulf-soft);display:grid;place-items:center;overflow:hidden;transition:background var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.catnav__icon img{width:40px;height:40px;object-fit:contain}.catnav__icon .catnav__photo{width:100%;height:100%;object-fit:cover}.catnav__ring{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity var(--t-base) var(--ease)}.catnav__ring .mq-mark{width:88%;height:88%}.catnav__ring .mq-mark__ring{border-width:2px}@media(hover:hover){.catnav__tile:hover .catnav__icon{background:var(--c-ink);transform:translateY(-2px)}.catnav__tile:hover .catnav__ring{opacity:1}.catnav__tile:hover .catnav__ring .mq-mark__ring{animation:mq-ping 1s var(--ease) 1}}@media(min-width:1024px){.catnav__icon{width:96px;height:96px;border-radius:28px}.catnav__icon img{width:52px;height:52px}}.catnav__label{font-size:var(--fs-xs);font-weight:600;color:var(--c-ink);line-height:1.3;max-width:100%;overflow-wrap:anywhere}@media(min-width:768px){.catnav__label{font-size:var(--fs-sm)}}.prail__title{display:inline-flex;align-items:center;gap:var(--s-2)}.prail__title .mq-mark{width:.55em;height:.55em}.prail__icon{width:22px;height:22px;color:var(--c-sale)}.prail__sub{margin:2px 0 0}.prail--deals .section-head h2{color:var(--c-sale)}.prail__rail{position:relative;display:block}.rail__btn{position:absolute;top:calc(50% - 44px);width:40px;height:40px;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--c-ink);z-index:2;transition:opacity var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.rail__btn:disabled{opacity:0;pointer-events:none}.rail__btn:hover{background:var(--c-found)}.rail__btn--prev{inset-inline-start:-14px}.rail__btn--next{inset-inline-end:-14px}.rail__btn .icon{width:20px;height:20px}.prail__rail:not(.has-overflow) .rail__btn{display:none}.edit__grid{display:grid;gap:var(--s-3)}@media(min-width:768px){.edit__grid{gap:var(--s-5);grid-template-columns:repeat(2,1fr)}.edit__grid--3{grid-template-columns:repeat(2,1fr)}.edit__tile--large{grid-row:span 2}}.edit__tile{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--c-ink);min-height:220px;color:#fff;isolation:isolate}.edit__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.edit__media img,.edit__media .img-placeholder{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}.edit__media .img-placeholder{background:var(--c-ink-2)}.edit__tile:hover .edit__media img{transform:scale(1.03)}.edit__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0b2233d9,#0b223359 55%,#0b223300)}.edit__body{position:relative;z-index:2;display:grid;gap:var(--s-1);padding:var(--s-5);height:100%;align-content:end;min-height:220px}.edit__kicker{font-size:var(--fs-xs);font-weight:600;color:var(--c-found)}.edit__title{font-family:var(--f-heading);font-weight:800;font-size:var(--fs-h3);line-height:1.3;max-width:24ch}.edit__cta{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;margin-top:var(--s-2);color:#fff}.edit__cta .mq-mark{width:10px;height:10px}@media(min-width:1024px){.edit__tile--large{min-height:480px}.edit__tile--large .edit__title{font-size:var(--fs-h2)}.edit__body{padding:var(--s-8)}}.trust__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}@media(min-width:768px){.trust__list{grid-template-columns:repeat(4,1fr);gap:var(--s-5)}}.trust__item{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.trust__item .icon{width:24px;height:24px;color:var(--c-gulf);flex:0 0 auto}.trust__text{display:grid;gap:2px;font-size:var(--fs-xs)}.trust__text strong{color:var(--c-ink);font-size:var(--fs-sm);font-weight:600}.trust__text span{color:var(--c-text-muted)}.optin__box{display:grid;gap:var(--s-5);padding:var(--s-6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg)}@media(min-width:1024px){.optin__box{grid-template-columns:1.1fr .9fr;align-items:center;padding:var(--s-10)}}.optin__copy{display:grid;gap:var(--s-2)}.optin__copy .mq-mark{width:28px;height:28px}.optin__copy h2{margin:0}.optin__actions{display:grid;gap:var(--s-3)}.optin__form .newsletter__row{flex-wrap:wrap}.optin__form .input{flex:1;min-width:200px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mq-home.css.map */