/*
Theme Name: MyMedi Child
Theme URI: https://demo.theme-sky.com/mymedi/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: mymedi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: mymedi-child
*/

/* ============================================================
   HOMEPAGE FULL-BLEED LAYOUT
   No left/right gutters anywhere — every section spans the
   viewport edge to edge. Inner content keeps a small breathing
   pad (20px) so text doesn't kiss the screen edge.
   ============================================================ */

/* Make sure the page itself isn't constrained.
   The theme uses a "boxed" layout that caps #page / .page-container /
   .container at 1270px — that's the source of the left/right gutter.
   Force them full-width on the home page. */
/* Only the page-builder rows get full-bleed containers — leave the
   header & footer .container alone so home matches /shop. */
/* Hero row — center via transform so it's immune to WPBakery's
   JS-set inline margin-left/left/width. */
/* Hero inner — drop the max-width 1400 cap so content fills the row */
/* Hero outer cream div — keep generous inner padding so text doesn't
   touch the viewport edge. */
/* All WPBakery rows on home — full-bleed at the row level, but the
   inner column gets horizontal padding so content has breathing room. */
/* Products carousel needs the same inner padding */
/* Modadove info-section containers — full width with 50px inner padding */
.modadove-home-content .md-container,
/* Long prose & cta-text were capped — uncap so they span full */
.modadove-home-content .md-prose,
.modadove-home-content .md-cta-text {
    max-width: 100% !important;
}

/* ========== HOMEPAGE FIXES ========== */

/* 1. Hide Latest Reviews / Testimonials section on homepage */
/* Hide the parent row containing testimonials */
/* 2. Hide shortcode text artifacts that appear as raw text */
/* This targets elements that only contain shortcode brackets */

/* ========== STORE CARDS ========== */
.store-cards-row {
    padding: 20px 0 40px 0;
}

.store-cards-row .wpb_column {
    padding: 10px;
}

.store-card {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    padding: 35px 25px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
}

.store-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(245, 154, 0, 0.15);
    border-color: #f59a00;
}

.store-flag {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    border: 3px solid #fff;
    background: #fff;
}

.store-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.store-card:hover .store-flag img {
    transform: scale(1.1);
}

.store-card h3 {
    color: #1a3760;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px 0;
    font-family: 'Jost', sans-serif;
}

.store-card .store-desc {
    color: #666;
    font-size: 14px;
    margin: 0 0 20px 0;
    font-weight: 400;
}

.store-btn {
    display: inline-block;
    background: linear-gradient(135deg, #f59a00 0%, #e08900 100%);
    color: #ffffff !important;
    padding: 14px 35px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 5px 20px rgba(245, 154, 0, 0.3);
}

.store-btn:hover {
    background: linear-gradient(135deg, #1a3760 0%, #0d1f3c 100%);
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(26, 55, 96, 0.3);
}

/* Responsive Store Cards */
@media (max-width: 991px) {
    .store-card {
        padding: 30px 20px;
        margin-bottom: 20px;
    }
    .store-flag {
        width: 80px;
        height: 80px;
    }
    .store-card h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .store-cards-row .wpb_column {
        width: 50% !important;
        float: left !important;
    }
    .store-card {
        padding: 25px 15px;
        margin-bottom: 15px;
    }
    .store-flag {
        width: 70px;
        height: 70px;
    }
    .store-card h3 {
        font-size: 18px;
    }
    .store-btn {
        padding: 12px 25px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .store-cards-row .wpb_column {
        width: 50% !important;
    }
    .store-flag {
        width: 60px;
        height: 60px;
    }
    .store-card h3 {
        font-size: 16px;
    }
    .store-card .store-desc {
        font-size: 12px;
    }
}

/* Remove social media icon list from footer left block */
/* Keep floating Reviews widget from covering Ozempic product cards */
body.page-id-17667 #reviews-io-floating-widget {
    top: auto !important;
    bottom: 16px !important;
    right: 16px !important;
    transform: none !important;

}

/* Products listing intro block */
.md-products-intro {
    text-align: center;
    max-width: 1450px;
    margin: 10px auto 28px;
    padding: 0 24px;
    color: #4f5d6a;
}

.md-products-intro__title {
    margin: 0 0 6px;
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.15;
    font-weight: 700;
    color: #3f6f9f;
}

.md-products-intro__subtitle {
    margin: 0;
    font-size: clamp(20px, 2.2vw, 30px);
    line-height: 1.2;
    font-weight: 700;
    color: #3f6f9f;
}

.md-products-intro__divider {
    margin: 12px auto 24px;
    width: 140px;
    height: 2px;
    background: #e4a128;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.md-products-intro p {
    margin: 0 0 10px;
    font-size: clamp(15px, 1.1vw, 20px);
    line-height: 1.6;
}

/* Header logo responsive sizing */
header .logo img,
header .logo-header img {
    width: 120px !important;
    height: auto !important;
    max-width: 100% !important;
}

@media (max-width: 1024px) {
    header .logo img,
    header .logo-header img {
        width: 105px !important;
    }
}

@media (max-width: 767px) {
    header .logo img,
    header .logo-header img {
        width: 90px !important;
    }
}

.md-products-intro a {
    color: #4f78ff;
    text-decoration: none;
}

.md-products-intro a:hover {
    text-decoration: underline;
}

/* ============================================================
   BLOG IMPROVEMENTS
   ============================================================ */

/* Scope to blog listing and single post only */
body.blog,
body.archive.category,
body.archive.tag,
body.single-post {
    background: #f7f8fb;
}

/* True full-width listing layout */
body.blog #main-content,
body.archive.category #main-content,
body.archive.tag #main-content {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Force full-width blog main column (theme sets 77% on large screens) */
body.blog .page-container.blog-template > #main-content.ts-col-18,
body.archive.category .page-container.blog-template > #main-content.ts-col-18,
body.archive.tag .page-container.blog-template > #main-content.ts-col-18 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    padding-right: 0 !important;
}

/* Blog page template (/blog/) exact fix */
body.page-template-blog-template .page-container.blog-template.columns-2 > #main-content.ts-col-18 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    padding-right: 0 !important;
}

body.page-template-blog-template .page-container.blog-template.columns-2 > #right-sidebar {
    display: none !important;
}

body.blog #right-sidebar,
body.archive.category #right-sidebar,
body.archive.tag #right-sidebar {
    display: none !important;
}

body.blog .page-container,
body.archive.category .page-container,
body.archive.tag .page-container {
    max-width: 100%;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    margin: 0 auto;
}

/* Listing layout */
body.blog .list-posts,
body.archive.category .list-posts,
body.archive.tag .list-posts,
body.page-template-blog-template .list-posts {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 0 !important;
}

body.blog .list-posts > article,
body.archive.category .list-posts > article,
body.archive.tag .list-posts > article,
body.page-template-blog-template .list-posts > article {
    width: auto !important;
    margin: 0 !important;
    height: 100%;
    padding: 0 !important;
    background: #ffffff;
    border: 1px solid #e4e9f3;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(24, 47, 93, 0.07);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.blog .list-posts > article:hover,
body.archive.category .list-posts > article:hover,
body.archive.tag .list-posts > article:hover,
body.page-template-blog-template .list-posts > article:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(24, 47, 93, 0.12);
}

/* Featured first card */
body.blog .list-posts > article:first-child,
body.archive.category .list-posts > article:first-child,
body.archive.tag .list-posts > article:first-child,
body.page-template-blog-template .list-posts > article:first-child {
    grid-column: auto;
}

body.blog .list-posts > article::after,
body.archive.category .list-posts > article::after,
body.archive.tag .list-posts > article::after,
body.page-template-blog-template .list-posts > article::after {
    display: none !important;
}

body.blog .list-posts > article .entry-content,
body.archive.category .list-posts > article .entry-content,
body.archive.tag .list-posts > article .entry-content,
body.page-template-blog-template .list-posts > article .entry-content {
    padding: 24px 24px 22px !important;
}

/* Listing media */
body.blog .list-posts .entry-format .thumbnail-blog,
body.archive.category .list-posts .entry-format .thumbnail-blog,
body.archive.tag .list-posts .entry-format .thumbnail-blog,
body.page-template-blog-template .list-posts .entry-format .thumbnail-blog {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Listing typography */
body.blog .list-posts .entry-title,
body.archive.category .list-posts .entry-title,
body.archive.tag .list-posts .entry-title,
body.page-template-blog-template .list-posts .entry-title {
    margin: 8px 0 10px;
}

body.blog .list-posts .entry-title a,
body.archive.category .list-posts .entry-title a,
body.archive.tag .list-posts .entry-title a,
body.page-template-blog-template .list-posts .entry-title a {
    color: #1d3466;
    line-height: 1.25;
    font-size: 22px;
}

body.blog .list-posts .entry-summary,
body.archive.category .list-posts .entry-summary,
body.archive.tag .list-posts .entry-summary,
body.page-template-blog-template .list-posts .entry-summary {
    color: #4d5f87;
    font-size: 16px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Keep useful meta visible */
body.blog .entry-meta-middle,
body.archive.category .entry-meta-middle,
body.archive.tag .entry-meta-middle,
body.page-template-blog-template .entry-meta-middle {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
    color: #6a7ca3;
    font-size: 13px;
}

/* Keep listing clean: hide noisy items only */
body.blog .entry-meta-middle .comment-count,
body.archive.category .entry-meta-middle .comment-count,
body.archive.tag .entry-meta-middle .comment-count,
body.page-template-blog-template .entry-meta-middle .comment-count,
body.blog .entry-meta-top,
body.archive.category .entry-meta-top,
body.archive.tag .entry-meta-top,
body.page-template-blog-template .entry-meta-top {
    display: none !important;
}

/* Read more button */
body.blog .button-readmore,
body.archive.category .button-readmore,
body.archive.tag .button-readmore,
body.page-template-blog-template .button-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #1d3466;
    color: #fff !important;
    font-weight: 600;
    line-height: 1;
}

/* Single post layout/readability */
body.single-post .container-post #main-content {
    max-width: 860px;
    margin: 0 auto;
    float: none;
}

body.single-post .single-post {
    background: #fff;
    border: 1px solid #e4e9f3;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 12px 34px rgba(24, 47, 93, 0.08);
}

body.single-post .single-post .entry-title {
    font-size: clamp(34px, 5vw, 52px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.3px;
    margin-bottom: 12px !important;
    color: #1b315f;
}

body.single-post .single-post .entry-meta-middle {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    color: #6a7ca3;
    font-size: 14px;
}

body.single-post .single-post .entry-content .content-wrapper {
    font-size: 19px;
    line-height: 1.85;
    color: #34466f;
}

body.single-post .single-post .entry-content h2,
body.single-post .single-post .entry-content h3 {
    color: #1f396e;
    margin-top: 34px;
    margin-bottom: 14px;
    line-height: 1.28;
}

body.single-post .single-post .entry-content p {
    margin-bottom: 18px;
}

body.single-post .single-post .entry-format .thumbnail-blog {
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    border-radius: 16px;
}

body.single-post .entry-content .content-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

/* Sidebar widgets (blog pages only) */
body.blog .ts-sidebar > .widget,
body.archive.category .ts-sidebar > .widget,
body.archive.tag .ts-sidebar > .widget,
body.single-post .ts-sidebar > .widget {
    background: #fff;
    border: 1px solid #e4e9f3;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
}

/* Spacing below breadcrumb/title */
body.blog #content.page-container,
body.archive.category #content.page-container,
body.archive.tag #content.page-container,
body.single-post #content.page-container {
    padding-top: 20px;
}

@media (max-width: 991px) {
    body.single-post #right-sidebar {
        display: none !important;
    }

    body.blog .list-posts,
    body.archive.category .list-posts,
    body.archive.tag .list-posts,
    body.page-template-blog-template .list-posts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.single-post .single-post {
        padding: 20px;
        border-radius: 14px;
    }

    body.single-post .single-post .entry-title {
        font-size: 34px !important;
    }

    body.single-post .single-post .entry-content .content-wrapper {
        font-size: 18px;
        line-height: 1.8;
    }
}

@media (max-width: 640px) {
    body.blog .list-posts,
    body.archive.category .list-posts,
    body.archive.tag .list-posts,
    body.page-template-blog-template .list-posts {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   MODADOVE HOMEPAGE SECTIONS
   Modafinil 200 / Modalert / Difference / Why-buy / LIVE HEALTHY
   All scoped to .modadove-home-content. CSS Grid for the two-column rows
   so the layout is predictable across themes.
   ============================================================ */

.modadove-home-content { font-family: inherit; color: #2b2b2b; line-height: 1.65; }
.modadove-home-content * { box-sizing: border-box; }

/* Sections */
.modadove-home-content .md-section { padding: 80px 0; position: relative; }
.modadove-home-content .md-section-light { background: #f8f5ee; }
.modadove-home-content .md-section-white { background: #ffffff; }

/* Container */
.modadove-home-content .md-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px;
}

/* Two-column row — using CSS GRID (more predictable than flex with this theme) */
.modadove-home-content .md-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.modadove-home-content .md-row-reverse > .md-col:first-child { order: 2; }
.modadove-home-content .md-col { min-width: 0; }

/* Image — constrained, no white card, just rounded image */
.modadove-home-content .md-image-wrap {
    overflow: hidden;
    border-radius: 14px;
}
.modadove-home-content .md-image-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 420px;
    object-fit: cover;
    border-radius: 14px;
    margin: 0;
}

/* Section title with curved-line SVG */
.modadove-home-content .md-title h2 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    color: #1f2024;
    margin: 0 0 6px;
    letter-spacing: -0.3px;
}
.modadove-home-content .md-title h2 span { color: #f59a00; }
.modadove-home-content .md-title .md-title-line {
    display: block;
    margin: 4px 0 22px;
    width: 130px;
    height: auto;
}
.modadove-home-content .md-title-center { text-align: center; margin-bottom: 30px; }
.modadove-home-content .md-title-center .md-title-line { margin: 4px auto 22px; }
.modadove-home-content .md-content > p {
    color: #555;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 0 14px;
    text-align: justify;
}

/* Benefits checklist (Modafinil 200) */
.modadove-home-content .md-benefits,
.modadove-home-content .md-checklist,
.modadove-home-content .md-prose .md-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.modadove-home-content .md-benefits li,
.modadove-home-content .md-checklist li,
.modadove-home-content .md-prose .md-list li {
    list-style: none !important;
    list-style-type: none !important;
}
.modadove-home-content .md-benefits li::marker,
.modadove-home-content .md-checklist li::marker,
.modadove-home-content .md-prose .md-list li::marker {
    content: '' !important;
    display: none !important;
}

.modadove-home-content .md-benefits li {
    position: relative;
    padding: 13px 18px 13px 50px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    font-size: 15.5px;
    font-weight: 600;
    color: #1f2024;
    transition: transform .2s ease;
}
.modadove-home-content .md-benefits li:hover { transform: translateX(4px); }
.modadove-home-content .md-benefits li:before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f59a00;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Long-form prose (Difference section) */
.modadove-home-content .md-prose { max-width: 920px; margin: 0 auto; color: #3a3a3a; }
.modadove-home-content .md-prose p { font-size: 16px; line-height: 1.75; margin: 0 0 16px; text-align: justify; }
.modadove-home-content .md-prose h3 { font-size: 22px; color: #1f2024; margin: 30px 0 12px; font-weight: 700; }
.modadove-home-content .md-prose .md-list li {
    position: relative;
    padding: 11px 16px 11px 30px;
    margin-bottom: 8px;
    border-left: 3px solid #f59a00;
    background: rgba(245, 154, 0, 0.06);
    border-radius: 0 6px 6px 0;
    line-height: 1.6;
}
.modadove-home-content .md-prose .md-list li:before {
    content: "•";
    position: absolute;
    left: 12px;
    top: 9px;
    color: #f59a00;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

/* Why-buy two-column layout (use grid here too) */
.modadove-home-content .md-why-buy .md-row {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}
.modadove-home-content .md-checklist li {
    position: relative;
    padding: 12px 16px 12px 46px;
    background: #ffffff;
    border: 1px solid #f0eee4;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 14.5px;
    line-height: 1.55;
    color: #2b2b2b;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    transition: all .2s ease;
}
.modadove-home-content .md-checklist li:hover {
    border-color: #f59a00;
    box-shadow: 0 4px 10px rgba(245, 154, 0, 0.12);
}
.modadove-home-content .md-checklist li:before {
    content: "★";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f59a00;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.modadove-home-content .md-cta-text {
    margin-top: 40px;
    text-align: center;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}
.modadove-home-content .md-cta-text p { margin: 0 0 14px; color: #444; font-size: 15.5px; line-height: 1.7; }
.modadove-home-content .md-cta-text .md-strong {
    color: #1f2024;
    font-weight: 600;
    background: #fff8eb;
    padding: 16px 22px;
    border-left: 4px solid #f59a00;
    border-radius: 4px;
    text-align: left;
    line-height: 1.65;
}
.modadove-home-content .md-cta-text .md-team {
    margin-top: 22px;
    font-size: 16px;
    color: #1f2024;
}

/* LIVE HEALTHY card */
.modadove-home-content .md-live-healthy { padding: 80px 0; background: #f8f5ee; }
.modadove-home-content .md-live-healthy .md-container { padding: 0 30px; }
.modadove-home-content .md-live-healthy-card {
    background: linear-gradient(135deg, #fff8eb 0%, #ffe9c2 100%);
    border-radius: 18px;
    padding: 48px 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    box-shadow: 0 12px 32px rgba(245, 154, 0, 0.12);
    border: 1px solid rgba(245, 154, 0, 0.2);
}
.modadove-home-content .md-lh-text h2 {
    font-size: 36px;
    margin: 0 0 8px;
    color: #1f2024;
    font-weight: 800;
    letter-spacing: -0.5px;
}
.modadove-home-content .md-lh-text p { margin: 0; color: #4a4a4a; font-size: 16px; }
.modadove-home-content .md-btn-purchase {
    display: inline-block;
    padding: 15px 38px;
    background: #f59a00;
    color: #fff !important;
    border: 2px solid #f59a00;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    transition: all .25s ease;
    box-shadow: 0 6px 18px rgba(245, 154, 0, 0.30);
    white-space: nowrap;
}
.modadove-home-content .md-btn-purchase:hover {
    background: #1f2024;
    border-color: #1f2024;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);
}

/* ----- Responsive ----- */
@media (max-width: 900px) {
    .modadove-home-content .md-section { padding: 56px 0; }
    .modadove-home-content .md-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .modadove-home-content .md-row-reverse > .md-col:first-child { order: 0; }
    .modadove-home-content .md-image-wrap img { max-height: 320px; }
    .modadove-home-content .md-title h2 { font-size: 26px; }
    .modadove-home-content .md-why-buy .md-row { grid-template-columns: 1fr; }
    .modadove-home-content .md-live-healthy { padding: 50px 0; }
    .modadove-home-content .md-live-healthy-card { padding: 30px 26px; flex-direction: column; text-align: center; gap: 22px; }
    .modadove-home-content .md-lh-text h2 { font-size: 28px; }
}
@media (max-width: 600px) {
    .modadove-home-content .md-container { padding: 0 18px; }
    .modadove-home-content .md-prose h3 { font-size: 18px; }
    .modadove-home-content .md-image-wrap img { max-height: 240px; }
    .modadove-home-content .md-cta-text .md-strong { padding: 14px 16px; font-size: 14px; }
}

/* ============================================================
   HOMEPAGE — additional fixes (2026-05-01)
   ============================================================ */

/* 1. Hide the empty decorative cream/rounds strip after products
   (it was the testimonial row but testimonials are hidden,
   leaving only the empty cream background) */
/* 2. Remove background colour from new info sections
   (user wants white background everywhere) */
.modadove-home-content .md-section,
.modadove-home-content .md-section-light,
.modadove-home-content .md-section-white,
.modadove-home-content .md-live-healthy {
    background: #ffffff !important;
}

/* 3. Stores cards row — add horizontal padding so first/last cards don't kiss the edge */
/* 4. International Products row — extra horizontal breathing room */
/* WooCommerce product loop carousel container on home */
/* Slick / Owl carousel wrappers */
/* 5. "View More Products" button — between products and info sections */
.md-btn-more-products {
    display: inline-flex;
    align-items: center;
    padding: 14px 38px;
    background: #f59a00;
    color: #fff !important;
    border: 2px solid #f59a00;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    transition: all .25s ease;
    box-shadow: 0 6px 18px rgba(245, 154, 0, 0.30);
}
.md-btn-more-products:hover {
    background: #1f2024;
    border-color: #1f2024;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);
    text-decoration: none !important;
}

/* 6. LIVE HEALTHY card on white bg — keep its own gradient so it still pops */
.modadove-home-content .md-live-healthy-card {
    background: linear-gradient(135deg, #fff8eb 0%, #ffe9c2 100%) !important;
}

/* 7. Subtle alternating section separator since we removed the bg colour */
.modadove-home-content .md-section { border-top: 1px solid #f0f0f0; }
.modadove-home-content .md-section:first-child { border-top: 0; }

/* 8. Mobile: tighter store/product side padding */
@media (max-width: 600px) {
    .md-btn-more-products { padding: 12px 28px; font-size: 13px; }
}

/* ============================================================
   HOMEPAGE — size tweaks (button + LIVE HEALTHY)
   ============================================================ */

/* View More Products button — smaller and tighter top gap */
.md-btn-more-products {
    padding: 10px 24px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(245, 154, 0, 0.25) !important;
}
.md-btn-more-products svg { width: 14px !important; height: 14px !important; }

/* LIVE HEALTHY card — smaller padding + smaller heading */
.modadove-home-content .md-live-healthy { padding: 50px 0 !important; }
.modadove-home-content .md-live-healthy-card {
    padding: 28px 36px !important;
    border-radius: 14px !important;
}
.modadove-home-content .md-lh-text h2 {
    font-size: 26px !important;
    margin: 0 0 4px !important;
    letter-spacing: -0.3px !important;
}
.modadove-home-content .md-lh-text p { font-size: 14.5px !important; }
.modadove-home-content .md-btn-purchase {
    padding: 11px 28px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(245, 154, 0, 0.25) !important;
}

@media (max-width: 900px) {
    .modadove-home-content .md-live-healthy-card { padding: 24px 22px !important; }
    .modadove-home-content .md-lh-text h2 { font-size: 22px !important; }
}

/* ============================================================
   HOMEPAGE — match products + "Get Instant 5% Discount" padding
   to the stores section (40px left/right, same as stores)
   ============================================================ */
/* Products row carousel */
@media (max-width: 600px) {
}

/* ============================================================
   HOMEPAGE — products carousel padding (final fix)
   The product carousel uses class .ts-product-wrapper inside
   .ts-row-wide. Force horizontal padding directly on the wrapper.
   ============================================================ */
/* The heading row above products ("Our International Products") */
/* Get Instant 5% Discount block padding — the inner block sits
/* ============================================================
   FINAL OVERRIDE — kill all left/right gutters on the home page.
   Placed last so it wins over earlier !important rules of equal
   or lower specificity.
   ============================================================ */
/* Outer row wrappers — zero gutter so the BG spans the full viewport */
/* Inner content — 50px breathing room so text/images don't touch edges */
/* Slick / Owl carousel inner pads — small so cards don't kiss next-card */
@media (max-width: 600px) {
}

/* ============================================================
   HOMEPAGE — refinements
   ============================================================ */

/* Header — keep a left/right gutter so logo & menu don't kiss the edge */
/* Footer — restore inner padding and let columns breathe */
/* Footer column widths — don't squish CONTACT INFO into 1 word per line */
/* Products and "Get Instant 5% Discount" rows — white bg, not grey */
/* Modafinil 200 / Modalert images — don't crop */
.modadove-home-content .md-image-wrap {
    overflow: visible !important;
}
.modadove-home-content .md-image-wrap img {
    object-fit: contain !important;
    height: auto !important;
    max-height: 420px !important;
    width: 100% !important;
}

/* Store cards row — same 50px inner padding as everything else */
@media (min-width: 992px) {
    /* Left half: logo (sm-4) tiny, about (sm-8) takes the rest */
    /* Right half: 3 link columns equal thirds */
}


/* Home page — 50px left/right padding on each content section
   (targets the actual WPBakery custom row classes) */
body.home .vc_row.vc_custom_info,
body.home .vc_row.vc_custom_stores,
body.home .vc_row.vc_custom_payment,
body.home .vc_row.vc_custom_1599194594293,
body.home .vc_row.vc_custom_1599194600476 {
    padding-left: 60px !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
}
/* Stretched rows: cancel WPBakery's JS-set negative offsets so 50px gutter is visible */
body.home .vc_row.vc_custom_1599194594293,
body.home .vc_row.vc_custom_1599194600476 {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
/* International Products heading row + More products button + info sections */
body.home .md-more-products-wrap > .md-more-products-inner,
body.home .modadove-home-content .md-section > .md-container,
body.home .modadove-home-content .md-live-healthy > .md-container {
    padding-left: 60px !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
}
@media (max-width: 600px) {
    body.home .vc_row.vc_custom_info,
    body.home .vc_row.vc_custom_stores,
    body.home .vc_row.vc_custom_payment,
    body.home .vc_row.vc_custom_1599194594293,
    body.home .vc_row.vc_custom_1599194600476,
    body.home .md-more-products-wrap > .md-more-products-inner,
    body.home .modadove-home-content .md-section > .md-container,
    body.home .modadove-home-content .md-live-healthy > .md-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* Home page — 50px left/right padding on each content section */
body.home .vc_row.vc_custom_info,
body.home .vc_row.vc_custom_stores,
body.home .vc_row.vc_custom_payment,
body.home .vc_row.vc_custom_1599194594293,
body.home .vc_row.vc_custom_1599194600476,
body.home .md-more-products-wrap > .md-more-products-inner,
body.home .modadove-home-content .md-section > .md-container,
body.home .modadove-home-content .md-live-healthy > .md-container {
    padding-left: 60px !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
}
body.home .vc_row.vc_custom_1599194594293,
body.home .vc_row.vc_custom_1599194600476 {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}
@media (max-width: 600px) {
    body.home .vc_row.vc_custom_info,
    body.home .vc_row.vc_custom_stores,
    body.home .vc_row.vc_custom_payment,
    body.home .vc_row.vc_custom_1599194594293,
    body.home .vc_row.vc_custom_1599194600476,
    body.home .md-more-products-wrap > .md-more-products-inner,
    body.home .modadove-home-content .md-section > .md-container,
    body.home .modadove-home-content .md-live-healthy > .md-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* Center the "View More Products" button */
body.home .md-more-products-wrap,
body.home .md-more-products-wrap > .md-more-products-inner {
    text-align: center !important;
}

/* Hide social media icons in the footer (under the logo) */
#colophon .footer-container .ts-header-social-icons,
#colophon .footer-container .ts-social-icons,
#colophon .footer-container .social-icons { display: none !important; }

/* Same 60px gutter on the 3-feature brick row + footer columns.
   Force every .container under <footer id="colophon"> to full width
   with 60px inner padding so content lines up with the page above. */
body #colophon .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
@media (max-width: 600px) {
    body #colophon .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ============================================================
   COMPACT SEARCH SUGGESTIONS
   Single-column, small thumb, name only, single line
   ============================================================ */
.search-content { padding: 0 !important; }
.search-content .product_list_widget {
    list-style: none !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    display: block !important;
    columns: 1 !important;
}
.search-content .product_list_widget li {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    float: none !important;
    padding: 4px 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f1f1 !important;
}
.search-content .product_list_widget .ts-wg-thumbnail { margin-right: 0 !important; }
.search-content .product_list_widget .ts-wg-meta { margin-left: 0 !important; padding-left: 0 !important; }
.search-content .product_list_widget li:last-child { border-bottom: 0 !important; }
.search-content .product_list_widget li:hover { background: #f7f7f7 !important; }
.search-content .product_list_widget .ts-wg-thumbnail {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
}
.search-content .product_list_widget .ts-wg-thumbnail a,
.search-content .product_list_widget .ts-wg-thumbnail img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
}
.search-content .product_list_widget .ts-wg-meta {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.search-content .product_list_widget .ts-wg-meta .title {
    display: block !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
}
.search-content .product_list_widget .ts-wg-meta .description,
.search-content .product_list_widget .ts-wg-meta .price {
    display: none !important;
}
.search-content .view-all-wrapper { display: none !important; }

/* Constrain dropdown to the search input width (not full viewport). */
.ts-search-by-category { position: relative !important; }
.ts-search-by-category .ts-search-result-container,
#ts-search-result-container {
    background: #fff !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 28px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    padding: 8px 0 !important;
}
#ts-search-result-container { padding: 4px 0 !important; }
#ts-search-result-container .search-content { padding: 0 !important; }
#ts-search-result-container .product_list_widget { padding: 0 !important; }
#ts-search-result-container .product_list_widget li { padding: 4px 28px !important; }

/* header-v2: search lives inside .header-right with icons.
   Make .header-right a flex row so search expands. */
body.header-v2 .header-middle .container {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
}
body.header-v2 .header-middle .logo-wrapper {
    flex: 0 0 auto !important;
    width: auto !important;
}
body.header-v2 .header-middle .header-right {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
}
body.header-v2 .header-middle .header-right .ts-search-by-category {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
body.header-v2 .header-middle .header-right .ts-search-by-category form,
body.header-v2 .header-middle .header-right .search-table,
body.header-v2 .header-middle .header-right .search-field {
    width: 100% !important;
    max-width: 100% !important;
}
body.header-v2 .header-middle .header-right .shopping-cart-wrapper,
body.header-v2 .header-middle .header-right .my-wishlist-wrapper,
body.header-v2 .header-middle .header-right .my-account-wrapper,
body.header-v2 .header-middle .header-right .header-icon-menu {
    flex: 0 0 auto !important;
}
/* Visual order: Search, then Account, Wishlist, Cart */
body.header-v2 .header-middle .header-right .ts-search-by-category { order: 1 !important; }
body.header-v2 .header-middle .header-right .my-account-wrapper    { order: 2 !important; }
body.header-v2 .header-middle .header-right .my-wishlist-wrapper   { order: 3 !important; }
body.header-v2 .header-middle .header-right .shopping-cart-wrapper { order: 4 !important; }

/* Homepage Reviews.io summary block */
.md-reviewsio-inline {
    background: #f4f4f6;
    padding: 48px 20px 22px;
    text-align: center;
}

.md-reviewsio-inline__inner {
    max-width: 980px;
    margin: 0 auto;
}

.md-reviewsio-inline__brand {
    font-size: clamp(36px, 8vw, 98px);
    letter-spacing: 1px;
    line-height: 1;
    font-weight: 600;
    color: #0d0f14;
    margin-bottom: 26px;
}

.md-reviewsio-inline__line {
    margin: 0 0 8px;
    color: #111b44;
    font-size: clamp(20px, 2.5vw, 44px);
    line-height: 1.25;
    font-weight: 500;
}

.md-reviewsio-inline__line strong {
    font-weight: 800;
}

.md-reviewsio-inline__stars {
    color: #63be3f;
    letter-spacing: 2px;
    font-size: 0.92em;
    margin-left: 8px;
}

.md-reviewsio-inline__mini {
    display: inline-block;
    margin-left: 8px;
    color: #0d0f14;
    font-weight: 700;
}

@media (max-width: 767px) {
    .md-reviewsio-inline {
        padding-top: 34px;
        padding-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .ts-header .ic-mobile-menu-button,
    .ts-header .header-icon-menu,
    .ts-header .menu-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Mobile hard-fix: full-width layout and stable product cards */
@media (max-width: 767px) {
    body.home .page-container,
    body.home #main-content,
    body.home .site-content,
    body.home .wpb-content-wrapper,
    body.home .vc_row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    /* Fix raw-html custom sections using inline min-width/max-width */
    body.home .wpb_raw_html .wpb_wrapper > div[style*="max-width: 1400px"] {
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.home .wpb_raw_html .wpb_wrapper > div[style*="max-width: 1400px"] > div {
        min-width: 0 !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        padding-right: 0 !important;
        text-align: left !important;
    }

    /* Specific fix for inline min-width blocks in homepage raw-html sections */
    body.home .wpb_raw_html .wpb_wrapper div[style*="min-width: 320px"],
    body.home .wpb_raw_html .wpb_wrapper div[style*="min-width:320px"],
    body.home .wpb_raw_html .wpb_wrapper div[style*="min-width: 280px"],
    body.home .wpb_raw_html .wpb_wrapper div[style*="min-width:280px"] {
        min-width: 0 !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        padding: 0 !important;
    }

    /* Enforce 1-column full-width product cards on mobile homepage + store pages */
    body.home .woocommerce ul.products,
    body.home .woocommerce .products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.home .woocommerce ul.products li.product,
    body.home .woocommerce .products .product {
        width: 100% !important;
        max-width: 100% !important;
        border-right: 1px solid #e8e8e8 !important;
    }

    /* Owl carousel mobile hard-fix: remove fixed stage/item widths */
    body.home .woocommerce .products.owl-carousel .owl-stage-outer {
        overflow: visible !important;
    }
    body.home .woocommerce .products.owl-carousel .owl-stage {
        width: 100% !important;
        transform: none !important;
        display: block !important;
    }
    body.home .woocommerce .products.owl-carousel .owl-item {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
    }
    body.home .woocommerce .products.owl-carousel .owl-item.cloned {
        display: none !important;
    }

    /* Keep action buttons horizontal and readable */
    body.home .woocommerce .products .product .modadove-loop-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    body.home .woocommerce .products .product .modadove-loop-actions .modadove-loop-button {
        flex: 1 1 0 !important;
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        line-height: 40px !important;
        text-align: center !important;
    }

    /* Keep store pages padded and bordered on mobile */
    body.woocommerce-page .page-container,
    body.woocommerce-page #main-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    body.woocommerce-page .woocommerce ul.products li.product,
    body.woocommerce-page .woocommerce .products .product {
        border-left: 1px solid #e8e8e8 !important;
        border-right: 1px solid #e8e8e8 !important;
    }
}

/* Final mobile store-page fix: one full-width product per row */
@media (max-width: 767px) {
    body.woocommerce-page .woocommerce ul.products,
    body.woocommerce-page .woocommerce .products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.woocommerce-page .woocommerce ul.products li.product,
    body.woocommerce-page .woocommerce .products .product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.woocommerce-page .woocommerce .products .product .modadove-loop-actions {
        display: flex !important;
        gap: 8px !important;
    }

    body.woocommerce-page .woocommerce .products .product .modadove-loop-actions .modadove-loop-button {
        flex: 1 1 0 !important;
        min-height: 40px !important;
        line-height: 40px !important;
        white-space: nowrap !important;
    }
}

/* Reviews.io in homepage discount row (right column) */
.md-reviewsio-discount .md-reviewsio-inline__brand {
    font-size: clamp(28px, 3.2vw, 56px);
    margin-bottom: 10px;
}

.md-reviewsio-discount .md-reviewsio-inline__line {
    font-size: clamp(14px, 1.3vw, 22px);
    margin: 0 0 4px;
}

.md-reviewsio-discount .md-reviewsio-inline__mini {
    font-size: 0.95em;
}

.md-reviewsio-discount__link {
    color: inherit;
    text-decoration: none !important;
    display: inline-block;
}

.md-reviewsio-discount__link:hover,
.md-reviewsio-discount__link:focus,
.md-reviewsio-discount__link:active,
.md-reviewsio-discount__link *,
.md-reviewsio-discount__link *:hover,
.md-reviewsio-discount__link *:focus,
.md-reviewsio-discount__link *:active {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.md-reviewsio-discount__image {
    max-width: 250px;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    display: block;
}

.md-reviewsio-inline__mini-image {
    display: inline-block;
    width: 110px;
    max-width: 30%;
    height: auto;
    margin-left: 8px;
    vertical-align: middle;
}

/* Homepage payment/reviews card visual override */
body.home .vc_row.vc_custom_payment .wpb_raw_html .wpb_wrapper > div[style*="display: flex"] {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
}

/* Remove background color from homepage product row */
body.home .vc_row.vc_custom_1599194594293 {
    background: transparent !important;
}

/* Remove legacy spacer row: vc_hidden-md vc_hidden-sm vc_hidden-xs + 30px empty space */
.vc_row.vc_row-fluid.vc_column-gap-default.ts-row-wide > .wpb_column.vc_col-sm-12.vc_hidden-md.vc_hidden-sm.vc_hidden-xs {
    display: none !important;
}

/* ===== Final mobile stability overrides ===== */
@media (max-width: 767px) {
    .ts-header .ic-mobile-menu-button,
    .ts-header .header-icon-menu,
    .ts-header .menu-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.home .wpb_raw_html .wpb_wrapper > div[style*="max-width: 1400px"] {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
        display: block !important;
    }

    body.home .wpb_raw_html .wpb_wrapper > div[style*="max-width: 1400px"] > div {
        min-width: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }

    body.home .woocommerce ul.products,
    body.home .woocommerce .products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.home .woocommerce ul.products li.product,
    body.home .woocommerce .products .product {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Mobile-only: payment/reviews block full width, no left gap */
    body.home .vc_row.vc_custom_payment {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.home .vc_row.vc_custom_payment .wpb_raw_html .wpb_wrapper > div[style*="display: flex"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    body.home .vc_row.vc_custom_payment .wpb_raw_html .wpb_wrapper > div[style*="display: flex"] > div,
    body.home .vc_row.vc_custom_payment .wpb_raw_html .wpb_wrapper > div[style*="display: flex"] > div[style*="min-width"] {
        min-width: 0 !important;
        width: 100% !important;
        flex: 1 1 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.home .vc_row.vc_custom_payment .md-reviewsio-discount {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* Guaranteed visible mobile menu trigger */
    .ts-header .header-middle .container {
        position: relative !important;
    }
    .ts-header .header-middle .logo-wrapper {
        padding-left: 36px !important;
    }
    .md-mobile-menu-fallback {
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: #1f3c88;
        font-size: 28px;
        line-height: 1;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
}