@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,800&family=Nunito:wght@600;700;800&display=swap"); :root{--fg-ink:#1a2230;--fg-mute:#5a6578;--fg-paper:#f0f4fa;--fg-snow:#fff;--fg-mint:#dff5ef;--fg-peach:#ffe8df;--fg-fuel:#ff6a45;--fg-fuel-deep:#e8522f;--fg-line:rgba(26,34,48,.1);--fg-font:"Nunito",system-ui,sans-serif;--fg-display:"Bricolage Grotesque","Nunito",sans-serif} /* === NEVER show Apple Pay / Google Pay express on product pages === */ body.single-product #wcpay-express-checkout-element, body.single-product .wcpay-express-checkout-wrapper, body.single-product #wcpay-payment-request-wrapper, body.single-product .wcpay-payment-request-wrapper, body.single-product #wcpay-payment-request-button-separator, body.single-product .wcpay-payment-request-button-separator, body.single-product #wcpay-express-checkout-button-separator, body.single-product .wcpay-express-checkout-button-separator, body.single-product .woocommerce-PaymentsPRB, body.single-product .wc-block-components-express-payment, body.single-product .wc-block-components-express-payment__event-buttons, body.single-product .wp-block-woocommerce-express-payment-block, body.single-product #wc-stripe-payment-request-wrapper, body.single-product .wc-stripe-payment-request-wrapper, body.single-product #wc-stripe-payment-request-button-separator, body.single-product .ApplePay-button, body.single-product apple-pay-button, body.single-product .gpay-button, body.single-product button.gpay-card-info-container, body.single-product [id*="express-checkout"], body.single-product [class*="express-checkout"], body.single-product [id*="payment-request"], body.single-product [class*="payment-request-button"], body.single-product .fidgely-express-slot, body.single-product #payment-method-message, body.single-product .StripeElement, body.single-product .__PrivateStripeElement{ display:none!important;visibility:hidden!important;opacity:0!important; height:0!important;max-height:0!important;min-height:0!important;width:0!important;max-width:0!important; margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important; border:0!important;position:absolute!important;left:-9999px!important;clip:rect(0,0,0,0)!important; } /* NEVER show WooPayments / WooCommerce purple geo-currency bar — anywhere on PDP */ .woocommerce-store-notice, .woocommerce-store-notice.demo_store, p.woocommerce-store-notice, .woocommerce-store-notice__dismiss, body .woocommerce-store-notice{ display:none!important;visibility:hidden!important;opacity:0!important; height:0!important;max-height:0!important;min-height:0!important;width:0!important;max-width:0!important; margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important; border:0!important;position:static!important;clip:rect(0,0,0,0)!important; } /* Paint site-title as Fidgely logo; hide only when a real Site Logo image exists */ .wp-block-site-title,.wp-block-site-title a, .hostinger-ai-site-title,.hostinger-ai-site-title a, .site-title,.site-title a, p.wp-block-site-title,p.hostinger-ai-site-title{ display:inline-block!important;visibility:visible!important;pointer-events:auto!important; font-size:0!important;line-height:0!important;color:transparent!important; text-indent:0!important;overflow:hidden!important;opacity:1!important; width:min(16rem,70vw)!important;height:3.1rem!important; max-width:min(16rem,70vw)!important;max-height:3.1rem!important; margin:0!important;padding:0!important; position:relative!important;left:auto!important;clip:auto!important; background:url(https://fidgely.com/wp-content/uploads/2026/08/9641696d-ad6a-4229-9822-6dad291c12e9.png) left center/contain no-repeat!important; } header:has(.wp-block-site-logo img) .wp-block-site-title, header:has(.wp-block-site-logo img) .wp-block-site-title a, header:has(.wp-block-site-logo img) .hostinger-ai-site-title, header:has(.wp-block-site-logo img) .hostinger-ai-site-title a, header:has(.wp-block-site-logo img) .site-title, header:has(.wp-block-site-logo img) .site-title a, .wp-site-blocks>header:has(.wp-block-site-logo img) .wp-block-site-title, .hostinger-ai-menu:has(.wp-block-site-logo img) .wp-block-site-title, .hostinger-ai-menu:has(.wp-block-site-logo img) .hostinger-ai-site-title{ display:none!important;background:none!important;background-image:none!important; width:0!important;height:0!important;max-width:0!important;max-height:0!important; opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important; clip:rect(0,0,0,0)!important; } .custom-logo-link img.custom-logo,.custom-logo-link img.fg-theme-logo,img.custom-logo, .wp-block-site-logo img,a.fg-brand img{ height:3.1rem!important;width:auto!important;max-width:min(16rem,70vw)!important;object-fit:contain!important;display:block!important; } a.fg-brand{display:inline-flex!important;align-items:center!important;text-decoration:none!important;line-height:0!important} /* Kill WooCommerce / Blocks "Sale!" badges everywhere (no clipped corner badges) */ span.onsale, .onsale, li.product span.onsale, .woocommerce span.onsale, .woocommerce-product-gallery span.onsale, .wp-block-woocommerce-product-image-gallery span.onsale, .wp-block-woocommerce-product-sale-badge, .wc-block-components-product-sale-badge, .wc-block-components-product-sale-badge__text, .wc-block-grid__product-onsale, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-right, .wc-block-components-product-image .wc-block-components-product-sale-badge--align-left{ display:none!important;visibility:hidden!important;opacity:0!important; width:0!important;height:0!important;min-width:0!important;min-height:0!important; margin:0!important;padding:0!important;border:0!important;overflow:hidden!important; position:absolute!important;left:-9999px!important;top:auto!important;right:auto!important;bottom:auto!important; clip:rect(0,0,0,0)!important;pointer-events:none!important;font-size:0!important;line-height:0!important; background:none!important;box-shadow:none!important;transform:none!important; } span.onsale::before,span.onsale::after,.onsale::before,.onsale::after, .wc-block-components-product-sale-badge::before,.wc-block-components-product-sale-badge::after, .wc-block-grid__product-onsale::before,.wc-block-grid__product-onsale::after{ content:none!important;display:none!important; } body.single-product{font-family:var(--fg-font)!important;color:var(--fg-ink)!important;background:radial-gradient(900px 480px at 8% -5%,var(--fg-peach),transparent 60%),radial-gradient(800px 420px at 95% 8%,var(--fg-mint),transparent 55%),var(--fg-paper)!important} body.single-product .wp-site-blocks > header,body.single-product header.wp-block-template-part{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--fg-line)!important;position:sticky;top:0;z-index:50} body.single-product main.wp-block-group{width:min(1240px,calc(100% - 2rem))!important;margin:1.5rem auto 3rem!important;max-width:none!important} body.single-product .wp-block-columns.alignwide{gap:2rem!important;background:#fff!important;border:1px solid var(--fg-line)!important;border-radius:28px!important;padding:1.35rem!important;box-shadow:0 18px 42px rgba(26,34,48,.08)!important;align-items:start!important} body.single-product .wp-block-columns.alignwide > .wp-block-column{display:flex!important;flex-direction:column!important;min-width:0!important} body.single-product .wp-block-columns.alignwide > .wp-block-column:first-child{flex:1 1 0!important} body.single-product .zoomImg{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important} body.single-product .woocommerce-product-gallery,body.single-product .wp-block-woocommerce-product-image-gallery{border-radius:22px!important;overflow:hidden!important;background:#fff!important;align-self:start!important;position:relative!important;width:100%!important;flex:0 0 auto!important;min-height:0!important;height:auto!important} body.single-product .woocommerce-product-gallery__image img,body.single-product .wp-block-woocommerce-product-image-gallery img,body.single-product .woocommerce-product-gallery img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#fff!important;margin:0!important} body.single-product .woocommerce-product-gallery .flex-viewport{height:auto!important;max-height:none!important} /* Kill leftover BNPL / express Stripe iframe that leaves a white gap under the title */ body.single-product #payment-method-message, body.single-product .StripeElement, body.single-product .__PrivateStripeElement, body.single-product iframe[name^="__privateStripeFrame"]{ display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important; margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important; position:absolute!important;left:-9999px!important;clip:rect(0,0,0,0)!important; } /* Compact PDP stack: no big theme gaps between title / hint / excerpt / options */ body.single-product .wp-block-columns.alignwide > .wp-block-column:last-child > *{ margin-block-start:0!important;margin-top:0!important; } body.single-product .wp-block-post-title,body.single-product h1.product_title{ font-family:var(--fg-display)!important;font-weight:800!important;letter-spacing:-.03em!important; font-size:clamp(1.85rem,4vw,2.65rem)!important;line-height:1.05!important;margin:0 0 .35rem!important; } body.single-product .wp-block-woocommerce-product-price,body.single-product p.price{color:var(--fg-fuel)!important;font-weight:800!important;font-size:1.4rem!important;margin:0 0 .45rem!important} /* Variable: hide parent price until a variation is chosen — MAIN product only */ body.single-product.product-type-variable .wp-block-woocommerce-product-price{display:none!important} body.single-product.product-type-variable .wp-block-post-title::after{content:"Select an option to see the price";display:block;margin:.3rem 0 .45rem;font-family:var(--fg-font);font-size:.98rem;font-weight:700;letter-spacing:0;color:var(--fg-mute);line-height:1.35} /* One hint only — hide JS duplicate from Shop UI plugin */ body.single-product .fidgely-price-hint{display:none!important} /* Related / collection cards must keep real prices and never show the PDP hint */ body.single-product .wc-block-product .wp-block-post-title::after, body.single-product .wp-block-woocommerce-product-collection .wp-block-post-title::after, body.single-product .related.products .wp-block-post-title::after{ content:none!important;display:none!important;margin:0!important;padding:0!important;font-size:0!important;height:0!important;overflow:hidden!important } body.single-product .wc-block-product .wp-block-woocommerce-product-price, body.single-product .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price, body.single-product .related.products .price, body.single-product .wc-block-product .wc-block-components-product-price{ display:block!important } /* When variation selected: hide hint; show variation price OR parent price (WC leaves price_html empty when all variants share one price) */ body.single-product.product-type-variable.fidgely-variation-selected .wp-block-post-title::after, body.single-product.product-type-variable:has(.woocommerce-variation-price .amount) .wp-block-post-title::after, body.single-product.product-type-variable:has(.woocommerce-variation-add-to-cart-enabled) .wp-block-post-title::after{display:none!important} body.single-product.product-type-variable.fidgely-variation-selected:not(:has(.woocommerce-variation-price .amount)) .wp-block-woocommerce-product-price, body.single-product.product-type-variable:has(.woocommerce-variation-add-to-cart-enabled):not(:has(.woocommerce-variation-price .amount)) .wp-block-woocommerce-product-price{display:block!important} /* Re-assert related prices after the variable show/hide rules */ body.single-product .wc-block-product .wp-block-woocommerce-product-price, body.single-product .wc-block-product .wc-block-components-product-price{display:block!important} body.single-product .woocommerce-variation-price, body.single-product .woocommerce-variation-price .price{display:block!important;color:var(--fg-fuel)!important;font-weight:800!important;font-size:1.4rem!important;margin:.2rem 0 .55rem!important} body.single-product .woocommerce-variation-price .price del{color:var(--fg-mute)!important;opacity:.85;font-size:.92em!important;font-weight:700!important} body.single-product .woocommerce-variation-price .price ins{text-decoration:none!important;color:var(--fg-fuel)!important} body.single-product .wp-block-post-excerpt{color:var(--fg-mute)!important;font-weight:600!important;line-height:1.45!important;margin:0 0 .65rem!important} body.single-product .wp-block-post-excerpt p{margin:0!important} body.single-product .wp-block-add-to-cart-form, body.single-product .wc-block-add-to-cart-form{margin:0!important} body.single-product table.variations{margin:0 0 .65rem!important} body.single-product .single_add_to_cart_button,body.single-product .wp-block-button__link{background:var(--fg-fuel)!important;border:0!important;color:#fff!important;font-weight:800!important;border-radius:999px!important;min-height:3.05rem!important;padding:.75rem 1.45rem!important;box-shadow:0 12px 28px rgba(255,106,69,.34)!important} body.single-product .qty{border-radius:14px!important;border:1px solid rgba(26,34,48,.12)!important;min-height:2.85rem!important;font-weight:700!important} body.single-product .taxonomy-product_tag,body.single-product .tagged_as,body.single-product .taxonomy-product_cat,body.single-product .wp-block-post-terms,body.single-product .wp-block-woocommerce-product-sku,body.single-product .sku_wrapper,body.single-product .wp-block-woocommerce-product-meta{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} body.single-product #reviews,body.single-product .woocommerce-Reviews,body.single-product #tab-title-reviews,body.single-product .reviews_tab,body.single-product .comment-respond,body.single-product .wp-block-woocommerce-product-rating,body.single-product ul.tabs.wc-tabs,body.single-product .woocommerce-tabs ul.tabs{display:none!important} body.single-product .wp-block-woocommerce-product-collection:not(:has(.wc-block-product)){display:none!important} body.single-product .wp-block-woocommerce-product-details{margin-top:2rem!important;background:#fff!important;border:1px solid var(--fg-line)!important;border-radius:24px!important;padding:1.4rem 1.55rem!important;box-shadow:0 12px 30px rgba(26,34,48,.05)!important} body.single-product .wp-block-woocommerce-product-details h2,body.single-product .wp-block-woocommerce-product-collection h2{font-family:var(--fg-display)!important;font-weight:800!important} /* Related products — equal-height cards, real prices, aligned CTAs */ body.single-product .wp-block-woocommerce-product-collection, body.single-product .related.products{margin-top:2.5rem!important} body.single-product .wp-block-woocommerce-product-collection > h2, body.single-product .related.products > h2{ font-family:var(--fg-display)!important;font-weight:800!important;font-size:clamp(1.5rem,3vw,2rem)!important; letter-spacing:-.02em!important;margin:0 0 1.15rem!important;color:var(--fg-ink)!important } body.single-product .wp-block-woocommerce-product-collection .wc-block-product-template, body.single-product .related.products ul.products{ display:flex!important;flex-wrap:wrap!important;gap:1.1rem!important;align-items:stretch!important; list-style:none!important;margin:0!important;padding:0!important;width:100%!important } body.single-product .wp-block-woocommerce-product-collection .wc-block-product, body.single-product .related.products li.product{ display:flex!important;flex-direction:column!important;align-items:stretch!important; flex:1 1 calc(25% - .85rem)!important;min-width:12.5rem!important;max-width:100%!important; box-sizing:border-box!important;height:auto!important; background:#fff!important;border:1px solid var(--fg-line)!important;border-radius:22px!important; overflow:hidden!important;padding:0 0 1rem!important; box-shadow:0 10px 24px rgba(26,34,48,.06)!important;list-style:none!important;margin:0!important } @media(max-width:900px){ body.single-product .wp-block-woocommerce-product-collection .wc-block-product, body.single-product .related.products li.product{flex:1 1 calc(50% - .6rem)!important;min-width:0!important} } @media(max-width:640px){ body.single-product .wp-block-woocommerce-product-collection, body.single-product .related.products{margin-top:1.5rem!important} body.single-product .wp-block-woocommerce-product-collection > h2, body.single-product .related.products > h2{ font-size:1.15rem!important;margin:0 0 .85rem!important } body.single-product .wp-block-woocommerce-product-collection .wc-block-product-template, body.single-product .related.products ul.products{ display:grid!important;grid-template-columns:1fr 1fr!important;gap:.65rem!important;flex-wrap:unset!important } body.single-product .wp-block-woocommerce-product-collection .wc-block-product, body.single-product .related.products li.product{ flex:none!important;width:auto!important;min-width:0!important;max-width:none!important; border-radius:16px!important;padding:0!important; box-shadow:0 8px 18px rgba(26,34,48,.08)!important } body.single-product .wc-block-product .wc-block-components-product-image, body.single-product .related.products li.product > a:first-child{ display:block!important;aspect-ratio:1/1!important;background:#fff!important;overflow:hidden!important } body.single-product .wc-block-product .wc-block-components-product-image img, body.single-product .related.products li.product img{ width:100%!important;height:100%!important;aspect-ratio:1/1!important; object-fit:contain!important;object-position:center!important; padding:.35rem!important;box-sizing:border-box!important;background:#fff!important } body.single-product .wc-block-product .wp-block-post-title, body.single-product .related.products .woocommerce-loop-product__title{ font-size:.78rem!important;line-height:1.2!important;margin:.45rem .55rem .2rem!important; min-height:0!important;max-height:2.4em!important;-webkit-line-clamp:2;line-clamp:2 } body.single-product .wc-block-product .wp-block-woocommerce-product-price, body.single-product .wc-block-product .wc-block-components-product-price, body.single-product .related.products .price{ margin:0 .55rem .55rem!important;font-size:.82rem!important } body.single-product .wc-block-product .wc-block-components-product-button, body.single-product .wc-block-product .wp-block-button, body.single-product .related.products .button, body.single-product .related.products a.button, body.single-product .wc-block-product .wp-block-button__link, body.single-product .wc-block-product .wc-block-components-product-button__button{ display:none!important } } @media(max-width:560px){ /* keep 2-col thumbs — do not stretch to full width */ body.single-product .wp-block-woocommerce-product-collection .wc-block-product, body.single-product .related.products li.product{flex:none!important;width:auto!important} } body.single-product .wc-block-product .wc-block-components-product-image, body.single-product .related.products li.product img{ width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;display:block!important;margin:0!important } body.single-product .wc-block-product .wc-block-components-product-image a{display:block!important;line-height:0!important} body.single-product .wc-block-product .wc-block-components-product-image img{ width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important } body.single-product .wc-block-product .wp-block-post-title, body.single-product .related.products .woocommerce-loop-product__title{ font-family:var(--fg-display)!important;font-weight:800!important;font-size:1.02rem!important; line-height:1.25!important;letter-spacing:-.02em!important;color:var(--fg-ink)!important; margin:.85rem 1rem .4rem!important;text-align:left!important; min-height:2.5em;max-height:2.5em;overflow:hidden!important; display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2 } body.single-product .wc-block-product .wp-block-woocommerce-product-price, body.single-product .wc-block-product .wc-block-components-product-price, body.single-product .related.products .price{ margin:0 1rem .55rem!important;padding:0!important;text-align:left!important; color:var(--fg-fuel)!important;font-weight:800!important;font-size:1.05rem!important;line-height:1.3!important } body.single-product .wc-block-product .wp-block-woocommerce-product-price del, body.single-product .wc-block-product .wc-block-components-product-price del{ color:var(--fg-mute)!important;opacity:.85;font-size:.9em!important;font-weight:700!important } body.single-product .wc-block-product .wc-block-components-product-button, body.single-product .wc-block-product .wp-block-button, body.single-product .related.products .button{ margin-top:auto!important;margin-left:1rem!important;margin-right:1rem!important;margin-bottom:0!important; width:calc(100% - 2rem)!important;align-self:stretch!important } body.single-product .wc-block-product .wp-block-button__link, body.single-product .wc-block-product .wc-block-components-product-button__button, body.single-product .related.products a.button{ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;box-sizing:border-box!important; background:var(--fg-fuel)!important;border:0!important;color:#fff!important; font-weight:800!important;border-radius:999px!important;min-height:2.75rem!important; padding:.55rem 1rem!important;box-shadow:0 10px 22px rgba(255,106,69,.28)!important; text-decoration:none!important;font-size:.92rem!important } body.single-product .wc-block-product .wp-block-button__link:hover, body.single-product .wc-block-product .wc-block-components-product-button__button:hover{background:var(--fg-fuel-deep)!important;color:#fff!important} body.single-product table.variations,body.single-product table.variations tbody,body.single-product table.variations tr{display:block!important;width:100%!important} body.single-product table.variations{width:100%;border:0} body.single-product table.variations th.label{display:block!important;width:100%!important;padding:0 0 .55rem;font-family:var(--fg-display);font-weight:800;font-size:1rem;color:var(--fg-ink);text-align:left} body.single-product table.variations td.value{display:block!important;width:100%!important;padding:0} body.single-product select.fidgely-native-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;opacity:0!important;pointer-events:none!important} /* Desktop: scroll container + 4-col track; only ~2 rows visible */ body.single-product .fidgely-swatches{ display:block!important;margin:.15rem 0 .35rem;width:100%!important;max-width:100%!important;min-width:0!important; max-height:calc(2 * 5.85rem + .65rem)!important; overflow-x:hidden!important;overflow-y:auto!important; -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain; scrollbar-gutter:stable;scrollbar-width:thin;padding:.2rem .35rem .2rem .1rem;box-sizing:border-box!important; } body.single-product .fidgely-swatches:has(.fidgely-swatch--thumb){ max-height:calc(2 * 5.1rem + .55rem)!important; } body.single-product .fidgely-swatches.fidgely-swatches--scroll, body.single-product .fidgely-swatches.fidgely-swatches--scroll:has(.fidgely-swatch--thumb){ overflow-y:auto!important; } body.single-product .fidgely-swatches-track{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.65rem!important; width:100%!important;box-sizing:border-box!important; } body.single-product .fidgely-swatches::-webkit-scrollbar{width:8px} body.single-product .fidgely-swatches::-webkit-scrollbar-thumb{background:rgba(26,34,48,.28);border-radius:999px} body.single-product table.variations, body.single-product table.variations tbody, body.single-product table.variations tr, body.single-product table.variations td.value{ display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important } body.single-product .fidgely-swatch{appearance:none;border:2px solid rgba(26,34,48,.12);background:#fff;border-radius:16px;padding:.35rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:0;box-sizing:border-box;width:100%} body.single-product .fidgely-swatch.fidgely-swatch--thumb{min-height:0;gap:0;padding:.28rem} body.single-product .fidgely-swatch img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block;background:linear-gradient(135deg,var(--fg-peach),var(--fg-mint))} body.single-product .fidgely-swatch-name{font-size:.68rem;font-weight:700;line-height:1.2;color:var(--fg-mute);text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} body.single-product .fidgely-swatch:hover{border-color:rgba(255,106,69,.55);transform:translateY(-2px)} body.single-product .fidgely-swatch.is-selected{border-color:var(--fg-fuel);box-shadow:0 0 0 3px rgba(255,106,69,.22)} body.single-product .fidgely-swatch-hint{display:none} body.single-product footer.wp-block-template-part, body.single-product .wp-block-template-part[data-area="footer"], body.single-product .hostinger-reach-block, body.single-product .wp-block-hostinger-reach-subscription, body.single-product [class*="hostinger-reach"]{display:none!important} body.single-product .fg-sitefoot{margin-top:2.8rem;background:var(--fg-ink);color:rgba(251,252,253,.9);padding:2.5rem 0 2rem;border-radius:28px 28px 0 0;font-family:var(--fg-font)} body.single-product .fg-sitefoot a{color:rgba(251,252,253,.9)!important;text-decoration:none} body.single-product .fg-sitefoot a:hover{color:#fff!important} body.single-product .fg-sitefoot__grid{width:min(1240px,calc(100% - 2rem));margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem} body.single-product .fg-sitefoot__brand{margin:0 0 1rem} body.single-product .fg-sitefoot__brand img{height:5.75rem!important;width:5.75rem!important;max-width:none!important;object-fit:cover;display:block;border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.3)} body.single-product .fg-sitefoot__tag{margin:0;line-height:1.35;font-size:1.15rem;max-width:18ch;opacity:.92;font-weight:800} body.single-product .fg-sitefoot h3{margin:0 0 .85rem;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)} body.single-product .fg-sitefoot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-weight:700} body.single-product .fg-sitefoot__bar{width:min(1240px,calc(100% - 2rem));margin:2rem auto 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;align-items:center;justify-content:space-between;font-size:.86rem;opacity:.78;font-weight:600} body.single-product .fg-sitefoot__bar a{text-decoration:underline;text-underline-offset:3px} body.single-product .fg-sitefoot__legal{width:100%;margin:.15rem 0 0;font-size:.78rem;line-height:1.45;opacity:.7;font-weight:600;max-width:68ch} @media (max-width:980px){body.single-product .fg-sitefoot__grid{grid-template-columns:1fr 1fr}} @media (max-width:781px){ html,body{max-width:100vw!important;overflow-x:clip!important} body.single-product .wp-site-blocks, body.single-product main.wp-block-group, body.single-product .wp-block-columns, body.single-product .wp-block-column{ max-width:100%!important;min-width:0!important;box-sizing:border-box!important; } body.single-product main.wp-block-group{ width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important; margin-left:auto!important;margin-right:auto!important;overflow-x:hidden!important;box-sizing:border-box!important; } body.single-product .wp-block-columns.alignwide{ padding:1rem!important;border-radius:22px!important;overflow:hidden!important; width:100%!important;max-width:100%!important;box-sizing:border-box!important; } body.single-product .woocommerce-product-gallery, body.single-product .wp-block-woocommerce-product-image-gallery{ height:auto!important;min-height:0!important;flex:none!important; } body.single-product .woocommerce-product-gallery__wrapper, body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image a{ display:block!important;height:auto!important;flex:none!important; } body.single-product .woocommerce-product-gallery__image img, body.single-product .wp-block-woocommerce-product-image-gallery img, body.single-product .woocommerce-product-gallery img{ height:auto!important;max-height:none!important; } body.single-product .wp-block-column{ width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important; } body.single-product form.cart, body.single-product form.variations_form, body.single-product table.variations, body.single-product table.variations tbody, body.single-product table.variations tr, body.single-product table.variations td.value, body.single-product .woocommerce-variation-add-to-cart{ max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important; } body.single-product table.variations td.value{overflow:hidden!important;contain:inline-size} body.single-product .wp-block-columns.alignwide{overflow-x:visible!important;overflow-y:visible!important} /* Mobile: one horizontal row — scroll inside .fidgely-swatches, not the table cell */ body.single-product .fidgely-swatches, body.single-product .fidgely-swatches.fidgely-swatches--scroll{ display:block!important; width:100%!important;max-width:100%!important;min-width:0!important; max-height:none!important;height:auto!important; overflow-x:auto!important;overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;overscroll-behavior-x:contain; scroll-snap-type:x proximity; gap:0!important;padding:.15rem 0 .45rem;margin:.15rem 0 .35rem;scrollbar-width:none; box-sizing:border-box!important;position:relative;z-index:2; grid-template-columns:none!important; } body.single-product .fidgely-swatches::-webkit-scrollbar{display:none} body.single-product .fidgely-swatches-track{ display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important; gap:.5rem!important;width:max-content!important;min-width:0!important; } body.single-product .fidgely-swatches.fidgely-swatches--more{ mask-image:linear-gradient(90deg,#000 0%,#000 82%,transparent 100%); -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 82%,transparent 100%); } body.single-product .fidgely-swatch{ flex:0 0 5.5rem!important;width:5.5rem!important;min-width:5.5rem!important;max-width:5.5rem!important; min-height:0!important;height:auto!important;padding:.28rem!important;border-radius:14px!important; scroll-snap-align:start;box-sizing:border-box!important;overflow:hidden!important; } body.single-product .fidgely-swatch img{ width:100%!important;max-width:100%!important;height:auto!important;max-height:5rem!important; aspect-ratio:1/1!important;object-fit:cover!important;border-radius:10px!important;display:block!important; } body.single-product .fidgely-swatch-name{font-size:.62rem!important} body.single-product .fidgely-swatch-hint{display:block;margin:0 0 .35rem;font-size:.72rem;font-weight:800;color:var(--fg-mute);text-align:center} body.single-product .fidgely-swatch-hint span{display:inline-block} body.single-product .woocommerce-variation-add-to-cart{ display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important; gap:.55rem!important;width:var(--fg-panel,100%)!important;max-width:100%!important;box-sizing:border-box!important; } body.single-product .woocommerce-variation-add-to-cart .quantity{ flex:0 0 4.25rem!important;width:4.25rem!important;max-width:4.25rem!important;min-width:4.25rem!important; } body.single-product .woocommerce-variation-add-to-cart .qty{width:100%!important;max-width:100%!important;box-sizing:border-box!important} body.single-product .single_add_to_cart_button{ flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:100%!important; min-height:3.05rem!important;height:auto!important;padding:.75rem 1rem!important; white-space:normal!important;font-size:.95rem!important;line-height:1.2!important; } body.single-product .fg-sitefoot__grid{grid-template-columns:1fr} body.single-product .fg-sitefoot{border-radius:24px 24px 0 0} body.single-product .wp-block-column:has(.wp-block-post-title),body.single-product .wp-block-column:has(h1.product_title){display:flex!important;flex-direction:column!important} body.single-product .wp-block-add-to-cart-form,body.single-product .wc-block-add-to-cart-form{order:-1!important;margin:0 0 .85rem!important} body.single-product .wp-block-post-title,body.single-product h1.product_title{order:0!important} body.single-product .wp-block-woocommerce-product-price{order:1!important} body.single-product .wp-block-post-excerpt{order:2!important} body.single-product .wp-block-woocommerce-product-meta{order:3!important} }

'; var wrap=document.createElement("div");wrap.innerHTML=html;var foot=wrap.firstChild; var root=document.querySelector(".wp-site-blocks")||document.body; var themeFoot=document.querySelector("footer.wp-block-template-part,.wp-block-template-part[data-area='footer']"); if(themeFoot&&themeFoot.parentNode){themeFoot.parentNode.insertBefore(foot,themeFoot)}else{root.appendChild(foot)} } if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",function(){clampPanel();initSwatches();injectFooter()})}else{clampPanel();initSwatches();injectFooter()} window.addEventListener("resize",clampPanel);setTimeout(function(){clampPanel();initSwatches()},400);setTimeout(function(){clampPanel();initSwatches()},1200);setTimeout(injectFooter,300);setTimeout(injectFooter,1000);setTimeout(clampPanel,600); })();

#fg-consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:2147483000;max-width:440px;margin:0 auto 0 0;font-family:"Nunito",system-ui,sans-serif;color:#1a2230} @media(min-width:720px){#fg-consent{left:1.25rem;right:auto;width:min(420px,calc(100vw - 2.5rem))}} #fg-consent[hidden]{display:none!important} .fg-consent__card{background:#fff;border:1px solid rgba(26,34,48,.12);border-radius:18px;box-shadow:0 18px 50px rgba(26,34,48,.18);padding:1.05rem 1.15rem 1.1rem} .fg-consent__title{margin:0 0 .35rem;font:800 1.05rem/1.2 "Bricolage Grotesque","Nunito",sans-serif;letter-spacing:-.02em} .fg-consent__text{margin:0 0 .9rem;font-size:.9rem;line-height:1.5;font-weight:600;color:#5a6578} .fg-consent__text a{color:#e8522f;font-weight:800;text-decoration:underline;text-underline-offset:2px} .fg-consent__actions{display:flex;flex-wrap:wrap;gap:.45rem} .fg-consent__btn{appearance:none;border:0;cursor:pointer;border-radius:999px;padding:.65rem 1rem;font:800 .88rem/1 "Nunito",system-ui,sans-serif} .fg-consent__btn--accept{background:#ff6a45;color:#fff} .fg-consent__btn--accept:hover{background:#e8522f} .fg-consent__btn--reject{background:#1a2230;color:#fff} .fg-consent__btn--manage{background:#f0f4fa;color:#1a2230;border:1px solid rgba(26,34,48,.1)} .fg-consent__prefs{display:none;margin:.75rem 0 .35rem;padding-top:.7rem;border-top:1px solid rgba(26,34,48,.1)} .fg-consent__prefs.is-open{display:grid;gap:.55rem} .fg-consent__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:.86rem;font-weight:700} .fg-consent__row small{display:block;font-weight:600;color:#5a6578;margin-top:.15rem} .fg-consent__row input{width:1.05rem;height:1.05rem;margin-top:.15rem;accent-color:#ff6a45} #fg-consent-reopen{position:fixed;left:1rem;bottom:1rem;z-index:2147482999;border:1px solid rgba(26,34,48,.14);background:#fff;color:#1a2230;border-radius:999px;padding:.55rem .9rem;font:800 .78rem/1 "Nunito",system-ui,sans-serif;box-shadow:0 8px 24px rgba(26,34,48,.12);cursor:pointer} #fg-consent-reopen[hidden]{display:none!important}

function mount(){ if (document.getElementById('fg-consent')) return; // If Complianz banner is actually present, do not double-prompt if (document.querySelector('.cmplz-cookiebanner, #cmplz-cookiebanner-container, .cmplz-manage-consent')) return;

var wrap = document.createElement('div'); wrap.id = 'fg-consent'; wrap.setAttribute('role', 'dialog'); wrap.setAttribute('aria-live', 'polite'); wrap.setAttribute('aria-label', 'Cookie preferences'); wrap.innerHTML = '

' + '

Cookies on Fidgely

' + '

We use necessary cookies for cart, checkout, and security. Optional analytics cookies help us improve the shop. See our Cookie Policy and Privacy Policy.

' + '

' + 'NecessaryAlways on — cart, checkout, security' + 'AnalyticsAnonymous visit stats (e.g. Google Analytics)' + 'MarketingAds measurement when enabled' + '

' + '

' + '' + '' + '' + '' + '

' + '

'; document.body.appendChild(wrap);

var reopen = document.createElement('button'); reopen.id = 'fg-consent-reopen'; reopen.type = 'button'; reopen.textContent = 'Cookie settings'; reopen.hidden = true; document.body.appendChild(reopen);

var prefs = wrap.querySelector('[data-fg-prefs]'); var aBox = wrap.querySelector('[data-fg-c-analytics]'); var mBox = wrap.querySelector('[data-fg-c-marketing]'); var saveBtn = wrap.querySelector('[data-fg-c-save]'); var manageBtn = wrap.querySelector('[data-fg-c-manage]');

wrap.querySelector('[data-fg-c-accept]').addEventListener('click', function(){ persist('all', true, true); }); wrap.querySelector('[data-fg-c-reject]').addEventListener('click', function(){ persist('rejected', false, false); }); manageBtn.addEventListener('click', function(){ prefs.classList.add('is-open'); manageBtn.hidden = true; saveBtn.hidden = false; }); saveBtn.addEventListener('click', function(){ persist('custom', aBox.checked, mBox.checked); }); reopen.addEventListener('click', showBanner);

if (saved && saved.choice) { wrap.hidden = true; reopen.hidden = false; } else { showBanner(); } }

if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', mount); else mount(); })();
(function(){ if(window.__fidgelyPdpUi)return;window.__fidgelyPdpUi=true; var oldBal=document.getElementById('fidgely-gal-balance-css'); if(oldBal)oldBal.remove(); function stripNumericSwatchNames(){ document.querySelectorAll('.fidgely-swatch').forEach(function(btn){ var name=btn.querySelector('.fidgely-swatch-name'); if(!name)return; var t=String(name.textContent||'').trim(); if(/^\d+(\.\d+)?$/.test(t)&&btn.querySelector('img')){ name.remove(); btn.classList.add('fidgely-swatch--thumb'); } }); } /** Desktop: exactly 2 rows + vertical scroll. Mobile: horizontal row (CSS handles layout). */ function constrainSwatchPanel(wrap){ var mobile=window.matchMedia('(max-width:781px)').matches; var col=wrap.closest('.wp-block-column')||wrap.closest('form')||wrap.parentElement; var table=wrap.closest('table.variations'); var td=wrap.closest('td'); if(col){ var px=Math.floor(col.getBoundingClientRect().width); if(px>40){ wrap.style.setProperty('width',(mobile?px:'100%'),'important'); wrap.style.setProperty('max-width',px+'px','important'); if(table){table.style.setProperty('width','100%','important');table.style.setProperty('max-width',px+'px','important');table.style.setProperty('min-width','0','important');} if(td){td.style.setProperty('width','100%','important');td.style.setProperty('max-width',px+'px','important');td.style.setProperty('min-width','0','important');} return; } } wrap.style.setProperty('width','100%','important'); wrap.style.setProperty('max-width','100%','important'); if(table){table.style.setProperty('width','100%','important');table.style.setProperty('max-width','100%','important');table.style.setProperty('min-width','0','important');} if(td){td.style.setProperty('width','100%','important');td.style.setProperty('max-width','100%','important');td.style.setProperty('min-width','0','important');} } function fitSwatchTwoRows(){ var mobile=window.matchMedia('(max-width:781px)').matches; document.querySelectorAll('.fidgely-swatches').forEach(function(wrap){ constrainSwatchPanel(wrap); if(mobile){ wrap.style.removeProperty('max-height'); wrap.style.removeProperty('overflow-y'); wrap.style.removeProperty('overflow-x'); wrap.style.removeProperty('touch-action'); return; } // Always keep a 2-row scroll viewport on desktop (CSS fallback + measured height) wrap.style.setProperty('overflow-y','auto','important'); wrap.style.setProperty('overflow-x','hidden','important'); wrap.style.setProperty('touch-action','pan-y','important'); var buttons=[].slice.call(wrap.querySelectorAll('.fidgely-swatch')); if(!buttons.length){ wrap.style.setProperty('max-height','calc(2 * 5.1rem + .55rem)','important'); return; } var firstTop=buttons[0].offsetTop; var row2=buttons.find(function(b){return b.offsetTop>firstTop+4;}); if(!row2){ // Still one row (images loading) — keep CSS 2-row cap so it never expands to full list wrap.style.setProperty('max-height','calc(2 * 5.1rem + .55rem)','important'); return; } var row2Top=row2.offsetTop; var lastInRow2=null; buttons.forEach(function(b){ if(Math.abs(b.offsetTop-row2Top)<4)lastInRow2=b; }); if(!lastInRow2){ wrap.style.setProperty('max-height','calc(2 * 5.1rem + .55rem)','important'); return; } var need=Math.ceil(lastInRow2.offsetTop+lastInRow2.offsetHeight+6); wrap.style.setProperty('max-height',need+'px','important'); if(!wrap.dataset.fgWheelBound){ wrap.dataset.fgWheelBound='1'; wrap.addEventListener('wheel',function(e){ if(wrap.scrollHeight<=wrap.clientHeight+1)return; var atTop=wrap.scrollTop=wrap.scrollHeight-1; if((e.deltaY0&&!atBot)){ e.preventDefault(); wrap.scrollTop+=e.deltaY; } },{passive:false}); } }); } function run(){ try{ stripNumericSwatchNames(); document.querySelectorAll('.fidgely-gal-balanced').forEach(function(el){ el.classList.remove('fidgely-gal-balanced'); el.style.height='';el.style.minHeight=''; }); fitSwatchTwoRows(); }catch(e){} } run(); [150,400,900,1600].forEach(function(ms){setTimeout(run,ms);}); document.addEventListener('DOMContentLoaded',run); window.addEventListener('load',run); window.addEventListener('resize',function(){setTimeout(fitSwatchTwoRows,50);}); if(window.jQuery){ window.jQuery(document.body).on('show_variation hide_variation reset_data found_variation updated_wc_div',run); } })();
(function(){ if(!document.body||!document.body.classList.contains('single-product'))return; if(window.__fidgelyKillExpress)return;window.__fidgelyKillExpress=true; var SEL=[ '#wcpay-express-checkout-element', '.wcpay-express-checkout-wrapper', '#wcpay-payment-request-wrapper', '.wcpay-payment-request-wrapper', '#wcpay-payment-request-button-separator', '.wcpay-payment-request-button-separator', '#wcpay-express-checkout-button-separator', '.wcpay-express-checkout-button-separator', '.woocommerce-PaymentsPRB', '.wc-block-components-express-payment', '.wp-block-woocommerce-express-payment-block', '#wc-stripe-payment-request-wrapper', '.wc-stripe-payment-request-wrapper', '#payment-method-message', '.StripeElement', 'apple-pay-button', '.gpay-button', '[id*="express-checkout"]', '[class*="express-checkout"]', '[id*="payment-request"]', '[class*="payment-request-button"]' ].join(','); function kill(){ try{ document.querySelectorAll(SEL).forEach(function(el){ if(el.closest&&el.closest('.woocommerce-checkout,.woocommerce-cart'))return; el.remove(); }); }catch(e){} } kill(); [100,300,700,1500,3000,6000].forEach(function(ms){setTimeout(kill,ms);}); document.addEventListener('DOMContentLoaded',kill); window.addEventListener('load',kill); if(window.jQuery){ window.jQuery(document.body).on('updated_wc_div updated_checkout show_variation hide_variation found_variation wc-product-gallery-after-init',kill); } try{ new MutationObserver(function(){kill();}).observe(document.documentElement,{childList:true,subtree:true}); }catch(e){} })();
(function(){ if(window.__fidgelyKillStoreNotice)return;window.__fidgelyKillStoreNotice=true; var SEL='.woocommerce-store-notice,.woocommerce-store-notice.demo_store,p.woocommerce-store-notice'; function wipe(){ try{ document.querySelectorAll(SEL).forEach(function(el){el.remove();}); /* also nuke any leftover purple geo bar by text */ document.querySelectorAll('p,div[role="status"],div[role="alert"]').forEach(function(el){ var t=(el.textContent||''); if(/noticed you're visiting from/i.test(t)||/updated our prices to/i.test(t)){ el.remove(); } }); }catch(e){} } wipe(); [50,200,600,1200,2500,5000].forEach(function(ms){setTimeout(wipe,ms);}); document.addEventListener('DOMContentLoaded',wipe); window.addEventListener('load',wipe); try{new MutationObserver(wipe).observe(document.documentElement,{childList:true,subtree:true});}catch(e){} })();
(function(){ if(window.__fgEnsureHeaderLogo)return;window.__fgEnsureHeaderLogo=true; var LOGO='https://fidgely.com/wp-content/uploads/2026/08/9641696d-ad6a-4229-9822-6dad291c12e9.png'; function hasVisibleLogo(root){ if(!root)return false; if(root.querySelector('a.fg-brand img,.wp-block-site-logo img,a.custom-logo-link img,img.custom-logo'))return true; var title=root.querySelector('.wp-block-site-title a,.hostinger-ai-site-title a,.wp-block-site-title,.hostinger-ai-site-title'); if(!title)return false; var cs=getComputedStyle(title); return cs.display!=='none'&&cs.visibility!=='hidden'&&parseFloat(cs.opacity||'1')>0.05&&title.getBoundingClientRect().width>8; } function ensure(){ var header=document.querySelector('.wp-site-blocks>header,header.wp-block-template-part,header.site-header'); if(!header||hasVisibleLogo(header)||header.querySelector('a.fg-brand--injected'))return; var slot=header.querySelector('.hostinger-ai-menu-wrapper > .wp-block-group.is-layout-flex') ||header.querySelector('.hostinger-ai-menu-wrapper > .wp-block-group') ||header.querySelector('.hostinger-ai-menu-wrapper') ||header; var a=document.createElement('a'); a.className='fg-brand fg-brand--injected';a.href='/';a.setAttribute('aria-label','Fidgely home'); var img=document.createElement('img');img.src=LOGO;img.alt='Fidgely';img.width=400;img.height=160;img.decoding='async'; a.appendChild(img);slot.insertBefore(a,slot.firstChild); } ensure(); if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',ensure); setTimeout(ensure,120);setTimeout(ensure,500);setTimeout(ensure,1200); })();

Magnetic Piano Key Fidget – Satisfying Clicks in a Compact Metal Design

Looking for a satisfying clicker fidget toy with a unique design? The Magnetic Piano Key Fidget turns the familiar feeling of pressing piano keys into a compact, tactile fidget you can enjoy anywhere.

The toy features four individual piano-style keys, each designed to be pressed repeatedly. Push the keys with your thumb or fingers and enjoy the satisfying tactile feedback as you click through the different keys.

Four Keys. Endless Clicking.

Each of the four keys can be pressed independently, giving you multiple ways to interact with the fidget.

Press one key repeatedly, alternate between keys, or create your own rhythm. The simple design makes it incredibly easy to pick up and start fidgeting with immediately.

Why You’ll Love It

4 individual clickable keys
Satisfying tactile feedback with every press
Piano-inspired design
Durable metal construction
Compact and pocket-friendly
Magnetic mechanism
No batteries or charging required
Great for desks, pockets, backpacks, and everyday carry
Perfect for anyone who enjoys clicker and tactile fidget toys

A Fidget Toy Made for Clicking

Unlike traditional fidget toys with lots of different functions, this one keeps things simple: pick it up and start clicking.

The four piano-style keys give your fingers something satisfying to interact with, while the metal body gives the fidget a solid, premium feel.

Keep it beside your keyboard while working, on your desk while studying, or carry it with you for a quick fidget whenever you want one.

Compact Metal EDC Design

The slim, compact design makes this metal fidget toy easy to carry without taking up much space. Slip it into your pocket, backpack, or desk drawer and you’ll always have a satisfying little clicker within reach.

If you enjoy fidget toys, clicker toys, tactile gadgets, magnetic toys, or EDC accessories, this piano-inspired fidget is a unique addition to your collection.

Four keys. One satisfying click after another.

piano fidget toy

Magnetic Piano Key Fidget