/* * Sunflower Shop brand-parity layer — release-safe opt-in build * Target: Divi + WooCommerce catalog on shop.thesunflowerbakeryandcafe.com * Compatibility: legacy WordPress Customizer selector syntax. * Activation: add the sf-shop-parity class to . * * Every visual selector is gated by body.sf-shop-parity. Preferred Divi * selectors use stable sf-shop-* classes. Structural fallbacks cover the * current live header, footer, and catalog only while those classes are added. * This file does not replace a missing or broken logo with a CSS background. */ body.sf-shop-parity { --sf-cream: #fbf4df; --sf-paper: #fffdf7; --sf-sunflower: #f8d973; --sf-sunflower-deep: #d7a72f; --sf-sage: #dce8cf; --sf-sage-deep: #5b7c57; --sf-blue: #465a7d; --sf-blue-deep: #334564; --sf-blue-soft: #638bb4; --sf-ink: #32261f; --sf-wood: #8b6749; --sf-line: rgba(95, 67, 48, 0.2); --sf-shadow: 0 18px 45px rgba(95, 67, 48, 0.16); --sf-serif: "Playfair Display", Georgia, serif; --sf-body: "Lora", Georgia, serif; --sf-sans: "Montserrat", Arial, sans-serif; background: var(--sf-paper); color: var(--sf-ink); font-family: var(--sf-body); font-size: 16px; line-height: 1.65; } body.sf-shop-parity #page-container { background: var(--sf-paper); color: var(--sf-ink); } /* * Global header. The sf-shop-* classes are the durable contract. The * et_pb_section--with-menu / et_pb_row--with-menu / et_pb_menu alternatives * are scoped, structural fallbacks for the current live Divi template. */ body.sf-shop-parity .et-l--header .sf-shop-header, body.sf-shop-parity .et-l--header .et_pb_section--with-menu { background: linear-gradient(rgba(255, 253, 247, 0.9), rgba(255, 253, 247, 0.9)), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") center / cover no-repeat !important; border-bottom: 1px solid var(--sf-line); box-shadow: 0 8px 24px rgba(95, 67, 48, 0.08); padding: 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { align-items: center; display: flex; min-height: 118px; max-width: 1180px !important; padding: 14px 0 !important; width: min(92%, 1180px) !important; } body.sf-shop-parity .et-l--header .sf-shop-menu, body.sf-shop-parity .et-l--header .et_pb_menu, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu_inner_container, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu_inner_container { background: transparent !important; width: 100%; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex: 0 1 340px; margin-right: 34px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { display: block; height: 92px; max-width: 320px; width: 100%; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo img, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo img { display: block !important; height: auto !important; max-height: 92px; object-fit: contain; width: 100% !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu { align-items: center; column-gap: 22px; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li { margin: 0 !important; padding: 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li > a, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li > a { color: var(--sf-ink) !important; font-family: var(--sf-sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.01em; min-height: 44px; padding: 12px 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li > a:hover, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li > a:hover, body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.current-menu-item > a, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.current-menu-item > a { color: var(--sf-blue) !important; opacity: 1 !important; } /* Font-independent submenu marker for the current broken Divi icon-font path. */ body.sf-shop-parity .et-l--header .sf-shop-menu .menu-item-has-children > a:first-child::after, body.sf-shop-parity .et-l--header .et_pb_menu .menu-item-has-children > a:first-child::after { border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; content: "" !important; font-family: inherit !important; height: 6px; margin-top: -5px; right: -14px !important; transform: rotate(45deg) !important; width: 6px; } body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu { background: var(--sf-paper) !important; border: 1px solid var(--sf-line) !important; border-radius: 12px; box-shadow: var(--sf-shadow); padding: 10px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu a, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu a { border-radius: 8px; color: var(--sf-ink) !important; font-family: var(--sf-sans) !important; font-size: 13px !important; line-height: 1.35; padding: 10px 12px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu a:hover, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu a:hover, body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu a:focus-visible, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu a:focus-visible { background: var(--sf-cream) !important; color: var(--sf-blue) !important; opacity: 1 !important; } @media (min-width: 981px) { body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu li.menu-item-has-children:focus-within > .sub-menu, body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu li.menu-item-has-children.sf-shop-submenu-open > .sub-menu { display: block !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; z-index: 1000; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu li.menu-item-has-children.sf-shop-submenu-dismissed > .sub-menu { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } } body.sf-shop-parity .et-l--header .sf-shop-menu .mobile_menu_bar::before, body.sf-shop-parity .et-l--header .et_pb_menu .mobile_menu_bar::before { color: var(--sf-blue) !important; content: "☰" !important; font-family: Arial, sans-serif !important; font-size: 32px !important; line-height: 1 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .mobile_nav.opened .mobile_menu_bar::before, body.sf-shop-parity .et-l--header .et_pb_menu .mobile_nav.opened .mobile_menu_bar::before { content: "×" !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu { background: var(--sf-paper) !important; border: 1px solid var(--sf-line) !important; border-radius: 14px; box-shadow: var(--sf-shadow); padding: 12px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu li a, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu li a { border: 0 !important; border-radius: 8px; color: var(--sf-ink) !important; font-family: var(--sf-sans) !important; font-size: 15px !important; line-height: 1.35; min-height: 44px; padding: 11px 12px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu li a:hover, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu li a:hover { background: var(--sf-cream) !important; opacity: 1 !important; } /* Shop introduction: insert real HTML through the page builder before release. */ body.sf-shop-parity .sunflower-shop-intro { background: radial-gradient( circle at 8% 15%, rgba(248, 217, 115, 0.34), transparent 26% ), radial-gradient( circle at 92% 10%, rgba(220, 232, 207, 0.62), transparent 28% ), var(--sf-cream); border-bottom: 1px solid var(--sf-line); padding: clamp(48px, 7vw, 88px) 5%; text-align: center; } body.sf-shop-parity .sunflower-shop-intro__inner { margin: 0 auto; max-width: 820px; } body.sf-shop-parity .sunflower-shop-intro__eyebrow { color: var(--sf-blue); font-family: var(--sf-sans); font-size: 12px; font-weight: 700; letter-spacing: 0.13em; margin: 0 0 12px; text-transform: uppercase; } body.sf-shop-parity .sunflower-shop-intro h1 { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-size: clamp(38px, 6vw, 68px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.03; margin: 0; } body.sf-shop-parity .sunflower-shop-intro__copy { font-size: clamp(16px, 2vw, 19px); margin: 18px auto 0; max-width: 660px; } /* Category controls */ body.sf-shop-parity.woocommerce-shop #main-content, body.sf-shop-parity.tax-product_cat #main-content { background: var(--sf-paper); } body.sf-shop-parity .sfcat-bar { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 0 auto !important; max-width: 1050px; padding: 32px 5% 14px !important; } body.sf-shop-parity .sfcat-pill { align-items: center; background: var(--sf-paper) !important; border: 1px solid rgba(70, 90, 125, 0.28) !important; border-radius: 999px !important; box-shadow: none !important; color: var(--sf-blue) !important; display: inline-flex !important; font-family: var(--sf-sans) !important; font-size: 12px !important; font-style: normal !important; font-weight: 700 !important; justify-content: center; letter-spacing: 0.05em; line-height: 1.2 !important; min-height: 44px; padding: 11px 18px !important; text-transform: uppercase; transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; } body.sf-shop-parity .sfcat-pill:hover, body.sf-shop-parity .sfcat-pill:focus-visible, body.sf-shop-parity .sfcat-pill.active { background: var(--sf-sunflower) !important; border-color: var(--sf-sunflower-deep) !important; color: var(--sf-blue-deep) !important; transform: translateY(-1px); } /* Product catalog: stable class first, current article loop as scoped fallback. */ body.sf-shop-parity.woocommerce-shop #main-content .et_pb_row, body.sf-shop-parity.tax-product_cat #main-content .et_pb_row { max-width: 1180px !important; width: min(92%, 1180px) !important; } body.sf-shop-parity .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { display: grid !important; gap: clamp(18px, 2.4vw, 30px) !important; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 20px 0 72px !important; } body.sf-shop-parity .sf-product-grid ul.products::before, body.sf-shop-parity .sf-product-grid ul.products::after, body.sf-shop-parity.woocommerce-shop article ul.products::before, body.sf-shop-parity.tax-product_cat article ul.products::before, body.sf-shop-parity.woocommerce-shop article ul.products::after, body.sf-shop-parity.tax-product_cat article ul.products::after { display: none !important; } body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { background: #fff !important; border: 1px solid var(--sf-line); border-radius: 20px; box-shadow: 0 10px 30px rgba(95, 67, 48, 0.09); float: none !important; margin: 0 !important; overflow: hidden; padding: 14px 14px 20px !important; transition: box-shadow 180ms ease, transform 180ms ease; width: 100% !important; } body.sf-shop-parity .sf-product-grid ul.products li.product:hover, body.sf-shop-parity .sf-product-grid ul.products li.product:focus-within, body.sf-shop-parity.woocommerce-shop article ul.products li.product:hover, body.sf-shop-parity.tax-product_cat article ul.products li.product:hover, body.sf-shop-parity.woocommerce-shop article ul.products li.product:focus-within, body.sf-shop-parity.tax-product_cat article ul.products li.product:focus-within { box-shadow: 0 18px 38px rgba(95, 67, 48, 0.16); transform: translateY(-3px); } body.sf-shop-parity .sf-product-grid ul.products li.product a, body.sf-shop-parity.woocommerce-shop article ul.products li.product a, body.sf-shop-parity.tax-product_cat article ul.products li.product a { color: var(--sf-ink); text-decoration: none; } body.sf-shop-parity .sf-product-grid ul.products li.product .et_shop_image, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_shop_image, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_shop_image { background: var(--sf-cream); border-radius: 14px; display: block; overflow: hidden; } body.sf-shop-parity .sf-product-grid ul.products li.product img, body.sf-shop-parity.woocommerce-shop article ul.products li.product img, body.sf-shop-parity.tax-product_cat article ul.products li.product img { aspect-ratio: 1; margin: 0 !important; object-fit: contain; transition: transform 220ms ease; width: 100% !important; } body.sf-shop-parity .sf-product-grid ul.products li.product:hover img, body.sf-shop-parity.woocommerce-shop article ul.products li.product:hover img, body.sf-shop-parity.tax-product_cat article ul.products li.product:hover img { transform: scale(1.025); } body.sf-shop-parity .sf-product-grid ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.woocommerce-shop article ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.tax-product_cat article ul.products li.product .woocommerce-loop-product__title { color: var(--sf-blue-deep) !important; font-family: var(--sf-serif) !important; font-size: clamp(17px, 1.45vw, 21px) !important; font-style: normal !important; font-weight: 600 !important; line-height: 1.25 !important; padding: 16px 4px 7px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .price, body.sf-shop-parity.woocommerce-shop article ul.products li.product .price, body.sf-shop-parity.tax-product_cat article ul.products li.product .price { color: var(--sf-sage-deep) !important; font-family: var(--sf-sans) !important; font-size: 14px !important; font-weight: 700 !important; padding: 0 4px; } body.sf-shop-parity .sf-product-grid ul.products li.product .et_overlay, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_overlay, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_overlay { background: rgba(248, 217, 115, 0.12) !important; border: 0 !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .et_overlay::before, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_overlay::before, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_overlay::before { background: var(--sf-paper); border: 1px solid var(--sf-sunflower-deep); border-radius: 999px; color: var(--sf-blue-deep) !important; content: "View" !important; font-family: var(--sf-sans) !important; font-size: 12px !important; font-weight: 700; left: 50% !important; letter-spacing: 0.07em; line-height: 1 !important; margin: 0 !important; padding: 12px 16px; text-transform: uppercase; top: 50% !important; transform: translate(-50%, -50%); } /* Classic WooCommerce surfaces inside the explicit template shell. */ body.sf-shop-parity .sf-commerce-shell { background: var(--sf-paper); color: var(--sf-ink); } body.sf-shop-parity .sf-commerce-shell div.product .product_title, body.sf-shop-parity .sf-commerce-shell h1 { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-weight: 600; } body.sf-shop-parity .sf-commerce-shell a.button, body.sf-shop-parity .sf-commerce-shell button.button, body.sf-shop-parity .sf-commerce-shell input.button, body.sf-shop-parity .sf-commerce-shell #respond input#submit { background: var(--sf-sunflower) !important; border: 1px solid var(--sf-sunflower-deep) !important; border-radius: 6px !important; color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.05em; min-height: 44px; padding: 13px 18px !important; text-transform: uppercase; } body.sf-shop-parity .sf-commerce-shell a.button:hover, body.sf-shop-parity .sf-commerce-shell button.button:hover, body.sf-shop-parity .sf-commerce-shell input.button:hover, body.sf-shop-parity .sf-commerce-shell #respond input#submit:hover { background: #f5cf55 !important; } body.sf-shop-parity .sf-commerce-shell a.button.disabled, body.sf-shop-parity .sf-commerce-shell a.button[aria-disabled="true"], body.sf-shop-parity .sf-commerce-shell button.button:disabled, body.sf-shop-parity .sf-commerce-shell button.button.disabled, body.sf-shop-parity .sf-commerce-shell input.button:disabled, body.sf-shop-parity .sf-commerce-shell input.button.disabled { background: #e8e3d6 !important; border-color: #cfc7ba !important; color: #6e675f !important; cursor: not-allowed !important; opacity: 0.72 !important; transform: none !important; } body.sf-shop-parity .sf-commerce-shell .button::after, body.sf-shop-parity .sf-commerce-shell button.button::after, body.sf-shop-parity .sf-commerce-shell #respond input#submit::after { content: "" !important; display: none !important; font-family: inherit !important; } body.sf-shop-parity .sf-commerce-shell .button.loading::after, body.sf-shop-parity .sf-commerce-shell button.button.loading::after { animation: sf-shop-parity-spin 700ms linear infinite; border: 2px solid rgba(51, 69, 100, 0.25); border-radius: 50%; border-top-color: var(--sf-blue-deep); display: inline-block !important; height: 14px; margin-left: 9px; position: static !important; vertical-align: -2px; width: 14px; } @keyframes sf-shop-parity-spin { to { transform: rotate(360deg); } } body.sf-shop-parity .sf-commerce-shell .woocommerce-breadcrumb, body.sf-shop-parity .sf-commerce-shell .woocommerce-breadcrumb a { color: var(--sf-blue) !important; font-family: var(--sf-sans); font-size: 12px; letter-spacing: 0.04em; } body.sf-shop-parity .sf-commerce-shell span.onsale { align-items: center; background: var(--sf-sunflower) !important; color: var(--sf-blue-deep) !important; display: inline-flex; font-family: var(--sf-sans); font-size: 11px; font-weight: 700; justify-content: center; letter-spacing: 0.06em; min-height: 46px; min-width: 46px; text-transform: uppercase; } body.sf-shop-parity .sf-commerce-shell div.product div.images img { background: var(--sf-cream); border: 1px solid var(--sf-line); border-radius: 18px; } body.sf-shop-parity .sf-commerce-shell div.product p.price, body.sf-shop-parity .sf-commerce-shell div.product span.price { color: var(--sf-sage-deep) !important; font-family: var(--sf-sans); font-weight: 700; } body.sf-shop-parity .sf-commerce-shell .stock.in-stock { color: var(--sf-sage-deep) !important; font-weight: 700; } body.sf-shop-parity .sf-commerce-shell .stock.out-of-stock { color: #8a3535 !important; font-weight: 700; } body.sf-shop-parity .sf-commerce-shell .quantity .qty { border: 1px solid var(--sf-line) !important; border-radius: 6px; min-height: 44px; min-width: 64px; } body.sf-shop-parity .sf-commerce-shell input.input-text, body.sf-shop-parity .sf-commerce-shell textarea, body.sf-shop-parity .sf-commerce-shell select, body.sf-shop-parity .sf-commerce-shell .select2-selection { background: #fff !important; border: 1px solid rgba(70, 90, 125, 0.3) !important; border-radius: 6px !important; color: var(--sf-ink) !important; font-family: var(--sf-body) !important; min-height: 44px; } body.sf-shop-parity .sf-commerce-shell textarea { padding: 12px !important; } body.sf-shop-parity .sf-commerce-shell table.variations th, body.sf-shop-parity .sf-commerce-shell table.variations td, body.sf-shop-parity .sf-commerce-shell table.shop_table th, body.sf-shop-parity .sf-commerce-shell table.shop_table td { padding: 12px !important; vertical-align: middle; } body.sf-shop-parity .sf-commerce-shell table.shop_table { border: 1px solid var(--sf-line) !important; border-radius: 10px !important; overflow: hidden; } body.sf-shop-parity .sf-commerce-shell .woocommerce-tabs ul.tabs { padding-left: 0 !important; } body.sf-shop-parity .sf-commerce-shell .woocommerce-tabs ul.tabs li { background: var(--sf-cream) !important; border-color: var(--sf-line) !important; } body.sf-shop-parity .sf-commerce-shell .woocommerce-tabs ul.tabs li.active { background: var(--sf-paper) !important; } body.sf-shop-parity .sf-commerce-shell .woocommerce-pagination a, body.sf-shop-parity .sf-commerce-shell .woocommerce-pagination span { align-items: center; border-radius: 5px; display: inline-flex !important; justify-content: center; min-height: 44px; min-width: 44px; } body.sf-shop-parity .sf-commerce-shell .woocommerce-MyAccount-navigation ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } body.sf-shop-parity .sf-commerce-shell .woocommerce-MyAccount-navigation li { list-style: none !important; margin: 0 !important; padding: 0 !important; } body.sf-shop-parity .sf-commerce-shell .woocommerce-MyAccount-navigation a { border-bottom: 1px solid var(--sf-line); display: block; min-height: 44px; padding: 10px 12px; } body.sf-shop-parity .sf-commerce-shell .cart_totals, body.sf-shop-parity .sf-commerce-shell .woocommerce-checkout-review-order, body.sf-shop-parity .sf-commerce-shell .woocommerce-form-login, body.sf-shop-parity .sf-commerce-shell .woocommerce-form-coupon, body.sf-shop-parity .sf-commerce-shell .woocommerce-MyAccount-content { background: #fff; border: 1px solid var(--sf-line); border-radius: 12px; padding: clamp(16px, 3vw, 28px); } body.sf-shop-parity .sf-commerce-shell .woocommerce-checkout #payment { background: var(--sf-cream) !important; border: 1px solid var(--sf-line); border-radius: 12px; } body.sf-shop-parity .sf-commerce-shell .required { color: #8a3535 !important; } body.sf-shop-parity .sf-commerce-shell .woocommerce-message, body.sf-shop-parity .sf-commerce-shell .woocommerce-info, body.sf-shop-parity .sf-commerce-shell .woocommerce-error { background: var(--sf-cream) !important; border-top-color: var(--sf-sunflower-deep) !important; color: var(--sf-ink) !important; } /* * Global footer. sf-shop-footer is preferred; the first Divi section inside * the current footer builder is the temporary, opt-in structural fallback. */ body.sf-shop-parity .et-l--footer .sf-shop-footer, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child { background: var(--sf-blue-deep) !important; color: #fff !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer .et_pb_row, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_row { max-width: 1180px !important; width: min(92%, 1180px) !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer h1, body.sf-shop-parity .et-l--footer .sf-shop-footer h2, body.sf-shop-parity .et-l--footer .sf-shop-footer h3, body.sf-shop-parity .et-l--footer .sf-shop-footer p, body.sf-shop-parity .et-l--footer .sf-shop-footer a, body.sf-shop-parity .et-l--footer .sf-shop-footer span, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h1, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h2, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h3, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child p, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child a, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child span { color: #fff !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer h1, body.sf-shop-parity .et-l--footer .sf-shop-footer h2, body.sf-shop-parity .et-l--footer .sf-shop-footer h3, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h1, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h2, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h3 { font-family: var(--sf-serif) !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer p, body.sf-shop-parity .et-l--footer .sf-shop-footer a, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child p, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child a { font-family: var(--sf-body) !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer .et_pb_image img, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_image img { border-radius: 18px; } /* * Repair the legacy Mailchimp form CSS already stored in Additional CSS. * The old rule uses all:unset on telephone inputs, removes focus visibility, * and introduces off-brand green/purple controls. */ body.sf-shop-parity .mc4wp-form { background: var(--sf-paper); border: 1px solid var(--sf-line); border-radius: 18px; box-shadow: var(--sf-shadow); color: var(--sf-ink); font-family: var(--sf-body); margin: 2rem auto; max-width: 600px; padding: clamp(20px, 4vw, 32px); } body.sf-shop-parity .mc4wp-form label { color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 13px; font-weight: 700; } body.sf-shop-parity .mc4wp-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), body.sf-shop-parity .mc4wp-form select, body.sf-shop-parity .mc4wp-form textarea, body.sf-shop-parity .mc4wp-form input[type="tel"], body.sf-shop-parity .mc4wp-form input[name*="phone" i] { all: revert; appearance: none; background: #fff; border: 1px solid rgba(70, 90, 125, 0.38); border-radius: 6px; box-sizing: border-box; color: var(--sf-ink); display: block; font-family: var(--sf-body); font-size: 16px; line-height: 1.4; margin: 0 0 16px; min-height: 48px; padding: 12px 14px; text-align: left; width: 100%; } body.sf-shop-parity .mc4wp-form textarea { min-height: 120px; resize: vertical; } body.sf-shop-parity .mc4wp-form input[type="checkbox"], body.sf-shop-parity .mc4wp-form input[type="radio"] { accent-color: var(--sf-blue-deep); min-height: 20px; min-width: 20px; } body.sf-shop-parity .mc4wp-form input[type="submit"] { background: var(--sf-sunflower); border: 1px solid var(--sf-sunflower-deep); border-radius: 6px; color: var(--sf-blue-deep); cursor: pointer; font-family: var(--sf-sans); font-size: 13px; font-weight: 700; letter-spacing: 0.05em; min-height: 48px; padding: 13px 18px; text-transform: uppercase; } body.sf-shop-parity .mc4wp-form input[type="submit"]:hover { background: #f5cf55; color: var(--sf-blue-deep); transform: translateY(-1px); } body.sf-shop-parity .mc4wp-form input:focus-visible, body.sf-shop-parity .mc4wp-form select:focus-visible, body.sf-shop-parity .mc4wp-form textarea:focus-visible { border-color: var(--sf-blue-deep); box-shadow: 0 0 0 3px rgba(51, 69, 100, 0.18); outline: 3px solid transparent !important; } body.sf-shop-parity .mc4wp-success, body.sf-shop-parity .mc4wp-error { border: 1px solid var(--sf-line); border-radius: 8px; color: var(--sf-ink); margin-top: 1rem; padding: 12px 14px; } body.sf-shop-parity .mc4wp-success { background: #f1f7ed; border-color: var(--sf-sage-deep); } body.sf-shop-parity .mc4wp-error { background: #fff4f2; border-color: #8a3535; } /* Default opt-in focus treatment, with a light outline inside the dark footer. */ body.sf-shop-parity *:focus-visible { outline: 3px solid var(--sf-blue-deep) !important; outline-offset: 3px !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer *:focus-visible, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child *:focus-visible { outline-color: #fff !important; } @media (max-width: 768px) { body.sf-shop-parity .sf-commerce-shell .col2-set .col-1, body.sf-shop-parity .sf-commerce-shell .col2-set .col-2, body.sf-shop-parity .sf-commerce-shell .woocommerce-MyAccount-navigation, body.sf-shop-parity .sf-commerce-shell .woocommerce-MyAccount-content { float: none !important; margin-bottom: 20px; width: 100% !important; } body.sf-shop-parity .sf-commerce-shell table.shop_table_responsive td, body.sf-shop-parity .sf-commerce-shell table.shop_table_responsive th { min-height: 44px; } body.sf-shop-parity .sf-commerce-shell .woocommerce-tabs ul.tabs { display: grid; gap: 6px; } body.sf-shop-parity .sf-commerce-shell .woocommerce-tabs ul.tabs li { margin: 0 !important; } } @media (max-width: 980px) { body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { min-height: 92px; padding: 10px 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex-basis: 250px; margin-right: 20px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { height: 70px; max-width: 240px; } body.sf-shop-parity .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { min-height: 82px; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex-basis: 210px; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { height: 62px; max-width: 205px; } body.sf-shop-parity .sunflower-shop-intro { padding: 44px 22px; } body.sf-shop-parity .sfcat-bar { gap: 8px; padding: 24px 18px 12px !important; } body.sf-shop-parity .sfcat-pill { flex: 1 1 calc(50% - 8px); max-width: none; padding: 10px 12px !important; } body.sf-shop-parity .sfcat-pill--wide { flex-basis: 100%; } body.sf-shop-parity .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { grid-template-columns: 1fr; gap: 14px !important; margin-bottom: 48px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { border-radius: 16px; padding: 9px 9px 15px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.woocommerce-shop article ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.tax-product_cat article ul.products li.product .woocommerce-loop-product__title { font-size: 16px !important; padding-top: 12px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .price, body.sf-shop-parity.woocommerce-shop article ul.products li.product .price, body.sf-shop-parity.tax-product_cat article ul.products li.product .price { font-size: 12px !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer .et_pb_row, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_row { width: 88% !important; } } /* * 2026 redesign refinement * * These late-cascade rules align the live Divi shell with the Cloudflare * redesign while preserving WooCommerce's existing markup and behavior. * Product-page rules are deliberately kept away from Block Checkout and all * provider-owned payment iframes. */ /* The marketing site uses a quiet paper header with a narrow sunflower edge. */ body.sf-shop-parity .et-l--header .sf-shop-header, body.sf-shop-parity .et-l--header .et_pb_section--with-menu { background: var(--sf-paper) !important; border-bottom: 1px solid var(--sf-line); border-top: 7px solid var(--sf-sunflower); box-shadow: 0 7px 22px rgba(95, 67, 48, 0.08); min-height: 95px !important; } body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { margin: 0 !important; max-width: none !important; min-height: 95px; padding: 0.65rem clamp(1.2rem, 5vw, 5rem) !important; width: 100% !important; } /* * Divi template 419 generates a later, ID-qualified -42px top margin for its * header row. Match that specificity through the stable class contract so the * row cannot collapse upward over the utility banner. */ body.sf-shop-parity.et-db #et-boc .et-l--header .sf-shop-header-row.et_pb_row { margin-top: 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex: 0 0 310px; margin-right: 0 !important; max-width: 310px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { height: auto; max-width: 310px; width: 310px; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo { margin-right: 0 !important; width: 310px; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo img, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo img { max-height: none !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__wrap { align-items: center; column-gap: clamp(1.1rem, 2.3vw, 2.5rem); justify-content: flex-end; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu { column-gap: clamp(1.1rem, 2.3vw, 2.5rem); margin-left: 0 !important; margin-right: 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li > a, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li > a { color: var(--sf-blue-deep) !important; font-size: 0.78rem !important; font-weight: 700 !important; letter-spacing: 0.075em; line-height: 1.72; min-height: 0; padding: 0 !important; text-transform: uppercase; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.menu-item-4490, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.menu-item-4490 { position: relative; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.menu-item-4490::before, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.menu-item-4490::before { background: var(--sf-sunflower); border: 1px solid var(--sf-sunflower-deep); border-radius: 999px; color: var(--sf-blue-deep); content: "New"; font-family: var(--sf-sans); font-size: 8px; font-weight: 700; letter-spacing: 0.08em; line-height: 1; padding: 4px 5px 3px; pointer-events: none; position: absolute; right: -7px; text-transform: uppercase; top: -8px; z-index: 2; } /* The repaired native Divi cart stays visible and retains its live count. */ body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button { align-items: center; background: var(--sf-blue-deep) !important; border: 1px solid var(--sf-blue-deep); border-radius: 4px; color: #fff !important; display: inline-flex !important; flex: 0 0 auto; gap: 7px; justify-content: center; margin-left: 12px !important; margin-right: 0 !important; min-height: 44px; min-width: 76px; padding: 8px 11px !important; transition: background 160ms ease, border-color 160ms ease, transform 160ms ease; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:hover { background: var(--sf-blue) !important; border-color: var(--sf-blue); color: #fff !important; opacity: 1; transform: translateY(-1px); } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button::after { color: #fff !important; font-size: 19px; line-height: 1; margin: 0; position: static; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button .et_pb_menu__cart-count { color: #fff !important; font-family: var(--sf-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.035em; line-height: 1.1; white-space: nowrap; } /* A left-aligned editorial introduction echoes the new marketing-site hero. */ body.sf-shop-parity .sunflower-shop-intro { background: linear-gradient(rgba(255, 253, 247, 0.3), rgba(255, 253, 247, 0.3)), radial-gradient( circle at 87% 24%, rgba(248, 217, 115, 0.7), transparent 21% ), radial-gradient( circle at 77% 76%, rgba(99, 139, 180, 0.25), transparent 29% ), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") center / cover no-repeat; min-height: clamp(330px, 34vw, 500px); overflow: hidden; padding: clamp(62px, 8vw, 112px) 5%; position: relative; text-align: left; } body.sf-shop-parity .sunflower-shop-intro::after { border: clamp(22px, 4vw, 54px) solid rgba(255, 253, 247, 0.46); border-radius: 50%; content: ""; height: clamp(230px, 30vw, 430px); pointer-events: none; position: absolute; right: clamp(-155px, -8vw, -70px); top: 50%; transform: translateY(-50%); width: clamp(230px, 30vw, 430px); } body.sf-shop-parity .sunflower-shop-intro__inner { margin: 0 auto; max-width: 1180px; position: relative; width: min(100%, 1180px); z-index: 1; } body.sf-shop-parity .sunflower-shop-intro h1 { font-size: clamp(46px, 6vw, 78px); line-height: 1.05; max-width: 800px; } body.sf-shop-parity .sunflower-shop-intro__copy { font-size: clamp(17px, 1.7vw, 20px); margin-left: 0; max-width: 650px; } body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro { min-height: 0; padding-bottom: clamp(34px, 5vw, 62px); padding-top: clamp(34px, 5vw, 62px); } body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro h1, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro h1 { font-size: clamp(40px, 5vw, 64px); } body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro__inner, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro__inner { display: block; } /* Category navigation uses the same squared yellow/navy control language. */ body.sf-shop-parity .sfcat-bar { gap: 8px; max-width: 1180px; padding: 26px 5% 10px !important; } body.sf-shop-parity .sfcat-pill { background: rgba(255, 253, 247, 0.86) !important; border-color: rgba(70, 90, 125, 0.34) !important; border-radius: 4px !important; color: var(--sf-blue-deep) !important; letter-spacing: 0.075em; padding: 11px 16px !important; } body.sf-shop-parity .sfcat-pill:first-child, body.sf-shop-parity .sfcat-pill.active { background: var(--sf-sunflower) !important; border-color: var(--sf-sunflower-deep) !important; } body.sf-shop-parity .sfcat-pill:hover, body.sf-shop-parity .sfcat-pill:focus-visible { background: var(--sf-blue-deep) !important; border-color: var(--sf-blue-deep) !important; color: #fff !important; } /* Flatter, cream editorial cards replace the rounded marketplace treatment. */ body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { background: rgba(255, 253, 247, 0.94) !important; border: 1px solid rgba(95, 67, 48, 0.24); border-radius: 7px; box-shadow: 0 8px 22px rgba(95, 67, 48, 0.08); padding: 10px 10px 18px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product:hover, body.sf-shop-parity .sf-product-grid ul.products li.product:focus-within, body.sf-shop-parity.woocommerce-shop article ul.products li.product:hover, body.sf-shop-parity.tax-product_cat article ul.products li.product:hover, body.sf-shop-parity.woocommerce-shop article ul.products li.product:focus-within, body.sf-shop-parity.tax-product_cat article ul.products li.product:focus-within { box-shadow: 0 13px 28px rgba(95, 67, 48, 0.13); transform: translateY(-2px); } body.sf-shop-parity .sf-product-grid ul.products li.product .et_shop_image, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_shop_image, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_shop_image { border: 1px solid rgba(95, 67, 48, 0.13); border-radius: 3px; } body.sf-shop-parity .sf-product-grid ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.woocommerce-shop article ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.tax-product_cat article ul.products li.product .woocommerce-loop-product__title { padding: 17px 6px 8px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .price, body.sf-shop-parity.woocommerce-shop article ul.products li.product .price, body.sf-shop-parity.tax-product_cat article ul.products li.product .price { color: var(--sf-blue-deep) !important; letter-spacing: 0.025em; padding: 0 6px; } body.sf-shop-parity .sf-product-grid ul.products li.product .et_overlay::before, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_overlay::before, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_overlay::before { background: var(--sf-sunflower); border-radius: 4px; } /* Product detail: editorial panels, clear buying hierarchy, compact gallery. */ body.sf-shop-parity.single-product .sf-commerce-shell { background: linear-gradient(rgba(255, 253, 247, 0.68), rgba(255, 253, 247, 0.68)), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") top center / 1600px auto repeat-y; } body.sf-shop-parity.single-product .sf-commerce-shell .et-l--body .et_pb_section { background: transparent !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_row { max-width: 1180px !important; width: min(92%, 1180px) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_2_3, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 { background: rgba(255, 253, 247, 0.94); border: 1px solid rgba(95, 67, 48, 0.2); border-radius: 7px; box-shadow: 0 12px 32px rgba(95, 67, 48, 0.1); padding: clamp(18px, 2.7vw, 32px) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_images { background: linear-gradient( 105deg, #eee8dc 20%, #faf6eb 42%, #eee8dc 64% ); background-size: 220% 100%; border-radius: 4px; isolation: isolate; min-height: clamp(360px, 45vw, 610px); overflow: hidden; position: relative; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_images::before { animation: sf-product-placeholder 1.4s ease-in-out infinite alternate; background: linear-gradient( 105deg, rgba(248, 217, 115, 0.2), rgba(255, 253, 247, 0.64), rgba(220, 232, 207, 0.42) ); bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: -1; } @keyframes sf-product-placeholder { from { background-position: 100% 0; opacity: 0.74; } to { background-position: 0 0; opacity: 1; } } body.sf-shop-parity.single-product .sf-commerce-shell .woocommerce-product-gallery { margin: 0 !important; } body.sf-shop-parity.single-product .sf-commerce-shell div.product div.images img { border-radius: 4px; } body.sf-shop-parity.single-product .sf-commerce-shell .flex-control-thumbs { display: flex; flex-wrap: nowrap; gap: 8px; list-style: none; margin: 12px 0 0 !important; overflow-x: auto; padding: 3px 2px 9px !important; scroll-snap-type: x proximity; } body.sf-shop-parity.single-product .sf-commerce-shell .flex-control-thumbs li { flex: 0 0 70px; float: none !important; margin: 0 !important; scroll-snap-align: start; width: 70px !important; } body.sf-shop-parity.single-product .sf-commerce-shell .flex-control-thumbs img { aspect-ratio: 1; border: 1px solid rgba(95, 67, 48, 0.2) !important; border-radius: 3px !important; object-fit: cover; } body.sf-shop-parity.single-product .sf-commerce-shell .flex-control-thumbs img.flex-active { border-color: var(--sf-blue-deep) !important; box-shadow: 0 0 0 2px rgba(51, 69, 100, 0.18); } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_title h1 { font-size: clamp(38px, 4vw, 56px) !important; letter-spacing: -0.025em; line-height: 1.04 !important; padding-bottom: 12px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_price .price { color: var(--sf-blue-deep) !important; font-size: 20px !important; letter-spacing: 0.025em; margin-bottom: 18px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart table.variations { margin-bottom: 15px !important; width: 100%; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart table.variations th, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart table.variations td { display: block; padding: 0 0 8px !important; text-align: left; width: 100%; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart table.variations label { color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 11px; font-weight: 700; letter-spacing: 0.075em; text-transform: uppercase; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart table.variations select { background: #fff !important; border: 1px solid rgba(70, 90, 125, 0.36) !important; border-radius: 4px !important; font-family: var(--sf-body) !important; min-height: 48px; padding: 9px 38px 9px 12px !important; width: 100% !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .reset_variations { color: var(--sf-blue-deep); display: inline-flex; font-family: var(--sf-sans); font-size: 11px; font-weight: 700; margin-top: 6px; min-height: 44px; padding: 12px 2px; text-transform: uppercase; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .variations_button { align-items: stretch; display: flex; flex-wrap: wrap; gap: 10px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .variations_button .quantity { flex: 0 0 74px; margin: 0 !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .quantity .qty { border-radius: 4px; height: 52px; width: 74px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .single_add_to_cart_button { flex: 1 1 190px; min-height: 52px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart #wc-stripe-express-checkout-element, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .wcpay-express-checkout-wrapper { clear: both; margin: 14px 0 0 !important; max-width: 420px; } body.sf-shop-parity.single-product .sf-commerce-shell .product_meta { border-top: 1px solid var(--sf-line); color: #6f665e; font-family: var(--sf-sans); font-size: 10px; letter-spacing: 0.045em; line-height: 1.55; margin-top: 20px; padding-top: 13px; text-transform: uppercase; } body.sf-shop-parity.single-product .sf-commerce-shell .product_meta a { color: var(--sf-blue-deep); } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button { background: rgba(255, 253, 247, 0.72) !important; border: 1px solid rgba(70, 90, 125, 0.42) !important; border-radius: 4px !important; color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.075em; margin-top: 10px; min-height: 44px; padding: 11px 16px !important; text-transform: uppercase; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button:hover { background: var(--sf-blue-deep) !important; border-color: var(--sf-blue-deep) !important; color: #fff !important; padding: 11px 16px !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_description { background: rgba(255, 253, 247, 0.92); border-left: 5px solid var(--sf-sunflower); box-shadow: 0 7px 22px rgba(95, 67, 48, 0.07); margin: 10px auto 20px; max-width: 900px; padding: clamp(20px, 3vw, 32px); } /* Recast the existing footer as the redesign's airy watercolor information area. */ body.sf-shop-parity .et-l--footer .sf-shop-footer, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child { background: linear-gradient(rgba(220, 232, 207, 0.74), rgba(255, 253, 247, 0.48)), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") center / cover no-repeat !important; border-top: 14px solid var(--sf-sunflower); color: var(--sf-ink) !important; overflow: hidden; padding: clamp(48px, 6vw, 82px) 0 20px !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer .et_pb_row, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_row { margin: 0 auto !important; max-width: 1180px !important; width: min(90%, 1180px) !important; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type { align-items: center; display: grid; gap: clamp(28px, 4vw, 54px); grid-template-columns: minmax(220px, 0.9fr) minmax(230px, 1fr) minmax(230px, 1fr); } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type > .et_pb_column { float: none !important; margin: 0 !important; width: auto !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer h1, body.sf-shop-parity .et-l--footer .sf-shop-footer h2, body.sf-shop-parity .et-l--footer .sf-shop-footer h3, body.sf-shop-parity .et-l--footer .sf-shop-footer p, body.sf-shop-parity .et-l--footer .sf-shop-footer a, body.sf-shop-parity .et-l--footer .sf-shop-footer span, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h1, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h2, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h3, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child p, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child a, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child span { color: var(--sf-ink) !important; } body.sf-shop-parity .et-l--footer .sf-shop-footer h1, body.sf-shop-parity .et-l--footer .sf-shop-footer h2, body.sf-shop-parity .et-l--footer .sf-shop-footer h3, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h1, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h2, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child h3 { color: var(--sf-blue-deep) !important; font-family: var(--sf-serif) !important; font-size: clamp(24px, 2.3vw, 34px) !important; line-height: 1.08 !important; margin: 0 0 12px !important; padding: 0 !important; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_text, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_social_media_follow { margin: 0 0 18px !important; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_text p { font-family: var(--sf-body) !important; line-height: 1.55; padding-bottom: 5px; } body.sf-shop-parity .et-l--footer .sf-shop-footer .et_pb_image img, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_image img { border: 8px solid rgba(255, 253, 247, 0.88); border-radius: 4px; box-shadow: 0 12px 28px rgba(95, 67, 48, 0.18); } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type > .et_pb_column:last-child .et_pb_image { margin: 24px 0 0 !important; max-width: 240px; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_social_icon a.icon { align-items: center; background: var(--sf-blue-deep) !important; border-radius: 50%; color: #fff !important; display: inline-flex; height: 44px; justify-content: center; min-width: 44px; width: 44px; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:last-of-type { border-top: 1px solid rgba(95, 67, 48, 0.22); margin-top: clamp(34px, 5vw, 60px) !important; padding: 18px 0 0 !important; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:last-of-type p { color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; } body.sf-shop-parity .et-l--footer .sf-shop-footer *:focus-visible, body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child *:focus-visible { outline-color: var(--sf-blue-deep) !important; } /* Cart and account controls inherit the brand system without touching checkout. */ body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .woocommerce-cart-form, body.sf-shop-parity.woocommerce-account .sf-commerce-shell .woocommerce-MyAccount-content, body.sf-shop-parity.woocommerce-account .sf-commerce-shell .woocommerce-form-login { background: rgba(255, 253, 247, 0.94); border: 1px solid var(--sf-line); border-radius: 7px; box-shadow: 0 9px 26px rgba(95, 67, 48, 0.08); } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .woocommerce-cart-form input, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .woocommerce-cart-form select, body.sf-shop-parity.woocommerce-account .sf-commerce-shell .woocommerce-MyAccount-content input, body.sf-shop-parity.woocommerce-account .sf-commerce-shell .woocommerce-form-login input { border-radius: 4px !important; min-height: 44px; } @media (max-width: 1100px) { body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu { column-gap: clamp(1.1rem, 2.3vw, 2.5rem); } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li > a, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li > a { font-size: 0.78rem !important; } } @media (max-width: 980px) { body.sf-shop-parity .et-l--header .sf-shop-header, body.sf-shop-parity .et-l--header .et_pb_section--with-menu { min-height: 95px !important; } body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { min-height: 95px; padding: 0.65rem clamp(1.2rem, 5vw, 5rem) !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__wrap { column-gap: 0; flex-wrap: nowrap !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex: 0 0 230px; margin-right: 0 !important; max-width: 230px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { height: auto; max-width: 230px; width: 230px; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button { margin-left: auto !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_nav_menu, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_nav_menu { align-items: center; display: flex; height: 44px; justify-content: center; margin-left: 4px !important; margin-right: 0 !important; min-width: 44px; } body.sf-shop-parity .et-l--header .sf-shop-menu .mobile_menu_bar, body.sf-shop-parity .et-l--header .et_pb_menu .mobile_menu_bar { align-items: center; display: inline-flex; height: 44px; justify-content: center; width: 44px; } body.sf-shop-parity .et-l--header .sf-shop-menu .mobile_menu_bar::before, body.sf-shop-parity .et-l--header .et_pb_menu .mobile_menu_bar::before { font-size: 29px !important; top: 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu { border-radius: 5px; left: auto !important; max-height: calc(100vh - 126px); overflow-y: auto; right: 0 !important; top: calc(100% + 10px); width: min(92vw, 370px) !important; } /* Keep nested links indented; the enhancement script collapses each group. */ body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu .sub-menu, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu .sub-menu { background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none; display: block !important; margin: 0 !important; opacity: 1 !important; padding: 0 0 0 14px !important; position: static !important; visibility: visible !important; width: 100% !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu .sub-menu .sub-menu, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu .sub-menu .sub-menu { padding-left: 14px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu .sub-menu li a, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu .sub-menu li a { font-size: 13px !important; padding: 9px 12px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_mobile_menu .menu-item-has-children > a:first-child::after, body.sf-shop-parity .et-l--header .et_pb_menu .et_mobile_menu .menu-item-has-children > a:first-child::after { content: none !important; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type { grid-template-columns: minmax(200px, 0.75fr) minmax(230px, 1fr); } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type > .et_pb_column:last-child { grid-column: 1 / -1; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type > .et_pb_column:last-child .et_pb_image { display: none; } } @media (max-width: 767px) { body.sf-shop-parity .sunflower-shop-intro { min-height: 0; padding: 48px 22px 52px; } body.sf-shop-parity .sunflower-shop-intro::after { height: 210px; opacity: 0.64; right: -135px; width: 210px; } body.sf-shop-parity .sunflower-shop-intro h1 { font-size: clamp(39px, 12vw, 54px); max-width: 92%; } body.sf-shop-parity .sunflower-shop-intro__copy { font-size: 16px; line-height: 1.62; max-width: 90%; } body.sf-shop-parity.woocommerce-shop .sfcat-bar, body.sf-shop-parity.tax-product_cat .sfcat-bar { flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 4px !important; overflow-x: auto; padding: 18px 18px 8px !important; scroll-padding-left: 18px; scroll-snap-type: x proximity; } body.sf-shop-parity.woocommerce-shop .sfcat-pill, body.sf-shop-parity.tax-product_cat .sfcat-pill { flex: 0 0 auto; scroll-snap-align: start; white-space: nowrap; } /* Product and transactional pages prioritize the task, not browsing chips. */ body.sf-shop-parity.single-product .sfcat-bar, body.sf-shop-parity.woocommerce-cart .sfcat-bar, body.sf-shop-parity.woocommerce-checkout .sfcat-bar, body.sf-shop-parity.woocommerce-account .sfcat-bar { display: none !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et-l--body .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type { display: none !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et-l--body .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row { display: flex; flex-direction: column; gap: 18px; } /* Keep the lead product image first, followed immediately by buying details. */ body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_2_3 { order: 1; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 { order: 2; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_2_3, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 { margin: 0 !important; padding: 20px !important; width: 100% !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_title h1 { font-size: clamp(34px, 10vw, 44px) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_images { min-height: min(86vw, 420px); } body.sf-shop-parity.single-product .sf-commerce-shell .flex-control-thumbs li { flex-basis: 62px; width: 62px !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_description { margin: 0 auto 10px; padding: 20px; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type { grid-template-columns: 1fr; text-align: center; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:first-of-type > .et_pb_column:last-child { grid-column: auto; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_image { margin-left: auto !important; margin-right: auto !important; max-width: 310px; } body.sf-shop-parity .et-l--footer .et_builder_inner_content > .et_pb_section:first-child .et_pb_social_media_follow { display: flex; justify-content: center; } } @media (max-width: 620px) { body.sf-shop-parity .et-l--header .sf-shop-header, body.sf-shop-parity .et-l--header .et_pb_section--with-menu { min-height: 78px !important; } body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { min-height: 78px; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex: 0 0 190px; max-width: 190px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { height: auto; max-width: 190px; width: 190px; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button { min-width: 64px; padding: 7px 8px !important; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button .et_pb_menu__cart-count { font-size: 9px; } body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { border-radius: 6px; padding: 8px 8px 15px !important; } } /* Stable chrome and content classes emitted by the live-repair plugin. */ body.sf-shop-parity .sf-shop-skip-link { background: var(--sf-blue-deep); border-radius: 0 0 4px 4px; color: #fff; font-family: var(--sf-sans); font-size: 12px; font-weight: 700; left: 18px; letter-spacing: 0.05em; padding: 12px 16px; position: fixed; text-transform: uppercase; top: 0; transform: translateY(-125%); transition: transform 140ms ease; z-index: 100002; } body.sf-shop-parity .sf-shop-skip-link:focus { color: #fff; transform: translateY(0); } body.sf-shop-parity .sf-shop-utility { align-items: center; background: linear-gradient(rgba(248, 217, 115, 0.42), rgba(248, 217, 115, 0.42)), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") center 48% / cover no-repeat; color: var(--sf-blue-deep); display: flex; font-family: var(--sf-sans); font-size: 0.76rem; font-style: normal; font-weight: 700; justify-content: center; letter-spacing: 0.07em; line-height: 1.72; min-height: 35px; padding: 0.35rem 1rem; text-transform: uppercase; } body.sf-shop-parity .sf-shop-utility__inner { align-items: center; display: flex; gap: 0.75rem; justify-content: center; margin: 0 auto; max-width: none; min-height: 0; text-align: center; width: 100%; } body.sf-shop-parity .sf-shop-utility a { align-items: center; color: var(--sf-blue-deep); display: inline-flex; font-weight: 700; min-height: 44px; text-decoration: none; } body.sf-shop-parity .sf-shop-utility__days-short { display: none; } body.sf-shop-parity .sf-shop-utility + .et-l--header .sf-shop-header, body.sf-shop-parity .sf-shop-utility + .et-l--header .et_pb_section--with-menu { border-top: 0; } body.sf-shop-parity .sf-shop-utility + #page-container .et-l--header .sf-shop-header, body.sf-shop-parity .sf-shop-utility + #page-container .et-l--header .et_pb_section--with-menu { border-top: 0; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.sf-shop-nav-new, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.sf-shop-nav-new { position: relative; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.sf-shop-nav-new::before, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.sf-shop-nav-new::before { background: var(--sf-sunflower); border: 1px solid var(--sf-sunflower-deep); border-radius: 999px; color: var(--sf-blue-deep); content: "New"; font-family: var(--sf-sans); font-size: 8px; font-weight: 700; letter-spacing: 0.08em; line-height: 1; padding: 4px 5px 3px; pointer-events: none; position: absolute; right: -7px; text-transform: uppercase; top: -8px; z-index: 2; } body.sf-shop-parity .sunflower-shop-intro__inner { align-items: center; display: grid; gap: clamp(32px, 6vw, 82px); grid-template-columns: minmax(0, 1.05fr) minmax(310px, 0.95fr); } body.sf-shop-parity .sunflower-shop-intro__content { max-width: 740px; position: relative; z-index: 2; } body.sf-shop-parity .sunflower-shop-intro__benefits { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 27px 0 0; max-width: 700px; padding: 0 !important; } body.sf-shop-parity .sunflower-shop-intro__benefits li { border-left: 3px solid var(--sf-sunflower-deep); color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.055em; line-height: 1.42; min-width: 0; padding: 4px 8px 4px 11px; text-transform: uppercase; } body.sf-shop-parity .sunflower-shop-intro__collage { min-height: clamp(350px, 35vw, 500px); position: relative; z-index: 2; } body.sf-shop-parity .sunflower-shop-intro__product { --sf-collage-tilt: 0deg; background: var(--sf-paper); border: 9px solid rgba(255, 253, 247, 0.96); border-radius: 3px; box-shadow: 0 18px 40px rgba(95, 67, 48, 0.22), 0 0 0 2px rgba(139, 103, 73, 0.62); display: block; overflow: hidden; position: absolute; transform: rotate(var(--sf-collage-tilt)); transition: box-shadow 180ms ease, transform 180ms ease; } body.sf-shop-parity .sunflower-shop-intro__product:hover, body.sf-shop-parity .sunflower-shop-intro__product:focus-visible { box-shadow: 0 24px 44px rgba(95, 67, 48, 0.27), 0 0 0 2px var(--sf-blue-deep); transform: rotate(var(--sf-collage-tilt)) translateY(-4px); } body.sf-shop-parity .sunflower-shop-intro__product img { aspect-ratio: 1; background: var(--sf-cream); display: block; height: auto; object-fit: contain; width: 100%; } body.sf-shop-parity .sunflower-shop-intro__product--1 { --sf-collage-tilt: -4deg; left: 2%; top: 15%; width: 54%; z-index: 2; } body.sf-shop-parity .sunflower-shop-intro__product--2 { --sf-collage-tilt: 5deg; right: 1%; top: 2%; width: 51%; z-index: 1; } body.sf-shop-parity .sunflower-shop-intro__product--3 { --sf-collage-tilt: 2deg; bottom: 1%; right: 13%; width: 45%; z-index: 3; } body.sf-shop-parity .sunflower-shop-intro__badge { align-items: center; background: var(--sf-blue-deep); border: 4px solid var(--sf-sunflower); border-radius: 50%; color: #fff; display: inline-flex; font-family: var(--sf-sans); font-size: 11px; font-weight: 700; height: 74px; justify-content: center; letter-spacing: 0.08em; position: absolute; right: 0; text-transform: uppercase; top: 38%; transform: rotate(7deg); width: 74px; z-index: 4; } body.sf-shop-parity .sf-product-assurance { background: rgba(251, 244, 223, 0.78); border-left: 4px solid var(--sf-sunflower-deep); color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 11px; font-weight: 600; letter-spacing: 0.025em; line-height: 1.55; margin: 16px 0 2px; padding: 12px 14px; } body.sf-shop-parity .sf-product-assurance ul { display: grid; gap: 5px; list-style: none; margin: 0; padding: 0 !important; } body.sf-shop-parity .sf-product-assurance li::before { color: var(--sf-sage-deep); content: "✓"; font-weight: 700; margin-right: 8px; } /* The replacement footer mirrors the Cloudflare site's newsletter and grid. */ body.sf-shop-parity .sf-shop-footer { border-top: 1px solid var(--sf-line); color: var(--sf-ink); font-family: var(--sf-body); } body.sf-shop-parity .sf-shop-newsletter { align-items: center; background: linear-gradient(rgba(248, 217, 115, 0.46), rgba(248, 217, 115, 0.46)), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") center / cover no-repeat; display: flex; flex-direction: column; gap: 15px; justify-content: center; padding: clamp(48px, 6vw, 82px) 6%; text-align: center; } body.sf-shop-parity .sf-shop-newsletter > div { max-width: 850px; } body.sf-shop-parity .sf-shop-script { color: var(--sf-blue-deep); font-family: "Cookie", "Segoe Script", cursive; font-size: clamp(42px, 5.2vw, 72px); font-weight: 400; line-height: 0.95; margin: 0 0 8px; padding: 0; } body.sf-shop-parity .sf-shop-newsletter h2 { color: var(--sf-blue); font-family: var(--sf-serif); font-size: clamp(34px, 4vw, 56px); font-weight: 600; line-height: 1.1; margin: 0 0 12px; padding: 0; } body.sf-shop-parity .sf-shop-newsletter p { line-height: 1.6; } body.sf-shop-parity .sf-shop-button { align-items: center; border: 1px solid var(--sf-blue-deep); border-radius: 3px; display: inline-flex; font-family: var(--sf-sans); font-size: 12px; font-weight: 700; justify-content: center; letter-spacing: 0.075em; min-height: 48px; padding: 13px 23px; text-decoration: none; text-transform: uppercase; } body.sf-shop-parity .sf-shop-button--navy { background: var(--sf-blue-deep); color: #fff; } body.sf-shop-parity .sf-shop-button--navy:hover { background: var(--sf-blue); color: #fff; } body.sf-shop-parity .sf-shop-footer__body { background: linear-gradient(rgba(228, 242, 249, 0.28), rgba(203, 229, 243, 0.3)), url("https://shop.thesunflowerbakeryandcafe.com/wp-content/uploads/2026/05/Pastel-Watercolor-15-scaled-1.jpg") center / cover no-repeat; padding: clamp(48px, 6vw, 82px) 6% 16px; } body.sf-shop-parity .sf-shop-footer__grid { align-items: start; display: grid; gap: clamp(28px, 4vw, 54px); grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 auto; max-width: 1250px; } body.sf-shop-parity .sf-shop-footer__grid section { min-width: 0; } body.sf-shop-parity .sf-shop-footer__grid h2 { color: var(--sf-blue); font-family: var(--sf-serif); font-size: 20px; font-weight: 600; line-height: 1.2; margin: 0 0 10px; padding: 0; } body.sf-shop-parity .sf-shop-footer__grid p, body.sf-shop-parity .sf-shop-footer__grid address, body.sf-shop-parity .sf-shop-footer__grid strong { display: block; font-style: normal; line-height: 1.62; margin: 0 0 5px; } body.sf-shop-parity .sf-shop-footer__grid a { align-items: center; color: var(--sf-blue-deep); display: flex; min-height: 44px; text-underline-offset: 0.18em; } body.sf-shop-parity .sf-shop-footer__second-heading { margin-top: 19px !important; } body.sf-shop-parity .sf-shop-footer__social { display: flex; flex-wrap: wrap; gap: 8px; } body.sf-shop-parity .sf-shop-footer__social a { border: 1px solid rgba(70, 90, 125, 0.34); border-radius: 3px; font-family: var(--sf-sans); font-size: 10px; font-weight: 700; justify-content: center; letter-spacing: 0.05em; padding: 9px 11px; text-decoration: none; text-transform: uppercase; } body.sf-shop-parity .sf-shop-footer__social a:hover { background: var(--sf-blue-deep); color: #fff; } body.sf-shop-parity .sf-shop-footer__bottom { border-top: 1px solid var(--sf-line); color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 10px; letter-spacing: 0.06em; margin: clamp(34px, 5vw, 58px) auto 0; max-width: 1250px; padding-top: 16px; text-align: center; text-transform: uppercase; } @media (max-width: 980px) { body.sf-shop-parity .sunflower-shop-intro__inner { gap: 30px; grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr); } body.sf-shop-parity .sunflower-shop-intro__benefits { grid-template-columns: 1fr; } body.sf-shop-parity .sunflower-shop-intro__collage { min-height: 340px; } body.sf-shop-parity .sf-shop-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { body.sf-shop-parity .sunflower-shop-intro__inner { display: block; } body.sf-shop-parity .sunflower-shop-intro__content { max-width: none; } body.sf-shop-parity .sunflower-shop-intro__benefits { gap: 7px; margin-top: 22px; } body.sf-shop-parity .sunflower-shop-intro__collage { display: none; } body.sf-shop-parity .sf-shop-footer__grid { gap: 32px; grid-template-columns: 1fr; text-align: center; } body.sf-shop-parity .sf-shop-footer__grid a, body.sf-shop-parity .sf-shop-footer__social { justify-content: center; } } @media (max-width: 620px) { body.sf-shop-parity .sf-shop-utility__inner { flex-wrap: nowrap; line-height: 1.2; } body.sf-shop-parity .sf-shop-utility__days-full { display: none; } body.sf-shop-parity .sf-shop-utility__days-short { display: inline; } } body.admin-bar.sf-shop-parity .sf-shop-skip-link { top: 32px; transform: translateY(calc(-125% - 32px)); } body.admin-bar.sf-shop-parity .sf-shop-skip-link:focus { transform: translateY(0); } body.sf-shop-parity.woocommerce-shop #main-content .et_pb_row, body.sf-shop-parity.tax-product_cat #main-content .et_pb_row, body.sf-shop-parity .sfcat-bar, body.sf-shop-parity .sunflower-shop-intro__inner { max-width: 1380px !important; width: min(94%, 1380px) !important; } /* Native product archives do not render a sidebar, so reclaim Divi's reserved sidebar column and match the main site's five-percent page rail. */ body.sf-shop-parity.woocommerce-shop #main-content > .container, body.sf-shop-parity.tax-product_cat #main-content > .container { max-width: 1380px !important; width: 90% !important; } body.sf-shop-parity.woocommerce-shop #content-area, body.sf-shop-parity.tax-product_cat #content-area, body.sf-shop-parity.woocommerce-shop #left-area, body.sf-shop-parity.tax-product_cat #left-area { float: none !important; padding-right: 0 !important; width: 100% !important; } body.sf-shop-parity.woocommerce-shop #main-content > .container::before, body.sf-shop-parity.tax-product_cat #main-content > .container::before { display: none !important; } body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products li.product, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { display: flex !important; flex-direction: column; } body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products li.product > a.woocommerce-loop-product__link, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products li.product > a.woocommerce-loop-product__link, body.sf-shop-parity.woocommerce-shop article ul.products li.product > a.woocommerce-loop-product__link, body.sf-shop-parity.tax-product_cat article ul.products li.product > a.woocommerce-loop-product__link { display: flex; flex: 1 1 auto; flex-direction: column; } body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products li.product .price, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products li.product .price, body.sf-shop-parity.woocommerce-shop article ul.products li.product .price, body.sf-shop-parity.tax-product_cat article ul.products li.product .price { margin-top: auto !important; } @media (min-width: 981px) { body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { column-gap: clamp(24px, 2vw, 32px) !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); row-gap: clamp(32px, 2.8vw, 42px) !important; } body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products li.product, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { padding: 14px 14px 22px !important; } } @media (min-width: 601px) and (max-width: 980px) { body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { column-gap: 20px !important; row-gap: 28px !important; } } /* Preserve both persistent shop controls on the narrowest supported phones. */ @media (max-width: 359px) { body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo-wrap, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo-wrap { flex: 0 0 170px; max-width: 170px !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo, body.sf-shop-parity .et-l--header .sf-shop-menu .et_pb_menu__logo a, body.sf-shop-parity .et-l--header .et_pb_menu .et_pb_menu__logo a { max-width: 170px; width: 170px; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button { max-width: 44px; min-width: 44px; padding: 0 !important; width: 44px; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button .et_pb_menu__cart-count { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute !important; white-space: nowrap; width: 1px; } } @media (max-width: 782px) { body.admin-bar.sf-shop-parity .sf-shop-skip-link { top: 46px; transform: translateY(calc(-125% - 46px)); } body.admin-bar.sf-shop-parity .sf-shop-skip-link:focus { transform: translateY(0); } } /* Two compact columns keep the 34-item mobile catalog scannable. */ @media (min-width: 360px) and (max-width: 600px) { body.sf-shop-parity .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { column-gap: 12px !important; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.woocommerce-shop article ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.tax-product_cat article ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; line-height: 1.3 !important; } } /* 1.2.2 release-candidate polish: keep task pages focused and controls distinct. */ body.sf-shop-parity.single-product .sfcat-bar, body.sf-shop-parity.woocommerce-cart .sfcat-bar, body.sf-shop-parity.woocommerce-checkout .sfcat-bar { display: none !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_row:has(.sfcat-bar), body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .et_pb_row:has(.sfcat-bar), body.sf-shop-parity.woocommerce-checkout .sf-commerce-shell .et_pb_row:has(.sfcat-bar) { display: none !important; } @media (min-width: 981px) { body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.sf-shop-nav-new > a, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.sf-shop-nav-new > a { padding-right: 4.25rem !important; position: relative; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.sf-shop-nav-new > a:first-child::after, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.sf-shop-nav-new > a:first-child::after { right: 0 !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.sf-shop-nav-new::before, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.sf-shop-nav-new::before { font-size: 0.7rem; padding: 0.35rem 0.46rem; right: 1.2rem; top: 50%; transform: translateY(-50%); } } @media (hover: none), (pointer: coarse), (max-width: 767px) { body.sf-shop-parity .sf-product-grid ul.products li.product .et_overlay, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_overlay, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_overlay { display: none !important; } } @media (max-width: 767px) { /* WPConsent's visible state lives inside its shadow root, so reserve the measured compact-banner height without coupling to private internals. */ body.sf-shop-parity .sf-mobile-purchase-cue { bottom: calc(164px + env(safe-area-inset-bottom)); } body.sf-shop-parity.sf-shop-mobile-menu-open .sf-mobile-purchase-cue { opacity: 0 !important; pointer-events: none !important; transform: translate(-50%, calc(100% + 28px)) !important; visibility: hidden !important; } body.sf-shop-parity.tax-product_cat .woocommerce-result-count { display: none !important; } body.sf-shop-parity.tax-product_cat .woocommerce-ordering { float: none !important; margin: 12px 0 10px !important; width: 100%; } body.sf-shop-parity.tax-product_cat .woocommerce-ordering select { width: 100%; } body.sf-shop-parity.tax-product_cat .sf-shop-discovery { gap: 8px; margin-bottom: 22px; padding: 13px 18px 16px; } } /* 1.2.0 conversion and performance refinements. */ body.sf-shop-parity .sf-shop-discovery { align-items: end; background: rgba(251, 244, 223, 0.58); border: 1px solid rgba(95, 67, 48, 0.18); border-radius: 7px; display: grid; gap: 12px 16px; grid-template-columns: minmax(240px, 1fr) minmax(190px, 0.45fr) auto auto; margin: 14px auto 30px; max-width: 1380px; padding: 16px; width: min(94%, 1380px); } body.sf-shop-parity .sf-shop-discovery__field { min-width: 0; } body.sf-shop-parity .sf-shop-discovery label { color: var(--sf-blue-deep); display: block; font-family: var(--sf-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.075em; margin: 0 0 5px; text-transform: uppercase; } body.sf-shop-parity .sf-shop-discovery input, body.sf-shop-parity .sf-shop-discovery select { background: #fff !important; border: 1px solid rgba(70, 90, 125, 0.34) !important; border-radius: 4px !important; color: var(--sf-ink) !important; font-family: var(--sf-body) !important; font-size: 16px; min-height: 48px; padding: 10px 12px !important; width: 100%; } body.sf-shop-parity .sf-shop-discovery input:focus-visible, body.sf-shop-parity .sf-shop-discovery select:focus-visible { border-color: var(--sf-blue-deep) !important; box-shadow: 0 0 0 3px rgba(51, 69, 100, 0.16); } body.sf-shop-parity .sf-shop-discovery__reset { background: transparent; border: 1px solid rgba(70, 90, 125, 0.38); border-radius: 4px; color: var(--sf-blue-deep); cursor: pointer; font-family: var(--sf-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.065em; min-height: 48px; padding: 10px 14px; text-transform: uppercase; } body.sf-shop-parity .sf-shop-discovery__reset:hover, body.sf-shop-parity .sf-shop-discovery__reset:focus-visible { background: var(--sf-blue-deep); color: #fff; } body.sf-shop-parity .sf-shop-discovery__count { color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 11px; font-weight: 700; margin: 0; min-width: 116px; padding: 0 0 13px; text-align: right; } body.sf-shop-parity .sf-shop-discovery__empty { color: var(--sf-blue-deep); font-family: var(--sf-body); grid-column: 1 / -1; margin: 0; padding: 8px 2px 0; } body.sf-shop-parity .sf-product-grid ul.products li.product.sf-product-filtered-out, body.sf-shop-parity.woocommerce-shop article ul.products li.product.sf-product-filtered-out, body.sf-shop-parity.tax-product_cat article ul.products li.product.sf-product-filtered-out { display: none !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .sf-catalog-action, body.sf-shop-parity.woocommerce-shop article ul.products li.product .sf-catalog-action, body.sf-shop-parity.tax-product_cat article ul.products li.product .sf-catalog-action { align-items: center; display: inline-flex; justify-content: center; margin: 15px 6px 0 !important; text-align: center; width: calc(100% - 12px); } body.sf-shop-parity .sf-product-grid ul.products li.product .added_to_cart, body.sf-shop-parity.woocommerce-shop article ul.products li.product .added_to_cart, body.sf-shop-parity.tax-product_cat article ul.products li.product .added_to_cart { color: var(--sf-blue-deep); display: inline-flex; font-family: var(--sf-sans); font-size: 11px; font-weight: 700; justify-content: center; letter-spacing: 0.05em; margin-top: 8px; min-height: 44px; padding: 11px 8px; text-transform: uppercase; width: 100%; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart { scroll-margin-top: 132px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_description.sf-product-summary { background: transparent; border: 0; box-shadow: none; color: var(--sf-ink); font-size: 16px; line-height: 1.65; margin: 0 0 18px; max-width: none; padding: 0; } body.sf-shop-parity .sf-product-details { border-bottom: 1px solid var(--sf-line); border-top: 1px solid var(--sf-line); margin: 16px 0 2px; } body.sf-shop-parity .sf-product-details summary { color: var(--sf-blue-deep); cursor: pointer; font-family: var(--sf-sans); font-size: 11px; font-weight: 700; letter-spacing: 0.065em; list-style-position: outside; min-height: 48px; padding: 14px 4px; text-transform: uppercase; } body.sf-shop-parity .sf-product-details__content { color: var(--sf-ink); font-size: 14px; line-height: 1.62; padding: 0 4px 16px; } body.sf-shop-parity .sf-product-details__content p, body.sf-shop-parity .sf-product-details__content ul, body.sf-shop-parity .sf-product-details__content ol { margin: 0 0 11px; padding-bottom: 0; } body.sf-shop-parity .sf-product-details__content ul, body.sf-shop-parity .sf-product-details__content ol { padding-left: 20px; } body.sf-shop-parity .sf-mobile-purchase-cue { display: none; } body.sf-shop-parity .sf-cart-toast { align-items: center; background: var(--sf-blue-deep); border: 1px solid rgba(255, 255, 255, 0.28); border-radius: 5px; bottom: 20px; box-shadow: 0 16px 38px rgba(35, 44, 62, 0.28); color: #fff; display: grid; gap: 6px 14px; grid-template-columns: minmax(0, 1fr) auto auto; max-width: min(430px, calc(100vw - 32px)); opacity: 0; padding: 14px 14px 14px 17px; pointer-events: none; position: fixed; right: 20px; transform: translateY(18px); transition: opacity 160ms ease, transform 160ms ease; visibility: hidden; z-index: 99980; } body.sf-shop-parity .sf-cart-toast.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; } body.sf-shop-parity .sf-cart-toast__message { color: #fff; font-family: var(--sf-body); line-height: 1.42; margin: 0; padding: 0; } body.sf-shop-parity .sf-cart-toast__link { color: var(--sf-sunflower); font-family: var(--sf-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.06em; min-height: 44px; padding: 13px 2px; text-transform: uppercase; } body.sf-shop-parity .sf-cart-toast__close { background: transparent; border: 0; color: #fff; cursor: pointer; font-size: 24px; height: 44px; line-height: 1; padding: 0; width: 44px; } @media (max-width: 980px) { body.sf-shop-parity .et-l--header { position: sticky; top: 0; z-index: 99970; } body.admin-bar.sf-shop-parity .et-l--header { top: 32px; } body.sf-shop-parity.sf-shop-mobile-menu-open { overflow: hidden; } body.sf-shop-parity .sf-shop-discovery { grid-template-columns: minmax(0, 1fr) minmax(180px, 0.55fr); } body.sf-shop-parity .sf-shop-discovery__reset { justify-self: start; } body.sf-shop-parity .sf-shop-discovery__count { justify-self: end; padding: 0 0 13px; } } @media (max-width: 782px) { body.admin-bar.sf-shop-parity .et-l--header { top: 46px; } } @media (max-width: 767px) { body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_images { min-height: 0; } /* Reserve the image cap plus thumbnail strip while FlexSlider initializes. */ body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_images:has(.woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:nth-child(2)) { height: calc(min(80vw, 340px) + 80px); } body.sf-shop-parity.single-product .sf-commerce-shell .woocommerce-product-gallery__image img { max-height: min(80vw, 340px); object-fit: contain; } body.sf-shop-parity.single-product .sf-commerce-shell .flex-control-thumbs li { flex-basis: 56px; width: 56px !important; } body.sf-shop-parity .sf-mobile-purchase-cue { align-items: center; background: var(--sf-blue-deep); border: 2px solid var(--sf-sunflower); border-radius: 4px; bottom: 14px; box-shadow: 0 12px 30px rgba(35, 44, 62, 0.28); color: #fff; cursor: pointer; display: flex; font-family: var(--sf-sans); font-size: 11px; font-weight: 700; justify-content: center; left: 50%; letter-spacing: 0.07em; min-height: 50px; opacity: 0; padding: 13px 22px; pointer-events: none; position: fixed; text-transform: uppercase; transform: translate(-50%, calc(100% + 28px)); transition: opacity 160ms ease, transform 160ms ease; visibility: hidden; width: min(330px, calc(100vw - 32px)); z-index: 99960; } body.sf-shop-parity .sf-mobile-purchase-cue.is-visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); visibility: visible; } body.sf-shop-parity .sf-cart-toast { bottom: 14px; left: 16px; right: 16px; } body.sf-shop-parity .sf-shop-discovery { display: grid; grid-template-columns: 1fr; margin-bottom: 24px; padding: 14px; width: calc(100% - 36px); } body.sf-shop-parity .sf-shop-discovery__reset, body.sf-shop-parity .sf-shop-discovery__count { justify-self: stretch; text-align: left; } body.sf-shop-parity .sf-shop-discovery__count { padding: 0; } body.sf-shop-parity .sf-product-grid ul.products li.product .sf-catalog-action, body.sf-shop-parity.woocommerce-shop article ul.products li.product .sf-catalog-action, body.sf-shop-parity.tax-product_cat article ul.products li.product .sf-catalog-action { font-size: 10px !important; letter-spacing: 0.035em; margin: 12px 2px 0 !important; padding-left: 7px !important; padding-right: 7px !important; width: calc(100% - 4px); } } @media (forced-colors: active) { body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button, body.sf-shop-parity .sfcat-pill, body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_2_3, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 { border-color: CanvasText !important; } body.sf-shop-parity .et-l--header .sf-shop-menu .et-menu > li.menu-item-4490::before, body.sf-shop-parity .et-l--header .et_pb_menu .et-menu > li.menu-item-4490::before { border-color: CanvasText; } } @media (prefers-reduced-motion: reduce) { body.sf-shop-parity *, body.sf-shop-parity *::before, body.sf-shop-parity *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /* * 1.2.2 — bold restaurant / commerce design system * * The approved marketing site uses confident navy, sunflower yellow, warm * cream, large editorial type, and real product photography. This final layer * carries that system through the existing WooCommerce markup without changing * product, variation, cart, checkout, or payment behavior. */ body.sf-shop-parity { --sf-cream: #fff7e5; --sf-paper: #fffdf8; --sf-sunflower: #ffd43f; --sf-sunflower-deep: #e4b90b; --sf-sage: #eaf0e3; --sf-sage-deep: #456747; --sf-blue: #183d5d; --sf-blue-deep: #071a2f; --sf-blue-soft: #3f739d; --sf-ink: #071a2f; --sf-line: rgba(7, 26, 47, 0.16); --sf-shadow: 0 24px 60px rgba(7, 26, 47, 0.12); background: var(--sf-cream); color: var(--sf-ink); } body.sf-shop-parity #page-container, body.sf-shop-parity #main-content { background: var(--sf-cream); color: var(--sf-ink); } body.sf-shop-parity .sf-shop-utility { background: radial-gradient(circle at 18% -160%, #fff7c4 0 42%, transparent 43%), radial-gradient(circle at 82% 240%, #f4bd32 0 38%, transparent 39%), linear-gradient(90deg, #ffe681, #ffd54a 50%, #ffe681); color: var(--sf-blue-deep); } body.sf-shop-parity .sf-shop-utility a { color: var(--sf-blue-deep); } body.sf-shop-parity .et-l--header .sf-shop-header, body.sf-shop-parity .et-l--header .et_pb_section--with-menu { background: var(--sf-paper) !important; border-color: var(--sf-line); box-shadow: none; } body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu { background: var(--sf-paper) !important; border: 1px solid var(--sf-line) !important; border-radius: 0; box-shadow: 0 18px 42px rgba(7, 26, 47, 0.14); } body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu a:hover, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu a:hover, body.sf-shop-parity .et-l--header .sf-shop-menu .sub-menu a:focus-visible, body.sf-shop-parity .et-l--header .et_pb_menu .sub-menu a:focus-visible { background: var(--sf-sunflower) !important; color: var(--sf-blue-deep) !important; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button { background: var(--sf-blue-deep) !important; border-color: var(--sf-blue-deep); border-radius: 4px; margin-left: 12px !important; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:hover, body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:focus-visible { background: var(--sf-sunflower) !important; border-color: var(--sf-sunflower); color: var(--sf-blue-deep) !important; } body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:hover::after, body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:focus-visible::after, body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:hover .et_pb_menu__cart-count, body.sf-shop-parity .et-l--header a.et_pb_menu__cart-button:focus-visible .et_pb_menu__cart-count { color: var(--sf-blue-deep) !important; } /* Shop landing hero: editorial, high-energy, and immediately shoppable. */ body.sf-shop-parity .sunflower-shop-intro { background: radial-gradient(circle at 86% 34%, rgba(255, 212, 63, 0.12) 0 18%, transparent 18.4%), linear-gradient(118deg, #071a2f 0 68%, #0d2a47 68% 100%); color: var(--sf-paper); min-height: 540px; padding: clamp(58px, 6vw, 88px) clamp(22px, 5vw, 72px); } body.sf-shop-parity .sunflower-shop-intro::after { border: 1px solid rgba(255, 255, 255, 0.16); height: clamp(330px, 37vw, 560px); opacity: 1; right: clamp(-220px, -10vw, -90px); width: clamp(330px, 37vw, 560px); } body.sf-shop-parity .sunflower-shop-intro__inner { gap: clamp(34px, 5vw, 76px); grid-template-columns: minmax(0, 0.95fr) minmax(400px, 1.05fr); max-width: 1380px !important; min-height: 420px; width: min(94%, 1380px) !important; } body.sf-shop-parity .sunflower-shop-intro__content { max-width: 720px; } body.sf-shop-parity .sunflower-shop-intro__eyebrow { color: var(--sf-sunflower); font-family: var(--sf-sans); font-size: 12px; font-weight: 800; letter-spacing: 0.18em; margin-bottom: 18px; text-transform: uppercase; } body.sf-shop-parity .sunflower-shop-intro h1 { color: var(--sf-paper) !important; font-family: var(--sf-serif) !important; font-size: clamp(54px, 6.1vw, 92px); font-weight: 600; letter-spacing: -0.055em; line-height: 0.91; margin: 0 0 24px; max-width: 760px; padding: 0; } body.sf-shop-parity .sunflower-shop-intro__copy { color: rgba(255, 253, 248, 0.82); font-size: clamp(16px, 1.25vw, 19px); line-height: 1.65; margin: 0 0 26px; max-width: 630px; } body.sf-shop-parity .sf-shop-hero-cta { align-items: center; background: var(--sf-sunflower); border: 1px solid var(--sf-sunflower); border-radius: 999px; color: var(--sf-blue-deep); display: inline-flex; font-family: var(--sf-sans); font-size: 12px; font-weight: 800; justify-content: center; letter-spacing: 0.08em; min-height: 52px; padding: 14px 23px; text-decoration: none; text-transform: uppercase; transition: background-color 160ms ease, color 160ms ease, transform 160ms ease; } body.sf-shop-parity .sf-shop-hero-cta:hover, body.sf-shop-parity .sf-shop-hero-cta:focus-visible { background: var(--sf-paper); border-color: var(--sf-paper); color: var(--sf-blue-deep); transform: translateY(-2px); } body.sf-shop-parity .sunflower-shop-intro__benefits { gap: 12px; margin-top: 28px; } body.sf-shop-parity .sunflower-shop-intro__benefits li { border-left: 2px solid var(--sf-sunflower); color: rgba(255, 253, 248, 0.86); font-size: 10px; padding: 4px 9px 4px 12px; } body.sf-shop-parity .sunflower-shop-intro__collage { display: grid; gap: 14px; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); grid-template-rows: repeat(2, minmax(0, 1fr)); min-height: 430px; } body.sf-shop-parity .sunflower-shop-intro__product, body.sf-shop-parity .sunflower-shop-intro__product:hover, body.sf-shop-parity .sunflower-shop-intro__product:focus-visible { background: var(--sf-paper); border: 0; border-radius: 20px; box-shadow: 0 24px 62px rgba(0, 6, 14, 0.34); inset: auto; overflow: hidden; position: relative; transform: none; width: auto; } body.sf-shop-parity .sunflower-shop-intro__product:hover, body.sf-shop-parity .sunflower-shop-intro__product:focus-visible { box-shadow: 0 30px 70px rgba(0, 6, 14, 0.46); transform: translateY(-4px); } body.sf-shop-parity .sunflower-shop-intro__product--1 { grid-column: 1; grid-row: 1 / 3; } body.sf-shop-parity .sunflower-shop-intro__product--2 { grid-column: 2; grid-row: 1; } body.sf-shop-parity .sunflower-shop-intro__product--3 { grid-column: 2; grid-row: 2; } body.sf-shop-parity .sunflower-shop-intro__product img { background: var(--sf-paper); height: 100%; object-fit: contain; } body.sf-shop-parity .sunflower-shop-intro__badge { background: var(--sf-sunflower); border: 0; color: var(--sf-blue-deep); font-size: 10px; height: 72px; right: -12px; top: -12px; transform: none; width: 72px; } /* Compact task heroes for cart and checkout. */ body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro { background: var(--sf-blue-deep); min-height: 0; padding: clamp(42px, 5vw, 70px) 5%; } body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro::after, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro::after { border-color: rgba(255, 255, 255, 0.12); } body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro__inner, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro__inner { min-height: 0; } body.sf-shop-parity.woocommerce-cart .sunflower-shop-intro h1, body.sf-shop-parity.woocommerce-checkout .sunflower-shop-intro h1 { font-size: clamp(48px, 6vw, 78px); margin: 0; } /* Collection navigation and product-finding tools. */ body.sf-shop-parity .sfcat-bar { background: var(--sf-sunflower); gap: 10px; margin: 0 !important; max-width: none !important; padding: 20px max(3%, calc((100% - 1380px) / 2)) !important; width: 100% !important; } body.sf-shop-parity .sfcat-pill { background: transparent !important; border: 1px solid rgba(7, 26, 47, 0.52) !important; border-radius: 999px !important; color: var(--sf-blue-deep) !important; font-weight: 800; padding: 11px 17px !important; } body.sf-shop-parity.woocommerce-shop .sfcat-pill:first-child, body.sf-shop-parity .sfcat-pill.active, body.sf-shop-parity .sfcat-pill:hover, body.sf-shop-parity .sfcat-pill:focus-visible { background: var(--sf-blue-deep) !important; border-color: var(--sf-blue-deep) !important; color: var(--sf-paper) !important; } body.sf-shop-parity .sf-shop-discovery { background: var(--sf-paper); border: 0; border-radius: 0 0 18px 18px; box-shadow: 0 18px 46px rgba(7, 26, 47, 0.08); gap: 14px 18px; margin: 0 auto clamp(36px, 5vw, 62px); padding: 21px clamp(18px, 3vw, 34px) 24px; } body.sf-shop-parity .sf-shop-discovery label, body.sf-shop-parity .sf-shop-discovery__count { color: var(--sf-blue-deep); font-weight: 800; } body.sf-shop-parity .sf-shop-discovery input, body.sf-shop-parity .sf-shop-discovery select { border: 1px solid rgba(7, 26, 47, 0.28) !important; border-radius: 10px !important; color: var(--sf-blue-deep) !important; } body.sf-shop-parity .sf-shop-discovery input:focus-visible, body.sf-shop-parity .sf-shop-discovery select:focus-visible { border-color: var(--sf-blue-deep) !important; box-shadow: 0 0 0 3px rgba(242, 101, 60, 0.28); } body.sf-shop-parity .sf-shop-discovery__reset { border-color: var(--sf-blue-deep); border-radius: 999px; color: var(--sf-blue-deep); font-weight: 800; } body.sf-shop-parity .sf-shop-discovery__reset:hover, body.sf-shop-parity .sf-shop-discovery__reset:focus-visible { background: var(--sf-blue-deep); color: var(--sf-paper); } body.sf-shop-parity.tax-product_cat .woocommerce-products-header { background: var(--sf-blue-deep); box-shadow: 0 0 0 100vmax var(--sf-blue-deep); clip-path: inset(0 -100vmax); color: var(--sf-paper); margin-bottom: 0; padding: clamp(48px, 7vw, 82px) 0; } body.sf-shop-parity.tax-product_cat .woocommerce-products-header h1, body.sf-shop-parity.tax-product_cat .woocommerce-products-header .page-title { color: var(--sf-paper) !important; font-family: var(--sf-serif) !important; font-size: clamp(52px, 7vw, 88px) !important; letter-spacing: -0.05em; line-height: 0.94; } body.sf-shop-parity .woocommerce-result-count { color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; } body.sf-shop-parity .woocommerce-ordering select { background: var(--sf-paper) !important; border: 1px solid rgba(7, 26, 47, 0.24) !important; border-radius: 10px !important; color: var(--sf-blue-deep) !important; min-height: 48px; padding: 10px 38px 10px 13px !important; } /* Roomier, clearer product cards with one unmistakable purchase action. */ body.sf-shop-parity .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { align-items: stretch; } body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { background: var(--sf-paper) !important; border: 0; border-radius: 18px; box-shadow: 0 14px 36px rgba(7, 26, 47, 0.09); overflow: visible; padding: 12px 12px 22px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product:hover, body.sf-shop-parity .sf-product-grid ul.products li.product:focus-within, body.sf-shop-parity.woocommerce-shop article ul.products li.product:hover, body.sf-shop-parity.tax-product_cat article ul.products li.product:hover, body.sf-shop-parity.woocommerce-shop article ul.products li.product:focus-within, body.sf-shop-parity.tax-product_cat article ul.products li.product:focus-within { box-shadow: 0 22px 50px rgba(7, 26, 47, 0.15); transform: translateY(-4px); } body.sf-shop-parity .sf-product-grid ul.products li.product .et_shop_image, body.sf-shop-parity.woocommerce-shop article ul.products li.product .et_shop_image, body.sf-shop-parity.tax-product_cat article ul.products li.product .et_shop_image { background: var(--sf-cream); border: 0; border-radius: 12px; overflow: hidden; } body.sf-shop-parity .sf-product-grid ul.products li.product img, body.sf-shop-parity.woocommerce-shop article ul.products li.product img, body.sf-shop-parity.tax-product_cat article ul.products li.product img { background: var(--sf-cream); transition: transform 220ms ease; } body.sf-shop-parity .sf-product-grid ul.products li.product:hover img, body.sf-shop-parity.woocommerce-shop article ul.products li.product:hover img, body.sf-shop-parity.tax-product_cat article ul.products li.product:hover img { transform: scale(1.035); } body.sf-shop-parity .sf-product-grid ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.woocommerce-shop article ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.tax-product_cat article ul.products li.product .woocommerce-loop-product__title { color: var(--sf-blue-deep) !important; font-family: var(--sf-serif) !important; font-size: clamp(18px, 1.55vw, 23px) !important; font-weight: 600 !important; letter-spacing: -0.025em; line-height: 1.2 !important; padding: 18px 7px 9px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .price, body.sf-shop-parity.woocommerce-shop article ul.products li.product .price, body.sf-shop-parity.tax-product_cat article ul.products li.product .price { color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-size: 14px !important; font-weight: 800 !important; padding: 0 7px; } body.sf-shop-parity .sf-product-grid ul.products li.product .sf-catalog-action, body.sf-shop-parity.woocommerce-shop article ul.products li.product .sf-catalog-action, body.sf-shop-parity.tax-product_cat article ul.products li.product .sf-catalog-action { background: var(--sf-sunflower) !important; border: 1px solid var(--sf-sunflower) !important; border-radius: 999px !important; color: var(--sf-blue-deep) !important; font-weight: 800 !important; min-height: 50px; padding: 13px 14px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .sf-catalog-action:hover, body.sf-shop-parity.woocommerce-shop article ul.products li.product .sf-catalog-action:hover, body.sf-shop-parity.tax-product_cat article ul.products li.product .sf-catalog-action:hover, body.sf-shop-parity .sf-product-grid ul.products li.product .sf-catalog-action:focus-visible, body.sf-shop-parity.woocommerce-shop article ul.products li.product .sf-catalog-action:focus-visible, body.sf-shop-parity.tax-product_cat article ul.products li.product .sf-catalog-action:focus-visible { background: var(--sf-blue-deep) !important; border-color: var(--sf-blue-deep) !important; color: var(--sf-paper) !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .added_to_cart, body.sf-shop-parity.woocommerce-shop article ul.products li.product .added_to_cart, body.sf-shop-parity.tax-product_cat article ul.products li.product .added_to_cart { color: var(--sf-blue-deep); font-weight: 800; } @media (min-width: 981px) { body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { column-gap: clamp(30px, 2.65vw, 42px) !important; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: clamp(46px, 4vw, 64px) !important; } } /* Single product: bright gallery beside a focused navy purchase panel. */ body.sf-shop-parity.single-product .sf-commerce-shell { background: var(--sf-cream); } body.sf-shop-parity.single-product .sf-commerce-shell .et-l--body .et_pb_section { background: var(--sf-cream) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_row { max-width: 1280px !important; width: min(92%, 1280px) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_2_3 { background: var(--sf-paper); border: 0; border-radius: 22px; box-shadow: 0 18px 48px rgba(7, 26, 47, 0.1); } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 { background: var(--sf-blue-deep); border: 0; border-radius: 22px; box-shadow: 0 24px 60px rgba(7, 26, 47, 0.2); color: var(--sf-paper); } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_images { background: var(--sf-cream); border-radius: 14px; } body.sf-shop-parity.single-product .sf-commerce-shell div.product div.images img { border-radius: 12px; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 h1, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 h2, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 h3, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 p, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 label, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 .product_meta, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 .product_meta a { color: var(--sf-paper) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_title h1 { color: var(--sf-paper) !important; font-size: clamp(42px, 4.5vw, 66px) !important; letter-spacing: -0.045em; line-height: 0.98 !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_price .price, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_price .amount { color: var(--sf-sunflower) !important; font-size: 21px !important; font-weight: 800; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart table.variations select, body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .quantity .qty { background: var(--sf-paper) !important; border: 1px solid rgba(255, 255, 255, 0.44) !important; border-radius: 10px !important; color: var(--sf-blue-deep) !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .single_add_to_cart_button, body.sf-shop-parity.single-product .sf-commerce-shell form.cart button.button { background: var(--sf-sunflower) !important; border: 1px solid var(--sf-sunflower) !important; border-radius: 999px !important; color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-weight: 800 !important; letter-spacing: 0.07em; min-height: 54px; text-transform: uppercase; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_add_to_cart .single_add_to_cart_button:hover, body.sf-shop-parity.single-product .sf-commerce-shell form.cart button.button:hover { background: var(--sf-paper) !important; border-color: var(--sf-paper) !important; color: var(--sf-blue-deep) !important; } body.sf-shop-parity.single-product .sf-product-assurance { background: rgba(255, 255, 255, 0.08); border-left-color: var(--sf-sunflower); color: rgba(255, 253, 248, 0.88); } body.sf-shop-parity.single-product .sf-product-assurance li::before { color: var(--sf-sunflower); } body.sf-shop-parity.single-product .sf-product-details { border-color: rgba(255, 255, 255, 0.2); } body.sf-shop-parity.single-product .sf-product-details summary, body.sf-shop-parity.single-product .sf-product-details__content, body.sf-shop-parity.single-product .sf-product-details__content p { color: var(--sf-paper); } /* Classic WooCommerce cart: clear line items and a focused checkout path. */ body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .et-l--post .et_pb_section { background: var(--sf-cream) !important; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .woocommerce-cart-form { background: var(--sf-paper); border: 0; border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 26, 47, 0.09); padding: clamp(16px, 3vw, 30px); } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell table.shop_table { border: 0 !important; border-collapse: separate; border-spacing: 0; margin: 0 !important; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell table.shop_table thead th { border-bottom: 2px solid var(--sf-blue-deep); color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 10px; font-weight: 800; letter-spacing: 0.09em; padding: 14px 12px; text-transform: uppercase; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell table.shop_table td { border-color: var(--sf-line); color: var(--sf-blue-deep); padding: 18px 12px; vertical-align: middle; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-thumbnail img { background: var(--sf-cream); border: 0; border-radius: 10px; width: 86px; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-name a { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-size: clamp(17px, 1.5vw, 21px); font-weight: 600; line-height: 1.25; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-price, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-subtotal { font-family: var(--sf-sans); font-weight: 800; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-remove a.remove { align-items: center; background: transparent; border: 1px solid rgba(7, 26, 47, 0.28); color: var(--sf-blue-deep) !important; display: inline-flex; height: 44px; justify-content: center; width: 44px; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-remove a.remove:hover, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .product-remove a.remove:focus-visible { background: var(--sf-blue-deep); color: var(--sf-paper) !important; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .quantity .qty, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell #coupon_code { background: #fff !important; border: 1px solid rgba(7, 26, 47, 0.28) !important; border-radius: 10px !important; color: var(--sf-blue-deep) !important; min-height: 48px; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .actions .coupon { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .actions .button, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .return-to-shop .button { background: transparent !important; border: 1px solid var(--sf-blue-deep) !important; border-radius: 999px !important; color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-weight: 800 !important; min-height: 48px; padding: 12px 18px !important; text-transform: uppercase; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .actions .button:hover, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .return-to-shop .button:hover { background: var(--sf-blue-deep) !important; color: var(--sf-paper) !important; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .cart-collaterals .cart_totals { background: var(--sf-paper); border: 0; border-radius: 18px; border-top: 7px solid var(--sf-sunflower); box-shadow: 0 18px 48px rgba(7, 26, 47, 0.1); padding: clamp(22px, 3vw, 34px); } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .cart_totals h2 { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-size: clamp(30px, 3.5vw, 46px); letter-spacing: -0.04em; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .wc-proceed-to-checkout .checkout-button { background: var(--sf-sunflower) !important; border: 1px solid var(--sf-sunflower) !important; border-radius: 999px !important; color: var(--sf-blue-deep) !important; font-family: var(--sf-sans) !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 0.07em; min-height: 54px; text-transform: uppercase; } body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .wc-proceed-to-checkout .checkout-button:hover, body.sf-shop-parity.woocommerce-cart .sf-commerce-shell .wc-proceed-to-checkout .checkout-button:focus-visible { background: var(--sf-blue-deep) !important; border-color: var(--sf-blue-deep) !important; color: var(--sf-paper) !important; } body.sf-shop-parity .woocommerce-notices-wrapper .woocommerce-message, body.sf-shop-parity .woocommerce-notices-wrapper .woocommerce-info, body.sf-shop-parity .woocommerce-error, body.sf-shop-parity .cart-empty.woocommerce-info { background: var(--sf-paper) !important; border: 0; border-left: 5px solid var(--sf-sunflower); border-radius: 10px; color: var(--sf-blue-deep) !important; font-family: var(--sf-body); } body.sf-shop-parity .cart-empty.woocommerce-info { box-shadow: 0 14px 38px rgba(7, 26, 47, 0.08); font-size: clamp(18px, 2vw, 23px); margin: clamp(38px, 6vw, 72px) auto 20px !important; max-width: 760px; padding: 28px !important; text-align: center; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_wc_description:not(.sf-product-summary) { background: var(--sf-paper); border-left-color: var(--sf-sunflower); box-shadow: none; } body.sf-shop-parity .sf-mobile-purchase-cue, body.sf-shop-parity .sf-cart-toast { background: var(--sf-blue-deep); border-color: var(--sf-sunflower); border-radius: 12px; } /* Shared conversion footer: yellow invitation over a deep navy information area. */ body.sf-shop-parity .sf-shop-footer { background: var(--sf-blue-deep); border-top: 8px solid var(--sf-sunflower); color: var(--sf-paper); } body.sf-shop-parity .sf-shop-newsletter { align-items: end; background: var(--sf-sunflower); display: grid; gap: 28px 60px; grid-template-columns: minmax(0, 1fr) auto; padding: clamp(60px, 8vw, 104px) clamp(22px, 7vw, 112px); text-align: left; } body.sf-shop-parity .sf-shop-newsletter > div { max-width: 920px; } body.sf-shop-parity .sf-shop-script { color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 12px; font-weight: 800; letter-spacing: 0.18em; line-height: 1.3; margin-bottom: 14px; text-transform: uppercase; } body.sf-shop-parity .sf-shop-newsletter h2 { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-size: clamp(52px, 7vw, 98px); font-weight: 600; letter-spacing: -0.055em; line-height: 0.92; margin-bottom: 18px; } body.sf-shop-parity .sf-shop-newsletter p { color: rgba(7, 26, 47, 0.8); font-size: 17px; margin: 0; } body.sf-shop-parity .sf-shop-button, body.sf-shop-parity .sf-shop-button--navy { background: var(--sf-blue-deep); border-color: var(--sf-blue-deep); border-radius: 999px; color: var(--sf-paper); font-weight: 800; min-height: 52px; } body.sf-shop-parity .sf-shop-button:hover, body.sf-shop-parity .sf-shop-button--navy:hover, body.sf-shop-parity .sf-shop-button:focus-visible, body.sf-shop-parity .sf-shop-button--navy:focus-visible { background: var(--sf-paper); color: var(--sf-blue-deep); } body.sf-shop-parity .sf-shop-footer__body { background: var(--sf-blue-deep); color: rgba(255, 253, 248, 0.84); padding: clamp(54px, 7vw, 90px) 6% 18px; } body.sf-shop-parity .sf-shop-footer__grid h2, body.sf-shop-parity .sf-shop-footer__grid strong, body.sf-shop-parity .sf-shop-footer__grid a, body.sf-shop-parity .sf-shop-footer__bottom { color: var(--sf-paper); } body.sf-shop-parity .sf-shop-footer__grid h2, body.sf-shop-parity .sf-shop-footer__grid strong { color: var(--sf-sunflower); } body.sf-shop-parity .sf-shop-footer__grid a { text-decoration-color: rgba(255, 255, 255, 0.42); } body.sf-shop-parity .sf-shop-footer__social a { border-color: rgba(255, 255, 255, 0.32); border-radius: 999px; } body.sf-shop-parity .sf-shop-footer__social a:hover, body.sf-shop-parity .sf-shop-footer__social a:focus-visible { background: var(--sf-sunflower); border-color: var(--sf-sunflower); color: var(--sf-blue-deep); } body.sf-shop-parity .sf-shop-footer__bottom { border-color: rgba(255, 255, 255, 0.2); } body.sf-shop-parity a:focus-visible, body.sf-shop-parity button:focus-visible, body.sf-shop-parity input:focus-visible, body.sf-shop-parity select:focus-visible, body.sf-shop-parity textarea:focus-visible, body.sf-shop-parity summary:focus-visible { outline-color: #f2653c !important; } @media (max-width: 980px) { body.sf-shop-parity .sunflower-shop-intro { min-height: 0; } body.sf-shop-parity .sunflower-shop-intro__inner { grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr); } body.sf-shop-parity .sunflower-shop-intro__collage { min-height: 360px; } body.sf-shop-parity.woocommerce-shop .sf-product-grid ul.products, body.sf-shop-parity.tax-product_cat .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { column-gap: 24px !important; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et_pb_column_1_3 { border-radius: 18px; } body.sf-shop-parity .sf-shop-newsletter { align-items: start; grid-template-columns: 1fr; } } @media (max-width: 700px) { body.sf-shop-parity .sunflower-shop-intro { background: linear-gradient(145deg, #071a2f 0 78%, #0d2a47 78% 100%); padding: 52px 20px 44px; } body.sf-shop-parity .sunflower-shop-intro::after { display: none; } body.sf-shop-parity .sunflower-shop-intro__inner { display: block; min-height: 0; width: 100% !important; } body.sf-shop-parity .sunflower-shop-intro h1 { font-size: clamp(45px, 14vw, 66px); max-width: none; } body.sf-shop-parity .sunflower-shop-intro__copy { max-width: none; } body.sf-shop-parity .sf-shop-hero-cta { width: 100%; } body.sf-shop-parity .sunflower-shop-intro__benefits { grid-template-columns: 1fr; } body.sf-shop-parity .sunflower-shop-intro__collage { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 1fr; margin-top: 28px; min-height: 112px; } body.sf-shop-parity .sunflower-shop-intro__product, body.sf-shop-parity .sunflower-shop-intro__product--1, body.sf-shop-parity .sunflower-shop-intro__product--2, body.sf-shop-parity .sunflower-shop-intro__product--3 { border-radius: 10px; grid-column: auto; grid-row: 1; } body.sf-shop-parity .sunflower-shop-intro__badge { display: none; } body.sf-shop-parity .sfcat-bar { padding: 16px 18px !important; } body.sf-shop-parity .sf-shop-discovery { border-radius: 0 0 14px 14px; width: calc(100% - 28px); } body.sf-shop-parity .sf-shop-newsletter { padding-inline: 20px; } body.sf-shop-parity .sf-shop-newsletter h2 { font-size: clamp(46px, 14vw, 68px); } } @media (min-width: 360px) and (max-width: 600px) { body.sf-shop-parity .sf-product-grid ul.products, body.sf-shop-parity.woocommerce-shop article ul.products, body.sf-shop-parity.tax-product_cat article ul.products { column-gap: 14px !important; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 26px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product, body.sf-shop-parity.woocommerce-shop article ul.products li.product, body.sf-shop-parity.tax-product_cat article ul.products li.product { border-radius: 13px; padding: 8px 8px 15px !important; } body.sf-shop-parity .sf-product-grid ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.woocommerce-shop article ul.products li.product .woocommerce-loop-product__title, body.sf-shop-parity.tax-product_cat article ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; } } /* Keep fixed purchase feedback clear of consent without leaving it elevated after the visitor makes a consent choice. */ @media (max-width: 767px) { body.sf-shop-parity .sf-mobile-purchase-cue, body.sf-shop-parity .sf-cart-toast { bottom: calc(14px + env(safe-area-inset-bottom)) !important; } body.sf-shop-parity.sf-shop-consent-visible .sf-mobile-purchase-cue, body.sf-shop-parity.sf-shop-consent-visible .sf-cart-toast { bottom: calc(164px + env(safe-area-inset-bottom)) !important; } /* Divi's fixed back-to-top tab overlaps the second product card on phones. */ body.sf-shop-parity .et_pb_scroll_top { display: none !important; } } /* Keep the resolved variation price readable against the navy purchase panel. */ body.sf-shop-parity.single-product .et_pb_wc_add_to_cart .woocommerce-variation-price .price, body.sf-shop-parity.single-product .et_pb_wc_add_to_cart .woocommerce-variation-price .amount { color: var(--sf-sunflower) !important; } body.sf-shop-parity [hidden] { display: none !important; } body.sf-shop-parity .sf-shop-footer__bottom { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: center; } body.sf-shop-parity .sf-shop-footer__policies { display: inline-flex; flex-wrap: wrap; gap: 8px 16px; justify-content: center; } body.sf-shop-parity .sf-shop-footer__policies a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } @media (max-width: 980px) { body.sf-shop-parity .et-l--header .et_mobile_menu .menu-item-has-children { position: relative; } body.sf-shop-parity .et-l--header .et_mobile_menu .menu-item-has-children > a:first-child { padding-right: 58px !important; } body.sf-shop-parity .et-l--header .et_mobile_menu .sf-mobile-submenu-toggle { align-items: center; background: transparent; border: 0; border-radius: 8px; color: var(--sf-blue-deep); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; padding: 0; position: absolute; right: 6px; top: 2px; width: 44px; z-index: 2; } body.sf-shop-parity .et-l--header .et_mobile_menu .sf-mobile-submenu-toggle::before { content: "+"; font-family: Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1; } body.sf-shop-parity .et-l--header .et_mobile_menu .sf-mobile-submenu-toggle[aria-expanded="true"]::before { content: "−"; } body.sf-shop-parity .et-l--header .et_mobile_menu .sf-mobile-submenu-toggle:hover, body.sf-shop-parity .et-l--header .et_mobile_menu .sf-mobile-submenu-toggle:focus-visible { background: var(--sf-cream); } body.sf-shop-parity .et-l--header .et_mobile_menu .sub-menu[hidden] { display: none !important; opacity: 0 !important; visibility: hidden !important; } } /* Native category search reaches every catalog page. */ body.sf-shop-parity .sf-shop-discovery--catalog-search { display: block; } body.sf-shop-parity .sf-shop-discovery__form { align-items: end; display: grid; gap: 12px 18px; grid-template-columns: minmax(0, 1fr) auto; } body.sf-shop-parity .sf-shop-discovery__submit { background: var(--sf-blue-deep); border: 1px solid var(--sf-blue-deep); border-radius: 999px; color: var(--sf-paper); cursor: pointer; font-family: var(--sf-sans); font-size: 11px; font-weight: 800; letter-spacing: 0.06em; min-height: 44px; padding: 10px 22px; text-transform: uppercase; } body.sf-shop-parity .sf-shop-discovery__submit:hover, body.sf-shop-parity .sf-shop-discovery__submit:focus-visible { background: var(--sf-sunflower); color: var(--sf-blue-deep); } body.sf-shop-parity .sf-shop-discovery__help { color: var(--sf-blue-deep); font-family: var(--sf-sans); font-size: 12px; grid-column: 1 / -1; line-height: 1.5; margin: 0; padding: 0; } /* Outrank Divi's generated button colors without affecting purchase controls. */ body.sf-shop-parity.single-product #page-container .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button { background: var(--sf-paper) !important; border-color: var(--sf-paper) !important; border-radius: 999px !important; color: var(--sf-blue-deep) !important; min-height: 44px; } body.sf-shop-parity.single-product #page-container .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button:hover, body.sf-shop-parity.single-product #page-container .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button:focus-visible { background: var(--sf-sunflower) !important; border-color: var(--sf-sunflower) !important; color: var(--sf-blue-deep) !important; } body.sf-shop-parity.single-product #page-container .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button::before, body.sf-shop-parity.single-product #page-container .sf-commerce-shell .et_pb_button_module_wrapper .et_pb_button::after { content: none !important; display: none !important; } @media (max-width: 479px) { body.sf-shop-parity .sf-shop-discovery__form { grid-template-columns: minmax(0, 1fr); } } /* Keep archive controls below the title band and above their own search panel. */ body.sf-shop-parity.tax-product_cat .woocommerce-products-header { margin-bottom: 28px; } body.sf-shop-parity.tax-product_cat .woocommerce-result-count { align-items: center; display: flex !important; float: left; margin: 0 20px 20px 0 !important; min-height: 48px; } body.sf-shop-parity.tax-product_cat .woocommerce-ordering { float: right !important; margin: 0 0 20px !important; width: auto; } body.sf-shop-parity.tax-product_cat .sf-shop-discovery { border-radius: 18px; clear: both; margin: 0 0 40px; width: 100%; } @media (max-width: 620px) { body.sf-shop-parity.tax-product_cat .woocommerce-result-count { float: none; margin: 0 0 10px !important; min-height: 0; } body.sf-shop-parity.tax-product_cat .woocommerce-ordering { float: none !important; width: 100%; } } @media (max-width: 767px) { body.sf-shop-parity.single-product .sf-commerce-shell .et-l--body .et_builder_inner_content > .et_pb_section:first-child { padding-top: 16px !important; } body.sf-shop-parity.single-product .sf-commerce-shell .et-l--body .et_builder_inner_content > .et_pb_section:first-child > .et_pb_row:has(.et_pb_wc_images) { padding-top: 0 !important; } } /* Keep full-bleed page bands while bounding only their meaningful content. */ @media (min-width: 1921px) { body.sf-shop-parity #page-container { overflow-x: clip; width: 100%; } body.sf-shop-parity .sf-shop-utility__inner, body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { margin-left: auto !important; margin-right: auto !important; max-width: 1760px !important; width: min(94%, 1760px) !important; } body.sf-shop-parity .et-l--header .sf-shop-header-row, body.sf-shop-parity .et-l--header .et_pb_row--with-menu { padding-left: 0 !important; padding-right: 0 !important; } body.sf-shop-parity .sf-shop-newsletter { padding-left: calc((100% - 1380px) / 2); padding-right: calc((100% - 1380px) / 2); } } /* Customer policies share the brand, with a comfortable reading width. */ body.sf-shop-parity.sf-shop-policy #main-content > .container { width: calc(100% - 40px); max-width: 820px; padding-top: clamp(32px, 5vw, 64px); padding-bottom: clamp(40px, 6vw, 80px); } body.sf-shop-parity.sf-shop-policy #left-area { width: 100%; float: none; padding: 0; } body.sf-shop-parity.sf-shop-policy #main-content > .container::before, body.sf-shop-parity.sf-shop-policy #sidebar { display: none; } body.sf-shop-parity.sf-shop-policy h1 { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-size: clamp(32px, 5vw, 52px); line-height: 1.12; margin-bottom: 24px; } body.sf-shop-parity .sf-shop-policy__content h2 { color: var(--sf-blue-deep); font-family: var(--sf-serif); font-size: clamp(23px, 3vw, 30px); line-height: 1.25; margin-top: 30px; padding-bottom: 12px; } body.sf-shop-parity .sf-shop-policy__content p { font-size: 17px; line-height: 1.8; padding-bottom: 18px; } body.sf-shop-parity .sf-shop-policy__content a { color: var(--sf-blue-deep); overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }