.rt-photonav-root,.rt-mphoto{--rt-fg: var(--text-color);--rt-bg: var(--background);--rt-hairline: rgba(var(--rt-fg), .14);--rt-hairline-strong: rgba(var(--rt-fg), .28);--rt-muted: rgba(var(--rt-fg), .62);--rt-radius: var(--block-border-radius-reduced, 8px);--rt-ease: cubic-bezier(.4, 0, .2, 1)}.rt-photonav{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:clamp(24px,3vw,52px);padding-block:var(--vertical-breather-tight, 32px);color:rgb(var(--rt-fg))}.rt-photonav__cats{display:flex;flex-direction:column;gap:2px}.rt-photonav__cat-thumb{flex:0 0 auto;width:48px;height:48px;overflow:hidden;border-radius:var(--rt-radius);background-color:rgba(var(--rt-fg),.06)}.rt-photonav__cat-thumb:empty{display:none}.rt-photonav__cat-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.rt-photonav__cat{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--rt-radius);color:rgb(var(--rt-fg));text-decoration:none;transition:background-color .18s var(--rt-ease),color .18s var(--rt-ease)}.rt-photonav__cat-label{margin:0;flex:1 1 auto;min-width:0;font-size:clamp(16px,1.15vw,20px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-photonav__cat .icon{flex:0 0 auto;width:9px;height:9px;opacity:0;transform:translate(-4px);transition:opacity .18s var(--rt-ease),transform .18s var(--rt-ease)}.rt-photonav__cat:hover,.rt-photonav__cat:focus-visible,.rt-photonav__cat.is-rt-active{background-color:rgba(var(--rt-fg),.06)}.rt-photonav__cat.is-rt-active .icon,.rt-photonav__cat:hover .icon{opacity:1;transform:translate(0)}.rt-photonav__cat.is-rt-active{font-weight:var(--text-font-bold-weight, 600)}.rt-photonav__panes{display:grid}.rt-photonav__panes>.rt-photonav__pane{grid-area:1 / 1 / 2 / 2}.rt-photonav__pane{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s var(--rt-ease),transform .22s var(--rt-ease),visibility 0s linear .22s}.rt-photonav__pane.is-rt-active{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--rt-ease),transform .22s var(--rt-ease),visibility 0s}.rt-photonav__grid{display:grid;grid-template-columns:repeat(var(--rt-grid-cols, 5),minmax(0,1fr));gap:clamp(12px,1.4vw,22px)}.rt-photonav__card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:rgb(var(--rt-fg))}.rt-photonav__card-media{position:relative;display:block;overflow:hidden;border-radius:var(--rt-radius);background-color:rgba(var(--rt-fg),.05);aspect-ratio:1 / 1;margin-bottom:2px}.rt-photonav__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--rt-ease)}.rt-photonav__card-img--placeholder{aspect-ratio:1 / 1}.rt-photonav__card:hover .rt-photonav__card-img,.rt-photonav__card:focus-visible .rt-photonav__card-img{transform:scale(1.05)}.rt-photonav__card-title{font-family:var(--heading-font-family, inherit);font-size:clamp(14px,1.05vw,17px);font-weight:800;line-height:1.18;letter-spacing:.01em;text-transform:var(--heading-text-transform, none);text-wrap:balance;transition:color .18s var(--rt-ease)}.rt-photonav__card:hover .rt-photonav__card-title,.rt-photonav__card:focus-visible .rt-photonav__card-title{color:rgb(var(--heading-color))}.rt-photonav__card-desc{font-size:clamp(11px,.75vw,12.5px);line-height:1.35;color:rgb(var(--rt-muted));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rt-photonav__card-price{color:rgb(var(--rt-muted))}.rt-photonav__shopall{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(16px,2vw,28px);color:rgb(var(--rt-fg));text-decoration:none;font-size:var(--heading-small-font-size, 13px);text-transform:var(--heading-text-transform, uppercase);letter-spacing:.04em}.rt-photonav__shopall .icon{width:8px;height:8px}.header__linklist-item.has-dropdown>.mega-menu[data-rt-photo-nav]{pointer-events:none}.header__linklist-item.has-dropdown:hover>.mega-menu[data-rt-photo-nav],.header__linklist-item.has-dropdown:has(:focus-visible)>.mega-menu[data-rt-photo-nav]{pointer-events:auto}.header__linklist-item.has-dropdown:has(:focus-visible)>.mega-menu[data-rt-photo-nav]{display:block;opacity:1;visibility:visible;transform:none;pointer-events:auto}.rt-photonav__cat:focus-visible,.rt-photonav__card:focus-visible,.rt-photonav__shopall:focus-visible{outline:2px solid rgb(var(--rt-fg));outline-offset:3px;border-radius:var(--rt-radius)}.rt-mphoto{display:block;color:rgb(var(--text-color))}.rt-mphoto__toggle,.rt-mphoto__cat-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:14px 4px;background:none;border:0;border-bottom:1px solid var(--rt-hairline);color:inherit;text-align:start;cursor:pointer}.rt-mphoto__cat-title{font-size:1rem}.rt-mphoto__region{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--rt-ease)}.rt-mphoto__region.is-rt-open{grid-template-rows:1fr}.rt-mphoto__region-inner{overflow:hidden;min-height:0}.rt-mphoto__cat{border-bottom:1px solid var(--rt-hairline)}.rt-mphoto__cat:last-child{border-bottom:0}.rt-mphoto__cat-toggle{border-bottom:0;padding-inline:8px}.rt-mphoto__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 8px 16px}.rt-mphoto__card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.rt-mphoto__card-media{overflow:hidden;border-radius:var(--rt-radius);background-color:rgba(var(--text-color),.05);aspect-ratio:1 / 1}.rt-mphoto__card-img{width:100%;height:100%;object-fit:cover;display:block}.rt-mphoto__card-img--placeholder{aspect-ratio:1 / 1}.rt-mphoto__card-title{font-size:.8125rem;line-height:1.3}.rt-mphoto__shopall{display:inline-block;margin:0 8px 18px;font-size:var(--heading-small-font-size, 13px);text-transform:var(--heading-text-transform, uppercase);letter-spacing:.04em;color:rgb(var(--text-color))}.rt-mphoto__toggle:focus-visible,.rt-mphoto__cat-toggle:focus-visible,.rt-mphoto__card:focus-visible,.rt-mphoto__shopall:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media(prefers-reduced-motion:reduce){.rt-photonav__pane,.rt-photonav__card-img,.rt-photonav__cat,.rt-photonav__cat .icon,.rt-mphoto__region{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mega-menu-photo-nav.css.map */
