/* Trust bar — replace old cartoon icons with modern SVG line icons */
/* Target by image src since Flatsome randomizes column IDs */

img[src*="5-Star-Customer-Service"],
img[src*="Free-Delivery-Australia-Wide"],
img[src*="100-Quality-Guarantee"],
img[src*="Proof-Before-You-Pay"],
img[src*="Next-Day-Dispatch"] {
    opacity: 0 !important;
    position: absolute !important;
}

img[src*="5-Star-Customer-Service"] + img,
img[src*="Free-Delivery-Australia-Wide"] + img,
img[src*="100-Quality-Guarantee"] + img,
img[src*="Proof-Before-You-Pay"] + img,
img[src*="Next-Day-Dispatch"] + img {
    opacity: 0 !important;
    position: absolute !important;
}

/* Use the parent .img-inner as the icon container */
img[src*="5-Star-Customer-Service"] ~ *,
img[src*="Free-Delivery-Australia-Wide"] ~ *,
img[src*="100-Quality-Guarantee"] ~ *,
img[src*="Proof-Before-You-Pay"] ~ *,
img[src*="Next-Day-Dispatch"] ~ * {
    display: none !important;
}

/* Style the .img-inner containers that hold these images */
:has(> img[src*="5-Star-Customer-Service"]) {
    background: url('/wp-content/uploads/2024/08/5-Star-Customer-Service.svg') center/contain no-repeat !important;
    width: 80px !important; height: 80px !important; margin: 0 auto !important;
}
:has(> img[src*="Free-Delivery-Australia-Wide"]) {
    background: url('/wp-content/uploads/2024/08/Free-Delivery-Australia-Wide.svg') center/contain no-repeat !important;
    width: 80px !important; height: 80px !important; margin: 0 auto !important;
}
:has(> img[src*="100-Quality-Guarantee"]) {
    background: url('/wp-content/uploads/2024/08/100-Quality-Guarantee.svg') center/contain no-repeat !important;
    width: 80px !important; height: 80px !important; margin: 0 auto !important;
}
:has(> img[src*="Proof-Before-You-Pay"]) {
    background: url('/wp-content/uploads/2024/08/Proof-Before-You-Pay.svg') center/contain no-repeat !important;
    width: 80px !important; height: 80px !important; margin: 0 auto !important;
}
:has(> img[src*="Next-Day-Dispatch"]) {
    background: url('/wp-content/uploads/2024/08/Next-Day-Dispatch.svg') center/contain no-repeat !important;
    width: 80px !important; height: 80px !important; margin: 0 auto !important;
}


/* ==========================================================
   HOMEPAGE CATEGORY CARDS
   Light, elegant style matching the custom header.
   ========================================================== */

/* Remove Flatsome's shadow hover/lift effect */
.box.has-hover.box-shadow-2.box-shadow-4-hover {
    box-shadow: none !important;
    transition: none !important;
}

.box.has-hover.box-shadow-2.box-shadow-4-hover:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* Card container: clean, sharp, minimal */
.box.has-hover.box-text-bottom {
    border-radius: 0 !important;
    overflow: hidden;
    border: none;
    background: #fff;
}

/* Subtle image zoom on hover only */
.box.has-hover.box-text-bottom .box-image {
    overflow: hidden;
}

.box.has-hover.box-text-bottom .box-image img {
    transition: transform 0.5s ease;
}

.box.has-hover.box-text-bottom:hover .box-image img {
    transform: scale(1.04);
}

/* Card heading: clean, Inter, refined */
.box.has-hover.box-text-bottom .box-text h4 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 0.06em !important;
    color: #1d1d1f !important;
    text-transform: uppercase;
    margin-bottom: 8px !important;
}

/* Description text */
.box.has-hover.box-text-bottom .box-text p {
    font-size: 13.5px !important;
    color: #6e6e73 !important;
    line-height: 1.5;
    margin-bottom: 16px !important;
}

/* Shop Now button: outline, thin, elegant */
.box.has-hover.box-text-bottom .button.primary {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 10px 28px !important;
    transition: all 0.25s ease !important;
}

.box.has-hover.box-text-bottom .button.primary:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* Remove the arrow icon from buttons */
.box.has-hover.box-text-bottom .button.primary i {
    display: none;
}


/* ==========================================================
   FREE SAMPLE PACKS + PAPER BAGS SECTION
   ========================================================== */

/* Target the row containing both panels (full-width collapsed row after the cards) */
.row-collapse.row-full-width.align-equal.align-center > .col > .col-inner[style*="background-color"] {
    padding: 40px 30px 40px 30px !important;
}

/* Free Sample Packs -- light grey */
:has(> img[src*="samples.png"]) ~ h2,
:has(> img[src*="samples.png"]) ~ p,
:has(> img[src*="samples.png"]) ~ a {
    color: #1d1d1f;
}

.col-inner[style*="rgb(222, 222, 222)"],
.col-inner[style*="rgb(222, 222, 222)"] {
    background-color: #f7f7f7 !important;
}

/* Paper Bags -- light pink */
.col-inner[style*="rgb(78, 101, 123)"] {
    background-color: #fdf0f5 !important;
}

/* Fix text color on paper bags (was white on dark, now needs dark on light) */
.col-inner[style*="rgb(78, 101, 123)"] h2,
.col-inner[style*="rgb(78, 101, 123)"] p,
.col-inner[style*="rgb(78, 101, 123)"] .thin-font {
    color: #1d1d1f !important;
}

/* Both panels: elegant outline buttons matching the cards */
.col-inner[style*="rgb(222, 222, 222)"] .button,
.col-inner[style*="rgb(78, 101, 123)"] .button {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 10px 28px !important;
    transition: all 0.25s ease !important;
}

.col-inner[style*="rgb(222, 222, 222)"] .button:hover,
.col-inner[style*="rgb(78, 101, 123)"] .button:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* Headings: match card style */
.col-inner[style*="rgb(222, 222, 222)"] h2,
.col-inner[style*="rgb(78, 101, 123)"] h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
}

/* Description text */
.col-inner[style*="rgb(222, 222, 222)"] .thin-font,
.col-inner[style*="rgb(78, 101, 123)"] .thin-font {
    color: #6e6e73 !important;
    font-size: 14px !important;
}


/* ==========================================================
   HOMEPAGE SPACING - space BETWEEN sections
   ========================================================== */

/* Every section and top-level row gets uniform vertical spacing */
#content .section,
#content > .row {
    margin-top: 80px !important;
    margin-bottom: 0 !important;
}

/* Sections with zero padding -- override Flatsome inline styles */
#content .section[style*="padding-top: 0px"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* First element (hero) -- no top margin */
#content .section:first-child,
#content > .row:first-child {
    margin-top: 0 !important;
}

/* Homepage gap elements -- collapse them, we control spacing via margins */
#content > .gap-element,
#content > .section > .section-content > .gap-element {
    padding-top: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    display: none !important;
}


/* ==========================================================
   WHY CHOOSE US - single centered column layout
   ========================================================== */

/* Force the row to stack vertically and center (desktop) */
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) {
    flex-direction: column !important;
    text-align: center !important;
}

/* Text column: full width, centered */
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col:has(.col-inner > h2) {
    width: 100% !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    order: 1 !important;
}

.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col:has(.col-inner > h2) .col-inner {
    padding: 0 30px !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Image column: full width, below text */
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col:has(.img) {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    order: 2 !important;
    padding-top: 40px !important;
}

/* Hide original content */
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col-inner:has(> h2) h2,
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col-inner:has(> h2) p,
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col-inner:has(> h2) .button {
    display: none !important;
}

/* New heading - big, bold, centered */
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col-inner:has(> h2)::before {
    content: "Your Printing Partner for Life.";
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 1.1;
    color: #1d1d1f;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}

/* New paragraph - unicode escapes for apostrophes and em dashes */
.row-collapse.row-full-width.align-middle.align-center:not(.show-for-medium) .col-inner:has(> h2)::after {
    content: "We don\2019t just print \2014\00a0we look after you. Real people on the phone, quick replies, and if something\2019s not right, we reprint it. No questions. That\2019s why Australian businesses choose us once and never leave.";
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    color: #6e6e73;
    max-width: 600px;
    margin: 0 auto;
}

/* Mobile version */
.row-collapse.row-full-width.align-middle.align-center.show-for-medium {
    flex-direction: column !important;
    text-align: center !important;
}

.row-collapse.row-full-width.align-middle.align-center.show-for-medium .col-inner:has(> h2) h2,
.row-collapse.row-full-width.align-middle.align-center.show-for-medium .col-inner:has(> h2) p,
.row-collapse.row-full-width.align-middle.align-center.show-for-medium .col-inner:has(> h2) .button {
    display: none !important;
}

.row-collapse.row-full-width.align-middle.align-center.show-for-medium .col-inner:has(> h2)::before {
    content: "Your Printing Partner for Life.";
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    color: #1d1d1f;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}

.row-collapse.row-full-width.align-middle.align-center.show-for-medium .col-inner:has(> h2)::after {
    content: "We don\2019t just print \2014\00a0we look after you. Real people on the phone, quick replies, and if something\2019s not right, we reprint it. No questions. That\2019s why Australian businesses choose us once and never leave.";
    display: block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.65;
    color: #6e6e73;
    padding: 0 20px;
}


/* ==========================================================
   FOOTER - clean, elegant, light
   ========================================================== */

/* Main footer area - white background, clean */
.footer-2 {
    background-color: #fafafa !important;
    padding: 60px 0 40px !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* Column widget titles */
.footer-2 .widget-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    color: #1d1d1f !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

/* Remove the small divider under titles */
.footer-2 .is-divider {
    display: none !important;
}

/* Footer links */
.footer-2 .widget_nav_menu .menu li {
    margin-bottom: 8px !important;
    padding: 0 !important;
}

.footer-2 .widget_nav_menu .menu li a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6e6e73 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.footer-2 .widget_nav_menu .menu li a:hover {
    color: #1d1d1f !important;
}

/* Footer columns - even spacing */
.footer-2 .row .col {
    padding-bottom: 30px !important;
}

/* Absolute footer / copyright bar -- same light bg as main footer */
.absolute-footer,
html {
    background-color: #fafafa !important;
}

.absolute-footer {
    background-color: #fafafa !important;
    padding: 20px 0 !important;
    border-top: 1px solid #e8e8e8 !important;
}

/* Remove dark class overrides */
.absolute-footer.dark,
.absolute-footer.dark a {
    color: #6e6e73 !important;
}

/* Copyright text */
.absolute-footer .copyright-footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #86868b !important;
    letter-spacing: 0.02em;
}

.absolute-footer .copyright-footer strong {
    font-weight: 500 !important;
    color: #1d1d1f !important;
}

/* Footer nav links (HELP CENTRE, MY ACCOUNT) */
.absolute-footer .footer-nav li a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    color: #86868b !important;
    transition: color 0.2s ease !important;
}

.absolute-footer .footer-nav li a:hover {
    color: #1d1d1f !important;
}

/* Payment icons - slightly muted */
.absolute-footer .payment-icon svg {
    fill: #86868b !important;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.absolute-footer .payment-icon svg:hover {
    opacity: 1;
}

/* Bitcoin image */
.absolute-footer .footer-text img {
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.absolute-footer .footer-text img:hover {
    opacity: 0.8;
}

/* Google rating badge in footer - clean up */
.absolute-footer .rpi-badge-cnt {
    margin-top: 8px;
}


/* ==========================================================
   PRODUCT CARDS - WooCommerce category/shop pages
   Rebuilt from scratch: simple, elegant, nothing else.
   ========================================================== */

/* Kill ALL hover overlays, quick view, image tools, back-image swap */
.product-small .image-tools,
.product-small .quick-view,
.product-small .back-image,
.product-small .show-on-hover,
.product-small .badge-container {
    display: none !important;
}

/* Kill the Flatsome image fade/swap effect */
.product-small .image-fade_in_back img.show-on-hover {
    display: none !important;
}

/* Card container - clean, sharp, thin border */
.product-small .col-inner {
    border-radius: 0 !important;
    overflow: hidden;
    background: #fff;
    box-shadow: none !important;
    transition: border-color 0.25s ease !important;
    border: 1px solid #e8e8e8 !important;
}

/* Subtle border darken on hover */
.product-small .col-inner:hover {
    box-shadow: none !important;
    transform: none !important;
    border-color: #ccc !important;
}

/* Remove Flatsome default shadows everywhere */
.has-shadow .product-small .col-inner,
.row-box-shadow-2 .product-small .col-inner,
.row-box-shadow-4-hover .product-small .col-inner:hover {
    box-shadow: none !important;
}

/* Image - clean, no zoom, no effects */
.product-small .box-image {
    overflow: hidden;
}

.product-small .box-image img {
    transition: opacity 0.3s ease;
}

.product-small .col-inner:hover .box-image img {
    opacity: 0.92;
}

/* Product title */
.product-small .product-title,
.product-small .product-title a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1d1d1f !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.product-small .product-title a:hover {
    color: #4e657b !important;
}

/* Category label */
.product-small .product-cat {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0.04em;
    color: #86868b !important;
    text-transform: uppercase !important;
}

/* Price */
.product-small .price {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
    font-size: 14px !important;
}

/* Select options / Add to cart button - outline style */
.product-small .add-to-cart-button .button {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 8px 20px !important;
    transition: all 0.25s ease !important;
}

.product-small .add-to-cart-button .button:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* Text section spacing */
.product-small .box-text-products {
    padding: 16px 14px 20px !important;
}

/* Category page grid - generous spacing between cards */
.products .product-small {
    margin-bottom: 40px !important;
    padding: 0 12px !important;
}

/* Product grid container - add horizontal padding */
.products.row {
    padding: 0 20px !important;
}

/* Reduce card image size slightly */
.product-small .box-image img {
    max-height: 280px;
    object-fit: cover;
}

/* Category page header - spacing */
.page-title-inner {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Category page title */
.shop-page-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #1d1d1f !important;
}

/* Breadcrumbs */
.woocommerce-breadcrumb {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    color: #86868b !important;
}

.woocommerce-breadcrumb a {
    color: #86868b !important;
}

.woocommerce-breadcrumb a:hover {
    color: #1d1d1f !important;
}

/* Sorting dropdown */
.woocommerce-ordering .orderby {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    border-radius: 0 !important;
}

/* Result count */
.woocommerce-result-count {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    color: #86868b !important;
}

/* Space between sorting bar and product grid */
#main > .row,
#main .products {
    margin-top: 20px !important;
}


/* ==========================================================
   SINGLE PRODUCT PAGE - elegant refinement
   ========================================================== */

/* --- Breadcrumbs: compact, next to nav --- */
.product-container .woocommerce-breadcrumb,
.shop-page-title + .woocommerce-breadcrumb,
.page-title-inner .woocommerce-breadcrumb {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    color: #86868b !important;
    padding: 12px 0 !important;
    margin: 0 !important;
}

/* --- Gap between nav and product content --- */
.shop-container {
    padding-top: 40px !important;
}

/* Page title bar on product/category pages */
.page-title-small {
    margin-bottom: 30px !important;
}

/* --- #1: Product title — title case, lighter weight --- */
.product-title-container .product-title,
.product-info .product-title,
.product_title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    letter-spacing: -0.02em !important;
    color: #1d1d1f !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

/* --- Price --- */
.product-info .price,
.summary .price,
.product-page-price .amount {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
    font-size: 22px !important;
}

/* --- Variation dropdowns --- */
/* Clean selects: no border, no shadow, just a bottom line */
.variations select,
.variations .select2-container .select2-selection,
.variations .select2-container .select2-choice,
.sp-rc-row select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    color: #1d1d1f !important;
    background-color: transparent !important;
    box-shadow: none !important;
    height: 2.5em !important;
    padding: 0 1.4em 0 0 !important;
}

.variations select:focus,
.variations .select2-container--open .select2-selection,
.sp-rc-row select:focus {
    border-bottom-color: #1d1d1f !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Select2 rendered text */
.variations .select2-selection__rendered {
    color: #1d1d1f !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    padding-left: 0 !important;
}

/* Select2 dropdown panel */
.select2-dropdown {
    border: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
}

.select2-results__option {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    color: #1d1d1f !important;
}

.select2-results__option--highlighted {
    background-color: #f5f5f5 !important;
    color: #1d1d1f !important;
}

/* Variation row — label and select on the SAME line */
.variations th.label,
.variations td.value {
    vertical-align: middle !important;
    padding: 8px 0 !important;
}

.variations th.label {
    padding-right: 20px !important;
}

.variations th.label label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #86868b !important;
    line-height: 2.5em !important;
}

/* Make select match the label line-height */
.variations select,
.variations .select2-container .select2-selection {
    line-height: 2.5em !important;
}

.variations td.value {
    padding-left: 0 !important;
}

/* Clear/reset link — small, under the last row, right-aligned */
.variations .reset_variations {
    position: static !important;
    display: block !important;
    text-align: right !important;
    margin-top: 12px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    color: #86868b !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.variations .reset_variations:hover {
    color: #1d1d1f !important;
}

/* --- Quantity input --- */
/* Each element gets its own border, all same explicit height */
.ux-quantity {
    display: inline-flex !important;
    align-items: stretch !important;
    border: none !important;
    height: auto !important;
    overflow: visible !important;
}

.ux-quantity input.qty,
.ux-quantity input.ux-quantity__button,
.ux-quantity .ux-quantity__button.button.is-form {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    color: #1d1d1f !important;
    background: #fff !important;
    box-shadow: none !important;
    height: 44px !important;
    max-height: 44px !important;
    line-height: 42px !important;
    min-width: 44px !important;
    padding: 0 !important;
    text-align: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Remove double borders between elements */
.ux-quantity .qty {
    width: 44px !important;
    border-left: none !important;
    border-right: none !important;
}

.ux-quantity .ux-quantity__button {
    color: #86868b !important;
    font-weight: 300 !important;
    font-size: 18px !important;
}

.ux-quantity .ux-quantity__button:hover {
    color: #1d1d1f !important;
    background: #f5f5f5 !important;
}

/* Override Flatsome's global inset shadow on ALL form elements in product pages */
.product select,
.product .select2-container .select2-selection,
.product .select2-container .select2-choice,
.product input[type="number"],
.product input[type="text"] {
    box-shadow: none !important;
}

/* --- Add to Cart button — same height as quantity, not full width --- */
.single_add_to_cart_button,
button.single_add_to_cart_button,
.single_add_to_cart_button.button.alt {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    height: 44px !important;
    line-height: 42px !important;
    padding: 0 28px !important;
    width: auto !important;
    flex: none !important;
    transition: all 0.25s ease !important;
}

.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
.single_add_to_cart_button.button.alt:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* Price appended inside ATC button by snippet — dark text, white on hover */
.single_add_to_cart_button .price-custom-wrap,
.single_add_to_cart_button .price-custom-wrap * {
    color: #1d1d1f !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    -webkit-text-fill-color: #1d1d1f !important;
}

.single_add_to_cart_button:hover .price-custom-wrap,
.single_add_to_cart_button:hover .price-custom-wrap * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Inter font across ALL product page content */
.product,
.product p,
.product span,
.product a,
.product li,
.product td,
.product th,
.product label,
.product h1,
.product h2,
.product h3,
.product h4 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Reorder elements inside the add-to-cart area */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Price per unit — visible, reordered above upload */
.price-per-unit-wrap {
    order: -2 !important;
    width: 100% !important;
}

/* Upload area — second, full width */
.wc-dnd-file-upload {
    order: -1 !important;
    width: 100% !important;
}

/* Qty and ATC stay default order */

/* Total price + per-unit price on the same line */
.woocommerce-variation.single_variation {
    display: inline !important;
}

.woocommerce-variation .woocommerce-variation-price {
    display: inline !important;
}

/* File upload area - clean, aligned with our design */
.wc-dnd-file-upload {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.wc-dnd-file-upload .codedropz-upload-handler,
.wc-dnd-file-upload .codedropz-upload-container {
    border: 1px dashed #d0d0d0 !important;
    border-radius: 0 !important;
    background: #fafafa !important;
    padding: 20px !important;
}

/* Upload text */
.wc-dnd-file-upload .codedropz-label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    color: #6e6e73 !important;
}

.wc-dnd-file-upload .codedropz-label .text {
    font-weight: 500 !important;
    color: #1d1d1f !important;
}

/* Upload icon */
.wc-dnd-file-upload .cd-icon i {
    color: #86868b !important;
    font-size: 18px !important;
}

/* Counter */
.wc-dnd-file-upload .dnd-upload-counter {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    color: #86868b !important;
}

/* Browse button inside upload — outline style */
.wc-dnd-file-upload .cd-upload-btn {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 6px 16px !important;
    text-decoration: none !important;
}

.wc-dnd-file-upload .cd-upload-btn:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* Both prices on one line: $600.31 Ex. GST (Price per unit: $1.20) */
.single_variation_wrap {
    display: block !important;
    margin-bottom: 16px !important;
}

/* Per-unit price — inline next to total, same size, in brackets */
.price-per-unit-wrap {
    display: inline !important;
    margin-left: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 15px !important;
    color: #86868b !important;
}

.price-per-unit-wrap::before {
    content: "(" !important;
}

.price-per-unit-wrap::after {
    content: ")" !important;
}

.price-per-unit-wrap strong {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #86868b !important;
}

.price-per-unit-wrap #per-unit {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #86868b !important;
}

/* Upload area — back to normal block */
.wc-dnd-file-upload {
    order: unset !important;
    width: auto !important;
    margin-bottom: 16px !important;
}

/* Qty + ATC — ensure they sit side by side */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Upload takes full width row */
.woocommerce-variation-add-to-cart .wc-dnd-file-upload {
    flex: 0 0 100% !important;
}

/* Qty and ATC side by side */
.woocommerce-variation-add-to-cart .ux-quantity.quantity {
    flex: 0 0 auto !important;
}

.woocommerce-variation-add-to-cart button.single_add_to_cart_button,
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
    flex: 0 0 auto !important;
    width: auto !important;
}

/* Total price — inline, same size as per-unit */
.woocommerce-variation.single_variation {
    display: inline !important;
    min-height: auto !important;
}

/* Collapse empty inner divs that force full width */
.woocommerce-variation .woocommerce-variation-description,
.woocommerce-variation .woocommerce-variation-availability {
    display: none !important;
}

.woocommerce-variation .woocommerce-variation-price,
.woocommerce-variation .price {
    display: inline !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
}

.woocommerce-variation .price del {
    color: #86868b !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

.woocommerce-variation .price ins {
    text-decoration: none !important;
}

/* Hide Read Google Reviews tab - already showing reviews */
.yikes-custom-woo-tab-title-read-google-reviews,
.read-google-reviews_tab,
li.read-google-reviews_tab,
.wc-tabs li.read-google-reviews_tab,
.woocommerce-Tabs-panel--read-google-reviews {
    display: none !important;
    flex: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* --- Tabs --- */
.wc-tabs li {
    border: none !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wc-tabs li a {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #86868b !important;
    letter-spacing: 0.04em !important;
    padding: 14px 20px !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.2s ease !important;
    background: none !important;
}

.wc-tabs li a:hover {
    color: #1d1d1f !important;
}

.wc-tabs li.active a {
    color: #1d1d1f !important;
    border-bottom-color: #1d1d1f !important;
    font-weight: 600 !important;
}

/* Tab panel content */
.wc-tab,
.panel.entry-content {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}

/* Tab container */
.woocommerce-tabs {
    border-top: 1px solid #e8e8e8 !important;
    margin-top: 60px !important;
    padding-top: 0 !important;
}

.wc-tabs {
    border-bottom: 1px solid #e8e8e8 !important;
    margin-bottom: 0 !important;
}

/* --- Product gallery --- */
.product-gallery .woocommerce-product-gallery__image img,
.product-images img {
    border-radius: 0 !important;
}

.product-thumbnails img,
.product-gallery-slider .flickity-slider img {
    border-radius: 0 !important;
    border: 1px solid #f0f0f0 !important;
}

/* --- Product meta (SKU, categories) --- */
.product_meta {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    color: #86868b !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #f0f0f0 !important;
}

.product_meta a {
    color: #6e6e73 !important;
}

.product_meta a:hover {
    color: #1d1d1f !important;
}

/* --- Section spacing on product page --- */
.product-container > .row {
    padding-bottom: 40px !important;
}

.related.products,
.upsells.products {
    margin-top: 80px !important;
    padding-top: 40px !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* Related/Upsell heading */
.related.products > h2,
.upsells.products > h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    letter-spacing: -0.02em !important;
    color: #1d1d1f !important;
    margin-bottom: 30px !important;
}

/* --- Google Rating badge - elegant inline treatment --- */
.rpi-badge-cnt {
    display: inline-flex !important;
    align-items: center !important;
}

.rpi-badge {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.rpi-badge .rpi-badge-line {
    display: none !important;
}

.rpi-badge .rpi-logo {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
}

.rpi-badge .rpi-info {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.rpi-badge .rpi-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #86868b !important;
}

.rpi-badge .rpi-stars {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
}

/* Trust badges / selling points - inline with separators */
ul li.bullet-checkmark {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6e6e73 !important;
    border-bottom: none !important;
    padding: 0 !important;
    display: inline !important;
    list-style: none !important;
}

/* Remove the checkmark icon, add separator between items */
ul li.bullet-checkmark:before {
    content: "" !important;
    font-family: inherit !important;
    font-size: 0 !important;
    display: none !important;
}

ul li.bullet-checkmark + li.bullet-checkmark:before {
    content: "\00b7" !important;
    display: inline !important;
    font-size: 18px !important;
    color: #86868b !important;
    margin: 0 10px !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
}

/* Override separator dots inside product short description */
.product-short-description li.bullet-checkmark + li.bullet-checkmark::before,
.custom-product-page .product-short-description li.bullet-checkmark + li.bullet-checkmark::before {
    content: "\2726" !important;
    display: inline-block !important;
    color: #c51aa0 !important;
    font-size: 9px !important;
    margin: 0 8px 0 0 !important;
    opacity: 0.55 !important;
    position: relative !important;
    top: -1px !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
    transform: none !important;
}


/* The parent UL - single line flow */
ul:has(> li.bullet-checkmark) {
    display: block !important;
    padding: 14px 0 !important;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 16px 0 !important;
    line-height: 2 !important;
}


/* ==========================================================
   PRODUCT PAGE REFINEMENTS (aesthetics + neuromarketing)
   ========================================================== */

/* #2: Google Rating — compact inline badge, not a block */
.rpi-badge-cnt {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.rpi-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.rpi-badge .rpi-badge-line { display: none !important; }

.rpi-badge .rpi-logo {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
}

.rpi-badge .rpi-name {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #86868b !important;
}

.rpi-badge .rpi-stars {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
}

/* Move the rating badge inline with USPs */
.rpi-badge .rpi-info {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Product short description — spacing + outline star bullets */
.product-short-description {
    margin-top: 20px !important;
    padding: 20px 0 0 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    overflow: visible !important;
}

.product-short-description ul,
.custom-product-page .product-short-description ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 24px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: start !important;
    border: none !important;
    line-height: 1.5 !important;
}

.product-short-description li,
.custom-product-page .product-short-description li {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #1d1d1f !important;
    line-height: 1.5 !important;
    padding: 0 !important;
}

.product-short-description li::before,
.custom-product-page .product-short-description li::before {
    content: "\2726" !important;
    display: inline-block !important;
    color: #c51aa0 !important;
    -webkit-text-stroke: 0 !important;
    flex-shrink: 0 !important;
    font-size: 9px !important;
    margin-right: 8px !important;
    line-height: 1 !important;
    min-width: 9px !important;
    opacity: 0.55 !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
}

.product-short-description li span[style*="c51aa0"] {
    color: transparent !important;
    -webkit-text-stroke: 1.5px #c51aa0 !important;
    flex-shrink: 0 !important;
    font-size: 16px !important;
    margin-right: 8px !important;
    line-height: 1 !important;
}

/* #3: Trust icons on PRODUCT PAGES — light pink bg, balanced spacing */
.product .section.vd-icons,
.custom-product-page .section.vd-icons {
    background: #f7f7f7 !important;
    padding: 35px 0 !important;
    margin: 20px 0 30px 0 !important;

}

.product .section.vd-icons .img.has-hover,
.custom-product-page .section.vd-icons .img.has-hover {
    margin-bottom: 10px !important;
    width: 50px !important;
}

.product .section.vd-icons img,
.custom-product-page .section.vd-icons img {
    width: 44px !important;
    height: 44px !important;
}

.product .section.vd-icons .img-inner,
.custom-product-page .section.vd-icons .img-inner {
    margin: 0 !important;
}

/* Dark text on light bg */
.product .section.vd-icons p,
.custom-product-page .section.vd-icons p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    color: #1d1d1f !important;
}

/* Muted subtext */
.product .section.vd-icons p + p,
.custom-product-page .section.vd-icons p + p,
.product .section.vd-icons .box-text p:not(:first-child),
.custom-product-page .section.vd-icons .box-text p:not(:first-child) {
    color: #86868b !important;
    font-weight: 400 !important;
    font-size: 10px !important;
}

/* Divider lines */
.product .section.vd-icons .is-divider,
.custom-product-page .section.vd-icons .is-divider {
    background-color: rgba(0, 0, 0, 0.08) !important;
}

/* Hide raw shortcode text from deactivated snippets */
.custom-product-page .section-content:has(> [class*="row"]) {
    /* normal */
}

/* Hide [bc_offer] shortcode showing as raw text */
.product .sp-bc-offer,
.custom-product-page .sp-bc-offer {
    display: none !important;
}

/* #4: Kill gap elements inside product page */
.custom-product-page .gap-element {
    display: none !important;
}

/* Tighten sections in product page */
.custom-product-page .section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Space between trust icons and tabs */
.woocommerce-tabs {
    margin-top: 20px !important;
}

/* #5: Remove border + tighten spacing on tab content */
.wc-tab,
.panel.entry-content,
.woocommerce-Tabs-panel,
.tab-panels .panel,
.tab-panels {
    border: none !important;
    box-shadow: none !important;
}

.tab-panels {
    padding: 0 !important;
}

/* Hide inactive tab panels — only show the active one */
.woocommerce-Tabs-panel {
    display: none !important;
    padding: 20px 0 0 0 !important;
}

.woocommerce-Tabs-panel.active {
    display: block !important;
}

/* Consistent heading styles inside ALL tab panels */
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h2 strong {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #1d1d1f !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 16px 0 !important;
}

.woocommerce-Tabs-panel h3,
.woocommerce-Tabs-panel h3 strong,
.woocommerce-Tabs-panel h3 span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #1d1d1f !important;
    margin: 24px 0 8px 0 !important;
    text-transform: none !important;
}

.woocommerce-Tabs-panel h2:first-child {
    margin-top: 0 !important;
}

.woocommerce-Tabs-panel p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #444 !important;
    margin-bottom: 12px !important;
}

.woocommerce-Tabs-panel li {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}

/* Tabs — stretch to fill full width, uniform height */
.wc-tabs {
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;
}

.wc-tabs li {
    flex: 1 !important;
    text-align: center !important;
    border: none !important;
    border-right: 1px solid #e8e8e8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wc-tabs li:last-child {
    border-right: none !important;
}

.wc-tabs li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 14px 12px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

/* #6: Thumbnail active state */
.product-thumbnails .flickity-slider img {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.product-thumbnails .flickity-slider img:hover,
.product-thumbnails .flickity-slider .is-nav-selected img {
    opacity: 1;
}

/* #7: Per-unit as primary price anchor — "From $1.20 per cup" */
/* Make the per-unit wrap more prominent than the total */
.price-per-unit-wrap strong {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #6e6e73 !important;
}

/* The per-unit number itself */
.price-per-unit-wrap #per-unit {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #6e6e73 !important;
}

/* #9: "Contact us" line — clean styling */
p:has(> a[href*="contact-us"]) {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    color: #6e6e73 !important;
    padding: 16px 0 !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-top: 20px !important;
}

/* #10: Social proof trust bar — above the buy button */


/* Reinforcement bar removed */

/* #11: Contact link in product page — muted, not pink */
.custom-product-page a[href*="contact-us"],
.product a[href*="contact-us"] {
    color: #6e6e73 !important;
    font-weight: 500 !important;
}

.custom-product-page a[href*="contact-us"]:hover,
.product a[href*="contact-us"]:hover {
    color: #1d1d1f !important;
}



/* Clean page title for single pages */
.sp-page-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    letter-spacing: -0.02em !important;
    color: #1d1d1f !important;
    text-transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   PRODUCT GALLERY — Navigation Improvements
   ============================================================ */

/* Main gallery arrows — always visible with contrast background */
.product-gallery-slider .flickity-prev-next-button {
    opacity: 0.85 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1d1d1f !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
    transition: opacity 0.2s !important;
    padding: 0 !important;
}
.product-gallery-slider .flickity-prev-next-button:hover {
    opacity: 1 !important;
}
.product-gallery-slider .flickity-prev-next-button .flickity-button-icon {
    fill: #1d1d1f !important;
}
.product-gallery-slider .flickity-prev-next-button.previous {
    left: 12px !important;
}
.product-gallery-slider .flickity-prev-next-button.next {
    right: 12px !important;
}

/* Thumbnail row arrows — same treatment */
.product-thumbnails .flickity-prev-next-button {
    opacity: 0.7 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1d1d1f !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
}
.product-thumbnails .flickity-prev-next-button:hover {
    opacity: 1 !important;
    transform: translateY(-50%) !important;
}
.product-thumbnails .flickity-prev-next-button .flickity-button-icon {
    fill: #1d1d1f !important;
}
.product-thumbnails .flickity-prev-next-button.previous {
    left: -4px !important;
}
.product-thumbnails .flickity-prev-next-button.next {
    right: -4px !important;
}




/* Gallery column — pad to reduce image display size */
.custom-product-page .col.large-7 > .col-inner {
    padding-right: 50px !important;
}


/* Fixed square gallery container — prevents layout shift between images */
.product-gallery-slider {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #f8f8f8 !important;
}
.product-gallery-slider .flickity-viewport {
    height: 100% !important;
}
.product-gallery-slider .flickity-slider > div,
.product-gallery-slider .flickity-slider > figure {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}
.product-gallery-slider .flickity-slider img {
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}


/* Disable gallery hover zoom — conflicts with square container + object-fit */
.product-gallery-slider .has-image-zoom .slide .zoomImg,
.product-gallery-slider .zoomImg {
    display: none !important;
}


/* Reduce gap between main gallery image and thumbnails */
.product-gallery-slider {
    margin-bottom: 8px !important;
}
.product-thumbnails {
    margin-top: 0 !important;
}
/* Active thumbnail — subtle border highlight */
.product-thumbnails .is-nav-selected img {
    opacity: 1 !important;
}
.product-thumbnails img {
    opacity: 0.6 !important;
    transition: opacity 0.2s !important;
}
.product-thumbnails img:hover {
    opacity: 0.85 !important;
}

/* ============================================================
   MOBILE RESPONSIVE — max-width: 849px (Flatsome's breakpoint)
   ============================================================ */
@media (max-width: 1024px) {

    /* --- PRODUCT PAGE: Force single-column stacking on tablets --- */
    .custom-product-page .row > .col.medium-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Show short description below gallery on mobile/tablet - single column */
    .custom-product-page .col.medium-6.large-7 .product-short-description {
        display: block !important;
    }
    .custom-product-page .col.medium-6.large-7 .product-short-description ul {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    /* --- TRUST ICONS: Compact grid on mobile/tablet --- */
    .section.vd-icons .row {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 15px 0 !important;
        padding: 20px 10px !important;
    }

    .section.vd-icons .row > .col {
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
        padding: 0 5px !important;
    }

    /* Hide the spacer columns on mobile */
    .section.vd-icons .row > .col[class*="span__sm-6"]:first-child,
    .section.vd-icons .row > .col[class*="span__sm-6"]:last-child {
        display: none !important;
    }

    .section.vd-icons {
        padding: 20px 0 !important;
        margin: 25px 0 !important;
    }

    .section.vd-icons p {
        font-size: 10px !important;
    }

    .section.vd-icons img {
        width: 36px !important;
        height: 36px !important;
    }

    /* --- HOMEPAGE CATEGORY CARDS: tighter spacing --- */
    .sp-card-wrapper {
        margin-bottom: 15px !important;
    }

    /* --- Reduce large gaps on mobile --- */
    .custom-product-page .gap-element {
        display: none !important;
    }
}

/* Tablet — 550px to 849px */
@media (min-width: 550px) and (max-width: 1024px) {
    .section.vd-icons .row > .col {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

/* ============================================================
   GLOBAL REFINEMENTS — Paper white, page titles, buttons, forms
   ============================================================ */

/* #G1: Paper white body background */
body {
    background-color: #fafaf8 !important;
}
/* Keep key surfaces pure white */
.sp-header,
header,
.header-wrapper,
.product-info,
.product-gallery,
.woocommerce-tabs,
.sp-card-wrapper,
.woocommerce form,
.woocommerce-cart .cart-container,
.woocommerce-checkout,
footer,
.footer-wrapper,
.absolute-footer {
    background-color: #fff !important;
}

/* #G2: Page title banners — remove grey bg, dark h1 */
.page-title,
.page-title[style],
.shop-page-title,
.category-page-title,
.page-title.featured-title {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    padding: 30px 40px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    min-height: auto !important;
    height: auto !important;
}
.page-title h1,
.page-title .page-title-inner,
.page-title .shop-page-title,
.category-title {
    color: #1d1d1f !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    font-style: normal !important;
    text-shadow: none !important;
}
/* Remove any overlay or background image */
.page-title .title-overlay,
.page-title .overlay {
    display: none !important;
}
/* Kill Flatsome's parallax background image behind page titles */
.page-title .title-bg,
.page-title .title-bg.fill,
.page-title .title-bg.bg-fill {
    display: none !important;
}
.page-title-inner::after,
.page-title-inner::before {
    display: none !important;
}
/* Breadcrumbs in category header — muted */
.page-title .breadcrumbs,
.page-title .breadcrumb,
.page-title nav.woocommerce-breadcrumb {
    color: #86868b !important;
    font-size: 12px !important;
}
.page-title .breadcrumbs a,
.page-title .breadcrumb a,
.page-title nav.woocommerce-breadcrumb a {
    color: #86868b !important;
}
/* Default sorting dropdown — consistent */
.page-title .woocommerce-ordering select {
    border: 1px solid #d2d2d7 !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

/* #G3: Category pages — hide Flatsome default title, use custom */
.tax-product_cat .page-title,
.tax-product_cat .category-page-title {
    display: none !important;
}
/* Custom category header injected via PHP */
.sp-category-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 40px 40px;
    text-align: center;
}
.sp-category-header__eyebrow {
    display: inline-block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #c51aa0;
    margin-bottom: 16px;
}
.sp-category-header__title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #1d1d1f;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin: 0 auto 16px;
    max-width: 700px;
}
.sp-category-header__subtitle {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    color: #6e6e73;
    line-height: 1.5;
    max-width: 550px;
    margin: 0 auto;
}
.sp-category-header__divider {
    width: 50px;
    height: 1px;
    background: #d2d2d7;
    margin: 28px auto 0;
}

/* #G4: Contact page — consistent styling */
.page-id-18 .entry-content,
.page-id-18 .row {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.page-id-18 h2,
.page-id-18 h3 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
}
/* Contact form fields */
.page-id-18 input[type="text"],
.page-id-18 input[type="email"],
.page-id-18 input[type="tel"],
.page-id-18 textarea,
.page-id-18 select {
    border: 1px solid #d2d2d7 !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: border-color 0.2s !important;
}
.page-id-18 input:focus,
.page-id-18 textarea:focus {
    border-color: #1d1d1f !important;
    outline: none !important;
}
/* Contact form buttons — outline style */
.page-id-18 input[type="submit"],
.page-id-18 .gform_button,
.page-id-18 .button {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1.5px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 12px 28px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.page-id-18 input[type="submit"]:hover,
.page-id-18 .gform_button:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}
/* Contact service hours box */
.page-id-18 .col-inner .panel,
.page-id-18 .customer-service-hours {
    border: 1px solid #f0f0f0 !important;
    border-radius: 0 !important;
    padding: 24px !important;
}

/* #G5: Free Sample Pack page — consistent styling */
.page-id-91 .entry-content,
.page-id-91 .row {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.page-id-91 input[type="text"],
.page-id-91 input[type="email"],
.page-id-91 input[type="tel"],
.page-id-91 textarea,
.page-id-91 select {
    border: 1px solid #d2d2d7 !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.page-id-91 input[type="submit"],
.page-id-91 .gform_button,
.page-id-91 .button {
    background: transparent !important;
    color: #1d1d1f !important;
    border: 1.5px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 12px 28px !important;
}
.page-id-91 input[type="submit"]:hover,
.page-id-91 .gform_button:hover {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* #G6: Cart & Checkout — elegant black buttons */
.woocommerce-cart .button,
.woocommerce-cart .checkout-button,
.woocommerce-cart a.button,
.woocommerce-checkout .button,
.woocommerce-checkout #place_order,
.return-to-shop .button,
.wc-proceed-to-checkout .button {
    background: #1d1d1f !important;
    color: #fff !important;
    border: 1.5px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 14px 32px !important;
    transition: all 0.2s !important;
}
.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover {
    background: #333 !important;
}
/* Cart table styling */
.woocommerce-cart-form table {
    border-collapse: collapse !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.woocommerce-cart-form th {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #86868b !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
/* Checkout steps bar */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.cart-checkout-steps {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
/* Cart/checkout form fields */
.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="number"],
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border: 1px solid #d2d2d7 !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

/* #G7: My Account / Login — elegant styling */
.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button {
    background: #1d1d1f !important;
    color: #fff !important;
    border: 1.5px solid #1d1d1f !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 12px 28px !important;
}
.woocommerce-account h2,
.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
}
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
    border: 1px solid #d2d2d7 !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    box-shadow: none !important;
}
.woocommerce-account a.lost_password,
.woocommerce-account .lost_password a {
    color: #86868b !important;
    font-size: 13px !important;
}

/* #G8: Blog — clean titles, black date labels */
.blog .page-title,
.archive.category .page-title {
    background: none !important;
    padding: 30px 0 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
/* Blog post date badges — black background */
.blog-post .badge,
.post-date-badge,
.box .badge {
    background: #1d1d1f !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
/* Blog category labels */
.post-category,
.cat-label,
.box .post-category {
    color: #86868b !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
}
/* Blog post titles */
.blog .box-text h5,
.blog .box-text .box-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    color: #1d1d1f !important;
}
/* Blog post excerpts */
.blog .box-text p,
.blog .from_the_blog_excerpt {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #6e6e73 !important;
    font-size: 13px !important;
}
/* Blog post images — sharp corners */
.blog .box-image,
.blog .box-image img {
    border-radius: 0 !important;
}
/* Blog pagination */
.page-numbers {
    border-radius: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.page-numbers.current {
    background: #1d1d1f !important;
    color: #fff !important;
}

/* Cart/Checkout steps — refined typography */
.cart-checkout-steps,
.checkout-steps {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.cart-checkout-steps a,
.cart-checkout-steps span {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

/* Blog date badges — black background, sharp corners */
.badge-container .badge,
.post-date .badge,
.box .post-date .badge,
.from_the_blog_date .badge,
.box .badge {
    background-color: #1d1d1f !important;
    color: #fff !important;
    border-radius: 0 !important;
}

/* My Account page title — use Flatsome's built-in */
.woocommerce-account .page-title,
.woocommerce-cart .page-title,
.woocommerce-checkout .page-title {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Stationery and other category pages — ensure h1 visible */
.tax-product_cat .term-description {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ==========================================
   Landing page styles (restored from original custom_css)
   ========================================== */
/*Luxury Business Cards*/
.font-medium {
  font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-8 {
  margin-bottom: 2rem;
}


.mb-5 {
  margin-bottom: 1.25rem;
}

.tracking-normal {
  letter-spacing: 0em;
}

.text-46 {
  font-size: 46px;
}

.text-32 {
  font-size: 32px;
}

.text-26 {
  font-size: 26px;
}

.wprm-breadcrumbs a {
	color: #424242;
}
.wprm-breadcrumbs p {
    display: flex;
    gap: 10px;	
}

.section2-icons .image-cover img {
    width: 100px;
    height: 100px;
}

.section2-icons .box-text {
    max-width: 115px;
    margin: auto;
	  padding-top: 20px;
}
.section2-icons .section2-icon-last .box-text {
	max-width: 180px;
}

.section3 :is(h4, p) {
  margin-bottom: 1.25rem;
}
.section3 li {
	margin-bottom: 0;
}

.section3 .box-image .image-cover {
	padding-top: 0 !important;
}
.section3 .box-image .image-cover img {
	position: relative; 
	object-fit: none;
}

.section3 .box.box-vertical.box-text-bottom {
    display: flex
;
    align-items: center;
}

.section3 .box.box-vertical.box-text-bottom .box-image {
    flex-shrink: 0;
    order: 1;
}

.section3 .box.has-hover.box-vertical.box-text-middle .box-text :is(p,h4) {
    margin-bottom: 2rem;
}

.accordion.custom-faq {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.accordion.custom-faq .accordion-item .accordion-title {
    border: solid 1px #4E657B;
    border-radius: 5px;
    padding: 0.9em 2.3em;
}

.accordion.custom-faq .accordion-item .accordion-title.plain.active,
.accordion.custom-faq .accordion-item .accordion-title:hover {
    background-color: #4E657B;
    color: #fff;
}

.accordion.custom-faq .accordion-item .accordion-title button {
    right: 15px;
    left: auto;
    top: 10px;
}

.accordion.custom-faq .accordion-item .accordion-inner {
    padding-bottom: 0;
}

@media (min-width: 768px) {
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
}

/* Tablet*/
@media (max-width: 1024px) {
  .text-46 {
    font-size: 38px;
  }
  .text-32 {
    font-size: 28px;
  }
  .text-26 {
    font-size: 22px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .text-46 {
    font-size: 32px;
  }
  .text-32 {
    font-size: 24px;
  }
  .text-26 {
    font-size: 20px;
  }

	.hero-mobile-bg .section-bg img {
		display: none;
	}

}

@media (max-width: 549px) {
    .hero-mobile-bg {
        background-image: url(/wp-content/uploads/2025/10/Hero-Section-bg-mobile.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;	
    }		

    .section2-icons {
        flex-wrap: wrap;
    }

    .section2-icons .box {
        width: 50%;
    }

    .section3 .box-text {
        padding-left: 0 !important;
        padding-top: 20px !important;
    }

    .section3 .box.box-vertical.box-text-bottom {
        flex-direction: column;
    }

    .section3 .box.box-vertical.box-text-bottom .box-image {
        order: 0;
    }	
      
      
    .section3 .box.has-hover.box-vertical.box-text-middle .box-text :is(p,h4) {
        margin-bottom: 1.25rem;
    }
      
    .section3 .box.has-hover.box-vertical.box-text-middle .box-text p:last-of-type {
        margin-bottom: 0 !important;
    }	

    .accordion.custom-faq .accordion-item .accordion-title {
        padding: 0.6em 2em 0.6em 1em;
    }
    
    .accordion.custom-faq .accordion-item .accordion-title button {
        right: 3px;
        top: 5px;
    }    
	
}

/* Read More / Toggle content */
.toggle-wrapper .toggle-content {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease;
}
.toggle-wrapper .toggle-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.section5 .toggle-wrapper .toggle-content::after {
    background: linear-gradient(transparent, #fafafa);
}
.toggle-wrapper.expanded .toggle-content {
    max-height: 5000px;
    overflow: visible;
}
.toggle-wrapper.expanded .toggle-content::after {
    opacity: 0;
}
.toggle-wrapper.expanded .toggle-readmore {
    display: none !important;
}
.toggle-readmore {
    margin-top: 10px;
}