@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); })();

Your keyboard fidget toy, wherever you go.

Meet the Mechanical Keyboard Fidget Keychain, a compact 4-key fidget toy designed for anyone who enjoys satisfying clicks and tactile feedback. Inspired by the feel of a mechanical keyboard, each key provides a satisfying press that makes this miniature keyboard keychain perfect for keeping your hands busy.

Its compact design makes it easy to take anywhere. Attach the keyboard keychain to your keys, backpack, handbag or pencil case, or keep it on your desk as a small desk fidget toy.

Why you’ll love it

4 clickable mechanical keys for satisfying tactile feedback
Mechanical keyboard-inspired design for keyboard enthusiasts
Compact 70 × 20 × 20 mm size — easy to carry anywhere
Portable fidget keychain with metal chain and clip
Great for stress relief and keeping busy hands occupied
Ideal for work, studying, gaming or relaxing
Available in multiple pastel color combinations
A fun gift for gamers, keyboard lovers and fidget toy enthusiasts

A satisfying fidget toy for anywhere

Whether you’re working at your desk, studying, gaming or simply waiting around, this clicky fidget toy gives your hands something satisfying to do. The combination of mechanical-style switches and colorful keycaps makes it both fun to use and visually appealing.

Thanks to the integrated keychain, you can keep your mechanical keyboard fidget with you wherever you go.

Small enough to carry. Satisfying enough to keep clicking.

### SEO tags mechanical keyboard fidget

4-Key Mechanical Keyboard Keychain