/* * Squatchee™ sitewide typography and button system. * Keep this block last in Marketing 360 custom CSS so it can normalize * older page-level and Ecwid storefront rules while styling only the * explicitly approved external-form controls. */ :root { --sq-font-display: "Antonio", "Arial Narrow", Arial, sans-serif; --sq-font-body: "Inter", Arial, sans-serif; --sq-red: #ff0000; --sq-red-label: #e60000; --sq-red-deep: #bf0000; --sq-red-hover: #d90000; --sq-red-hover-deep: #a20000; --sq-charcoal: #333333; --sq-charcoal-hover: #595959; --sq-focus: #8dc8ff; --sq-primary-shadow: 0 8px 18px rgba(0, 0, 0, 0.28); --sq-utility-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); --sq-button-min-height: 44px; --sq-button-padding-block: 10px; --sq-button-padding-inline: 22px; --sq-cta-row-space: 12px; --sq-content-max: 980px; --sq-reading-max: 816px; --sq-section-space: 48px; --sq-section-space-mobile: 40px; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } /* Keep content paintable while the approved brand fonts load. */ html.wf-loading .siteName, html.wf-loading .pageTitleContent, html.wf-loading .navContent, html.wf-loading .blockContent, html.wf-loading .footerContent { visibility: visible !important; } /* Apple-informed content frame: a 980px desktop core and compact mobile gutters. */ @media (min-width: 834px) { .headerContent, .navContent { box-sizing: border-box !important; width: 100% !important; max-width: 1024px !important; padding-right: 22px !important; padding-left: 22px !important; } } .footerContent { box-sizing: border-box !important; width: 100% !important; max-width: 1024px !important; padding-right: 22px !important; padding-left: 22px !important; } @media (min-width: 768px) { .primaryContent > .blockContainer > .blockContent { box-sizing: content-box !important; width: calc(100% - 44px) !important; max-width: var(--sq-content-max) !important; padding-right: 22px !important; padding-left: 22px !important; margin-right: auto !important; margin-left: auto !important; } } /* Marketing 360 separates a visual section into several blocks. Give the heading/copy block breathing room without padding every media block. */ .primaryContent > .blockContainer:not(.sq-store-route-host):has( > .blockContent > .blockText > .contentTitle:not(.dividerTitle--noText) ) { padding-top: var(--sq-section-space) !important; padding-bottom: 24px !important; } /* Apple-informed reading layout for the three footer policy pages. Keep long copy ragged-right rather than fully justified so word spacing stays even. */ html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :is(.blockContainer, .itemsCollectionContainer) > .blockContent { box-sizing: content-box !important; width: calc(100% - 44px) !important; max-width: var(--sq-reading-max) !important; padding-right: 22px !important; padding-left: 22px !important; margin-right: auto !important; margin-left: auto !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent :is(.blockInnerContent, .itemInnerContent) :is(p:not(:has(> a.button)), li), html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent .contentTitle:not(.dividerTitle--noText) { text-align: left !important; } /* Center only the final contact/help sections on the policy pages. */ html#page_a32833d97c704475b368de387d942f95 .primaryContent .blockWrap_bc64769d196a495984aebeb0ba503a63 .contentTitle:not(.dividerTitle--noText), html#page_eeb9a0f9924946ea91d0fad93315a228 .primaryContent .blockWrap_c304eeb80e0a47988a8e568c5d7e6c23 .contentTitle:not(.dividerTitle--noText), html#page_c1af3e27164a41bc9fb3736653ce814b .primaryContent .blockWrap_fc0e931b35ef407db027d0df3d360a88 .contentTitle:not(.dividerTitle--noText) { text-align: center !important; } /* Center the supporting copy beneath those three final titles. */ html#page_a32833d97c704475b368de387d942f95 .primaryContent .blockWrap_bc64769d196a495984aebeb0ba503a63 .blockInnerContent p:not(:has(> a.button)), html#page_eeb9a0f9924946ea91d0fad93315a228 .primaryContent .blockWrap_c304eeb80e0a47988a8e568c5d7e6c23 .blockInnerContent p:not(:has(> a.button)), html#page_c1af3e27164a41bc9fb3736653ce814b .primaryContent .blockWrap_fc0e931b35ef407db027d0df3d360a88 .blockInnerContent p:not(:has(> a.button)) { text-align: center !important; } /* Keep each associated Contact Us button row centered as part of the section. */ html#page_a32833d97c704475b368de387d942f95 .primaryContent .blockWrap_b0fefb15a2c44a2e922727cca2c1f7c3 .blockContent .blockInnerContent p, html#page_eeb9a0f9924946ea91d0fad93315a228 .primaryContent .blockWrap_cfe6a276507f4815afda495efe999787 .blockContent .blockInnerContent p, html#page_c1af3e27164a41bc9fb3736653ce814b .primaryContent .blockWrap_b0678e30fc624ac480f2ff1109b63a90 .blockContent .blockInnerContent p { text-align: center !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :first-child .contentTitle:not(.dividerTitle--noText) { text-align: center !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :first-child .blockInnerContent { max-width: 653px !important; margin-right: auto !important; margin-left: auto !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :first-child .blockInnerContent .maxWidth--content { width: 100% !important; max-width: 653px !important; margin-right: auto !important; margin-left: auto !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :first-child .blockInnerContent p:not(:has(> a.button)) { text-align: center !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent :is(.blockInnerContent, .itemInnerContent) p:not(:last-child) { padding-bottom: 14px !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent :is(.blockInnerContent, .itemInnerContent) :is(ul, ol) { padding-right: 0 !important; padding-bottom: 14px !important; padding-left: 20px !important; margin: 0 !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent :is(.blockInnerContent, .itemInnerContent) :is(ul, ol) > li + li { margin-top: 6px !important; } @media (max-width: 767px) { html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :is(.blockContainer, .itemsCollectionContainer) > .blockContent { box-sizing: border-box !important; width: 87.5% !important; max-width: none !important; padding-right: 0 !important; padding-left: 0 !important; } html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :first-child :is( .contentTitle:not(.dividerTitle--noText), .blockInnerContent, .blockInnerContent p:not(:has(> a.button)) ) { max-width: none !important; text-align: left !important; } } @media (max-width: 480px) { html:is( #page_a32833d97c704475b368de387d942f95, #page_eeb9a0f9924946ea91d0fad93315a228, #page_c1af3e27164a41bc9fb3736653ce814b ) .primaryContent > :is(.blockContainer, .itemsCollectionContainer) > .blockContent { width: 90% !important; } } /* Header and navigation */ .headerContent, .navContent, .headerContent input, .navContent input { font-family: var(--sq-font-body) !important; } .navContent a:not(.button), .navContent button:not(.button) { font-family: var(--sq-font-body) !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: 0.02em !important; } .navContent a:not(.button) { font-size: 14px !important; } /* Keep navigation controls compact without changing their hit areas. */ .navContent button:not(.button) { font-size: 15px !important; } .headerContent #navTrigger:not([style*="display: none"]):not([style*="display:none"]) { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; } /* Native Marketing 360 content */ .primaryContent .blockText p, .primaryContent .blockText li, .primaryContent .itemContent p, .primaryContent .itemContent li, .primaryContent .imgCaption-desc, .primaryContent .maxWidth--content p { font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.55 !important; letter-spacing: 0 !important; } .primaryContent .blockText strong, .primaryContent .itemContent strong, .primaryContent .imgCaption-desc strong { font-family: var(--sq-font-body) !important; font-weight: 700 !important; } .primaryContent .blockText em, .primaryContent .itemContent em, .primaryContent .imgCaption-desc em { font-family: var(--sq-font-body) !important; font-style: italic !important; } .primaryContent > .blockContainer:first-child .maxWidth--content > p:not(:has(> a.button)) { font-size: 16px !important; line-height: 1.45 !important; } .primaryContent .contentTitle:not(.dividerTitle--noText) { font-family: var(--sq-font-display) !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0.01em !important; text-wrap: balance; } .primaryContent h3.contentTitle:not(.dividerTitle--noText) { font-size: 21px !important; font-weight: 600 !important; line-height: 1.2 !important; } .primaryContent > .blockContainer:first-child .blockContent > .blockText > .contentTitle:not(.dividerTitle--noText) { font-size: 40px !important; line-height: 1.1 !important; } .primaryContent .itemContent .contentTitle:not(.dividerTitle--noText) { font-size: 19px !important; font-weight: 600 !important; line-height: 1.2 !important; } .primaryContent .imgCaption-title { font-family: var(--sq-font-display) !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.01em !important; text-wrap: balance; } /* Compact Marketing 360 Overlay Image Titles for image-grid hierarchy. */ html[id^="page_"] body#ecwid_body .primaryContent .imgEffect-overlay .imgEffect-content.imgEffect-content--showTitle > .contentTitle:not(.dividerTitle--noText) { font-size: 22px !important; line-height: 1.2 !important; } .primaryContent .imgCaption-credit { font-family: var(--sq-font-body) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; } /* Preserve display typography when legacy editable-title links set a font. */ .primaryContent .contentTitle:not(.dividerTitle--noText) a, .primaryContent .contentTitle:not(.dividerTitle--noText) .scEditable--plainText { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } /* Slideshow arrow text is visually hidden, but remains an accessible label. */ .primaryContent .galleryArrow { font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; } /* Preserve the original bright-red product-card banner color. */ html body .ec-store .ec-label.label--custom { background: var(--sq-red) !important; background-color: var(--sq-red) !important; color: #ffffff !important; box-shadow: none !important; } html body .ec-store .ec-label.label--custom .label__text { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important; } /* Footer and site credit */ .footerContent, .footerContent .blockInnerContent p, .footerContent .blockInnerContent a { font-family: var(--sq-font-body) !important; font-size: 13px !important; line-height: 1.5 !important; } .footerContent .blockInnerContent p, .footerContent .blockInnerContent a { font-weight: 400 !important; } .footerContent .blockInnerContent a { font-weight: 500 !important; } .scCredit, .scCredit a { font-family: var(--sq-font-body) !important; font-size: 12px !important; line-height: 1.5 !important; } .footerContent a.zocial { box-sizing: border-box !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; font-size: 16px !important; line-height: 44px !important; } /* Shared native button structure */ .navContent a.button, .primaryContent a.button, .primaryContent button.button, html body .ec-store .form-control__button.sq-shop-hat-hooks-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 0 !important; border-radius: 5px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; text-decoration: none !important; text-transform: none; box-shadow: var(--sq-primary-shadow) !important; overflow: hidden !important; cursor: pointer !important; transition: background 160ms ease, box-shadow 160ms ease, transform 80ms ease !important; } .navContent a.button p, .primaryContent a.button p, .primaryContent button.button p, html body .ec-store .form-control__button.sq-shop-hat-hooks-button .form-control__button-text { margin: 0 !important; color: inherit !important; -webkit-text-fill-color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } .primaryContent p:has(> a.button) { overflow: visible !important; } /* A button's geometry and the space around its row are separate parts of the system. Normalize text-only CTA blocks without changing richer sections that happen to contain a button alongside headings, copy, or media. */ html[id^="page_"] body#ecwid_body .primaryContent > .blockContainer:not(:has(.contentTitle:not(.dividerTitle--noText))):has( :is(.scEditable--richText, .blockInnerContent) > p:only-child > strong:only-child > a.button:only-child ) { padding-top: var(--sq-cta-row-space) !important; padding-bottom: var(--sq-cta-row-space) !important; } html[id^="page_"] body#ecwid_body .primaryContent > .blockContainer:not(:has(.contentTitle:not(.dividerTitle--noText))) :is(.scEditable--richText, .blockInnerContent) > p:only-child:has(> strong:only-child > a.button:only-child) { margin: 0 !important; padding: 0 !important; } html[id^="page_"] body#ecwid_body .primaryContent > .blockContainer:not(:has(.contentTitle:not(.dividerTitle--noText))) :is(.scEditable--richText, .blockInnerContent) > p:only-child > strong:only-child > a.button:only-child { margin: 0 !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; } /* General non-shopping CTAs: approved black glossy primary. The exclusions below are the owner-approved red actions listed in the next rule. */ .primaryContent a.button:not([href*="#chooseyourfinish"]):not([href$="/products"]):not([href*="/faqs"]):not([href*="/contact-us"]):not([href*="/p/478851810"]):not([href*="Adhesive-Replacements"]):not([href*="Replacement-Adhesives"]):not(.sq-finish-button), .primaryContent button.button:not([data-sq-finish-button]) { background: linear-gradient(rgba(17, 17, 17, 0.1), rgba(0, 0, 0, 0.1)), url("/button-shine.png") 0 50% repeat-x, linear-gradient(#111111, #000000) !important; } .primaryContent a.button:not([href*="#chooseyourfinish"]):not([href$="/products"]):not([href*="/faqs"]):not([href*="/contact-us"]):not([href*="/p/478851810"]):not([href*="Adhesive-Replacements"]):not([href*="Replacement-Adhesives"]):not(.sq-finish-button):hover, .primaryContent a.button:not([href*="#chooseyourfinish"]):not([href$="/products"]):not([href*="/faqs"]):not([href*="/contact-us"]):not([href*="/p/478851810"]):not([href*="Adhesive-Replacements"]):not([href*="Replacement-Adhesives"]):not(.sq-finish-button):focus, .primaryContent a.button:not([href*="#chooseyourfinish"]):not([href$="/products"]):not([href*="/faqs"]):not([href*="/contact-us"]):not([href*="/p/478851810"]):not([href*="Adhesive-Replacements"]):not([href*="Replacement-Adhesives"]):not(.sq-finish-button):active, .primaryContent button.button:not([data-sq-finish-button]):hover, .primaryContent button.button:not([data-sq-finish-button]):focus, .primaryContent button.button:not([data-sq-finish-button]):active { background: linear-gradient(rgba(89, 89, 89, 0.1), rgba(68, 68, 68, 0.1)), url("/button-shine.png") 0 50% repeat-x, linear-gradient(#595959, #444444) !important; } /* Approved red conversion actions. */ .navContent a.button[href*="#chooseyourfinish"], .navContent a.button[href$="/products"], .navContent a.button.sq-finish-button, .primaryContent a.button[href*="#chooseyourfinish"], .primaryContent a.button[href$="/products"], .primaryContent a.button[href*="/faqs"], .primaryContent a.button[href*="/contact-us"], .primaryContent a.button[href*="/p/478851810"], .primaryContent a.button[href*="Adhesive-Replacements"], .primaryContent a.button[href*="Replacement-Adhesives"], .primaryContent a.button.sq-finish-button, html body .primaryContent button.button[data-sq-finish-button], html body .ec-store .sq-shop-hat-hooks-button, html body .ec-store .grid-product .grid-product__buy-now .form-control.form-control--button > .form-control__button { background: linear-gradient( rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient( #ff0000 0%, var(--sq-red-label) 18%, var(--sq-red-deep) 100% ) !important; border: 0 !important; border-radius: 5px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: var(--sq-primary-shadow) !important; } /* Home social-proof CTA: owner-approved red treatment, scoped to this block. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body .block_f451e917a930480f92dcaf1afe7609cc a.button { background: linear-gradient( rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient( #ff0000 0%, var(--sq-red-label) 18%, var(--sq-red-deep) 100% ) !important; } .navContent a.button[href*="#chooseyourfinish"]:hover, .navContent a.button[href*="#chooseyourfinish"]:focus, .navContent a.button[href*="#chooseyourfinish"]:active, .navContent a.button[href$="/products"]:hover, .navContent a.button[href$="/products"]:focus, .navContent a.button[href$="/products"]:active, .navContent a.button.sq-finish-button:hover, .navContent a.button.sq-finish-button:focus, .navContent a.button.sq-finish-button:active, .primaryContent a.button[href*="#chooseyourfinish"]:hover, .primaryContent a.button[href*="#chooseyourfinish"]:focus, .primaryContent a.button[href*="#chooseyourfinish"]:active, .primaryContent a.button[href$="/products"]:hover, .primaryContent a.button[href$="/products"]:focus, .primaryContent a.button[href$="/products"]:active, .primaryContent a.button[href*="/faqs"]:hover, .primaryContent a.button[href*="/faqs"]:focus, .primaryContent a.button[href*="/faqs"]:active, .primaryContent a.button[href*="/contact-us"]:hover, .primaryContent a.button[href*="/contact-us"]:focus, .primaryContent a.button[href*="/contact-us"]:active, .primaryContent a.button[href*="/p/478851810"]:hover, .primaryContent a.button[href*="/p/478851810"]:focus, .primaryContent a.button[href*="/p/478851810"]:active, .primaryContent a.button[href*="Adhesive-Replacements"]:hover, .primaryContent a.button[href*="Adhesive-Replacements"]:focus, .primaryContent a.button[href*="Adhesive-Replacements"]:active, .primaryContent a.button[href*="Replacement-Adhesives"]:hover, .primaryContent a.button[href*="Replacement-Adhesives"]:focus, .primaryContent a.button[href*="Replacement-Adhesives"]:active, .primaryContent a.button.sq-finish-button:hover, .primaryContent a.button.sq-finish-button:focus, .primaryContent a.button.sq-finish-button:active, html body .primaryContent button.button[data-sq-finish-button]:hover, html body .primaryContent button.button[data-sq-finish-button]:focus, html body .primaryContent button.button[data-sq-finish-button]:active, html body .ec-store .sq-shop-hat-hooks-button:hover, html body .ec-store .sq-shop-hat-hooks-button:focus, html body .ec-store .sq-shop-hat-hooks-button:active, html body .ec-store .grid-product .grid-product__buy-now .form-control.form-control--button > .form-control__button:hover, html body .ec-store .grid-product .grid-product__buy-now .form-control.form-control--button > .form-control__button:focus, html body .ec-store .grid-product .grid-product__buy-now .form-control.form-control--button > .form-control__button:active { background: linear-gradient( rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient(var(--sq-red-hover), var(--sq-red-hover-deep)) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body .block_f451e917a930480f92dcaf1afe7609cc a.button:hover, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body .block_f451e917a930480f92dcaf1afe7609cc a.button:focus, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body .block_f451e917a930480f92dcaf1afe7609cc a.button:active { background: linear-gradient( rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient(var(--sq-red-hover), var(--sq-red-hover-deep)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: var(--sq-primary-shadow) !important; } .navContent a.button:focus-visible, .primaryContent a.button:focus-visible, .primaryContent button.button:focus-visible, html body .ec-store .sq-shop-hat-hooks-button:focus-visible { outline: 3px solid #ffffff !important; outline-offset: 3px !important; } /* Completion and recovery CTAs use the approved red-primary construction. These specific selectors also override older empty-cart rules that otherwise replace the red hover with gray and reduce the button shadow. */ html body .ec-store .ec-cart--empty .ec-cart__button .form-control__button.sq-shop-hat-hooks-button, html body .ec-store.ec-store__confirmation-page .sq-confirmation-shop-button, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent a.button:is([href*="/products"], .sq-finish-button), html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent button.button[data-sq-finish-button] { box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; background: linear-gradient( rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient( #ff0000 0%, var(--sq-red-label) 18%, var(--sq-red-deep) 100% ) !important; border: 0 !important; border-radius: 5px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; text-decoration: none !important; box-shadow: var(--sq-primary-shadow) !important; overflow: hidden !important; cursor: pointer !important; transition: background 160ms ease, box-shadow 160ms ease, transform 80ms ease !important; } html body .ec-store .ec-cart--empty .ec-cart__button .form-control__button.sq-shop-hat-hooks-button:hover, html body .ec-store .ec-cart--empty .ec-cart__button .form-control__button.sq-shop-hat-hooks-button:focus, html body .ec-store .ec-cart--empty .ec-cart__button .form-control__button.sq-shop-hat-hooks-button:active, html body .ec-store.ec-store__confirmation-page .sq-confirmation-shop-button:hover, html body .ec-store.ec-store__confirmation-page .sq-confirmation-shop-button:focus, html body .ec-store.ec-store__confirmation-page .sq-confirmation-shop-button:active, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent a.button:is([href*="/products"], .sq-finish-button):hover, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent a.button:is([href*="/products"], .sq-finish-button):focus, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent a.button:is([href*="/products"], .sq-finish-button):active, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent button.button[data-sq-finish-button]:hover, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent button.button[data-sq-finish-button]:focus, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent button.button[data-sq-finish-button]:active { background: linear-gradient( rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient(var(--sq-red-hover), var(--sq-red-hover-deep)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: var(--sq-primary-shadow) !important; transform: none !important; } html body .ec-store .ec-cart--empty .ec-cart__button .form-control__button.sq-shop-hat-hooks-button .form-control__button-text, html body .ec-store.ec-store__confirmation-page .sq-confirmation-shop-button .form-control__button-text { color: inherit !important; -webkit-text-fill-color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } html body .ec-store .ec-cart--empty .ec-cart__button .form-control__button.sq-shop-hat-hooks-button:focus-visible, html body .ec-store.ec-store__confirmation-page .sq-confirmation-shop-button:focus-visible, html:is( #page_c7d1ce3408d74bfda3cb4f45bedb579a, #page_a3a756a40e0e4655ab0b1d4d898d9ccf, #page_e8e60f46f50c483793101e039d1d2aca ) .primaryContent :is( a.button:is([href*="/products"], .sq-finish-button), button.button[data-sq-finish-button] ):focus-visible { outline: 3px solid #ffffff !important; outline-offset: 3px !important; } /* Ecwid typography */ .ec-store, .ec-store input, .ec-store textarea, .ec-store select, .ec-minicart { font-family: var(--sq-font-body) !important; } .ec-minicart .ec-minicart__body { font-family: var(--sq-font-body) !important; font-weight: 500 !important; } .ec-store .page-title__name, .ec-store .product-details__product-title, .ec-store .ec-related-products__title, .ec-store .grid-product__title, .ec-store .grid-product__title-inner { font-family: var(--sq-font-display) !important; letter-spacing: 0.01em !important; } .ec-store .page-title__name { font-size: 28px !important; font-weight: 700 !important; line-height: 1.15 !important; } .ec-store .product-details__product-title { font-size: 24px !important; font-weight: 700 !important; line-height: 1.15 !important; } .ec-store .ec-related-products__title { font-size: 21px !important; font-weight: 600 !important; line-height: 1.2 !important; } .ec-store .grid-product__title, .ec-store .grid-product__title-inner { font-size: 17px !important; font-weight: 600 !important; line-height: 1.25 !important; } /* Match the Replacement Adhesives recommendation card's inner gutter to the Black and White product cards beside it. */ html body .ec-store .ec-related-products .grid-product--id-478851810 .grid-product__title, html body .ec-store .ec-related-products .grid-product--id-478851810 .grid-product__subtitle, html body .ec-store .ec-related-products .grid-product--id-478851810 .grid-product__price, html body .ec-store .ec-related-products .grid-product--id-478851810 .grid-product__buy-now { box-sizing: border-box !important; padding-left: 14px !important; padding-right: 14px !important; } /* Product names are an intentional all-caps display treatment. */ .ec-store .product-details__product-title, .ec-store .grid-product__title, .ec-store .grid-product__title-inner { text-transform: uppercase !important; } /* FAQ questions stay in readable sentence case; the section/category titles retain the site's uppercase display treatment. */ html#page_a7900d037cf642b994ac6501b0805e8f .primaryContent .simpleList .itemContent > .contentTitle, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ee14290ba6454377bd0974f7e6687a77 .itemContent > .contentTitle { text-transform: none !important; } html#page_a7900d037cf642b994ac6501b0805e8f .primaryContent .simpleList .item, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ee14290ba6454377bd0974f7e6687a77 .item { box-sizing: border-box !important; padding: 22px !important; } .ec-store .grid-product__subtitle, .ec-store .grid-product__subtitle-inner { font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.45 !important; } .ec-store .grid-product__price, .ec-store .grid-product__price-amount, .ec-store .grid-product__price-value, .ec-store .product-details__product-price, .ec-store .details-product-price__value, .ec-store .ec-cart-item__price, .ec-store .ec-cart-summary__price { font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; } .ec-store .product-details__product-price, .ec-store .details-product-price__value { font-size: 20px !important; font-weight: 700 !important; } .ec-store .product-details__product-description p, .ec-store .product-details__product-description li { font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.55 !important; } .ec-store .product-details-module__title, .ec-store .details-product-purchase__place, .ec-store .ec-cart-item__title, .ec-store .ec-cart-summary__title, .ec-store .ec-cart__credits-and-coupons--title, .ec-store .ec-cart-email__text, .ec-store .ec-cart-step__title, .ec-store .ec-cart-step__body, .ec-store .breadcrumbs__link, .ec-store .ec-breadcrumbs a, .ec-store .ec-link, .ec-store label { font-family: var(--sq-font-body) !important; font-size: 14px !important; line-height: 1.5 !important; } .ec-store .product-details-module__title, .ec-store .details-product-purchase__place, .ec-store .ec-cart-item__title, .ec-store .ec-cart-summary__title, .ec-store .ec-cart-step__title, .ec-store label { font-weight: 500 !important; } /* Keep checkout instructions at the body-copy size, not the label size. */ .ec-store .ec-cart-email__text, .ec-store .ec-cart-step__body { font-size: 16px !important; font-weight: 400 !important; } .ec-store .ec-cart-step__title { font-size: 19px !important; font-weight: 600 !important; line-height: 1.2 !important; } /* Keep Ecwid's selected shipping and payment outline visible on all four edges inside its scrollable option wrapper. */ html body .ec-store .ec-cart-step--delivery .ec-radiogroup__item--checked, html body .ec-store .ec-cart-step--payment .ec-radiogroup__item--checked { box-shadow: inset 0 0 0 2px #1a7ac4 !important; outline-offset: -2px !important; } /* Checkbox-button labels use the compact control-label size. */ .ec-store .form-control--checkbox-button .form-control__inline-label label { font-size: 15px !important; } html body .ec-store .ec-cart-item__title { font-family: var(--sq-font-display) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.01em !important; white-space: nowrap !important; text-transform: uppercase !important; } /* Bundle rows only need the customer's selected pack details in cart and checkout; the repeated option prompt adds no useful information there. */ .ec-store .ec-cart-item.squatchee-cart-bundle .ec-cart-option--key { display: none !important; } html body .ec-store .ec-cart-item.squatchee-cart-bundle .ec-cart-item__option { margin-right: 0 !important; } html body .ec-store .ec-cart-item.squatchee-cart-bundle .ec-cart-option--value { font-family: var(--sq-font-body) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; white-space: nowrap !important; } html body .ec-store .ec-cart-item.squatchee-cart-bundle .squatchee-cart-price-per-pack { font-family: var(--sq-font-body) !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.35 !important; } .ec-store .ec-cart__cert, .ec-store .sq-shipping-note-cell { font-family: var(--sq-font-body) !important; font-size: 12px !important; line-height: 1.5 !important; } .ec-store .form-control__text { box-sizing: border-box !important; min-height: 44px !important; border-radius: 5px !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; } .ec-store .form-control__select, .ec-store .form-control__textarea { box-sizing: border-box !important; min-height: 44px !important; border-radius: 5px !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; } .ec-store input[type="text"], .ec-store input[type="email"], .ec-store input[type="tel"], .ec-store input[type="number"], .ec-store select, .ec-store textarea { font-size: 16px !important; } /* Secondary ecommerce buttons */ html body .ec-store .details-product-purchase .form-control--button.form-control--primary > .form-control__button:not(.sq-shop-hat-hooks-button), html body .ec-store .details-product-purchase__checkout > .form-control__button, html body .ec-store .details-product-purchase__add-more > .form-control__button, html body .ec-store .ec-cart__button:not(.ec-cart__button--paypal) .form-control__button:not(.sq-shop-hat-hooks-button) { box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 0 !important; border-radius: 5px !important; background: var(--sq-charcoal) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; box-shadow: none !important; transform: none !important; transition: background-color 140ms ease, box-shadow 140ms ease, transform 80ms ease !important; } html body .ec-store .details-product-purchase .form-control--button.form-control--primary > .form-control__button:not(.sq-shop-hat-hooks-button):hover, html body .ec-store .details-product-purchase .form-control--button.form-control--primary > .form-control__button:not(.sq-shop-hat-hooks-button):focus, html body .ec-store .details-product-purchase__checkout > .form-control__button:hover, html body .ec-store .details-product-purchase__checkout > .form-control__button:focus, html body .ec-store .details-product-purchase__add-more > .form-control__button:hover, html body .ec-store .details-product-purchase__add-more > .form-control__button:focus, html body .ec-store .ec-cart__button:not(.ec-cart__button--paypal) .form-control__button:not(.sq-shop-hat-hooks-button):hover, html body .ec-store .ec-cart__button:not(.ec-cart__button--paypal) .form-control__button:not(.sq-shop-hat-hooks-button):focus { background: var(--sq-charcoal-hover) !important; box-shadow: var(--sq-utility-shadow) !important; transform: none !important; } html body .ec-store .details-product-purchase .form-control--button.form-control--primary > .form-control__button:not(.sq-shop-hat-hooks-button):active, html body .ec-store .details-product-purchase__checkout > .form-control__button:active, html body .ec-store .details-product-purchase__add-more > .form-control__button:active, html body .ec-store .ec-cart__button:not(.ec-cart__button--paypal) .form-control__button:not(.sq-shop-hat-hooks-button):active { background: var(--sq-charcoal-hover) !important; box-shadow: none !important; transform: translateY(1px) !important; } /* Product-card Buy Now is a standalone glossy red CTA, including cards in Ecwid's related-products carousel. */ html body .ec-store .grid-product .grid-product__buy-now .form-control.form-control--button > .form-control__button { box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 0 !important; border-radius: 5px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; box-shadow: var(--sq-primary-shadow) !important; overflow: hidden !important; transition: background 160ms ease, box-shadow 160ms ease, transform 80ms ease !important; } html body .ec-store .grid-product .grid-product__buy-now .form-control.form-control--button > .form-control__button .form-control__button-text, html body .ec-store .form-control--primary .form-control__button-text, html body .ec-store .details-product-purchase__checkout .form-control__button-text, html body .ec-store .details-product-purchase__add-more .form-control__button-text, html body .ec-store .ec-cart__button .form-control__button-text { color: inherit !important; -webkit-text-fill-color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } html body .ec-store .form-control__button:focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } html body .ec-store .form-control--disabled > .form-control__button, html body .ec-store .form-control__button:disabled { opacity: 0.65 !important; box-shadow: none !important; transform: none !important; } .ec-store .grid-product__buy-now, .ec-store .details-product-purchase__checkout, .ec-store .details-product-purchase__add-more, .ec-store .ec-cart__button, .ec-store .details-product-purchase .form-control--button.form-control--primary { overflow: visible !important; } /* Neutral utility controls */ html body .ec-store .ec-cart-coupon__button > .form-control__button, html body .ec-store .favorite-product__button-add > .form-control__button { box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 1px solid #cccccc !important; border-radius: 5px !important; background: #ffffff !important; color: #333333 !important; -webkit-text-fill-color: #333333 !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; box-shadow: none !important; } html body .ec-store .ec-cart-coupon__button > .form-control__button:hover, html body .ec-store .ec-cart-coupon__button > .form-control__button:focus, html body .ec-store .favorite-product__button-add > .form-control__button:hover, html body .ec-store .favorite-product__button-add > .form-control__button:focus { background: #f2f2f2 !important; box-shadow: var(--sq-utility-shadow) !important; } .ec-store .ec-likely__widget { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-width: 44px !important; min-height: 44px !important; padding: 8px 12px !important; border-radius: 5px !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; } /* Preserve the original bundle-selector appearance and behavior. Only its typography follows the Squatchee™ type system. */ html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice .form-control__inline-label label, html body .ec-store .product-details__sidebar .form-control--checkbox-button > .form-control__radio[name^="CHOOSE YOUR HAT WALL SIZE"] + .form-control__inline-label label { font-family: var(--sq-font-body) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; white-space: nowrap !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-tier { font-family: var(--sq-font-body) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; } /* Keep Ecwid's hover and selected states on the full selector surface. */ .ec-size .ec-store .squatchee-bundle-choice > .form-control__inline-label, .ec-size .ec-store .squatchee-bundle-choice > .form-control__inline-label > label, .ec-size .ec-store .squatchee-bundle-choice > .form-control__radio[name^="CHOOSE YOUR HAT WALL SIZE"]:checked + .form-control__inline-label, .ec-size .ec-store .squatchee-bundle-choice > .form-control__radio[name^="CHOOSE YOUR HAT WALL SIZE"]:checked + .form-control__inline-label > label { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-tier { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15px !important; margin: 0 0 4px !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-per-hook, html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-unit-price { color: rgba(255, 255, 255, 0.86) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important; font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; margin-top: 4px !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-unit-price { margin-top: 0 !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .details-product-option__title { font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: 0.02em !important; } html body .ec-store .product-details__sidebar .details-product-purchase__qty-label { font-family: var(--sq-font-body) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.35 !important; letter-spacing: 0.02em !important; white-space: nowrap !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .details-product-option__title { margin-bottom: 10px !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product:not(.squatchee-bundle-custom-qty) .details-product-purchase__qty { display: none !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product.squatchee-bundle-custom-qty .details-product-purchase__qty, html body .ec-store.ec-store__product-page--478851810 .details-product-purchase__qty { display: flex !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-height: 44px !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin: 8px 0 !important; padding: 0 !important; } html body .ec-store .product-details__sidebar.squatchee-hook-product.squatchee-bundle-custom-qty .details-product-purchase__qty > label, html body .ec-store.ec-store__product-page--478851810 .details-product-purchase__qty > label { display: flex !important; flex: 0 1 auto !important; align-items: center !important; min-width: 0 !important; margin: 0 !important; } /* Quantity field with two full-size neutral controls. */ html body .ec-store .details-product-purchase__qty { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-height: 44px !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; } html body .ec-store .product-details__sidebar .details-product-purchase__qty .details-product-purchase__qty-field { box-sizing: border-box !important; display: flex !important; flex: 0 0 140px !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; height: 44px !important; border: 0 !important; border-radius: 5px !important; background: linear-gradient( to right, #ffffff 0, #ffffff 52px, transparent 52px, transparent 100% ) !important; box-shadow: none !important; overflow: hidden !important; } html body .ec-store .details-product-purchase__qty-field > input[name="ec-qty"] { box-sizing: border-box !important; flex: 0 0 52px !important; width: 52px !important; height: 44px !important; min-height: 44px !important; padding: 8px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--sq-charcoal) !important; -webkit-text-fill-color: var(--sq-charcoal) !important; box-shadow: none !important; font-size: 16px !important; } html body .ec-store .sq-qty-stepper { position: static !important; display: flex !important; flex: 0 0 88px !important; flex-direction: row !important; width: 88px !important; height: 44px !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; background: var(--sq-charcoal) !important; } html body .ec-store .sq-qty-stepper__button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--sq-charcoal) !important; color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: none !important; } html body .ec-store .sq-qty-stepper__button + .sq-qty-stepper__button { border-top: 0 !important; border-left: 1px solid rgba(255, 255, 255, 0.45) !important; } html body .ec-store .sq-qty-stepper__button:hover, html body .ec-store .sq-qty-stepper__button:focus, html body .ec-store .sq-qty-stepper__button:active { background: var(--sq-charcoal-hover) !important; } html body .ec-store .sq-qty-stepper__button:focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: -3px !important; } html body .ec-store .details-product-purchase__qty-note { flex-basis: 100% !important; font-family: var(--sq-font-body) !important; font-size: 12px !important; line-height: 1.5 !important; } html body #sq-free-shipping-banner { box-sizing: border-box !important; width: 100% !important; padding: 7px 14px !important; background: var(--sq-red) !important; color: #ffffff !important; text-align: center !important; font-family: var(--sq-font-body) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0.03em !important; } html body #sq-free-shipping-banner strong { font-family: inherit !important; font-size: inherit !important; font-weight: 700 !important; line-height: inherit !important; } html body .ec-store .squatchee-same-color-note { font-family: var(--sq-font-body) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; } html body .ec-store .squatchee-cart-price-per-pack { margin-top: 5px !important; color: #bdbdbd !important; -webkit-text-fill-color: #bdbdbd !important; } html body .ec-store .sq-shipping-note-cell { padding-top: 0 !important; padding-bottom: 10px !important; opacity: 0.78 !important; text-align: left !important; } html body .ec-store .squatchee-same-color-note { display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 44px !important; margin: 8px 0 0 !important; padding: 10px 8px !important; } .sq-cart--multiple .ec-cart__summary { display: table !important; visibility: visible !important; height: auto !important; max-height: none !important; overflow: visible !important; opacity: 1 !important; } .sq-cart--multiple .ec-cart-summary__body { display: table-row-group !important; visibility: visible !important; opacity: 1 !important; } .sq-cart--multiple .ec-cart-summary__row { display: table-row !important; visibility: visible !important; opacity: 1 !important; } .sq-cart--multiple .ec-cart-item__wrap-secondary, .sq-cart--multiple .ec-cart-item__price { visibility: visible !important; max-height: none !important; opacity: 1 !important; } .sq-shopping-image { cursor: pointer !important; } .sq-footer-shipping-promo { display: none !important; } body.sq-full-store-route .primaryContent > :not(.sq-store-route-host) { display: none !important; } body.sq-full-store-route .sq-store-route-host { box-sizing: border-box !important; margin-top: 0 !important; padding-top: 24px !important; } @media (max-width: 767px) { :root { --sq-cta-row-space: 8px; } .footerContent { padding-right: 16px !important; padding-left: 16px !important; } .primaryContent > .blockContainer > .blockContent { box-sizing: border-box !important; width: 100% !important; padding-right: 16px !important; padding-left: 16px !important; } body.sq-full-store-route .sq-store-route-host { padding-top: 16px !important; } .ec-minicart.ec-minicart--fixed.sq-mobile-cart-logo-aligned { top: var(--sq-mobile-cart-top, 60px) !important; bottom: auto !important; } .primaryContent > .blockContainer:not(.sq-store-route-host):has( > .blockContent > .blockText > .contentTitle:not(.dividerTitle--noText) ) { padding-top: var(--sq-section-space-mobile) !important; padding-bottom: 20px !important; } html#page_a7900d037cf642b994ac6501b0805e8f .primaryContent .simpleList .item, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ee14290ba6454377bd0974f7e6687a77 .item { padding: 16px !important; } .navContent a:not(.button), .navContent button:not(.button) { box-sizing: border-box !important; min-height: 44px !important; line-height: 1.4 !important; } .navContent a:not(.button) { font-size: 15px !important; } .navContent button:not(.button) { font-size: 15px !important; } .primaryContent > .blockContainer:first-child .blockContent > .blockText > .contentTitle:not(.dividerTitle--noText) { font-size: 30px !important; line-height: 1.1 !important; } .primaryContent .contentTitle:not(.dividerTitle--noText) { font-size: 24px !important; line-height: 1.15 !important; } .primaryContent h3.contentTitle:not(.dividerTitle--noText) { font-size: 19px !important; line-height: 1.2 !important; } .primaryContent .itemContent .contentTitle:not(.dividerTitle--noText) { font-size: 18px !important; line-height: 1.2 !important; } .primaryContent .imgCaption-title { font-size: 19px !important; line-height: 1.2 !important; } .primaryContent > .blockContainer:first-child .maxWidth--content > p:not(:has(> a.button)) { font-size: 16px !important; line-height: 1.45 !important; } .ec-store .page-title__name { font-size: 24px !important; } .ec-store .product-details__product-title { font-size: 22px !important; } .ec-store .ec-related-products__title { font-size: 20px !important; } .ec-store .ec-cart-step__title { font-size: 18px !important; } html body .primaryContent .imgEffect-overlay .imgEffect-content.imgEffect-content--showTitle > .contentTitle:not(.dividerTitle--noText) { font-size: 18px !important; line-height: 1.2 !important; } .navContent a.button, .primaryContent a.button, .primaryContent button.button { min-height: 44px !important; } } @media (prefers-reduced-motion: reduce) { .navContent a.button, .primaryContent a.button, .primaryContent button.button, .ec-store .form-control__button { transition: none !important; } } /* Home page spacing system: each divider owns the complete section boundary, while headings, supporting copy, media, captions, and CTAs use one shared mobile-first rhythm. This prevents Marketing 360 block padding from stacking on both sides of a divider. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent { --sq-home-divider-gap: 24px; --sq-home-heading-copy-gap: 12px; --sq-home-copy-media-gap: 24px; --sq-home-image-caption-gap: 16px; --sq-home-caption-copy-gap: 8px; } /* Retired duplicate divider blocks remain recoverable in the editor but do not render in the Home page draft or eventual published page. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent > :is( .blockWrap_a01b76edf93d411aa96970c1cc528d0e, .blockWrap_f1f75d0119924deca028c7cdcdeb5bc4 ) { display: none !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent > .blockContainer:has(.dividerTitle--noText) { box-sizing: border-box !important; margin: 0 !important; padding-top: var(--sq-home-divider-gap) !important; padding-bottom: var(--sq-home-divider-gap) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .dividerTitle--noText { box-sizing: border-box !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .dividerTitle--noText :is(.dividerTitle-textWrap, .scEditable--plainText) { height: 0 !important; min-height: 0 !important; font-size: 0 !important; line-height: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent > :is(.blockContainer, .itemsCollectionContainer):has( + .blockContainer .dividerTitle--noText ) { margin-bottom: 0 !important; padding-bottom: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent > .blockContainer:has(.dividerTitle--noText) + :is(.blockContainer, .itemsCollectionContainer) { padding-top: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent > .blockContainer:not(.sq-store-route-host):has( > .blockContent > .blockText > .contentTitle:not(.dividerTitle--noText) ) { margin-bottom: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .blockText > .contentTitle:not(.dividerTitle--noText) + .blockInnerContent { margin-top: var(--sq-home-heading-copy-gap) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .blockText + .blockImg { margin-top: var(--sq-home-copy-media-gap) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .imgCaption { padding-top: var(--sq-home-image-caption-gap) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .imgCaption-title { margin: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .imgCaption-title + .imgCaption-desc { margin-top: var(--sq-home-caption-copy-gap) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent .imgCaption-desc + .imgCaption-credit { margin-top: 4px !important; } @media (max-width: 767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent { --sq-home-divider-gap: 20px; --sq-home-heading-copy-gap: 8px; --sq-home-copy-media-gap: 20px; --sq-home-image-caption-gap: 12px; } } /* Home Hero: mobile-first copy, actions, proof, and one responsive YouTube video. The separate blocks remain in a simple reading order so the Hero is usable before the media loads and stays resilient across screen sizes. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_ec542ffecede4e1e88ecf2209dad012a { padding-top: 28px !important; padding-bottom: 8px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_ec542ffecede4e1e88ecf2209dad012a .blockInnerContent { max-width: 650px !important; margin-inline: auto !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 { padding-top: 0 !important; padding-bottom: 12px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; max-width: 700px !important; margin-inline: auto !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText > p, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) > p { margin: 0 !important; padding: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 a[href$="/hat-wall-gallery"]:not(.button) { display: inline-flex !important; align-items: center !important; min-height: 44px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 a[href$="/hat-wall-gallery"]:not(.button):focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText > p:last-child, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) > p:last-child { color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b59aa7ebd616483b94a5da3a74c55922 { padding-top: 8px !important; padding-bottom: 36px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b59aa7ebd616483b94a5da3a74c55922 > .blockContent { box-sizing: border-box !important; width: 100% !important; max-width: 900px !important; margin-inline: auto !important; padding-inline: 16px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b59aa7ebd616483b94a5da3a74c55922 :is(.blockInnerContent, .blockVideo, .videoWrapper, .responsiveVideo) { width: 100% !important; max-width: none !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b59aa7ebd616483b94a5da3a74c55922 iframe[src*="z2nxpkLHqKM"] { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; border: 0 !important; border-radius: 8px !important; background: #000000 !important; } @media (max-width: 767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText > p:last-child, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) > p:last-child { font-size: clamp(11px, 3.33vw, 13px) !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; white-space: nowrap !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText > p:first-child, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) > p:first-child, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText > p:first-child > strong, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) > p:first-child > strong { box-sizing: border-box !important; display: block !important; width: 100% !important; max-width: 320px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 a.button:is([href$="/products"], [href*="#chooseyourfinish"]) { width: 100% !important; max-width: none !important; justify-content: center !important; } } @media (min-width: 768px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) { flex-flow: row wrap !important; justify-content: center !important; gap: 12px 20px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > .scEditable--richText > p:last-child, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content:not(:has(> .scEditable--richText)) > p:last-child { flex-basis: 100% !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b59aa7ebd616483b94a5da3a74c55922 > .blockContent { padding-inline: 22px !important; } } /* Home reviews CTA: approved red treatment. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body .block_f451e917a930480f92dcaf1afe7609cc a.button { background: linear-gradient(rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1)), url("/button-shine.png") 0 50% repeat-x, linear-gradient(#ff0000 0%, var(--sq-red-label) 18%, var(--sq-red-deep) 100%) !important; } /* Home: Built by Hat Collectors is an authenticity bridge between customer proof and practical FAQs. Keep the authentic behind-the-scenes image and concise origin-story copy together in a restrained composition. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 { padding-top: 0 !important; padding-bottom: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 > .blockContent { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 760px !important; margin-inline: auto !important; padding-inline: 22px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockText { float: none !important; box-sizing: border-box !important; width: 100% !important; max-width: 640px !important; margin-inline: auto !important; text-align: center !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockText p { text-align: center !important; } /* On desktop, mirror the Made for Baseball Caps proportions while reversing the columns so the story reads toward its image. Mobile retains the stacked, centered treatment above for easier scanning. */ @media (min-width: 768px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 > .blockContent { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; gap: 38px !important; max-width: 980px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockImg, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockText { float: none !important; flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockText, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockText p { text-align: right !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 .blockText h2 { text-align: center !important; } } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b8469235975846e4974f77a899684255 { padding-top: var(--sq-cta-row-space) !important; padding-bottom: var(--sq-cta-row-space) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b8469235975846e4974f77a899684255 .blockInnerContent { text-align: center !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b8469235975846e4974f77a899684255 a.button[href$="/our-story"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 0 !important; border-radius: 5px !important; background: linear-gradient( rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient( #ff0000 0%, var(--sq-red-label) 18%, var(--sq-red-deep) 100% ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; text-decoration: none !important; box-shadow: var(--sq-primary-shadow) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b8469235975846e4974f77a899684255 a.button[href$="/our-story"]:is(:hover, :focus, :active) { border: 0 !important; border-radius: 5px !important; background: linear-gradient( rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient(var(--sq-red-hover), var(--sq-red-hover-deep)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; box-shadow: var(--sq-primary-shadow) !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_b8469235975846e4974f77a899684255 a.button[href$="/our-story"]:focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } @media (max-width: 767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_c0eb49aa31954806a942e192c6fcd898 > .blockContent { padding-inline: 16px !important; } } /* The Omnisend designer supports only flat colors. On the live site, give the popup's black GET 10% OFF submit button the approved Squatchee™ gloss and interaction treatment without changing the teaser surface. */ html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11 { box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 0 !important; border-radius: 5px !important; background: linear-gradient(rgba(17, 17, 17, 0.1), rgba(0, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#111111, #000000) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; box-shadow: var(--sq-primary-shadow) !important; cursor: pointer !important; transition: background 160ms ease, box-shadow 160ms ease !important; } html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:hover, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:focus, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:active, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:hover, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:focus, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:active { background: linear-gradient(rgba(89, 89, 89, 0.1), rgba(68, 68, 68, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#595959, #444444) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: var(--sq-primary-shadow) !important; } html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11:focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6834fff245b161ee77048c11 { transition: none !important; } } /* Typography only: preserve Omnisend's original white teaser surface and black border while matching the approved Squatchee™ CTA label system. */ html body #omnisend-form-6834ffe1d785b3e2e0e002de-teaser-btn, html body .omnisend-form-6834ffe1d785b3e2e0e002de-rectangle-teaser-btn { font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; } /* Omnisend's Success and Already Subscribed shopping actions use different generated IDs. Target only those two actions so every result-state SHOP HAT HOOKS button gets the approved red gloss without affecting other controls. */ html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379 { display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-height: var(--sq-button-min-height) !important; height: auto !important; padding: var(--sq-button-padding-block) var(--sq-button-padding-inline) !important; border: 0 !important; border-radius: 5px !important; background: linear-gradient(rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#ff0000 0%, #e60000 18%, #bf0000 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0.02em !important; text-decoration: none !important; box-shadow: var(--sq-primary-shadow) !important; cursor: pointer !important; transition: background 160ms ease, box-shadow 160ms ease !important; } html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:hover, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:focus, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:active, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:hover, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:focus, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:active, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:hover, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:focus, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:active, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:hover, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:focus, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:active { background: linear-gradient(rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#d90000, #a20000) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: var(--sq-primary-shadow) !important; } html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:focus-visible, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c:focus-visible, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:focus-visible, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379:focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6835015445b161ee77048c2c, html body #omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379, html body .omnisend-form-6834ffe1d785b3e2e0e002de-action-6847015253e7cb12dbd3d379 { transition: none !important; } } /* Home — Good to Know: a balanced 2 × 2 decision-support grid on desktop that becomes a concise, readable stack on mobile. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_bf0d1c693ab24894a6d2d25ae80a9277 { margin-bottom: 0 !important; padding-block: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .block_bf0d1c693ab24894a6d2d25ae80a9277 { width: auto !important; max-width: 980px !important; margin-inline: auto !important; padding-inline: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 1fr !important; gap: 24px !important; height: auto !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277::before, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277::after { content: none !important; display: none !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 > .packeryGutterSizer, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 > .packeryColumnSizer { display: none !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 > .item { position: static !important; inset: auto !important; display: flex !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 > .item > .itemContent { box-sizing: border-box !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; padding: 22px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 5px !important; background: rgba(0, 0, 0, 0.24) !important; text-align: left !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 .contentTitle { margin: 0 !important; padding: 0 0 8px !important; text-align: left !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 .contentTitle a:not([href]) { color: inherit !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 .itemInnerContent, html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 .itemInnerContent p { text-align: left !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 .itemInnerContent p { margin: 0 0 10px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 .itemInnerContent p:last-child { margin-bottom: 0 !important; } @media (max-width: 767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .block_bf0d1c693ab24894a6d2d25ae80a9277 { padding-inline: 16px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 { grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: auto !important; gap: 12px !important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 > .item > .itemContent { padding: 16px !important; } } /* Home: keep the Good to Know title clear of the first FAQ card on mobile. */ @media (max-width: 767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 { margin-top: 0 !important; } } /* Home hero: published pages omit the editor-only rich-text wrapper. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > p:last-child { color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; } @media (max-width: 767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .blockWrap_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > p:last-child { font-size: clamp(11px, 3.33vw, 13px) !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; white-space: nowrap !important; } } /* Home: give every substantive media surface the exact primary-button shadow. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent :is(img.contentImg, iframe[src*="youtube.com/embed/"], video), html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .primaryContent #mediaGalleryCarousel .fera-mediaGalleryCarousel-item { box-shadow: var(--sq-primary-shadow) !important; } /* Products Step 1: a compact, conversion-focused hero for paid traffic. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d { margin-bottom: 0 !important; padding: 48px 0 24px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .block_b19a6b839f6446c4a3a49ce7ec42b20d { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr) !important; align-items: center !important; gap: 48px !important; width: 100% !important; max-width: 1120px !important; margin: 0 auto !important; padding: 0 22px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockText { align-self: start !important; grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; padding-top: 28px !important; text-align: left !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .contentTitle { margin: 0 !important; padding: 0 0 16px !important; text-align: left !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockInnerContent, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Preview/editor pages retain the rich-text wrapper; published pages may not. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p { margin: 0 !important; padding: 0 !important; text-align: left !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:first-child, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:first-child { max-width: 520px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(2), html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(2) { width: 100% !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(2) .button, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(2) .button { width: min(100%, 320px) !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(3) a, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(3) a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(3) a:hover, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(3) a:focus, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(3) a:hover, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(3) a:focus { color: #ff4a4a !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(3) a:focus-visible, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(3) a:focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(4), html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(4) { font-family: var(--sq-font-body) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; white-space: nowrap !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockImg { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockImg > img.contentImg { display: block !important; width: min(100%, 500px) !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 auto !important; object-fit: cover !important; border-radius: 5px !important; box-shadow: var(--sq-primary-shadow) !important; } @media (max-width: 900px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .block_b19a6b839f6446c4a3a49ce7ec42b20d { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; max-width: 760px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockText { align-self: auto !important; grid-column: 1 !important; grid-row: 1 !important; padding-top: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockImg { grid-column: 1 !important; grid-row: 2 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .contentTitle, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p { text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) { align-items: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:first-child, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:first-child { max-width: 620px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(2), html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(2) { display: flex !important; justify-content: center !important; } } @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d { padding: 32px 0 16px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .block_b19a6b839f6446c4a3a49ce7ec42b20d { gap: 16px !important; padding: 0 16px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .contentTitle { padding-bottom: 12px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) { gap: 10px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(4), html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(4) { font-size: clamp(9.5px, 2.65vw, 12px) !important; letter-spacing: -0.01em !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockImg > img.contentImg { width: min(100%, 340px) !important; } } /* Products Hero desktop alignment refinement. */ @media (min-width: 901px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .contentTitle, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p { text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) { align-items: center !important; } } /* Products purchase grid: keep the Black and White choices side by side on actual mobile devices, even when Ecwid changes its generated data-cols value to one. The page and section IDs keep this override away from related-product carousels and every other storefront view. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .sq-products-grid-intro { box-sizing: border-box !important; width: 100% !important; max-width: 680px !important; margin: 0 auto 18px !important; padding: 0 16px !important; text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .sq-products-grid-intro h2 { margin: 0 !important; color: #ffffff !important; font-family: var(--sq-font-display) !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0.01em !important; text-align: center !important; text-wrap: balance; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .sq-products-grid-intro p { margin: 8px 0 0 !important; color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.45 !important; text-align: center !important; } @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .sq-products-grid-intro { margin-bottom: 14px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .sq-products-grid-intro h2 { font-size: 24px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .ec-store .grid__products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .ec-store .grid__products > .grid-product:is( .grid-product--id-427839477, .grid-product--id-451403998 ) { flex: none !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .ec-store .grid-product__buy-now .form-control__button { padding-right: 10px !important; padding-left: 10px !important; white-space: nowrap !important; } } /* Products purchase and related cards: use the exact #333333 gray from the alternate "Premium Adhesive Hat Hooks" graphic as a solid desktop hover surface. Include Replacement Adhesives. Keep purchase buttons, banners and native star colors unchanged. */ @media (min-width: 768px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .grid-product:is( .grid-product--id-427839477, .grid-product--id-451403998, .grid-product--id-478851810 ):hover > .grid-product__wrap > .grid-product__wrap-inner { background: #333333 !important; background-color: #333333 !important; background-clip: padding-box !important; opacity: 1 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .grid-product:is( .grid-product--id-427839477, .grid-product--id-451403998, .grid-product--id-478851810 ):hover :is( .grid-product__title, .grid-product__title-inner, .grid-product__subtitle, .grid-product__subtitle-inner, .grid-product__price, .grid-product__price-amount, .grid-product__price-value, .fera-averageRating-average-number ) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .grid-product:is( .grid-product--id-427839477, .grid-product--id-451403998, .grid-product--id-478851810 ):hover :is( .fera-averageRating-count, .fera-averageRating-count-str, .fera-averageRating-count-total, .fera-averageRating-count * ) { color: rgba(255, 255, 255, 0.82) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important; } } /* Products mobile hero: preserve the primary shopping action and proof line, remove the secondary gallery detour, and reveal the purchase choices sooner. */ @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d { padding: 20px 0 8px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .block_b19a6b839f6446c4a3a49ce7ec42b20d { gap: 10px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .contentTitle { padding-bottom: 8px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) { gap: 10px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > .scEditable--richText > p:nth-child(3), html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content:not(:has(> .scEditable--richText)) > p:nth-child(3) { display: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d .blockImg > img.contentImg { width: min(100%, 275px) !important; object-fit: contain !important; } } /* Keep the global header compact enough for the paid-traffic Products Hero to remain complete on shorter desktop screens. Mobile receives a lighter reduction while its menu and cart controls retain their 44px hit areas. */ @media (min-width: 768px) { html body #sq-free-shipping-banner { padding-top: 5px !important; padding-bottom: 5px !important; font-size: 12px !important; line-height: 1.25 !important; } .headerContainer { padding-top: 6px !important; padding-bottom: 6px !important; } .headerContent .logo img { width: auto !important; max-height: 82px !important; } } @media (max-width: 767px) { html body #sq-free-shipping-banner { padding-top: 5px !important; padding-bottom: 5px !important; } .headerContainer { padding-top: 7px !important; padding-bottom: 7px !important; } .headerContent .logo img { width: auto !important; max-height: 66px !important; } } /* Standard primary-navigation links: explicit white-to-red interaction states replace the theme's indistinguishable white-on-white hover treatment. */ .navContent #navTopLevel > li > a:not(.button) { box-sizing: border-box !important; display: flex !important; align-items: center !important; min-height: 44px !important; background: transparent !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; transition: color 160ms ease !important; } @media (hover: hover) and (pointer: fine) { .navContent #navTopLevel > li > a:not(.button):hover { background: transparent !important; color: var(--sq-red) !important; -webkit-text-fill-color: var(--sq-red) !important; box-shadow: none !important; } } .navContent #navTopLevel > li > a:not(.button):focus { background: transparent !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: none !important; } .navContent #navTopLevel > li > a:not(.button):focus-visible, .navContent #navTopLevel > li > a:not(.button)[aria-current="page"] { color: var(--sq-red) !important; -webkit-text-fill-color: var(--sq-red) !important; } .navContent #navTopLevel > li > a:not(.button):focus-visible { outline: 3px solid var(--sq-focus) !important; outline-offset: 3px !important; } .navContent #navTopLevel > li > a:not(.button):active { background: transparent !important; color: var(--sq-red-hover) !important; -webkit-text-fill-color: var(--sq-red-hover) !important; box-shadow: none !important; } /* SHOP HAT HOOKS is the only primary-navigation button. Keep its nav-link typography and full 44px interaction target while rendering the glossy red surface at exactly 90% scale. */ .navContent #navTopLevel > li > a.button.navButton[href*="/products"] { --sq-nav-button-surface: linear-gradient( rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient( #ff0000 0%, var(--sq-red-label) 18%, var(--sq-red-deep) 100% ); box-sizing: border-box !important; position: relative !important; isolation: isolate !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 44px !important; margin: 0 !important; padding: 9px 16px !important; border: 0 !important; border-radius: 5px !important; background: transparent !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.5 !important; letter-spacing: 0.02em !important; text-decoration: none !important; box-shadow: none !important; overflow: visible !important; transform: none !important; transition: background 160ms ease, box-shadow 160ms ease, transform 80ms ease !important; } .navContent #navTopLevel > li > a.button.navButton[href*="/products"]::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important; border-radius: 5px !important; background: var(--sq-nav-button-surface) !important; box-shadow: var(--sq-primary-shadow) !important; transform: scale(0.9) !important; transform-origin: center !important; } .navContent #navTopLevel > li > a.button.navButton[href*="/products"]:is(:hover, :focus, :active) { --sq-nav-button-surface: linear-gradient( rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1) ), url("/button-shine.png") 0 50% repeat-x, linear-gradient(var(--sq-red-hover), var(--sq-red-hover-deep)); background: transparent !important; box-shadow: none !important; } .navContent #navTopLevel > li > a.button.navButton[href*="/products"] p { position: relative !important; z-index: 1 !important; margin: 0 !important; color: inherit !important; -webkit-text-fill-color: inherit !important; font: inherit !important; letter-spacing: inherit !important; } @media (max-width: 767px) { .navContent #navTopLevel > li > a { width: 100% !important; } .navContent #navTopLevel > li > a.button.navButton[href*="/products"] { display: flex !important; justify-content: flex-start !important; font-size: 15px !important; } .navContent #navTopLevel > li > a.button.navButton[href*="/products"]::before { transform-origin: left center !important; } } @media (prefers-reduced-motion: reduce) { .navContent #navTopLevel > li > a { transition: none !important; } } @media (min-width: 901px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_b19a6b839f6446c4a3a49ce7ec42b20d { padding-top: 40px !important; } } /* Products: bundle-size comparison. This is an information grid, not a set of functioning selectors, so it stays visually distinct from Ecwid's live bundle controls while making the four current tiers easy to compare. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b { padding-top: 0 !important; padding-bottom: 24px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b > .blockContent { border-top: 1px solid rgba(255, 255, 255, 0.34) !important; padding-top: var(--sq-section-space) !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .contentTitle { padding-bottom: 12px !important; text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; max-width: var(--sq-content-max) !important; margin: 0 auto !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p { box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:first-child, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:last-child { grid-column: 1 / -1 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:first-child { max-width: 700px !important; margin: 0 auto 6px !important; font-size: 16px !important; line-height: 1.5 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:nth-child(n + 2):nth-child(-n + 5) { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 146px !important; padding: 18px 12px !important; border: 1px solid rgba(255, 255, 255, 0.26) !important; border-radius: 10px !important; background: rgba(51, 51, 51, 0.88) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.55 !important; letter-spacing: 0.01em !important; box-shadow: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:nth-child(n + 2):nth-child(-n + 5)::first-line { font-family: var(--sq-font-display) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.03em !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:nth-child(4) { border-color: var(--sq-red) !important; background: #333333 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:last-child { margin-top: 6px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; } @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b > .blockContent { padding-top: var(--sq-section-space-mobile) !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .contentTitle { padding-bottom: 10px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:first-child { margin-bottom: 4px !important; font-size: 15px !important; line-height: 1.45 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:nth-child(n + 2):nth-child(-n + 5) { min-height: 142px !important; padding: 15px 8px !important; font-size: 13.5px !important; line-height: 1.5 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:nth-child(n + 2):nth-child(-n + 5)::first-line { font-size: 18px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > p:last-child { margin-top: 4px !important; font-size: 13px !important; } } /* Marketing 360's design preview adds an editable max-width wrapper that is removed from the published page. Mirror the bundle grid inside that wrapper so draft desktop/mobile previews match the live rendering. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent > .maxWidth--content { width: 100% !important; max-width: var(--sq-content-max) !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; max-width: var(--sq-content-max) !important; margin: 0 auto !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p { box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:first-child, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:last-child { grid-column: 1 / -1 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:first-child { max-width: 700px !important; margin: 0 auto 6px !important; font-size: 16px !important; line-height: 1.5 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:nth-child(n + 2):nth-child(-n + 5) { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 146px !important; padding: 18px 12px !important; border: 1px solid rgba(255, 255, 255, 0.26) !important; border-radius: 10px !important; background: rgba(51, 51, 51, 0.88) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--sq-font-body) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.55 !important; letter-spacing: 0.01em !important; box-shadow: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent, .scEditable--richText) > p:nth-child(n + 2):nth-child(-n + 5) > :is(b, strong) { display: block !important; margin-bottom: 8px !important; font-family: var(--sq-font-display) !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.03em !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:nth-child(4) { border-color: var(--sq-red) !important; background: #333333 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:last-child { margin-top: 6px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; } @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:first-child { margin-bottom: 4px !important; font-size: 15px !important; line-height: 1.45 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:nth-child(n + 2):nth-child(-n + 5) { min-height: 142px !important; padding: 15px 8px !important; font-size: 13.5px !important; line-height: 1.5 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent, .scEditable--richText) > p:nth-child(n + 2):nth-child(-n + 5) > :is(b, strong) { margin-bottom: 6px !important; font-size: 18px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .scEditable--richText > p:last-child { margin-top: 4px !important; font-size: 13px !important; } } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockInnerContent:has(> .maxWidth--content) { display: block !important; width: 100% !important; max-width: var(--sq-content-max) !important; margin: 0 auto !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent, .scEditable--richText) > p:nth-child(4):nth-child(n + 2):nth-child(-n + 5) { border-color: var(--sq-red) !important; background: #333333 !important; } /* 2026-09-04: Products bundle comparison v2 and Home tile opacity parity. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 .items_bf0d1c693ab24894a6d2d25ae80a9277 > .item > .itemContent{background:rgba(51,51,51,.88)!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto repeat(5,auto) auto!important;gap:0 12px!important;width:100%!important;max-width:var(--sq-content-max)!important;margin:0 auto!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p{box-sizing:border-box!important;display:block!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;box-shadow:none!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p>:is(b,strong){display:inline!important;margin:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;font:inherit!important;letter-spacing:inherit!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:first-child{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;width:min(100%,700px)!important;padding-bottom:10px!important;font:400 16px/1.5 var(--sq-font-body)!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+2):nth-child(-n+21){display:block!important;min-height:0!important;padding-inline:10px!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;border-left:1px solid rgba(255,255,255,.26)!important;border-right:1px solid rgba(255,255,255,.26)!important;background:rgba(51,51,51,.88)!important;font-family:var(--sq-font-body)!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+2):nth-child(-n+6){grid-column:1!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+7):nth-child(-n+11){grid-column:2!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+12):nth-child(-n+16){grid-column:3!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+17):nth-child(-n+21){grid-column:4!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+2):nth-child(n+2):nth-child(-n+21){grid-row:2!important;padding:14px 10px 2px!important;border-top:1px solid rgba(255,255,255,.26)!important;border-radius:10px 10px 0 0!important;font:700 28px/1 var(--sq-font-display)!important;letter-spacing:.03em!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+3):nth-child(n+3):nth-child(-n+21){grid-row:3!important;padding:3px 10px 2px!important;font:700 18px/1.15 var(--sq-font-display)!important;letter-spacing:.03em!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+4):nth-child(n+4):nth-child(-n+21){grid-row:4!important;padding:7px 10px 2px!important;border-color:rgba(255,255,255,.26)!important;background:rgba(51,51,51,.88)!important;font-size:13.5px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.03em!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+5):nth-child(n+5):nth-child(-n+21){grid-row:5!important;padding:7px 10px 1px!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+1):nth-child(n+6):nth-child(-n+21){grid-row:6!important;padding:4px 10px 14px!important;border-bottom:1px solid rgba(255,255,255,.26)!important;border-radius:0 0 10px 10px!important;font-size:12.5px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.01em!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(4):nth-child(n+2):nth-child(-n+21){border-color:rgba(255,255,255,.26)!important;background:rgba(51,51,51,.88)!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(22){grid-column:1/-1!important;grid-row:7!important;padding-top:10px!important;color:var(--sq-red)!important;-webkit-text-fill-color:var(--sq-red)!important;font:700 14px/1.4 var(--sq-font-body)!important;letter-spacing:.03em!important;text-transform:uppercase!important;} @media(max-width:767px){ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto repeat(10,auto) auto!important;gap:0 10px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:first-child{padding-bottom:8px!important;font-size:15px!important;line-height:1.45!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+12):nth-child(-n+16){grid-column:1!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(n+17):nth-child(-n+21){grid-column:2!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+2):nth-child(n+12):nth-child(-n+17){grid-row:7!important;margin-top:10px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+3):nth-child(n+13):nth-child(-n+18){grid-row:8!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+4):nth-child(n+14):nth-child(-n+19){grid-row:9!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+5):nth-child(n+15):nth-child(-n+20){grid-row:10!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+1):nth-child(n+16):nth-child(-n+21){grid-row:11!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(22){grid-row:12!important;padding-top:9px!important;font-size:13px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+2):nth-child(n+2):nth-child(-n+21){padding-top:12px!important;font-size:24px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+3):nth-child(n+3):nth-child(-n+21){font-size:16px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+4):nth-child(n+4):nth-child(-n+21){font-size:12.5px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+5):nth-child(n+5):nth-child(-n+21){font-size:14px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText)>p:nth-child(5n+1):nth-child(n+6):nth-child(-n+21){padding-bottom:12px!important;font-size:11.5px!important;} } /* Products bundle comparison v3: linked, aligned tier cards. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;gap:10px 12px!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:first-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:last-child{grid-column:1/-1!important;grid-row:auto!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:first-child{padding-bottom:0!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card{display:grid!important;grid-template-rows:minmax(44px,auto) minmax(32px,auto) minmax(34px,auto) minmax(32px,auto) minmax(36px,auto)!important;align-content:stretch!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:10px!important;background:rgba(51,51,51,.88)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:background-color 160ms ease,box-shadow 160ms ease,transform 80ms ease!important} @media(hover:hover) and (pointer:fine){html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card:hover{background:rgba(59,59,59,.94)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;box-shadow:0 6px 14px rgba(0,0,0,.24)!important;transform:translateY(-1px)!important}} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card:focus-visible{outline:0!important;box-shadow:0 0 0 3px var(--sq-focus),0 6px 14px rgba(0,0,0,.24)!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card:active{transform:translateY(0)!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:var(--sq-font-body)!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-align:center!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p>:is(b,strong){display:inline!important;margin:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;font:inherit!important;letter-spacing:inherit!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(1){padding:12px 10px 3px!important;font-family:var(--sq-font-display)!important;font-size:27px!important;font-weight:700!important;line-height:1!important;letter-spacing:.03em!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(2){position:relative!important;padding:3px 10px 7px!important;background:linear-gradient(180deg,#ff9b9b 0%,#ff4545 27%,#f00 49%,#bf0000 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#f00!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.38));font-family:var(--sq-font-display)!important;font-size:17px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:.04em!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(2)::after{position:absolute!important;bottom:1px!important;left:50%!important;width:28px!important;height:1px!important;background:rgba(255,255,255,.45)!important;content:""!important;transform:translateX(-50%)!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(3){padding:5px 10px 3px!important;font-size:13.5px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:.04em!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(4){padding:4px 10px 2px!important;font-size:16px!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;line-height:1.25!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(5){padding:3px 10px 11px!important;font-size:12.5px!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;line-height:1.3!important;letter-spacing:.01em!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:last-child :is(b,strong){padding-top:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:var(--sq-font-body)!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em!important;text-transform:uppercase!important} @media(max-width:767px){html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card{grid-template-rows:minmax(42px,auto) minmax(30px,auto) minmax(32px,auto) minmax(31px,auto) minmax(36px,auto)!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p{padding-right:8px!important;padding-left:8px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(1){padding-top:11px!important;font-size:23px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(2){font-size:15px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(3){font-size:12.5px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(4){font-size:14px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(5){font-size:12px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b :is(.blockInnerContent,.scEditable--richText):has(>.sq-bundle-card)>p:last-child :is(b,strong){font-size:13px!important}} @media(prefers-reduced-motion:reduce){html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card{transition:none!important}} /* Keep the shared bundle shipping note visually consistent after cards are grouped. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .maxWidth--content .scEditable--richText:has(>.sq-bundle-card)>p:nth-child(6):last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .maxWidth--content .scEditable--richText:has(>.sq-bundle-card)>p:nth-child(6):last-child :is(b,strong){grid-column:1/-1!important;grid-row:auto!important;margin:0!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:var(--sq-font-body)!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em!important;text-transform:uppercase!important} @media(max-width:767px){html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .maxWidth--content .scEditable--richText:has(>.sq-bundle-card)>p:nth-child(6):last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .maxWidth--content .scEditable--richText:has(>.sq-bundle-card)>p:nth-child(6):last-child :is(b,strong){font-size:13px!important}} /* Published markup uses blockInnerContent instead of the editor's rich-text class. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockText .blockInnerContent:has(>.sq-bundle-card)>p:nth-child(6):last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockText .blockInnerContent:has(>.sq-bundle-card)>p:nth-child(6):last-child :is(b,strong){grid-column:1/-1!important;grid-row:auto!important;margin:0!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:var(--sq-font-body)!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em!important;text-transform:uppercase!important} @media(max-width:767px){html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockText .blockInnerContent:has(>.sq-bundle-card)>p:nth-child(6):last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockText .blockInnerContent:has(>.sq-bundle-card)>p:nth-child(6):last-child :is(b,strong){font-size:13px!important}} /* Bundle tier names are the primary card headline. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card{grid-template-rows:minmax(36px,auto) minmax(46px,auto) minmax(34px,auto) minmax(32px,auto) minmax(36px,auto)!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(1){padding:10px 10px 2px!important;font-size:20px!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(2){padding:2px 8px 10px!important;font-size:28px!important;line-height:1!important} html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(2)::after{bottom:2px!important} @media(max-width:767px){html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card{grid-template-rows:minmax(34px,auto) minmax(42px,auto) minmax(32px,auto) minmax(31px,auto) minmax(36px,auto)!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(1){padding-top:9px!important;font-size:18px!important}html#page_eaa494a30dd4426d8dedfb03efaf3f62 .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card>p:nth-child(2){font-size:23px!important}} /* Shipping/returns is supporting copy, never a fifth tile. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .maxWidth--content .scEditable--richText:has(>.sq-bundle-card)>p:nth-child(6):last-child,html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .blockText .blockInnerContent:has(>.sq-bundle-card)>p:nth-child(6):last-child{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} /* Bundle titles: exact approved red-button gloss clipped to lettering. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(2) { background: linear-gradient(rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#ff0000 0%, #e60000 18%, #bf0000 100%) !important; background-size: auto, auto, auto !important; background-origin: border-box !important; background-blend-mode: normal, normal, normal !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; filter: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card:is(:hover, :focus, :active) > p:nth-child(2) { background: linear-gradient(rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#d90000, #a20000) !important; background-size: auto, auto, auto !important; background-origin: border-box !important; background-blend-mode: normal, normal, normal !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; filter: none !important; } /* Products Step 4: one readable, manually controlled customer-proof section. * Appended to Marketing 360 custom CSS on September 5, 2026. * Preserve the original gallery as a loading/failure fallback. */ .block_e6bd13ca6af64dccad257b6f84f76bdb, .block_e6bd13ca6af64dccad257b6f84f76bdb > .blockText, .block_e6bd13ca6af64dccad257b6f84f76bdb > .sq-fera-runtime-slot { animation: none !important; transition: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; min-width: 0; } .block_e6bd13ca6af64dccad257b6f84f76bdb.sq-fera-runtime-ready .blockImg.sq-fera-legacy-gallery { display: none !important; } .block_e6bd13ca6af64dccad257b6f84f76bdb .sq-fera-runtime-slot { box-sizing: border-box !important; width: 100% !important; max-width: 980px !important; min-width: 0; margin: 20px auto 0 !important; } [data-fera-id="fwid_3GpMoGg"] .fera-slider-track { overflow: hidden !important; } [data-fera-id="fwid_3GpMoGg"] .fera-slider-slides { align-items: stretch !important; } [data-fera-id="fwid_3GpMoGg"] .fera-review { box-sizing: border-box !important; height: auto !important; background: #ffffff !important; color: #222222 !important; border: 1px solid #dddddd !important; border-radius: 8px !important; } [data-fera-id="fwid_3GpMoGg"] .fera-review-body { display: block !important; overflow: visible !important; -webkit-line-clamp: unset !important; color: #222222 !important; font-family: "Inter", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; } [data-fera-id="fwid_3GpMoGg"] .fera-review-body .fera-truncatedText-showMore { margin-left: 4px; font-size: 14px !important; text-decoration: underline !important; } [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails .fera-media-thumbnail { width: 96px !important; height: 96px !important; border-radius: 5px; box-shadow: var(--sq-primary-shadow, 0 8px 18px rgba(0, 0, 0, 0.28)); } /* Match the Home customer-proof CTA without changing its destination. * The inert ID in :is beats the legacy multi-:not secondary-button rule. */ html body .primaryContent :is(#sq-products-proof-cta, .block_b1489d73ae4d4814b8cd9557212a582b) a.button { background: linear-gradient(rgba(255, 0, 0, 0.1), rgba(191, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#ff0000 0%, #e60000 18%, #bf0000 100%) !important; } html body .primaryContent :is(#sq-products-proof-cta, .block_b1489d73ae4d4814b8cd9557212a582b) a.button:is(:hover, :focus, :active) { background: linear-gradient(rgba(217, 0, 0, 0.1), rgba(162, 0, 0, 0.1)), url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x, linear-gradient(#d90000, #a20000) !important; } /* Products square-photo testimonial cards — September 5, 2026. * Two-line excerpts, product footers and responsive scroll-snap navigation. * Shared Home/Products appearance; original text, product mappings and filters unchanged. */ :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) { transform:none !important; animation:none !important; opacity:1 !important; visibility:visible !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] { width:100% !important; max-width:980px !important; margin:20px auto 0 !important; position:relative; box-sizing:border-box; padding-inline:52px !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-slider { width:100% !important; max-width:100% !important; margin:0 !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review { padding:0 0 14px !important; margin-top:8px !important; margin-bottom:20px !important; box-shadow:var(--sq-primary-shadow,0 8px 18px rgba(0,0,0,.28)) !important; overflow:visible !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-content { display:flex !important; flex-direction:column !important; gap:8px !important; text-align:left !important; height:100%; min-width:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-content > * { margin:0 14px !important; min-width:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails { order:-1; position:relative; display:block !important; width:100%; aspect-ratio:1 / 1; height:auto !important; margin:0 0 4px !important; overflow:hidden; border-radius:7px 7px 0 0; background:#eee; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails:empty { display:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails .fera-media-thumbnail { position:absolute !important; width:44px !important; height:44px !important; padding:0 !important; margin:0 !important; display:block !important; bottom:10px; right:10px; overflow:hidden; border-radius:4px !important; background:#eee; box-sizing:border-box; box-shadow:0 1px 6px rgba(0,0,0,.35) !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails .fera-media-thumbnail:first-child { position:relative !important; inset:auto; width:100% !important; height:100% !important; aspect-ratio:1; border-radius:0 !important; box-shadow:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails .fera-media-thumbnail:not(:first-child) { border:2px solid #fff; z-index:1; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails .fera-media-thumbnail:nth-child(3) { right:62px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-media-thumbnails .fera-media-thumbnail:nth-child(4) { right:114px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-media-thumbnail-image { display:block; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-ratingAndDate { display:flex !important; align-items:center; gap:8px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] :is(.fera-review-date,.fera-review-product,.sq-review-original-source) { display:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] :is(.fera-review-heading,.fera-review-ratingAndDate,.fera-customer-display) { width:auto !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-heading { color:#222 !important; font:600 16px/1.35 "Inter",Arial,sans-serif !important; white-space:normal !important; overflow:visible !important; overflow-wrap:break-word; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-review-body { display:block !important; overflow:visible !important; -webkit-line-clamp:unset !important; font:400 15px/1.5 "Inter",Arial,sans-serif !important; color:#333 !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-inline-body { display:block; white-space:normal; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-excerpt { display:inline !important; -webkit-line-clamp:unset !important; overflow:visible !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] :is(.sq-review-read-more,.fera-review-body .fera-truncatedText-showMore) { position:relative; display:inline-block !important; vertical-align:baseline; min-height:0 !important; height:auto !important; min-width:0 !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; color:#333 !important; font:600 14px/22.5px "Inter",Arial,sans-serif !important; text-transform:none !important; letter-spacing:normal !important; text-decoration:underline !important; white-space:nowrap !important; cursor:pointer; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] :is(.sq-review-read-more,.fera-review-body .fera-truncatedText-showMore)::after { content:""; position:absolute; inset:-10px 0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-read-more[hidden] { display:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-customer-display { margin-top:2px !important; padding:0 !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-customer-display-text { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:8px; row-gap:2px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-customer-display-name { color:#222 !important; font:600 14px/1.4 "Inter",Arial,sans-serif !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-customer-display-location { color:#666 !important; font:400 13px/1.4 "Inter",Arial,sans-serif !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-testimonialCarousel-nav { position:static !important; display:flex !important; align-items:center; justify-content:center; gap:8px; margin:0 !important; height:56px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-testimonialCarousel-nav .fera-media-nav-btn { position:static !important; width:56px !important; height:56px !important; transform:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-testimonialCarousel-nav [data-fera-action="showNext"] { transform:rotate(180deg) !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] :is([role="button"],button,a):focus-visible { outline:2px solid #2468b4 !important; outline-offset:2px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .fera-media-thumbnail:focus-visible { outline-offset:-3px; } /* Keep authentic Fera cards/actions, but use browser scrolling for 3/2/1 cards. * Hide native loop copies and controls so duplicate content is not focusable. */ :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) .sq-review-scroll-carousel .fera-slider-track { overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; touch-action:pan-x pan-y; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) .sq-review-scroll-carousel .fera-slider-track::-webkit-scrollbar { display:none; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) .sq-review-scroll-carousel .fera-slider-slides { display:flex !important; width:100% !important; transform:none !important; transition:none !important; gap:20px !important; align-items:stretch !important; overflow:visible !important; touch-action:pan-x pan-y; user-select:text; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) .sq-review-scroll-carousel .fera-review { flex:0 0 calc((100% - 40px) / 3) !important; width:calc((100% - 40px) / 3) !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; scroll-snap-align:start; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"].sq-review-scroll-carousel :is(.glide__slide--clone,.fera-testimonialCarousel-nav) { display:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer { display:block !important; order:10; border-top:1px solid #ddd !important; text-decoration:none !important; padding:12px 0 0 !important; margin-top:auto !important; width:auto !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link { display:flex !important; align-items:center; gap:10px; min-height:48px; width:100%; text-align:left; text-decoration:none !important; color:#222 !important; background:none !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-image-container { display:block !important; width:40px; flex:0 0 40px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-img { width:40px !important; height:40px !important; object-fit:contain; box-shadow:none !important; border-radius:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-text-container { display:block !important; flex:1; min-width:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link-caption { display:block !important; color:#222 !important; font:600 14px/1.4 "Inter",Arial,sans-serif !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-name { display:block !important; white-space:nowrap !important; color:#555 !important; text-transform:uppercase !important; font:600 var(--sq-review-product-title-size,14px)/1.4 "Antonio","Arial Narrow",Arial,sans-serif !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-caret-container { display:block; flex:0 0 12px; color:#666; font:400 24px/1 Arial,sans-serif; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer a:hover .fera-review-product-link-caption { text-decoration:underline; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-controls { position:static; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-controls[hidden] { display:none; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-arrow { position:absolute !important; top:var(--sq-review-arrow-top,160px); transform:translateY(-50%); width:44px !important; height:44px !important; min-width:44px; min-height:44px; z-index:3; padding:0 !important; border:0 !important; border-radius:50% !important; background:#fff !important; color:#333 !important; box-shadow:0 2px 8px #0003 !important; font:400 30px/44px Arial,sans-serif !important; text-align:center; cursor:pointer; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-prev { left:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-next { right:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-arrow:hover { background:#f2f2f2 !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-dots { display:flex; justify-content:center; flex-wrap:wrap; margin:-8px 0 0; gap:0; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-dot { position:relative; width:22px !important; min-width:22px !important; height:44px !important; min-height:44px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; cursor:pointer; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-dot::before { content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:#fff6; top:19px; left:8px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-dot[aria-current="true"]::before { background:#fff; } .fera-review-modal.sq-products-review-dialog :is(.fera-review-date,.fera-customer-display-avatar) { display:none !important; } .fera-review-modal.sq-products-review-dialog .fera-customer-display-text { margin-left:0 !important; } .fera-media-lightbox-gallery.sq-products-review-lightbox .fera-lightbox-close-btn { display:flex !important; align-items:center; justify-content:center; width:44px !important; height:44px !important; background:#fff !important; color:#222 !important; opacity:1 !important; border-radius:50%; border:0 !important; text-decoration:none !important; box-shadow:0 2px 8px #0003; font:400 30px/1 Arial,sans-serif !important; } @media (max-width:899px) { :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) .sq-review-scroll-carousel .fera-review { flex-basis:calc((100% - 20px) / 2) !important; width:calc((100% - 20px) / 2) !important; } } @media (max-width:639px) { :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] { padding-inline:48px !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) .sq-review-scroll-carousel .fera-review { flex-basis:100% !important; width:100% !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link { gap:6px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-dots { width:calc(100% + 96px); margin-left:-48px; margin-right:-48px; } } /* Let the complete name use the footer width at every screen size. This keeps * one-line titles legible without shortening the catalog's product names. */ @media all { :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link { display:grid !important; grid-template-columns:32px minmax(0,1fr) 12px; column-gap:6px; row-gap:5px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-text-container { display:contents !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-image-container { grid-column:1; grid-row:1; width:32px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-img { width:32px !important; height:32px !important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link-caption { grid-column:2; grid-row:1; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-caret-container { grid-column:3; grid-row:1; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-name { grid-column:1 / -1; grid-row:2; } } /* Products — Before You Build. Match Home's Good to Know card system. Scoped to the native FAQ blocks; no storefront or Home changes. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ca1ee835dbbd4deaa051c345d34a1a31 { padding-bottom: 24px !important; margin-bottom: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_ca1ee835dbbd4deaa051c345d34a1a31 .contentTitle { margin: 0 !important; padding-bottom: 0 !important; text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ee14290ba6454377bd0974f7e6687a77 { margin-block: 0 !important; padding-block: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_ee14290ba6454377bd0974f7e6687a77 { box-sizing: border-box !important; width: auto !important; max-width: 980px !important; margin-inline: auto !important; padding-inline: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 1fr !important; gap: 24px !important; height: auto !important; margin: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77::before, html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77::after { content: none !important; display: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 > :is(.packeryGutterSizer, .packeryColumnSizer) { display: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_ee14290ba6454377bd0974f7e6687a77 .items_ee14290ba6454377bd0974f7e6687a77 > .item { position: static !important; inset: auto !important; display: flex !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 > .item > .itemContent { box-sizing: border-box !important; display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; padding: 22px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 5px !important; background: rgba(51, 51, 51, 0.88) !important; text-align: left !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 .contentTitle { margin: 0 !important; padding: 0 0 8px !important; font-family: var(--sq-font-display) !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: left !important; text-transform: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 .contentTitle a:not([href]) { color: inherit !important; cursor: default !important; pointer-events: none !important; text-decoration: none !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 :is(.itemInnerContent, .itemInnerContent p) { font-family: var(--sq-font-body) !important; font-size: 16px !important; line-height: 1.55 !important; text-align: left !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 .itemInnerContent p { margin: 0 0 10px !important; padding: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 .itemInnerContent p:last-child { margin-bottom: 0 !important; } /* The inline accessory link stays identifiable without another CTA button. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 .itemInnerContent a[href] { color: #ffffff !important; text-decoration: none !important; font-weight: 700 !important; font-style: italic !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 .itemInnerContent a[href]:focus-visible { outline: 2px solid var(--sq-focus); outline-offset: 3px; } @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_ee14290ba6454377bd0974f7e6687a77 { padding-inline: 16px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 { grid-template-columns: minmax(0, 1fr) !important; grid-auto-rows: auto !important; gap: 12px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .items_ee14290ba6454377bd0974f7e6687a77 > .item > .itemContent { padding: 16px !important; } } /* Products closing CTA: compact, centered, and isolated from other sections. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .blockWrap_abc4dbd9a4374cf6ae24c6ff2c5e3bd1 { margin-bottom: 0 !important; padding-bottom: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1 .maxWidth--content { max-width: 600px !important; margin-inline: auto !important; text-align: center !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1 .blockInnerContent p { margin: 0 !important; padding: 0 !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1 .blockImg { padding-top: 16px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1 .imgShape { box-shadow: var(--sq-primary-shadow) !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_bcf3efd31d544a32bbf6f479e5473bd5 { margin-block: 0 !important; padding-top: 24px !important; padding-bottom: 40px !important; overflow: visible !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_bcf3efd31d544a32bbf6f479e5473bd5 p { margin: 0 !important; padding: 0 !important; } @media (max-width: 767px) { html#page_eaa494a30dd4426d8dedfb03efaf3f62 .primaryContent .block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1 .imgShape { max-width: 320px !important; margin-inline: auto !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_bcf3efd31d544a32bbf6f479e5473bd5 { padding-top: 20px !important; } } /* BEGIN HOME PRODUCTS CONSISTENCY 2026-09-05 */ html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent { --sq-boundary-gap:24px;--sq-heading-gap:12px;--sq-content-gap:24px;--sq-statement-gap:16px;--sq-caption-gap:10px;--sq-card-gap:24px;--sq-card-inset:22px; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent > :is(.blockWrap_b458ce2a2b3e49709c1cd57b9aba4a88,.blockWrap_e573f850541140dd8d3bb502a5b1a9c1,.blockWrap_af2c036dcd7749fab0d6b49dca509d80,.blockWrap_ae15e3509c0941f68146672ab277dfe3,.blockWrap_f6a40d753f2847fa8bb8bc99864dbcbb,.blockWrap_f451e917a930480f92dcaf1afe7609cc,.blockWrap_c0eb49aa31954806a942e192c6fcd898,.blockWrap_b8469235975846e4974f77a899684255,.blockWrap_cffb7016e3ea409cbd9d38e35410934d,.blockWrap_bf0d1c693ab24894a6d2d25ae80a9277,.blockWrap_b89d4f612af94db690c45a80ac7bf595,.blockWrap_e6322e1438ff4d7daeec7864c69083ea,.blockWrap_c785d3d875b746e4979314b741811f1b,.blockWrap_ad67d68c5741493b82200b0f9943e57b,.blockWrap_b0e635a710784f6da4c510da720a2462,.blockWrap_f8a91607d9604d989723d5b69c636bf7,.blockWrap_e6bd13ca6af64dccad257b6f84f76bdb,.blockWrap_b1489d73ae4d4814b8cd9557212a582b,.blockWrap_ca1ee835dbbd4deaa051c345d34a1a31,.blockWrap_ee14290ba6454377bd0974f7e6687a77,.blockWrap_abc4dbd9a4374cf6ae24c6ff2c5e3bd1,.blockWrap_bcf3efd31d544a32bbf6f479e5473bd5) { margin-block:0!important;padding-block:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent > .blockContainer:has(.dividerTitle--noText) { margin-block:0!important;padding-block:var(--sq-boundary-gap)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .dividerTitle--noText { height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;line-height:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent > :is(.blockWrap_e573f850541140dd8d3bb502a5b1a9c1,.blockWrap_f451e917a930480f92dcaf1afe7609cc,.blockWrap_b8469235975846e4974f77a899684255,.blockWrap_b89d4f612af94db690c45a80ac7bf595,.blockWrap_c785d3d875b746e4979314b741811f1b,.blockWrap_f8a91607d9604d989723d5b69c636bf7,.blockWrap_b1489d73ae4d4814b8cd9557212a582b,.blockWrap_bcf3efd31d544a32bbf6f479e5473bd5) { padding-top:var(--sq-content-gap)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_e573f850541140dd8d3bb502a5b1a9c1,.block_f451e917a930480f92dcaf1afe7609cc,.block_b8469235975846e4974f77a899684255,.block_b89d4f612af94db690c45a80ac7bf595,.block_c785d3d875b746e4979314b741811f1b,.block_f8a91607d9604d989723d5b69c636bf7,.block_b1489d73ae4d4814b8cd9557212a582b,.block_bcf3efd31d544a32bbf6f479e5473bd5) :is(.blockText,.blockInnerContent,p) { margin-block:0!important;padding-block:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .blockText > .contentTitle:not(.dividerTitle--noText) { margin-block:0!important;padding-block:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .blockText > .contentTitle:not(.dividerTitle--noText) + .blockInnerContent { margin-top:var(--sq-heading-gap)!important;padding-top:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .blockInnerContent :is(p:first-child,p:last-child) { margin-block:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_b458ce2a2b3e49709c1cd57b9aba4a88,.block_ae15e3509c0941f68146672ab277dfe3,.block_b0e635a710784f6da4c510da720a2462) .blockImg { margin-top:var(--sq-content-gap)!important;padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_b458ce2a2b3e49709c1cd57b9aba4a88,.block_ae15e3509c0941f68146672ab277dfe3) .imgCaption { padding-top:var(--sq-content-gap)!important;padding-bottom:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .imgCaption-title { margin:0!important;padding-bottom:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .imgCaption-title + .imgCaption-desc { margin-top:var(--sq-caption-gap)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_d634217b62164748bc7ce435e36a33b0,.block_b19a6b839f6446c4a3a49ce7ec42b20d) a[href*="/hat-wall-gallery"] { font-family:"Antonio","Arial Narrow",Arial,sans-serif!important;font-weight:600!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_af2c036dcd7749fab0d6b49dca509d80,.block_c0eb49aa31954806a942e192c6fcd898) .blockInnerContent p { margin:0!important;padding:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_af2c036dcd7749fab0d6b49dca509d80,.block_c0eb49aa31954806a942e192c6fcd898) .blockInnerContent p + p { margin-top:var(--sq-statement-gap)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_af2c036dcd7749fab0d6b49dca509d80,.block_c0eb49aa31954806a942e192c6fcd898) .blockInnerContent :is(strong,b) { font-family:"Antonio","Arial Narrow",Arial,sans-serif!important;font-weight:600!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent > :is(.blockWrap_cffb7016e3ea409cbd9d38e35410934d,.blockWrap_ca1ee835dbbd4deaa051c345d34a1a31) { padding-bottom:var(--sq-content-gap)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.items_bf0d1c693ab24894a6d2d25ae80a9277,.items_ee14290ba6454377bd0974f7e6687a77) { gap:var(--sq-card-gap)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.items_bf0d1c693ab24894a6d2d25ae80a9277,.items_ee14290ba6454377bd0974f7e6687a77) > .item > .itemContent { padding:var(--sq-card-inset)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_b458ce2a2b3e49709c1cd57b9aba4a88,.block_af2c036dcd7749fab0d6b49dca509d80,.block_c0eb49aa31954806a942e192c6fcd898,.block_e6322e1438ff4d7daeec7864c69083ea,.block_b19a6b839f6446c4a3a49ce7ec42b20d,.block_b0e635a710784f6da4c510da720a2462,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) :is(.blockImg,.blockImg a,.imgShape img) { box-shadow:none!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_b458ce2a2b3e49709c1cd57b9aba4a88,.block_af2c036dcd7749fab0d6b49dca509d80,.block_c0eb49aa31954806a942e192c6fcd898,.block_e6322e1438ff4d7daeec7864c69083ea,.block_b19a6b839f6446c4a3a49ce7ec42b20d,.block_b0e635a710784f6da4c510da720a2462,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) .imgShape { box-shadow:var(--sq-primary-shadow)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .block_ae15e3509c0941f68146672ab277dfe3 :is(.blockImg,.imgShape,a) { box-shadow:none!important;background-color:transparent!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent .block_ae15e3509c0941f68146672ab277dfe3 img { box-shadow:var(--sq-primary-shadow)!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) { display:flex!important;flex-direction:column!important;align-items:center!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) .blockText { order:0;width:100%!important;padding:0!important;margin:0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) .blockImg { order:1;width:100%!important;padding:0!important;margin:var(--sq-content-gap) 0 0!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) .imgShape { width:100%!important;max-width:400px!important;margin-inline:auto!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent > :is(.blockWrap_c785d3d875b746e4979314b741811f1b,.blockWrap_bcf3efd31d544a32bbf6f479e5473bd5) { padding-bottom:40px!important; } @media(max-width:767px){ html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent { --sq-boundary-gap:20px;--sq-heading-gap:10px;--sq-content-gap:20px;--sq-statement-gap:12px;--sq-caption-gap:8px;--sq-card-gap:12px;--sq-card-inset:16px; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62) body#ecwid_body .primaryContent :is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1) .imgShape { max-width:320px!important; } } /* END HOME PRODUCTS CONSISTENCY 2026-09-05 */ /* BEGIN HOME BENEFITS AND REVIEW CONTROLS 2026-09-05 */ :is(.blockWrap_b3345b31837b4b2b89530f5c474a5ed5,.block_b3345b31837b4b2b89530f5c474a5ed5) { animation:none!important;transform:none!important;opacity:1!important;visibility:visible!important; } #chooseyourfinish { scroll-margin-top:12px; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-arrow { display:grid!important;place-items:center;font-size:0!important;line-height:1!important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-arrow::before { content:"";display:block;width:10px;height:10px;box-sizing:border-box;border:0;border-top:2px solid currentColor;border-right:2px solid currentColor;background:none;position:absolute;top:50%;left:50%; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-prev::before { transform:translate(-50%,-50%) translateX(2px) rotate(-135deg); } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-next::before { transform:translate(-50%,-50%) translateX(-2px) rotate(45deg); } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p { margin:0!important;padding:0!important;text-align:center!important;min-width:0; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:first-child { grid-column:1 / -1;text-align:center!important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p > :is(strong,b) { display:block;font-size:18px!important;line-height:1.25!important;min-height:0;margin:0 0 6px!important; } .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:not(:first-child)::before { content:"";display:block;width:26px;height:26px;margin:0 auto 8px;background:var(--sq-benefit-icon) center / contain no-repeat; } .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:nth-child(2) { --sq-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012Z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3C%2Fsvg%3E"); } .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:nth-child(3) { --sq-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M22%2012c0-3.3-4.5-6-10-6S2%208.7%202%2012s4.5%206%2010%206c1.4%200%202.8-.2%204-.5L22%2012ZM22%2012c-4-1-7%201.5-6%205.5'%2F%3E%3C%2Fsvg%3E"); } .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:nth-child(4) { --sq-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%207a9%209%200%200%200-15-2L2%208m0-5v5h5M4%2017a9%209%200%200%200%2015%202l3-3m0%205v-5h-5'%2F%3E%3C%2Fsvg%3E"); } .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:nth-child(5) { --sq-benefit-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2022V3h16v12H4M4%203h7v6H4m7-3h9M4%2012h16M11%209h9'%2F%3E%3C%2Fsvg%3E"); } @media(max-width:767px) { :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] { padding-inline:0!important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-arrow { display:none!important; } :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-dots { width:100%;margin-inline:0; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent { gap:20px 16px; } } /* END HOME BENEFITS AND REVIEW CONTROLS 2026-09-05 */ /* BEGIN COLLECTOR STORY ICONS 2026-09-05 */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent { display:grid;grid-template-columns:minmax(0,1fr);gap:24px; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > :is(p,p + p) { margin:0!important;padding:0!important;text-align:center!important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > p > :is(strong,b) { display:block;font-size:18px!important;line-height:1.25!important;margin:0 0 6px!important; } .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > p:not(:first-child)::before { content:"";display:block;width:26px;height:26px;margin:0 auto 8px;background:var(--sq-story-icon) center / contain no-repeat; } .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > p:nth-child(2) { --sq-story-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20.8%204.6a5.5%205.5%200%200%200-7.8%200l-1%201-1-1a5.5%205.5%200%200%200-7.8%207.8L12%2021l8.8-8.6a5.5%205.5%200%200%200%200-7.8Z'%2F%3E%3C%2Fsvg%3E"); } .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > p:nth-child(3) { --sq-story-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cellipse%20cx%3D'12'%20cy%3D'5'%20rx%3D'9'%20ry%3D'3'%2F%3E%3Cpath%20d%3D'M3%205v3c0%201.7%204%203%209%203s9-1.3%209-3V5M4%2010v8c0%202%203.6%203.5%208%203.5s8-1.5%208-3.5v-8'%2F%3E%3C%2Fsvg%3E"); } .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > p:nth-child(4) { --sq-story-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ff0000'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2015v-3a7%207%200%200%201%2014%200v3M3%2015h14l5%202c-3%203-7%203-10%201l-9-3ZM10%205c3%202%204%205%204%2010M9%205V4h2'%2F%3E%3C%2Fsvg%3E"); } @media(max-width:767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent { gap:20px; } } /* END COLLECTOR STORY ICONS 2026-09-05 */ /* BEGIN SITEWIDE CAROUSEL DOTS 2026-09-05 */ body#ecwid_body .primaryContent .flex-control-nav.flex-control-paging { position:relative!important;bottom:auto!important;left:auto!important;width:100%!important;margin:-8px 0 0!important;padding:0!important;text-align:center!important;line-height:0!important;font-size:0!important; } body#ecwid_body .primaryContent .flex-control-paging > li { display:inline-block;margin:0!important;padding:0!important;vertical-align:top; } body#ecwid_body .primaryContent .flex-control-paging > li > a { position:relative;display:block;width:22px!important;height:44px!important;min-width:22px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;opacity:1!important;text-indent:-9999px;cursor:pointer; } body#ecwid_body .primaryContent .flex-control-paging > li > a::before { content:"";position:absolute;width:6px;height:6px;border-radius:50%;top:19px;left:8px;background:#fff6; } body#ecwid_body .primaryContent .flex-control-paging > li > a.flex-active::before { background:#fff; } body#ecwid_body .primaryContent .flex-control-paging > li > a:focus-visible { outline:2px solid #2468b4!important;outline-offset:2px; } @media(max-width:767px) { body#ecwid_body .primaryContent .flex-control-paging:has(> li:nth-child(2)) { display:block; } } /* END SITEWIDE CAROUSEL DOTS 2026-09-05 */ /* BEGIN HOME CAP AND FINISH SPACING 2026-09-05 */ .block_c0eb49aa31954806a942e192c6fcd898 .blockInnerContent > p:nth-child(4)::before { transform:scaleX(-1); } @media(max-width:767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .blockWrap_e573f850541140dd8d3bb502a5b1a9c1 { padding-top:0!important; } } /* END HOME CAP AND FINISH SPACING 2026-09-05 */ /* Product-detail-only controls. Never style these radios as glossy CTAs. */ html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice { box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;background:#3f3f3f!important;color:#fff!important;box-shadow:none!important; } html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice:hover {background:#595959!important;} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice:has(> input:checked) {background:#ff0000!important;} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice:has(> input:focus-visible) {outline:2px solid #8dc8ff!important;outline-offset:3px!important;} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice > .form-control__inline-label {display:block!important;box-sizing:border-box!important;width:100%!important;min-height:44px!important;padding:0!important;background:transparent!important;} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice > .form-control__inline-label > label {box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:44px!important;height:auto!important;margin:0!important;padding:10px 12px!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:left!important;white-space:nowrap!important;border:0!important;box-shadow:none!important;cursor:pointer!important;} /* The landing-page finish heading does not belong above individual products. */ body.sq-full-store-route .sq-products-grid-intro {display:none!important;} html body .ec-store .product-details__label-container[class*="product-details__label--SAVE-UP-TO-25"] {display:none!important;} /* Consistent full-width bundle choices and concise product-detail typography. */ html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-option-group {box-sizing:border-box!important;width:100%!important;flex:0 0 100%!important;margin:0 0 12px!important;} html body .ec-store .product-details__product-description p {margin:0 0 16px!important;line-height:1.5!important;} html body .ec-store .product-details__product-description strong {font-family:"Antonio","Arial Narrow",sans-serif!important;font-weight:700!important;line-height:1.35!important;} /* No rating is preferable to an undefined/zero empty state; rated products remain untouched. */ html body .ec-store .fera-rating-widget:has([data-fera-rating-count="0"]) {display:none!important;} /* Product quantity: keep custom arrows above Ecwid’s transparent loader. */ html body .ec-store .product-details__sidebar .details-product-purchase__qty-field > .sq-qty-stepper { position:relative!important; z-index:1!important; } /* Purchase hierarchy, scoped to native product details. */ html body .ec-store .product-details__sidebar .details-product-price__value {font-family:"Inter",Arial,sans-serif!important;font-size:30px!important;font-weight:700!important;line-height:1.15!important;font-variant-numeric:tabular-nums!important} html body .ec-store .product-details__sidebar .fera-productDetailRating-widget .fera-averageRating-average-number {font-size:18px!important;font-weight:700!important;line-height:1.2!important} html body .ec-store .product-details__sidebar .fera-productDetailRating-widget .fera-stars {font-size:19px!important;line-height:19px!important} html body .ec-store .product-details__sidebar .fera-productDetailRating-widget .fera-averageRating-count {font-size:15px!important;line-height:1.3!important} html body .ec-store .product-details__general-info > .product-details-module__title, html body .ec-store .product-details__sidebar.squatchee-hook-product .details-product-option__title {font-family:"Antonio","Arial Narrow",Arial,sans-serif!important;font-size:21px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:.015em!important;margin-bottom:12px!important} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-tier {display:block!important;width:fit-content!important;font-family:"Antonio","Arial Narrow",Arial,sans-serif!important;font-size:23px!important;font-weight:700!important;line-height:1!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin:0 0 6px!important;padding:2px 0 10px!important;background:linear-gradient(rgba(255,0,0,.1),rgba(191,0,0,.1)),url("https://thesquatchee.com/button-shine.png") 0 50% repeat-x,linear-gradient(#ff0000 0%,#e60000 18%,#bf0000 100%)!important;background-size:auto,auto,auto!important;background-origin:border-box!important;background-blend-mode:normal,normal,normal!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:none!important} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice.form-control--checkbox-button > .form-control__radio[name^="CHOOSE YOUR HAT WALL SIZE"] + .form-control__inline-label > label {font-family:"Inter",Arial,sans-serif!important;font-size:var(--sq-bundle-choice-size,14px)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.01em!important;white-space:nowrap!important;padding:10px 12px!important;min-height:46px!important;flex-direction:row!important;justify-content:center!important;text-align:center!important} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-per-hook {font-size:13px!important;line-height:1.35!important;margin:5px 0 0!important;color:rgba(255,255,255,.82)!important;-webkit-text-fill-color:rgba(255,255,255,.82)!important} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-option-group {margin:0!important} html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-option-group:last-child {margin-bottom:0!important} html body a.sq-replacement-adhesives-link,html body a.sq-replacement-adhesives-link :is(strong,b,em,i) {font-family:"Inter",Arial,sans-serif!important;font-size:inherit!important;font-weight:700!important;font-style:italic!important;text-transform:none!important;line-height:inherit!important;color:inherit!important;-webkit-text-fill-color:currentColor!important} html body a.sq-replacement-adhesives-link,html body a.sq-replacement-adhesives-link :is(strong,b,em,i) {text-decoration:none!important} html body a.sq-replacement-adhesives-link:focus-visible {outline:2px solid #8dc8ff!important;outline-offset:3px!important} @media(min-width:768px){html body .ec-store .product-details__sidebar .details-product-price__value{font-size:32px!important}} html body .ec-store .product-details__sidebar.squatchee-hook-product .details-product-option--CHOOSE-YOUR-HAT-WALL-SIZE .product-details-size__sizes {gap:16px!important} /* A single, quiet separator between choices; no extra line after Best Value. */ html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-option-group + .squatchee-bundle-option-group::before {content:"";display:block;height:1px;margin:0 0 16px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 22%,rgba(255,255,255,.4) 78%,transparent);pointer-events:none} /* Selected bundle choices restored to flat red. */ html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-choice:has(> input:checked) {background:#ff0000!important;border-radius:5px!important;box-shadow:none!important} /* Bundle-title shine alignment: paint across lettering, not padded grid boxes. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(2), html body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-tier { align-self:start!important;height:auto!important;min-height:0!important; background-origin:content-box!important; background-repeat:no-repeat,repeat-x,no-repeat!important; } /* Five native product reviews, with enlarged thumbnails beneath review text. */ html body #my-store-69674918 .sq-product-detail-reviews.fera-fwid_3GofDaY {box-sizing:border-box!important;padding:20px!important;margin-bottom:0!important;border-radius:8px;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-header h1 {font-family:Antonio,sans-serif!important;font-size:28px!important;line-height:1.2!important;} html body #my-store-69674918 .sq-product-detail-reviews :is(.fera-ratingSummary,.fera-ratingSummary-toggle,.sq-product-review-gallery) {display:none!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-items > .fera-review {position:relative!important;padding:18px 0!important;margin:0!important;border:0!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-content {display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;align-items:start!important;gap:6px 16px!important;width:100%!important;min-width:0!important;padding:0!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-content > * {margin:0!important;min-width:0!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-content > .fera-review-media-thumbnails:has(.fera-media) {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:4px 0!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails .fera-media {position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1!important;margin:0!important;overflow:hidden!important;border-radius:5px!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails img {display:block!important;width:100%!important;height:100%!important;aspect-ratio:1!important;max-height:none!important;object-fit:cover!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-heading {font-size:16px!important;font-weight:700!important;line-height:1.35!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-body {font-size:14px!important;line-height:1.5!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-customer-col {padding:0!important;width:100%!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-helpful {font-size:12px!important;} /* Equal related-product cards; prevent the accessory inheriting a 50% tile width. */ html body #my-store-69674918 .sq-product-detail-reviews + .ec-related-products {margin-top:32px!important;padding-top:0!important;} html body #my-store-69674918 .ec-related-products__title {font-family:Antonio,sans-serif!important;margin:0 0 16px!important;padding:0!important;text-align:center!important;} html body #my-store-69674918 .ec-related-products .grid__products {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:720px!important;margin:0 auto!important;} html body #my-store-69674918 .ec-related-products .grid-product {box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;} html body #my-store-69674918 .ec-related-products .grid-product__wrap {box-sizing:border-box!important;width:100%!important;padding:0!important;} html body #my-store-69674918 .ec-related-products .grid-product__wrap-inner {box-sizing:border-box!important;width:100%!important;height:100%!important;} html body #my-store-69674918 .ec-related-products .grid-product__image {width:100%!important;aspect-ratio:1!important;height:auto!important;} html body #my-store-69674918 .ec-related-products .grid-product__picture {object-fit:contain!important;} @media(max-width:767px) { html body #my-store-69674918 .sq-product-detail-reviews.fera-fwid_3GofDaY {padding:16px!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-heading {font-size:15px!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-top-controls {display:flex!important;flex-direction:column!important;gap:8px!important;} html body #my-store-69674918 .sq-product-detail-reviews :is(.fera-reviews-body-top-left,.fera-reviews-body-top-right) {width:100%!important;max-width:100%!important;flex-basis:auto!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-top-sort {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-top-sort-caption {white-space:nowrap!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-top-sort-dropdown {min-width:0!important;width:auto!important;max-width:100%!important;flex:1!important;} } /* Explicit product review controls and capped photo rows. */ html body #my-store-69674918 :is([data-fera-component="search"],.fera-reviews-search) {display:none!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-items > .fera-review + .fera-review::before {content:''!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(0,0,0,.25) 18%,rgba(0,0,0,.25) 82%,transparent)!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails > .fera-media:nth-child(n+4) {display:none!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails > .fera-media:nth-child(3):has(~ .fera-media)::after {content:'More photos';position:absolute;inset:auto 0 0;background:rgba(0,0,0,.75);color:#fff;font:600 12px/1.2 Inter,Arial,sans-serif;text-align:center;padding:6px 2px;pointer-events:none;} /* High-contrast close control for expanded Fera review photos. */ html body:has(.sq-product-detail-reviews) .fera-media-lightbox-gallery > .fera-lightbox-close-btn {display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;opacity:1!important;font:400 30px/1 Arial,sans-serif!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;} html body:has(.sq-product-detail-reviews) .fera-media-lightbox-gallery > .fera-lightbox-close-btn:focus-visible {outline:2px solid #222!important;outline-offset:3px!important;} /* Desktop product reviews: photos left, full-width copy and attribution right. */ @media(min-width:768px) { html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-items > .fera-review {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(4,min-content) 1fr!important;gap:8px 24px!important;align-items:start!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-items > .fera-review:has(.fera-review-media-thumbnails .fera-media) {grid-template-columns:minmax(0,min(35%,240px)) minmax(0,1fr)!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-content {display:contents!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-ratingAndDate {grid-row:1!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-heading {grid-row:2!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-body {grid-row:3!important;font-size:15px!important;line-height:1.55!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-customer-col {grid-row:4!important;margin:4px 0 0!important;max-width:none!important;flex:none!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-helpful {grid-row:5!important;margin-top:4px!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review :is(.fera-review-ratingAndDate,.fera-review-heading,.fera-review-body,.fera-review-customer-col,.fera-review-helpful) {grid-column:1!important;width:100%!important;max-width:none!important;min-width:0!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review:has(.fera-review-media-thumbnails .fera-media) :is(.fera-review-ratingAndDate,.fera-review-heading,.fera-review-body,.fera-review-customer-col,.fera-review-helpful) {grid-column:2!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-content > .fera-review-media-thumbnails:has(.fera-media) {display:contents!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails > .fera-media {grid-column:2!important;grid-row:5!important;justify-self:start!important;align-self:start!important;width:72px!important;height:72px!important;aspect-ratio:1!important;min-height:0!important;margin:0!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails > .fera-media:first-child {grid-column:1!important;grid-row:1 / -1!important;width:100%!important;height:auto!important;aspect-ratio:1!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails > .fera-media:nth-child(3) {margin-left:80px!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review-media-thumbnails img {position:absolute!important;inset:0!important;aspect-ratio:1!important;object-fit:cover!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-reviews-body-items > .fera-review:has(.fera-media:nth-child(2)) {grid-template-rows:repeat(5,min-content) 1fr!important;} html body #my-store-69674918 .sq-product-detail-reviews .fera-review:has(.fera-media:nth-child(2)) .fera-review-helpful {grid-row:6!important;} } /* Reuse the native badge, only when Fera confirms this product has zero reviews. */ html body .ec-store :is(.sq-product-detail-rating,.ec-related-products .sq-related-product-rating)[data-product-id="478851810"].fera-rating-widget:has([data-fera-rating-count="0"]) { display: block !important; } html body .ec-store :is(.sq-product-detail-rating,.ec-related-products .sq-related-product-rating)[data-product-id="478851810"]:has([data-fera-rating-count="0"]) .fera-stars-bg b { background-color: #d9d9d9 !important; color: transparent !important; -webkit-text-fill-color: transparent !important; } html body .ec-store :is(.sq-product-detail-rating,.ec-related-products .sq-related-product-rating)[data-product-id="478851810"]:has([data-fera-rating-count="0"]) .fera-averageRating-count::after { content: none !important; } /* Owner-selected Fera utility actions: flat secondary, not glossy primary. */ html body .fera.fera-modal .fera-btn.sq-review-secondary { background: #333333 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 0 !important; border-radius: 5px !important; box-shadow: none !important; min-height: 44px !important; font-family: "Inter", Arial, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .02em !important; } html body .fera.fera-modal .fera-btn.sq-review-secondary:is(:hover,:focus-visible) { background: #595959 !important; box-shadow: 0 1px 2px rgba(0,0,0,.15) !important; } html body .fera.fera-modal .fera-btn.sq-review-secondary:active { background: #595959 !important; box-shadow: none !important; transform: translateY(1px) !important; } html body .fera.fera-modal .fera-btn.sq-review-secondary::before, html body .fera.fera-modal .fera-btn.sq-review-secondary::after { background: none !important; box-shadow: none !important; } html body .fera.fera-modal .fera-btn.sq-review-secondary:focus-visible { outline: 2px solid #2468b4 !important; outline-offset: 2px !important; } /* Longer empty-state copy must fit the two-column mobile related cards. */ @media (max-width:767px) { html body .ec-store .ec-related-products .sq-related-product-rating[data-product-id="478851810"]:has([data-fera-rating-count="0"]) { container-type: inline-size; } html body .ec-store .ec-related-products .sq-related-product-rating[data-product-id="478851810"]:has([data-fera-rating-count="0"]) .fera-averageRating { max-width:100%!important; flex-wrap:wrap!important; justify-content:center!important; gap:3px!important; } html body .ec-store .ec-related-products .sq-related-product-rating[data-product-id="478851810"]:has([data-fera-rating-count="0"]) .fera-averageRating-count { font-size:clamp(10px,7cqw,13px)!important; } html body .ec-store .ec-related-products .sq-related-product-rating[data-product-id="478851810"]:has([data-fera-rating-count="0"]) .fera-stars b { width:clamp(12px,9cqw,16px)!important; height:clamp(12px,9cqw,16px)!important; } } /* Hide only the 99-item limit helper, preserving the native limit and errors. */ html body .ec-store.ec-store__product-page .details-product-purchase__qty:has(input[name="ec-qty"][max="99"]) > .details-product-purchase__qty-note { display: none !important; } /* Bundle pouch illustrations: pack count remains real, accessible text. */ .sq-bundle-card[data-sq-bundle-card="1"] { --sq-pouch-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%20104%22%20fill%3D%22none%22%20stroke%3D%22%23eeeeee%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2028h64v10l-3%202%203%202v54q-32%205-64%200V42l3-2-3-2Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M21%2047h58M22%2090q28%203%2056%200%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M44%2034h12a2%202%200%200%201%200%204H44a2%202%200%200%201%200-4Z%22%2F%3E%3C%2Fsvg%3E"); } .sq-bundle-card[data-sq-bundle-card="2"] { --sq-pouch-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%20104%22%20fill%3D%22none%22%20stroke%3D%22%23eeeeee%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M23%2022h64v68%22%20opacity%3D%220.57%22%2F%3E%3Cpath%20d%3D%22M18%2028h64v10l-3%202%203%202v54q-32%205-64%200V42l3-2-3-2Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M21%2047h58M22%2090q28%203%2056%200%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M44%2034h12a2%202%200%200%201%200%204H44a2%202%200%200%201%200-4Z%22%2F%3E%3C%2Fsvg%3E"); } .sq-bundle-card[data-sq-bundle-card="3"] { --sq-pouch-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%20104%22%20fill%3D%22none%22%20stroke%3D%22%23eeeeee%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M28%2016h64v68%22%20opacity%3D%220.69%22%2F%3E%3Cpath%20d%3D%22M23%2022h64v68%22%20opacity%3D%220.57%22%2F%3E%3Cpath%20d%3D%22M18%2028h64v10l-3%202%203%202v54q-32%205-64%200V42l3-2-3-2Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M21%2047h58M22%2090q28%203%2056%200%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M44%2034h12a2%202%200%200%201%200%204H44a2%202%200%200%201%200-4Z%22%2F%3E%3C%2Fsvg%3E"); } .sq-bundle-card[data-sq-bundle-card="4"] { --sq-pouch-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104%20104%22%20fill%3D%22none%22%20stroke%3D%22%23eeeeee%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M33%2010h64v68%22%20opacity%3D%220.81%22%2F%3E%3Cpath%20d%3D%22M28%2016h64v68%22%20opacity%3D%220.69%22%2F%3E%3Cpath%20d%3D%22M23%2022h64v68%22%20opacity%3D%220.57%22%2F%3E%3Cpath%20d%3D%22M18%2028h64v10l-3%202%203%202v54q-32%205-64%200V42l3-2-3-2Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20d%3D%22M21%2047h58M22%2090q28%203%2056%200%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M44%2034h12a2%202%200%200%201%200%204H44a2%202%200%200%201%200-4Z%22%2F%3E%3C%2Fsvg%3E"); } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card { grid-template-rows:120px minmax(42px,auto) minmax(32px,auto) minmax(31px,auto) minmax(36px,auto)!important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:first-child { position:relative!important; width:104px!important; height:104px!important; margin:8px auto!important; padding:0!important; justify-self:center; background:var(--sq-pouch-icon) center/contain no-repeat!important; font-size:17px!important; line-height:1!important; letter-spacing:.01em!important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:first-child > strong { position:absolute; top:57px; left:18px; width:64px; text-align:center; white-space:nowrap; } /* Both star layers share identical nonshrinking cells. Preserve native fill percentages. */ html body .ec-store .fera-averageRating .fera-stars { display:inline-flex!important; position:relative!important; flex:0 0 auto!important; width:5em!important; height:1em!important; line-height:1!important; padding:0!important; margin:0!important; } html body .ec-store .fera-averageRating .fera-stars > :is(.fera-stars-bg,.fera-stars-rating) { display:flex!important; flex:0 0 auto!important; flex-wrap:nowrap!important; width:100%!important; height:100%!important; gap:0!important; font-size:inherit!important; line-height:1!important; padding:0!important; margin:0!important; } html body .ec-store .fera-averageRating .fera-stars > .fera-stars-bg {position:relative!important;} html body .ec-store .fera-averageRating .fera-stars > .fera-stars-rating {position:absolute!important;top:0!important;left:0!important;} html body .ec-store .fera-averageRating .fera-stars > :is(.fera-stars-bg,.fera-stars-rating) > b { display:block!important;box-sizing:border-box!important;flex:0 0 1em!important;width:1em!important;min-width:1em!important;max-width:1em!important;height:1em!important;font-size:inherit!important;line-height:1!important;padding:0!important;margin:0!important; } /* Narrow product cards scale the complete rating, not individual layers. */ html body .ec-store .grid-product .fera-rating-widget {container-type:inline-size;} html body .ec-store .grid-product .fera-averageRating {flex-wrap:wrap!important;justify-content:center!important;gap:4px!important;} html body .ec-store .grid-product .fera-averageRating-average {flex:0 0 auto!important;gap:4px!important;} html body .ec-store .grid-product .fera-averageRating .fera-stars {font-size:clamp(11px,10cqw,17px)!important;} html body .ec-store .grid-product .fera-averageRating-average-number {font-size:clamp(12px,10cqw,16px)!important;} html body .ec-store .grid-product .fera-averageRating-count {font-size:clamp(10px,8cqw,13px)!important;} /* Owner-approved hook underline and optically centered pouch stacks. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card {grid-template-rows:124px minmax(42px,auto) minmax(32px,auto) minmax(31px,auto) minmax(36px,auto)!important;} .sq-bundle-card[data-sq-bundle-card="1"] {--sq-pouch-x:2px;--sq-pouch-y:-1.25px;} .sq-bundle-card[data-sq-bundle-card="2"] {--sq-pouch-x:-.5px;--sq-pouch-y:1.75px;} .sq-bundle-card[data-sq-bundle-card="3"] {--sq-pouch-x:-3px;--sq-pouch-y:4.75px;} .sq-bundle-card[data-sq-bundle-card="4"] {--sq-pouch-x:-5.5px;--sq-pouch-y:7.75px;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:first-child {align-self:start!important;justify-self:center!important;margin:0!important;transform:translate(var(--sq-pouch-x),var(--sq-pouch-y))!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(3) > strong {text-decoration-line:none!important;text-decoration-style:solid!important;text-decoration-color:currentColor!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(2)::after { content:none!important; display:none!important; } /* Reuse the original bundle-title accent beneath the hook quantity. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(3) {position:relative!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(3)::after {content:""!important;position:absolute!important;bottom:2px!important;left:50%!important;width:28px!important;height:1px!important;background:rgba(255,255,255,.45)!important;transform:translateX(-50%)!important;} /* Final bundle rhythm: explicit grouping, shared mobile line slots, label-width accent. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b {--sq-tier-height:28px;--sq-detail-height:16.25px;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card {grid-template-rows:114.5px var(--sq-tier-height) auto auto auto!important;align-content:start!important;row-gap:0!important;padding:0 8px!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p {margin:0!important;min-height:0!important;align-self:start!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:first-child {transform:translateX(var(--sq-pouch-x))!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(2) {height:var(--sq-tier-height)!important;padding:0!important;align-items:flex-end!important;line-height:1!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(3) {display:block!important;justify-self:center!important;width:max-content!important;max-width:100%!important;padding:10px 0 6px!important;line-height:1.25!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(3)::after {width:100%!important;bottom:0!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(4) {padding:12px 0 0!important;line-height:1.25!important;} html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(5) {height:calc(var(--sq-detail-height) + 24px)!important;padding:8px 0 16px!important;align-items:flex-start!important;line-height:1.3!important;} @media(max-width:767px) {html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b {--sq-tier-height:46px;--sq-detail-height:31.2px;}} /* Shared Home/Products carousel product footer: larger thumbnail with adjacent copy. */ html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link {display:grid!important;grid-template-columns:64px minmax(0,1fr) 12px!important;grid-template-rows:auto!important;align-items:center!important;column-gap:10px!important;row-gap:0!important;min-height:64px!important;} html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-image-container {grid-column:1!important;grid-row:1!important;width:64px!important;height:64px!important;margin:0!important;padding:0!important;align-self:center!important;} html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-img {display:block!important;width:64px!important;height:64px!important;max-width:100%!important;object-fit:contain!important;margin:0!important;} html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-text-container {display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;} html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-link-caption {margin:0 0 4px!important;padding:0!important;line-height:1.4!important;} html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-name {font-size:14px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important;width:auto!important;margin:0!important;padding:0!important;} html body :is(.block_e6bd13ca6af64dccad257b6f84f76bdb,.block_f6a40d753f2847fa8bb8bc99864dbcbb,.block_d0eb5cbcc81a4b289c87eb1aa550d141,.block_a4bccddaaf264b65904416a7e78b88de) [data-fera-id="fwid_3GpMoGg"] .sq-review-product-footer .fera-review-product-caret-container {grid-column:3!important;grid-row:1!important;align-self:center!important;margin:0!important;} /* Home benefit + desktop three-step controls, 2026-09-06. Append after existing custom CSS. Keep native carousel behavior. */ .block_af2c036dcd7749fab0d6b49dca509d80 .blockInnerContent > p:nth-child(3) { --sq-benefit-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff0000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2'/%3E%3Cpath d='M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2'/%3E%3Cpath d='M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E"); } @media(min-width:768px) { .block_ae15e3509c0941f68146672ab277dfe3 .flexMain { container-type:inline-size; box-sizing:border-box; padding-inline:52px; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow { position:absolute!important; top:calc((100cqw - 40px)/6)!important; transform:translateY(-50%)!important; display:grid!important; place-items:center; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background:#fff!important; color:#333!important; box-shadow:0 2px 8px #0003!important; font-size:0!important; line-height:1!important; text-indent:0!important; opacity:1!important; z-index:3; cursor:pointer; } body#ecwid_body .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow::before { content:""; display:block; position:absolute; top:50%; left:50%; width:10px; height:10px; box-sizing:border-box; background:none; border:0; border-top:2px solid currentColor; border-right:2px solid currentColor; } body#ecwid_body .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow--prev { left:0!important;right:auto!important; } body#ecwid_body .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow--next { right:0!important;left:auto!important; } body#ecwid_body .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow--prev::before { transform:translate(-50%,-50%) translateX(2px) rotate(-135deg); } body#ecwid_body .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow--next::before { transform:translate(-50%,-50%) translateX(-2px) rotate(45deg); } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow:hover { background:#f2f2f2!important; } body#ecwid_body .block_ae15e3509c0941f68146672ab277dfe3 .galleryArrow:focus-visible { outline:2px solid #8dc8ff;outline-offset:2px; } } /* Products benefit details: let copy determine height on mobile. */ @container(max-width:560px) { #sq-products-benefits .sq-hg-mobile-details { margin-bottom:16px!important; } #sq-products-benefits #sq-hg-detail { min-height:0!important; } } /* Owner-approved solid red bundle titles, 2026-09-06. All viewport sizes and interaction states; buttons remain unchanged. Append after the existing bundle title and shine-alignment styles. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .blockWrap_ad67d68c5741493b82200b0f9943e57b .sq-bundle-card > p:nth-child(2), html body#ecwid_body .ec-store .product-details__sidebar.squatchee-hook-product .squatchee-bundle-tier { background: none !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; color: #ff0000 !important; -webkit-text-fill-color: #ff0000 !important; text-shadow: none !important; filter: none !important; } /* Approved spacing refinements, 2026-09-06. Preserve logo sizing, desktop header, controls, and other section spacing. */ html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .sq-products-grid-intro > #chooseyourfinish + p, html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent #sq-products-benefits .sq-hg-section > header > h2 + p { margin-top: 12px !important; } @media (max-width: 767px) { html body .headerContainer { padding-top: 13px !important; padding-bottom: 13px !important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .sq-products-grid-intro > #chooseyourfinish + p, html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent #sq-products-benefits .sq-hg-section > header > h2 + p { margin-top: 10px !important; } } /* Mobile benefit hint: a text-width fading accent, not a full-width rule. */ @container (max-width: 560px) { html body#ecwid_body #sq-products-benefits #sq-hg-detail { border-top: 0 !important; } html body#ecwid_body #sq-products-benefits .sq-hg-tap-hint { position: relative !important; width: fit-content !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-bottom: 6px !important; } html body#ecwid_body #sq-products-benefits .sq-hg-tap-hint::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.45) 50%, transparent); pointer-events: none; } } /* Cart and every checkout summary share the same item treatment. */ html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__image { display: block !important; box-sizing: content-box !important; width: 88px !important; min-width: 88px !important; flex: 0 0 88px !important; padding: 0 16px 0 0 !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__picture { width: 100% !important; height: 88px !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__wrap { min-width: 0 !important; flex: 1 1 0 !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__wrap-primary { min-width: 0 !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__title { display: block !important; width: 100% !important; max-width: 100% !important; margin-bottom: 10px !important; white-space: nowrap !important; line-height: 1.25 !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__control { position: absolute !important; right: 0 !important; bottom: 0 !important; top: auto !important; margin: 0 !important; width: 44px !important; height: 44px !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) { position: relative !important; min-height: 104px !important; padding-bottom: 16px !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__price { display: none !important; } html body .ec-store .ec-cart-item:not(.squatchee-cart-tier4) .ec-cart-item__count { color: #bdbdbd !important; pointer-events: none !important; } html body .ec-store .ec-cart-item:not(.squatchee-cart-tier4) .ec-cart-item__count .form-control__arrow { display: none !important; } html body .ec-store .ec-cart-item .ec-cart-item__wrap-secondary { margin-top: 10px !important; padding-right: 44px !important; } html body .ec-store .ec-cart-item .squatchee-cart-price-per-pack { font-size: 12px !important; } html body .ec-store .ec-cart__credits-and-coupons--title { margin-bottom: var(--sq-checkout-field-gap, 20px) !important; } html body .ec-store .ec-cart__credits-and-coupons .ec-cart-coupon { margin-top: 0 !important; } html body .ec-store .ec-cart__credits-and-coupons .ec-cart-coupon__wrap { align-items: flex-start !important; } html body .ec-store .ec-cart-item:not(.squatchee-cart-tier4) .ec-cart-item__count .ec-link { color: #bdbdbd !important; -webkit-text-fill-color: #bdbdbd !important; cursor: default !important; } @media (max-width: 767px) { html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__image { width: 72px !important; min-width: 72px !important; flex-basis: 72px !important; padding-right: 12px !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__picture { height: 72px !important; } } /* Checkout summary space for full single-line product titles. */ @media (min-width: 1024px) { html body .ec-store .ec-cart__sidebar { width: 44% !important; } html body .ec-store .ec-cart__body { width: 56% !important; } } /* Quantity only for Best Value; remove-item control restored beside title. */ html body .ec-store .ec-cart-item:not(.squatchee-cart-tier4) .ec-cart-item__count, html body .ec-store .ec-cart-item:not(.squatchee-cart-tier4):not(.ec-cart-item--summary) .ec-cart-item__wrap-secondary { display:none !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__control { top:0 !important; bottom:auto !important; } html body .ec-store .ec-cart-item:has(.ec-cart-item__control) .ec-cart-item__title { width:calc(100% - 44px) !important; } /* Match native address label-to-field spacing, not instructional paragraphs. */ html body .ec-store .ec-cart__credits-and-coupons--title { margin-bottom:4px !important; } @media(max-width:767px) { html body .ec-store .ec-cart__credits-and-coupons--title { margin-bottom:5px !important; } } /* Equal-gap cart typography, centered beside the product image. */ html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__wrap { justify-content:flex-start !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__wrap-primary { display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:stretch !important; min-height:88px !important; gap:6px !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__title { margin:0 !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__pills:empty { display:none !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__options, html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__option, html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .squatchee-cart-price-per-pack { margin:0 !important; padding:0 !important; line-height:1.25 !important; } html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-option--value { display:block !important; line-height:1.25 !important; white-space:nowrap !important; } @media(max-width:767px){ html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__wrap-primary { min-height:72px !important; } } /* Keep bundle line boxes tight and compact checkout columns full-width. */ html body .ec-store .ec-cart-item:not(.ec-cart-item--summary) .ec-cart-item__option { display:block !important; } @media(max-width:1023px){ html body .ec-store .ec-cart { flex-direction:column !important; } html body .ec-store .ec-cart__sidebar, html body .ec-store .ec-cart__body { width:100% !important; } } /* Best Value cart packs: match the product-page control. */ html body .ec-store .ec-cart-item.sq-cart-packs-editable { flex-wrap:wrap!important; } html body .ec-store .ec-cart-item.sq-cart-packs-editable .ec-cart-item__wrap-secondary { display:none!important; } html body .ec-store .sq-cart-packs { flex:0 0 100%!important;width:100%!important;margin:12px 0 0!important; } html body .ec-store .sq-cart-packs__label { display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;color:#fff!important; } html body .ec-store .sq-cart-packs__field { display:flex!important;width:140px!important;height:44px!important;border-radius:5px!important;overflow:hidden!important; } html body .ec-store .sq-cart-packs input { box-sizing:border-box!important;width:52px!important;min-width:52px!important;height:44px!important;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#333!important;-webkit-text-fill-color:#333!important;font:400 16px Inter,sans-serif!important;appearance:textfield!important;-moz-appearance:textfield!important; } html body .ec-store .sq-cart-packs input::-webkit-inner-spin-button, html body .ec-store .sq-cart-packs input::-webkit-outer-spin-button { -webkit-appearance:none!important;margin:0!important; } /* Compact shared quantity selector: 36px visible surface, 44px hit targets. */ html body .ec-store .product-details__sidebar .details-product-purchase__qty .details-product-purchase__qty-field, html body .ec-store .sq-cart-packs__field {position:relative!important;display:grid!important;grid-template-columns:44px 40px 44px!important;width:128px!important;min-width:128px!important;max-width:128px!important;flex:0 0 128px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field::before, html body .ec-store .sq-cart-packs__field::before {content:""!important;position:absolute!important;inset:4px 0!important;border:1px solid #666!important;border-radius:5px!important;background:#242424!important;pointer-events:none!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field > .sq-qty-stepper, html body .ec-store .sq-cart-packs__field > .sq-qty-stepper {display:contents!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field > input[name="ec-qty"], html body .ec-store .sq-cart-packs__field > input {grid-column:2!important;grid-row:1!important;position:relative!important;z-index:1!important;width:40px!important;min-width:40px!important;height:44px!important;padding:0!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;font:400 14px Inter,sans-serif!important;} html body .ec-store .product-details__sidebar .sq-qty-stepper__button, html body .ec-store .sq-cart-packs .sq-qty-stepper__button {position:relative!important;z-index:1!important;grid-row:1!important;border:0!important;background:transparent!important;font-size:22px!important;font-weight:400!important;} html body .ec-store .sq-qty-stepper__button--decrease {grid-column:1!important;} html body .ec-store .sq-qty-stepper__button--increase {grid-column:3!important;} html body .ec-store .sq-cart-packs__label, html body .ec-store .details-product-purchase__qty-label {font-size:13px!important;font-weight:500!important;text-transform:none!important;line-height:1.3!important;} html body .ec-store .sq-cart-packs {margin-top:8px!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty {padding-top:0!important;padding-bottom:0!important;margin-top:8px!important;margin-bottom:8px!important;gap:8px!important;min-height:0!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field .form-control__placeholder {left:44px!important;top:0!important;width:40px!important;height:44px!important;padding:0!important;justify-content:center!important;pointer-events:none!important;z-index:1!important;color:#fff!important;font-size:14px!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field .form-control__placeholder-inner {padding:0!important;text-align:center!important;color:#fff!important;} /* Narrow pack selectors and remove reserved spacing below fixed bundles. */ html body .ec-store .product-details__sidebar .details-product-purchase__qty .details-product-purchase__qty-field,html body .ec-store .sq-cart-packs__field {grid-template-columns:44px 28px 44px!important;width:116px!important;min-width:116px!important;max-width:116px!important;flex-basis:116px!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field > input[name="ec-qty"],html body .ec-store .sq-cart-packs__field > input {width:28px!important;min-width:28px!important;} html body .ec-store .product-details__sidebar .details-product-purchase__qty-field .form-control__placeholder {width:28px!important;} html body .ec-store .ec-cart-item.squatchee-cart-bundle:not(.squatchee-cart-tier4) {min-height:0!important;height:auto!important;padding-bottom:0!important;margin-bottom:12px!important;} @media(max-width:767px){html body .ec-store .ec-cart__products--short-mobile .sq-cart-packs{display:none!important;}} /* Hide unavailable Add More without leaving a blank row. */ html body .ec-store .details-product-purchase__add-more.squatchee-same-color-disabled {display:none!important;} /* Matched shipping and payment cards. */ html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-cart-step__section > p:has(+ .ec-radiogroup){margin-bottom:0!important;padding-bottom:0!important;} html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup{margin-top:4px!important;} html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup__items{margin-top:0!important;border:0!important;overflow:visible!important;} html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup__item{background:#fff!important;color:#333!important;border:0!important;border-radius:2px!important;margin-top:0!important;box-shadow:none!important;} html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup__item + .ec-radiogroup__item{margin-top:8px!important;} html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup__item--checked, html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup__item:focus-within{box-shadow:inset 0 0 0 2px #1a7ac4!important;} html body .ec-store .ec-cart-step--delivery .ec-radiogroup__title,html body .ec-store .ec-cart-step--delivery .ec-radiogroup__data-title{color:#333!important;} html body .ec-store .ec-cart-step--delivery .ec-radiogroup__text{color:#666!important;} @media(max-width:767px){html body .ec-store :is(.ec-cart-step--delivery,.ec-cart-step--payment) .ec-radiogroup{margin-top:5px!important;}} /* White cart remove-item X, including hover and keyboard focus. */ html body .ec-store .ec-cart-item__control-inner, html body .ec-store .ec-cart-item__control-inner:hover, html body .ec-store .ec-cart-item__control-inner:focus { color: #fff !important; opacity: 1 !important; } html body .ec-store .ec-cart-item__control-inner svg { color: #fff !important; opacity: 1 !important; } /* Checkout coupon access, comment hint spacing, and inline pack multiplier. */ html body .ec-store .sq-checkout-pack-detail { display: flex !important; align-items: baseline !important; gap: 8px !important; } html body .ec-store .sq-checkout-pack-detail .ec-cart-item__count { margin: 0 !important; padding: 0 !important; } html body .ec-store .sq-checkout-pack-inline .ec-cart-item__wrap-secondary { display: none !important; } html body .ec-store .ec-cart-step__section:has(.ec-form--comments) { margin-top: 16px !important; } html body .ec-store .ec-cart-step__section:has(.ec-form--comments) > .ec-cart-step__subtitle { margin-bottom: 0 !important; padding-bottom: 0 !important; } html body .ec-store .ec-form--comments textarea::placeholder { color: #6e6e6e !important; opacity: 1 !important; -webkit-text-fill-color: #6e6e6e !important; } html body .ec-store .ec-form--comments .form-control__placeholder { display: none !important; } html body .ec-store .ec-cart .ec-form.ec-form--comments { padding-top: 4px !important; } @media (max-width: 767px) { html body .ec-store .ec-cart .ec-form.ec-form--comments { padding-top: 5px !important; } } html body .ec-store .sq-checkout-help { margin: 0 0 16px !important; /* Account for the text centered inside the 44px link target. */ padding-top: 4.8px !important; border-top: 1px solid #e6e6e6 !important; color: #fff !important; font: 400 14px/1.4 Inter, sans-serif !important; } html body .ec-store .sq-checkout-help-row { min-height: 44px !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; column-gap: 4px !important; } html body .ec-store .sq-checkout-help[hidden], html body .ec-store .sq-checkout-help-row[hidden] { display: none !important; } html body .ec-store .sq-checkout-help a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; margin: 0 !important; color: #1a7ac4 !important; font: inherit !important; } /* Match fixed-bundle spacing whenever no editable quantity selector is present. */ html body .ec-store .ec-cart-item.squatchee-cart-bundle:not(:has(.sq-cart-packs)) { min-height: 0 !important; height: auto !important; padding-bottom: 0 !important; margin-bottom: 12px !important; } /* Applied coupon codes retain the original white input surface. */ html body .ec-store .ec-cart-coupon--applied .ec-cart-coupon__input .form-control, html body .ec-store .ec-cart-coupon--applied .ec-cart-coupon__input .form-control__text { background: #fff !important; opacity: 1 !important; } html body .ec-store .ec-cart-coupon--applied .ec-cart-coupon__input .form-control__text { color: #333 !important; -webkit-text-fill-color: #333 !important; } /* Tighten spacing below editable pack selectors without resizing controls. */ html body .ec-store .ec-cart-item.sq-cart-packs-editable { min-height: 0 !important; height: auto !important; padding-bottom: 0 !important; margin-bottom: 12px !important; } /* Hide browser-native number arrows, including on focus; retain our +/- controls. */ html body .ec-store .product-details__sidebar input[name="ec-qty"], html body .ec-store .ec-cart-item input[type="number"] { -moz-appearance: textfield !important; appearance: textfield !important; } html body .ec-store .product-details__sidebar input[name="ec-qty"]::-webkit-inner-spin-button, html body .ec-store .product-details__sidebar input[name="ec-qty"]::-webkit-outer-spin-button, html body .ec-store .ec-cart-item input[type="number"]::-webkit-inner-spin-button, html body .ec-store .ec-cart-item input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none !important; appearance: none !important; display: none !important; margin: 0 !important; } /* Reviews & Hat Walls — Section 1 hero, September 7, 2026 */ .block_a38009558d894bc299a12dad001838de .blockInnerContent p { padding: 0 !important; margin: 0 !important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:first-child { margin-bottom: 24px !important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child { display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; margin-top: 12px !important; font-size: 14px; } .block_a38009558d894bc299a12dad001838de .blockInnerContent a.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child a { display: inline-flex; align-items: center; min-height: 44px; color: #379cce !important; text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 767px) { .block_a38009558d894bc299a12dad001838de { display: flex !important; flex-direction: column; } .block_a38009558d894bc299a12dad001838de .blockText { order: -1; width: 100% !important; margin: 0 0 20px !important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:first-child { margin-bottom: 20px !important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child { margin-top: 10px !important; } } /* Owner refinement: keep the Section 1 submission hyperlink white. */ .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child a { color: #ffffff !important; } /* Reviews hero: owner-approved Products sizing and centered actions. */ .block_a38009558d894bc299a12dad001838de .blockText, .block_a38009558d894bc299a12dad001838de .contentTitle, .block_a38009558d894bc299a12dad001838de .blockInnerContent { text-align:center!important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child { justify-content:center!important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent a.button { width:320px!important;max-width:100%!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 22px!important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child a { font-family:Antonio,"Arial Narrow",Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;font-style:italic!important;color:#fff!important; } .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child a::after { content:" →";white-space:pre;margin-left:5px; } .block_a38009558d894bc299a12dad001838de { box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(420px,1.08fr) minmax(0,.92fr)!important;align-items:center!important;gap:48px!important;width:100%!important;max-width:1120px!important;margin:0 auto!important;padding:0 22px!important; } .block_a38009558d894bc299a12dad001838de .blockText { width:100%!important;min-width:0!important;margin:0!important; } .block_a38009558d894bc299a12dad001838de .blockImg { width:100%!important;margin:0!important;display:flex!important;justify-content:center!important; } .block_a38009558d894bc299a12dad001838de .blockImg > a { display:block!important;width:100%!important;max-width:500px!important; } .block_a38009558d894bc299a12dad001838de .blockImg .squareImg { width:100%!important;max-width:500px!important;margin:0 auto!important; } @media(max-width:900px){ .block_a38009558d894bc299a12dad001838de { display:flex!important;flex-direction:column!important;gap:20px!important;padding:0 16px!important; } .block_a38009558d894bc299a12dad001838de .blockText { order:-1!important;margin:0!important; } } @media(max-width:767px){ .block_a38009558d894bc299a12dad001838de .blockImg > a, .block_a38009558d894bc299a12dad001838de .blockImg .squareImg { max-width:340px!important; } } /* Match the Home hero's secondary link exactly. */ .block_a38009558d894bc299a12dad001838de .blockInnerContent p:last-child a { font-family:Antonio,"Arial Narrow",Arial,sans-serif!important; font-size:16px!important;font-weight:600!important;font-style:normal!important; line-height:20px!important;letter-spacing:.02em!important;text-transform:uppercase!important; color:#fff!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important; } /* Sitewide spacing and branded media — September 7, 2026. Native content only; preserve Ecwid and review interiors. */ html[id] body#ecwid_body .primaryContent{--sq-boundary-gap:24px;--sq-heading-gap:12px;--sq-content-gap:24px;--sq-statement-gap:16px;--sq-caption-gap:10px;--sq-card-gap:24px;--sq-card-inset:22px;--sq-brand-radius:5px;} html[id] body#ecwid_body .primaryContent .blockText > .contentTitle:not(.dividerTitle--noText){margin-block:0!important;padding-block:0!important;} html[id] body#ecwid_body .primaryContent .blockText > .contentTitle:not(.dividerTitle--noText) + .blockInnerContent{margin-top:var(--sq-heading-gap)!important;padding-top:0!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent .blockText > .blockInnerContent > p,html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent .blockText > .blockInnerContent > .maxWidth--content > p{margin-block:0!important;padding-block:0!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent .blockText > .blockInnerContent > p + p,html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent .blockText > .blockInnerContent > .maxWidth--content > p + p{margin-top:var(--sq-statement-gap)!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent > :is(.blockContainer,.itemsCollectionContainer){margin-block:0!important;padding-block:0!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent > :is(.blockContainer,.itemsCollectionContainer) + :is(.blockContainer,.itemsCollectionContainer):not(:has(.dividerTitle--noText)){padding-top:var(--sq-content-gap)!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent > .blockContainer:has(.dividerTitle--noText) + :is(.blockContainer,.itemsCollectionContainer){padding-top:0!important;} html[id] body#ecwid_body .primaryContent > .blockContainer:has(.dividerTitle--noText){margin-block:0!important;padding-block:var(--sq-boundary-gap)!important;} html[id] body#ecwid_body .primaryContent .dividerTitle--noText{height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;line-height:0!important;} html[id] body#ecwid_body .primaryContent > .blockContainer:has(.dividerTitle--noText) + .blockContainer:has(.dividerTitle--noText){display:none!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent > :first-child{padding-top:48px!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent > :last-child{padding-bottom:40px!important;} html[id] body#ecwid_body .primaryContent .blockText > .blockInnerContent > p + p:has(a.button){margin-top:var(--sq-content-gap)!important;} html[id] body#ecwid_body .primaryContent .blockContent.hasImg:not(.imageGallery) > .blockImg :is(img.contentImg,.imgShape),html[id] body#ecwid_body .primaryContent .blockContent.hasImg:not(.imageGallery) > .blockImg > img.contentImg{border-radius:var(--sq-brand-radius)!important;} html[id] body#ecwid_body .primaryContent .blockContent.hasImg:not(.imageGallery) > .blockImg .imgShape{overflow:hidden!important;} html[id] body#ecwid_body .primaryContent .blockContent.layoutA.hasImg:not(.imageGallery) > .blockText{margin-block:0!important;padding-block:0!important;} html[id] body#ecwid_body .primaryContent .blockContent.layoutA.hasImg:not(.imageGallery):has(> .blockText) > .blockImg{margin-block:var(--sq-content-gap) 0!important;padding-block:0!important;} html[id] body#ecwid_body .primaryContent .imgCaption-title{margin:0!important;padding-bottom:0!important;} html[id] body#ecwid_body .primaryContent .imgCaption-title + .imgCaption-desc{margin-top:var(--sq-caption-gap)!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent .simpleList .item{margin-block:0 var(--sq-card-gap)!important;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent .simpleList .item:last-child{margin-bottom:0!important;} html[id] body#ecwid_body .primaryContent .simpleList .itemContent > .contentTitle{margin-block:0!important;padding-block:0!important;} html[id] body#ecwid_body .primaryContent .simpleList .itemContent > .contentTitle + .itemInnerContent{margin-top:var(--sq-heading-gap)!important;padding-top:0!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent > .blockWrap_a38009558d894bc299a12dad001838de{padding:24px 0 0!important;margin:0!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;align-items:start!important;gap:48px!important;max-width:1120px!important;width:100%!important;padding:0 22px!important;margin:0 auto!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de > .blockText{order:0!important;padding:28px 0 0!important;margin:0!important;width:100%!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de > .blockImg{order:1!important;padding:0!important;margin:0!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de .blockInnerContent{display:flex!important;flex-direction:column!important;gap:12px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de .blockInnerContent > p{margin:0!important;padding:0!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de a[href*="#share-your-hat-wall"]{display:inline-block!important;padding-block:12px!important;box-sizing:border-box!important;min-height:44px!important;text-decoration-skip-ink:none!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de a[href*="#share-your-hat-wall"]::after{content:"\00a0→"!important;display:inline!important;margin:0!important;padding:0!important;white-space:normal!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent > .blockWrap_a207b285c8b041b5b040250297374b33{padding:24px 0 0!important;margin:0!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section .fera-overallRatingBanner-widget{padding:0!important;margin:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_d634217b62164748bc7ce435e36a33b0 .maxWidth--content{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_d634217b62164748bc7ce435e36a33b0 .maxWidth--content > p{margin:0!important;padding:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_d634217b62164748bc7ce435e36a33b0 a.button{width:320px!important;max-width:100%!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 22px!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_b59aa7ebd616483b94a5da3a74c55922 .blockImg{width:100%!important;max-width:500px!important;margin:0 auto!important;padding:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_b59aa7ebd616483b94a5da3a74c55922 iframe{border-radius:5px!important;} @media(min-width:901px){ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent{display:grid!important;grid-template-columns:minmax(22px,1fr) minmax(0,520.88px) minmax(420px,555.12px) minmax(22px,1fr);column-gap:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > *{grid-column:1/-1;min-width:0;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > .blockWrap_ec542ffecede4e1e88ecf2209dad012a{grid-column:2;grid-row:1;padding:76px 48px 0 0!important;margin:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > .blockWrap_d634217b62164748bc7ce435e36a33b0{grid-column:2;grid-row:2;padding:12px 48px 0 0!important;margin:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > .blockWrap_b59aa7ebd616483b94a5da3a74c55922{grid-column:3;grid-row:1/3;padding:48px 0 0!important;margin:0!important;align-self:start;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > :is(.blockWrap_ec542ffecede4e1e88ecf2209dad012a,.blockWrap_d634217b62164748bc7ce435e36a33b0,.blockWrap_b59aa7ebd616483b94a5da3a74c55922) > .blockContent{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;} } @media(max-width:900px){ html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;max-width:760px!important;padding:0 16px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de > .blockText{padding:0!important;} } @media(max-width:767px){ html[id] body#ecwid_body .primaryContent{--sq-boundary-gap:20px;--sq-heading-gap:10px;--sq-content-gap:20px;--sq-statement-gap:12px;--sq-caption-gap:8px;--sq-card-gap:12px;--sq-card-inset:16px;} html[id]:where(:not(#page_cdaee0dddcc24af7b28ae04fcdbb10b0):not(#page_eaa494a30dd4426d8dedfb03efaf3f62)) body#ecwid_body .primaryContent > :first-child{padding-top:20px!important;} html[id] body#ecwid_body .primaryContent .blockContent:is(.layoutC,.layoutD).hasImg:not(.imageGallery){display:flex!important;flex-direction:column!important;gap:var(--sq-content-gap)!important;} html[id] body#ecwid_body .primaryContent .blockContent:is(.layoutC,.layoutD).hasImg:not(.imageGallery) > :is(.blockText,.blockImg){width:100%!important;margin:0!important;padding:0!important;} html[id] body#ecwid_body .primaryContent .blockContent:is(.layoutC,.layoutD).hasImg:not(.imageGallery) > .blockText{order:0!important;} html[id] body#ecwid_body .primaryContent .blockContent:is(.layoutC,.layoutD).hasImg:not(.imageGallery) > .blockImg{order:1!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent > .blockWrap_a38009558d894bc299a12dad001838de{padding:20px 0 0!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de,html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de .blockInnerContent{gap:10px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de .blockImg > a,html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de .blockImg .squareImg{max-width:275px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section .fera-overallRatingBanner-widget-content{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section :is(.fera-overallRatingBanner-firstLineText,.fera-overallRatingBanner-secondLineText){margin:0!important;font-size:13px!important;line-height:18px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section :is(.fera-overallRatingBanner-leftRibbon,.fera-overallRatingBanner-rightRibbon){width:28px!important;height:62px!important;margin:0 12px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section .fera-overallRatingBanner-rating-number{font-size:36px!important;line-height:38px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section .fera-overallRatingBanner-rating{gap:4px!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .sq-overall-rating-section::after{content:"";display:block;width:180px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > .blockWrap_ec542ffecede4e1e88ecf2209dad012a{padding:20px 0 0!important;margin:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > .blockWrap_d634217b62164748bc7ce435e36a33b0{padding:10px 0 0!important;margin:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_d634217b62164748bc7ce435e36a33b0 .maxWidth--content{gap:10px!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent > .blockWrap_b59aa7ebd616483b94a5da3a74c55922{padding:10px 0 8px!important;margin:0!important;} html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .block_b59aa7ebd616483b94a5da3a74c55922 .blockImg{max-width:275px!important;} } /* Remove phantom clearfix gaps; match hero heading scale and CTA spacing. */ html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de::before,html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de::after{display:none!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de h1.contentTitle{font-size:40px!important;line-height:1.1!important;} html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de .blockInnerContent>p:first-child{font-size:16px!important;line-height:1.45!important;} html[id] body#ecwid_body .primaryContent .blockText>.blockInnerContent>p:has(a.button),html[id] body#ecwid_body .primaryContent .blockText>.blockInnerContent>.maxWidth--content>p:has(a.button){display:flex!important;align-items:center!important;justify-content:center!important;} html[id] body#ecwid_body .primaryContent .blockText>.blockInnerContent a.button{margin-block:0!important;} @media(min-width:901px){html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent::before,html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent::after{display:none!important;}} @media(max-width:767px){html[id] body#ecwid_body .primaryContent .blockContent:is(.layoutC,.layoutD).hasImg:not(.imageGallery)::before,html[id] body#ecwid_body .primaryContent .blockContent:is(.layoutC,.layoutD).hasImg:not(.imageGallery)::after{display:none!important;}html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .block_a38009558d894bc299a12dad001838de h1.contentTitle{font-size:30px!important;line-height:1.1!important;}} /* Native Fera carousel: keep Fera's layout, controls, and media interactions. */ .sq-fera-runtime-slot--hat-wall-testimonials { margin-top:24px!important; margin-bottom:0!important; } @media(max-width:767px){.sq-fera-runtime-slot--hat-wall-testimonials{margin-top:20px!important;}} /* Retire the old standalone hat-wall gallery; only the shared Fera reviews remain. */ html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent .block_d0eb5cbcc81a4b289c87eb1aa550d141 > .blockImg {display:none!important;} /* Reviews & Hat Walls final CTA — native image and established spacing. */ html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent .block_dd230ad2b15b476e8355b3f5350b6d5c > .blockImg { margin:0 auto var(--sq-content-gap,24px)!important; } html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent .block_f2faf58fc0de4f6a9ef3dd396223d1c4 a.button { width:320px!important; max-width:100%!important; min-height:44px!important; box-sizing:border-box!important; padding:10px 22px!important; } /* Desktop rating banner breathing room; retain the existing mobile rhythm. */ @media (min-width:901px) { html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent > .blockWrap_a38009558d894bc299a12dad001838de { padding-top:48px!important; } } /* Fera review abandonment is secondary, not a glossy primary CTA. */ html[id] body#ecwid_body .fera.fera-submitter-modal .fera-modal-mask-actions > .fera-btn[data-fera-action="onConfirm"] { background:#333333!important; color:#FFFFFF!important; border:0!important; border-radius:5px!important; box-shadow:none!important; min-height:44px!important; font-family:Inter,Arial,sans-serif!important; font-size:16px!important; font-weight:600!important; } html[id] body#ecwid_body .fera.fera-submitter-modal .fera-modal-mask-actions > .fera-btn[data-fera-action="onConfirm"]:is(:hover,:focus-visible) { background:#595959!important; box-shadow:0 1px 2px rgba(0,0,0,.15)!important; } html[id] body#ecwid_body .fera.fera-submitter-modal .fera-modal-mask-actions > .fera-btn[data-fera-action="onConfirm"]:active { background:#595959!important; box-shadow:none!important; transform:translateY(1px)!important; } /* Revised owner scope: size only mobile hero/final-CTA photos. * Desktop and other photo sizing inherit their pre-uniform rules. * Our Story, Fera, and product galleries remain outside the resizing scope. */ @media(max-width:767px) { html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62,#page_db96cb5f00494d77841ac398c9fe0e63) body#ecwid_body .primaryContent .blockContent:is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_b19a6b839f6446c4a3a49ce7ec42b20d,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1,.block_a38009558d894bc299a12dad001838de,.block_dd230ad2b15b476e8355b3f5350b6d5c) > .blockImg { width:320px!important; max-width:100%!important; margin-inline:auto!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62,#page_db96cb5f00494d77841ac398c9fe0e63) body#ecwid_body .primaryContent .blockContent:is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_b19a6b839f6446c4a3a49ce7ec42b20d,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1,.block_a38009558d894bc299a12dad001838de,.block_dd230ad2b15b476e8355b3f5350b6d5c) > .blockImg > a { display:block!important; width:100%!important; max-width:none!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62,#page_db96cb5f00494d77841ac398c9fe0e63) body#ecwid_body .primaryContent .blockContent:is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_b19a6b839f6446c4a3a49ce7ec42b20d,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1,.block_a38009558d894bc299a12dad001838de,.block_dd230ad2b15b476e8355b3f5350b6d5c) > .blockImg .imgShape { width:100%!important; max-width:none!important; height:auto!important; aspect-ratio:1!important; padding:0!important; background-size:cover!important; border-radius:5px!important; } html:is(#page_cdaee0dddcc24af7b28ae04fcdbb10b0,#page_eaa494a30dd4426d8dedfb03efaf3f62,#page_db96cb5f00494d77841ac398c9fe0e63) body#ecwid_body .primaryContent .blockContent:is(.block_e6322e1438ff4d7daeec7864c69083ea,.block_b19a6b839f6446c4a3a49ce7ec42b20d,.block_abc4dbd9a4374cf6ae24c6ff2c5e3bd1,.block_a38009558d894bc299a12dad001838de,.block_dd230ad2b15b476e8355b3f5350b6d5c) > .blockImg img.contentImg { display:block!important; width:100%!important; max-width:none!important; height:auto!important; aspect-ratio:1!important; object-fit:cover!important; border-radius:5px!important; } html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .block_b19a6b839f6446c4a3a49ce7ec42b20d .maxWidth--content > p:has(a[href="/hat-wall-gallery"]) { display:flex!important; align-items:center!important; justify-content:center!important; } } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_b458ce2a2b3e49709c1cd57b9aba4a88 :is(.imgShape,img.contentImg) { border-radius:5px!important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_b458ce2a2b3e49709c1cd57b9aba4a88 .imgShape { overflow:hidden!important; } html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_b59aa7ebd616483b94a5da3a74c55922 > .blockImg { width:100%!important; max-width:560px!important; margin-inline:auto!important; } @media(max-width:767px) { html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_b59aa7ebd616483b94a5da3a74c55922 > .blockImg { max-width:320px!important; } } /* Sitewide native page CTA widths — owner-approved September 7, 2026. * Hero CTAs are deliberately wider; all other page CTAs fit their labels. * Navigation, Ecwid controls, and embedded forms retain their own layouts. */ html[id] body#ecwid_body .primaryContent :is(.blockInnerContent,.sq-hat-wall-submission-actions) a.button, html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent .block_f2faf58fc0de4f6a9ef3dd396223d1c4 a.button, html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent #sq-hat-wall-submit { display:inline-flex!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; flex:0 1 auto!important; width:fit-content!important; min-width:0!important; max-width:100%!important; min-height:44px!important; padding:10px 22px!important; font:600 16px/20px Inter,Arial,sans-serif!important; letter-spacing:.02em!important; text-align:center!important; white-space:normal!important; } /* Explicit hero blocks: do not mistake a page's first lower-section CTA for a hero. */ html#page_cdaee0dddcc24af7b28ae04fcdbb10b0 body#ecwid_body .primaryContent .block_d634217b62164748bc7ce435e36a33b0 a.button, html#page_eaa494a30dd4426d8dedfb03efaf3f62 body#ecwid_body .primaryContent .block_b19a6b839f6446c4a3a49ce7ec42b20d a.button, html#page_db96cb5f00494d77841ac398c9fe0e63 body#ecwid_body .primaryContent .block_a38009558d894bc299a12dad001838de a.button { width:320px!important; max-width:100%!important; } /* Our Story — Section 1. September 7, 2026. */ html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent > .blockWrap_d153bafa055e400ea3d9e276a601980d{padding:48px 0 0!important;margin:0!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;align-items:start!important;gap:48px!important;width:100%!important;max-width:1120px!important;padding:0 22px!important;margin:0 auto!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d::before{display:none!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d::after{display:none!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d > .blockText{order:0!important;width:100%!important;min-width:0!important;padding:28px 0 0!important;margin:0!important;text-align:center!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .contentTitle{font-size:40px!important;line-height:1.1!important;text-align:center!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockInnerContent{text-align:center!important;font-size:16px!important;line-height:1.45!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockInnerContent > p + p:has(a.button){margin-top:12px!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockInnerContent a.button{width:320px!important;max-width:100%!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 22px!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_d153bafa055e400ea3d9e276a601980d > .blockImg{order:1!important;width:100%!important;max-width:500px!important;padding:0!important;margin:0 auto!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockImg :is(a,.imgShape,img.contentImg){width:100%!important;max-width:500px!important;border-radius:5px!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockImg img.contentImg{display:block!important;height:auto!important} @media(max-width:900px){html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d{display:flex!important;flex-direction:column!important;gap:20px!important;max-width:760px!important;padding:0 16px!important}html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d > .blockText{padding:0!important}} @media(max-width:767px){html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent > .blockWrap_d153bafa055e400ea3d9e276a601980d{padding-top:20px!important}html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .contentTitle{font-size:30px!important}html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockInnerContent > p + p:has(a.button){margin-top:10px!important}html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_d153bafa055e400ea3d9e276a601980d > .blockImg{max-width:320px!important}html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d153bafa055e400ea3d9e276a601980d .blockImg :is(a,.imgShape,img.contentImg){max-width:320px!important}} /* Our Story — Two Collectors. One Familiar Problem. September 7, 2026. */ html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_dfcd2f486e5d4a9b9daabd7930ad3fed :is(.blockText,.contentTitle,.blockInnerContent){text-align:center!important;} /* Our Story — So We Built a Better Way. September 7, 2026. */ html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_d0990c817e1346cc84314bcee64b8f84{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:40px!important;box-sizing:border-box!important;width:100%!important;max-width:1024px!important;padding:0 22px!important;margin:0 auto!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d0990c817e1346cc84314bcee64b8f84::before{display:none!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d0990c817e1346cc84314bcee64b8f84::after{display:none!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_d0990c817e1346cc84314bcee64b8f84 > :is(.blockText,.blockImg){width:100%!important;min-width:0!important;margin:0!important;padding:0!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d0990c817e1346cc84314bcee64b8f84 > .blockText{order:0!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d0990c817e1346cc84314bcee64b8f84 > .blockImg{order:1!important} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_d0990c817e1346cc84314bcee64b8f84 :is(.blockText,.contentTitle,.blockInnerContent){text-align:center!important} @media(max-width:767px){html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_d0990c817e1346cc84314bcee64b8f84{display:flex!important;flex-direction:column!important;gap:20px!important;padding:0 16px!important}} /* Our Story — separate name section, September 7, 2026. */ html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_b1d88303c11045d48c36f5237ee0b9cf :is(.blockText,.contentTitle,.blockInnerContent){text-align:center!important;} /* Our Story — closing sections and shared Fera reviews, September 7, 2026. */ html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_b8291973748940faa84b68a523451257 :is(.blockText,.contentTitle,.blockInnerContent) {text-align:center!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_a4bccddaaf264b65904416a7e78b88de {display:block!important;width:100%!important;max-width:1024px!important;box-sizing:border-box!important;padding:0 22px!important;margin:0 auto!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_a4bccddaaf264b65904416a7e78b88de > .blockImg {display:none!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_a4bccddaaf264b65904416a7e78b88de > .blockText {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_a4bccddaaf264b65904416a7e78b88de :is(.blockText,.contentTitle,.blockInnerContent) {text-align:center!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_defe6e03b64e49bf970ba90ab5a14358 {display:flex!important;flex-direction:column!important;align-items:center!important;gap:var(--sq-content-gap,24px)!important;box-sizing:border-box!important;width:100%!important;max-width:1024px!important;padding:0 22px!important;margin:0 auto!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_defe6e03b64e49bf970ba90ab5a14358::before,html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_defe6e03b64e49bf970ba90ab5a14358::after {display:none!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_defe6e03b64e49bf970ba90ab5a14358 > .blockText {order:0!important;width:100%!important;max-width:640px!important;padding:0!important;margin:0!important;text-align:center!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .block_defe6e03b64e49bf970ba90ab5a14358 :is(.contentTitle,.blockInnerContent) {text-align:center!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_defe6e03b64e49bf970ba90ab5a14358 > .blockImg {order:1!important;width:470px!important;max-width:100%!important;padding:0!important;margin:0!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .blockWrap_ab8c7d76888d48bc847f8175a989f009 {padding-top:var(--sq-content-gap,24px)!important;overflow:visible!important;} @media(max-width:767px){ html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent :is(.block_a4bccddaaf264b65904416a7e78b88de,.block_defe6e03b64e49bf970ba90ab5a14358){padding-inline:16px!important;} html#page_fbad2a46f27640e1ac819c00c1d074f6 body#ecwid_body .primaryContent .block_defe6e03b64e49bf970ba90ab5a14358 > .blockImg {width:320px!important;} } /* Purchase-flow cleanup — September 7, 2026. */ html body.sq-ecwid-high-intent .omnisend-form-6834ffe1d785b3e2e0e002de-teaser { display:none!important; visibility:hidden!important; pointer-events:none!important; } @media(max-width:767px){ html body:has(.ec-store__product-page) .omnisend-form-6834ffe1d785b3e2e0e002de-teaser { display:none!important; visibility:hidden!important; pointer-events:none!important; } } html body .ec-store .ec-cart-summary__price { white-space:nowrap!important; } html body .ec-store .ec-cart-summary__price-minus { display:inline!important; white-space:nowrap!important; } html body .ec-store .ec-cart-coupon--applied .form-control__text { background-color:#fff!important; color:#333!important; -webkit-text-fill-color:#333!important; opacity:1!important; }