/*
Theme Name: Blocksy Child - Darwen Furniture
Description: Child theme for Blocksy - Darwen Furniture and Gifts
Template: blocksy
Version: 1.0.0
*/

/* ========================================
   GLOBAL STYLES
   ======================================== */

/* Remove underlines from all links */
a {
    text-decoration: none !important;
}

/* Keep visited links the same color */
a:visited {
    color: inherit !important;
}

/* Header button - keep white text */
a.ct-button,
a.ct-button:visited,
a.ct-button:link,
a.ct-button:hover,
a.ct-button:active {
    color: #fff !important;
}

/* ========================================
   HEADER FIXES
   ======================================== */

/* Add side padding to header */
.ct-header .ct-container {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/* Hide bottom header row only */
[data-row="bottom"],
.ct-header [data-row="bottom"] {
    display: none !important;
}

/* Hide WPFront spacer (if plugin still active) */
#wpfront-notification-bar-spacer,
#wpfront-notification-bar {
    display: none !important;
    height: 0 !important;
}

/* ========================================
   PROMO BAR (Top Row)
   ======================================== */
[data-row="top"] {
    background: linear-gradient(90deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%) !important;
}

[data-row="top"] .promo-bar {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-align: center;
    padding: 8px 0;
}

[data-row="top"] .promo-bar a {
    color: #e8c49a;
    text-decoration: none;
    font-weight: 600;
}

[data-row="top"] .promo-bar a:hover {
    text-decoration: underline;
}

/* Center promo bar content vertically */
[data-row="top"] .ct-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

[data-row="top"] .promo-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========================================
   COMING SOON PAGE (ID: 1163)
   ======================================== */

/* Hide admin bar */
#wpadminbar {
    display: none !important;
}
html.wp-toolbar {
    padding-top: 0 !important;
}

/* Hide EVERYTHING except content on landing page */
body.page-id-1163 header,
body.page-id-1163 footer,
body.page-id-1163 .ct-header,
body.page-id-1163 .ct-footer,
body.page-id-1163 [data-header],
body.page-id-1163 [data-footer],
body.page-id-1163 #wpfront-notification-bar,
body.page-id-1163 .df-promo {
    display: none !important;
}

/* Remove all spacing */
body.page-id-1163,
body.page-id-1163 .site-main,
body.page-id-1163 .ct-container,
body.page-id-1163 .content-area,
body.page-id-1163 main,
body.page-id-1163 #primary {
    padding: 0 !important;
    margin: 0 !important;
}

/* BACKGROUND */
html.page-id-1163,
body.page-id-1163 {
    background: url('https://darwenfurniture.co.uk/wp-content/uploads/2025/12/Darwen-Furniutr-Landing-Page.jpg') center center / cover no-repeat fixed #1a1a1a !important;
    min-height: 100vh !important;
}

/* Make everything transparent */
body.page-id-1163 *:not(script):not(style) {
    background-color: transparent !important;
    background-image: none !important;
}

/* Re-apply background to body */
body.page-id-1163 {
    background: url('https://darwenfurniture.co.uk/wp-content/uploads/2025/12/Darwen-Furniutr-Landing-Page.jpg') center center / cover no-repeat fixed #1a1a1a !important;
}

/* Hide page title */
body.page-id-1163 .entry-header,
body.page-id-1163 .page-title,
body.page-id-1163 h1 {
    display: none !important;
}

/* Position content at bottom */
body.page-id-1163 .entry-content,
body.page-id-1163 article {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 100vh !important;
    text-align: center !important;
    padding: 20px 20px 12vh 20px !important;
}

/* No scroll on landing page */
html.page-id-1163,
body.page-id-1163 {
    overflow: hidden !important;
    height: 100vh !important;
}

/* ========================================
   HERO SECTION
   ======================================== */


/* Hero fade-in animations */
@keyframes heroFadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-tagline {
    animation: heroFadeInUp 1s ease-out forwards;
    animation-delay: 0.2s;
    opacity: 0;
}

.hero-heading {
    animation: heroFadeInUp 1s ease-out forwards;
    animation-delay: 0.4s;
    opacity: 0;
}

.hero-button {
    animation: heroFadeInUp 1s ease-out forwards;
    animation-delay: 0.6s;
    opacity: 0;
}

/* Hero button margin - multiple specificity levels */
.hero-button {
    margin-left: 80px !important;
}

div.wp-block-button.hero-button {
    margin-left: 80px !important;
}

.wp-block-cover .hero-button,
.wp-block-cover .wp-block-button.hero-button,
.wp-block-cover .wp-block-buttons .hero-button,
.wp-block-group .hero-button,
body .hero-button,
body .wp-block-button.hero-button,
.entry-content .hero-button,
.ct-container .hero-button,
article .hero-button {
    margin-left: 80px !important;
}

/* Also try targeting via attribute selector in case classes have spacing issues */
[class*="hero-button"] {
    margin-left: 80px !important;
}

/* ========================================
   CATEGORY GRID
   ======================================== */

/* Category card base styles */
.category-card {
    overflow: hidden !important;
    position: relative !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover lift effect */
.category-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
}

/* Image zoom on hover */
.category-card img,
.category-card .wp-block-cover__image-background {
    transition: transform 0.5s ease !important;
}

.category-card:hover img,
.category-card:hover .wp-block-cover__image-background {
    transform: scale(1.08) !important;
}

/* Make large card fill full height of column */
.category-large {
    height: 100% !important;
    min-height: unset !important;
}

/* Category grid columns - equal height */
.category-grid {
    align-items: stretch !important;
}

.category-grid > .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}

.category-grid > .wp-block-column > .category-large {
    flex: 1 !important;
}

/* Right column stack fills height */
.category-grid > .wp-block-column > .wp-block-group {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Category cards - shorter aspect ratio */
.category-square,
.wp-block-group .category-square {
    aspect-ratio: 16 / 9 !important;
    min-height: unset !important;
    width: 100% !important;
    flex: 1 !important;
}

.category-square .wp-block-cover__image-background {
    object-fit: cover !important;
}

/* Position text bottom right on category cards - absolute positioning */
.category-card.wp-block-cover,
.wp-block-cover.category-card {
    position: relative !important;
}

.category-card .wp-block-cover__inner-container,
.wp-block-cover.category-card .wp-block-cover__inner-container {
    position: absolute !important;
    bottom: 25px !important;
    right: 25px !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

.category-card h2,
.category-card h3,
.category-card p,
.category-card .wp-block-heading {
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Small gap between heading and tagline */
.category-card h2 + p,
.category-card h3 + p,
.category-card .wp-block-heading + p {
    margin-top: 5px !important;
}

/* ========================================
   QUICKLINKS CENTERING FIX
   ======================================== */

.dfg-quicklinks {
    width: 100% !important;
    margin-left: 0 !important;
    transform: none !important;
    margin-right: 0 !important;
}

.dfg-quicklinks .ql-track {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.dfg-quicklinks .ql-list {
    justify-content: center !important;
}

/* ========================================
   HOMEPAGE & SHOP ALL - NO GAPS BETWEEN BLOCKS
   ======================================== */

body.home .entry-content > *,
body.page-id-1191 .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.home .entry-content > .wp-block-group,
body.home .entry-content > .wp-block-cover,
body.home .entry-content > .wp-block-columns,
body.home .entry-content > .wp-block-html,
body.home .entry-content > .alignfull,
body.home .entry-content > figure,
body.home .entry-content > section,
body.page-id-1191 .entry-content > .wp-block-group,
body.page-id-1191 .entry-content > .wp-block-cover,
body.page-id-1191 .entry-content > .wp-block-columns,
body.page-id-1191 .entry-content > .wp-block-html,
body.page-id-1191 .entry-content > .alignfull,
body.page-id-1191 .entry-content > figure,
body.page-id-1191 .entry-content > section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Target Blocksy specific spacing */
body.home .ct-container-full,
body.home .content-area,
body.home article,
body.page-id-1191 .ct-container-full,
body.page-id-1191 .content-area,
body.page-id-1191 article {
    --theme-block-vertical-spacing: 0 !important;
}

/* Shop All page - remove all column gaps */
body.page-id-1191 .entry-content {
    --wp--style--block-gap: 0 !important;
}

body.page-id-1191 .wp-block-columns {
    gap: 0 !important;
    margin: 0 !important;
}

body.page-id-1191 .wp-block-column {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-1191 .wp-block-cover {
    margin: 0 !important;
}

/* Category grid - remove spacing */
.category-grid,
.category-grid.wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
}

.category-grid .wp-block-column {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.category-grid .wp-block-group {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.category-grid .category-card {
    margin: 0 !important;
}

/* Parent container of category grid */
body.home .category-grid,
body.home .wp-block-columns:has(.category-card),
body.page-id-1191 .category-grid,
body.page-id-1191 .wp-block-columns:has(.category-card) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Hero cover block */
body.home .wp-block-cover.full-bleed,
body.home .full-bleed,
body.page-id-1191 .wp-block-cover.full-bleed,
body.page-id-1191 .full-bleed,
.wp-block-cover.full-bleed,
.full-bleed,
body.home .entry-content .wp-block-cover,
body.home .entry-content > .wp-block-cover,
body.page-id-1191 .entry-content .wp-block-cover,
body.page-id-1191 .entry-content > .wp-block-cover {
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Nuclear option for homepage/shop_all blocks */
body.home .entry-content > *:first-child,
body.page-id-1191 .entry-content > *:first-child {
    margin-top: 0 !important;
}

body.home .entry-content .wp-block-cover + *,
body.page-id-1191 .entry-content .wp-block-cover + * {
    margin-top: 0 !important;
}

/* Hotspot section wrapper */
body.home .wp-block-group:has(.dfg-hotspot-section),
body.page-id-1191 .wp-block-group:has(.dfg-hotspot-section),
.wp-block-group:has(.dfg-hotspot-section) {
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   ABOUT SECTION ANIMATIONS
   ======================================== */

.about-section .wp-block-column:first-child {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1.2s ease-out;
}

.about-section .wp-block-column:last-child {
    opacity: 0;
    transform: translateX(50px);
    transition: all 1.2s ease-out 0.2s;
}

.about-section.visible .wp-block-column:first-child,
.about-section.visible .wp-block-column:last-child {
    opacity: 1;
    transform: translateX(0);
}

/* ========================================
   PRODUCT ARCHIVE / SHOP PAGE
   ======================================== */

/* Reduce side margins on product archive */
.tax-product_cat .ct-container,
.woocommerce-shop .ct-container,
.post-type-archive-product .ct-container {
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Page title hero section - white background */
.tax-product_cat .hero-section,
.woocommerce-shop .hero-section,
.post-type-archive-product .hero-section {
    background-color: #fff !important;
}

/* Add padding before footer on archive pages */
.tax-product_cat .site-main,
.woocommerce-shop .site-main,
.post-type-archive-product .site-main {
    padding-bottom: 80px !important;
}

/* ========================================
   SINGLE PRODUCT PAGE
   ======================================== */

/* Minimal side padding on single product */
.single-product .ct-container-full {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Hide duplicate breadcrumb in hero section */
.single-product .hero-section .ct-breadcrumbs {
    display: none !important;
}

/* Remove margins on product divider */
.ct-product-divider[data-id="divider_1"] {
    margin: 0 !important;
}

/* Add padding before footer on single product pages */
.single-product .site-main {
    padding-bottom: 80px !important;
}

/* ========================================
   ABOUT PAGE (ID: 29)
   ======================================== */

body.page-id-29 .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.page-id-29 .wp-block-columns {
    gap: 0 !important;
    margin: 0 !important;
}

body.page-id-29 .wp-block-column {
    margin: 0 !important;
}

body.page-id-29 .wp-block-cover {
    margin: 0 !important;
}

body.page-id-29 figure {
    margin: 0 !important;
}

body.page-id-29 p:empty {
    display: none !important;
}

/* What Makes Us Different - Animated Block */
.difference-block {
    background: linear-gradient(135deg, #f9f8f6 0%, #f0ebe5 100%);
    padding: 60px 80px !important;
    margin: 60px 0 !important;
    border-left: 4px solid #532d23;
    position: relative;
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.difference-block.visible {
    opacity: 1;
    transform: translateY(0);
}

.difference-block h2,
.difference-block h3 {
    color: #532d23;
    margin-bottom: 25px !important;
}

.difference-block p {
    font-size: 17px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px !important;
}

.difference-block p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .difference-block {
        padding: 40px 30px !important;
        margin: 40px 0 !important;
    }

    .difference-block p {
        font-size: 15px;
    }
}

/* Our Values - Icon Cards */
.values-section {
    padding: 80px 40px !important;
    background: #fff;
}

.values-section h2 {
    text-align: center;
    color: #1a1a1a;
    margin-bottom: 50px !important;
}

.values-grid {
    gap: 30px !important;
}

.value-card {
    background: #f7f4f0;
    padding: 40px 30px !important;
    border-radius: 12px;
    text-align: center;
}

/* Alternative: Light blue cards */
.value-card-blue {
    background: #f0f5f8;
    padding: 40px 30px !important;
    border-radius: 12px;
    text-align: center;
}

.value-card-blue figure,
.value-card-blue .wp-block-image {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 20px auto !important;
    overflow: visible !important;
}

.value-card-blue img {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.value-card-blue:hover img {
    transform: scale(1.15) !important;
}

.value-card .value-icon {
    font-size: 48px;
    margin-bottom: 20px;
    display: block;
}

.value-card figure {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 20px auto !important;
}

.value-card figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.value-card:hover figure img {
    transform: scale(1.15);
}

.value-card h3 {
    color: #532d23;
    font-size: 20px;
    margin-bottom: 15px !important;
}

.value-card p {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 !important;
}

/* Alternative: Cards with accent top border */
.value-card-accent {
    background: #fff;
    padding: 40px 30px !important;
    border-radius: 8px;
    text-align: center;
    border-top: 4px solid #532d23;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.value-card-accent:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .values-section {
        padding: 60px 20px !important;
    }

    .values-grid {
        gap: 20px !important;
    }

    .value-card,
    .value-card-accent {
        padding: 30px 20px !important;
    }
}

/* Make separators visible - use block editor color */
body.page-id-29 hr.wp-block-separator,
body.page-id-29 .wp-block-separator {
    border: none !important;
    height: 2px !important;
    min-height: 2px !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    margin: 30px auto !important;
}

/* ========================================
   TERMS & CONDITIONS / INFORMATION PAGES
   ======================================== */

.terms-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 80px;
}

.terms-container h1 {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-align: center;
}

.terms-updated {
    color: #666;
    font-size: 14px;
    margin-bottom: 40px;
    text-align: center;
}

/* Accordion Items */
.terms-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.terms-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.terms-item:hover {
    border-color: #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.terms-item[open] {
    border-color: #532d23;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.terms-item summary {
    padding: 18px 24px;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #1a1a1a;
    background: #fafafa;
    transition: background 0.2s ease;
}

.terms-item summary::-webkit-details-marker {
    display: none;
}

.terms-item summary::after {
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid #532d23;
    border-bottom: 2px solid #532d23;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.terms-item[open] summary::after {
    transform: rotate(45deg);
}

.terms-item summary:hover {
    background: #f5f5f5;
}

.terms-item[open] summary {
    background: #f8f6f4;
    border-bottom: 1px solid #e5e5e5;
}

.terms-content {
    padding: 20px 24px;
    color: #444;
    line-height: 1.7;
    font-size: 15px;
}

.terms-content p {
    margin-bottom: 15px;
}

.terms-content p:last-child {
    margin-bottom: 0;
}

.terms-content ul {
    margin: 0 0 15px 20px;
    padding: 0;
}

.terms-content ul:last-child {
    margin-bottom: 0;
}

.terms-content li {
    margin-bottom: 8px;
}

.terms-content li:last-child {
    margin-bottom: 0;
}

/* Nested Sub-Accordions */
.terms-sub-item {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 6px;
    margin: 15px 0;
    overflow: hidden;
}

.terms-sub-item:last-child {
    margin-bottom: 0;
}

.terms-sub-item summary {
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #333;
    background: #f5f5f5;
    transition: background 0.2s ease;
}

.terms-sub-item summary::-webkit-details-marker {
    display: none;
}

.terms-sub-item summary::after {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 2px solid #532d23;
    border-bottom: 2px solid #532d23;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
}

.terms-sub-item[open] summary::after {
    transform: rotate(45deg);
}

.terms-sub-item summary:hover {
    background: #f0f0f0;
}

.terms-sub-item[open] summary {
    background: #eee;
    border-bottom: 1px solid #ddd;
}

.terms-sub-content {
    padding: 15px 18px;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.terms-sub-content ul {
    margin: 0 0 0 18px;
    padding: 0;
}

.terms-sub-content li {
    margin-bottom: 6px;
}

.terms-sub-content li:last-child {
    margin-bottom: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .terms-container {
        padding: 40px 20px 60px;
    }

    .terms-container h1 {
        font-size: 1.8rem;
    }

    .terms-item summary {
        padding: 15px 18px;
        font-size: 15px;
    }

    .terms-content {
        padding: 15px 18px;
        font-size: 14px;
    }

    .terms-sub-item summary {
        padding: 12px 15px;
        font-size: 13px;
    }

    .terms-sub-content {
        padding: 12px 15px;
        font-size: 13px;
    }
}

/* ========================================
   RETURNS PAGE
   ======================================== */

.returns-page-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 40px 80px;
}

/* Intro Section */
.returns-intro {
    text-align: center;
    margin-bottom: 50px;
}

.returns-intro h1 {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.returns-intro p {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Info Box with Steps */
.returns-info-box {
    background: #f9f8f6;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 40px;
}

.returns-info-box h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 35px;
}

/* Steps Grid */
.return-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 20px;
}

.step {
    text-align: center;
    padding: 20px 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.step:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #532d23;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50%;
    margin-bottom: 15px;
}

.step h4 {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.step p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* CTA Button */
a.returns-cta-button,
a.returns-cta-button:visited,
a.returns-cta-button:link {
    display: inline-block;
    background: #532d23 !important;
    color: #fff !important;
    padding: 16px 35px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease;
}

.returns-cta-button:hover {
    background: #3d1f17;
    transform: translateY(-2px);
}

/* Policy Summary */
.returns-policy-summary {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 40px;
}

.returns-policy-summary h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 30px;
}

.policy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.policy-item {
    text-align: center;
    padding: 20px 15px;
    background: #fafafa;
    border-radius: 8px;
}

.policy-item strong {
    display: block;
    font-size: 14px;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.policy-item p {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.returns-policy-summary > p a {
    color: #532d23;
    font-weight: 500;
    text-decoration: none;
}

.returns-policy-summary > p a:hover {
    text-decoration: underline;
}

/* Help Section */
.returns-help {
    background: #ffbf46;
    color: #1a1a1a;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
}

.returns-help h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.returns-help p {
    color: #333;
    line-height: 1.7;
    margin-bottom: 15px;
}

.returns-help p:last-child {
    margin-bottom: 0;
}

.returns-help a {
    color: #532d23;
    font-weight: 600;
    text-decoration: none;
}

.returns-help a:hover {
    text-decoration: underline;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .returns-page-container {
        padding: 40px 20px 60px;
    }

    .returns-intro h1 {
        font-size: 1.8rem;
    }

    .returns-intro p {
        font-size: 16px;
    }

    .returns-info-box {
        padding: 30px 20px;
    }

    .return-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .step {
        padding: 20px 12px;
    }

    .returns-policy-summary {
        padding: 30px 20px;
    }

    .policy-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .returns-help {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .return-steps {
        grid-template-columns: 1fr;
    }

    .policy-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   CLICKABLE COVER BLOCKS
   ======================================== */

/* Add class "clickable-cover" to cover blocks to make them fully clickable */
.clickable-cover {
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.clickable-cover:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* No hover effects on shop_all page */
body.page-id-1191 .clickable-cover:hover {
    transform: none;
    box-shadow: none;
}

/* Keep text visible above the link */
.clickable-cover .wp-block-cover__inner-container {
    position: relative;
    z-index: 3;
}

/* Make the link cover the whole block but stay behind text */
.clickable-cover .wp-block-cover__inner-container a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Ensure text stays visible */
.clickable-cover .wp-block-cover__inner-container p,
.clickable-cover .wp-block-cover__inner-container h1,
.clickable-cover .wp-block-cover__inner-container h2,
.clickable-cover .wp-block-cover__inner-container h3 {
    position: relative;
    z-index: 4;
    pointer-events: none;
}

/* ========================================
   CONTACT PAGE (ID 30)
   ======================================== */

.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 40px;
}

.contact-left h1 {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 40px 0;
}

.contact-left h3 {
    font-size: 20px;
    font-weight: 600;
    color: #532d23;
    margin: 30px 0 15px 0;
}

.contact-left h3:first-of-type {
    margin-top: 0;
}

.contact-left p {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
    margin: 0 0 15px 0;
}

.contact-left p strong {
    color: #1a1a1a;
}

.contact-left a {
    color: #532d23;
    font-weight: 500;
    transition: color 0.2s ease;
}

.contact-left a:hover {
    color: #7a5a45;
}

.contact-right {
    background: #f7f4f0;
    padding: 40px;
    border-radius: 12px;
}

.contact-right h3 {
    font-size: 20px;
    font-weight: 600;
    color: #532d23;
    margin: 0 0 20px 0;
}

.contact-right iframe {
    width: 100%;
    height: 280px;
    border: 0;
    border-radius: 8px;
    margin-bottom: 20px;
}

.contact-right p {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
    margin: 0 0 20px 0;
}

.directions-button {
    display: inline-block;
    background: #532d23;
    color: #fff !important;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    transition: background 0.2s ease, transform 0.2s ease;
}

.directions-button:hover {
    background: #6b3d30;
    transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 768px) {
    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 20px;
    }

    .contact-left h1 {
        font-size: 32px;
    }

    .contact-right {
        padding: 30px;
    }
}

/* ========================================
   CONTACT FORM POPUP
   ======================================== */

.contact-form-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.contact-form-overlay.active {
    opacity: 1;
    visibility: visible;
}

.contact-form-modal {
    background: #fff;
    border-radius: 12px;
    max-width: 550px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.contact-form-overlay.active .contact-form-modal {
    transform: translateY(0);
}

.contact-form-header {
    padding: 25px 30px;
    border-bottom: 1px solid #eee;
}

.contact-form-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
}

.contact-form-header p {
    margin: 8px 0 0 0;
    font-size: 14px;
    color: #666;
}

.contact-form-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border: none;
    background: #f5f5f5;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #666;
    transition: background 0.2s ease, color 0.2s ease;
}

.contact-form-close:hover {
    background: #532d23;
    color: #fff;
}

.contact-form-body {
    padding: 30px;
}

/* HubSpot form styling overrides */
.contact-form-body .hs-form-frame,
.contact-form-body .hs-form {
    width: 100% !important;
}

.contact-form-body input[type="text"],
.contact-form-body input[type="email"],
.contact-form-body input[type="tel"],
.contact-form-body textarea {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    transition: border-color 0.2s ease !important;
}

.contact-form-body input:focus,
.contact-form-body textarea:focus {
    border-color: #532d23 !important;
    outline: none !important;
}

.contact-form-body input[type="submit"],
.contact-form-body button[type="submit"] {
    background: #532d23 !important;
    color: #fff !important;
    padding: 14px 28px !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.contact-form-body input[type="submit"]:hover,
.contact-form-body button[type="submit"]:hover {
    background: #6b3d30 !important;
}

/* Trigger link styling */
.contact-form-trigger {
    color: #532d23 !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline !important;
}

.contact-form-trigger:hover {
    color: #7a5a45 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .contact-form-modal {
        max-height: 85vh;
    }

    .contact-form-header,
    .contact-form-body {
        padding: 20px;
    }
}

/* ========================================
   MEGA MENU
   ======================================== */

/* Parent menu item needs static positioning */
.ct-header .menu-item-has-children:has(.mega-col) {
    position: static !important;
}

/* First level sub-menu - the mega menu container */
.ct-header .menu-item-has-children > .sub-menu:has(.mega-col) {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: 100vw !important;
    background: #f5f5f5 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 40px 80px !important;
    display: none !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 60px !important;
    z-index: 99999 !important;
}

/* Show mega menu on hover */
.ct-header .menu-item-has-children:hover > .sub-menu:has(.mega-col) {
    display: flex !important;
}

/* Each column (mega-col) */
.ct-header .sub-menu > li.mega-col {
    list-style: none !important;
    min-width: 180px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: relative !important;
}

/* Column title link - MUST be first */
.ct-header .sub-menu > li.mega-col > a.ct-menu-link,
.ct-header .sub-menu > li.mega-col > a.ct-menu-link span,
.ct-header .sub-menu > li.mega-col > a.ct-menu-link * {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    border: none !important;
    order: -1 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    width: 100% !important;
}

/* Force bold on mega menu titles - override Blocksy CSS variable */
li.mega-col > a.ct-menu-link,
li.mega-col > a.ct-menu-link *,
.menu-item.mega-col > a,
.menu-item.mega-col > a *,
[data-header] .sub-menu li.mega-col > a.ct-menu-link,
.ct-header [data-id="menu"] .sub-menu li.mega-col > a.ct-menu-link {
    --theme-font-weight: 700 !important;
    font-weight: 700 !important;
}

/* Hide the dropdown arrow on column titles */
.ct-header .sub-menu > li.mega-col > a.ct-menu-link .ct-toggle-dropdown-desktop {
    display: none !important;
}

/* Hide ghost button and toggle elements in mega menu columns */
.ct-header .sub-menu > li.mega-col > .ct-toggle-dropdown-desktop-ghost,
.ct-header .sub-menu > li.mega-col > .ct-toggle-dropdown-desktop,
.ct-header .sub-menu > li.mega-col > button {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Nested sub-menu (the actual links) */
.ct-header .sub-menu > li.mega-col > .sub-menu {
    position: static !important;
    display: block !important;
    width: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: none !important;
    transform: none !important;
    order: 1 !important;
    flex-shrink: 0 !important;
}

/* Individual links */
.ct-header .sub-menu > li.mega-col > .sub-menu > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ct-header .sub-menu > li.mega-col > .sub-menu > li > a.ct-menu-link {
    display: block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
    padding: 6px 0 !important;
    transition: color 0.2s ease !important;
    border: none !important;
}

.ct-header .sub-menu > li.mega-col > .sub-menu > li > a.ct-menu-link:hover {
    color: #532d23 !important;
}

/* Mobile - disable mega menu */
@media (max-width: 999px) {
    .ct-header .menu-item-has-children > .sub-menu:has(.mega-col) {
        position: relative !important;
        width: 100% !important;
        padding: 15px !important;
        flex-direction: column !important;
        gap: 20px !important;
        background: #fff !important;
    }
}

/* ========================================
   MEGA MENU - FLAT (no columns, e.g., Gifts)
   ======================================== */

/* Parent menu item with .mega class */
.ct-header .menu-item.mega {
    position: static !important;
}

/* Sub-menu for .mega items - horizontal layout */
.ct-header .menu-item.mega > .sub-menu {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: 100vw !important;
    background: #f5f5f5 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 30px 80px !important;
    display: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 15px 40px !important;
    z-index: 99999 !important;
}

/* Show on hover */
.ct-header .menu-item.mega:hover > .sub-menu {
    display: flex !important;
}

/* Individual items in flat mega menu */
.ct-header .menu-item.mega > .sub-menu > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ct-header .menu-item.mega > .sub-menu > li > a.ct-menu-link {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    padding: 8px 0 !important;
    transition: color 0.2s ease !important;
    border: none !important;
    white-space: nowrap !important;
}

.ct-header .menu-item.mega > .sub-menu > li > a.ct-menu-link:hover {
    color: #532d23 !important;
}

/* Hide toggle buttons in flat mega menu */
.ct-header .menu-item.mega > .sub-menu > li > .ct-toggle-dropdown-desktop-ghost,
.ct-header .menu-item.mega > .sub-menu > li > .ct-toggle-dropdown-desktop {
    display: none !important;
}

/* ========================================
   CART PAGE
   ======================================== */

/* Widen cart content */
.woocommerce-cart .entry-content {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 40px 60px !important;
}

.woocommerce-cart .wc-block-cart {
    max-width: 100% !important;
    width: 100% !important;
}

/* Two column layout for cart */
.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__main,
.woocommerce-cart .wc-block-cart__main {
    max-width: 100% !important;
}

/* ========================================
   BESPOKE SERVICES GRID
   ======================================== */

.bespoke-services-grid {
    width: 100%;
    padding: 80px 60px;
    background: #f7f4f0;
    text-align: center;
}

.bespoke-services-title {
    font-size: 32px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 60px 0;
}

.bespoke-services-cards {
    display: flex;
    justify-content: center;
    gap: 30px;
}

/* Bespoke page (ID 1605) - no gaps */
body.page-id-1605 .entry-content {
    --wp--style--block-gap: 0 !important;
}

body.page-id-1605 .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.page-id-1605 .wp-block-columns {
    gap: 0 !important;
    margin: 0 !important;
}

body.page-id-1605 .wp-block-column {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-1605 .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.page-id-1605 .wp-block-cover {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.bespoke-service {
    text-align: center;
    padding: 50px 35px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    width: 240px;
    flex-shrink: 0;
}

.bespoke-service:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

.bespoke-service h4 {
    font-size: 18px;
    font-weight: 600;
    color: #532d23;
    margin: 0 0 10px 0;
}

.bespoke-service p {
    font-size: 14px;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .bespoke-services-grid {
        flex-wrap: wrap;
        gap: 15px;
        padding: 40px 20px;
    }

    .bespoke-service {
        width: calc(50% - 10px);
    }
}

/* ========================================
   MOBILE STYLES - COMPREHENSIVE
   ======================================== */

@media (max-width: 768px) {

    /* ----------------------------------------
       HEADER / LOGO - Mobile Optimization
       ---------------------------------------- */

    /* Reduce header padding on mobile */
    .ct-header .ct-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Logo sizing - smaller on mobile with padding */
    .ct-header .site-logo img,
    .ct-header [data-id="logo"] img,
    .ct-header .ct-logo img {
        max-height: 40px !important;
        width: auto !important;
        padding: 8px 0 !important;
    }

    /* Promo bar text smaller on mobile */
    [data-row="top"] .promo-bar {
        font-size: 11px !important;
        padding: 6px 10px !important;
    }

    /* ----------------------------------------
       SINGLE PRODUCT PAGE - Mobile Layout
       ---------------------------------------- */

    /* Stack product gallery and summary */
    .single-product .ct-container-full {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .single-product .product-entry-wrapper,
    .single-product .woocommerce-product-gallery,
    .single-product .ct-product-view {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Product images full width */
    .single-product .woocommerce-product-gallery__image img {
        width: 100% !important;
        height: auto !important;
    }

    /* Thumbnail gallery - horizontal scroll */
    .single-product .flex-control-thumbs,
    .single-product .woocommerce-product-gallery__thumbnails {
        display: flex !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: 10px 0 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .single-product .flex-control-thumbs::-webkit-scrollbar,
    .single-product .woocommerce-product-gallery__thumbnails::-webkit-scrollbar {
        display: none;
    }

    .single-product .flex-control-thumbs li,
    .single-product .woocommerce-product-gallery__thumbnails .woocommerce-product-gallery__image {
        flex: 0 0 70px !important;
        width: 70px !important;
    }

    /* Product title and price readable */
    .single-product .product_title {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .single-product .price {
        font-size: 22px !important;
    }

    /* Color swatches touch-friendly */
    .single-product .color-swatch,
    .single-product .color-swatches button {
        min-width: 52px !important;
        min-height: 52px !important;
        width: 52px !important;
        height: 52px !important;
    }

    /* Quantity and add to cart full width */
    .single-product .quantity {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .single-product .single_add_to_cart_button {
        width: 100% !important;
        padding: 16px 24px !important;
        font-size: 16px !important;
        min-height: 52px !important;
    }

    /* Product summary spacing */
    .single-product .entry-summary,
    .single-product .ct-product-single-info {
        padding: 20px 0 !important;
    }

    /* Tabs accordion style on mobile */
    .single-product .woocommerce-tabs {
        margin-top: 30px !important;
    }

    .single-product .woocommerce-tabs ul.tabs {
        display: none !important;
    }

    .single-product .woocommerce-tabs .panel {
        display: block !important;
        margin-bottom: 15px !important;
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
    }

    /* ----------------------------------------
       SHOP / CATEGORY PAGES - Mobile
       ---------------------------------------- */

    /* Reduce side padding */
    .tax-product_cat .ct-container,
    .woocommerce-shop .ct-container,
    .post-type-archive-product .ct-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 2 products per row */
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .woocommerce ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Product card text smaller */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .woocommerce ul.products li.product .price {
        font-size: 14px !important;
    }

    /* Hide add to cart on grid (tap to view product) */
    .woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product .button {
        display: none !important;
    }

    /* ----------------------------------------
       CART PAGE - Mobile Card Layout
       ---------------------------------------- */

    .woocommerce-cart .entry-content {
        padding: 20px 15px !important;
    }

    /* Cart items as cards */
    .wc-block-cart-items,
    .woocommerce-cart-form__contents {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .wc-block-cart-items__row,
    .woocommerce-cart-form__cart-item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        gap: 15px !important;
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
        align-items: start !important;
    }

    /* Product image in cart */
    .wc-block-cart-item__image,
    .woocommerce-cart-form .product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
    }

    .wc-block-cart-item__image img,
    .woocommerce-cart-form .product-thumbnail img {
        width: 80px !important;
        height: auto !important;
        border-radius: 6px !important;
    }

    /* Product details */
    .wc-block-cart-item__product,
    .woocommerce-cart-form .product-name {
        grid-column: 2 !important;
        font-size: 14px !important;
    }

    /* Quantity and remove in cart */
    .wc-block-cart-item__quantity,
    .woocommerce-cart-form .product-quantity {
        grid-column: 2 !important;
    }

    /* Checkout button full width */
    .wc-block-cart__submit-button,
    .woocommerce-cart .checkout-button {
        width: 100% !important;
        padding: 16px !important;
        font-size: 16px !important;
        min-height: 52px !important;
    }

    /* ----------------------------------------
       CHECKOUT PAGE - Mobile Polish
       ---------------------------------------- */

    /* Prevent iOS zoom on input focus */
    .woocommerce-checkout input[type="text"],
    .woocommerce-checkout input[type="email"],
    .woocommerce-checkout input[type="tel"],
    .woocommerce-checkout input[type="number"],
    .woocommerce-checkout textarea,
    .woocommerce-checkout select,
    .wc-block-checkout input,
    .wc-block-checkout textarea,
    .wc-block-checkout select {
        font-size: 16px !important;
        min-height: 48px !important;
        padding: 12px 15px !important;
    }

    /* Better form section spacing */
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .wc-block-checkout__form {
        padding: 20px 15px !important;
    }

    /* Place order button sticky at bottom */
    .woocommerce-checkout #place_order,
    .wc-block-checkout__actions button {
        width: 100% !important;
        padding: 18px !important;
        font-size: 16px !important;
        min-height: 56px !important;
        position: sticky !important;
        bottom: 0 !important;
        background: #532d23 !important;
        color: #fff !important;
        z-index: 100 !important;
    }

    /* ----------------------------------------
       MY ACCOUNT - Horizontal Scroll Nav
       ---------------------------------------- */

    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        overflow-x: auto !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
        border-bottom: 1px solid #eee !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none;
    }

    .woocommerce-MyAccount-navigation ul li {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        display: block !important;
        padding: 12px 16px !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        color: #666 !important;
        border-bottom: 2px solid transparent !important;
    }

    .woocommerce-MyAccount-navigation ul li.is-active a,
    .woocommerce-MyAccount-navigation ul li a:hover {
        color: #532d23 !important;
        border-bottom-color: #532d23 !important;
    }

    /* ----------------------------------------
       MINI-CART / CART DROPDOWN - Mobile
       ---------------------------------------- */

    /* Full-width cart dropdown on mobile */
    .ct-cart-canvas,
    .ct-panel[data-behaviour*="drop"],
    [data-id="cart"] .ct-panel {
        width: 100% !important;
        max-width: 100% !important;
        right: 0 !important;
    }

    /* Cart items in dropdown */
    .ct-cart-canvas .woocommerce-mini-cart-item {
        padding: 15px !important;
        border-bottom: 1px solid #eee !important;
    }

    .ct-cart-canvas .woocommerce-mini-cart-item img {
        width: 60px !important;
        height: auto !important;
    }

    /* ----------------------------------------
       TOUCH TARGETS - 44px Minimum
       ---------------------------------------- */

    /* Navigation links */
    .ct-header [data-id="menu"] a,
    .ct-mobile-menu a,
    .main-navigation a {
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        padding: 10px 15px !important;
    }

    /* Buttons */
    button,
    .button,
    .btn,
    input[type="submit"],
    a.ct-button {
        min-height: 44px !important;
        min-width: 44px !important;
    }

    /* Form inputs */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    textarea,
    select {
        min-height: 44px !important;
    }

    /* Icon buttons (cart, search, menu toggle) */
    .ct-header-trigger,
    .ct-header [data-id="cart"] > a,
    .ct-header [data-id="search"] button,
    .ct-toggle {
        min-width: 44px !important;
        min-height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* ----------------------------------------
       FOOTER - Mobile Polish
       ---------------------------------------- */

    .dfg-footer {
        padding: 40px 0 0 !important;
    }

    .dfg-footer-inner {
        padding: 0 20px !important;
        text-align: center !important;
    }

    .dfg-footer-col {
        text-align: center !important;
    }

    .dfg-footer-social {
        justify-content: center !important;
    }

    .dfg-footer-social a {
        width: 44px !important;
        height: 44px !important;
    }

    /* Extra bottom padding for safe area */
    .dfg-footer-bottom {
        padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* ----------------------------------------
       HERO SECTION - Mobile Adjustments
       ---------------------------------------- */

    /* Hero button positioning */
    .hero-button,
    div.wp-block-button.hero-button,
    .wp-block-cover .hero-button {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Hero text smaller on mobile */
    .hero-heading {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .hero-tagline {
        font-size: 14px !important;
    }

    /* ----------------------------------------
       CATEGORY CARDS - Mobile
       ---------------------------------------- */

    .category-grid {
        gap: 10px !important;
    }

    .category-card .wp-block-cover__inner-container {
        bottom: 15px !important;
        right: 15px !important;
    }

    .category-card h2,
    .category-card h3,
    .category-card .wp-block-heading {
        font-size: 18px !important;
    }

    .category-card p {
        font-size: 12px !important;
    }

    /* ----------------------------------------
       SAFE AREA INSETS (iPhone X+)
       ---------------------------------------- */

    /* Sticky elements respect safe area */
    .ct-header,
    [data-header] {
        padding-top: env(safe-area-inset-top, 0px) !important;
    }

    /* Bottom sticky elements */
    .woocommerce-checkout #place_order,
    .wc-block-checkout__actions {
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Full-width elements respect side insets */
    body {
        padding-left: env(safe-area-inset-left, 0px);
        padding-right: env(safe-area-inset-right, 0px);
    }

    /* ----------------------------------------
       SEARCH - Mobile Optimization
       ---------------------------------------- */

    /* Search input styling */
    .ct-header [data-id="search"] input,
    .ct-search-form input[type="search"],
    .search-field {
        font-size: 16px !important;
        padding: 12px 15px !important;
        min-height: 48px !important;
    }

    /* Search dropdown full width */
    .ct-search-results,
    [data-id="search"] .ct-panel {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* ----------------------------------------
       GENERAL MOBILE POLISH
       ---------------------------------------- */

    /* Prevent horizontal scroll */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    /* Smoother scrolling */
    html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }

    /* Better tap highlighting */
    a, button {
        -webkit-tap-highlight-color: rgba(83, 45, 35, 0.1);
    }

    /* Hide elements that don't work well on mobile */
    .hide-on-mobile {
        display: none !important;
    }

}

/* ----------------------------------------
   SMALL PHONES (375px and below)
   ---------------------------------------- */

@media (max-width: 375px) {

    /* Even smaller logo */
    .ct-header .site-logo img,
    .ct-header [data-id="logo"] img {
        max-height: 35px !important;
    }

    /* Promo bar even smaller */
    [data-row="top"] .promo-bar {
        font-size: 10px !important;
    }

    /* Single column products on very small screens */
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }

    /* Smaller product title */
    .single-product .product_title {
        font-size: 20px !important;
    }

}

/* ========================================
   ADD YOUR CUSTOM CSS BELOW
   ======================================== */