:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(168,72,112);
	--wd-alternative-color: rgb(184,92,54);
	--btn-default-bgcolor: #f6e3eb;
	--btn-default-bgcolor-hover: #efd2de;
	--btn-accented-bgcolor: #a84870;
	--btn-accented-bgcolor-hover: #8f3b5f;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(246,227,235);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html table th {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 28px;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title, html .wd-checkout-steps {
	text-transform: capitalize;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: rgb(51,51,51);
	--wd-form-brd-color-focus: rgb(15,82,214);
}
.wd .product-label.onsale {
	background-color: #b85c36;
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: #a84870;
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: #a84870;
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1420px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1420px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #f6e3eb;
}

/* Web2U: campaign section heading matches the other home page section titles (Fredoka, left, same spacing). */
.web2u-campaign-title {
    margin: 0 0 8px;
    font-family: "Fredoka", sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.2;
    text-align: left;
    color: var(--wd-primary-color, #a84870);
}
.web2u-campaign-description {
    margin: 0 0 28px;
    font-size: 16px;
    color: var(--wd-text-color, #767676);
    text-align: left;
}
@media (max-width: 1024px) { .web2u-campaign-title { font-size: 30px; } }
@media (max-width: 767px) { .web2u-campaign-title { font-size: 26px; } }
/* Web2U: Featured Products block lines up with the sections above it (they have 10px side padding). */
.elementor-element-e7192cb { padding-left: 10px; padding-right: 10px; }
/* Web2U: product cards are white with rounded corners and a soft shadow, so they lift off the blush page. */
.wd-product .wd-product-wrapper {
    overflow: hidden;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 6px 18px -8px rgba(120, 50, 80, 0.18), 0 1px 3px rgba(120, 50, 80, 0.06);
}
.wd-product .product-label {
    border-radius: 6px;
}
/* Web2U: soft blush page background across the whole site (WoodMart paints pages with --wd-main-bgcolor). */
:root {
    --wd-main-bgcolor: #fbf0f4;
}
body {
    background-color: #fbf0f4;
}
/* Web2U: footer divider lines in a soft berry tint instead of near-black, to suit the blush footer. */
.wd-footer .elementor-element {
    border-color: rgba(168, 72, 112, 0.22) !important;
}
/* Web2U: lift product photos 6% so light grey photo backgrounds (240) read as the white card. Remove once
   the shop's own photos on pure white are in. */
.wd-product .wd-product-thumb img {
    filter: brightness(1.06);
}
/* Web2U: header matches the footer: deeper blush background and a soft berry line underneath (also when sticky). */
.whb-header .whb-general-header {
    background-color: #f6e3eb !important;
    border-bottom-color: rgba(168, 72, 112, 0.22) !important;
}
/* Web2U: category tile frame and dividers in the same soft berry tint as the header and footer lines. */
.wd-cats.products-bordered-grid .wd-carousel-inner,
.wd-cats.products-bordered-grid .wd-carousel-item,
.wd-cats.products-bordered-grid .wd-col {
    border-color: rgba(168, 72, 112, 0.22) !important;
}
/* Web2U: floating WhatsApp chat button, stacked above the back-to-top button (and the phone toolbar). */
.web2u-whatsapp {
    position: fixed;
    right: 20px;
    bottom: 86px;
    z-index: 360;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.4);
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.web2u-whatsapp:hover,
.web2u-whatsapp:focus-visible {
    color: #fff;
    transform: scale(1.06);
}
.web2u-whatsapp svg {
    width: 28px;
    height: 28px;
    fill: currentColor;
}
@media (max-width: 1024px) {
    .web2u-whatsapp {
        right: 22px;
        bottom: 120px;
        width: 48px;
        height: 48px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .web2u-whatsapp { transition: none; }
}
/* Web2U: on phones, product name, category and price sit below the photo on the white card instead of on top
   of it (desktop keeps the overlay layout). Cart and wishlist buttons go to the card's bottom-right corner. */
@media (max-width: 767px) {
    body .wd-product.wd-hover-info .wd-product-thumb {
        display: flex !important;
        flex-direction: column;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .wd-product-img-link {
        order: 1;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .top-information,
    body .wd-product.wd-hover-info .wd-product-thumb .bottom-information {
        position: static !important;
        inset: auto !important;
        width: auto;
        max-width: none;
        padding: 0 12px;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .top-information {
        order: 2;
        padding-top: 10px;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .bottom-information {
        order: 3;
        min-height: 40px;
        padding-top: 4px;
        padding-bottom: 12px;
        padding-right: 84px;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .wd-entities-title {
        font-size: 14px;
        line-height: 1.3;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .wd-product-cats {
        font-size: 12px;
    }
    body .wd-product.wd-hover-info .wd-product-thumb .wd-buttons {
        inset: auto 6px 6px auto !important;
        flex-direction: row;
    }
}
/* Web2U: on phones, the price sits in its own line under the name, not on top of it. */
@media (max-width: 767px) {
    body .wd-product.wd-hover-info .wd-product-thumb .bottom-information .price {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        opacity: 1 !important;
        padding: 4px 0 0;
    }

    body .wd-product.wd-hover-info .wd-product-thumb .bottom-information {
        padding-bottom: 48px;
    }
}

/* Web2U: on phones, cards keep still on hover (just lift a little), the price stays on one line, and every card is the same height. */
@media (max-width: 767px) {
    body .wd-product.wd-hover-info .wd-product-wrapper {
        height: 100%;
        transition: transform .25s ease, box-shadow .25s ease;
    }

    body .wd-product.wd-hover-info:hover .wd-product-wrapper {
        transform: translateY(-3px);
        box-shadow: 0 12px 24px -10px rgba(120, 50, 80, .28), 0 2px 6px rgba(120, 50, 80, .08);
    }

    body .wd-product.wd-hover-info:hover .bottom-information {
        transform: none !important;
    }

    body .wd-product.wd-hover-info .wd-product-img-hover {
        display: none !important;
    }

    body .wd-product.wd-hover-info .wd-entities-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: calc(2 * 1.3em);
        line-height: 1.3;
    }

    body .wd-product.wd-hover-info .wd-product-cats {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .wd-product.wd-hover-info .wd-product-thumb .bottom-information .price {
        white-space: nowrap;
        font-size: clamp(11.5px, 3.6vw, 15px);
        letter-spacing: -.01em;
    }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
    body .wd-product.wd-hover-info:hover .wd-product-wrapper {
        transform: none;
    }
}

/* Web2U: every product photo sits in the same square frame, so cards in every section match. */
body .wd-product .wd-product-img-link {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

body .wd-product .wd-product-img-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Web2U: on phones, a sale shows the old and new price side by side on one line. */
@media (max-width: 767px) {
    body .wd-product.wd-hover-info .bottom-information .price {
        display: flex;
        align-items: center;
        gap: 6px;
        height: 23px;
        line-height: 1;
    }

    body .wd-product.wd-hover-info .bottom-information .price del {
        order: 2;
        font-size: .85em;
        opacity: .6;
    }
}

/* Web2U: on phones, the slide's title, text and button sit in the lower part of the photo, just above the dots. */
@media (max-width: 767px) {
    body .wd-slide .wd-slide-container {
        align-items: flex-end;
        padding-bottom: 64px;
    }

    body .wd-slide .wd-slide-inner .e-con-inner {
        padding-top: 0;
        padding-bottom: 0;
    }

    body .wd-slide .wd-slide-inner h4 {
        line-height: 1.15;
    }
}

/* Web2U: home page section titles are a little bigger and start with the shop's logo. */
body .web2u-campaign-title,
body .elementor-element-3c89075 .title,
body .elementor-element-1cee6ea .title {
    display: inline-flex !important;
    align-items: center;
    gap: .35em;
    font-size: 40px !important;
    line-height: 1.15 !important;
}

body .web2u-campaign-title::before,
body .elementor-element-3c89075 .title::before,
body .elementor-element-1cee6ea .title::before {
    content: "";
    flex: 0 0 auto;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: url("https://duitify.com/wp-content/uploads/2026/11/two-of-us-bakeware-logo-round-150x150.png") center / contain no-repeat;
}

@media (max-width: 1024px) {
    body .web2u-campaign-title,
    body .elementor-element-3c89075 .title,
    body .elementor-element-1cee6ea .title {
        font-size: 34px !important;
    }
}

@media (max-width: 767px) {
    body .web2u-campaign-title,
    body .elementor-element-3c89075 .title,
    body .elementor-element-1cee6ea .title {
        font-size: 30px !important;
    }
}

/* Web2U: on checkout, "Your order" and payment sit together on one white card. */
body .elementor-element-13f69756 {
    background-color: #fff;
    border: 0 !important;
    border-radius: 16px;
    box-shadow: 0 6px 18px -8px rgba(120, 50, 80, .18), 0 1px 3px rgba(120, 50, 80, .06);
}

/* Web2U: shop and category page titles start with the shop's logo, like the home page titles. */
body .wd-woo-page-title .entry-title {
    display: inline-flex;
    align-items: center;
    gap: .3em;
}

body .wd-woo-page-title .entry-title::before {
    content: "";
    flex: 0 0 auto;
    width: 1.1em;
    height: 1.1em;
    border-radius: 50%;
    background: url("https://duitify.com/wp-content/uploads/2026/11/two-of-us-bakeware-logo-round-150x150.png") center / contain no-repeat;
}

/* Web2U: About Us page – blush sections, white cards, the logo in a soft circle. */
body .w2u-about-section {
    padding-top: 64px;
    padding-bottom: 8px;
}

body .w2u-about-contact {
    padding-bottom: 72px;
}

body .w2u-about-section .subtitle {
    color: #b85c36;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body .w2u-about-section .title-after_title {
    max-width: 640px;
    font-size: 16px;
    line-height: 1.7;
}

body .w2u-about-logo img {
    width: min(340px, 100%);
    height: auto;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 18px 40px -18px rgba(120, 50, 80, .35);
}

body .w2u-about-grid > .w2u-about-card {
    flex: 1 1 220px;
    padding: 28px 24px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 6px 18px -8px rgba(120, 50, 80, .18), 0 1px 3px rgba(120, 50, 80, .06);
}

body .w2u-about-card .title-after_title {
    font-size: 15px;
}

body .w2u-about-card .wd-button-wrapper {
    margin-top: auto;
}

body .w2u-about-note {
    color: #8a6a77;
    font-size: 14px;
}

@media (max-width: 767px) {
    body .w2u-about-section {
        padding-top: 40px;
    }

    body .w2u-about-contact {
        padding-bottom: 48px;
    }

    body .w2u-about-logo img {
        width: min(220px, 70%);
    }
}

/* Web2U: About Us page on phones – logo centred, less space above the intro. */
body .w2u-about-logo .elementor-widget {
    width: 100%;
    text-align: center;
}

body .w2u-about-logo img {
    display: block;
    margin: 0 auto;
}

@media (max-width: 767px) {
    body .w2u-about-hero {
        padding-top: 8px;
    }
}
