:root {
    --site-herb: #244c36;
    --site-herb-dark: #183a29;
    --site-leaf: #597b51;
    --site-sage: #e8eee2;
    --site-cream: #f8f7f1;
    --site-ink: #26342a;
    --site-muted: #68736a;
}

html { scroll-behavior: smooth; }
body {
    color: var(--site-ink);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
}
body :where(h1,h2,h3,h4,h5,h6) {
    color: var(--site-herb-dark);
    line-height: 1.25;
}
body :where(p) { line-height: 1.75; }
a { transition: color .18s ease; }
::selection { color: #fff; background: var(--site-leaf); }

/* Keep homepage header and hero stable when the scroll script initializes. */
html body:has(.home-wellness) #smooth-wrapper,
html body:has(.home-wellness) #smooth-content {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}
html body:has(.home-wellness) .main-header.header-home {
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    z-index: 100 !important;
}
@media (max-width: 1023px) {
    html body:has(.home-wellness) .main-header.header-home {
        position: relative !important;
        inset: auto !important;
    }
}

body:not(.order-smooth-page) :where(.sec-title .title, .about-content .title, .page-title .title) {
    color: var(--site-herb-dark) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 650 !important;
    letter-spacing: -.015em;
}
body:not(.order-smooth-page) :where(.sec-title .title span, .sec-title .sub-title) { color: var(--site-leaf) !important; }
body:not(.order-smooth-page) :where(.about-text, .service-text, .contact-text, .sec-title .sub-title) { line-height: 1.8; }
.btn-style-one { background: var(--site-herb) !important; border-color: var(--site-herb) !important; }
.btn-style-one:hover { background: var(--site-herb-dark) !important; border-color: var(--site-herb-dark) !important; }

.main-header,
.main-header.header-home,
.main-header.header-inner-solid,
.sticky-header,
.header-1 .sticky-header {
    background: #fffefa !important;
    box-shadow: 0 1px 0 rgba(36,76,54,.09);
}
.main-header .main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li > a {
    color: #34483a !important;
    font-size: 13px;
    font-weight: 600;
}
.main-header .main-menu .navigation > li > a:hover,
.sticky-header .main-menu .navigation > li > a:hover { color: var(--site-leaf) !important; }
.main-header .mobile-nav-toggler,
.sticky-header .mobile-nav-toggler { color: var(--site-herb-dark) !important; }
.mobile-register-btn { background: var(--site-herb) !important; border-radius: 4px !important; }
.auth-links .register-link { color: var(--site-herb) !important; }

.foorer-area {
    color: #e1e9df !important;
    background: var(--site-herb-dark) !important;
    border: 0 !important;
    box-shadow: none !important;
}
.foorer-area .footer-content .title,
.foorer-area .widget-title,
.foorer-area .footer-widget-items h4,
.foorer-area .footer-widget-items h5 { color: #fffefa !important; }
.foorer-area .footer-content .title span { color: #c8d8c2 !important; }
.foorer-area .footer-top-wrapper .footer-info .mail,
.foorer-area .footer-top-wrapper .footer-info .phone,
.foorer-area .footer-widget-items .user-links li a,
.foorer-area .footer-bottom p,
.foorer-area .footer-bottom .footer-bottom-wrapper p { color: #d1dbd0 !important; }
.foorer-area .footer-widget-items .user-links li a:hover { color: #fff !important; }
.foorer-area .footer-top-wrapper,
.foorer-area .footer-bottom { border-color: rgba(255,255,255,.16) !important; }

.shop-section { background: var(--site-cream) !important; }
.shop-section > .container { padding-top: 4px; padding-bottom: 56px; }
.shop-page-nav { margin-bottom: 12px; }
.shop-page-nav .breadcrumb { margin:0; font-size:12px; }
.shop-page-nav .breadcrumb-item,
.shop-page-nav .breadcrumb-item.active { color:#69766d; }
.shop-hero {
    position:relative;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    min-height:250px;
    margin-bottom:26px;
    overflow:hidden;
    border:1px solid #e4e9df;
    border-radius:14px;
    background:linear-gradient(110deg,#eef2e9 0%,#e8eee2 58%,#e1e9dc 100%);
}
.shop-hero-copy { position:relative; z-index:2; padding:32px 10px 32px 38px; }
.shop-eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--site-leaf); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.shop-hero h1 { max-width:570px; margin:12px 0 9px; color:var(--site-herb-dark); font-size:clamp(30px,3.5vw,43px); font-weight:700; letter-spacing:-.03em; line-height:1.12; }
.shop-hero-copy > p { max-width:470px; margin:0 0 18px; color:#536157; font-size:14px; line-height:1.65; }
.shop-hero-delivery { display:inline-flex; align-items:center; gap:8px; color:#435d49; font-size:12px; font-weight:650; }
.shop-hero-image { height:100%; min-height:250px; overflow:hidden; }
.shop-hero-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.92; mix-blend-mode:multiply; }
.shop-trust-strip { margin-bottom:26px !important; }
.shop-trust-strip .shop-trust-card { padding:16px !important; border-color:#e7eae2 !important; border-radius:8px !important; background:#fffefa !important; box-shadow:0 3px 12px rgba(24,58,41,.035) !important; }
.shop-trust-strip .avatar-sm { background:#e8eee2 !important; color:var(--site-herb) !important; }
.shop-trust-strip .shop-trust-title { color:var(--site-herb-dark) !important; font-size:13px !important; }
.shop-trust-strip small { color:var(--site-muted) !important; font-size:11px; }
.shop-filter-panel { align-items:center; margin:0 0 30px !important; padding:14px 10px; border:1px solid #e6e9e1; border-radius:9px; background:#fffefa; }
.shop-category-pills { gap:8px !important; }
.shop-category-pills .btn { min-height:38px; padding:8px 13px !important; border-radius:6px !important; font-size:12px; font-weight:600 !important; }
.shop-category-pills .btn-outline-secondary { border-color:#d8e0d5 !important; background:#fffefa !important; color:#47574b !important; }
.shop-category-pills .btn-outline-secondary:hover { border-color:var(--site-herb) !important; background:#f1f5ee !important; color:var(--site-herb) !important; }
.shop-filter-panel form { width:100%; align-items:center; }
.shop-filter-panel .input-group { width:min(100%,320px); }
.shop-filter-panel .form-control,.shop-filter-panel .form-select { border-color:#dce3d8 !important; border-radius:6px !important; font-size:12px !important; }
.shop-results-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:0 0 18px; }
.shop-results-heading .shop-eyebrow { font-size:10px; }
.shop-results-heading h2 { margin:5px 0 0; color:var(--site-herb-dark); font-size:24px; font-weight:700; letter-spacing:-.02em; }
.shop-result-count { color:var(--site-muted); font-size:12px; white-space:nowrap; }
.shop-product-grid { row-gap:32px !important; }
.shop-section .product-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e9df !important;
    border-radius: 8px !important;
    background: #fffefa !important;
    box-shadow: 0 5px 18px rgba(24,58,41,.055) !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
}
.shop-section .product-box:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(24,58,41,.10) !important; }
.shop-section .product-card-tags { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:34px; margin:0 0 8px; }
.shop-section .product-category-tag,
.wellness-product-tags > span:first-child { display:inline-flex; align-items:center; min-height:27px; max-width:calc(100% - 92px); padding:5px 10px; overflow:hidden; border-radius:4px; background:#e8eee2; color:#244c36; font-size:11px; font-weight:650; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.shop-section .product-off-tag,
.wellness-off-tag { display:inline-flex; align-items:center; justify-content:center; min-height:27px; padding:5px 10px; border-radius:4px; background:#f1e6d2; color:#78531c; font-size:11px; font-weight:750; letter-spacing:.02em; white-space:nowrap; }
.shop-section .product-box > .position-relative {
    flex: 0 0 245px;
    min-height: 245px !important;
    padding: 22px !important;
    background: #f1f2e9 !important;
}
.shop-section .product-box > .position-relative img {
    max-width: 100%;
    max-height: 195px !important;
    object-fit: contain;
}
.shop-section .product-box .card-body { flex: 1; padding: 21px !important; }
.shop-section .product-box .card-body > div > .d-flex.align-items-baseline > span:first-child { color:var(--site-herb-dark) !important; }
.shop-section .product-box .card-body > div > .d-flex.align-items-baseline > small { color:#8b642a !important; }
.shop-section .product-box .card-body h5 { min-height: 2.5em; margin: 12px 0 7px !important; font-size: 18px; }
.shop-section .product-box .card-body h5 a { color:var(--site-herb-dark) !important; }
.shop-section .product-box .card-body .badge.bg-success { background:#edf2e9 !important; color:var(--site-herb) !important; }
.shop-section .product-box .card-body .text-warning { color:#9a702f !important; }
.shop-section .product-box .card-body .bg-light { background:#f4f6f0 !important; }
.shop-section .product-box .card-body > div > p { min-height: 3.2em; margin-bottom: 16px !important; color: var(--site-muted) !important; }
.shop-section .product-box .card-body .btn-success,
.shop-section .btn-success { border-color: var(--site-herb) !important; background: var(--site-herb) !important; }
.shop-section .product-box .card-body .btn-success:hover,
.shop-section .btn-success:hover { border-color: var(--site-herb-dark) !important; background: var(--site-herb-dark) !important; }
.shop-section .breadcrumb a { color: var(--site-leaf) !important; }
.shop-section .btn-outline-secondary { border-color:#d6dfd4 !important; color:#3e5143 !important; }
.shop-section .btn-outline-secondary:hover { border-color:var(--site-herb) !important; background:#f1f5ee !important; color:var(--site-herb) !important; }

.previous-home-content { color: var(--site-ink); }
.previous-home-content .service-section,
.previous-home-content .about-section,
.previous-home-content .feature-section,
.previous-home-content .feature-section-2,
.previous-home-content .faq-section,
.previous-home-content .contact-section { padding-top: clamp(54px,7vw,92px); padding-bottom: clamp(54px,7vw,92px); }
.previous-home-content :where(.sec-title .title,.about-content .title,.service-content .title) {
    color: var(--site-herb-dark) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 650 !important;
    letter-spacing: -.015em;
}
.previous-home-content :where(.sec-title .title span,.sec-title .sub-title) { color: var(--site-leaf) !important; }
.previous-home-content .wellness-digital-heading { font-family:"Segoe UI",Arial,sans-serif !important; font-size:clamp(30px,4vw,42px) !important; }
.previous-home-content :where(.text,.about-text,.service-text) { color: var(--site-muted) !important; line-height: 1.8; }
.previous-home-content .feature-block .inner-block,
.previous-home-content .faq-block-one,
.previous-home-content .feature-box-style1,
.previous-home-content .feature-box-style2,
.previous-home-content .testimonial-block-one .inner-box {
    border-radius: 8px;
    box-shadow: 0 6px 22px rgba(24,58,41,.07) !important;
}
.previous-home-content .feature-block .inner-block { padding: 26px !important; }
.previous-home-content .hero-1 .hero-content .content-items { margin-left: 0 !important; }
.previous-home-content .shop-price,.previous-home-content .price { color:var(--site-herb-dark) !important; }
.previous-home-content .work-process-section { padding:clamp(58px,7vw,88px) 0 !important; background:#f3f6f0; }
.previous-home-content .process-section-heading { max-width:760px; margin:0 auto 38px; text-align:center; }
.previous-home-content .process-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--site-leaf); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.previous-home-content .process-section-heading h2 { margin:12px 0 10px; color:var(--site-herb-dark) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:clamp(30px,4vw,42px); font-weight:700 !important; line-height:1.15; letter-spacing:-.025em; }
.previous-home-content .process-section-heading h2 span { color:var(--site-leaf) !important; }
.previous-home-content .process-section-heading p { max-width:590px; margin:0 auto; color:var(--site-muted); font-size:14px; line-height:1.7; }
.previous-home-content .work-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.previous-home-content .work-process-card { min-width:0; min-height:270px; padding:22px 20px; border:1px solid #e1e8df; border-top:3px solid var(--site-herb); border-radius:8px; background:#fffefa; box-shadow:0 5px 16px rgba(24,58,41,.045); transition:transform .2s ease,box-shadow .2s ease; }
.previous-home-content .work-process-card:hover { transform:translateY(-3px); box-shadow:0 12px 26px rgba(24,58,41,.09); }
.previous-home-content .process-number { display:block; padding-bottom:13px; border-bottom:1px solid #e8eee5; color:var(--site-leaf); font-size:12px; font-weight:750; letter-spacing:.1em; }
.previous-home-content .work-process-card h3 { margin:17px 0 9px; color:var(--site-herb-dark) !important; font-size:18px; font-weight:700 !important; }
.previous-home-content .work-process-card p { margin:0; color:var(--site-muted) !important; font-size:13px; line-height:1.7; }
@media(max-width:1199px) { .previous-home-content .work-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) {
    .previous-home-content .process-section-heading { margin-bottom:25px; }
    .previous-home-content .process-section-heading h2 { font-size:29px; }
    .previous-home-content .work-process-grid { grid-template-columns:1fr; gap:12px; }
    .previous-home-content .work-process-card { min-height:0; padding:19px; }
    .previous-home-content .work-process-card h3 { margin-top:13px; }
}
.previous-home-content .platform-features-section { padding:clamp(58px,7vw,86px) 0 !important; background:#fbfcf9; }
.previous-home-content .platform-features-heading { max-width:760px; margin:0 auto 34px; text-align:center; }
.previous-home-content .platform-features-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--site-leaf); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.previous-home-content .platform-features-heading h2 { margin:12px 0 10px; color:var(--site-herb-dark) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:clamp(30px,4vw,42px); font-weight:700 !important; line-height:1.15; letter-spacing:-.025em; }
.previous-home-content .platform-features-heading h2 span { color:var(--site-leaf) !important; }
.previous-home-content .platform-features-heading p { max-width:630px; margin:0 auto; color:var(--site-muted) !important; font-size:14px; line-height:1.75; }
.previous-home-content .platform-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.previous-home-content .platform-feature-card { min-width:0; min-height:235px; padding:24px 21px; border:1px solid #e3e9e1; border-radius:8px; background:#fff; box-shadow:0 5px 18px rgba(24,58,41,.045); transition:transform .2s ease,box-shadow .2s ease; }
.previous-home-content .platform-feature-card:hover { transform:translateY(-3px); box-shadow:0 13px 28px rgba(24,58,41,.09); }
.previous-home-content .platform-feature-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:8px; background:#eaf0e6; color:var(--site-herb); font-size:17px; }
.previous-home-content .platform-feature-card h3 { margin:18px 0 8px; color:var(--site-herb-dark) !important; font-size:17px; font-weight:700 !important; }
.previous-home-content .platform-feature-card p { margin:0; color:var(--site-muted) !important; font-size:13px; line-height:1.7; }
.previous-home-content .platform-member-note { display:flex; align-items:center; justify-content:center; gap:9px; margin:28px auto 0; color:var(--site-herb); font-size:13px; }
.previous-home-content .platform-member-note i { color:var(--site-leaf); }
.previous-home-content .platform-member-note strong { font-weight:700; }
.previous-home-content .platform-member-note span { color:var(--site-muted); }
@media(max-width:1199px) { .previous-home-content .platform-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) {
    .previous-home-content .platform-features-heading { margin-bottom:24px; }
    .previous-home-content .platform-features-heading h2 { font-size:29px; }
    .previous-home-content .platform-feature-grid { grid-template-columns:1fr; gap:12px; }
    .previous-home-content .platform-feature-card { min-height:0; padding:20px; }
    .previous-home-content .platform-feature-card h3 { margin:13px 0 7px; }
    .previous-home-content .platform-member-note { flex-wrap:wrap; gap:6px; }
}
.previous-home-content .viewer-creator-section { padding:clamp(60px,7vw,92px) 0 !important; background:#f3f6f0; }
.previous-home-content .viewer-creator-heading { max-width:780px; margin:0 auto 34px; text-align:center; }
.previous-home-content .viewer-creator-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--site-leaf); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.previous-home-content .viewer-creator-heading h2 { margin:12px 0 10px; color:var(--site-herb-dark) !important; font-family:"Segoe UI",Arial,sans-serif !important; font-size:clamp(30px,4vw,42px); font-weight:700 !important; line-height:1.15; letter-spacing:-.025em; }
.previous-home-content .viewer-creator-heading h2 span { color:var(--site-leaf) !important; }
.previous-home-content .viewer-creator-heading p { max-width:660px; margin:0 auto; color:var(--site-muted) !important; font-size:14px; line-height:1.75; }
.previous-home-content .viewer-creator-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 auto; }
.previous-home-content .viewer-creator-card { min-width:0; padding:26px 28px; border:1px solid #e2e9df; border-radius:9px; background:#fffefa; box-shadow:0 6px 20px rgba(24,58,41,.045); }
.previous-home-content .viewer-creator-icon { width:44px; height:44px; display:grid; place-items:center; margin-bottom:17px; border-radius:8px; background:#e8eee2; color:var(--site-herb); font-size:18px; }
.previous-home-content .viewer-creator-label { color:var(--site-leaf); font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.previous-home-content .viewer-creator-card h3 { margin:7px 0 15px; color:var(--site-herb-dark) !important; font-size:20px; font-weight:700 !important; }
.previous-home-content .viewer-creator-card ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.previous-home-content .viewer-creator-card li { display:flex; align-items:center; gap:9px; color:#4f5e52; font-size:13px; }
.previous-home-content .viewer-creator-card li i { color:var(--site-leaf); font-size:12px; }
.previous-home-content .viewer-creator-footer { display:flex; align-items:center; justify-content:center; gap:28px; margin-top:26px; }
.previous-home-content .viewer-creator-members { display:flex; align-items:center; gap:9px; color:var(--site-leaf); }
.previous-home-content .viewer-creator-members strong { color:var(--site-herb-dark); font-size:18px; }
.previous-home-content .viewer-creator-members > span:last-child { color:var(--site-muted); font-size:12px; }
@media(max-width:575px) {
    .previous-home-content .viewer-creator-heading { margin-bottom:24px; }
    .previous-home-content .viewer-creator-heading h2 { font-size:29px; }
    .previous-home-content .viewer-creator-grid { grid-template-columns:1fr; gap:12px; }
    .previous-home-content .viewer-creator-card { padding:21px; }
    .previous-home-content .viewer-creator-card h3 { font-size:18px; }
    .previous-home-content .viewer-creator-footer { flex-direction:column; gap:14px; margin-top:22px; }
    .previous-home-content .viewer-creator-members { flex-wrap:wrap; justify-content:center; }
}

.wellness-readmore { margin-top: 7px; padding: 0; border: 0; background: transparent; color: var(--site-herb) !important; font: inherit; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wellness-readmore:hover { color: var(--site-leaf) !important; }

@media (max-width: 767px) {
    body { font-size: 14px; }
    .container { max-width: 100%; }
    .section-padding { padding-top: 54px !important; padding-bottom: 54px !important; }
    .shop-section .product-box > .position-relative { flex-basis: 205px; min-height: 205px !important; }
    .shop-section .product-box > .position-relative img { max-height: 165px !important; }
    .shop-section .product-box .card-body { padding: 16px !important; }
    .shop-section .product-card-tags { margin-bottom:7px; }
    .shop-section > .container { padding-bottom:36px; }
    .shop-hero { grid-template-columns:1fr; min-height:0; margin-bottom:20px; }
    .shop-hero-copy { padding:26px 22px 18px; }
    .shop-hero h1 { max-width:440px; font-size:30px; }
    .shop-hero-copy > p { margin-bottom:13px; font-size:13px; }
    .shop-hero-image { min-height:0; height:145px; }
    .shop-hero-image img { object-position:center 58%; }
    .shop-trust-strip { row-gap:10px !important; margin-bottom:18px !important; }
    .shop-trust-strip .shop-trust-card { padding:11px !important; gap:8px; }
    .shop-trust-strip .avatar-sm { width:36px !important; height:36px !important; min-width:36px !important; margin-right:0 !important; font-size:14px; }
    .shop-trust-strip .shop-trust-title { font-size:11px !important; }
    .shop-trust-strip small { font-size:10px; line-height:1.35; }
    .shop-filter-panel { padding:12px 8px; margin-bottom:22px !important; }
    .shop-filter-panel form { flex-wrap:wrap; }
    .shop-filter-panel .input-group { width:100%; max-width:none !important; }
    .shop-filter-panel .form-select { width:100% !important; }
    .shop-results-heading h2 { font-size:21px; }
    .shop-product-grid { row-gap:24px !important; }
    .main-header .main-box { gap: 8px; }
    .main-header .logo img { max-width: 145px !important; }
    .auth-list-mobile a { color: var(--site-herb) !important; font-weight: 600; }
}
@media (min-width:768px) and (max-width:991px) {
    .shop-hero { min-height:230px; }
    .shop-hero-copy { padding-left:28px; }
    .shop-filter-panel form { flex-wrap:wrap; justify-content:flex-start !important; }
}

/* Mobile layout refinements shared across public pages. */
@media (max-width: 767px) {
    html, body { overflow-x: clip; }
    body { font-size: 14px; }
    body :where(p, li) { overflow-wrap: anywhere; }
    body :where(img, video, iframe) { max-width: 100%; }
    .section-padding { padding-top: 48px !important; padding-bottom: 48px !important; }
    .sec-title { margin-bottom: 24px; }
    .sec-title .title { font-size: clamp(25px, 7vw, 34px) !important; line-height: 1.2 !important; }
    .sec-title .sub-title { font-size: 12px; line-height: 1.55; }
    .row { --bs-gutter-x: 1.25rem; }
    .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    input, select, textarea, button { max-width: 100%; }
    .foorer-area .footer-top-wrapper { padding-top: 42px !important; padding-bottom: 28px !important; }
    .foorer-area .footer-bottom-wrapper { gap: 8px; flex-wrap: wrap; }
    .foorer-area .footer-bottom-wrapper > * { max-width: 100%; }
}

@media (max-width: 575px) {
    .shop-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .shop-section .product-box { height: 100%; }
    .shop-section .product-box .card-body { min-width: 0; }
    .shop-section .product-box .card-title,
    .shop-section .product-box h3 { font-size: 15px !important; line-height: 1.35; }
    .shop-section .product-box .price,
    .shop-section .product-box .product-price { font-size: 14px; }
    .shop-section .product-card-tags { flex-wrap: wrap; }
    .shop-section .product-card-tags > * { max-width: 100%; }
    .shop-section .product-box .btn,
    .shop-section .product-box button { padding: 9px 8px; font-size: 11px; }
}

@media (max-width: 360px) {
    .shop-product-grid { grid-template-columns: 1fr; }
}