.scooch-howto-finder{--howto-ink: #18130e;--howto-muted: #6b6259;--howto-line: #e8ded2;--howto-soft: #f7f4f0;--howto-orange: #f7931d;color:var(--howto-ink);background:#f7f5f2}.scooch-howto-finder *,.scooch-howto-finder *:before,.scooch-howto-finder *:after{box-sizing:border-box}.howto-shell{width:min(100% - 40px,1360px);margin-inline:auto;padding:clamp(24px,4vw,54px) 0 clamp(54px,7vw,88px)}.howto-intro{display:grid;grid-template-columns:minmax(0,.86fr) minmax(440px,1.14fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(26px,4vw,52px);border:1px solid #eadbc8;border-radius:22px;background:linear-gradient(130deg,#fff8ed,#fff 58%,#fff2dd);box-shadow:0 18px 44px #2b1e0f12}.howto-kicker{margin:0 0 10px;color:#94500c;font-size:12px;font-weight:850;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.howto-intro h1{margin:0;font-size:clamp(36px,4.4vw,60px);letter-spacing:-.025em;line-height:.98}.howto-intro__copy>p:last-child{max-width:520px;margin:16px 0 0;color:var(--howto-muted);font-size:clamp(16px,1.5vw,19px);letter-spacing:0;line-height:1.5}.howto-search{display:grid;gap:12px;padding:clamp(16px,2.2vw,22px);border:1px solid #e4cda9;border-radius:16px;background:#ffffffeb;box-shadow:0 12px 30px #301f0d0f}.howto-search label{font-size:14px;font-weight:800;line-height:1.25}.howto-search input{width:100%;min-height:50px;padding:0 16px;border:1px solid #cfc3b6;border-radius:10px;background:#fff;color:var(--howto-ink);font-size:16px;letter-spacing:0}.howto-search input:focus{border-color:var(--howto-orange);box-shadow:0 0 0 3px #f7931d2e;outline:0}.howto-filters{display:flex;flex-wrap:wrap;gap:8px}.howto-filters button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #ddd2c6;border-radius:999px;background:#faf8f5;color:#342d27;font-size:13px;font-weight:800;line-height:1;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.howto-filters button span{color:#81766d;font-size:11px}.howto-filters button:hover,.howto-filters button:focus-visible{border-color:#bba894;outline:0}.howto-filters button[aria-pressed=true]{border-color:#27221d;background:#27221d;color:#fff}.howto-filters button[aria-pressed=true] span{color:#e6ded6}.howto-results{min-height:18px;margin:0;color:var(--howto-muted);font-size:12px;line-height:1.4}.howto-sections{display:grid;gap:clamp(34px,5vw,54px);margin-top:clamp(36px,6vw,62px)}.howto-section{min-width:0}.howto-section__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ded6ce}.howto-section__head h2{margin:0;font-size:clamp(23px,2.4vw,31px);letter-spacing:-.01em;line-height:1.1}.howto-section__head p{margin:0;color:var(--howto-muted);font-size:14px;line-height:1.4;text-align:right}.howto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.howto-card{display:grid;grid-template-columns:96px minmax(0,1fr);min-width:0;min-height:112px;overflow:hidden;border:1px solid var(--howto-line);border-radius:13px;background:#fff;color:var(--howto-ink);box-shadow:0 7px 20px #271d140b;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.howto-card:hover,.howto-card:focus-visible{border-color:#c9ab89;box-shadow:0 14px 28px #271d141c;color:var(--howto-ink);outline:0;transform:translateY(-2px)}.howto-card__media{display:grid;min-height:112px;place-items:center;overflow:hidden;border-right:1px solid #eee7df;background:#fff}.howto-card__media img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.howto-card__body{display:grid;align-content:center;gap:8px;min-width:0;padding:14px}.howto-card__title{font-size:clamp(15px,1.3vw,18px);font-weight:850;letter-spacing:0;line-height:1.18;overflow-wrap:anywhere}.howto-card__cta{color:#756b61;font-size:12px;font-weight:750;line-height:1.2}.howto-empty{margin:42px 0 0;padding:28px;border:1px solid var(--howto-line);border-radius:14px;background:#fff;text-align:center}.howto-empty[hidden],.howto-card[hidden],.howto-section[hidden]{display:none!important}.howto-empty h2{margin:0 0 8px;font-size:24px}.howto-empty p{margin:0 0 14px;color:var(--howto-muted)}.howto-empty a{color:#8f4800;font-weight:800}.shopify-section--scooch-howto-hub+.shopify-section--recently-viewed-products,body:has(.scooch-howto-finder) #omnisend-forms-wrapper,body:has(.scooch-howto-finder) #omnisend-forms-container,body:has(.scooch-howto-finder) [id^=omnisend-form-],body:has(.scooch-howto-finder) [class*=omnisend-form-][role=dialog],body:has(.scooch-howto-finder) [class*=omnisend-reset-][role=dialog]{display:none!important;visibility:hidden!important;pointer-events:none!important}@media screen and (max-width:1120px){.howto-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:860px){.howto-intro{grid-template-columns:1fr}.howto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:560px){.howto-shell{width:min(100% - 28px,1360px);padding-top:14px}.howto-intro{gap:20px;padding:20px;border-radius:16px}.howto-intro h1{font-size:38px}.howto-search{padding:14px}.howto-filters{flex-wrap:nowrap;margin-inline:-14px;padding-inline:14px;overflow-x:auto;scrollbar-width:none}.howto-filters::-webkit-scrollbar{display:none}.howto-filters button{flex:0 0 auto}.howto-section__head{align-items:start;flex-direction:column;gap:5px}.howto-section__head p{text-align:left}.howto-grid{grid-template-columns:1fr;gap:10px}.howto-card{grid-template-columns:104px minmax(0,1fr);min-height:106px}.howto-card__media{min-height:106px}}@media(prefers-reduced-motion:reduce){.howto-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/scooch-howto-hub.css.map */