/* 1.0.86.10 - softer Gen-Z/American-style collection frames: no harsh green/pink bars. */ @media (max-width: 900px){ body .smoomi-mobile-collection-grid, body .smoomi-home-quick-shop .smoomi-circle-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px 20px!important; align-items:start!important; } body .smoomi-mobile-collection-card, body .smoomi-home-quick-shop .smoomi-circle-card{ display:block!important; text-decoration:none!important; background:transparent!important; box-shadow:none!important; border:0!important; text-align:center!important; } body .smoomi-mobile-collection-name{ display:block!important; margin-top:8px!important; color:#2d230a!important; font-size:15px!important; line-height:1.15!important; font-weight:800!important; letter-spacing:.01em!important; text-align:center!important; text-transform:none!important; word-break:normal!important; } body .smoomi-mobile-collection-thumb, body .smoomi-home-quick-shop .smoomi-circle-image-wrap{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; aspect-ratio:1/1!important; overflow:visible!important; border-radius:50%!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:15px!important; box-sizing:border-box!important; line-height:0!important; } body .smoomi-mobile-collection-thumb::before, body .smoomi-home-quick-shop .smoomi-circle-image-wrap::before{ content:""!important; position:absolute!important; inset:0!important; border-radius:50%!important; background: conic-gradient(from 210deg, #f2c75c 0deg, #f7dfa3 55deg, #fdf7e7 105deg, #fae8bc 160deg, #fcf1d5 225deg, #f5d480 300deg, #f2c75c 360deg)!important; -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px))!important; mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px))!important; box-shadow:0 12px 26px rgba(192,155,56,.20), 0 3px 8px rgba(192,155,56,.12)!important; pointer-events:none!important; z-index:1!important; } body .smoomi-mobile-collection-thumb::after, body .smoomi-home-quick-shop .smoomi-circle-image-wrap::after{ content:""!important; position:absolute!important; inset:18px!important; border-radius:50%!important; background: radial-gradient(circle at 34% 24%,rgba(255,255,255,.98) 0 26%,rgba(255,247,252,.96) 55%,rgba(255,238,248,.95) 100%)!important; box-shadow:inset 0 0 0 1px rgba(192,155,56,.25), inset 0 -10px 24px rgba(192,155,56,.18)!important; pointer-events:none!important; z-index:0!important; } body .smoomi-mobile-collection-thumb img, body .smoomi-home-quick-shop .smoomi-circle-image-wrap img{ position:relative!important; inset:auto!important; z-index:2!important; width:76%!important; height:76%!important; max-width:76%!important; max-height:76%!important; object-fit:contain!important; object-position:center center!important; display:block!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; margin:auto!important; padding:0!important; transform:none!important; } body .smoomi-mobile-collection-thumb .smoomi-circle-image-placeholder, body .smoomi-home-quick-shop .smoomi-circle-image-placeholder{ position:relative!important; z-index:2!important; display:flex!important; align-items:center!important; justify-content:center!important; width:76%!important; height:76%!important; border-radius:50%!important; background:transparent!important; color:#977217!important; line-height:1.2!important; text-align:center!important; } } @media (max-width:420px){ body .smoomi-mobile-collection-grid, body .smoomi-home-quick-shop .smoomi-circle-grid{gap:18px 16px!important;} body .smoomi-mobile-collection-thumb, body .smoomi-home-quick-shop .smoomi-circle-image-wrap{padding:12px!important;} body .smoomi-mobile-collection-thumb::before, body .smoomi-home-quick-shop .smoomi-circle-image-wrap::before{ -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 calc(100% - 12px))!important; mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 calc(100% - 12px))!important; } body .smoomi-mobile-collection-thumb::after, body .smoomi-home-quick-shop .smoomi-circle-image-wrap::after{inset:15px!important;} } /* v1.0.126: mobile only - move Hot Picks / Shop Hot Sellers CTA below the product grid and make it smaller. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-mobile-shopall-cta, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-mobile-shopall-cta{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; padding:0!important; margin:14px 0 6px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-mobile-shopall-button, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-mobile-shopall-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:142px!important; min-height:42px!important; padding:11px 24px 12px!important; margin:0 auto!important; border-radius:999px!important; font-size:16px!important; font-weight:900!important; line-height:1!important; letter-spacing:.01em!important; box-shadow:0 10px 22px rgba(192,155,56,.18), inset 0 1px 0 rgba(255,255,255,.3)!important; } } body.smoomi-global-layout-active header.site-header:not(.smoomi-global-layout-header),body.smoomi-global-layout-active .site-header:not(.smoomi-global-layout-header),body.smoomi-global-layout-active .elementor-location-header,body.smoomi-global-layout-active .smoomi-home-shell-header,body.smoomi-global-layout-active .smoomi-front-header{display:none!important} body.smoomi-global-layout-active .smoomi-front-footer,body.smoomi-global-layout-active .smoomi-home-shell-footer,body.smoomi-global-layout-active .smoomi-mobile-footer{display:none!important} .smoomi-global-layout-header,.smoomi-global-layout-header *,.smoomi-global-layout-footer,.smoomi-global-layout-footer *{box-sizing:border-box} .smoomi-global-layout-header{position:relative;z-index:80;background:#fff;border-bottom:1px solid #f0e9d7;font-family:inherit} .smoomi-global-layout-announcement{display:block;width:100%;border:0!important;border-radius:0!important;background:#0d0d13!important;color:#fff!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:13px;line-height:1.35;font-weight:800;letter-spacing:.01em;padding:10px 16px!important;cursor:pointer;box-shadow:none!important}.smoomi-global-layout-announcement:hover{background:#14141c!important}.smoomi-global-layout-announcement span{display:block;max-width:1180px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .smoomi-global-layout-row{max-width:1500px;margin:0 auto;display:flex;align-items:center;gap:30px;padding:14px 36px;background:#fff;min-height:72px} .smoomi-global-layout-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;color:#221d11;font-weight:900;font-size:28px;line-height:1} .smoomi-global-layout-logo img{display:block;height:52px;width:auto;max-width:190px;object-fit:contain}.smoomi-global-layout-wordmark{font-family:Georgia,serif;letter-spacing:-.04em} .smoomi-global-layout-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;min-width:0}.smoomi-global-layout-nav-account{display:none!important}.smoomi-global-layout-nav a{display:inline-flex;align-items:center;color:#302814;text-decoration:none;font-weight:800;font-size:13px;line-height:1.1;white-space:nowrap;letter-spacing:.005em;padding:10px 0}.smoomi-global-layout-nav a:hover{color:#9b7413} .smoomi-global-layout-icons{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:0 0 auto}.smoomi-global-layout-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:#111;background:transparent!important;border:0!important;padding:0!important;margin:0!important;cursor:pointer;text-decoration:none;box-shadow:none!important;border-radius:999px}.smoomi-global-layout-icon svg{display:block;width:31px;height:31px;color:currentColor}.smoomi-global-layout-icon:hover{color:#9b7413}.smoomi-global-layout-cart-badge{position:absolute;right:-7px;top:-6px;min-width:21px;height:21px;border-radius:999px;background:#9b7413;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:12px;font-weight:900;line-height:1;box-shadow:0 2px 6px rgba(192,155,56,.22)} .smoomi-global-layout-menu{display:none;border:0!important;background:transparent!important;width:38px;height:38px;padding:7px!important;cursor:pointer;box-shadow:none!important}.smoomi-global-layout-menu span{display:block;height:2px;background:#1e1a11;border-radius:999px;margin:6px 0} .smoomi-global-layout-mobile-search{display:none!important} .smoomi-global-layout-search{border-top:1px solid #f1eada;border-bottom:1px solid #f1eada;background:#fff;padding:12px 20px;box-shadow:0 12px 22px rgba(192,155,56,.06)}.smoomi-global-layout-search form{max-width:680px;margin:0 auto;display:flex;align-items:center;border:1px solid #ede5d1;border-radius:999px;background:#fff;overflow:hidden}.smoomi-global-layout-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:12px 18px;font-size:15px;color:#2c2719}.smoomi-global-layout-search button{border:0;background:#9b7413;color:#fff;font-weight:900;font-size:14px;padding:13px 24px;cursor:pointer;border-radius:999px;margin:2px;line-height:1} .smoomi-global-layout-location{display:inline-flex;align-items:center;gap:8px;min-width:210px;max-width:390px;border:1px solid #eee6d2!important;background:#fefcf8!important;color:#302814!important;border-radius:16px;padding:8px 13px!important;box-shadow:none!important;text-align:left;cursor:pointer;line-height:1.05;white-space:nowrap;overflow:hidden}.smoomi-global-layout-location:hover{border-color:#9b7413!important;background:#fefbf3!important}.smoomi-location-pin{font-size:18px;color:#9b7413;line-height:1}.smoomi-global-layout-location small{display:block;font-size:10px;color:#635c4b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.smoomi-global-layout-location strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#302814;font-weight:800;overflow:hidden;white-space:nowrap;max-width:320px}.smoomi-global-layout-location strong [data-smoomi-location-summary]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smoomi-location-chevron{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;border-radius:999px;background:#fdf7e8;border:1px solid #efe2c1;margin-left:2px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.smoomi-location-chevron:before{content:"";display:block;width:6px;height:6px;border-right:2px solid #685e46;border-bottom:2px solid #685e46;transform:rotate(45deg) translate(-1px,-1px)}.smoomi-global-layout-location:hover .smoomi-location-chevron{background:#9b7413;border-color:#9b7413;transform:translateY(1px)}.smoomi-global-layout-location:hover .smoomi-location-chevron:before{border-color:#fff}.smoomi-location-modal[hidden]{display:none!important}.smoomi-location-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.smoomi-location-backdrop{position:absolute;inset:0;background:rgba(192,155,56,.45);backdrop-filter:blur(3px)}.smoomi-location-dialog{position:relative;z-index:1;width:min(420px,calc(100vw - 30px));background:#fff;border:1px solid #eee6d2;border-radius:24px;padding:24px;box-shadow:0 24px 80px rgba(192,155,56,.2);color:#302814}.smoomi-location-dialog h3{margin:0 0 8px;font-size:24px;line-height:1.15}.smoomi-location-dialog p{margin:0 0 18px;color:#635c4b;font-size:14px;line-height:1.5}.smoomi-location-dialog label{display:grid;gap:7px;margin:12px 0;font-weight:800;font-size:13px;color:#49412c}.smoomi-location-dialog input,.smoomi-location-dialog select{width:100%;min-height:46px;border:1px solid #ede5d1;border-radius:14px;padding:0 13px;background:#fff;font-size:15px;color:#302814;box-shadow:none!important}.smoomi-location-save{width:100%;min-height:48px;margin-top:12px;border:0!important;border-radius:999px;background:#9b7413!important;color:#fff!important;font-weight:900;font-size:15px;cursor:pointer}.smoomi-location-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0!important;background:#fff!important;color:#9b7413!important;font-size:26px;line-height:1;border-radius:999px;cursor:pointer}.smoomi-location-preview{margin-top:12px;color:#615b4c;font-size:13px;line-height:1.45}.smoomi-location-policy-note{margin:10px 0 0;padding:10px 13px;border:1px solid #eee6d2;border-radius:14px;background:#fefcf8;color:#584e36;font-size:13px;line-height:1.45}.smoomi-location-policy-note strong{color:#9b7413;font-weight:800}.smoomi-buy-form + .smoomi-location-policy-note[data-auto-location-note]{margin-top:12px!important}.smoomi-global-layout-location-mobile{display:none!important}.smoomi-location-update{display:none;font-style:normal}/* v0.1.13 mobile location strip */ .smoomi-global-layout-footer{background:#fefcf8;border-top:1px solid #f0e9d7;margin-top:50px;color:#111820}.smoomi-global-layout-footer-main-inner{max-width:1500px;margin:0 auto;padding:58px 70px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:70px;align-items:start}.smoomi-global-layout-footer-main-col{display:block}.smoomi-global-layout-footer-main-col summary{list-style:none;cursor:default}.smoomi-global-layout-footer-main-col summary::-webkit-details-marker{display:none}.smoomi-global-layout-footer-main-col summary span,.smoomi-global-layout-footer-follow h3{display:block;margin:0 0 28px;font-size:20px;line-height:1.1;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#101820}.smoomi-global-layout-footer-links a{display:block;width:max-content;max-width:100%;margin:0 0 24px;color:#101820;text-decoration:none;font-size:15px;line-height:1.2;font-weight:400;letter-spacing:.025em;text-transform:uppercase}.smoomi-global-layout-footer-links a:hover{color:#9b7413}.smoomi-global-layout-footer-follow{max-width:1500px;margin:0 auto;padding:0 70px 26px;text-align:center;border-top:0}.smoomi-global-layout-footer-tiktok{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:#101820;text-decoration:none;font-size:34px;font-weight:900;line-height:1}.smoomi-global-layout-footer-social+.smoomi-global-layout-footer-social{margin-left:14px}.smoomi-global-layout-footer-social:hover{color:#9b7413}.smoomi-global-layout-footer-tiktok svg{display:block;width:28px;height:28px;max-width:28px;max-height:28px}.smoomi-global-layout-footer-chevron{display:none}.smoomi-global-layout-footer-tiktok:hover{color:#9b7413}.smoomi-global-layout-footer-main-bottom{text-align:center;padding:0 20px 26px;color:#111820;font-size:14px;line-height:1.3;font-weight:900} body.smoomi-global-layout-info-page .entry-title,body.smoomi-global-layout-info-page h1.entry-title,body.smoomi-global-layout-info-page .page-title,body.smoomi-global-layout-info-page .elementor-page-title{display:none!important}body.smoomi-global-layout-info-page .site-main,body.smoomi-global-layout-info-page #primary,body.smoomi-global-layout-info-page .content-area{width:100%!important;max-width:none!important}.smoomi-info-page-shell{max-width:1040px;margin:72px auto 88px;padding:0 24px;color:#0d1015;font-family:inherit}.smoomi-info-page-hero{text-align:center;margin:0 0 42px}.smoomi-info-page-hero h1{margin:0 0 18px;font-size:44px;line-height:1.12;font-weight:400;letter-spacing:.13em;text-transform:uppercase;color:#0d1015}.smoomi-info-page-updated{font-size:14px;line-height:1.4;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#64707a}.smoomi-info-page-content{font-size:17px;line-height:1.72;font-weight:400;color:#0d1015}.smoomi-info-page-content p{margin:0 0 28px}.smoomi-info-page-content hr{border:0;border-top:1px solid #e6e6e6;margin:36px 0 32px}.smoomi-info-page-content h2{margin:34px 0 18px;font-size:27px;line-height:1.3;font-weight:400;letter-spacing:.045em;text-transform:uppercase;color:#0d1015}.smoomi-info-page-content h3{margin:28px 0 12px;font-size:19px;line-height:1.35;font-weight:500;letter-spacing:.035em;text-transform:uppercase;color:#0d1015}.smoomi-info-page-content ul{margin:0 0 28px 22px;padding:0}.smoomi-info-page-content li{margin:0 0 14px;padding-left:4px}.smoomi-info-page-content strong{font-weight:800}.smoomi-info-page-content a{color:#0d1015;text-decoration:underline;text-underline-offset:3px}.smoomi-info-page-content a:hover{color:#9b7413} /* v0.1.18 Smoomi custom logo: use cropped uploaded brand logo for desktop and mobile header */ .smoomi-global-layout-brand-logo{filter:none!important} /* v0.1.17 desktop location arrow polish: keep location pill in header, place arrow at the inside tail */ @media (min-width:901px){.smoomi-global-layout-location-desktop{position:relative;padding:7px 46px 5px 13px!important;min-height:46px}.smoomi-global-layout-location-desktop .smoomi-location-copy{display:block;min-width:0;overflow:visible}.smoomi-global-layout-location-desktop small{font-size:10px;line-height:1;display:block;margin:0 0 1px}.smoomi-global-layout-location-desktop strong{display:block;max-width:300px;padding-right:0;overflow:visible;line-height:.95;font-size:11px}.smoomi-global-layout-location-desktop strong [data-smoomi-location-summary]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(1px)}.smoomi-global-layout-location-desktop strong .smoomi-location-chevron{position:absolute;right:13px;top:50%;width:24px;height:24px;margin:0;transform:translateY(-50%);background:#fdf7e8;border:1px solid #efe2c1;box-shadow:0 1px 3px rgba(192,155,56,.08)}.smoomi-global-layout-location-desktop strong .smoomi-location-chevron:before{width:7px;height:7px;border-right:2px solid #6a5f44;border-bottom:2px solid #6a5f44;transform:rotate(45deg) translate(-1px,-1px)}.smoomi-global-layout-location-desktop:hover strong .smoomi-location-chevron{background:#9b7413;border-color:#9b7413;transform:translateY(-50%)}.smoomi-global-layout-location-desktop:hover strong .smoomi-location-chevron:before{border-color:#fff}} /* v0.1.42 desktop location text bottom-align: keep the city line sitting near the lower pill edge without clipping */ @media (min-width:901px){.smoomi-global-layout-location-desktop{position:relative;height:56px;min-height:56px;padding:0 54px 0 14px!important;align-items:center;overflow:hidden!important}.smoomi-global-layout-location-desktop .smoomi-location-pin{flex:0 0 auto;align-self:center}.smoomi-global-layout-location-desktop .smoomi-location-copy{position:relative;display:block;height:38px;min-width:0;overflow:visible!important;flex:1}.smoomi-global-layout-location-desktop small{position:absolute;left:0;top:2px;display:block;margin:0!important;font-size:10px;line-height:12px;color:#635c4b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.smoomi-global-layout-location-desktop strong{position:absolute;left:0;bottom:0;display:block;max-width:240px;margin:0!important;padding:0!important;font-size:13px;line-height:14px;color:#302814;font-weight:900;overflow:hidden!important;white-space:nowrap}.smoomi-global-layout-location-desktop strong [data-smoomi-location-summary]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:none!important}.smoomi-global-layout-location-desktop .smoomi-location-chevron-desktop{position:absolute;right:13px;top:50%;width:26px;height:26px;margin:0;transform:translateY(-50%)!important;background:#fdf7e8;border:1px solid #efe2c1;box-shadow:0 1px 3px rgba(192,155,56,.08)}.smoomi-global-layout-location-desktop:hover .smoomi-location-chevron-desktop{background:#9b7413;border-color:#9b7413;transform:translateY(-50%)!important}.smoomi-global-layout-location-desktop:hover .smoomi-location-chevron-desktop:before{border-color:#fff}} /* v0.1.43 desktop location arrow: move the chevron after DELIVERING TO and make it smaller */ @media (min-width:901px){.smoomi-global-layout-location-desktop{height:56px;min-height:56px;padding:0 14px!important;align-items:center;overflow:hidden!important}.smoomi-global-layout-location-desktop .smoomi-location-copy{position:relative;display:block;height:39px;min-width:0;overflow:visible!important;flex:1}.smoomi-global-layout-location-desktop .smoomi-location-top-row{position:absolute;left:0;top:1px;display:inline-flex!important;align-items:center;gap:6px;height:16px;white-space:nowrap}.smoomi-global-layout-location-desktop .smoomi-location-top-row small{position:static!important;display:inline-block!important;margin:0!important;font-size:10px;line-height:12px;color:#635c4b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.smoomi-global-layout-location-desktop .smoomi-location-chevron-desktop{position:relative!important;left:auto!important;right:auto!important;top:auto!important;display:inline-flex!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;background:#fdf7e8;border:1px solid #efe2c1;box-shadow:0 1px 3px rgba(192,155,56,.06)}.smoomi-global-layout-location-desktop .smoomi-location-chevron-desktop:before{width:5px!important;height:5px!important;border-right:1.8px solid #6a5f44!important;border-bottom:1.8px solid #6a5f44!important;transform:rotate(45deg) translate(-1px,-1px)!important}.smoomi-global-layout-location-desktop:hover .smoomi-location-chevron-desktop{background:#9b7413;border-color:#9b7413;transform:none!important}.smoomi-global-layout-location-desktop:hover .smoomi-location-chevron-desktop:before{border-color:#fff!important}.smoomi-global-layout-location-desktop strong{position:absolute;left:0;bottom:0;display:block;max-width:235px;margin:0!important;padding:0!important;font-size:13px;line-height:14px;color:#302814;font-weight:900;overflow:hidden!important;white-space:nowrap}.smoomi-global-layout-location-desktop strong [data-smoomi-location-summary]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:none!important}} /* v0.1.44 desktop location city line: one size smaller to prevent visual overlap */ @media (min-width:901px){.smoomi-global-layout-location-desktop strong{font-size:12px!important;line-height:13px!important;bottom:0!important;letter-spacing:-.01em}.smoomi-global-layout-location-desktop strong [data-smoomi-location-summary]{font-size:12px!important;line-height:13px!important}.smoomi-global-layout-location-desktop .smoomi-location-copy{height:39px!important}} @media (max-width:900px){.smoomi-global-layout-location-mobile .smoomi-location-chevron-desktop{display:none!important}} @media (max-width:900px){.smoomi-global-layout-account,.smoomi-global-layout-cart{display:none!important}.smoomi-global-layout-mobile-search{display:inline-flex!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin-left:2px!important;margin-right:auto!important;position:relative!important;z-index:3!important}.smoomi-global-layout-mobile-search svg{width:25px!important;height:25px!important}.smoomi-global-layout-nav.is-open .smoomi-global-layout-nav-account{display:flex!important}.smoomi-global-layout-announcement{font-size:12px;padding:8px 12px!important}.smoomi-global-layout-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;gap:10px;min-height:58px;flex-wrap:nowrap}.smoomi-global-layout-menu{display:inline-block;flex:0 0 38px}.smoomi-global-layout-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.smoomi-global-layout-logo img{height:30px;max-width:115px}.smoomi-global-layout-icons{margin-left:auto;gap:8px;position:relative;z-index:2}.smoomi-global-layout-icon{width:34px;height:34px}.smoomi-global-layout-icon svg{width:27px;height:27px}.smoomi-global-layout-location-desktop{display:none!important}.smoomi-global-layout-location-mobile{display:flex!important;width:100%;max-width:none;min-width:0;justify-content:flex-start;align-items:center;gap:8px;border:0!important;border-top:1px solid #f2e7cb!important;border-bottom:1px solid #f2e7cb!important;border-radius:0!important;background:#fefaf1!important;padding:9px 16px!important;margin:0;color:#302814!important;box-shadow:none!important;line-height:1.15;white-space:nowrap;overflow:hidden}.smoomi-global-layout-location-mobile .smoomi-location-copy{display:flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden;white-space:nowrap}.smoomi-global-layout-location-mobile .smoomi-location-pin{font-size:17px;flex:0 0 auto}.smoomi-global-layout-location-mobile small{display:inline;flex:0 0 auto;font-size:13px;color:#5a523d;font-weight:700;text-transform:none;letter-spacing:0;margin:0}.smoomi-global-layout-location-mobile strong{display:inline-flex;align-items:center;gap:3px;min-width:0;max-width:none;font-size:13px;font-weight:800;color:#302814;vertical-align:baseline;overflow:hidden}.smoomi-global-layout-location-mobile strong .smoomi-location-chevron{display:none}.smoomi-global-layout-location-mobile .smoomi-location-line{display:inline-flex}.smoomi-global-layout-location-mobile .smoomi-location-update{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;margin-left:auto;padding:3px 7px;border:1px solid #efe6ce;border-radius:999px;background:#fefcf8;color:#675e46;font-size:12px;font-weight:800;font-style:normal;line-height:1}.smoomi-global-layout-location-mobile .smoomi-location-update:before{content:none}.smoomi-global-layout-location-mobile .smoomi-location-update .smoomi-location-chevron{width:14px;height:14px;margin-left:0;background:transparent;border:0}.smoomi-global-layout-location-mobile .smoomi-location-update .smoomi-location-chevron:before{width:5px;height:5px;border-width:1.6px;border-color:#675e46;transform:rotate(45deg) translate(-1px,-1px)}.smoomi-global-layout-location-mobile:hover .smoomi-location-update{border-color:#9b7413;color:#9b7413}.smoomi-global-layout-location-mobile:hover .smoomi-location-update .smoomi-location-chevron:before{border-color:#9b7413}.smoomi-global-layout-nav{display:none;position:absolute;left:12px;right:12px;top:100%;background:#fff;border:1px solid #efe8d6;border-radius:18px;box-shadow:0 16px 30px rgba(192,155,56,.1);padding:12px;z-index:99}.smoomi-global-layout-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.smoomi-global-layout-nav a{font-size:13px;padding:10px 8px;border-radius:12px;background:#fefcf8}.smoomi-global-layout-search{padding:10px 12px}.smoomi-global-layout-search button{padding:13px 18px}.smoomi-global-layout-footer{background:#fefcf8!important;margin-top:38px}.smoomi-global-layout-footer-main-inner{display:grid;grid-template-columns:1fr;gap:11px;padding:26px 26px 16px}.smoomi-global-layout-footer-main-col{display:block}.smoomi-global-layout-footer-main-col summary{display:flex!important;align-items:center;justify-content:center;min-height:43px;max-width:390px;margin:0 auto;border:1.5px solid #886c25;border-radius:999px;background:linear-gradient(180deg,#fdf6e5 0%,#f2dfae 100%);box-shadow:inset 0 -3px 0 rgba(192,155,56,.18),0 4px 10px rgba(192,155,56,.045);font-size:13px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:#101820;text-align:center;cursor:pointer;list-style:none}.smoomi-global-layout-footer-main-col summary::-webkit-details-marker{display:none}.smoomi-global-layout-footer-main-col summary span,.smoomi-global-layout-footer-follow h3{margin:0;font-size:13px;line-height:1.1;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:#101820}.smoomi-global-layout-footer-main-col summary:after{content:none}.smoomi-global-layout-footer-chevron{display:block;width:17px;height:17px;margin-left:8px;color:#2a261c;transition:transform .18s ease}.smoomi-global-layout-footer-main-col[open] .smoomi-global-layout-footer-chevron{transform:rotate(180deg)}.smoomi-global-layout-footer-links{display:grid;gap:10px;max-width:390px;margin:0 auto;padding:12px 18px 5px;text-align:center}.smoomi-global-layout-footer-links a{display:block;width:100%;margin:0;color:#101820;text-decoration:none;font-size:13px;line-height:1.25;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.smoomi-global-layout-footer-follow{padding:12px 22px 14px;margin:0 16px;text-align:center;border-top:1px solid #ecdebb}.smoomi-global-layout-footer-tiktok{width:34px;height:34px;font-size:0;margin-top:6px}.smoomi-global-layout-footer-tiktok svg{width:25px;height:25px;max-width:25px;max-height:25px}.smoomi-global-layout-footer-main-bottom{padding-bottom:18px;font-size:13px;font-weight:900}} /* v0.1.45 mobile location: keep Delivering to + city ZIP on one single line */ @media (max-width:900px){.smoomi-global-layout-location-mobile{display:flex!important;align-items:center!important;min-height:46px!important;height:46px!important;padding:0 16px!important;overflow:hidden!important}.smoomi-global-layout-location-mobile .smoomi-location-pin{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:46px!important;line-height:46px!important;margin:0!important;flex:0 0 auto!important}.smoomi-global-layout-location-mobile .smoomi-location-copy{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;column-gap:6px!important;width:100%!important;min-width:0!important;height:46px!important;line-height:1!important;overflow:hidden!important;white-space:nowrap!important}.smoomi-global-layout-location-mobile .smoomi-location-top-row{display:flex!important;align-items:center!important;min-width:max-content!important;height:46px!important;line-height:46px!important;white-space:nowrap!important}.smoomi-global-layout-location-mobile .smoomi-location-top-row small{display:block!important;white-space:nowrap!important;line-height:46px!important;margin:0!important;font-size:13px!important}.smoomi-global-layout-location-mobile strong[data-smoomi-location-line]{display:block!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:46px!important;height:46px!important;font-size:13px!important;margin:0!important;padding:0!important}.smoomi-global-layout-location-mobile strong[data-smoomi-location-line] [data-smoomi-location-summary]{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:46px!important}.smoomi-global-layout-location-mobile .smoomi-location-update{height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;white-space:nowrap!important;flex:0 0 auto!important}.smoomi-global-layout-location-mobile .smoomi-location-chevron-desktop{display:none!important}} @media (max-width:420px){.smoomi-global-layout-icons{gap:6px}.smoomi-global-layout-icon{width:32px}.smoomi-global-layout-icon svg{width:25px;height:25px}.smoomi-global-layout-cart-badge{right:-5px;top:-5px;min-width:19px;height:19px;font-size:11px}.smoomi-global-layout-logo img{height:36px;max-width:142px}.smoomi-global-layout-search input{font-size:14px;padding:12px 14px}.smoomi-global-layout-search button{font-size:13px;padding:12px 14px}} @media (max-width:900px){.smoomi-info-page-shell{margin:42px auto 58px;padding:0 22px}.smoomi-info-page-hero{margin-bottom:30px}.smoomi-info-page-hero h1{font-size:32px;letter-spacing:.09em}.smoomi-info-page-updated{font-size:12px}.smoomi-info-page-content{font-size:15px;line-height:1.68}.smoomi-info-page-content h2{font-size:22px;margin-top:30px}.smoomi-info-page-content h3{font-size:17px}} /* v0.1.56 desktop location strip: single centered line; mobile untouched */ @media (min-width:901px){ .smoomi-global-layout-row{gap:34px!important;} .smoomi-global-layout-location-desktop{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:none!important; min-width:0!important; height:40px!important; min-height:40px!important; margin:0!important; padding:0 24px!important; border:0!important; border-top:1px solid #f2e7cb!important; border-bottom:1px solid #f2e7cb!important; border-radius:0!important; background:#fefaf1!important; box-shadow:none!important; color:#302814!important; line-height:1!important; white-space:nowrap!important; overflow:hidden!important; text-align:center!important; gap:8px!important; } .smoomi-global-layout-location-desktop .smoomi-location-pin{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:auto!important; height:40px!important; line-height:40px!important; margin:0!important; font-size:16px!important; color:#9b7413!important; } .smoomi-global-layout-location-desktop .smoomi-location-copy{ position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; flex:0 1 auto!important; width:auto!important; min-width:0!important; max-width:100%!important; height:40px!important; line-height:40px!important; overflow:hidden!important; white-space:nowrap!important; padding:0!important; margin:0!important; } .smoomi-global-layout-location-desktop .smoomi-location-top-row{ position:static!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; height:40px!important; line-height:40px!important; min-width:0!important; margin:0!important; padding:0!important; gap:0!important; white-space:nowrap!important; transform:none!important; } .smoomi-global-layout-location-desktop small{ position:static!important; display:inline!important; height:auto!important; line-height:40px!important; margin:0!important; padding:0!important; font-size:15px!important; font-weight:800!important; text-transform:none!important; letter-spacing:0!important; color:#695e44!important; white-space:nowrap!important; } .smoomi-global-layout-location-desktop strong[data-smoomi-location-line]{ position:static!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; display:inline-flex!important; align-items:center!important; flex:0 1 auto!important; min-width:0!important; max-width:320px!important; height:40px!important; line-height:40px!important; margin:0!important; padding:0!important; font-size:15px!important; font-weight:900!important; color:#302814!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; letter-spacing:0!important; transform:none!important; } .smoomi-global-layout-location-desktop strong[data-smoomi-location-line] [data-smoomi-location-summary]{ display:inline-block!important; height:auto!important; line-height:40px!important; font-size:15px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; transform:none!important; } .smoomi-global-layout-location-desktop .smoomi-location-chevron-desktop{display:none!important;} .smoomi-global-layout-location-desktop .smoomi-location-update{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; height:30px!important; min-height:30px!important; margin:0 0 0 12px!important; padding:0 14px!important; border:1px solid #efe6ce!important; border-radius:999px!important; background:#fefcf8!important; color:#675e46!important; font-size:14px!important; font-weight:900!important; font-style:normal!important; line-height:1!important; white-space:nowrap!important; flex:0 0 auto!important; } .smoomi-global-layout-location-desktop .smoomi-location-update .smoomi-location-chevron{ display:inline-flex!important; width:14px!important; height:14px!important; margin-left:0!important; background:transparent!important; border:0!important; } .smoomi-global-layout-location-desktop .smoomi-location-update .smoomi-location-chevron:before{width:5px!important;height:5px!important;border-width:1.7px!important;border-color:#675e46!important;transform:rotate(45deg) translate(-1px,-1px)!important;} .smoomi-global-layout-location-desktop:hover{background:#fefaf1!important;border-color:#f2e7cb!important;} .smoomi-global-layout-location-desktop:hover .smoomi-location-update{border-color:#9b7413!important;color:#9b7413!important;} .smoomi-global-layout-location-desktop:hover .smoomi-location-update .smoomi-location-chevron:before{border-color:#9b7413!important;} } /* v0.1.57 desktop location strip final: one centered readable line; mobile untouched */ @media (min-width:901px){ .smoomi-global-layout-location-desktop{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:none!important; min-width:0!important; height:40px!important; min-height:40px!important; margin:0!important; padding:0 24px!important; border:0!important; border-top:1px solid #f2e7cb!important; border-bottom:1px solid #f2e7cb!important; border-radius:0!important; background:#fefaf1!important; box-shadow:none!important; color:#302814!important; overflow:hidden!important; white-space:nowrap!important; text-align:center!important; line-height:40px!important; } .smoomi-global-layout-location-desktop .smoomi-location-pin{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; height:40px!important; line-height:40px!important; margin:0 8px 0 0!important; font-size:15px!important; color:#9b7413!important; } .smoomi-global-layout-location-desktop .smoomi-location-copy{ position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; flex:0 1 auto!important; width:auto!important; max-width:100%!important; min-width:0!important; height:40px!important; line-height:40px!important; padding:0!important; margin:0!important; overflow:hidden!important; white-space:nowrap!important; } .smoomi-global-layout-location-desktop .smoomi-location-top-row{ position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 1 auto!important; min-width:0!important; height:40px!important; line-height:40px!important; margin:0!important; padding:0!important; transform:none!important; white-space:nowrap!important; } .smoomi-global-layout-location-desktop .smoomi-location-top-row small{ position:static!important; display:block!important; height:40px!important; line-height:40px!important; margin:0!important; padding:0!important; font-size:15px!important; font-weight:800!important; color:#695e44!important; text-transform:none!important; letter-spacing:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:420px!important; } .smoomi-global-layout-location-desktop strong[data-smoomi-location-line]{display:none!important;} .smoomi-global-layout-location-desktop .smoomi-location-chevron-desktop{display:none!important;} .smoomi-global-layout-location-desktop .smoomi-location-update{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; flex:0 0 auto!important; height:30px!important; min-height:30px!important; margin:0!important; padding:0 14px!important; border:1px solid #efe6ce!important; border-radius:999px!important; background:#fefcf8!important; color:#675e46!important; font-size:14px!important; font-weight:900!important; font-style:normal!important; line-height:1!important; white-space:nowrap!important; } .smoomi-global-layout-location-desktop .smoomi-location-update .smoomi-location-chevron{ display:inline-flex!important; width:14px!important; height:14px!important; margin-left:0!important; background:transparent!important; border:0!important; } .smoomi-global-layout-location-desktop .smoomi-location-update .smoomi-location-chevron:before{ width:5px!important; height:5px!important; border-width:1.7px!important; border-color:#675e46!important; transform:rotate(45deg) translate(-1px,-1px)!important; } .smoomi-global-layout-location-desktop:hover{background:#fefaf1!important;border-color:#f2e7cb!important;} .smoomi-global-layout-location-desktop:hover .smoomi-location-update{border-color:#9b7413!important;color:#9b7413!important;} .smoomi-global-layout-location-desktop:hover .smoomi-location-update .smoomi-location-chevron:before{border-color:#9b7413!important;} } /* v0.1.58 desktop location strip hard clean: keep only the centered full line; mobile untouched */ @media (min-width:901px){ .smoomi-global-layout-location-mobile{ display:none!important; visibility:hidden!important; position:absolute!important; left:-99999px!important; top:auto!important; width:0!important; height:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } .smoomi-global-layout-location-desktop [data-smoomi-location-line], .smoomi-global-layout-location-desktop [data-smoomi-location-summary]{ display:none!important; visibility:hidden!important; position:absolute!important; left:-99999px!important; width:0!important; height:0!important; padding:0!important; margin:0!important; overflow:hidden!important; pointer-events:none!important; } .smoomi-global-layout-location-desktop .smoomi-location-top-row small{ display:inline-flex!important; align-items:center!important; justify-content:center!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:nowrap!important; } } /* v0.1.60 desktop location strip compact: lower height and smaller text; mobile untouched */ @media (min-width:901px){ .smoomi-global-layout-location-desktop{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:none!important; min-width:0!important; height:32px!important; min-height:32px!important; margin:0!important; padding:0 18px!important; border:0!important; border-top:1px solid #f2e7cb!important; border-bottom:1px solid #f2e7cb!important; border-radius:0!important; background:#fefaf1!important; box-shadow:none!important; color:#302814!important; overflow:hidden!important; white-space:nowrap!important; text-align:center!important; line-height:32px!important; gap:10px!important; } .smoomi-global-layout-location-desktop .smoomi-location-pin{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:auto!important; height:32px!important; line-height:32px!important; margin:0!important; font-size:13px!important; color:#9b7413!important; } .smoomi-global-layout-location-desktop .smoomi-desktop-location-line{ display:inline-flex!important; align-items:center!important; justify-content:center!important; height:32px!important; line-height:32px!important; margin:0!important; padding:0!important; font-size:13px!important; font-weight:800!important; color:#695e44!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; max-width:calc(100vw - 260px)!important; } .smoomi-global-layout-location-desktop [data-smoomi-location-desktop-summary]{ display:inline!important; margin-left:4px!important; font-weight:900!important; color:#302814!important; white-space:nowrap!important; } .smoomi-global-layout-location-desktop .smoomi-location-update{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; flex:0 0 auto!important; height:24px!important; min-height:24px!important; margin:0!important; padding:0 12px!important; border:1px solid #efe6ce!important; border-radius:999px!important; background:#fefcf8!important; color:#675e46!important; font-size:12px!important; font-weight:900!important; font-style:normal!important; line-height:1!important; white-space:nowrap!important; } .smoomi-global-layout-location-desktop .smoomi-location-update .smoomi-location-chevron{ display:inline-flex!important; width:14px!important; height:14px!important; margin-left:0!important; background:transparent!important; border:0!important; } .smoomi-global-layout-location-desktop .smoomi-location-update .smoomi-location-chevron:before{ width:5px!important; height:5px!important; border-width:1.7px!important; border-color:#675e46!important; transform:rotate(45deg) translate(-1px,-1px)!important; } .smoomi-global-layout-location-desktop:hover{background:#fefaf1!important;border-color:#f2e7cb!important;} .smoomi-global-layout-location-desktop:hover .smoomi-location-update{border-color:#9b7413!important;color:#9b7413!important;} .smoomi-global-layout-location-desktop:hover .smoomi-location-update .smoomi-location-chevron:before{border-color:#9b7413!important;} } /* v0.1.65 mobile footer accordion: integrated slim chevron, no white bubble */ @media (max-width:900px){ .smoomi-global-layout-footer-main-col summary{ position:relative!important; justify-content:center!important; padding:0 46px!important; } .smoomi-global-layout-footer-main-col summary span{ display:block!important; width:100%!important; text-align:center!important; } .smoomi-global-layout-footer-chevron{ position:absolute!important; right:22px!important; top:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:18px!important; height:18px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#2f2919!important; box-shadow:none!important; opacity:.86!important; transform:translateY(-50%)!important; transition:transform .18s ease,color .18s ease,opacity .18s ease!important; } .smoomi-global-layout-footer-chevron path{ stroke-width:2.35!important; } .smoomi-global-layout-footer-main-col summary:hover .smoomi-global-layout-footer-chevron, .smoomi-global-layout-footer-main-col summary:focus-visible .smoomi-global-layout-footer-chevron{ color:#9b7413!important; opacity:1!important; } .smoomi-global-layout-footer-main-col[open] .smoomi-global-layout-footer-chevron{ transform:translateY(-50%) rotate(180deg)!important; } } /* v0.1.66 mobile footer accordion: match checkout country select caret */ @media (max-width:900px){ .smoomi-global-layout-footer-main-col summary{ position:relative!important; justify-content:center!important; padding:0 52px!important; } .smoomi-global-layout-footer-main-col summary .smoomi-global-layout-footer-chevron{ display:none!important; } .smoomi-global-layout-footer-main-col summary:after{ content:""!important; position:absolute!important; right:28px!important; top:50%!important; display:block!important; width:8px!important; height:8px!important; margin:0!important; padding:0!important; border:0!important; border-right:3px solid #1c1911!important; border-bottom:3px solid #1c1911!important; border-radius:1px!important; background:transparent!important; box-shadow:none!important; transform:translateY(-62%) rotate(45deg)!important; transform-origin:center!important; transition:transform .18s ease,border-color .18s ease!important; } .smoomi-global-layout-footer-main-col[open] summary:after{ transform:translateY(-35%) rotate(225deg)!important; } .smoomi-global-layout-footer-main-col summary:hover:after, .smoomi-global-layout-footer-main-col summary:focus-visible:after{ border-color:#1c1911!important; } } /* v0.1.71 mobile drawer card menu: scheme B cards, desktop untouched */ .smoomi-global-layout-nav-icon{display:none}.smoomi-global-layout-nav-label{display:inline}.smoomi-global-layout-nav-lang{display:none!important} @media (max-width:900px){ body.smoomi-mobile-menu-open{overflow:hidden!important;touch-action:none!important} body.smoomi-mobile-menu-open .smoomi-global-layout-header{z-index:10001!important} body.smoomi-mobile-menu-open:before{content:"";position:fixed;inset:0;background:rgba(192,155,56,.24)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:9990!important;} body.smoomi-mobile-menu-open [data-smoomi-sidecart-trigger]:not(.smoomi-global-layout-cart), body.smoomi-mobile-menu-open .smoomi-sidecart-launcher, body.smoomi-mobile-menu-open .smoomi-sidecart-floating, body.smoomi-mobile-menu-open .smoomi-side-cart-launcher, body.smoomi-mobile-menu-open .smoomi-side-cart-floating, body.smoomi-mobile-menu-open .smoomi-floating-cart, body.smoomi-mobile-menu-open .smoomi-cart-floating, body.smoomi-mobile-menu-open .smoomi-cart-float, body.smoomi-mobile-menu-open .smoomi-side-cart-button, body.smoomi-mobile-menu-open .smoomi-help, body.smoomi-mobile-menu-open .smoomi-help-widget, body.smoomi-mobile-menu-open .smoomi-help-launcher, body.smoomi-mobile-menu-open .smoomi-floating-help, body.smoomi-mobile-menu-open [data-smoomi-help]{opacity:0!important;pointer-events:none!important;visibility:hidden!important;} .smoomi-global-layout-nav{display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;width:min(84vw,340px)!important;max-width:340px!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;gap:10px!important;padding:calc(22px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))!important;background:#fff!important;border:0!important;border-right:1px solid rgba(192,155,56,.75)!important;border-radius:0 28px 28px 0!important;box-shadow:18px 0 44px rgba(192,155,56,.16)!important;z-index:10002!important;opacity:1!important;pointer-events:none!important;transform:translate3d(-105%,0,0)!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;} .smoomi-global-layout-nav:before{content:"Menu";display:block!important;margin:2px 0 10px!important;padding:0 3px!important;color:#302814!important;font-size:18px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.01em!important;} .smoomi-global-layout-nav:after{content:"";display:block!important;flex:1 1 auto!important;min-height:4px!important;} .smoomi-global-layout-nav.is-open{pointer-events:auto!important;transform:translate3d(0,0,0)!important;} .smoomi-global-layout-nav a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:48px!important;width:100%!important;padding:0 14px!important;border:1px solid rgba(192,155,56,.9)!important;border-radius:16px!important;background:linear-gradient(180deg,#fefdf9 0%,#fefbf2 100%)!important;box-shadow:0 5px 14px rgba(192,155,56,.045)!important;color:#302814!important;text-decoration:none!important;font-size:13px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.005em!important;text-align:left!important;text-transform:none!important;} .smoomi-global-layout-nav a:hover,.smoomi-global-layout-nav a:focus-visible{background:#fefbf3!important;border-color:#efe2c1!important;color:#302814!important;outline:none!important;transform:translateY(-1px)!important;} .smoomi-global-layout-nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:12px!important;background:#fdf7e8!important;color:#93711a!important;border:1px solid rgba(192,155,56,.78)!important;box-shadow:0 1px 5px rgba(192,155,56,.08)!important;} .smoomi-global-layout-nav-icon svg{display:block!important;width:16px!important;height:16px!important;stroke-width:1.9!important;} .smoomi-global-layout-nav-label{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} .smoomi-global-layout-nav-account{margin-top:8px!important;} .smoomi-global-layout-nav-account:before{content:""!important;position:absolute!important;left:18px!important;right:18px!important;height:1px!important;background:#f3ecda!important;transform:translateY(-14px)!important;} .smoomi-global-layout-nav-lang{order:100!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:42px!important;width:100%!important;margin-top:6px!important;padding:0 14px!important;border:1px solid rgba(192,155,56,.9)!important;border-radius:16px!important;background:#fefbf3!important;color:#93711a!important;box-shadow:0 5px 14px rgba(192,155,56,.035)!important;font-size:13px!important;font-weight:850!important;line-height:1!important;text-align:left!important;} .smoomi-global-layout-nav-lang-globe{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:999px!important;color:#93711a!important;font-size:18px!important;line-height:1!important;} .smoomi-global-layout-nav-lang-chevron{display:block!important;width:7px!important;height:7px!important;margin-left:auto!important;border-right:1.7px solid #695e45!important;border-bottom:1.7px solid #695e45!important;transform:rotate(45deg) translateY(-1px)!important;} } @media (max-width:380px){.smoomi-global-layout-nav{width:min(88vw,324px)!important;padding-left:15px!important;padding-right:15px!important;border-radius:0 24px 24px 0!important}.smoomi-global-layout-nav a{min-height:45px!important;font-size:12.5px!important}.smoomi-global-layout-nav-icon{width:26px!important;height:26px!important;flex-basis:26px!important}.smoomi-global-layout-nav-icon svg{width:15px!important;height:15px!important}} @media (min-width:901px){body.smoomi-mobile-menu-open:before{content:none!important}.smoomi-global-layout-nav-icon{display:none!important}.smoomi-global-layout-nav-label{display:inline!important}.smoomi-global-layout-nav-lang{display:none!important}.smoomi-global-layout-nav-mobile-head{display:none!important}} /* v0.1.72 mobile drawer polish: logo header, softer right corners, roomier card icons */ .smoomi-global-layout-nav-mobile-head{display:none} @media (max-width:900px){ .smoomi-global-layout-nav{top:max(10px,env(safe-area-inset-top))!important;bottom:10px!important;height:auto!important;width:min(86vw,342px)!important;max-width:342px!important;padding:16px 18px calc(16px + env(safe-area-inset-bottom))!important;border-radius:0 32px 32px 0!important;border:1px solid rgba(192,155,56,.72)!important;border-left:0!important;background:#fff!important;box-shadow:18px 0 46px rgba(192,155,56,.18)!important;gap:12px!important;} body.admin-bar .smoomi-global-layout-nav{top:56px!important;bottom:10px!important;} .smoomi-global-layout-nav:before{content:none!important;display:none!important;} .smoomi-global-layout-nav-mobile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;margin:0 0 8px!important;padding:0 2px 2px!important;flex:0 0 auto!important;} .smoomi-global-layout-nav-mobile-logo{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:150px!important;height:42px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;} .smoomi-global-layout-nav-mobile-logo .smoomi-global-layout-brand-logo{display:block!important;height:36px!important;width:auto!important;max-width:142px!important;object-fit:contain!important;} .smoomi-global-layout-nav-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border:0!important;border-radius:999px!important;background:#fefcf8!important;color:#665d47!important;font-size:30px!important;line-height:1!important;font-weight:300!important;cursor:pointer!important;box-shadow:none!important;padding:0!important;margin:0!important;} .smoomi-global-layout-nav a{min-height:50px!important;padding:0 16px!important;gap:15px!important;border-radius:17px!important;} .smoomi-global-layout-nav-icon{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:14px!important;} .smoomi-global-layout-nav-icon svg{width:17px!important;height:17px!important;} .smoomi-global-layout-nav-label{font-size:13.5px!important;line-height:1.1!important;} .smoomi-global-layout-nav-account{margin-top:10px!important;} .smoomi-global-layout-nav-account:before{transform:translateY(-15px)!important;} .smoomi-global-layout-nav-lang{min-height:43px!important;margin-top:8px!important;border-radius:17px!important;padding:0 16px!important;} } @media (max-width:380px){body.admin-bar .smoomi-global-layout-nav{top:52px!important}.smoomi-global-layout-nav{width:min(88vw,326px)!important;border-radius:0 28px 28px 0!important;padding-left:15px!important;padding-right:15px!important}.smoomi-global-layout-nav-mobile-logo .smoomi-global-layout-brand-logo{height:33px!important;max-width:132px!important}} /* v0.1.73 targeted mobile drawer polish: header, close, card spacing, brand area only */ @media (max-width:900px){ .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:48px!important; margin:0 0 12px!important; padding:0 2px 4px!important; gap:14px!important; flex:0 0 auto!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-logo{ display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; flex:0 1 auto!important; width:auto!important; max-width:178px!important; min-height:0!important; height:46px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; text-decoration:none!important; color:inherit!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-logo:hover, .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-logo:focus-visible{ background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; outline:none!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-logo .smoomi-global-layout-brand-logo{ display:block!important; height:39px!important; width:auto!important; max-width:166px!important; object-fit:contain!important; margin:0!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 38px!important; width:38px!important; height:38px!important; min-width:38px!important; padding:0!important; margin:0 1px 0 0!important; border:1px solid rgba(192,155,56,.72)!important; border-radius:999px!important; background:#fefcf8!important; color:#675e46!important; box-shadow:0 5px 14px rgba(192,155,56,.055)!important; font-size:25px!important; line-height:1!important; font-weight:300!important; cursor:pointer!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close:hover, .smoomi-global-layout-nav .smoomi-global-layout-nav-close:focus-visible{ background:#fdf8ec!important; color:#9b7413!important; border-color:#efe2c1!important; outline:none!important; } .smoomi-global-layout-nav a:not(.smoomi-global-layout-nav-mobile-logo){ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:14px!important; padding:0 15px!important; } .smoomi-global-layout-nav a:not(.smoomi-global-layout-nav-mobile-logo) .smoomi-global-layout-nav-icon{ flex:0 0 30px!important; width:30px!important; height:30px!important; margin:0!important; } .smoomi-global-layout-nav a:not(.smoomi-global-layout-nav-mobile-logo) .smoomi-global-layout-nav-label{ display:block!important; flex:1 1 auto!important; min-width:0!important; padding-left:1px!important; text-align:left!important; white-space:nowrap!important; } } /* v0.1.74 mobile drawer: move close button to drawer top-right only */ @media (max-width:900px){ .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-head{ position:relative!important; padding-right:46px!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close{ position:absolute!important; top:0!important; right:0!important; margin:0!important; z-index:2!important; } } /* v0.1.75 mobile drawer: anchor close button to drawer top-right */ @media (max-width:900px){ .smoomi-global-layout-nav{ position:fixed!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-mobile-head{ position:static!important; padding-right:0!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close{ position:absolute!important; top:18px!important; right:18px!important; margin:0!important; z-index:5!important; } } @media (max-width:380px){ .smoomi-global-layout-nav .smoomi-global-layout-nav-close{ top:16px!important; right:16px!important; } } /* v0.1.76 mobile drawer: perfectly centered close icon */ @media (max-width:900px){ .smoomi-global-layout-nav .smoomi-global-layout-nav-close{ display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; min-width:38px!important; padding:0!important; border-radius:999px!important; font-size:0!important; line-height:0!important; text-indent:-9999px!important; overflow:hidden!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close:before, .smoomi-global-layout-nav .smoomi-global-layout-nav-close:after{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:14px!important; height:1.7px!important; border-radius:999px!important; background:#675e46!important; transform-origin:center center!important; margin-left:-7px!important; margin-top:-0.85px!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close:before{ transform:rotate(45deg)!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close:after{ transform:rotate(-45deg)!important; } .smoomi-global-layout-nav .smoomi-global-layout-nav-close:hover:before, .smoomi-global-layout-nav .smoomi-global-layout-nav-close:hover:after, .smoomi-global-layout-nav .smoomi-global-layout-nav-close:focus-visible:before, .smoomi-global-layout-nav .smoomi-global-layout-nav-close:focus-visible:after{ background:#9b7413!important; } } @media (max-width: 900px){ body.smoomi-mobile-home-active .smoomi-mobile-hero, body .smoomi-mobile-home .smoomi-mobile-hero{ padding:10px 0 8px!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; } body.smoomi-mobile-home-active .smoomi-mobile-slider, body .smoomi-mobile-home .smoomi-mobile-slider{ width:100vw!important; max-width:100vw!important; height:50vw!important; min-height:0!important; max-height:230px!important; aspect-ratio:2/1!important; overflow:hidden!important; border-radius:0!important; } body.smoomi-mobile-home-active .smoomi-mobile-slides, body.smoomi-mobile-home-active .smoomi-mobile-slide, body.smoomi-mobile-home-active .smoomi-mobile-hero-link, body.smoomi-mobile-home-active .smoomi-mobile-hero-image, body.smoomi-mobile-home-active .smoomi-mobile-slider img, body .smoomi-mobile-home .smoomi-mobile-slides, body .smoomi-mobile-home .smoomi-mobile-slide, body .smoomi-mobile-home .smoomi-mobile-hero-link, body .smoomi-mobile-home .smoomi-mobile-hero-image, body .smoomi-mobile-home .smoomi-mobile-slider img{ height:100%!important; max-height:100%!important; } body.smoomi-mobile-home-active .smoomi-mobile-hero-image, body.smoomi-mobile-home-active .smoomi-mobile-slider img, body .smoomi-mobile-home .smoomi-mobile-hero-image, body .smoomi-mobile-home .smoomi-mobile-slider img{ width:100%!important; object-fit:cover!important; object-position:center center!important; display:block!important; } } @media (max-width: 420px){ body.smoomi-mobile-home-active .smoomi-mobile-slider, body .smoomi-mobile-home .smoomi-mobile-slider{ height:50vw!important; max-height:210px!important; } } /* v1.0.118: move Fresh Picks View all to bottom on mobile, styled like a soft cute pill. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-mobile-title-row{ margin-bottom:22px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-viewall-bottom, html body .smoomi-mobile-home .smoomi-mobile-viewall-bottom{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; margin:16px 0 6px!important; padding:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link, html body .smoomi-mobile-home .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:136px!important; min-height:44px!important; padding:12px 26px!important; margin:0 auto!important; border-radius:999px!important; border:0!important; background:#f1e1b9!important; color:#110c01!important; font-family:"Arial Rounded MT Bold","Nunito",Arial,sans-serif!important; font-size:18px!important; font-weight:800!important; letter-spacing:.01em!important; line-height:1!important; text-decoration:none!important; box-shadow:0 10px 22px rgba(192,155,56,.18), inset 0 1px 0 rgba(255,255,255,.45)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link::after, html body .smoomi-mobile-home .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link::after{ content:""!important; display:none!important; } } /* v1.0.126: mobile only - move Hot Picks / Shop Hot Sellers CTA below the product grid and make it smaller. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-mobile-shopall-cta, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-mobile-shopall-cta{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; padding:0!important; margin:14px 0 6px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-mobile-shopall-button, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-mobile-shopall-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:142px!important; min-height:42px!important; padding:11px 24px 12px!important; margin:0 auto!important; border-radius:999px!important; font-size:16px!important; font-weight:900!important; line-height:1!important; letter-spacing:.01em!important; box-shadow:0 10px 22px rgba(192,155,56,.18), inset 0 1px 0 rgba(255,255,255,.3)!important; } } @media (max-width: 900px){ html body .smoomi-mobile-home .smoomi-mobile-title.smoomi-cute-title, html body.smoomi-mobile-home-active .smoomi-mobile-title.smoomi-cute-title, html body .smoomi-mobile-collections .smoomi-cute-title, html body .smoomi-mobile-products .smoomi-cute-title, html body .smoomi-mobile-featured .smoomi-cute-title, html body .smoomi-mobile-shopall .smoomi-cute-title, html body .smoomi-mobile-videos .smoomi-cute-title, html body .smoomi-mobile-home h2.smoomi-mobile-title, html body.smoomi-mobile-home-active h2.smoomi-mobile-title{ display:flex!important; align-items:baseline!important; justify-content:center!important; text-align:center!important; width:100%!important; max-width:100%!important; font-family:"Cooper Black","Cooper Std Black","Rockwell Extra Bold","Arial Rounded MT Bold",Georgia,serif!important; font-size:clamp(28px,7.6vw,36px)!important; line-height:.98!important; letter-spacing:-.045em!important; margin:0 auto 20px!important; gap:.20em!important; text-transform:none!important; color:#060400!important; } html body .smoomi-mobile-home .smoomi-cute-title:not(.is-long), html body.smoomi-mobile-home-active .smoomi-cute-title:not(.is-long){ flex-wrap:nowrap!important; white-space:nowrap!important; } html body .smoomi-mobile-home .smoomi-cute-title.is-long, html body.smoomi-mobile-home-active .smoomi-cute-title.is-long{ flex-wrap:wrap!important; } html body .smoomi-mobile-home .smoomi-cute-title-main, html body.smoomi-mobile-home-active .smoomi-cute-title-main{ color:#060400!important; text-shadow:0 2px 0 rgba(255,255,255,.85)!important; } html body .smoomi-mobile-home .smoomi-cute-title-accent, html body.smoomi-mobile-home-active .smoomi-cute-title-accent{ color:#eddcaf!important; text-shadow:0 2px 0 rgba(255,255,255,.94)!important; } html body .smoomi-mobile-collections .smoomi-cute-title{ margin-top:2px!important; margin-bottom:18px!important; } html body .smoomi-mobile-title-row, html body.smoomi-mobile-home-active .smoomi-mobile-title-row{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:8px!important; text-align:center!important; margin:0 0 20px!important; } html body .smoomi-mobile-title-row .smoomi-mobile-title, html body.smoomi-mobile-home-active .smoomi-mobile-title-row .smoomi-mobile-title{ margin-bottom:0!important; } html body .smoomi-mobile-title-row a.smoomi-mobile-title-link, html body.smoomi-mobile-home-active .smoomi-mobile-title-row a.smoomi-mobile-title-link, html body .smoomi-mobile-products .smoomi-mobile-title-row > a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:104px!important; min-height:34px!important; padding:8px 16px 9px!important; margin:0 auto 4px!important; border-radius:999px!important; border:1px solid rgba(192,155,56,.42)!important; background:linear-gradient(180deg,#fff 0%,#fefbf3 100%)!important; color:#9a7413!important; font-family:"Arial Rounded MT Bold","Nunito",Arial,sans-serif!important; font-size:14px!important; font-weight:900!important; letter-spacing:.01em!important; line-height:1!important; text-decoration:none!important; box-shadow:0 10px 22px rgba(192,155,56,.16), inset 0 1px 0 rgba(255,255,255,.9)!important; } html body .smoomi-mobile-title-row a.smoomi-mobile-title-link::after, html body.smoomi-mobile-home-active .smoomi-mobile-title-row a.smoomi-mobile-title-link::after, html body .smoomi-mobile-products .smoomi-mobile-title-row > a::after{ content:" →"!important; display:inline-block!important; margin-left:5px!important; font-size:15px!important; line-height:1!important; } /* v1.0.116: add breathing room above mobile section titles so sections do not feel squeezed together. */ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-cute-title{ margin-top:34px!important; margin-bottom:24px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-title-row{ margin-top:38px!important; margin-bottom:24px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-cute-title, html body.smoomi-mobile-home-active .smoomi-mobile-featured .smoomi-cute-title, html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-featured .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-cute-title{ margin-top:38px!important; margin-bottom:24px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-title-row + .smoomi-mobile-products-grid, html body.smoomi-mobile-home-active .smoomi-mobile-title-row + .smoomi-mobile-product-grid, html body .smoomi-mobile-home .smoomi-mobile-title-row + .smoomi-mobile-products-grid, html body .smoomi-mobile-home .smoomi-mobile-title-row + .smoomi-mobile-product-grid{ margin-top:4px!important; } } @media (max-width: 520px){ html body .smoomi-mobile-home .smoomi-mobile-title.smoomi-cute-title, html body.smoomi-mobile-home-active .smoomi-mobile-title.smoomi-cute-title, html body .smoomi-mobile-home h2.smoomi-mobile-title, html body.smoomi-mobile-home-active h2.smoomi-mobile-title{ font-size:clamp(26px,7.2vw,32px)!important; margin-bottom:18px!important; } html body .smoomi-mobile-title-row a.smoomi-mobile-title-link, html body.smoomi-mobile-home-active .smoomi-mobile-title-row a.smoomi-mobile-title-link, html body .smoomi-mobile-products .smoomi-mobile-title-row > a{ min-height:32px!important; padding:7px 15px 8px!important; font-size:13px!important; } } /* v1.0.117: add a small bottom breathing room under mobile titles without changing desktop. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-cute-title{ margin-top:34px!important; margin-bottom:30px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-title-row{ margin-top:38px!important; margin-bottom:30px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-cute-title, html body.smoomi-mobile-home-active .smoomi-mobile-featured .smoomi-cute-title, html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-featured .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-cute-title{ margin-top:38px!important; margin-bottom:30px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-title-row + .smoomi-mobile-products-grid, html body.smoomi-mobile-home-active .smoomi-mobile-title-row + .smoomi-mobile-product-grid, html body .smoomi-mobile-home .smoomi-mobile-title-row + .smoomi-mobile-products-grid, html body .smoomi-mobile-home .smoomi-mobile-title-row + .smoomi-mobile-product-grid{ margin-top:6px!important; } } /* v1.0.119: mobile only - make bottom View all pill smaller and reduce Fresh Picks top gap. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-mobile-title-row{ margin-top:22px!important; margin-bottom:18px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-viewall-bottom, html body .smoomi-mobile-home .smoomi-mobile-viewall-bottom{ margin:12px 0 4px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link, html body .smoomi-mobile-home .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link{ min-width:112px!important; min-height:36px!important; padding:9px 20px!important; font-size:15px!important; border-radius:999px!important; } } @media (max-width: 520px){ html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-mobile-title-row{ margin-top:18px!important; margin-bottom:16px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link, html body .smoomi-mobile-home .smoomi-mobile-viewall-bottom a.smoomi-mobile-title-link{ min-width:104px!important; min-height:34px!important; padding:8px 18px!important; font-size:14px!important; } } /* v1.0.126: mobile only - move Hot Picks / Shop Hot Sellers CTA below the product grid and make it smaller. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-mobile-shopall-cta, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-mobile-shopall-cta{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; padding:0!important; margin:14px 0 6px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-shopall .smoomi-mobile-shopall-button, html body .smoomi-mobile-home .smoomi-mobile-shopall .smoomi-mobile-shopall-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:142px!important; min-height:42px!important; padding:11px 24px 12px!important; margin:0 auto!important; border-radius:999px!important; font-size:16px!important; font-weight:900!important; line-height:1!important; letter-spacing:.01em!important; box-shadow:0 10px 22px rgba(192,155,56,.18), inset 0 1px 0 rgba(255,255,255,.3)!important; } } /* v1.0.128: mobile only - balance the Fresh Picks gap after the video module. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-videos, html body .smoomi-mobile-home .smoomi-mobile-videos{ padding-bottom:0!important; margin-bottom:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-videos + .smoomi-mobile-products, html body .smoomi-mobile-home .smoomi-mobile-videos + .smoomi-mobile-products{ margin-top:-6px!important; padding-top:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-mobile-title-row{ margin-top:14px!important; margin-bottom:18px!important; } } @media (max-width: 520px){ html body.smoomi-mobile-home-active .smoomi-mobile-videos + .smoomi-mobile-products, html body .smoomi-mobile-home .smoomi-mobile-videos + .smoomi-mobile-products{ margin-top:-8px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-products .smoomi-mobile-title-row, html body .smoomi-mobile-home .smoomi-mobile-products .smoomi-mobile-title-row{ margin-top:12px!important; margin-bottom:16px!important; } } /* v1.0.154: mobile homepage - bring Find Your Squishy closer to the slider. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-hero, html body .smoomi-mobile-home .smoomi-mobile-hero{ padding-bottom:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ padding-top:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-cute-title{ margin-top:14px!important; margin-bottom:28px!important; } } @media (max-width: 520px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-cute-title, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-cute-title{ margin-top:12px!important; margin-bottom:26px!important; } } /* v1.0.125 mobile only: full-bleed cute category strips with unified black category type. Keep original names, no arrows, no white thumbnail backing. */ @media (max-width: 900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; align-items:stretch!important; width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding:0!important; margin-top:4px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card{ position:relative!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:13px!important; min-height:76px!important; padding:8px calc(42px + env(safe-area-inset-right,0px)) 8px calc(18px + env(safe-area-inset-left,0px))!important; border-radius:0!important; text-decoration:none!important; overflow:hidden!important; border-top:1px solid rgba(192,155,56,.28)!important; border-bottom:1px solid rgba(192,155,56,.28)!important; border-left:0!important; border-right:0!important; background:linear-gradient(100deg,rgba(255,225,240,.96),rgba(255,246,251,.98))!important; box-shadow:0 7px 18px rgba(192,155,56,.09), inset 0 1px 0 rgba(255,255,255,.88)!important; text-align:left!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ border-top-color:rgba(192,155,56,.34)!important; border-bottom-color:rgba(192,155,56,.34)!important; background:linear-gradient(100deg,rgba(242,228,255,.96),rgba(255,247,253,.98))!important; box-shadow:0 7px 18px rgba(192,155,56,.08), inset 0 1px 0 rgba(255,255,255,.88)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ border-top-color:rgba(255,203,122,.34)!important; border-bottom-color:rgba(255,203,122,.34)!important; background:linear-gradient(100deg,rgba(255,245,214,.96),rgba(255,250,239,.98))!important; box-shadow:0 7px 18px rgba(255,178,60,.08), inset 0 1px 0 rgba(255,255,255,.88)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ border-top-color:rgba(143,205,255,.34)!important; border-bottom-color:rgba(143,205,255,.34)!important; background:linear-gradient(100deg,rgba(226,244,255,.96),rgba(248,252,255,.98))!important; box-shadow:0 7px 18px rgba(90,175,255,.08), inset 0 1px 0 rgba(255,255,255,.88)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after{ content:"♡"!important; position:absolute!important; right:calc(18px + env(safe-area-inset-right,0px))!important; top:50%!important; transform:translateY(-50%) rotate(-8deg)!important; color:rgba(192,155,56,.22)!important; font-family:Arial,sans-serif!important; font-size:34px!important; line-height:1!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after{color:rgba(192,155,56,.22)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after{color:rgba(255,146,0,.24)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after{color:rgba(59,154,255,.24)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ position:relative!important; flex:0 0 68px!important; width:68px!important; height:68px!important; max-width:68px!important; max-height:68px!important; aspect-ratio:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; border-radius:18px!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; line-height:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after{ content:none!important; display:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ position:relative!important; z-index:2!important; width:66px!important; height:66px!important; max-width:66px!important; max-height:66px!important; object-fit:contain!important; object-position:center!important; display:block!important; border-radius:16px!important; background:transparent!important; box-shadow:none!important; padding:0!important; margin:0!important; transform:none!important; mix-blend-mode:multiply!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ position:relative!important; z-index:2!important; flex:1 1 auto!important; display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; align-self:stretch!important; margin:0!important; padding:0 28px 0 4px!important; color:#9d7510!important; -webkit-text-stroke:.75px #fff!important; paint-order:stroke fill!important; font-family:"Cooper Black","Baloo 2","Fredoka","Arial Rounded MT Bold",Arial,sans-serif!important; font-size:clamp(24px,7.2vw,31px)!important; font-weight:900!important; line-height:1!important; letter-spacing:-.045em!important; text-align:center!important; text-transform:none!important; white-space:nowrap!important; word-break:keep-all!important; overflow:hidden!important; text-overflow:ellipsis!important; text-shadow: 0 2px 0 rgba(255,255,255,.98), 0 4px 0 rgba(192,155,56,.14), 0 8px 16px rgba(192,155,56,.25)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name{ color:#f2c75a!important; text-shadow:0 2px 0 rgba(255,255,255,.98),0 4px 0 rgba(192,155,56,.12),0 8px 16px rgba(192,155,56,.22)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ color:#ff8a14!important; text-shadow:0 2px 0 rgba(255,255,255,.98),0 4px 0 rgba(192,155,56,.12),0 8px 16px rgba(255,138,20,.22)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ color:#2a9cf8!important; text-shadow:0 2px 0 rgba(255,255,255,.98),0 4px 0 rgba(192,155,56,.12),0 8px 16px rgba(42,156,248,.22)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ content:none!important; display:none!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ gap:8px!important; padding:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card{ min-height:72px!important; padding:7px calc(40px + env(safe-area-inset-right,0px)) 7px calc(16px + env(safe-area-inset-left,0px))!important; border-radius:0!important; gap:12px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ flex-basis:60px!important; width:60px!important; height:60px!important; max-width:60px!important; max-height:60px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ width:58px!important; height:58px!important; max-width:58px!important; max-height:58px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ font-size:clamp(22px,6.6vw,28px)!important; padding-right:22px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after{ right:calc(16px + env(safe-area-inset-right,0px))!important; font-size:27px!important; } } /* v1.0.125: keep the cute bubbly style but make all category names one consistent black. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ color:#161002!important; -webkit-text-stroke:.65px rgba(255,255,255,.92)!important; text-shadow: 0 2px 0 rgba(255,255,255,.95), 0 4px 0 rgba(192,155,56,.18), 0 8px 16px rgba(192,155,56,.12)!important; } } /* v1.0.129: mobile only - premium low-saturation cream pink category strips. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ background:#fefcf8!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ gap:6px!important; background:linear-gradient(180deg,#fefcf8 0%,#fffdf9 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: radial-gradient(circle at 86% 50%, rgba(255,255,255,.78) 0 0, rgba(255,255,255,0) 34%), linear-gradient(100deg, rgba(255,235,245,.96) 0%, rgba(255,249,240,.98) 58%, rgba(255,247,251,.98) 100%)!important; border-top:1px solid rgba(192,155,56,.42)!important; border-bottom:1px solid rgba(192,155,56,.42)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 3px 12px rgba(192,155,56,.035)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(even), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(even){ background: radial-gradient(circle at 86% 50%, rgba(255,255,255,.72) 0 0, rgba(255,255,255,0) 35%), linear-gradient(100deg, rgba(255,239,248,.95) 0%, rgba(255,250,243,.98) 60%, rgba(250,246,255,.96) 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after{ color:rgba(192,155,56,.24)!important; text-shadow:0 1px 0 rgba(255,255,255,.65)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ color:#161002!important; -webkit-text-stroke:.55px rgba(255,255,255,.86)!important; text-shadow:0 2px 0 rgba(255,255,255,.92), 0 5px 12px rgba(192,155,56,.14)!important; } } /* v1.0.130: mobile only - clean rounded category type, no heavy retro shadow. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ color:#1b1402!important; font-family:"Fredoka","Baloo 2","Nunito","Arial Rounded MT Bold",Arial,sans-serif!important; font-size:clamp(22px,6.4vw,29px)!important; font-weight:900!important; line-height:1.08!important; letter-spacing:-.025em!important; -webkit-text-stroke:0!important; paint-order:normal!important; text-shadow:0 2px 7px rgba(192,155,56,.18)!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ font-size:clamp(21px,6.2vw,27px)!important; text-shadow:0 2px 6px rgba(192,155,56,.16)!important; } } /* v1.0.131: mobile only - sticker style 2x2 category cards. Keep original category names. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ background:#fefcf8!important; padding-bottom:12px!important; overflow:hidden!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 12px!important; width:calc(100vw - 32px)!important; max-width:560px!important; margin:6px auto 0!important; padding:0!important; background:transparent!important; align-items:stretch!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ position:relative!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; min-height:205px!important; padding:13px 9px 44px!important; border-radius:28px!important; overflow:hidden!important; text-align:center!important; text-decoration:none!important; color:#1f1702!important; border:2px solid rgba(255,255,255,.92)!important; box-shadow:0 14px 28px rgba(192,155,56,.07), inset 0 1px 0 rgba(255,255,255,.9)!important; background: radial-gradient(circle at 18% 72%, rgba(192,155,56,.66) 0 0, rgba(192,155,56,0) 31%), radial-gradient(circle at 82% 16%, rgba(255,255,255,.82) 0 0, rgba(255,255,255,0) 30%), linear-gradient(145deg,#fefbf4 0%,#fffefd 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: radial-gradient(circle at 86% 20%, rgba(255,240,177,.55) 0 0, rgba(255,240,177,0) 30%), radial-gradient(circle at 12% 72%, rgba(244,219,255,.55) 0 0, rgba(244,219,255,0) 30%), linear-gradient(145deg,#fff8e8 0%,#fefcf7 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: radial-gradient(circle at 16% 20%, rgba(210,255,247,.62) 0 0, rgba(210,255,247,0) 34%), radial-gradient(circle at 86% 78%, rgba(255,231,184,.58) 0 0, rgba(255,231,184,0) 32%), linear-gradient(145deg,#f0fffb 0%,#fff9ef 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: radial-gradient(circle at 16% 16%, rgba(192,155,56,.58) 0 0, rgba(192,155,56,0) 32%), radial-gradient(circle at 86% 78%, rgba(224,243,255,.72) 0 0, rgba(224,243,255,0) 34%), linear-gradient(145deg,#fefcf7 0%,#f4fbff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::before{ content:"✦"!important; position:absolute!important; top:11px!important; right:16px!important; width:auto!important; height:auto!important; border:0!important; background:transparent!important; color:rgba(192,155,56,.68)!important; font-size:19px!important; line-height:1!important; text-shadow:0 1px 0 rgba(255,255,255,.95)!important; z-index:3!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::before{content:"♡"!important;color:rgba(192,155,56,.66)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before{content:"✧"!important;color:rgba(255,170,71,.62)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::before{content:"♡"!important;color:rgba(134,172,255,.62)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after{ content:"→"!important; position:absolute!important; left:50%!important; right:auto!important; top:auto!important; bottom:11px!important; transform:translateX(-50%)!important; display:flex!important; align-items:center!important; justify-content:center!important; width:31px!important; height:31px!important; border-radius:999px!important; background:linear-gradient(180deg,#f7dfa2,#f4d27a)!important; color:#fff!important; font-family:Arial,sans-serif!important; font-size:20px!important; font-weight:900!important; line-height:1!important; text-shadow:none!important; box-shadow:0 8px 16px rgba(192,155,56,.24), inset 0 1px 0 rgba(255,255,255,.42)!important; opacity:.95!important; z-index:4!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:112px!important; min-height:112px!important; aspect-ratio:auto!important; margin:2px 0 8px!important; padding:0!important; border:0!important; border-radius:22px!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; line-height:0!important; z-index:2!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after{ content:none!important; display:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ position:relative!important; inset:auto!important; z-index:2!important; width:auto!important; height:108px!important; max-width:96%!important; max-height:108px!important; object-fit:contain!important; object-position:center!important; display:block!important; margin:0 auto!important; padding:0!important; border-radius:14px!important; background:transparent!important; box-shadow:none!important; transform:none!important; filter:drop-shadow(0 9px 12px rgba(192,155,56,.13))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ display:block!important; position:relative!important; z-index:3!important; width:100%!important; margin:2px 0 0!important; padding:0 2px!important; color:#1b1609!important; font-family:"Fredoka","Baloo 2","Nunito","Arial Rounded MT Bold",Arial,sans-serif!important; font-size:clamp(16px,4.35vw,19px)!important; font-weight:900!important; line-height:1.12!important; letter-spacing:-.02em!important; text-align:center!important; text-transform:none!important; -webkit-text-stroke:0!important; text-shadow:0 1px 0 rgba(255,255,255,.85),0 4px 9px rgba(192,155,56,.13)!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ width:calc(100vw - 24px)!important; gap:12px 10px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card{ min-height:192px!important; padding:11px 7px 40px!important; border-radius:24px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ height:102px!important; min-height:102px!important; margin-bottom:7px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ height:98px!important; max-height:98px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ font-size:clamp(15px,4.25vw,18px)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after{ width:29px!important; height:29px!important; bottom:9px!important; font-size:18px!important; } } /* v1.0.132: mobile only - make sticker category cards closer to the approved concept image. Bigger sticker images, white cloud lower panel, no truncation, softer cute details. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ background:linear-gradient(180deg,#fefcf8 0%,#fefbf4 100%)!important; padding-bottom:18px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:13px 12px!important; width:calc(100vw - 28px)!important; max-width:560px!important; margin:8px auto 0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ min-height:238px!important; padding:12px 9px 45px!important; border-radius:28px!important; border:2px solid rgba(255,255,255,.98)!important; box-shadow:0 16px 30px rgba(192,155,56,.075), inset 0 1px 0 rgba(255,255,255,.95)!important; background: radial-gradient(80px 34px at 12% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(84px 36px at 46% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(86px 37px at 82% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), linear-gradient(180deg, rgba(255,255,255,0) 0 58%, rgba(255,255,255,.96) 58% 100%), radial-gradient(circle at 17% 20%, rgba(192,155,56,.64) 0 0, rgba(192,155,56,0) 32%), radial-gradient(circle at 84% 14%, rgba(255,255,255,.9) 0 0, rgba(255,255,255,0) 34%), linear-gradient(145deg,#fefbf3 0%,#fffefd 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: radial-gradient(80px 34px at 12% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(84px 36px at 46% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(86px 37px at 82% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), linear-gradient(180deg, rgba(255,255,255,0) 0 58%, rgba(255,255,255,.96) 58% 100%), radial-gradient(circle at 84% 18%, rgba(255,236,179,.65) 0 0, rgba(255,236,179,0) 32%), radial-gradient(circle at 16% 76%, rgba(244,219,255,.54) 0 0, rgba(244,219,255,0) 31%), linear-gradient(145deg,#fff9e9 0%,#fefcf7 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: radial-gradient(80px 34px at 12% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(84px 36px at 46% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(86px 37px at 82% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), linear-gradient(180deg, rgba(255,255,255,0) 0 58%, rgba(255,255,255,.96) 58% 100%), radial-gradient(circle at 18% 18%, rgba(211,255,247,.62) 0 0, rgba(211,255,247,0) 34%), radial-gradient(circle at 86% 75%, rgba(255,231,184,.56) 0 0, rgba(255,231,184,0) 32%), linear-gradient(145deg,#f1fffb 0%,#fff9ef 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: radial-gradient(80px 34px at 12% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(84px 36px at 46% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), radial-gradient(86px 37px at 82% 69%, rgba(255,255,255,.96) 0 99%, rgba(255,255,255,0) 100%), linear-gradient(180deg, rgba(255,255,255,0) 0 58%, rgba(255,255,255,.96) 58% 100%), radial-gradient(circle at 17% 16%, rgba(192,155,56,.58) 0 0, rgba(192,155,56,0) 32%), radial-gradient(circle at 86% 78%, rgba(224,243,255,.74) 0 0, rgba(224,243,255,0) 34%), linear-gradient(145deg,#fefcf7 0%,#f5fbff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::before{ top:13px!important; right:16px!important; font-size:22px!important; color:rgba(192,155,56,.66)!important; text-shadow:0 2px 0 rgba(255,255,255,.9), 0 6px 14px rgba(192,155,56,.16)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after{ bottom:12px!important; width:33px!important; height:33px!important; background:linear-gradient(180deg,#f7dfa2,#f4d27c)!important; font-size:20px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb{ height:134px!important; min-height:134px!important; margin:1px 0 2px!important; overflow:visible!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ height:126px!important; max-height:126px!important; max-width:112%!important; filter:drop-shadow(0 10px 14px rgba(192,155,56,.16))!important; border-radius:15px!important; mix-blend-mode:normal!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ display:block!important; width:100%!important; margin:0 auto 0!important; padding:0 5px!important; color:#1b1609!important; font-size:clamp(15px,4.15vw,18px)!important; line-height:1.14!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important; overflow-wrap:normal!important; text-shadow:0 1px 0 rgba(255,255,255,.9),0 4px 8px rgba(192,155,56,.13)!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ width:calc(100vw - 22px)!important; gap:12px 9px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ min-height:224px!important; padding:11px 7px 42px!important; border-radius:25px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ height:124px!important; min-height:124px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ height:118px!important; max-height:118px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ font-size:clamp(14px,4.05vw,17px)!important; line-height:1.14!important; } } /* v1.0.133: mobile only - stronger sticker category concept. Bigger recognizable product stickers, no pink arrow, one-line category labels. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ background:linear-gradient(180deg,#fefdf9 0%,#fefbf4 100%)!important; padding-bottom:20px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; width:calc(100vw - 24px)!important; max-width:560px!important; gap:13px 11px!important; margin:9px auto 0!important; padding:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ position:relative!important; min-height:246px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; padding:8px 8px 28px!important; border-radius:29px!important; overflow:hidden!important; border:2px solid rgba(255,255,255,.96)!important; box-shadow:0 16px 28px rgba(192,155,56,.075), inset 0 1px 0 rgba(255,255,255,.95)!important; text-align:center!important; text-decoration:none!important; background: radial-gradient(92px 38px at 10% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(96px 41px at 42% 65%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(102px 43px at 80% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.97) 57% 100%), radial-gradient(circle at 15% 25%,rgba(192,155,56,.60) 0 0,rgba(192,155,56,0) 35%), radial-gradient(circle at 88% 18%,rgba(255,255,255,.92) 0 0,rgba(255,255,255,0) 34%), linear-gradient(145deg,#fefaf1 0%,#fffefd 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: radial-gradient(92px 38px at 10% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(96px 41px at 42% 65%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(102px 43px at 80% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.97) 57% 100%), radial-gradient(circle at 82% 18%,rgba(255,239,184,.66) 0 0,rgba(255,239,184,0) 34%), radial-gradient(circle at 20% 76%,rgba(248,221,255,.58) 0 0,rgba(248,221,255,0) 32%), linear-gradient(145deg,#fff9e8 0%,#fefcf7 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: radial-gradient(92px 38px at 10% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(96px 41px at 42% 65%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(102px 43px at 80% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.97) 57% 100%), radial-gradient(circle at 18% 20%,rgba(205,255,246,.66) 0 0,rgba(205,255,246,0) 36%), radial-gradient(circle at 85% 76%,rgba(255,233,191,.58) 0 0,rgba(255,233,191,0) 34%), linear-gradient(145deg,#effffb 0%,#fff9ef 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: radial-gradient(92px 38px at 10% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(96px 41px at 42% 65%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), radial-gradient(102px 43px at 80% 66%, rgba(255,255,255,.97) 0 98%, rgba(255,255,255,0) 100%), linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.97) 57% 100%), radial-gradient(circle at 18% 17%,rgba(192,155,56,.62) 0 0,rgba(192,155,56,0) 34%), radial-gradient(circle at 86% 76%,rgba(221,242,255,.78) 0 0,rgba(221,242,255,0) 36%), linear-gradient(145deg,#fefcf7 0%,#f5fbff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::before{ content:"✧"!important; position:absolute!important; top:15px!important; right:18px!important; color:rgba(192,155,56,.72)!important; font-family:Arial,sans-serif!important; font-size:23px!important; line-height:1!important; text-shadow:0 2px 0 rgba(255,255,255,.9),0 8px 18px rgba(192,155,56,.18)!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::before{content:"♡"!important;color:rgba(192,155,56,.62)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before{content:"✦"!important;color:rgba(255,170,55,.70)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::before{content:"♡"!important;color:rgba(132,151,255,.58)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::after{ content:none!important; display:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb{ width:100%!important; height:148px!important; min-height:148px!important; margin:0 auto 0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after{ content:none!important; display:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ display:block!important; width:auto!important; height:144px!important; max-height:144px!important; max-width:124%!important; object-fit:contain!important; border-radius:18px!important; transform:scale(1.22)!important; transform-origin:center center!important; filter: drop-shadow(0 3px 0 rgba(255,255,255,.95)) drop-shadow(3px 0 0 rgba(255,255,255,.95)) drop-shadow(-3px 0 0 rgba(255,255,255,.95)) drop-shadow(0 -3px 0 rgba(255,255,255,.95)) drop-shadow(0 12px 18px rgba(192,155,56,.16))!important; mix-blend-mode:normal!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img{transform:scale(1.34)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img{transform:scale(1.35)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{transform:scale(1.33)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{transform:scale(1.26)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ position:relative!important; display:block!important; z-index:4!important; width:100%!important; max-width:100%!important; margin:8px auto 0!important; padding:0 4px!important; color:#1a1508!important; font-family:"Nunito","Baloo 2","Fredoka","Arial Rounded MT Bold",Arial,sans-serif!important; font-size:clamp(14px,3.95vw,18px)!important; font-weight:1000!important; line-height:1.05!important; letter-spacing:-.035em!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; word-break:keep-all!important; text-align:center!important; text-shadow:0 1px 0 rgba(255,255,255,.95),0 4px 10px rgba(192,155,56,.12)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ font-size:clamp(13px,3.55vw,16px)!important; letter-spacing:-.055em!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ content:""!important; display:block!important; width:56px!important; height:1px!important; margin:10px auto 0!important; background:repeating-linear-gradient(90deg,rgba(192,155,56,.55) 0 6px,transparent 6px 12px)!important; opacity:.75!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ width:calc(100vw - 20px)!important; gap:12px 8px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ min-height:232px!important; padding:8px 6px 26px!important; border-radius:26px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ height:140px!important; min-height:140px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ height:136px!important; max-height:136px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ font-size:clamp(13px,3.75vw,16px)!important; letter-spacing:-.045em!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ font-size:clamp(12px,3.35vw,14px)!important; letter-spacing:-.06em!important; } } /* v1.0.134: mobile only - richer sticker card layout. Keeps original category names, removes arrow buttons, makes product stickers larger and cleaner. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ background:linear-gradient(180deg,#fefdf9 0%,#fefcf5 100%)!important; padding-top:20px!important; padding-bottom:22px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; width:calc(100vw - 22px)!important; max-width:560px!important; gap:15px 12px!important; margin:12px auto 0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ position:relative!important; min-height:258px!important; height:258px!important; padding:10px 7px 18px!important; border-radius:30px!important; overflow:hidden!important; border:2px solid rgba(255,255,255,.98)!important; box-shadow:0 16px 30px rgba(192,155,56,.08), inset 0 1px 0 rgba(255,255,255,.96)!important; background: linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.98) 57% 100%), radial-gradient(120px 52px at -8% 63%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(128px 56px at 45% 62%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(118px 50px at 106% 64%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(circle at 18% 15%,rgba(192,155,56,.52) 0 0,rgba(192,155,56,0) 42%), linear-gradient(145deg,#fefaf1 0%,#fffdf8 100%)!important; text-align:center!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.98) 57% 100%), radial-gradient(120px 52px at -8% 63%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(128px 56px at 45% 62%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(118px 50px at 106% 64%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(circle at 80% 13%,rgba(255,232,172,.56) 0 0,rgba(255,232,172,0) 42%), linear-gradient(145deg,#fff9e6 0%,#fefcf7 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.98) 57% 100%), radial-gradient(120px 52px at -8% 63%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(128px 56px at 45% 62%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(118px 50px at 106% 64%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(circle at 18% 18%,rgba(196,255,245,.54) 0 0,rgba(196,255,245,0) 44%), linear-gradient(145deg,#effffb 0%,#fff9ee 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 57%,rgba(255,255,255,.98) 57% 100%), radial-gradient(120px 52px at -8% 63%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(128px 56px at 45% 62%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(118px 50px at 106% 64%,rgba(255,255,255,.98) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(circle at 82% 18%,rgba(226,231,255,.66) 0 0,rgba(226,231,255,0) 42%), linear-gradient(145deg,#fefcf5 0%,#f6fbff 100%)!important; } /* Cleaner small sticker decorations. No arrow buttons. */ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::before{ content:"♡"!important; position:absolute!important; top:14px!important; right:16px!important; z-index:5!important; color:rgba(192,155,56,.62)!important; font-family:"Arial Rounded MT Bold",Arial,sans-serif!important; font-size:24px!important; line-height:1!important; text-shadow:0 2px 0 rgba(255,255,255,.95)!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1)::before{content:"✧"!important;font-size:23px!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before{content:"✦"!important;color:rgba(255,170,64,.58)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after{ content:""!important; display:block!important; position:absolute!important; left:-12px!important; right:-12px!important; bottom:-8px!important; height:116px!important; z-index:1!important; background: radial-gradient(72px 30px at 6% 2%,rgba(255,255,255,.99) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(86px 38px at 37% 1%,rgba(255,255,255,.99) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(78px 34px at 74% 3%,rgba(255,255,255,.99) 0 98%,rgba(255,255,255,0) 100%), linear-gradient(180deg,rgba(255,255,255,.98) 8%,rgba(255,255,255,.99) 100%)!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ position:relative!important; z-index:3!important; width:100%!important; height:164px!important; min-height:164px!important; margin:0 auto!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before{ content:"SQUEEZE"!important; position:absolute!important; left:7px!important; top:9px!important; z-index:4!important; padding:5px 9px!important; border-radius:999px!important; background:rgba(255,255,255,.72)!important; border:1px solid rgba(192,155,56,.30)!important; color:#93711a!important; font-size:10px!important; font-weight:1000!important; letter-spacing:.03em!important; line-height:1!important; box-shadow:0 8px 16px rgba(192,155,56,.13)!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb::before{content:"SO CUTE!"!important;color:#856b29!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb::before{content:"SLOW RISE"!important;color:#24a7a6!important;border-color:rgba(36,167,166,.22)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb::before{content:"DIY FUN"!important;color:#856b28!important;border-color:rgba(192,155,56,.20)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after{ content:""!important; display:block!important; position:absolute!important; left:50%!important; top:54%!important; width:88px!important; height:16px!important; border-radius:50%!important; background:rgba(192,155,56,.10)!important; filter:blur(7px)!important; transform:translate(-50%,38px)!important; z-index:1!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ position:relative!important; z-index:3!important; display:block!important; width:auto!important; height:160px!important; max-height:160px!important; max-width:156%!important; object-fit:contain!important; border-radius:20px!important; transform:scale(1.54) translateY(6px)!important; transform-origin:center center!important; filter: drop-shadow(0 4px 0 rgba(255,255,255,.98)) drop-shadow(4px 0 0 rgba(255,255,255,.98)) drop-shadow(-4px 0 0 rgba(255,255,255,.98)) drop-shadow(0 -4px 0 rgba(255,255,255,.98)) drop-shadow(0 15px 18px rgba(192,155,56,.16))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img{transform:scale(1.68) translateY(7px)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img{transform:scale(1.78) translateY(10px)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{transform:scale(1.98) translateY(12px)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{transform:scale(2.04) translateY(10px)!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ position:absolute!important; left:8px!important; right:8px!important; bottom:38px!important; z-index:6!important; display:block!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; color:#1a1508!important; font-family:"Nunito","Fredoka","Arial Rounded MT Bold",Arial,sans-serif!important; font-size:clamp(14px,3.85vw,18px)!important; font-weight:1000!important; line-height:1!important; letter-spacing:-.035em!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; text-align:center!important; text-shadow:0 1px 0 rgba(255,255,255,.98),0 5px 10px rgba(192,155,56,.10)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ font-size:clamp(12px,3.24vw,15px)!important; letter-spacing:-.06em!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ content:""!important; display:block!important; width:54px!important; height:1px!important; margin:11px auto 0!important; background:repeating-linear-gradient(90deg,rgba(192,155,56,.55) 0 6px,transparent 6px 12px)!important; opacity:.70!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ width:calc(100vw - 18px)!important; gap:14px 9px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card{ min-height:248px!important; height:248px!important; border-radius:28px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb{ height:158px!important; min-height:158px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img{ height:154px!important; max-height:154px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name{ font-size:clamp(13px,3.72vw,16px)!important; bottom:36px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ font-size:clamp(11px,3.15vw,14px)!important; } } /* v1.0.135: mobile category cards - balanced top/bottom sticker layout. Keep original names, no arrows, equal color/white halves, product stays in the top color area. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections, html body .smoomi-mobile-home .smoomi-mobile-collections{ background:linear-gradient(180deg,#fefdf9 0%,#fefcf5 100%)!important; padding-bottom:18px!important; overflow:hidden!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:calc(100vw - 22px)!important; max-width:560px!important; margin:12px auto 0!important; padding:0!important; gap:14px 10px!important; align-items:stretch!important; background:transparent!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ position:relative!important; display:block!important; height:226px!important; min-height:226px!important; padding:0!important; border-radius:28px!important; overflow:hidden!important; text-align:center!important; text-decoration:none!important; color:#1a1508!important; border:2px solid rgba(255,255,255,.98)!important; box-shadow:0 14px 26px rgba(192,155,56,.07), inset 0 1px 0 rgba(255,255,255,.95)!important; background: linear-gradient(180deg,rgba(255,255,255,0) 0 50%,rgba(255,255,255,.98) 50% 100%), radial-gradient(circle at 22% 18%,rgba(192,155,56,.62) 0 0,rgba(192,155,56,0) 42%), radial-gradient(circle at 86% 12%,rgba(255,255,255,.82) 0 0,rgba(255,255,255,0) 36%), linear-gradient(145deg,#fefaf1 0%,#fffdfb 50%,#fff 50%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 50%,rgba(255,255,255,.98) 50% 100%), radial-gradient(circle at 78% 18%,rgba(255,237,178,.64) 0 0,rgba(255,237,178,0) 43%), radial-gradient(circle at 18% 78%,rgba(246,222,255,.46) 0 0,rgba(246,222,255,0) 38%), linear-gradient(145deg,#fff8e6 0%,#fefcf7 50%,#fff 50%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 50%,rgba(255,255,255,.98) 50% 100%), radial-gradient(circle at 18% 18%,rgba(202,255,247,.62) 0 0,rgba(202,255,247,0) 44%), radial-gradient(circle at 84% 76%,rgba(255,233,191,.48) 0 0,rgba(255,233,191,0) 38%), linear-gradient(145deg,#effffb 0%,#fff9ee 50%,#fff 50%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 50%,rgba(255,255,255,.98) 50% 100%), radial-gradient(circle at 18% 18%,rgba(192,155,56,.58) 0 0,rgba(192,155,56,0) 42%), radial-gradient(circle at 84% 76%,rgba(222,242,255,.68) 0 0,rgba(222,242,255,0) 40%), linear-gradient(145deg,#fefcf6 0%,#f7fbff 50%,#fff 50%,#fff 100%)!important; } /* soft cloud lip exactly at the middle, without covering the product area */ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n)::after{ content:""!important; display:block!important; position:absolute!important; z-index:1!important; left:-12px!important; right:-12px!important; top:50%!important; bottom:auto!important; height:28px!important; transform:translateY(-55%)!important; background: radial-gradient(56px 19px at 8% 100%,rgba(255,255,255,.99) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(72px 22px at 38% 100%,rgba(255,255,255,.99) 0 98%,rgba(255,255,255,0) 100%), radial-gradient(64px 20px at 72% 100%,rgba(255,255,255,.99) 0 98%,rgba(255,255,255,0) 100%), linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.99) 58%,rgba(255,255,255,.99) 100%)!important; border:0!important; opacity:1!important; pointer-events:none!important; box-shadow:none!important; } /* small top-corner decorations only, no arrow buttons */ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::before{ content:"✧"!important; position:absolute!important; top:14px!important; right:17px!important; z-index:5!important; color:rgba(192,155,56,.62)!important; font-family:Arial,sans-serif!important; font-size:22px!important; line-height:1!important; text-shadow:0 2px 0 rgba(255,255,255,.96)!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2)::before{content:"♡"!important;color:rgba(192,155,56,.58)!important;font-size:24px!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3)::before{content:"✦"!important;color:rgba(255,170,64,.58)!important;font-size:21px!important;} html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4)::before{content:"♡"!important;color:rgba(135,155,255,.50)!important;font-size:24px!important;} /* top half product zone: product stays inside the color area and never crosses into the white title half */ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ position:absolute!important; z-index:3!important; left:8px!important; right:8px!important; top:8px!important; width:auto!important; height:96px!important; min-height:96px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; line-height:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::before, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb::after{ content:none!important; display:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:relative!important; z-index:4!important; display:block!important; width:auto!important; height:auto!important; max-width:94%!important; max-height:90px!important; object-fit:contain!important; object-position:center!important; margin:0 auto!important; padding:0!important; border-radius:18px!important; background:transparent!important; transform:none!important; mix-blend-mode:normal!important; filter: drop-shadow(0 3px 0 rgba(255,255,255,.98)) drop-shadow(3px 0 0 rgba(255,255,255,.98)) drop-shadow(-3px 0 0 rgba(255,255,255,.98)) drop-shadow(0 -3px 0 rgba(255,255,255,.98)) drop-shadow(0 10px 14px rgba(192,155,56,.13))!important; } /* bottom half text zone: equal height with top color area, title stays one line */ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ position:absolute!important; z-index:6!important; left:7px!important; right:7px!important; top:50%!important; bottom:0!important; width:auto!important; height:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:8px 4px 20px!important; box-sizing:border-box!important; color:#161105!important; font-family:"Nunito","Fredoka","Baloo 2","Arial Rounded MT Bold",Arial,sans-serif!important; font-size:clamp(13px,3.7vw,17px)!important; font-weight:1000!important; line-height:1!important; letter-spacing:-.045em!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; word-break:keep-all!important; overflow-wrap:normal!important; text-align:center!important; text-shadow:0 1px 0 rgba(255,255,255,.98),0 5px 10px rgba(192,155,56,.10)!important; -webkit-text-stroke:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ font-size:clamp(11px,3.15vw,14px)!important; letter-spacing:-.065em!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ content:""!important; position:absolute!important; left:50%!important; bottom:30px!important; width:46px!important; height:1px!important; margin:0!important; transform:translateX(-50%)!important; background:repeating-linear-gradient(90deg,rgba(192,155,56,.52) 0 6px,transparent 6px 12px)!important; opacity:.72!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-grid, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-grid{ width:calc(100vw - 18px)!important; gap:13px 8px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:214px!important; min-height:214px!important; border-radius:26px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ top:8px!important; height:88px!important; min-height:88px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ max-height:82px!important; max-width:92%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ font-size:clamp(12px,3.55vw,16px)!important; padding-bottom:18px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name{ font-size:clamp(10.5px,3.05vw,13.5px)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ bottom:27px!important; } } /* v1.0.136: mobile sticker category product image enlargement. Keep equal top/bottom halves; product stays inside the top colored half. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:260px!important; min-height:260px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ top:8px!important; height:124px!important; min-height:124px!important; overflow:hidden!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ max-width:108%!important; max-height:116px!important; transform:scale(1.12)!important; transform-origin:center center!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ padding-top:10px!important; padding-bottom:22px!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:248px!important; min-height:248px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ height:118px!important; min-height:118px!important; overflow:hidden!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ max-height:110px!important; max-width:108%!important; transform:scale(1.14)!important; } } /* v1.0.138: corrected cover-install package, mobile category image center compact fix. Keep the existing card spacing/height compact; center products in the top colored half only. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:226px!important; min-height:226px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ position:absolute!important; z-index:4!important; top:10px!important; left:50%!important; right:auto!important; width:82%!important; height:100px!important; min-height:100px!important; max-height:100px!important; transform:translateX(-50%)!important; display:block!important; margin:0!important; padding:0!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; text-align:center!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:absolute!important; left:50%!important; top:50%!important; width:auto!important; height:auto!important; max-width:96%!important; max-height:94px!important; object-fit:contain!important; object-position:center center!important; transform:translate(-50%,-50%)!important; transform-origin:center center!important; margin:0!important; padding:0!important; display:block!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ top:50%!important; height:50%!important; padding-top:4px!important; padding-bottom:18px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ bottom:28px!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:214px!important; min-height:214px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ top:9px!important; height:94px!important; min-height:94px!important; max-height:94px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ max-height:88px!important; max-width:94%!important; } } /* v1.0.139: mobile category product image fill top half without increasing card height. Center product visuals in the colored top area, fill the top area more, and keep titles below. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:226px!important; min-height:226px!important; max-height:226px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ position:absolute!important; z-index:4!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:50%!important; min-height:50%!important; max-height:50%!important; transform:none!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; overflow:hidden!important; background:transparent!important; border:0!important; box-shadow:none!important; text-align:center!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:relative!important; left:auto!important; top:auto!important; width:auto!important; height:auto!important; max-width:112%!important; max-height:112%!important; object-fit:contain!important; object-position:center center!important; transform:scale(1.28)!important; transform-origin:center center!important; margin:0!important; padding:0!important; display:block!important; filter:drop-shadow(0 12px 18px rgba(192,155,56,.18))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img{ transform:scale(1.38)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img{ transform:scale(1.34)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{ transform:scale(1.42)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ transform:scale(1.46)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ top:50%!important; height:50%!important; padding-top:3px!important; padding-bottom:16px!important; z-index:5!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:214px!important; min-height:214px!important; max-height:214px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ max-width:116%!important; max-height:116%!important; transform:scale(1.36)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img{ transform:scale(1.48)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img{ transform:scale(1.44)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{ transform:scale(1.50)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ transform:scale(1.56)!important; } } /* v1.0.140: mobile category image center-contained correction. Undo the too-aggressive fill/crop from v1.0.139: keep products centered inside the colored top half, make them large enough to read, but never crop into a left strip or spill into title area. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:214px!important; min-height:214px!important; max-height:214px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ position:absolute!important; inset:0 0 auto 0!important; width:100%!important; height:50%!important; min-height:0!important; max-height:none!important; transform:none!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; pointer-events:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:static!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; display:block!important; width:auto!important; height:auto!important; max-width:78%!important; max-height:88%!important; object-fit:contain!important; object-position:center center!important; transform:none!important; transform-origin:center center!important; margin:0 auto!important; padding:0!important; filter:drop-shadow(0 10px 14px rgba(192,155,56,.16))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img{ max-width:86%!important; max-height:92%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img{ max-width:80%!important; max-height:94%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{ max-width:86%!important; max-height:90%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ max-width:84%!important; max-height:90%!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:206px!important; min-height:206px!important; max-height:206px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ max-width:82%!important; max-height:88%!important; transform:none!important; } } /* v1.0.141: mobile category product image true center + larger contain. Keep card height unchanged; product stays in top color half, centered and readable. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:214px!important; min-height:214px!important; max-height:214px!important; overflow:hidden!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ position:absolute!important; z-index:4!important; left:0!important; right:0!important; top:0!important; bottom:auto!important; width:100%!important; height:50%!important; min-width:0!important; max-width:none!important; min-height:0!important; max-height:none!important; display:block!important; overflow:hidden!important; margin:0!important; padding:0!important; transform:none!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:absolute!important; left:50%!important; top:50%!important; right:auto!important; bottom:auto!important; width:92%!important; height:92%!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; object-fit:contain!important; object-position:center center!important; transform:translate(-50%,-50%)!important; transform-origin:center center!important; display:block!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; filter:drop-shadow(0 10px 14px rgba(192,155,56,.18))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-thumb img{ width:96%!important; height:96%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-thumb img{ width:94%!important; height:96%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{ width:96%!important; height:96%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-thumb img{ width:94%!important; height:96%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ position:absolute!important; left:8px!important; right:8px!important; top:50%!important; bottom:0!important; height:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 2px 14px!important; white-space:nowrap!important; overflow:visible!important; text-overflow:clip!important; z-index:6!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:206px!important; min-height:206px!important; max-height:206px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ width:96%!important; height:96%!important; } } /* v1.0.152: mobile category polish. Keep the stable sticker-card layout, reduce the white title area, remove pink dashed lines, and keep product images centered inside the top color block. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:214px!important; min-height:214px!important; max-height:214px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 61%,rgba(255,255,255,.98) 61% 100%), radial-gradient(circle at 25% 18%,rgba(192,155,56,.72) 0 0,rgba(192,155,56,0) 46%), radial-gradient(circle at 83% 14%,rgba(255,255,255,.84) 0 0,rgba(255,255,255,0) 36%), linear-gradient(145deg,#fefaef 0%,#fffdfa 61%,#fff 61%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 61%,rgba(255,255,255,.98) 61% 100%), radial-gradient(circle at 78% 14%,rgba(255,239,151,.64) 0 0,rgba(255,239,151,0) 44%), radial-gradient(circle at 25% 20%,rgba(255,229,246,.68) 0 0,rgba(255,229,246,0) 44%), linear-gradient(145deg,#fff7db 0%,#fff9ef 61%,#fff 61%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 61%,rgba(255,255,255,.98) 61% 100%), radial-gradient(circle at 20% 22%,rgba(198,255,238,.76) 0 0,rgba(198,255,238,0) 48%), radial-gradient(circle at 78% 19%,rgba(255,246,173,.62) 0 0,rgba(255,246,173,0) 42%), linear-gradient(145deg,#eafff8 0%,#fffbed 61%,#fff 61%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 61%,rgba(255,255,255,.98) 61% 100%), radial-gradient(circle at 24% 20%,rgba(192,155,56,.74) 0 0,rgba(192,155,56,0) 45%), radial-gradient(circle at 84% 16%,rgba(213,237,255,.62) 0 0,rgba(213,237,255,0) 42%), linear-gradient(145deg,#fefaf1 0%,#f2fbff 61%,#fff 61%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ top:0!important; left:0!important; right:0!important; width:100%!important; height:61%!important; min-height:61%!important; max-height:61%!important; overflow:hidden!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb img, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:absolute!important; left:50%!important; top:50%!important; width:92%!important; height:96%!important; max-width:none!important; max-height:none!important; object-fit:contain!important; object-position:center center!important; transform:translate(-50%,-50%)!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; filter:drop-shadow(0 10px 14px rgba(192,155,56,.16))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{ width:98%!important; height:98%!important; filter:drop-shadow(0 12px 16px rgba(192,155,56,.16))!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ top:61%!important; bottom:0!important; height:39%!important; padding:0 4px!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name::after{ content:none!important; display:none!important; } } @media (max-width:420px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n){ height:206px!important; min-height:206px!important; max-height:206px!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-thumb img{ width:98%!important; height:98%!important; } } /* v1.0.153: only refine the mobile category cards. 1) remove the left white notch, 2) soften the top/bottom color transition, 3) reduce the white title area without changing the existing card size. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card::after, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n)::after, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n)::after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 56%,rgba(255,255,255,.30) 61%,rgba(255,255,255,.86) 66%,rgba(255,255,255,.99) 72%,#fff 100%), radial-gradient(circle at 25% 18%,rgba(192,155,56,.72) 0 0,rgba(192,155,56,0) 46%), radial-gradient(circle at 83% 14%,rgba(255,255,255,.84) 0 0,rgba(255,255,255,0) 36%), linear-gradient(145deg,#fefaef 0%,#fffdfa 66%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 56%,rgba(255,255,255,.30) 61%,rgba(255,255,255,.86) 66%,rgba(255,255,255,.99) 72%,#fff 100%), radial-gradient(circle at 78% 14%,rgba(255,239,151,.64) 0 0,rgba(255,239,151,0) 44%), radial-gradient(circle at 25% 20%,rgba(255,229,246,.68) 0 0,rgba(255,229,246,0) 44%), linear-gradient(145deg,#fff7db 0%,#fff9ef 66%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 56%,rgba(255,255,255,.30) 61%,rgba(255,255,255,.86) 66%,rgba(255,255,255,.99) 72%,#fff 100%), radial-gradient(circle at 20% 22%,rgba(198,255,238,.76) 0 0,rgba(198,255,238,0) 48%), radial-gradient(circle at 78% 19%,rgba(255,246,173,.62) 0 0,rgba(255,246,173,0) 42%), linear-gradient(145deg,#eafff8 0%,#fffbed 66%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4), html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4){ background: linear-gradient(180deg,rgba(255,255,255,0) 0 56%,rgba(255,255,255,.30) 61%,rgba(255,255,255,.86) 66%,rgba(255,255,255,.99) 72%,#fff 100%), radial-gradient(circle at 24% 20%,rgba(192,155,56,.74) 0 0,rgba(192,155,56,0) 45%), radial-gradient(circle at 84% 16%,rgba(213,237,255,.62) 0 0,rgba(213,237,255,0) 42%), linear-gradient(145deg,#fefaf1 0%,#f2fbff 66%,#fff 100%)!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-thumb, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ height:66%!important; min-height:66%!important; max-height:66%!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-name{ top:66%!important; height:34%!important; } } /* v1.0.160: mobile category images use one unified rule. All 4 category card photos are 4:3 cover images, not only Slow-Rise. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb{ position:relative!important; padding:0!important; margin:0!important; width:100%!important; max-width:100%!important; left:0!important; right:0!important; overflow:hidden!important; border-radius:28px 28px 0 0!important; background:transparent!important; box-shadow:none!important; line-height:0!important; } html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(n) .smoomi-mobile-collection-thumb img{ position:absolute!important; inset:0!important; left:0!important; top:0!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; min-width:100%!important; min-height:100%!important; object-fit:cover!important; object-position:center center!important; transform:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; filter:none!important; mix-blend-mode:normal!important; } } /* v1.0.170: mobile only - keep all four category labels at exactly the same responsive font size. No category source, card order, links, images, or homepage logic changes. */ @media (max-width:900px){ html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(1) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(2) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(3) .smoomi-mobile-collection-name, html body.smoomi-mobile-home-active .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name, html body .smoomi-mobile-home .smoomi-mobile-collections .smoomi-mobile-collection-card:nth-child(4) .smoomi-mobile-collection-name{ font-size:clamp(13px,3.45vw,15px)!important; line-height:1.08!important; letter-spacing:-.04em!important; } }