.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================
   DUTCH PHARMA — SMOOTH BACKGROUND TRANSITION V1.0

   Works with:
   Header V3.0       .dphead
   Hero V7           .dpv7
   Trust Bar V1.0    .dp-trust

   Purpose:
   - Eliminate harsh section background changes
   - Match navy shades across sections
   - Preserve blue product illumination
   - Preserve glassmorphism cards
   - Remove unnecessary divider lines
===================================================== */


/* ===========================================
   01 — SHARED COLOR VARIABLES
=========================================== */

:root {
    --dp-transition-navy: #071426;
    --dp-transition-mid: #0B1F38;
    --dp-transition-blue: #102C4C;
    --dp-transition-border: rgba(190,218,248,.12);
}


/* ===========================================
   02 — HEADER

   Header should blend into hero.
=========================================== */

body .dphead {
    background: #071426 !important;

    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}


/* ===========================================
   03 — HERO BACKGROUND

   Top matches header.
   Bottom matches trust bar.
=========================================== */

body .dpv7 {
    background:
        radial-gradient(
            ellipse 47% 63% at 79% 53%,
            rgba(49,108,181,.16) 0%,
            rgba(31,83,155,.07) 45%,
            transparent 80%
        ),
        linear-gradient(
            180deg,
            #071426 0%,
            #08182D 52%,
            #0B1F38 100%
        ) !important;

    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}


/* ===========================================
   04 — HERO PRODUCT LIGHT

   Keep localized blue glow without
   affecting section boundaries.
=========================================== */

body .dpv7__visual {
    background:
        radial-gradient(
            ellipse at 50% 50%,
            rgba(55,119,192,.11) 0%,
            rgba(35,88,155,.045) 45%,
            transparent 75%
        ) !important;
}

body .dpv7__backlight {
    background:
        radial-gradient(
            ellipse at center,
            rgba(74,140,211,.20) 0%,
            rgba(40,93,159,.10) 46%,
            transparent 76%
        ) !important;
}


/* ===========================================
   05 — TRUST BAR BACKGROUND

   Starts with the hero bottom color.
   Gradually returns to deep navy.
=========================================== */

body .dp-trust {
    background:
        linear-gradient(
            180deg,
            #0B1F38 0%,
            #0A1C33 45%,
            #071426 100%
        ) !important;

    border-top: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}


/* ===========================================
   06 — KEEP TRUST CARDS PREMIUM

   Only soft borders, no harsh section edges.
=========================================== */

body .dp-trust__benefit {
    border-color: rgba(185,215,247,.19);
}

body .dp-trust__delivery {
    border-color: rgba(185,215,247,.15);
}

body .dp-trust__country {
    border-color: rgba(185,215,247,.14);
}


/* ===========================================
   07 — REMOVE GAPS BETWEEN SECTIONS

   Elementor widgets can introduce margins.
=========================================== */

body .dphead,
body .dpv7,
body .dp-trust {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ===========================================
   08 — MOBILE / TABLET

   Preserve the same color continuity.
=========================================== */

@media (max-width: 767px) {

    body .dpv7 {
        background:
            radial-gradient(
                ellipse 85% 32% at 50% 80%,
                rgba(43,104,177,.13) 0%,
                transparent 85%
            ),
            linear-gradient(
                180deg,
                #071426 0%,
                #08182D 50%,
                #0B1F38 100%
            ) !important;
    }

    body .dp-trust {
        background:
            linear-gradient(
                180deg,
                #0B1F38 0%,
                #091B32 50%,
                #071426 100%
            ) !important;
    }
}

/* ===========================================
   END — DUTCH PHARMA TRANSITION V1.0
=========================================== *//* End custom CSS */