:root{--ff-gutter: 16px;--ff-cream: #fef4e8;--ff-surface: #ffffff;--ff-frame: #faf6f1;--ff-line: #ecdcca;--ff-brand: #e2482c;--ff-ink: #222222}@media screen and (max-width:768px){html:root body,html:root body .page-width,html:root body .page-width-narrow,html:root body .shopify-section,html:root body .section{overflow-x:hidden!important;overflow-x:clip!important}html:root body .header-section{overflow:visible!important}}@media screen and (max-width:749px){html body .header-section:has(>#header-component[sticky]){position:sticky;top:0;z-index:var(--layer-sticky, 8)}html body #header-component[sticky][data-sticky-state]{opacity:1!important}html body #header-component .header__row--top{background-color:var(--ff-cream);box-shadow:0 1px #0000000f}html body #header-component .header__row--top .header__columns{padding-inline:4px 8px}html body #header-component .header__icon--menu,html body #header-component .header-actions__action{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}html body #header-component .menu-drawer{top:0;height:100vh;height:100dvh;width:82%;max-width:360px;overscroll-behavior:contain;box-shadow:4px 0 24px #0000001f}html body #header-component .menu-drawer__backdrop{background-color:#00000052;-webkit-backdrop-filter:none;backdrop-filter:none}html body #header-component .menu-drawer__close-button{min-width:44px;min-height:44px}html body #header-component .menu-drawer__menu--childlist{padding-left:14px;border-left:2px solid var(--ff-line);margin:4px 0 8px 2px}html body #header-component .menu-drawer__menu--childlist .menu-drawer__menu-item{font-size:16px!important;font-weight:500!important;color:#444}html body #header-component:has(details.menu-drawer-container[open]) .header-actions__action{position:relative;z-index:calc(var(--layer-heightened, 4) + 1);background-color:var(--ff-cream);border-radius:999px}}@media screen and (max-width:767px){html body .custom-banner{margin-left:var(--ff-gutter);margin-right:var(--ff-gutter);border-radius:24px}html body .image-banner{margin:0 var(--ff-gutter)!important;padding:12px 0!important;border-radius:18px}html body .custom-slider{margin-left:var(--ff-gutter);margin-right:var(--ff-gutter)}html body .highlight-section,html body .hero-banner-wrap{padding-left:var(--ff-gutter);padding-right:var(--ff-gutter)}html body .usage-top,html body .benefits-bottom{padding-left:var(--ff-gutter)!important;padding-right:var(--ff-gutter)!important}html body .story-product-section{padding-left:var(--ff-gutter);padding-right:var(--ff-gutter)}}@media screen and (max-width:767px){html body .true-series-section .mobile-slider-row{margin-left:calc(-1 * var(--ff-gutter));margin-right:calc(-1 * var(--ff-gutter));padding:0 var(--ff-gutter) 12px;gap:12px;scroll-padding:0 var(--ff-gutter)}html body .true-series-section .mobile-slider-row>.card-wrapper{flex:0 0 66%;max-width:66%;padding-left:0;padding-right:0}html body .product-card1{padding:12px 12px 14px}html body .product-card1 .img-box,html body .custom-slider .image-wrapper,html body .story-product-section .product-card .image-wrap{width:100%;height:auto;aspect-ratio:1 / 1;margin:0;padding:0;background:transparent;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}html body .product-card1 .img-box>a,html body .story-product-section .product-card .image-wrap>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}html body .product-card1 .img-box img,html body .custom-slider .image-wrapper img,html body .story-product-section .product-card .image-wrap img{width:100%;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0}html body .product-card1 .product-title,html body .custom-slider h3.product-title,html body .story-product-section .product-card h4{font-size:15px;line-height:1.3;margin:12px 0 6px;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html body .product-card1 .ingredient-text{font-size:13px;line-height:1.4;margin-bottom:8px!important}html body .product-card1 .price-wrapper{margin-bottom:10px!important}html body .product-card1 .price-wrapper .price,html body .custom-slider .price{font-size:17px}html body .product-card1 .btn-add-cart,html body .custom-slider .btn-fill,html body .custom-slider .btn-soldout{padding:10px 0!important;font-size:14px!important}html body .custom-slider .card{padding:12px 12px 14px}html body .custom-slider .discount-badge{top:18px;right:18px}html body .story-product-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body .story-product-section .product-card{display:flex;flex-direction:column;padding:10px;background:var(--ff-surface);border-radius:12px}html body .story-product-section .product-card .product-info{display:flex;flex-direction:column;flex:1}html body .story-product-section .product-card h4{font-size:14px;margin:10px 0 4px}html body .story-product-section .product-card .price{font-size:14px;margin-top:auto;margin-bottom:8px}html body .story-product-section .product-card .price .old{font-size:12px;margin-right:4px}html body .story-product-section .product-card .product-buttons{flex-direction:column;gap:6px;margin-top:0}html body .story-product-section .product-card .btn-cart,html body .story-product-section .product-card .btn-buy{padding:9px 6px;font-size:13px;border-radius:8px}}@media screen and (max-width:992px){html body .custom-banner .banner-img.mobile-img,html body .custom-banner .banner-img.desktop-img:not(.hidden-on-mobile){height:auto;max-height:none;object-fit:contain}html body .custom-banner .banner-content-wrapper:not(:has(h1,h2,h3,p,a,.sub-text,.banner-btn)){display:none}html body .custom-banner:not(:has(.banner-content :is(h1,h2,h3,p,a))) .banner-img{border-radius:0}}@media screen and (max-width:767px){html body .image-banner .banner-img{height:auto;max-height:none;border-radius:18px}}html body main[data-template=cart] .section-background{background-color:var(--ff-cream)}html body main[data-template=cart] .cart-items__table tbody .cart-items__table-row{background:var(--ff-surface);border:1px solid var(--ff-line);border-radius:14px;box-shadow:0 2px 10px #50280a0f;padding:12px}html body main[data-template=cart] .cart-items__media-container{background:var(--ff-frame);border-radius:10px;padding:4px}html body main[data-template=cart] .cart__summary-container{background:var(--ff-surface);border:1px solid var(--ff-line);border-radius:14px;box-shadow:0 2px 10px #50280a0f;padding:4px 16px 16px}html body main[data-template=cart] .cart__summary-container .cart-actions{border-top-width:0}@media screen and (max-width:749px){html body main[data-template=cart] .cart-items__table tbody .cart-items__table-row{grid-template-columns:72px minmax(0,1fr) minmax(var(--cart-item-price-width, 6rem),auto)}}@media screen and (max-width:767px){html body .ff-footer{padding:32px var(--ff-gutter) 24px}html body .ff-footer .ff-wrap{grid-template-columns:1fr 1fr;gap:24px 16px}html body .ff-footer .ff-brand,html body .ff-footer .ff-col:nth-child(2),html body .ff-footer .ff-available-at{grid-column:1 / -1}html body .ff-footer .ff-col:nth-child(4){order:3}html body .ff-footer .ff-col:nth-child(3){order:4}html body .ff-footer .ff-available-at{order:5}html body .ff-footer .ff-brand img{max-width:120px;margin-bottom:8px}html body .ff-footer .ff-brand p{font-size:13px}html body .ff-footer h4{font-size:16px!important;margin:0 0 10px}html body .ff-footer .ff-col br,html body .ff-footer .ff-col>p:empty{display:none}html body .ff-footer .ff-col>a{display:flex;width:fit-content;margin-bottom:8px;font-size:14px;line-height:1.4}html body .ff-footer .ff-social{gap:10px}html body .ff-footer .ff-social a{width:40px;height:40px}html body .ff-footer .ff-available-at{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html body .ff-footer .ff-available-at h4{grid-column:1 / -1}html body .ff-footer .ff-available-at a{display:flex;align-items:center;justify-content:center;width:auto;height:44px;margin:0;padding:6px 8px;background:#ffffffbf;border:1px solid var(--ff-line);border-radius:10px}html body .ff-footer .ff-available-at a img{max-width:100%;max-height:28px;width:auto;height:auto;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ff-mobile-fixes.css.map */