.ffn-panel{position:absolute;left:0;right:0;z-index:30;padding:0 2.4rem}.ffn-panel[hidden]{display:none}.ffn-panel__in{max-width:120rem;margin:0 auto;display:grid;grid-template-columns:22rem 1fr;gap:2.4rem;background:#1e2622;color:#f4f2ed;border:1px solid rgba(191,164,143,.45);border-radius:12px;box-shadow:0 18px 40px #00000059;padding:2.4rem}.ffn-rail{display:flex;flex-direction:column;gap:.4rem;border-right:1px solid rgba(244,242,237,.12);padding-right:1.6rem}.ffn-rail__b{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-radius:var(--ff-card-radius,8px);font:500 1.5rem/1.2 var(--font-body-family);color:#f4f2ed}.ffn-rail__b:focus-visible,.ffn-rail__b[aria-selected=true]{background:#f4f2ed14;color:#d4bba7;font-weight:700}.ffn-rail__b:focus-visible,.ffn-card:focus-visible{outline:2px solid #d4bba7;outline-offset:2px}.ffn-h{margin:0 0 1.2rem;font:700 1.2rem/1 var(--font-body-family);letter-spacing:.08em;text-transform:uppercase;color:#d4bba7}.ffn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.ffn-card{display:flex;align-items:center;gap:1.2rem;padding:1.2rem;background:#fff;color:#1a211e;border:1px solid rgba(26,33,30,.12);border-radius:var(--ff-card-radius,8px);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ffn-card img{width:5.6rem;height:5.6rem;object-fit:contain;flex:0 0 auto}.ffn-ico{flex:0 0 5.6rem;height:5.6rem;display:grid;place-items:center;border-radius:var(--ff-card-radius,8px);background:#f4f2ed;color:#3f5147;font:700 2rem/1 var(--font-body-family)}.ffn-card b{display:block;font:600 1.5rem/1.25 var(--font-body-family)}.ffn-card small{display:block;margin-top:.2rem;font-size:1.2rem;color:#4d5650}.ffn-card--q{background:#f4f2ed}.ffn-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(244,242,237,.12)}.ffn-all{display:inline-block;margin-top:1.2rem;color:#d4bba7;font-weight:600;font-size:1.4rem;text-decoration:none}.ffn-tabbar,.ffn-sheet,.ffn-sheet-bg{display:none}@media screen and (max-width:989px){.ffn-panel{display:none!important}body{padding-bottom:calc(6.4rem + env(safe-area-inset-bottom))}.ffn-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#1e2622;border-top:1px solid rgba(191,164,143,.35);padding:.6rem .4rem calc(.6rem + env(safe-area-inset-bottom));justify-content:space-around}.ffn-tabbar a,.ffn-tabbar button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0;min-height:4.4rem;border-radius:var(--ff-card-radius,8px);color:#f4f2ed;font:500 1.1rem/1.1 var(--font-body-family)}.ffn-tabbar .is-on,.ffn-tabbar [aria-expanded=true]{color:#d4bba7;font-weight:700}.ffn-tabbar a:focus-visible,.ffn-tabbar button:focus-visible{outline:2px solid #d4bba7}.ffn-sheet-bg:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:68;background:#00000073}.ffn-sheet:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:calc(6.4rem + env(safe-area-inset-bottom));z-index:69;max-height:calc(100vh - 14rem);overflow:auto;background:#f4f2ed;border-radius:16px 16px 0 0;padding:1rem 1.6rem 1.6rem;box-shadow:0 -10px 30px #00000040}.ffn-sheet .ffn-h,.ffn-sheet .ffn-all{color:#3f5147}.ffn-grab{width:4rem;height:.4rem;border-radius:4px;background:#d9d6cf;margin:.4rem auto 1.2rem}.ffn-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ffn-sgrid .ffn-card{flex-direction:column;text-align:center;padding:1.2rem .8rem;gap:.6rem}.ffn-sgrid .ffn-card img,.ffn-sgrid .ffn-ico{width:5.2rem;height:5.2rem;flex-basis:auto}.ffu-cta{bottom:calc(6.4rem + env(safe-area-inset-bottom))!important;padding-bottom:10px!important}#shopify-chat,shopify-chat,inbox-online-store-chat{--ffn-offset:1}#ShopifyChat,shopify-chat iframe,#shopify-chat iframe{bottom:calc(7.2rem + env(safe-area-inset-bottom))!important}.header{padding-top:.6rem;padding-bottom:.6rem}.header__heading-logo{max-width:9rem}}@media(prefers-reduced-motion:reduce){.ffn-card{transition:none}}.ffn-sheet-open shopify-chat,.ffn-sheet-open #shopify-chat,.ffn-sheet-open .ffu-cta{display:none!important}html:not(.ffv-0):not(.ffv-2) .article-card .card__inner,html:not(.ffv-0):not(.ffv-2) .article-card,html:not(.ffv-0):not(.ffv-2) .article-card .card__content{background:#3f5147!important}html:not(.ffv-0):not(.ffv-2) .article-card .card__heading,html:not(.ffv-0):not(.ffv-2) .article-card .card__heading a{color:#f4f2ed!important}html:not(.ffv-0):not(.ffv-2) .article-card .card__heading{padding-bottom:.8rem;border-bottom:1px solid #bfa48f;margin-bottom:.8rem}html:not(.ffv-0):not(.ffv-2) .article-card .article-card__info,html:not(.ffv-0):not(.ffv-2) .article-card .article-card__excerpt,html:not(.ffv-0):not(.ffv-2) .article-card .caption-with-letter-spacing{color:#f4f2edd9!important}.ffv-2 .article-card .card__inner,.ffv-2 .article-card,.ffv-2 .article-card .card__content{background:#f4f2ed!important}.ffv-2 .article-card .card__heading,.ffv-2 .article-card .card__heading a,.ffv-2 .article-card .article-card__info,.ffv-2 .article-card .article-card__excerpt{color:#1a211e!important}.ffn-card--hot{border-left:4px solid #bfa48f!important;background:#f4f2ed}.ffn-card--hot b{color:#1a211e}#menu-drawer a[href^="/pages/iphone-diagnostics"],#menu-drawer a[href^="/pages/iphone-screen-repair-san-diego"],#menu-drawer a[href^="/pages/book-appointment"],#menu-drawer a[href^="/pages/iphone-screen-repair-prices"]{border-left:4px solid #bfa48f;padding-left:calc(3rem - 4px)}.ffh-sf .ffh-sf__list{--ff-r:520px;--ff-th:5.5deg;perspective:none}.ffh-sf .ffh-sf__list .ffh-sf__card{transform-origin:50% calc(100% + var(--ff-r));transform:rotate(calc(var(--o,0) * var(--ff-th)));z-index:calc(40 - var(--a,0));background-color:#f4f2ed;background-image:var(--ff-card-img,none);background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;overflow:hidden}.ffh-sf .ffh-sf__list .ffh-sf__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;pointer-events:none;border-radius:0 0 10px 10px;background:linear-gradient(to bottom,#f4f2ed00,#f4f2ed)}.ffh-sf .ffh-sf__list .ffh-sf__btn{position:relative;z-index:1}.ffh-sf .ffh-sf__list .ffh-sf__card.is-active{transform:rotate(0) translate3d(0,-12px,0);background-color:#fffaf0;z-index:60}.ffh-sf .ffh-sf__list .ffh-sf__card.is-active:after{background:linear-gradient(to bottom,#fffaf000,#fffaf0)}.ffh-sf .ffh-sf__list .ffh-sf__card.is-stack{transform:rotate(0)!important}.ffh-sf .ffh-sf__list .ffh-sf__card.is-lift{transform-origin:50% 50%}@media(min-width:750px){.ffh-sf .ffh-sf__list{--ff-th:6.3deg}}@media(prefers-reduced-motion:reduce){.ffh-sf .ffh-sf__list .ffh-sf__card{transition:none!important}}.ffh-sf .ffh-sf__card.ff-fan-r .ffh-sf__btn{justify-content:flex-end;padding-right:8px;box-sizing:border-box}.ffh-sf .ffh-sf__card.ff-fan-l .ffh-sf__btn{justify-content:flex-start;padding-left:8px;box-sizing:border-box}.ffh-sf .ffh-sf__card.ff-fan-l .ffh-sf__btn span,.ffh-sf .ffh-sf__card.ff-fan-r .ffh-sf__btn span{max-width:52px;white-space:normal;line-height:1.1;font-size:13px;text-align:center}.ffh-sf .ffh-sf__list .ffh-sf__card.ff-has-art{background-size:cover;background-position:50% 22%}.ffh-sf .ffh-sf__card.ff-has-art .ffh-sf__btn span{text-shadow:0 0 4px #F4F2ED,0 0 2px #F4F2ED}.ffh-sf .ffh-sf__card.ff-has-art .ffh-sf__btn{align-items:flex-end;padding-bottom:4px;box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ff-nav-cards.css.map */