.elementor-102 .elementor-element.elementor-element-53bbd27{--display:flex;}.elementor-102 .elementor-element.elementor-element-b363a07{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-102 .elementor-element.elementor-element-53bbd27{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-b363a07 *//* =====================================================
PANACUR HEADER - FULL WIDTH
===================================================== */

.panacur-header,
.panacur-header * {
box-sizing: border-box;
}

/* =====================================================
TOP BLUE BAR
===================================================== */

.panacur-topbar {
width: 100% !important;
background: #4882C0 !important;
margin: 0 !important;
padding: 10px 0 !important;
}

.panacur-topbar-inner {
width: 100% !important;
max-width: none !important;


margin: 0 !important;
padding: 0 25px !important;

display: flex;
align-items: center;
justify-content: space-between;

color: #ffffff;
font-family: Arial, Helvetica, sans-serif;

}

.panacur-topbar-inner span {
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
}

/* =====================================================
MAIN GREY HEADER
===================================================== */

.panacur-mainbar {
width: 100% !important;
min-height: 82px;


background: #EFEFEF !important;

margin: 0 !important;
padding: 0 20px !important;

display: flex;
align-items: center;

font-family: Arial, Helvetica, sans-serif;

border-bottom: 1px solid #d5d5d5;

position: relative;
z-index: 99999;

}

/* =====================================================
LOGO
===================================================== */

.panacur-logo {
width: 230px;
flex-shrink: 0;
}

.panacur-logo a {
display: flex;
flex-direction: column;


text-decoration: none !important;


}

.panacur-logo strong {
color: #222222;

font-size: 28px;
font-weight: 800;

letter-spacing: 1px;

line-height: 1;


}

.panacur-logo sup {
color: #4882C0;
font-size: 9px;
top: -10px;
position: relative;
}

.panacur-logo small {
color: #4882C0;


font-size: 10px;
font-weight: 700;

letter-spacing: 2.5px;

margin-top: 6px;


}

/* =====================================================
NAVIGATION
===================================================== */

.panacur-nav {
flex: 1;

display: flex;
align-items: center;
justify-content: center;

gap: 38px;

height: 82px;

}

.panacur-nav > a,
.panacur-shop > .shop-title {
color: #333333 !important;

\text-decoration: none !important;

font-size: 14px;
font-weight: 600;

white-space: nowrap;

transition: 0.2s ease;

}

.panacur-nav > a:hover,
.panacur-shop > .shop-title:hover {
color: #4882C0 !important;
}

/* =====================================================
SHOP
===================================================== */

.panacur-shop {
height: 82px;

display: flex;
align-items: center;

position: relative;


}

.shop-title {
display: flex;
align-items: center;
gap: 5px;
}

.shop-title span {
color: #666666;
font-size: 14px;
}

/* =====================================================
DROPDOWN
===================================================== */

.panacur-dropdown {
position: absolute;


top: 76px;
left: 50%;

width: 245px;

transform: translate(-50%, 10px);

background: #ffffff;

border-top: 3px solid #4882C0;

box-shadow: 0 12px 30px rgba(0,0,0,0.14);

border-radius: 0 0 6px 6px;

padding: 7px 0;

opacity: 0;
visibility: hidden;

pointer-events: none;

transition: 0.2s ease;

}

/* SHOW DROPDOWN */

.panacur-shop:hover .panacur-dropdown {
opacity: 1;
visibility: visible;


pointer-events: auto;

transform: translate(-50%, 0);


}

/* DROPDOWN LINKS */

.panacur-dropdown a {
display: flex;
align-items: center;

width: 100%;

padding: 12px 18px;

color: #333333 !important;

background: #ffffff;

text-decoration: none !important;

font-size: 13px;
font-weight: 500;

border-bottom: 1px solid #eeeeee;

transition: 0.2s ease;


}

.panacur-dropdown a:hover {
background: #EFEFEF;


color: #4882C0 !important;

padding-left: 23px;


}

/* SHOP ALL */

.panacur-dropdown .all-packs {
color: #4882C0 !important;

font-weight: 700;

border-bottom: none;

margin-top: 2px;


}

.panacur-dropdown .all-packs span {
margin-left: auto;
}

/* =====================================================
RIGHT BUTTONS
===================================================== */

.panacur-buttons {
width: 230px;


flex-shrink: 0;

display: flex;
align-items: center;
justify-content: flex-end;

gap: 10px;


}

/* CART */

.panacur-cart {
display: inline-flex;
align-items: center;
justify-content: center;

gap: 7px;

min-height: 40px;

padding: 9px 16px;

background: #ffffff;

border: 1px solid #d3d3d3;

border-radius: 5px;

color: #333333 !important;

text-decoration: none !important;

font-size: 13px;
font-weight: 600;

transition: 0.2s ease;

}

.panacur-cart:hover {
color: #4882C0 !important;

border-color: #4882C0;

}

/* CHECKOUT */

.panacur-checkout {
display: inline-flex;
align-items: center;
justify-content: center;

min-height: 40px;

padding: 9px 16px;

background: #4882C0;

border: 1px solid #4882C0;

border-radius: 5px;

color: #ffffff !important;

text-decoration: none !important;

font-size: 13px;
font-weight: 600;

transition: 0.2s ease;

}

.panacur-checkout:hover {
background: #386FA8;


border-color: #386FA8;

color: #ffffff !important;


}

/* =====================================================
REMOVE EXTRA SPACE
===================================================== */

.panacur-header {
width: 100% !important;


margin: 0 !important;
padding: 0 !important;

}

.panacur-header p {
margin: 0 !important;
}

/* =====================================================
TABLET
===================================================== */

@media (max-width: 1050px) {


.panacur-logo {
    width: 190px;
}

.panacur-nav {
    gap: 20px;
}

.panacur-buttons {
    width: 190px;
}

.panacur-checkout,
.panacur-cart {
    padding-left: 11px;
    padding-right: 11px;
}

}

/* =====================================================
MOBILE
===================================================== */

@media (max-width: 800px) {

.panacur-topbar-inner {
    flex-direction: column;
    gap: 4px;
    text-align: center;
}

.panacur-topbar-inner span {
    font-size: 10px;
}

.panacur-mainbar {
    padding: 18px 15px !important;

    flex-direction: column;

    gap: 15px;
}

.panacur-logo {
    width: auto;
    text-align: center;
}

.panacur-nav {
    width: 100%;
    height: auto;

    flex-wrap: wrap;

    gap: 8px 20px;
}

.panacur-shop {
    height: auto;
}

.panacur-buttons {
    width: 100%;

    justify-content: center;
}

.panacur-dropdown {
    top: 32px;
}


}/* =========================================
   REMOVE SPACE ABOVE & BELOW HEADER
========================================= */

.panacur-header {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.panacur-header,
.panacur-header > div,
.panacur-topbar,
.panacur-mainbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* REMOVE ELEMENTOR SPACE */

.elementor-element:has(.panacur-header) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.elementor-element:has(.panacur-header) > .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


/* REMOVE BODY/PAGE TOP SPACE */

body {
    margin-top: 0 !important;
}

html,
body {
    padding-top: 0 !important;
}


/* HEADER MAIN BAR */

.panacur-mainbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* TOP BAR */

.panacur-topbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}/* =========================================
   PANACUR HEADER - REMOVE ALL OUTER SPACE
========================================= */

/* Header itself */
.panacur-header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
}

/* Top bar */
.panacur-topbar {
    margin: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Main bar */
.panacur-mainbar {
    margin: 0 !important;
}


/* =========================================
   ELEMENTOR HTML WIDGET
========================================= */

.panacur-header {
    line-height: normal !important;
}

.panacur-header + * {
    margin-top: 0 !important;
}


/* Elementor widget containing header */
.elementor-widget-html:has(.panacur-header) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Elementor widget container */
.elementor-widget-html:has(.panacur-header) .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   PARENT CONTAINER
========================================= */

.elementor-section:has(.panacur-header),
.elementor-container:has(.panacur-header),
.elementor-element:has(.panacur-header) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================
   PAGE TOP/BOTTOM GAP
========================================= */

body {
    margin: 0 !important;
}

body.elementor-page {
    margin: 0 !important;
}


/* =========================================
   NO GAP BETWEEN HEADER & CONTENT
========================================= */

.panacur-header,
.panacur-header ~ section,
.panacur-header ~ div {
    margin-top: 0 !important;
}


/* =========================================
   MOBILE TOO
========================================= */

@media (max-width: 800px) {

    .panacur-header {
        margin: 0 !important;
        padding: 0 !important;
    }

}/* End custom CSS */