/*!
 * Beebre Style 1.1.1 - Lily & Roo-inspired restyle for OceanWP + WooCommerce + Elementor.
 * Revert: deactivate the "Beebre Style" plugin (this is the ONLY stylesheet it adds).
 * Layout of this file: 1 tokens/vars  2 base+type  3 buttons+forms  4 header+nav  5 woo (grid/badges/price/cart)
 *                      6 footer+page header  7 elementor/home colour fixes  (ACCENT REMAP block - generated - sits between 1 and 2 so the hand-written rules win ties)
 * Palette: white #fff, black #000, charcoal #383737, border #D9D9D9, footer #F2F2F2, muted text #6A6A6A, sale #E32C2B
 */

/* ============ 1. TOKENS + THEME VARIABLE OVERRIDES ============ */
:root{
  --bb-white:#fff; --bb-black:#000; --bb-ink:#1c1c1c; --bb-charcoal:#383737; --bb-border:#d9d9d9; --bb-hair:#ddd;
  --bb-grey:#f2f2f2; --bb-muted:#6a6a6a; --bb-sale:#e32c2b;
  --bb-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bb-head:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bb-serif:"EB Garamond",Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
}
/* OceanWP customizer variables (pink/teal -> charcoal). html:root beats the theme's plain :root regardless of order. */
html:root{
  --owp-primary-color:#383737; --owp-primary-color-hover:#000;
  --owp-link-color:#383737; --owp-link-color-hover:#000;
  --owp-button-bg-color:#383737; --owp-button-bg-color-hover:#fff;
  --owp-button-text-color:#fff; --owp-button-text-color-hover:#383737;
  --owp-button-font-size:12px; --owp-button-font-weight:500; --owp-button-letter-spacing:.18em; --owp-button-text-transform:uppercase;
  --owp-input-border-color:#d9d9d9; --owp-input-border-color-focus:#383737; --owp-input-text-color:#000;
  --owp-widget-link-color:#383737; --owp-widget-link-color-hover:#000;
  --owp-focus-outline-color:#383737;
}
/* Elementor kit colours/fonts (kit-11 defaults were blue/green/grey + Roboto) */
body.elementor-kit-11{
  --e-global-color-primary:#383737; --e-global-color-secondary:#383737; --e-global-color-text:#000; --e-global-color-accent:#383737;
  --e-global-typography-primary-font-family:"Inter"; --e-global-typography-secondary-font-family:"EB Garamond";
  --e-global-typography-text-font-family:"Instrument Sans"; --e-global-typography-accent-font-family:"Inter";
}

/* ===== ACCENT REMAP (generated by tools/gen-accent-remap.py - do not edit by hand) ===== */
html .woocommerce-MyAccount-navigation ul li a:before,html .woocommerce-checkout .woocommerce-info a,html .woocommerce-checkout #payment ul.payment_methods .wc_payment_method>input[type=radio]:first-child:checked+label:before,html .woocommerce-checkout #payment .payment_method_paypal .about_paypal,html .woocommerce ul.products li.product li.category a:hover,html .woocommerce ul.products li.product .button:hover,html .woocommerce ul.products li.product .product-inner .added_to_cart:hover,html .product_meta .posted_in a:hover,html .product_meta .tagged_as a:hover,html .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,html .woocommerce .oceanwp-grid-list a.active,html .woocommerce .oceanwp-grid-list a:hover,html .woocommerce .oceanwp-off-canvas-filter:hover,html .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove:hover,html .widget_product_categories li a:hover ~ .count,html .widget_layered_nav li a:hover ~ .count,html .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a:hover,html a:hover,html a.light:hover,html .theme-heading .text::before,html .theme-heading .text::after,html #top-bar-content >a:hover,html #top-bar-social li.oceanwp-email a:hover,html #site-navigation-wrap .dropdown-menu >li >a:hover,html #site-header.medium-header #medium-searchform button:hover,html .oceanwp-mobile-menu-icon a:hover,html .blog-entry.post .blog-entry-header .entry-title a:hover,html .blog-entry.post .blog-entry-readmore a:hover,html .blog-entry.thumbnail-entry .blog-entry-category a,html ul.meta li a:hover,html .dropcap,html .single nav.post-navigation .nav-links .title,html body .related-post-title a:hover,html body #wp-calendar caption,html body .contact-info-widget.default i,html body .contact-info-widget.big-icons i,html body .custom-links-widget .oceanwp-custom-links li a:hover,html body .custom-links-widget .oceanwp-custom-links li a:hover:before,html body .posts-thumbnails-widget li a:hover,html body .social-widget li.oceanwp-email a:hover,html .comment-author .comment-meta .comment-reply-link,html #respond #cancel-comment-reply-link:hover,html #footer-widgets .footer-box a:hover,html #footer-bottom a:hover,html #footer-bottom #footer-bottom-menu a:hover,html .sidr a:hover,html .sidr-class-dropdown-toggle:hover,html .sidr-class-menu-item-has-children.active >a,html .sidr-class-menu-item-has-children.active >a >.sidr-class-dropdown-toggle,html input[type=checkbox]:checked:before,html .oceanwp-post-list.one .oceanwp-post-category:hover,html .oceanwp-post-list.one .oceanwp-post-category:hover a,html .oceanwp-post-list.two .slick-arrow:hover,html .oceanwp-post-list.two article:hover .oceanwp-post-category,html .oceanwp-post-list.two article:hover .oceanwp-post-category a{color:#383737}
html .woocommerce .oceanwp-grid-list a.active .owp-icon use,html .woocommerce .oceanwp-grid-list a:hover .owp-icon use,html .single nav.post-navigation .nav-links .title .owp-icon use,html .blog-entry.post .blog-entry-readmore a:hover .owp-icon use,html body .contact-info-widget.default .owp-icon use,html body .contact-info-widget.big-icons .owp-icon use{stroke:#383737}
html .woocommerce div.product div.images .open-image,html .wcmenucart-details.count,html .woocommerce-message a,html .woocommerce-error a,html .woocommerce-info a,html .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,html .woocommerce .widget_price_filter .ui-slider .ui-slider-range,html .owp-product-nav li a.owp-nav-link:hover,html .woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs ul.tabs li a:after,html .woocommerce .widget_product_categories li.current-cat >a ~ .count,html .woocommerce .widget_product_categories li.current-cat >a:before,html .woocommerce .widget_layered_nav li.chosen a ~ .count,html .woocommerce .widget_layered_nav li.chosen a:before,html #owp-checkout-timeline .active .timeline-wrapper,html .bag-style:hover .wcmenucart-cart-icon .wcmenucart-count,html .show-cart .wcmenucart-cart-icon .wcmenucart-count,html .woocommerce ul.products li.product:not(.product-category) .image-wrap .button,html input[type="button"],html input[type="reset"],html input[type="submit"],html button[type="submit"],html .button,html #site-navigation-wrap .dropdown-menu >li.btn >a >span,html .thumbnail:hover i,html .thumbnail:hover .link-post-svg-icon,html .post-quote-content,html .omw-modal .omw-close-modal,html body .contact-info-widget.big-icons li:hover i,html body .contact-info-widget.big-icons li:hover .owp-icon,html body div.wpforms-container-full .wpforms-form input[type=submit],html body div.wpforms-container-full .wpforms-form button[type=submit],html body div.wpforms-container-full .wpforms-form .wpforms-page-button,html .woocommerce-cart .wp-element-button,html .woocommerce-checkout .wp-element-button,html .wp-block-button__link,html .oceanwp-post-list.one .readmore:hover,html .oceanwp-post-list.one .oceanwp-post-category,html .oceanwp-post-list.two .oceanwp-post-category,html .oceanwp-post-list.two article:hover .slide-overlay-wrap{background-color:#383737}
html .current-shop-items-dropdown{border-top-color:#383737}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{border-bottom-color:#383737}
html .wcmenucart-details.count:before{border-color:#383737}
html .woocommerce ul.products li.product .button:hover{border-color:#383737}
html .woocommerce ul.products li.product .product-inner .added_to_cart:hover{border-color:#383737}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{border-color:#383737}
html .woocommerce .oceanwp-grid-list a.active{border-color:#383737}
html .woocommerce .oceanwp-grid-list a:hover{border-color:#383737}
html .woocommerce .oceanwp-off-canvas-filter:hover{border-color:#383737}
html .owp-product-nav li a.owp-nav-link:hover{border-color:#383737}
html .widget_shopping_cart_content .buttons .button:first-child:hover{border-color:#383737}
html .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove:hover{border-color:#383737}
html .widget_product_categories li a:hover ~ .count{border-color:#383737}
html .woocommerce .widget_product_categories li.current-cat >a ~ .count{border-color:#383737}
html .woocommerce .widget_product_categories li.current-cat >a:before{border-color:#383737}
html .widget_layered_nav li a:hover ~ .count{border-color:#383737}
html .woocommerce .widget_layered_nav li.chosen a ~ .count{border-color:#383737}
html .woocommerce .widget_layered_nav li.chosen a:before{border-color:#383737}
html #owp-checkout-timeline.arrow .active .timeline-wrapper:before{border-top-color:#383737;border-bottom-color:#383737}
html #owp-checkout-timeline.arrow .active .timeline-wrapper:after{border-left-color:#383737;border-right-color:#383737}
html .bag-style:hover .wcmenucart-cart-icon .wcmenucart-count{border-color:#383737}
html .bag-style:hover .wcmenucart-cart-icon .wcmenucart-count:after{border-color:#383737}
html .show-cart .wcmenucart-cart-icon .wcmenucart-count{border-color:#383737}
html .show-cart .wcmenucart-cart-icon .wcmenucart-count:after{border-color:#383737}
html .woocommerce ul.products li.product:not(.product-category) .woo-product-gallery .active a{border-color:#383737}
html .woocommerce ul.products li.product:not(.product-category) .woo-product-gallery a:hover{border-color:#383737}
html .widget-title{border-color:#383737}
html blockquote{border-color:#383737}
html .wp-block-quote{border-color:#383737}
html #searchform-dropdown{border-color:#383737}
html .dropdown-menu .sub-menu{border-color:#383737}
html .blog-entry.large-entry .blog-entry-readmore a:hover{border-color:#383737}
html .oceanwp-newsletter-form-wrap input[type="email"]:focus{border-color:#383737}
html .social-widget li.oceanwp-email a:hover{border-color:#383737}
html #respond #cancel-comment-reply-link:hover{border-color:#383737}
html body .contact-info-widget.big-icons li:hover i{border-color:#383737}
html body .contact-info-widget.big-icons li:hover .owp-icon{border-color:#383737}
html #footer-widgets .oceanwp-newsletter-form-wrap input[type="email"]:focus{border-color:#383737}
html .oceanwp-post-list.one .readmore:hover{border-color:#383737}
html .woocommerce div.product div.images .open-image:hover,html .woocommerce-error a:hover,html .woocommerce-info a:hover,html .woocommerce-message a:hover,html .woocommerce-message a:focus,html .woocommerce .button:focus,html .woocommerce ul.products li.product:not(.product-category) .image-wrap .button:hover,html input[type="button"]:hover,html input[type="reset"]:hover,html input[type="submit"]:hover,html button[type="submit"]:hover,html input[type="button"]:focus,html input[type="reset"]:focus,html input[type="submit"]:focus,html button[type="submit"]:focus,html .button:hover,html .button:focus,html #site-navigation-wrap .dropdown-menu >li.btn >a:hover >span,html .post-quote-author,html .omw-modal .omw-close-modal:hover,html body div.wpforms-container-full .wpforms-form input[type=submit]:hover,html body div.wpforms-container-full .wpforms-form button[type=submit]:hover,html body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,html .woocommerce-cart .wp-element-button:hover,html .woocommerce-checkout .wp-element-button:hover,html .wp-block-button__link:hover{background-color:#000000}
html .woocommerce table.shop_table,html .woocommerce table.shop_table td,html .woocommerce-cart .cart-collaterals .cart_totals tr td,html .woocommerce-cart .cart-collaterals .cart_totals tr th,html .woocommerce table.shop_table tth,html .woocommerce table.shop_table tfoot td,html .woocommerce table.shop_table tfoot th,html .woocommerce .order_details,html .woocommerce .shop_table.order_details tfoot th,html .woocommerce .shop_table.customer_details th,html .woocommerce .cart-collaterals .cross-sells,html .woocommerce-page .cart-collaterals .cross-sells,html .woocommerce .cart-collaterals .cart_totals,html .woocommerce-page .cart-collaterals .cart_totals,html .woocommerce .cart-collaterals h2,html .woocommerce .cart-collaterals h2,html .woocommerce .cart-collaterals h2,html .woocommerce-cart .cart-collaterals .cart_totals .order-total th,html .woocommerce-cart .cart-collaterals .cart_totals .order-total td,html .woocommerce ul.order_details,html .woocommerce .shop_table.order_details tfoot th,html .woocommerce .shop_table.customer_details th,html .woocommerce .woocommerce-checkout #customer_details h3,html .woocommerce .woocommerce-checkout h3#order_review_heading,html .woocommerce-checkout #payment ul.payment_methods,html .woocommerce-checkout form.login,html .woocommerce-checkout form.checkout_coupon,html .woocommerce-checkout-review-order-table tfoot th,html .woocommerce-checkout #payment,html .woocommerce ul.order_details,html .woocommerce #customer_login >div,html .woocommerce .col-1.address,html .woocommerce .col-2.address,html .woocommerce-checkout .woocommerce-info,html .woocommerce div.product form.cart,html .product_meta,html .woocommerce div.product .woocommerce-tabs ul.tabs,html .woocommerce #reviews #comments ol.commentlist li .comment_container,html p.stars span a,html .woocommerce ul.product_list_widget li,html .woocommerce .widget_shopping_cart .cart_list li,html .woocommerce.widget_shopping_cart .cart_list li,html .woocommerce ul.product_list_widget li:first-child,html .woocommerce .widget_shopping_cart .cart_list li:first-child,html .woocommerce.widget_shopping_cart .cart_list li:first-child,html .widget_product_categories li a,html .woocommerce .oceanwp-toolbar,html .woocommerce .products.list .product,html table th,html table td,html hr,html .content-area,html body.content-left-sidebar #content-wrap .content-area,html .content-left-sidebar .content-area,html #top-bar-wrap,html #site-header,html #site-header.top-header #search-toggle,html .dropdown-menu ul li,html .centered-minimal-page-header,html .blog-entry.post,html .blog-entry.grid-entry .blog-entry-inner,html .blog-entry.thumbnail-entry .blog-entry-bottom,html .single-post .entry-title,html .single .entry-share-wrap .entry-share,html .single .entry-share,html .single .entry-share ul li a,html .single nav.post-navigation,html .single nav.post-navigation .nav-links .nav-previous,html #author-bio,html #author-bio .author-bio-avatar,html #author-bio .author-bio-social li a,html #related-posts,html #comments,html .comment-body,html #respond #cancel-comment-reply-link,html #blog-entries .type-page,html .page-numbers a,html .page-numbers span:not(.elementor-screen-only),html .page-links span,html body #wp-calendar caption,html body #wp-calendar th,html body #wp-calendar tbody,html body .contact-info-widget.default i,html body .contact-info-widget.big-icons i,html body .contact-info-widget.big-icons .owp-icon,html body .contact-info-widget.default .owp-icon,html body .posts-thumbnails-widget li,html body .tagcloud a{border-color:#D9D9D9}
html body,html .separate-layout,html .has-parallax-footer:not(.separate-layout) #main{background-color:#FFFFFF}
html a{color:#383737}
html a .owp-icon use{stroke:#383737}
html a:hover{color:#383737}
html a:hover .owp-icon use{stroke:#383737}
html .site-breadcrumbs a:hover,html .background-image-page-header .site-breadcrumbs a:hover{color:#383737}
html .site-breadcrumbs a:hover .owp-icon use,html .background-image-page-header .site-breadcrumbs a:hover .owp-icon use{stroke:#383737}
html #scroll-top:hover{background-color:#383737}
html #footer-widgets{background-color:#F2F2F2}
html #footer-bottom{background-color:#F2F2F2}
html .woocommerce span.onsale{background-color:#E32C2B}
html input[type=checkbox]:checked:before{color:#383737}
html input[type=button],html input[type=reset],html input[type=submit],html button[type=submit],html .button,html body div.wpforms-container-full .wpforms-form input[type=submit],html body div.wpforms-container-full .wpforms-form button[type=submit],html body div.wpforms-container-full .wpforms-form .wpforms-page-button,html .woocommerce-cart .wp-element-button,html .woocommerce-checkout .wp-element-button,html .wp-block-button__link{background-color:#383737}
html input[type=button]:hover,html input[type=reset]:hover,html input[type=submit]:hover,html button[type=submit]:hover,html .button:hover,html body div.wpforms-container-full .wpforms-form input[type=submit]:hover,html body div.wpforms-container-full .wpforms-form button[type=submit]:hover,html body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,html .woocommerce-cart .wp-element-button:hover,html .woocommerce-checkout .wp-element-button:hover{background-color:#000000}
html #top-bar-content>a:hover{color:#383737}
html #top-bar-social li a.oceanwp-email a:hover{color:#383737}
html #site-header.top-header #search-toggle a:hover,html #site-header.top-header #search-toggle button.site-search-toggle:hover{color:#383737}
html #site-navigation-wrap .dropdown-menu>li.btn>a>span{background-color:#383737}
html #site-navigation-wrap .dropdown-menu>li.btn>a:hover>span{background-color:#000000}
html .dropdown-menu .sub-menu{border-top:3px solid #383737}
html .oceanwp-mobile-menu-icon a:hover{color:#383737}
html .oceanwp-social-menu ul li.oceanwp-email a:hover{color:#383737}
html .oceanwp-social-menu .colored ul li.oceanwp-email a{background-color:#383737}
html .oceanwp-social-menu .minimal ul li.oceanwp-email a:hover{color:#383737;border-color:#383737}
html .effect-one #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after{background-color:#383737}
html .effect-three #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after{background-color:#383737}
html .effect-four #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:before,html .effect-four #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after{color:#383737}
html .effect-five #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:before,html .effect-five #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after{background-color:#383737}
html .effect-seven #site-navigation-wrap .dropdown-menu>li>a.menu-link:hover>span:after{color:#383737;text-shadow:10px 0 #383737,-10px 0 #383737}
html .effect-seven #site-navigation-wrap .dropdown-menu>li.sfHover>a.menu-link>span:after{color:#383737;text-shadow:10px 0 #383737,-10px 0 #383737}
html .effect-nine #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:before,html .effect-nine #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after{background-color:#383737}
html #searchform-dropdown,html #icon-searchform-dropdown{border-top:3px solid #383737}
html .post-quote-content,html .post-quote-author{background-color:#383737}
html .post-quote-author{background-color:#000000}
html #footer-widgets .footer-box a:hover{color:#383737}
html #footer-bottom #footer-bottom-menu a:hover{color:#383737}
html #footer-bottom a:hover{color:#383737}
html .sidr a:hover,html .sidr-class-dropdown-toggle:hover,html .sidr-class-menu-item-has-children.active>a,html .sidr-class-menu-item-has-children.active>a>.sidr-class-dropdown-toggle{color:#383737}
html .woocommerce .button:focus-visible{background-color:#000000}
html .woocommerce ul.products li.product.outofstock .outofstock-badge{background-color:#E32C2B}
html .woocommerce ul.products li.product .price .amount{color:#000000}
html .woocommerce ul.products li.product .button:hover{color:#383737;border-color:#383737}
html .woocommerce ul.products li.product .product-inner .added_to_cart:hover{color:#383737;border-color:#383737}
html .woocommerce ul.products li.product li.category a:hover{color:#383737}
html .woocommerce .oceanwp-grid-list a.active{color:#383737;border-color:#383737}
html .woocommerce .oceanwp-grid-list a:hover{color:#383737;border-color:#383737}
html .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color:#383737}
html .woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:#383737}
html .woocommerce div.product p.stock{color:#383737}
html .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#383737}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#383737;border-color:#383737}
html .wcmenucart-details.count{background-color:#383737}
html .price{color:#000000}
html .amount{color:#000000}
html .woocommerce-message a{background-color:#383737}
html .woocommerce-message a:hover{background-color:#000000}
html .woocommerce-message a:focus-visible{background-color:#000000}
html .woocommerce-error a{background-color:#383737}
html .woocommerce-error a:hover{background-color:#000000}
html .woocommerce-info a{background-color:#383737}
html .woocommerce-info a:hover{background-color:#000000}
html .woocommerce-checkout .woocommerce-info a{color:#383737}
html .woocommerce-checkout #payment ul.payment_methods .wc_payment_method>input[type=radio]:first-child:checked+label:before{color:#383737}
html .woocommerce-checkout #payment .payment_method_paypal .about_paypal{color:#383737}
html .product_meta .posted_in a:hover{color:#383737}
html .product_meta .tagged_as a:hover{color:#383737}
html .woocommerce-MyAccount-navigation ul li a:before{color:#383737}
@media (min-width: 769px){html .woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs ul.tabs li a:after{background-color:#383737}}
html .woocommerce-MyAccount-content #payment ul.payment_methods .woocommerce-PaymentMethod>input[type=radio]:first-child:checked+label:before{color:#383737}
html .widget_product_categories li a:hover~.count,html .widget_layered_nav li a:hover~.count{color:#383737;border-color:#383737}
html .woocommerce .widget_product_categories li.current-cat>a:before{background-color:#383737;border-color:#383737}
html .woocommerce .widget_product_categories li.current-cat>a~.count{background-color:#383737;border-color:#383737}
html .woocommerce .widget_layered_nav li.chosen a:before{background-color:#383737;border-color:#383737}
html .woocommerce .widget_layered_nav li.chosen a~.count{background-color:#383737;border-color:#383737}
html .woocommerce .oceanwp-off-canvas-filter:hover{color:#383737;border-color:#383737}
html .owp-product-nav li a.owp-nav-link:hover{background-color:#383737;border-color:#383737}
html .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove:hover{color:#383737;border-color:#383737}
html .bag-style:hover .wcmenucart-cart-icon .wcmenucart-count,html .show-cart .wcmenucart-cart-icon .wcmenucart-count{background-color:#383737;border-color:#383737}
html .bag-style:hover .wcmenucart-cart-icon .wcmenucart-count:after,html .show-cart .wcmenucart-cart-icon .wcmenucart-count:after{border-color:#383737}

/* ============ 2. BASE + TYPOGRAPHY ============ */
html body,html body .separate-layout,html body.separate-layout #main{background-color:#fff}
html body{font-family:var(--bb-sans);font-size:14px;line-height:1.7;color:#000;letter-spacing:0;-webkit-font-smoothing:antialiased}
html body p,html body li,html body td,html body th,html body label,html body input,html body textarea,html body select{font-family:var(--bb-sans)}
html body a{color:#383737;text-decoration:none}
html body a:hover{color:#000}
html body ::selection{background:#383737;color:#fff}

/* H1/H2 = serif section titles (normal case); H3-H6 = Inter uppercase tracking .1em */
html body h1,html body h2,html body .page-header-title,html body .entry-title,html .woocommerce-products-header h1{
  font-family:var(--bb-serif);font-weight:400;font-style:normal;letter-spacing:.01em;text-transform:none;color:#000;line-height:1.25}
html body h1{font-size:clamp(28px,3vw,38px)}
html body h2{font-size:clamp(24px,2.4vw,32px)}
html body h3,html body h4,html body h5,html body h6,html body .widget-title,html body .theme-heading,html body .comment-reply-title{
  font-family:var(--bb-head);font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#000;line-height:1.4}
html body h3{font-size:16px} html body h4{font-size:14px} html body h5,html body h6{font-size:13px}
html body .widget-title{font-size:13px;border:0;padding-left:0;margin-bottom:18px}
/* sidebar / block-widget headings (e.g. "Filter products") are small labels -> Inter, not the serif */
html body .sidebar-box h2,html body .widget-area h2,html body #right-sidebar h2,html body #left-sidebar h2,html body .wp-block-heading[style*=margin-top]{font-family:var(--bb-head);font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
html body .sidebar-box .widget-title{border:0;padding-left:0}
html body strong,html body b{font-weight:600}

/* ============ 3. BUTTONS + FORM FIELDS ============ */
/* primary button: charcoal bg, white text, 2px radius, uppercase Inter. Hover: fill wipes to white, charcoal text/border. */
html body .button,html body a.button,html body button.button,html body .theme-button,
html body input[type=submit],html body input[type=button],html body input[type=reset],
html body button[type=submit]:not(.dgwt-wcas-search-submit):not(.dgwt-wcas-close),
html body .wpforms-submit,html body div.wpforms-container-full .wpforms-form button[type=submit],html body div.wpforms-container-full .wpforms-form input[type=submit],
html body .wp-block-button__link,html body .wp-element-button,html body .wc-block-components-button:not(.is-link),
html .woocommerce a.button,html .woocommerce button.button,html .woocommerce input.button,html .woocommerce #respond input#submit,
html .woocommerce a.button.alt,html .woocommerce button.button.alt,html .woocommerce input.button.alt,
html .woocommerce-message a,html .woocommerce-info a,html .woocommerce-error a,
html .woocommerce ul.products li.product .button,html .woocommerce ul.products li.product .product-inner .added_to_cart,
html body .single_add_to_cart_button,html body .checkout-button,html body #place_order,
html body .elementor-button,html body .elementor-widget-button .elementor-button{
  background-color:#383737!important;color:#fff!important;fill:#fff!important;
  border:1px solid #383737!important;border-radius:2px!important;
  font-family:var(--bb-head)!important;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;line-height:1.5;
  padding:11px 24px;box-shadow:none;text-shadow:none;cursor:pointer;
  transition:background-color .45s cubic-bezier(.785,.135,.15,.86),color .45s cubic-bezier(.785,.135,.15,.86),border-color .45s}
html body .button:hover,html body a.button:hover,html body button.button:hover,html body .theme-button:hover,
html body input[type=submit]:hover,html body input[type=button]:hover,html body input[type=reset]:hover,
html body button[type=submit]:not(.dgwt-wcas-search-submit):not(.dgwt-wcas-close):hover,
html body .wpforms-submit:hover,html body div.wpforms-container-full .wpforms-form button[type=submit]:hover,html body div.wpforms-container-full .wpforms-form input[type=submit]:hover,
html body .wp-block-button__link:hover,html body .wp-element-button:hover,html body .wc-block-components-button:not(.is-link):hover,
html .woocommerce a.button:hover,html .woocommerce button.button:hover,html .woocommerce input.button:hover,html .woocommerce #respond input#submit:hover,
html .woocommerce a.button.alt:hover,html .woocommerce button.button.alt:hover,html .woocommerce input.button.alt:hover,
html .woocommerce-message a:hover,html .woocommerce-info a:hover,html .woocommerce-error a:hover,
html .woocommerce ul.products li.product .button:hover,html .woocommerce ul.products li.product .product-inner .added_to_cart:hover,
html body .single_add_to_cart_button:hover,html body .checkout-button:hover,html body #place_order:hover,
html body .elementor-button:hover,html body .elementor-widget-button .elementor-button:hover,
html body .button:focus-visible,html .woocommerce .button:focus-visible{
  background-color:#fff!important;color:#383737!important;fill:#383737!important;border-color:#383737!important}
html body .single_add_to_cart_button{padding:14px 24px}
html .woocommerce .owp-btn-normal .summary form button.button,html .woocommerce .owp-btn-big .summary form button.button,html .woocommerce .owp-btn-very-big .summary form button.button{font-size:12px;letter-spacing:.18em;line-height:1.5}
html .woocommerce div.product form.cart .single_add_to_cart_button{min-width:60%}
html .woocommerce-message a,html .woocommerce-info a,html .woocommerce-error a{padding:8px 16px;font-size:11px}
html body .elementor-button,html body .elementor-widget-button .elementor-button{font-size:12px!important;letter-spacing:.18em!important;font-weight:500!important;text-transform:uppercase!important;padding:12px 26px!important}
html body .elementor-button .elementor-button-text{font-family:inherit}

/* Inputs: square, 1px #D9D9D9, focus charcoal. FiboSearch/quantity/hidden are handled separately. */
html body input[type=text],html body input[type=email],html body input[type=password],html body input[type=tel],html body input[type=url],
html body input[type=number]:not(.qty),html body input[type=date],html body textarea,html body select,
html body form input[type=text],html body form input[type=password],html body form input[type=email],html body form input[type=url],html body form input[type=tel],
html body div.wpforms-container-full .wpforms-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
html body div.wpforms-container-full .wpforms-form textarea,html body div.wpforms-container-full .wpforms-form select{
  border:1px solid #d9d9d9;border-radius:0;background-color:#fff;color:#000;font-family:var(--bb-sans);font-size:14px;padding:.65rem .8rem;box-shadow:none}
html body input[type=text]:focus,html body input[type=email]:focus,html body input[type=password]:focus,html body input[type=tel]:focus,html body input[type=url]:focus,
html body input[type=number]:focus,html body textarea:focus,html body select:focus,
html body form input[type=text]:focus,html body form input[type=email]:focus,html body form input[type=password]:focus,html body form input[type=tel]:focus,
html body div.wpforms-container-full .wpforms-form input:focus,html body div.wpforms-container-full .wpforms-form textarea:focus,html body div.wpforms-container-full .wpforms-form select:focus{
  border-color:#383737;outline:0;box-shadow:none}
html .woocommerce .quantity .qty{border:1px solid #d9d9d9;border-radius:0}
html .woocommerce .quantity .minus,html .woocommerce .quantity .plus{border:1px solid #d9d9d9;background:#fff;color:#383737;border-radius:0}
html body input[type=checkbox]:checked:before{color:#383737}
html body a:focus-visible,html body button:focus-visible{outline:2px solid #383737;outline-offset:2px}

/* FiboSearch bar under the header: square, hairline, charcoal accents (replaces the grey pill) */
html body .bb-header-search{background:#fff;border-bottom:1px solid #d9d9d9;padding:12px 15px}
html body .dgwt-wcas-search-wrapp .dgwt-wcas-search-input,
html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
  background:#fff;border:1px solid #d9d9d9;border-radius:0;color:#000;font-family:var(--bb-sans);font-size:14px;box-shadow:none}
html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background:transparent;border-radius:0;box-shadow:none}
html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{border-color:#383737;background:#fff}
html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{background:transparent!important;border:0!important;color:#383737!important;padding:0 14px}
html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover{background:transparent!important}
html body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier{fill:#383737}
html body .dgwt-wcas-suggestions-wrapp{border:1px solid #d9d9d9;border-radius:0;box-shadow:0 5px 15px rgba(0,0,0,.05)}
html body .dgwt-wcas-suggestion-selected{background:#f2f2f2}
html body .dgwt-wcas-suggestion .dgwt-wcas-st,html body .dgwt-wcas-suggestion .dgwt-wcas-sp{font-family:var(--bb-sans);color:#000}

/* ============ 4. HEADER + NAV (step 2) ============ */
html body #top-bar-wrap{background:#fff;border-bottom:1px solid #eee}
html body #top-bar-content,html body #top-bar-content a,html body #top-bar-social-alt a{font-family:var(--bb-head);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;color:#383737}
html body #top-bar-content a:hover,html body #top-bar-social a:hover{color:#000}
html body #site-header{background:#fff;border-bottom:1px solid #ddd;box-shadow:none}
html body #site-header #site-logo #site-logo-inner,html body #site-header.center-header #site-navigation-wrap .middle-site-logo a img{height:auto}

/* nav links: Inter 12px uppercase, .1em, thin 2px underline that slides in on hover / current page */
html body #site-navigation-wrap .dropdown-menu>li>a.menu-link,
html body #site-navigation-wrap .dropdown-menu>li>button.site-search-toggle{
  font-family:var(--bb-head);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#1c1c1c;padding:0 14px}
html body #site-navigation-wrap .dropdown-menu>li>a.menu-link:hover,
html body #site-navigation-wrap .dropdown-menu>li.current-menu-item>a.menu-link,
html body #site-navigation-wrap .dropdown-menu>li>button.site-search-toggle:hover{color:#000}
html body #site-navigation-wrap .dropdown-menu>li>a.menu-link>span.text-wrap{
  background:linear-gradient(#383737,#383737) left bottom/0 2px no-repeat;padding-bottom:4px;transition:background-size .3s ease}
html body #site-navigation-wrap .dropdown-menu>li>a.menu-link:hover>span.text-wrap,
html body #site-navigation-wrap .dropdown-menu>li.current-menu-item>a.menu-link>span.text-wrap{background-size:100% 2px}
html body .dropdown-menu .sub-menu{border-top:1px solid #d9d9d9;box-shadow:0 5px 15px rgba(0,0,0,.05);border-radius:0}
html body .dropdown-menu ul li a.menu-link{font-family:var(--bb-head);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#1c1c1c}
html body .dropdown-menu ul li a.menu-link:hover{background:#f2f2f2;color:#000}

@media (min-width:960px){
  /* sticky white header, logo centred on its own row, menu centred under it, cart + search icons pinned right.
     (3-column "menu | logo | icons" is not possible with CSS alone because the theme prints menu+icons in one <ul>.) */
  html body #site-header{position:sticky;top:0;z-index:999;height:auto}
  html body.admin-bar #site-header{top:32px}
  html body #site-header #site-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;
    max-width:1360px;width:100%;height:auto;padding:0 32px}
  html body #site-header #site-logo{float:none;flex:0 0 100%;width:100%;text-align:center;padding:12px 0 2px;height:auto}
  html body #site-header #site-logo #site-logo-inner{float:none;display:block;height:auto}
  html body #site-header #site-logo #site-logo-inner a img,html body #site-header #site-logo a.custom-logo-link img{max-width:150px;width:150px;height:auto}
  html body #site-header #site-navigation-wrap{float:none;position:static;flex:0 0 100%;width:100%;right:auto;left:auto;margin:0}
  html body #site-header #site-navigation{float:none;width:100%;position:static}
  html body #site-header .main-menu.dropdown-menu{display:flex;flex-wrap:wrap;justify-content:center;float:none;width:100%;margin:0}
  html body #site-header .main-menu.dropdown-menu>li{float:none;position:relative}
  html body #site-navigation-wrap .dropdown-menu>li>a.menu-link{line-height:42px}
  html body #site-header .main-menu.dropdown-menu>li.woo-menu-icon,
  html body #site-header .main-menu.dropdown-menu>li.search-toggle-li{position:absolute;top:18px;margin:0}
  html body #site-header .main-menu.dropdown-menu>li.search-toggle-li{right:32px}
  html body #site-header .main-menu.dropdown-menu>li.woo-menu-icon{right:76px}
  html body #site-navigation-wrap .dropdown-menu>li.woo-menu-icon>a,
  html body #site-navigation-wrap .dropdown-menu>li.search-toggle-li>button{line-height:36px;height:36px;padding:0 8px;color:#1c1c1c}
  html body #site-header .current-shop-items-dropdown{right:0;left:auto}
  html body #site-header #searchform-dropdown{right:0;top:100%}
}
@media (max-width:959px){
  /* mobile: hamburger left, logo centred, cart right; sticky */
  html body #site-header{position:sticky;top:0;z-index:999;height:auto}
  html body.admin-bar #site-header{top:46px}
  html body #site-header #site-header-inner{display:flex;align-items:center;justify-content:space-between;height:auto;padding:6px 16px;position:relative}
  html body #site-header #site-logo{float:none;order:2;flex:1 1 auto;position:static;left:auto;top:auto;transform:none;width:auto;display:block;text-align:center;height:auto;padding:0;margin:0}
  html body #site-header #site-logo #site-logo-inner{float:none;display:block;height:auto}
  /* the theme's "responsive logo" has a broken image URL (http://12) -> show the normal logo on mobile instead */
  html body #site-header #site-logo.has-responsive-logo .custom-logo-link{display:inline-block!important}
  html body #site-header #site-logo.has-responsive-logo .responsive-logo-link{display:none!important}
  html body #site-header #site-logo a img{max-width:110px;width:110px;height:auto}
  html body #site-header .oceanwp-mobile-menu-icon.mobile-right{order:1;float:none;position:static;right:auto;left:auto}
  html body #site-header .oceanwp-mobile-menu-icon.mobile-left{order:3;float:none;position:static}
  html body #site-header .oceanwp-mobile-menu-icon a,html body #site-header .oceanwp-mobile-menu-icon button{color:#1c1c1c;line-height:44px}
  html body .hamburger-inner,html body .hamburger-inner:before,html body .hamburger-inner:after{background-color:#1c1c1c}
  html body #mobile-dropdown{background:#fff;border-top:1px solid #ddd}
  html body #mobile-dropdown ul li a,html body #mobile-dropdown ul li>button.menu-link{font-family:var(--bb-head);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#1c1c1c;border-bottom:1px solid #eee}
  html body #mobile-dropdown ul li a:hover{color:#000;background:#f2f2f2}
}

/* ============ 5. WOOCOMMERCE: GRID, BADGES, PRICES, CART BADGE ============ */
/* product cards: square image, hover second image (theme's own image-swap), left-aligned light text */
html .woocommerce ul.products li.product .woo-entry-image-swap{aspect-ratio:1/1;overflow:hidden;position:relative;background:#fff}
html .woocommerce ul.products li.product .woo-entry-image-swap a.woocommerce-LoopProduct-link{display:block;height:100%;width:100%}
html .woocommerce ul.products li.product .woo-entry-image-swap img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
html .woocommerce ul.products li.product .woo-entry-image-secondary{position:absolute;top:0;left:0;transition:opacity .45s ease}
html .woocommerce ul.products li.product,html .woocommerce ul.products li.product.owp-content-center{text-align:left}
html .woocommerce ul.products li.product li.category,html .woocommerce ul.products li.product li.category a{font-family:var(--bb-head);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6a6a6a;font-weight:400}
html .woocommerce ul.products li.product li.title,html .woocommerce ul.products li.product li.title a,html .woocommerce ul.products li.product li.title h2{
  font-family:var(--bb-sans);font-size:14px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;color:#000;text-align:left}
html .woocommerce ul.products li.product li.title a:hover{color:#6a6a6a}
html .woocommerce ul.products li.product .price,html .woocommerce ul.products li.product .price .amount,html .woocommerce ul.products li.product .price .woocommerce-Price-amount{
  font-family:var(--bb-sans);font-size:14px;font-weight:400;line-height:1.4;color:#6a6a6a}
html .woocommerce ul.products li.product .price del,html .woocommerce ul.products li.product .price del .amount{color:#6a6a6a;font-size:13px}
html .woocommerce ul.products li.product .price ins,html .woocommerce ul.products li.product .price ins .amount{color:#e32c2b;text-decoration:none;font-weight:500}
html .woocommerce ul.products li.product li.btn-wrap{text-align:left;margin-top:8px}
html .woocommerce ul.products li.product .woo-entry-inner li,html .woocommerce ul.products li.product li.price-wrap,html .woocommerce ul.products li.product li.rating{text-align:left}
html .woocommerce ul.products li.product .button{padding:9px 16px;font-size:11px}
/* quick view = small white button bottom-right of the image */
html .woocommerce ul.products li.product .owp-quick-view{left:auto;right:.5rem;bottom:.5rem;top:auto;width:auto;height:auto;margin:0;
  padding:7px 10px;line-height:1;background:#fff;color:#000;border:1px solid #d9d9d9;border-radius:0;
  font-family:var(--bb-head);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
html .woocommerce ul.products li.product .owp-quick-view:hover{background:#383737;color:#fff;border-color:#383737}
html .woocommerce ul.products li.product .owp-quick-view i{font-size:11px;margin-right:4px}
/* badges */
html .woocommerce span.onsale{background-color:#e32c2b;color:#fff;border-radius:0;min-width:0;min-height:0;top:.5rem;left:.5rem;right:auto;
  padding:3px 7px;font-family:var(--bb-head);font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
html .woocommerce ul.products li.product .outofstock-badge,html .woocommerce ul.products li.product .out-of-stock-badge{background:#efefef;color:rgba(0,0,0,.65);border-radius:0}
/* single product */
html .woocommerce div.product .product_title{font-family:var(--bb-sans);font-size:22px;font-weight:400;letter-spacing:0;text-transform:none;color:#000;line-height:1.3}
html .woocommerce div.product p.price,html .woocommerce div.product span.price,html .woocommerce div.product p.price .amount,html .woocommerce div.product span.price .amount{
  font-family:var(--bb-sans);font-size:20px;font-weight:500;line-height:1.3;color:#000}
html .woocommerce div.product p.price del,html .woocommerce div.product p.price del .amount{font-size:16px;font-weight:400;color:#6a6a6a}
html .woocommerce div.product p.price ins,html .woocommerce div.product p.price ins .amount{color:#e32c2b;text-decoration:none}
html .woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--bb-head);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#6a6a6a}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#000;border-bottom-color:#383737}
html .woocommerce div.product .woocommerce-tabs ul.tabs,html .woocommerce div.product .woocommerce-tabs .panel,html .woocommerce div.product .woocommerce-tabs ul.tabs li{border-color:#d9d9d9}
html .woocommerce div.product div.images .woocommerce-product-gallery__image,html .woocommerce div.product div.images img{border-radius:0}
html .woocommerce div.product div.images .flex-control-thumbs li img.flex-active,html .woocommerce div.product div.images .flex-control-thumbs li img:hover{outline:1px solid #383737}
/* cart badge in header: small charcoal rectangle instead of the pink arrow-tag */
html body .wcmenucart-details.count{background-color:#383737;color:#fff;border-radius:2px;font-family:var(--bb-head);font-size:11px;font-weight:500;padding:2px 6px}
html body .wcmenucart-details.count:before{display:none}
html body .current-shop-items-dropdown{border-top:1px solid #d9d9d9;box-shadow:0 5px 15px rgba(0,0,0,.05);border-radius:0}
/* toolbar, pagination, notices, tables */
html .woocommerce .oceanwp-toolbar .oceanwp-grid-list a,html .woocommerce .oceanwp-toolbar .oceanwp-grid-list a:hover{border-radius:0}
html .woocommerce .oceanwp-grid-list a.active{color:#383737;border-color:#383737}
html .woocommerce nav.woocommerce-pagination ul li,html .woocommerce nav.woocommerce-pagination ul{border-color:#d9d9d9}
html .woocommerce nav.woocommerce-pagination ul li a,html .woocommerce nav.woocommerce-pagination ul li span{color:#383737;border-radius:0}
html .woocommerce nav.woocommerce-pagination ul li span.current,html .woocommerce nav.woocommerce-pagination ul li a:hover{background:#383737;color:#fff}
html .woocommerce-message,html .woocommerce-info,html .woocommerce-error{border-color:#d9d9d9;border-radius:0;color:#000}
html .woocommerce table.shop_table,html .woocommerce table.shop_table td,html .woocommerce table.shop_table th{border-color:#d9d9d9;border-radius:0}
html body .widget_price_filter .ui-slider .ui-slider-range{background:#383737}
html body .widget_price_filter .ui-slider .ui-slider-handle{background:#383737}
html .woocommerce .star-rating span:before{color:#1c1c1c}

/* ============ 6. PAGE HEADER + FOOTER ============ */
html body .page-header,html body .page-header.background-image-page-header{background:#fff;background-image:none;border-bottom:1px solid #d9d9d9;padding:56px 0 28px}
html body .page-header .page-header-title,html body .page-header.background-image-page-header .page-header-title{color:#000;font-size:clamp(28px,3vw,38px)}
html body .page-header .page-subheading,html body .page-header .page-subheading p{color:#6a6a6a;font-family:var(--bb-sans)}
html body .site-breadcrumbs,html body .background-image-page-header .site-breadcrumbs,html body .site-breadcrumbs .breadcrumb-sep{color:#6a6a6a;font-family:var(--bb-head);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
html body .site-breadcrumbs a,html body .background-image-page-header .site-breadcrumbs a{color:#383737}
html body .site-breadcrumbs a:hover{color:#000}
html body .site-breadcrumbs a .owp-icon use{stroke:#383737}
html body #scroll-top{background-color:rgba(56,55,55,.9);color:#fff;border-radius:2px}
html body #scroll-top:hover{background-color:#000}

html body #footer-widgets{background-color:#f2f2f2;color:#000;border-top:1px solid #d9d9d9}
html body #footer-widgets,html body #footer-widgets p,html body #footer-widgets li,html body #footer-widgets .contact-info-widget li,html body #footer-widgets .oceanwp-contact-text{color:#000;font-family:var(--bb-sans)}
html body #footer-widgets a,html body #footer-widgets .footer-box a{color:#000}
html body #footer-widgets a:hover,html body #footer-widgets .footer-box a:hover{color:#000;opacity:.6}
html body #footer-widgets .widget-title,html body #footer-widgets .footer-box .widget-title,html body #footer-widgets h2,html body #footer-widgets h3{
  font-family:var(--bb-head);font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#000;border:0;padding-left:0;line-height:1.4;margin-bottom:16px}
html body #footer-widgets .contact-info-widget i,html body #footer-widgets .oceanwp-recent-posts li,html body #footer-widgets .social-widget li a,html body #footer-widgets .woocommerce ul.product_list_widget li{border-color:#cecece}
html body #footer-widgets .contact-info-widget.default i{color:#000}
html body #footer-widgets select{background:#fff;color:#000;border:1px solid #d9d9d9;border-radius:0}
html body #footer-widgets .price del,html body #footer-widgets del .amount{color:#6a6a6a}
html body #footer-widgets .tagcloud a{background:#fff;border-color:#d9d9d9;color:#000}
html body #footer-bottom{background-color:#f2f2f2;border-top:1px solid #cecece;color:#6a6a6a}
html body #footer-bottom #copyright,html body #footer-bottom a{color:#6a6a6a;font-family:var(--bb-sans)}
html body #footer-bottom-inner{text-align:center}
html body #footer-bottom #copyright{text-align:center}

/* ============ 7. ELEMENTOR / HOME: COLOURS + FONTS ONLY (layout is step 3) ============ */
html body .elementor-widget-heading .elementor-heading-title{font-family:var(--bb-head)!important}
html body .elementor-widget-text-editor,html body .elementor-widget-text-editor p{font-family:var(--bb-sans)}
html body .elementor-icon-box-title,html body .elementor-icon-box-title a{font-family:var(--bb-head);color:#000}
/* big hero/section titles -> serif (element IDs from the home page: Season Sale, Discover Our, Summer Is Coming, Latest News) */
html body .elementor-element-420c21cb .elementor-heading-title,html body .elementor-element-13f23c7c .elementor-heading-title,
html body .elementor-element-5ae759b1 .elementor-heading-title,html body .elementor-element-26e347ce .elementor-heading-title{
  font-family:var(--bb-serif)!important;font-weight:400!important}
/* readability: pale #eee section titles on white -> charcoal; pastel-green title on photo -> white */
html body .elementor-element-13f23c7c .elementor-heading-title,html body .elementor-element-26e347ce .elementor-heading-title{color:#383737!important}
html body .elementor-element-5ae759b1 .elementor-heading-title{color:#fff!important}
html body .elementor-element-47951e5a{background-color:#383737!important}
html body .elementor-widget-icon-box .elementor-icon,html body .elementor-view-default .elementor-icon,html body .elementor-view-framed .elementor-icon{color:#383737!important;fill:#383737!important;border-color:#383737!important}
html body .elementor-view-stacked .elementor-icon{background-color:#383737!important;color:#fff!important;fill:#fff!important}
html body .elementor-widget-heading .elementor-heading-title a{color:inherit}

/* ============ 8. HEADER v2 (>=1100px): menu left | logo centre | icons right ============ */
@media (min-width:1100px){
  html body #site-header #site-header-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;height:88px;max-width:1440px;padding:0 40px}
  html body #site-header #site-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex:none;width:auto;max-width:none;padding:0;margin:0;z-index:3}
  html body #site-header #site-logo #site-logo-inner{display:block;height:auto}
  html body #site-header #site-logo a img,html body #site-header #site-logo a.custom-logo-link img{width:200px;max-width:200px;height:auto}
  html body #site-header #site-navigation-wrap{flex:1 1 auto;width:auto;margin:0}
  html body #site-header #site-navigation{width:100%}
  html body #site-header .main-menu.dropdown-menu{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%}
  html body #site-navigation-wrap .dropdown-menu>li>a.menu-link{line-height:88px;padding:0 12px}
  html body #site-navigation-wrap .dropdown-menu>li:first-child>a.menu-link{padding-left:0}
  html body #site-header .main-menu.dropdown-menu>li.woo-menu-icon,
  html body #site-header .main-menu.dropdown-menu>li.search-toggle-li{position:relative;top:auto;right:auto;margin:0}
  html body #site-header .main-menu.dropdown-menu>li.woo-menu-icon{margin-left:auto}
  html body #site-navigation-wrap .dropdown-menu>li.woo-menu-icon>a,
  html body #site-navigation-wrap .dropdown-menu>li.search-toggle-li>button{line-height:88px;height:88px;padding:0 10px}
}
@media (min-width:1400px){ html body #site-navigation-wrap .dropdown-menu>li>a.menu-link{padding:0 16px} html body #site-navigation-wrap .dropdown-menu>li:first-child>a.menu-link{padding-left:0} }
@media (min-width:960px) and (max-width:1099px){ html body #site-header #site-logo a img{width:170px;max-width:170px} }
@media (max-width:959px){ html body #site-header #site-logo a img{width:150px;max-width:150px;height:auto} }

/* ============ 9. HOME (Lily & Roo order: hero slider, category tiles, products, shop-the-look band, newsletter) ============ */
html body .bbh-sec{margin:0;padding:0}
html body .bbh-sec .elementor-widget:not(:last-child){margin-bottom:0}
html body .bbh-sec .elementor-widget-wrap,html body .bbh-sec .elementor-column-wrap{padding:0}
html body .bbh-btn,html body a.bbh-btn{display:inline-block;background:#383737;color:#fff;border:1px solid #383737;border-radius:2px;padding:12px 28px;
  font-family:var(--bb-head);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.3;text-decoration:none;transition:background .45s cubic-bezier(.785,.135,.15,.86),color .45s cubic-bezier(.785,.135,.15,.86)}
html body .bbh-btn:hover,html body a.bbh-btn:hover{background:#fff;color:#383737}
html body .bbh-btn-outline,html body a.bbh-btn-outline{background:#fff;color:#000;border-color:#000}
html body .bbh-btn-outline:hover,html body a.bbh-btn-outline:hover{background:#383737;color:#fff;border-color:#383737}
html body .bbh-eyebrow{margin:0 0 10px;font-family:var(--bb-head);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
html body .bbh-title{margin:0;font-family:var(--bb-serif);font-weight:400;font-size:clamp(26px,2.6vw,36px);line-height:1.2;letter-spacing:.01em;text-transform:none;color:#000;text-align:center}
html body .bbh-head{padding:56px 20px 28px;text-align:center}
html body .bbh-more{padding:36px 20px 64px;text-align:center}

/* hero */
html body .bbh-hero{position:relative;width:100%;height:clamp(440px,68vh,700px);overflow:hidden;background:#f2f2f2}
html body .bbh-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
html body .bbh-slide.is-active{opacity:1;visibility:visible}
html body .bbh-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
html body .bbh-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,0) 100%);z-index:1}
html body .bbh-slide-inner{position:absolute;z-index:2;right:max(40px,calc((100% - 1360px)/2 + 40px));top:50%;transform:translateY(-50%);max-width:440px;text-align:right;color:#fff}
html body .bbh-slide-inner p.bbh-eyebrow{color:#fff}
html body .bbh-hero-title{margin:0 0 14px;font-family:var(--bb-serif);font-weight:400;font-size:clamp(36px,4.6vw,64px);line-height:1.05;color:#fff;text-transform:none;letter-spacing:.01em}
html body .bbh-hero-text{margin:0 0 26px;font-family:var(--bb-sans);font-size:15px;line-height:1.6;color:#fff}
html body .bbh-slide-inner .bbh-btn{background:#fff;color:#383737;border-color:#fff}
html body .bbh-slide-inner .bbh-btn:hover{background:transparent;color:#fff}
html body .bbh-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:0;background:rgba(255,255,255,.85);color:#383737;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
html body .bbh-arrow:hover{background:#fff;color:#000}
html body .bbh-prev{left:16px} html body .bbh-next{right:16px}
html body .bbh-dots{position:absolute;z-index:3;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:10px}
html body .bbh-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}
html body .bbh-dots button.is-active{background:#fff}

/* category tiles: 4-up, 2-up on mobile, 8px gap, square corners, caption over image */
html body .bbh-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}
html body .bbh-tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#f2f2f2;color:#fff}
html body .bbh-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
html body .bbh-tile:hover .bbh-tile-img{transform:scale(1.04)}
html body .bbh-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 55%)}
html body .bbh-tile-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:22px 18px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
html body .bbh-tile-title{font-family:var(--bb-serif);font-size:clamp(20px,1.8vw,26px);line-height:1.15;color:#fff}
html body .bbh-tile-cta{font-family:var(--bb-head);font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:2px;color:#fff}

/* product grids inside the home sections */
html body .bbh-sec ul.products{display:grid!important;width:100%!important;box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:3rem 1.5rem;margin:0 auto!important;padding:0 32px;max-width:1360px;float:none}
html body .bbh-sec ul.products:before,html body .bbh-sec ul.products:after{display:none!important}
html body .bbh-sec ul.products li.product{width:auto!important;margin:0!important;float:none!important;padding:0!important;clear:none!important}
html body .bbh-sec .woocommerce{width:100%}

/* shop-the-look band */
html body .bbh-sec-look{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-top:0}
html body .bbh-sec-look .elementor-widget-wrap{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:0;align-items:stretch}
html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(1){grid-column:1;grid-row:1 / span 3}
html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(n+2){grid-column:2;width:100%;max-width:640px;justify-self:center;padding:0 32px}
html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(2){padding-top:64px}
html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(4){padding-bottom:64px;text-align:center}
html body .bbh-look-media{height:100%;min-height:420px;position:relative;background:#f2f2f2}
html body .bbh-look-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .bbh-look-head{text-align:center;padding-bottom:28px}
html body .bbh-look-head .bbh-eyebrow{color:#6a6a6a}
html body .bbh-sec-look ul.products{grid-template-columns:repeat(2,1fr);padding:0;gap:1.5rem}
html body .bbh-look-foot{padding-top:28px;text-align:center}

/* returns strip + newsletter */
html body .bbh-strip{display:flex;align-items:center;justify-content:center;gap:14px;padding:34px 20px;font-family:var(--bb-head);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#383737}
html body .bbh-news{background:#f2f2f2;padding:48px 20px;text-align:center}
html body .bbh-news-title{margin:0;font-family:var(--bb-serif);font-weight:400;font-size:clamp(22px,2.2vw,30px);text-transform:none;color:#000}
@media (max-width:959px){
  html body .bbh-sec ul.products{grid-template-columns:repeat(2,1fr);gap:2.2rem 1rem;padding:0 16px}
  html body .bbh-tiles{grid-template-columns:repeat(2,1fr)}
  html body .bbh-hero{height:clamp(420px,62vh,560px)}
  html body .bbh-slide-inner{left:20px;right:20px;max-width:none;text-align:left;top:auto;bottom:70px;transform:none}
  html body .bbh-slide:before{background:linear-gradient(0deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 60%,rgba(0,0,0,0) 100%)}
  html body .bbh-arrow{display:none}
  html body .bbh-head{padding:40px 16px 20px} html body .bbh-more{padding:28px 16px 44px}
  html body .bbh-sec-look .elementor-widget-wrap{grid-template-columns:1fr;grid-template-rows:auto}
  html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(1){grid-column:1;grid-row:auto}
  html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(n+2){grid-column:1;padding:0 16px}
  html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(2){padding-top:40px}
  html body .bbh-sec-look .elementor-widget-wrap>.elementor-widget:nth-child(4){padding-bottom:44px}
  html body .bbh-look-media{min-height:0;aspect-ratio:1/1}
}
@media (prefers-reduced-motion:reduce){ html body .bbh-slide,html body .bbh-tile-img{transition:none} }

/* ============ 10. SHOP: 4 columns, filters in an off-canvas drawer ============ */
html body.woocommerce-shop #content-wrap,html body.tax-product_cat #content-wrap{max-width:1360px}
html body .oceanwp-toolbar,html body .woocommerce .oceanwp-toolbar{border:0;padding:0 0 18px}
html body .oceanwp-off-canvas-filter{display:inline-flex;align-items:center;gap:8px;font-family:var(--bb-head);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#000;border:1px solid #d9d9d9;border-radius:0;padding:9px 16px;background:#fff}
html body .oceanwp-off-canvas-filter:hover{border-color:#383737;color:#000}
html body .oceanwp-off-canvas-filter svg{width:16px;height:16px;fill:currentColor}
html body .woocommerce-ordering select,html body .woocommerce-ordering .orderby{border-radius:0;border:1px solid #d9d9d9;font-family:var(--bb-head);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
html body .woocommerce-result-count{font-family:var(--bb-sans);font-size:13px;color:#6a6a6a}
html body #oceanwp-off-canvas-sidebar,html body .owp-off-canvas-sidebar,html body #owp-off-canvas-sidebar{background:#fff;color:#000}
html body .owp-off-canvas-sidebar .widget-title,html body #owp-off-canvas-sidebar .widget-title{font-size:13px}
html body .woocommerce ul.products{row-gap:3rem}
@media (min-width:1100px){ html body.woocommerce-shop ul.products,html body.tax-product_cat ul.products{column-gap:1.5rem} }

/* ============ 11. PRODUCT PAGE: sticky info column, vertical thumbnails, accordions ============ */
html body .owp-product-nav-wrap{display:none}
@media (min-width:960px){
  html body.single-product div.product{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
  html body.single-product div.product:before,html body.single-product div.product:after{display:none}
  html body.single-product div.product>div.images{float:none;width:55%!important;max-width:55%;margin:0;display:flex;flex-direction:row;gap:14px;align-items:flex-start}
  html body.single-product div.product>div.summary{float:none;width:40%!important;max-width:40%;margin:0;position:sticky;top:120px;align-self:flex-start}
  html body.single-product div.product>.woocommerce-tabs,html body.single-product div.product>.related,html body.single-product div.product>.up-sells,html body.single-product div.product>.clr{flex:0 0 100%;width:100%}
  html body.single-product div.product div.images .woocommerce-product-gallery__wrapper{min-width:0;margin:0}
  html body.single-product div.product div.images .flex-viewport{width:auto!important}
  html body.single-product div.product div.images .flex-viewport{flex:1 1 auto;min-width:0}
  html body.single-product div.product div.images .flex-control-thumbs{order:-1;flex:0 0 76px;width:76px!important;margin:0!important;padding:0;list-style:none;display:block;max-height:560px;overflow-y:auto}
  html body.single-product div.product div.images .flex-control-thumbs li{float:none!important;width:100%!important;margin:0 0 10px!important;padding:0}
  html body.single-product div.product div.images .flex-control-thumbs li img{border:1px solid transparent;opacity:.7}
  html body.single-product div.product div.images .flex-control-thumbs li img.flex-active{opacity:1;border-color:#383737}
}
html body.single-product div.summary .single_add_to_cart_button{width:100%;padding:16px 24px}
html body.single-product div.summary form.cart .quantity{margin-right:10px}
html body.single-product div.summary table.variations th,html body.single-product div.summary table.variations label{font-family:var(--bb-head);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
html body.single-product div.summary table.variations select{border:1px solid #d9d9d9;border-radius:0}
html body.single-product div.summary .product_meta{border-top:1px solid #ddd;padding-top:14px;font-size:12px;color:#6a6a6a}
/* accordions replace the tab row (JS adds .bbacc-ready; without JS the normal tabs stay) */
html body.bbacc-ready .woocommerce-tabs ul.tabs{display:none!important}
html body.bbacc-ready .woocommerce-tabs{max-width:960px;margin:48px auto 0;border-top:1px solid #ddd;clear:both}
html body.bbacc-ready .woocommerce-tabs .bbacc-item{border-bottom:1px solid #ddd}
html body.bbacc-ready .woocommerce-tabs .bbacc-btn{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent!important;color:#000!important;border:0!important;border-radius:0!important;
  padding:20px 0;font-family:var(--bb-head);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;text-align:left;cursor:pointer}
html body.bbacc-ready .woocommerce-tabs .bbacc-btn:after{content:"+";font-size:20px;line-height:1;letter-spacing:0}
html body.bbacc-ready .woocommerce-tabs .bbacc-item.is-open .bbacc-btn:after{content:"\2013"}
html body.bbacc-ready .woocommerce-tabs .woocommerce-Tabs-panel{display:none!important;border:0;padding:0 0 22px;margin:0}
html body.bbacc-ready .woocommerce-tabs .bbacc-item.is-open>.woocommerce-Tabs-panel,html body.bbacc-ready .woocommerce-tabs .bbacc-item.is-open>.bbacc-panel{display:block!important}
html body.bbacc-ready .woocommerce-tabs .bbacc-panel{display:none;padding:0 0 22px;font-size:14px}
html body.bbacc-ready .woocommerce-tabs .woocommerce-Tabs-panel>h2:first-child{display:none}
html body.single-product .related.products>h2,html body.single-product .up-sells>h2{font-family:var(--bb-serif);text-align:center;font-weight:400;margin:56px 0 28px}

/* ============ 12. FOOTER tidy ============ */
html body #footer-widgets .footer-box{padding-bottom:10px}
html body #footer-widgets .contact-info-widget li{border:0;padding-left:0}

/* ============ 13. no sideways scroll on phones (OceanWP's product rows use -10px side margins) ============ */
html body #outer-wrap,html body #wrap{overflow-x:clip}

/* ============ 14. SHOP MEGA MENU ============ */
html body li.bb-has-mega{position:static!important}
html body li.bb-has-mega>a.menu-link{display:inline-block}
html body .bb-mega-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:30px;margin-left:-8px;padding:0;background:transparent!important;border:0!important;border-radius:0!important;color:#1c1c1c!important;cursor:pointer;vertical-align:middle;transition:transform .25s}
html body li.bb-has-mega.is-open .bb-mega-toggle svg{transform:rotate(180deg)}
html body .bb-mega-toggle:focus-visible,html body .bb-mega a:focus-visible{outline:2px solid #383737;outline-offset:2px}
html body .bb-mega{font-family:var(--bb-head)}
html body .bb-mega-title{margin:0 0 16px;font-family:var(--bb-head);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#6a6a6a}
html body .bb-mega ul{list-style:none;margin:0;padding:0}
html body .bb-mega li{margin:0;padding:0;border:0}
html body .bb-mega li a{display:inline-block;padding:6px 0;font-family:var(--bb-head);font-size:13px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#1c1c1c;background:linear-gradient(#383737,#383737) left bottom/0 1px no-repeat;transition:background-size .3s}
html body .bb-mega li a:hover,html body .bb-mega li a:focus-visible{color:#000;background-size:100% 1px}
html body .bb-mega-all a{margin-top:6px;border-top:0;font-weight:500}
html body .bb-mega-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#f2f2f2;color:#fff}
html body .bb-mega-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
html body .bb-mega-tile:hover img{transform:scale(1.04)}
html body .bb-mega-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0) 55%)}
html body .bb-mega-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
html body .bb-mega-name{font-family:var(--bb-serif);font-size:19px;line-height:1.15;color:#fff;text-transform:none;letter-spacing:.01em}
html body .bb-mega-cta{font-family:var(--bb-head);font-size:10px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #fff;color:#fff}
@media (min-width:960px){
  html body li.bb-has-mega>a.menu-link{padding-right:6px!important}
  html body .bb-mega{position:absolute;left:0;right:0;top:100%;z-index:998;background:#fff;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,visibility .2s;box-shadow:0 12px 24px rgba(0,0,0,.06)}
  html body .bb-mega:before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow:0 12px 24px rgba(0,0,0,.06);z-index:-1}
  html body li.bb-has-mega:not(.bb-closed):hover>.bb-mega,html body li.bb-has-mega:not(.bb-closed):focus-within>.bb-mega,html body li.bb-has-mega.is-open>.bb-mega{visibility:visible;opacity:1;pointer-events:auto}
  html body .bb-mega-inner{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,1fr) minmax(0,2fr);gap:40px;padding:36px 40px 40px;max-width:1440px;margin:0 auto;text-align:left}
  html body .bb-mega-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:520px;justify-self:end;width:100%}
}
@media (min-width:960px) and (max-width:1099px){ html body .bb-mega-inner{padding:28px 32px 32px;gap:28px} }
@media (max-width:959px){
  html body #mobile-dropdown li.bb-has-mega,html body #mobile-fullscreen li.bb-has-mega,html body #sidr li.bb-has-mega{position:relative!important}
  html body li.bb-has-mega>a.menu-link{padding-right:50px!important}
  html body .bb-mega-toggle{position:absolute;right:0;top:0;width:48px;height:48px;margin:0;z-index:2}
  html body .bb-mega{display:none;padding:0 0 10px 18px;background:#fff;text-align:left}
  html body li.bb-has-mega.is-open>.bb-mega{display:block}
  html body .bb-mega-inner{display:block}
  html body .bb-mega-col{margin-bottom:10px}
  html body .bb-mega-title{margin:10px 0 4px}
  html body .bb-mega li a{border:0!important;padding:8px 0!important;font-size:12px!important;background-color:transparent!important}
  html body .bb-mega-tiles{display:none}
  html body #mobile-dropdown .bb-mega ul{display:block!important}
  html body #mobile-dropdown nav>ul.menu~ul.menu{display:none!important}
}

/* ---- Short product titles on cards (v1.3.0): max 2 lines fallback; full name in tooltip ---- */
html .woocommerce ul.products li.product li.title h2,html .woocommerce ul.products li.product li.title h2 a,html .woocommerce ul.products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.bb-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ============ 14. MOBILE PRODUCT GRIDS (v1.3.1): bigger square images, slim buttons. <=767px only; desktop untouched ============ */
@media (max-width:767px){
  /* two columns, 6px gutter, 6px page margin (shop, category, related, homepage Featured Pieces) */
  html body ul.products.oceanwp-row.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:6px!important;row-gap:22px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 6px!important;box-sizing:border-box;float:none!important}
  html body ul.products.oceanwp-row.grid li.product{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;clear:none!important;box-sizing:border-box;min-width:0}
  html body .bbh-sec-look ul.products.oceanwp-row.grid{padding:0!important;column-gap:12px!important}
  html body .woocommerce ul.products li.product .woo-entry-image-swap{width:100%}
  /* slim card buttons: Add to cart / Select options / Read more / View cart */
  html body .woocommerce ul.products li.product li.btn-wrap{margin-top:6px}
  html body .woocommerce ul.products li.product .button,html body .woocommerce ul.products li.product .product-inner .added_to_cart,html body ul.products li.product a.button{display:flex!important;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:34px;padding:8px 6px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:.06em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:0}
  html body .woocommerce ul.products li.product li.title,html body .woocommerce ul.products li.product li.title a{padding-right:2px}
}