/* * SHERIFF SHOP UI frontend width rules are generated conditionally by * sheriff-shop-ui.php. An empty/default setting emits no CSS override, * allowing Clotya native layout rules to control the shop page. */ /* SHOP UI v1.0.23 — Theme Notification Bar text animations */ .sheriff-shop-ui-notification-fade { animation: sheriffShopUIFade 1.2s ease both; } .sheriff-shop-ui-notification-slide-left { animation: sheriffShopUISlideLeft .9s ease both; } .sheriff-shop-ui-notification-slide-right { animation: sheriffShopUISlideRight .9s ease both; } .sheriff-shop-ui-notification-pulse { animation: sheriffShopUIPulse 1.8s ease-in-out infinite; } .sheriff-shop-ui-notification-marquee { display: inline-block; white-space: nowrap; animation: sheriffShopUIMarquee 14s linear infinite; } .global-notification:has(.sheriff-shop-ui-notification-marquee), .header-row.header-topbar:has(.sheriff-shop-ui-notification-marquee) { overflow: hidden; } @keyframes sheriffShopUIFade { from { opacity: 0; } to { opacity: 1; } } @keyframes sheriffShopUISlideLeft { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } } @keyframes sheriffShopUISlideRight { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: translateX(0); } } @keyframes sheriffShopUIPulse { 0%,100% { opacity: 1; } 50% { opacity: .55; } } @keyframes sheriffShopUIMarquee { from { transform: translateX(100%); } to { transform: translateX(-100%); } } /* SHOP UI v1.0.26 — rendered Sticky Header Bar */ .sheriff-shop-ui-sticky-header { position:fixed; top:0; left:0; right:0; z-index:99998; box-sizing:border-box; align-items:center; } .sheriff-shop-ui-sticky-header-inner { width:100%; max-width:100%; display:flex; align-items:center; gap:10px; padding:8px 12px; box-sizing:border-box; } .sheriff-shop-ui-sticky-el { box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-width:0; } .sheriff-shop-ui-sticky-logo img { display:block; max-width:100%; width:auto; height:auto; object-fit:contain; } .sheriff-shop-ui-sticky-logo a { display:flex; align-items:center; } .sheriff-shop-ui-sticky-search { flex:1 1 auto; } .sheriff-shop-ui-sticky-search-inner { width:100%; } .sheriff-shop-ui-sticky-search form { margin:0; width:100%; display:flex; } .sheriff-shop-ui-sticky-search input[type="search"], .sheriff-shop-ui-sticky-search input[type="text"] { width:100%; min-height:38px; box-sizing:border-box; } .sheriff-shop-ui-sticky-icon a { position:relative; display:flex; align-items:center; justify-content:center; text-decoration:none; } .sheriff-shop-ui-sticky-icon i { font-size:22px; line-height:1; } .sheriff-shop-ui-sticky-icon .count { position:absolute; top:-7px; right:-9px; min-width:16px; height:16px; line-height:16px; padding:0 4px; border-radius:10px; font-size:9px; text-align:center; background:#dfbf8e; color:#fff; box-sizing:border-box; } /* v1.0.36: currency amount uses verified Clotya native typography unless a custom value is supplied. */ .sheriff-shop-ui-sticky-currency .sheriff-shop-ui-currency-amount, .sheriff-shop-ui-sticky-currency .sheriff-shop-ui-currency-amount *, .sheriff-shop-ui-sticky-currency .woocommerce-Price-amount, .sheriff-shop-ui-sticky-currency .woocommerce-Price-amount *, @media screen and (min-width:48rem) and (max-width:64.0625rem) { .sheriff-shop-ui-sticky-header[data-tablet="0"] { display:none !important; } } @media screen and (max-width:47.9375rem) { .sheriff-shop-ui-sticky-header[data-mobile="0"] { display:none !important; } } @media screen and (min-width:64.0625rem) { .sheriff-shop-ui-sticky-header { display:none !important; } } /* SHOP UI v1.0.27 — Sticky Header standard top-of-page structure */ .sheriff-shop-ui-sticky-header { position:sticky; top:0; left:auto; right:auto; width:100%; z-index:99990; box-sizing:border-box; align-items:center; } .sheriff-shop-ui-sticky-header-inner { width:100%; max-width:100%; display:flex; align-items:center; gap:10px; padding:8px 12px; box-sizing:border-box; } .sheriff-shop-ui-sticky-search { flex:1 1 auto; } .sheriff-shop-ui-sticky-search-icon { flex:0 0 auto; width:30px; display:flex; align-items:center; justify-content:center; font-size:18px; } .sheriff-shop-ui-sticky-search-inner { flex:1 1 auto; min-width:0; width:100%; } .sheriff-shop-ui-sticky-search form { margin:0; width:100%; display:flex; } .sheriff-shop-ui-sticky-search input[type="search"], .sheriff-shop-ui-sticky-search input[type="text"] { width:100%; min-height:38px; box-sizing:border-box; } .sheriff-shop-ui-sticky-icon i { font-style:normal; } @media screen and (min-width:48rem) and (max-width:64.0625rem) { .sheriff-shop-ui-sticky-header[data-tablet="0"] { display:none !important; } } @media screen and (max-width:47.9375rem) { .sheriff-shop-ui-sticky-header[data-mobile="0"] { display:none !important; } } @media screen and (min-width:64.0625rem) { .sheriff-shop-ui-sticky-header { display:none !important; } } /* v1.0.28 — two-row Sticky Header layout */ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-header-inner { display:block !important; width:100%; max-width:100%; padding:0 !important; box-sizing:border-box; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row { display:flex; align-items:center; width:100%; box-sizing:border-box; gap:10px; overflow:hidden; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row-1, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row-2 { min-height:44px; padding:4px 12px; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-el { display:flex; align-items:center; flex:0 0 auto; box-sizing:border-box; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-logo img { display:block; max-width:100%; height:auto; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search { flex:1 1 auto; min-width:0; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search-inner { min-width:0; flex:1 1 auto; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search-inner form { width:100%; margin:0; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search-inner input[type="search"] { width:100%; box-sizing:border-box; } @media screen and (min-width:48rem) and (max-width:64.0625rem){ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row { gap:12px; } } @media screen and (max-width:47.9375rem){ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row { gap:8px; padding-left:10px; padding-right:10px; } } /* SHOP UI v1.0.29 — two-row snap-grid Sticky Header */ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-header-inner{display:block!important;width:100%;max-width:100%;padding:0!important;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;width:100%;box-sizing:border-box;gap:0;overflow:hidden;padding:0 10px;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-grid-item{min-width:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search{width:100%;min-width:0;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search-inner{width:100%;min-width:0;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search form{width:100%;margin:0;display:flex;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search form .btn{display:inline-flex;align-items:center;justify-content:center;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-search input[type="search"]{width:100%;min-width:0;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-logo img{max-width:100%;height:auto;object-fit:contain;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .button-icon{position:relative;display:flex;align-items:center;justify-content:center;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .button-icon>a{display:flex;align-items:center;justify-content:center;text-decoration:none;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .count{position:absolute;top:-7px;right:-8px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:10px;font-size:9px;text-align:center;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon.wishlist-icon .count{background:#dfbf8e;color:#fff;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .cart-count{background:#dfbf8e;color:#fff;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-currency{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media screen and (min-width:64.0625rem){#sheriff-shop-ui-sticky-header[data-desktop="0"]{display:none!important;}#sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row{min-height:44px;}} @media screen and (min-width:48rem) and (max-width:64.0625rem){#sheriff-shop-ui-sticky-header[data-tablet="0"]{display:none!important;}#sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row{min-height:44px;}} @media screen and (max-width:47.9375rem){#sheriff-shop-ui-sticky-header[data-mobile="0"]{display:none!important;}#sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-row{min-height:44px;padding-left:6px;padding-right:6px;}} /* SHOP UI v1.0.32 — native Clotya-style search, icon colors and count labels */ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form{position:relative;display:flex!important;align-items:center;width:100%;margin:0;box-sizing:border-box;border:0;background:transparent;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form .sheriff-shop-ui-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-text,#000);pointer-events:none;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form .sheriff-shop-ui-search-icon i{font-size:1.25rem;line-height:1;color:inherit;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form input[type=search]{width:100%;min-width:0;height:2.25rem;min-height:2.25rem;padding-left:42px;padding-right:12px;border:1px solid var(--color-form-border,#ddd);border-radius:0;box-sizing:border-box;color:var(--color-text,#000);background:#fff;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form input[type=search]::-webkit-search-cancel-button{display:none;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form:hover .sheriff-shop-ui-search-icon,#sheriff-shop-ui-sticky-header .sheriff-shop-ui-native-search-form:focus-within .sheriff-shop-ui-search-icon{color:#ec733c;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon{color:var(--color-text,#000);} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon a{color:inherit!important;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon:hover, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon:hover a, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon:hover i{color:#ec733c!important;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .count{font-size:.625rem;font-weight:600;min-width:.9375rem;width:.9375rem;height:.9375rem;padding:0 2px;color:#fff;background-color:var(--color-primary,#ee403d);border:1px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:13px;box-sizing:border-box;position:absolute;top:1px;right:-4px;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon.wishlist-icon .count{top:1px;right:-4px;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .cart-count{top:0;right:-5px;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-currency{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--color-text,#000);} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:inherit;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon::before{font-size:20px;line-height:1;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-note::before{content:'₹';display:flex;width:22px;height:18px;border:1.5px solid currentColor;border-radius:2px;align-items:center;justify-content:center;font-size:12px;font-weight:600;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-coin::before{content:'₹';display:flex;width:21px;height:21px;border:2px solid currentColor;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:600;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-bag::before{content:'₹';display:flex;width:20px;height:17px;border:2px solid currentColor;border-radius:3px 3px 6px 6px;align-items:center;justify-content:center;font-size:10px;font-weight:600;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-stack::before{content:'₹';display:flex;width:21px;height:18px;border:2px solid currentColor;border-radius:50%;align-items:center;justify-content:center;font-size:9px;font-weight:600;box-shadow:0 4px 0 -2px #fff,0 4px 0 0 currentColor;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-wallet::before{content:'₹';display:flex;width:22px;height:16px;border:2px solid currentColor;border-radius:3px;align-items:center;justify-content:center;font-size:10px;font-weight:600;box-sizing:border-box;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-after .sheriff-shop-ui-currency-icon{order:2;} /* SHOP UI v1.0.32 — notification outlined bell, badge defaults and currency icon controls */ #sheriff-shop-ui-sticky-header .sheriff-outlined-bell{ position:relative;display:inline-block;width:22px;height:22px;color:inherit;font-size:0; } #sheriff-shop-ui-sticky-header .sheriff-outlined-bell::before{ content:'';position:absolute;left:4px;top:3px;width:12px;height:13px;border:2px solid currentColor;border-radius:8px 8px 4px 4px;box-sizing:border-box; } #sheriff-shop-ui-sticky-header .sheriff-outlined-bell::after{ content:'';position:absolute;left:2px;top:15px;width:16px;height:5px;border-bottom:2px solid currentColor;border-radius:0 0 9px 9px;box-shadow:5px 3px 0 -2px currentColor; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .count, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon.wishlist-icon .count, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-icon .cart-count{background:#ec733c;color:#fff;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon{--sheriff-currency-fill:transparent;--sheriff-currency-outline:currentColor;--sheriff-currency-symbol:currentColor;--sheriff-currency-line:1.5px;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-note::before, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-coin::before, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-bag::before, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-stack::before, #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-wallet::before{background:var(--sheriff-currency-fill);border-color:var(--sheriff-currency-outline);color:var(--sheriff-currency-symbol);border-width:var(--sheriff-currency-line);} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-note::before{width:calc(22px * var(--sheriff-currency-scale,1));height:calc(18px * var(--sheriff-currency-scale,1));font-size:calc(12px * var(--sheriff-currency-scale,1));} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-coin::before{width:calc(21px * var(--sheriff-currency-scale,1));height:calc(21px * var(--sheriff-currency-scale,1));font-size:calc(11px * var(--sheriff-currency-scale,1));} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-bag::before{width:calc(20px * var(--sheriff-currency-scale,1));height:calc(17px * var(--sheriff-currency-scale,1));font-size:calc(10px * var(--sheriff-currency-scale,1));} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-stack::before{width:calc(21px * var(--sheriff-currency-scale,1));height:calc(18px * var(--sheriff-currency-scale,1));font-size:calc(9px * var(--sheriff-currency-scale,1));} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon-currency-wallet::before{width:calc(22px * var(--sheriff-currency-scale,1));height:calc(16px * var(--sheriff-currency-scale,1));font-size:calc(10px * var(--sheriff-currency-scale,1));} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon[data-size="small"],#sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon[style*="--sheriff-currency-size:small"]{--sheriff-currency-scale:.8;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon[style*="--sheriff-currency-size:medium"]{--sheriff-currency-scale:1;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon[style*="--sheriff-currency-size:large"]{--sheriff-currency-scale:1.2;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon[style*="--sheriff-currency-size:xlarge"]{--sheriff-currency-scale:1.4;} #sheriff-shop-ui-sticky-header .sheriff-shop-ui-currency-icon[style*="--sheriff-currency-size:xxlarge"]{--sheriff-currency-scale:1.6;} /* SHOP UI v1.0.35 — reliable Sticky Border collapsible state */ .sheriff-shop-ui-wrap .sheriff-shop-ui-sticky-border-section:not(.is-open) > .sheriff-shop-ui-collapsible-content { display:none !important; } .sheriff-shop-ui-wrap .sheriff-shop-ui-sticky-border-section.is-open > .sheriff-shop-ui-collapsible-content { display:block !important; } /* SHOP UI v1.0.44 — Currency Amount typography controls. Empty/default means native Clotya CSS. */ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-el.sheriff-shop-ui-sticky-currency .woocommerce-Price-amount.amount bdi { font-size: var(--sheriff-sticky-currency-font-size) !important; font-weight: var(--sheriff-sticky-currency-font-weight) !important; color: var(--sheriff-sticky-currency-font-color) !important; } /* SHOP UI v1.0.46 — Clotya-matched Burger Menu */ #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-burger .toggle-menu { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2.25rem; font-size: 1.25rem; color: inherit; text-decoration: none; box-sizing: border-box; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-burger .toggle-menu i { font-size: 1.3125rem; line-height: 1; font-style: normal; color: inherit; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-burger .toggle-menu i::before { margin: 0; } #sheriff-shop-ui-sticky-header .sheriff-shop-ui-sticky-burger .toggle-menu:hover { color: inherit; } /* SHOP UI v1.0.47 — Sticky Footer Bar */ #sheriff-shop-ui-sticky-footer{position:fixed;left:0;right:0;bottom:0;z-index:99998;width:100%;box-sizing:border-box;display:block;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.08);} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-sticky-footer-row{display:flex;align-items:stretch;justify-content:space-around;width:100%;min-height:54px;box-sizing:border-box;} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-text,#1c4e59);font-size:12px;} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item .dashicons{font-size:20px;width:20px;height:20px;line-height:20px;} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item small{font-size:10px;line-height:1.2;} @media screen and (min-width:64.0625rem){#sheriff-shop-ui-sticky-footer{display:block;} } @media screen and (min-width:48rem) and (max-width:64.0625rem){#sheriff-shop-ui-sticky-footer{display:block;} } @media screen and (max-width:47.9375rem){#sheriff-shop-ui-sticky-footer{display:block;} } @media screen and (min-width:64.0625rem){#sheriff-shop-ui-sticky-footer .sheriff-shop-ui-sticky-footer-device{display:none!important;}#sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-device-desktop{display:block!important;}} @media screen and (min-width:48rem) and (max-width:64.0625rem){#sheriff-shop-ui-sticky-footer .sheriff-shop-ui-sticky-footer-device{display:none!important;}#sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-device-tablet{display:block!important;}} @media screen and (max-width:47.9375rem){#sheriff-shop-ui-sticky-footer .sheriff-shop-ui-sticky-footer-device{display:none!important;}#sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-device-mobile{display:block!important;}} /* SHOP UI v1.0.50 — Sticky Footer element appearance controls */ #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item{color:var(--sheriff-footer-icon-color,var(--color-text,#1c4e59));position:relative;transition:color .2s ease,transform .2s ease,border-color .2s ease;box-sizing:border-box;} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item .sheriff-shop-ui-footer-icon{font-size:var(--sheriff-footer-icon-size,20px);width:var(--sheriff-footer-icon-size,20px);height:var(--sheriff-footer-icon-size,20px);line-height:var(--sheriff-footer-icon-size,20px);color:inherit;} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item.is-active{color:var(--sheriff-footer-active-color,#ec733c);} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item.is-animated-pulse{animation:sheriffShopUIFooterPulse 1.6s ease-in-out infinite;} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item.is-animated-scale{transform:scale(1.06);} #sheriff-shop-ui-sticky-footer .sheriff-shop-ui-footer-item.is-animated-underline::after{content:'';position:absolute;left:25%;right:25%;bottom:2px;height:2px;border-radius:2px;background:currentColor;} @keyframes sheriffShopUIFooterPulse{0%,100%{opacity:1;}50%{opacity:.58;}} /* SHOP UI v1.0.51 — final device visibility authority for Sticky Header/Footer */ @media screen and (min-width:64.0625rem){ #sheriff-shop-ui-sticky-header[data-desktop="1"],#sheriff-shop-ui-sticky-footer[data-desktop="1"]{display:block!important;visibility:visible!important;} #sheriff-shop-ui-sticky-header[data-desktop="0"],#sheriff-shop-ui-sticky-footer[data-desktop="0"]{display:none!important;visibility:hidden!important;} } @media screen and (min-width:48rem) and (max-width:64.0624rem){ #sheriff-shop-ui-sticky-header[data-tablet="1"],#sheriff-shop-ui-sticky-footer[data-tablet="1"]{display:block!important;visibility:visible!important;} #sheriff-shop-ui-sticky-header[data-tablet="0"],#sheriff-shop-ui-sticky-footer[data-tablet="0"]{display:none!important;visibility:hidden!important;} } @media screen and (max-width:47.9375rem){ #sheriff-shop-ui-sticky-header[data-mobile="1"],#sheriff-shop-ui-sticky-footer[data-mobile="1"]{display:block!important;visibility:visible!important;} #sheriff-shop-ui-sticky-header[data-mobile="0"],#sheriff-shop-ui-sticky-footer[data-mobile="0"]{display:none!important;visibility:hidden!important;} } /* SHOP UI v1.0.54 — device visibility is controlled exclusively by data attributes. */ #sheriff-shop-ui-sticky-header, #sheriff-shop-ui-sticky-footer { visibility: hidden; }