.elementor-kit-26{--e-global-color-primary:#1FB87A;--e-global-color-secondary:#103F36;--e-global-color-text:#17362F;--e-global-color-accent:#0F6B55;--e-global-color-27de050:#FEB4F0;--e-global-color-bc691c3:#7CD5F4;--e-global-color-e1675ef:#FFFFFF;--e-global-color-2447a6f:#EF4444;--e-global-color-7513496:#FFD05A;--e-global-color-51cefe0:#EE7F50;--e-global-color-5a1c96f:#FFC0A5;--e-global-color-e43475d:#FFFFFF;--e-global-color-9aaeda4:#EFFCF8;--e-global-color-4d904a6:#F3F3F3;--e-global-color-ae5b26f:#D4D4D4;--e-global-color-3499647:#FFFFFF52;--e-global-color-bbab1c9:#00000080;--e-global-color-b5d7738:#FFFFFF00;--e-global-color-280d3cd:#1FB87A;--e-global-color-d1fc16e:#0F6B55;--e-global-color-737f229:#103F36;--e-global-color-bd784ca:#17362F;--e-global-color-d8397f6:#667A73;--e-global-color-73be9d9:#F7F7F2;--e-global-color-d01be32:#FFFFFF;--e-global-color-ad7aee5:#E8F8F1;--e-global-color-32c5c9f:#D7F3E7;--e-global-color-b9efd6d:#FFF8EA;--e-global-color-8c79031:#E3F1F4;--e-global-color-65f4c51:#DCE9E2;--e-global-color-573ea75:#D9665B;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-00ee8ae-font-family:"Plus Jakarta Sans";--e-global-typography-00ee8ae-font-size:6em;--e-global-typography-00ee8ae-font-weight:800;--e-global-typography-00ee8ae-line-height:1.4em;--e-global-typography-dd84c2a-font-family:"Plus Jakarta Sans";--e-global-typography-dd84c2a-font-size:4.75em;--e-global-typography-dd84c2a-font-weight:800;--e-global-typography-dd84c2a-line-height:1.4em;--e-global-typography-7a18d94-font-family:"Plus Jakarta Sans";--e-global-typography-7a18d94-font-size:4em;--e-global-typography-7a18d94-font-weight:800;--e-global-typography-7a18d94-line-height:1.4em;--e-global-typography-37f7592-font-family:"Plus Jakarta Sans";--e-global-typography-37f7592-font-size:3em;--e-global-typography-37f7592-font-weight:700;--e-global-typography-37f7592-line-height:1.4em;--e-global-typography-588d062-font-family:"Plus Jakarta Sans";--e-global-typography-588d062-font-size:2.5em;--e-global-typography-588d062-font-weight:700;--e-global-typography-588d062-line-height:1.4em;--e-global-typography-a93c118-font-family:"Plus Jakarta Sans";--e-global-typography-a93c118-font-size:2em;--e-global-typography-a93c118-font-weight:700;--e-global-typography-a93c118-line-height:1.4em;--e-global-typography-1caae1d-font-family:"Plus Jakarta Sans";--e-global-typography-1caae1d-font-size:1.5em;--e-global-typography-1caae1d-font-weight:700;--e-global-typography-1caae1d-line-height:1.4em;--e-global-typography-6c53e7b-font-family:"Plus Jakarta Sans";--e-global-typography-6c53e7b-font-size:1.25em;--e-global-typography-6c53e7b-font-weight:700;--e-global-typography-6c53e7b-line-height:1.4em;--e-global-typography-19f1c2d-font-family:"Plus Jakarta Sans";--e-global-typography-19f1c2d-font-size:1.125em;--e-global-typography-19f1c2d-font-weight:700;--e-global-typography-19f1c2d-line-height:1.4em;--e-global-typography-a45afba-font-family:"Plus Jakarta Sans";--e-global-typography-a45afba-font-size:1.063em;--e-global-typography-a45afba-font-weight:600;--e-global-typography-a45afba-text-transform:uppercase;--e-global-typography-a45afba-line-height:1em;--e-global-typography-a45afba-letter-spacing:0.08em;--e-global-typography-0d00836-font-family:"Inter";--e-global-typography-0d00836-font-size:1em;--e-global-typography-0d00836-font-weight:400;--e-global-typography-0d00836-line-height:1.4em;--e-global-typography-4bb067c-font-family:"DM Sans";--e-global-typography-4bb067c-font-size:0.75em;--e-global-typography-4bb067c-font-weight:400;--e-global-typography-4bb067c-line-height:1.1em;--e-global-typography-aee6dfd-font-family:"Inter";--e-global-typography-aee6dfd-font-size:1em;--e-global-typography-aee6dfd-font-weight:600;--e-global-typography-aee6dfd-line-height:1em;--e-global-typography-aee6dfd-letter-spacing:0.02em;--e-global-typography-2dc7679-font-family:"Plus Jakarta Sans";--e-global-typography-2dc7679-font-size:0.875em;--e-global-typography-2dc7679-font-weight:600;--e-global-typography-2dc7679-line-height:1em;font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-26 button,.elementor-kit-26 input[type="button"],.elementor-kit-26 input[type="submit"],.elementor-kit-26 .elementor-button{background-color:var( --e-global-color-7513496 );font-family:var( --e-global-typography-2dc7679-font-family ), Sans-serif;font-size:var( --e-global-typography-2dc7679-font-size );font-weight:var( --e-global-typography-2dc7679-font-weight );line-height:var( --e-global-typography-2dc7679-line-height );color:var( --e-global-color-primary );border-style:none;border-radius:100px 100px 100px 100px;}.elementor-kit-26 button:hover,.elementor-kit-26 button:focus,.elementor-kit-26 input[type="button"]:hover,.elementor-kit-26 input[type="button"]:focus,.elementor-kit-26 input[type="submit"]:hover,.elementor-kit-26 input[type="submit"]:focus,.elementor-kit-26 .elementor-button:hover,.elementor-kit-26 .elementor-button:focus{background-color:var( --e-global-color-5a1c96f );color:var( --e-global-color-primary );border-style:none;border-radius:100px 100px 100px 100px;}.elementor-kit-26 e-page-transition{background-color:#FFBC7D;}.elementor-kit-26 h2{font-size:24px;font-weight:600;line-height:33px;}.elementor-kit-26 h3{font-size:22px;font-weight:600;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-26{--e-global-typography-00ee8ae-font-size:5.16em;--e-global-typography-dd84c2a-font-size:4.3em;--e-global-typography-7a18d94-font-size:3.583em;--e-global-typography-37f7592-font-size:2.986em;--e-global-typography-588d062-font-size:2.488em;--e-global-typography-a93c118-font-size:2.074em;--e-global-typography-1caae1d-font-size:1.728em;--e-global-typography-6c53e7b-font-size:1.44em;--e-global-typography-19f1c2d-font-size:1.2em;--e-global-typography-a45afba-font-size:1em;--e-global-typography-0d00836-font-size:1em;--e-global-typography-4bb067c-font-size:0.694em;--e-global-typography-aee6dfd-font-size:1em;--e-global-typography-2dc7679-font-size:0.833em;font-size:1em;}.elementor-kit-26 button,.elementor-kit-26 input[type="button"],.elementor-kit-26 input[type="submit"],.elementor-kit-26 .elementor-button{font-size:var( --e-global-typography-2dc7679-font-size );line-height:var( --e-global-typography-2dc7679-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-26{--e-global-typography-00ee8ae-font-size:2.887em;--e-global-typography-dd84c2a-font-size:2.566em;--e-global-typography-7a18d94-font-size:2.281em;--e-global-typography-37f7592-font-size:2.027em;--e-global-typography-588d062-font-size:1.802em;--e-global-typography-a93c118-font-size:1.602em;--e-global-typography-1caae1d-font-size:1.424em;--e-global-typography-6c53e7b-font-size:1.266em;--e-global-typography-19f1c2d-font-size:1.125em;--e-global-typography-a45afba-font-size:0.875em;--e-global-typography-0d00836-font-size:1em;--e-global-typography-4bb067c-font-size:0.79em;--e-global-typography-aee6dfd-font-size:0.875em;--e-global-typography-2dc7679-font-size:0.875em;font-size:1em;}.elementor-kit-26 button,.elementor-kit-26 input[type="button"],.elementor-kit-26 input[type="submit"],.elementor-kit-26 .elementor-button{font-size:var( --e-global-typography-2dc7679-font-size );line-height:var( --e-global-typography-2dc7679-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   SUPERLATIF GLOBAL DESIGN TOKENS
   Version 3.0 — Clean Human-Centered System

   INSTALL:
   Elementor Editor > Site Settings > Custom CSS

   IMPORTANT:
   This file REPLACES the old Neo-Brutalism CSS.
   Do not run both global files at the same time.
   ============================================ */

:root {
    /* === CORE BRAND COLORS === */
    --sl-primary:          #1FB87A;
    --sl-primary-hover:    #0F6B55;
    --sl-primary-deep:     #103F36;
    --sl-text:             #17362F;
    --sl-muted:            #667A73;

    /* === SURFACES === */
    --sl-background:       #F7F7F2;
    --sl-surface:          #FFFFFF;
    --sl-mint:             #E8F8F1;
    --sl-mint-strong:      #D7F3E7;
    --sl-warm:             #FFF8EA;
    --sl-info:             #E3F1F4;
    --sl-soft-purple:      #F1EFFB;
    --sl-danger:           #D9665B;

    /* === STRUCTURE === */
    --sl-line:             #DCE9E2;
    --sl-line-strong:      #C9DDD3;
    --sl-overlay:          rgba(8, 32, 27, 0.56);

    /* === TYPOGRAPHY === */
    --sl-font-heading:     'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --sl-font-body:        'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* === RADII === */
    --sl-radius-xs:        8px;
    --sl-radius-sm:        12px;
    --sl-radius-md:        16px;
    --sl-radius-lg:        22px;
    --sl-radius-xl:        28px;
    --sl-radius-pill:      999px;

    /* === SOFT SHADOWS === */
    --sl-shadow-xs:        0 4px 14px rgba(16, 63, 54, 0.05);
    --sl-shadow-sm:        0 10px 28px rgba(16, 63, 54, 0.08);
    --sl-shadow-md:        0 18px 46px rgba(16, 63, 54, 0.11);
    --sl-shadow-lg:        0 26px 70px rgba(16, 63, 54, 0.15);
    --sl-shadow-focus:     0 0 0 4px rgba(31, 184, 122, 0.16);

    /* === SPACING & MOTION === */
    --sl-space-section:    clamp(64px, 8vw, 112px);
    --sl-gap:              1.5rem;
    --sl-content-width:    1240px;
    --sl-ease:             cubic-bezier(0.22, 1, 0.36, 1);

    /* === LEGACY TOKEN ALIASES ===
       Keeps older Superlatif HTML working while removing hard visual styling. */
    --sl-cream:            var(--sl-background);
    --sl-green:            var(--sl-primary);
    --sl-green-dark:       var(--sl-primary-hover);
    --sl-yellow:           #F6E8B9;
    --sl-pink:             #F3E9F1;
    --sl-blue:             var(--sl-info);
    --sl-ink:              var(--sl-text);
    --sl-white:            var(--sl-surface);
    --sl-red:              var(--sl-danger);
    --sl-border:           1px solid var(--sl-line);
    --sl-border-thick:     1px solid var(--sl-line-strong);
    --sl-shadow-hover:     var(--sl-shadow-md);
    --sl-radius:           var(--sl-radius-md);
}

/* ============================================
   GLOBAL FOUNDATION
   ============================================ */

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--sl-background) !important;
    color: var(--sl-text) !important;
    font-family: var(--sl-font-body) !important;
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
    font-family: var(--sl-font-body);
}

::selection {
    background: var(--sl-mint-strong);
    color: var(--sl-primary-deep);
}

img {
    max-width: 100%;
}

/* Avoid applying a forced font to every span.
   Icon libraries often use span elements and need their own icon font. */
p,
li,
label,
input,
textarea,
select,
button,
.elementor-widget-text-editor {
    font-family: var(--sl-font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
    margin-top: 0;
    color: var(--sl-text) !important;
    font-family: var(--sl-font-heading) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em;
    line-height: 1.2;
    text-wrap: balance;
}

h1,
.elementor-widget-heading h1.elementor-heading-title {
    font-size: clamp(2.125rem, 4.5vw, 3.5rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

h2,
.elementor-widget-heading h2.elementor-heading-title {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    line-height: 1.14;
}

h3,
.elementor-widget-heading h3.elementor-heading-title {
    font-size: clamp(1.5rem, 2.6vw, 1.875rem);
}

h4,
.elementor-widget-heading h4.elementor-heading-title {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    color: inherit;
}

/* ============================================
   LINKS
   ============================================ */

a {
    color: var(--sl-primary-hover);
    text-decoration: none;
    text-underline-offset: 0.18em;
    transition:
        color 280ms var(--sl-ease),
        opacity 280ms var(--sl-ease);
}

a:hover {
    color: var(--sl-primary-deep);
}

.entry-content a:not(.elementor-button):not(.wp-block-button__link):hover {
    text-decoration: underline;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid rgba(31, 184, 122, 0.28) !important;
    outline-offset: 3px;
}

/* ============================================
   ELEMENTOR / WORDPRESS / WOOCOMMERCE BUTTONS
   ============================================ */

.elementor-button,
.elementor-button-wrapper .elementor-button,
.wp-block-button__link,
.wp-element-button,
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    min-height: 46px;
    padding: 13px 22px !important;
    border: 0 !important;
    border-radius: var(--sl-radius-sm) !important;
    color: var(--sl-primary-deep) !important;
    background-color: var(--sl-primary) !important;
    box-shadow: var(--sl-shadow-xs) !important;
    font-family: var(--sl-font-body) !important;
    font-size: 15px;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-decoration: none !important;
    cursor: pointer;
    transition:
        transform 320ms var(--sl-ease),
        background-color 320ms var(--sl-ease),
        box-shadow 320ms var(--sl-ease) !important;
}

.elementor-button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    transform: translateY(-2px) !important;
    color: var(--sl-surface) !important;
    background-color: var(--sl-primary-hover) !important;
    box-shadow: var(--sl-shadow-sm) !important;
}

.elementor-button:active,
.wp-block-button__link:active,
.woocommerce .button:active {
    transform: translateY(0) !important;
    box-shadow: var(--sl-shadow-xs) !important;
}

.sl-btn-secondary .elementor-button,
.elementor-button.sl-btn-secondary {
    border: 1px solid var(--sl-line-strong) !important;
    color: var(--sl-primary-deep) !important;
    background-color: var(--sl-surface) !important;
    box-shadow: none !important;
}

.sl-btn-secondary .elementor-button:hover,
.elementor-button.sl-btn-secondary:hover {
    border-color: #A9D8C5 !important;
    color: var(--sl-primary-deep) !important;
    background-color: var(--sl-mint) !important;
}

.sl-btn-dark .elementor-button,
.elementor-button.sl-btn-dark {
    color: var(--sl-surface) !important;
    background-color: var(--sl-primary-deep) !important;
}

.sl-btn-text .elementor-button,
.elementor-button.sl-btn-text {
    min-height: auto;
    padding: 5px 0 !important;
    border-radius: 0 !important;
    color: var(--sl-primary-hover) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sl-btn-text .elementor-button:hover,
.elementor-button.sl-btn-text:hover {
    transform: none !important;
    color: var(--sl-primary-deep) !important;
}

/* ============================================
   ELEMENTOR CARDS
   ============================================ */

.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-widget-icon-box .elementor-icon-box-wrapper,
.elementor-widget-testimonial .elementor-testimonial-wrapper {
    overflow: hidden;
    border: 1px solid var(--sl-line) !important;
    border-radius: var(--sl-radius-lg) !important;
    background-color: var(--sl-surface);
    box-shadow: var(--sl-shadow-sm) !important;
    transition:
        transform 380ms var(--sl-ease),
        border-color 380ms var(--sl-ease),
        box-shadow 380ms var(--sl-ease) !important;
}

.elementor-widget-image-box:hover .elementor-image-box-wrapper,
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper {
    transform: translateY(-4px) !important;
    border-color: var(--sl-line-strong) !important;
    box-shadow: var(--sl-shadow-md) !important;
}

.e-con.sl-card,
.elementor-section.sl-card,
.elementor-widget.sl-card > .elementor-widget-container,
.sl-card:not(.elementor-widget) {
    border: 1px solid var(--sl-line) !important;
    border-radius: var(--sl-radius-lg) !important;
    background: var(--sl-surface) !important;
    box-shadow: var(--sl-shadow-sm) !important;
}

.e-con.sl-card,
.elementor-section.sl-card,
.sl-card:not(.elementor-widget) {
    overflow: hidden;
}

.sl-card-interactive {
    transition:
        transform 380ms var(--sl-ease),
        border-color 380ms var(--sl-ease),
        box-shadow 380ms var(--sl-ease) !important;
}

.sl-card-interactive:hover {
    transform: translateY(-4px) !important;
    border-color: var(--sl-line-strong) !important;
    box-shadow: var(--sl-shadow-md) !important;
}

/* ============================================
   SECTIONS / CONTAINERS
   ============================================ */

.elementor-section.sl-section-cream,
.e-con.sl-section-cream,
.sl-bg-cream {
    background-color: var(--sl-background) !important;
}

.elementor-section.sl-section-white,
.e-con.sl-section-white,
.sl-bg-white {
    background-color: var(--sl-surface) !important;
}

.elementor-section.sl-section-green,
.e-con.sl-section-green,
.sl-bg-green {
    background-color: var(--sl-mint) !important;
}

.elementor-section.sl-section-dark,
.e-con.sl-section-dark,
.sl-bg-dark {
    color: var(--sl-surface) !important;
    background-color: var(--sl-primary-deep) !important;
}

.sl-section-dark h1,
.sl-section-dark h2,
.sl-section-dark h3,
.sl-section-dark h4,
.sl-section-dark h5,
.sl-section-dark h6,
.sl-bg-dark h1,
.sl-bg-dark h2,
.sl-bg-dark h3 {
    color: var(--sl-surface) !important;
}

.sl-section-space {
    padding-top: var(--sl-space-section) !important;
    padding-bottom: var(--sl-space-section) !important;
}

.sl-container {
    width: min(100% - 32px, var(--sl-content-width));
    margin-right: auto;
    margin-left: auto;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */

.elementor-form .elementor-field-textual,
.elementor-form input[type='text'],
.elementor-form input[type='email'],
.elementor-form input[type='tel'],
.elementor-form input[type='password'],
.elementor-form textarea,
.elementor-form select,
.woocommerce form .input-text,
.woocommerce form select,
.comment-form input[type='text'],
.comment-form input[type='email'],
.comment-form textarea {
    min-height: 48px;
    padding: 12px 15px !important;
    border: 1px solid var(--sl-line-strong) !important;
    border-radius: var(--sl-radius-sm) !important;
    color: var(--sl-text) !important;
    background-color: var(--sl-surface) !important;
    box-shadow: none !important;
    font-family: var(--sl-font-body) !important;
    font-size: 16px;
    line-height: 1.5;
    transition:
        border-color 280ms var(--sl-ease),
        box-shadow 280ms var(--sl-ease) !important;
}

.elementor-form textarea,
.woocommerce form textarea,
.comment-form textarea {
    min-height: 128px;
    resize: vertical;
}

.elementor-form .elementor-field-textual:focus,
.elementor-form input:focus,
.elementor-form textarea:focus,
.elementor-form select:focus,
.woocommerce form .input-text:focus,
.woocommerce form select:focus,
.comment-form input:focus,
.comment-form textarea:focus {
    outline: none !important;
    border-color: var(--sl-primary) !important;
    box-shadow: var(--sl-shadow-focus) !important;
}

.elementor-form .elementor-field-label,
.woocommerce form label,
.comment-form label {
    margin-bottom: 7px;
    color: var(--sl-text);
    font-size: 14px;
    font-weight: 600;
}

/* ============================================
   WORDPRESS BLOG / COMMENTS
   ============================================ */

.blog article.post,
.archive article.post,
.elementor-post,
.elementor-posts .elementor-post {
    overflow: hidden;
    border: 1px solid var(--sl-line) !important;
    border-radius: var(--sl-radius-lg) !important;
    background-color: var(--sl-surface) !important;
    box-shadow: var(--sl-shadow-sm) !important;
    transition:
        transform 380ms var(--sl-ease),
        border-color 380ms var(--sl-ease),
        box-shadow 380ms var(--sl-ease) !important;
}

.blog article.post:hover,
.archive article.post:hover,
.elementor-post:hover {
    transform: translateY(-4px) !important;
    border-color: var(--sl-line-strong) !important;
    box-shadow: var(--sl-shadow-md) !important;
}

.entry-title a,
.post-title a,
.elementor-post__title a {
    color: var(--sl-text) !important;
    font-family: var(--sl-font-heading) !important;
    text-decoration: none !important;
}

.entry-meta,
.post-meta,
.elementor-post__meta-data {
    color: var(--sl-muted);
    font-family: var(--sl-font-body) !important;
    font-size: 13px;
    font-weight: 500;
}

.post-thumbnail img,
.entry-thumbnail img,
.wp-post-image {
    display: block;
    width: 100%;
    border: 0 !important;
}

.comment-list .comment-body,
.commentlist .comment-body {
    margin-bottom: 16px;
    padding: 20px !important;
    border: 1px solid var(--sl-line) !important;
    border-radius: var(--sl-radius-md) !important;
    background: var(--sl-surface);
    box-shadow: none !important;
}

/* ============================================
   WOOCOMMERCE / SEJOLI PRODUCT SURFACES
   ============================================ */

.woocommerce ul.products li.product,
.product-card {
    overflow: hidden;
    border: 1px solid var(--sl-line) !important;
    border-radius: var(--sl-radius-lg) !important;
    background: var(--sl-surface) !important;
    box-shadow: var(--sl-shadow-sm) !important;
    transition:
        transform 380ms var(--sl-ease),
        border-color 380ms var(--sl-ease),
        box-shadow 380ms var(--sl-ease) !important;
}

.woocommerce ul.products li.product:hover,
.product-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--sl-line-strong) !important;
    box-shadow: var(--sl-shadow-md) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--sl-primary-hover) !important;
    font-weight: 700;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 16px 18px !important;
    border: 1px solid var(--sl-line) !important;
    border-top: 0 !important;
    border-radius: var(--sl-radius-md);
    background: var(--sl-surface);
    box-shadow: var(--sl-shadow-xs);
}

/* ============================================
   BADGES / TAGS
   ============================================ */

.sl-badge,
.tagcloud a,
.post-tags a,
.woocommerce span.onsale {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 5px 10px !important;
    border: 0 !important;
    border-radius: var(--sl-radius-pill) !important;
    color: var(--sl-primary-deep) !important;
    background-color: var(--sl-mint) !important;
    box-shadow: none !important;
    font-family: var(--sl-font-body) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

/* ============================================
   UTILITY CLASSES FOR ELEMENTOR
   ============================================ */

.sl-border {
    border: 1px solid var(--sl-line) !important;
}

.sl-shadow {
    box-shadow: var(--sl-shadow-sm) !important;
}

.sl-shadow-lg {
    box-shadow: var(--sl-shadow-lg) !important;
}

.sl-rounded {
    border-radius: var(--sl-radius-lg) !important;
}

.sl-bg-yellow {
    background-color: var(--sl-warm) !important;
}

.sl-bg-pink {
    background-color: var(--sl-soft-purple) !important;
}

.sl-bg-blue {
    background-color: var(--sl-info) !important;
}

.sl-text-muted {
    color: var(--sl-muted) !important;
}

.sl-font-mono {
    font-family: var(--sl-font-body) !important;
}

.sl-highlight {
    display: inline;
    padding: 2px 5px;
    border-radius: 5px;
    background: var(--sl-mint-strong);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Legacy rotation helpers are intentionally neutralized. */
.sl-rotate-neg,
.sl-rotate-pos {
    transform: none !important;
}

/* ============================================
   RESPONSIVE & ACCESSIBILITY
   ============================================ */

@media (max-width: 767px) {
    :root {
        --sl-gap: 1rem;
    }

    body {
        font-size: 16px;
    }

    .elementor-button,
    .wp-block-button__link,
    .woocommerce .button {
        min-height: 48px;
    }

    .sl-section-space {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}/* End custom CSS */