body {
	/*
font-family: "Alike Angular", serif;
font-family: "Lato", sans-serif;
	font-family: "Homemade Apple", cursive;
	
	<link href="templates/shaper_helixultimate/css/customk11.css" rel="stylesheet" type="text/css">

	
	*/
font-family: "Lato", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #626537;
background-color: #F7F6F5;
/*letter-spacing: 0.01em;*/

	/* -webkit-font-smoothing: antialiased;
	letter-spacing: -0.45px;*/
}
.sppb-addon-content {
	/*padding: 0px 20px 0px 20px;*/
}
.primo-elemento-riga-fluida {
    padding-left: max(30px, calc((100vw - 1140px) / 2));
}

#sp-header.header-sticky {
    background-color: #D9D1B2;
	height: 138px;
}
#sp-header.header-sticky .logo-image {
    height: 106px;
    margin-top: -50px;
}

.page-top{
	margin-top: -200px!important;
}
.pag-shop #sp-header {
    background: transparent;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, .1);
}

.view-product #sp-header {
    background-color: #626537;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, .1);
}

.view-product #sp-header.header-sticky {
    background-color: #D9D1B2!important;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, .1);
}
.view-checkout #sp-header {
    background-color: #626537;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, .1);
}

.view-checkout #sp-header.header-sticky {
    background-color: #D9D1B2!important;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, .1);
}


/*

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
}
.sppb-row-container {
    max-width: 1140px;
} */

#sp-main {
    /*margin-top: -210px;*/
}


a {
    color: #9DA259;
}
a:hover, a:focus, a:active {
    color: #9DA259;
}

b, strong {
    font-weight: 700;
}
h1 {
    font-family: "Alike Angular", serif;
    /*font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    letter-spacing: 0px;
	color: #076CB4;*/
}

h2 {
    font-family: "Alike Angular", serif;
    /*font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    letter-spacing: 0px;
	color: #076CB4;*/
}

#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
  color: #747054;
}
#sp-footer a, #sp-bottom a {
    color: #747054;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin: 50px 30px 0px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -3000px;
    top: 0;
}
.burger-icon>span {
    display: block;
    height: 2px;
    background-color: #D9D1B2;
    margin: 5px 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #D9D1B2;
}
.offcanvas-menu {
    /* background-color: #626537; */
    /* color: #252525; */
    width: 100%;
    background-image: url(../images/bg-menu-mobile.jpg);
    /* background-repeat: no-repeat; */
    /* background-position: bottom left; */
    background-size: contain;
}
.header-sticky .burger-icon > span {
    background-color: #626537 !important;
}


.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 18px;
    padding: 10px 0px;
    position: relative;
    line-height: 18px;
    opacity: 1;
    transition: .3s;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}

.offcanvas-menu.center-alignment .offcanvas-inner {
    padding: 50px 30px 0px 30px;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 0px solid rgba(32, 31, 31, .1);
    margin-bottom: 0;
    padding-top: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header,
.offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading {
    color: #D9D1B2 !important;
    text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
    text-underline-offset: 16px !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #D9D1B2 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 16px !important;
}
















#sp-header {
    background: transparent;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, .1);
}

.lingue {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.lingue a {
    display: block;
    line-height: 0;
}

.lingue img {
    display: block;
    width: 39px;
    height: 21px;
}


#sp-top-bar .sp-module {
    margin: 0px;
}


/* Top bar sopra il contenuto */
#sp-top-bar {
    position: relative;
    z-index: 100;
    background: transparent;
    height: 0px;
	padding: 0px;
}


#sp-header.header-sticky .logo-image {
    content: url("../images/logo-palmieri-azienda-agricola.png");
    height: 106px;
    width: auto;
    margin-top: -50px;
}
.d-flex {
    margin-top: -20px;
}

#offcanvas-toggler{
	display: none!important;
	visibility: hidden!important;
}



#sp-footer, #sp-bottom {
    background: #36341b;
    color: #747054;
}





/* =========================================
   MENU PRINCIPALE - VOCI
   ========================================= */

.sp-megamenu-parent > li > a {
	position: relative;
    display: inline-block;
    color: #d9d1b2;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0px;
    margin: 10px;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a {
    color: #626537;
}



/* =========================================
   RIGA SOTTO LA VOCE
   ========================================= */

.sp-megamenu-parent > li > a::after {
    content: "";
    position: absolute;

    left: 50%;
    bottom: -10px;

    width: 100%;
    height: 2px;

    background-color: #d9d1b2;

    transform: translateX(-50%) scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a::after {
    background-color: #626537;
}


/* =========================================
   HOVER + VOCE ATTIVA
   ========================================= */

.sp-megamenu-parent > li > a:hover::after,
.sp-megamenu-parent > li.active > a::after {
    transform: translateX(-50%) scaleX(1);
}


/* =========================================
   VOCE ATTIVA
   ========================================= */

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #d9d1b2;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700;
	padding: 0px 5px;
}

#sp-header.header-sticky .sp-megamenu-parent > li.active > a,
#sp-header.header-sticky .sp-megamenu-parent > li.active:hover > a {
    color: #626537;
}




/* Icona utente - header normale e sticky */
#sp-header .sp-profile-wrapper .sp-sign-in {
    display: block !important;
    width: 15px !important;
    height: 21px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Icona OFF - header normale */
#sp-header .sp-profile-wrapper .sp-sign-in::before {
    content: "";
    display: block;
    width: 15px;
    height: 21px;
    background-image: url("../images/ico-utente-off.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Icona ON - header sticky */
#sp-header.header-sticky .sp-profile-wrapper .sp-sign-in::before {
    background-image: url("../images/ico-utente-on.svg");
}

/* Nasconde gli elementi originali */
#sp-header .sp-profile-wrapper .sp-sign-in > i,
#sp-header .sp-profile-wrapper .user-text {
    display: none !important;
}


.sp-sign-in{
	display: none;
	visibility: hidden;
}

.sp-profile-wrapper{
	display: none;
	visibility: hidden;
}

/* Icona carrello */
/*#sp-header .sp-profile-wrapper::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 18px;
    background-image: url("../images/ico-carrello-off.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}*/

/* Icona carrello - sticky */
/*#sp-header.header-sticky .sp-profile-wrapper::after {
    background-image: url("../images/ico-carrello-on.svg");
}*/







/* =========================================
   BORDO SPEZZATO RIGA - SOLO SUPERIORE
   ========================================= */

/*.bordo-spezzato-riga-top {
    clip-path: polygon(
        0% 4.4px,
        2.4% 6.8px,
        4.7% 5.1px,
        7.1% 8.8px,
        8.5% 4.5px,
        11.5% 4.3px,
        14.8% 7.9px,
        17.4% 1.0px,
        19.7% 14.0px,
        21.5% 15.3px,
        23.6% 7.1px,
        26.3% 8.0px,
        28.5% 10.0px,
        31.8% 8.2px,
        33.7% 1.6px,
        35.1% 6.4px,
        38.2% 9.7px,
        41.2% 14.0px,
        44.4% 9.9px,
        46.5% 16.1px,
        49.4% 4.5px,
        51.3% 8.5px,
        52.8% 1.2px,
        54.1% 5.1px,
        56.6% 5.1px,
        59.4% 2.3px,
        60.8% 5.3px,
        62.6% 8.8px,
        64.5% 5.3px,
        66.6% 7.9px,
        68.0% 5.3px,
        69.8% 6.0px,
        71.6% 13.5px,
        74.1% 2.2px,
        76.1% 9.8px,
        78.4% 9.2px,
        80.0% 2.8px,
        83.0% 1.4px,
        85.8% 5.2px,
        89.1% 7.6px,
        91.2% 1.1px,
        94.5% 2.4px,
        96.3% 7.6px,
        98.1% 2.4px,
        99.5% 2.1px,
        100% 5.7px,

        100% 100%,
        0% 100%
    );
}
*/


.bordo-spezzato-riga-top {
    
    -webkit-clip-path: polygon(
        0% 4.4px,
        2.4% 6.8px,
        4.7% 5.1px,
        7.1% 8.8px,
        8.5% 4.5px,
        11.5% 4.3px,
        14.8% 7.9px,
        17.4% 1.0px,
        19.7% 14.0px,
        21.5% 15.3px,
        23.6% 7.1px,
        26.3% 8.0px,
        28.5% 10.0px,
        31.8% 8.2px,
        33.7% 1.6px,
        35.1% 6.4px,
        38.2% 9.7px,
        41.2% 14.0px,
        44.4% 9.9px,
        46.5% 16.1px,
        49.4% 4.5px,
        51.3% 8.5px,
        52.8% 1.2px,
        54.1% 5.1px,
        56.6% 5.1px,
        59.4% 2.3px,
        60.8% 5.3px,
        62.6% 8.8px,
        64.5% 5.3px,
        66.6% 7.9px,
        68.0% 5.3px,
        69.8% 6.0px,
        71.6% 13.5px,
        74.1% 2.2px,
        76.1% 9.8px,
        78.4% 9.2px,
        80.0% 2.8px,
        83.0% 1.4px,
        85.8% 5.2px,
        89.1% 7.6px,
        91.2% 1.1px,
        94.5% 2.4px,
        96.3% 7.6px,
        98.1% 2.4px,
        99.5% 2.1px,
        100% 5.7px,

        100% 100%,
        0% 100%
    );

    clip-path: polygon(
        0% 4.4px,
        2.4% 6.8px,
        4.7% 5.1px,
        7.1% 8.8px,
        8.5% 4.5px,
        11.5% 4.3px,
        14.8% 7.9px,
        17.4% 1.0px,
        19.7% 14.0px,
        21.5% 15.3px,
        23.6% 7.1px,
        26.3% 8.0px,
        28.5% 10.0px,
        31.8% 8.2px,
        33.7% 1.6px,
        35.1% 6.4px,
        38.2% 9.7px,
        41.2% 14.0px,
        44.4% 9.9px,
        46.5% 16.1px,
        49.4% 4.5px,
        51.3% 8.5px,
        52.8% 1.2px,
        54.1% 5.1px,
        56.6% 5.1px,
        59.4% 2.3px,
        60.8% 5.3px,
        62.6% 8.8px,
        64.5% 5.3px,
        66.6% 7.9px,
        68.0% 5.3px,
        69.8% 6.0px,
        71.6% 13.5px,
        74.1% 2.2px,
        76.1% 9.8px,
        78.4% 9.2px,
        80.0% 2.8px,
        83.0% 1.4px,
        85.8% 5.2px,
        89.1% 7.6px,
        91.2% 1.1px,
        94.5% 2.4px,
        96.3% 7.6px,
        98.1% 2.4px,
        99.5% 2.1px,
        100% 5.7px,

        100% 100%,
        0% 100%
    );
}






.form-contatti{
	
}


input[type=text]:not(.form-control), input[type=email]:not(.form-control), input[type=url]:not(.form-control), input[type=date]:not(.form-control), input[type=password]:not(.form-control), input[type=search]:not(.form-control), input[type=tel]:not(.form-control), input[type=number]:not(.form-control), select:not(.form-select):not(.form-control) {
    display: block;
    width: 100%;
    padding: 0px !important;
    font-size: 16px;
    line-height: 28px;
    color: #D9D1B2;
    background-color: transparent;
    border: 0px solid rgba(0, 0, 0, .15);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-bottom: 1px solid #D9D1B2;
    border-radius: 0;
	height: 50px;
}
input[type=text]:not(.form-control):focus, input[type=email]:not(.form-control):focus, input[type=url]:not(.form-control):focus, input[type=date]:not(.form-control):focus, input[type=password]:not(.form-control):focus, input[type=search]:not(.form-control):focus, input[type=tel]:not(.form-control):focus, input[type=number]:not(.form-control):focus, select:not(.form-select):not(.form-control):focus {
    color: #D9D1B2;
    background-color: transparent;
    border-color: #D9D1B2;
    outline: 0;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #D9D1B2 !important;
    opacity: 1;
}
span.sppb-form-builder-required {
    display: none;
    font-size: 14px;
    color: #D9D1B2;
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    content: "";
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    border: 1px solid #D9D1B2;
    position: absolute;
    top: 7px;
    left: 0;
}.sppb-form-check .sppb-form-check-label {
    font-size: 16px;
    line-height: 20px;
}
.form-builder-checkbox-label {
    color: #D9D1B2 !important;
    font-size: 16px;
    line-height: 20px;
}
.sppb-form-check-label{
	color: #D9D1B2 !important;
    font-size: 16px;
    line-height: 20px;
}
.sppb-form-check-label a{
	color: #D9D1B2 !important;
    font-size: 16px;
    line-height: 20px;
}

.sppb-form-control, .sppb-form-group .sppb-form-control {
    display: block;
    width: 100%;
    height: inherit;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 28px;
    color: #D9D1B2;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #D9D1B2;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.sppb-form-builder-field-5{
	margin-top: 50px;
}


.form-contatti {
    position: relative;
    padding: 80px 80px 90px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M2 5 L45 7 L90 4 L135 8 L180 5 L225 9 L270 4 L315 7 L360 5 L405 8 L450 4 L495 7 L540 5 L585 8 L630 4 L675 7 L720 5 L765 8 L810 4 L855 7 L900 5 L945 8 L998 5 L996 50 L999 100 L995 150 L998 200 L996 250 L999 300 L995 350 L998 400 L996 450 L999 500 L995 550 L998 600 L996 650 L999 700 L995 750 L998 800 L996 850 L999 900 L995 950 L998 997 L950 995 L900 998 L850 994 L800 998 L750 995 L700 999 L650 994 L600 998 L550 995 L500 999 L450 994 L400 998 L350 995 L300 999 L250 994 L200 998 L150 995 L100 999 L50 994 L3 998 L5 950 L2 900 L6 850 L3 800 L5 750 L2 700 L6 650 L3 600 L5 550 L2 500 L6 450 L3 400 L5 350 L2 300 L6 250 L3 200 L5 150 L2 100 L6 50 Z' fill='none' stroke='%23D9D1B2' stroke-width='1.5'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-size: 100% 100%;
}















/* =========================================
   BOTTONI
   ========================================= */

.sppb-btn-primary {
    display: inline-flex;
    justify-content: center;
    padding: 23px 35px;
    background: #D9D1B2;
    color: #626537;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    box-shadow: none;
	white-space: nowrap;
	
	
  clip-path: polygon(
    /* BORDO SUPERIORE */
    0% 3%,
    10% 3%,
    18% 4.5%,
    30% 2.5%,
    42% 4%,
    55% 3%,
    68% 4%,
    82% 2.5%,
    100% 3%,

    /* LATO DESTRO - quasi lineare */
    99.7% 25%,
    100% 50%,
    99.6% 75%,
    100% 97%,

    /* BORDO INFERIORE */
    88% 96%,
    80% 98%,
    68% 96.5%,
    55% 98%,
    42% 96.5%,
    30% 98%,
    18% 96.5%,
    1% 98%,

    /* LATO SINISTRO - quasi lineare */
    0.5% 75%,
    0% 50%,
    0.5% 25%
);

    transition: transform 0.3s ease, background 0.3s ease;
}

/* Hover */

.sppb-btn-primary:hover {
    background: #626537;
    color: #D9D1B2;

    border: none;
    box-shadow: none;

    transform: translateY(-2px);
}




.sppb-btn-secondary {
    display: inline-flex;
    justify-content: center;
    padding: 23px 35px;
    background: #626537;
    color: #D9D1B2;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    box-shadow: none;
	white-space: nowrap;
	
	
  clip-path: polygon(
    /* BORDO SUPERIORE */
    0% 3%,
    10% 3%,
    18% 4.5%,
    30% 2.5%,
    42% 4%,
    55% 3%,
    68% 4%,
    82% 2.5%,
    100% 3%,

    /* LATO DESTRO - quasi lineare */
    99.7% 25%,
    100% 50%,
    99.6% 75%,
    100% 97%,

    /* BORDO INFERIORE */
    88% 96%,
    80% 98%,
    68% 96.5%,
    55% 98%,
    42% 96.5%,
    30% 98%,
    18% 96.5%,
    1% 98%,

    /* LATO SINISTRO - quasi lineare */
    0.5% 75%,
    0% 50%,
    0.5% 25%
);

    transition: transform 0.3s ease, background 0.3s ease;
}

/* Hover */

.sppb-btn-secondary:hover {
    /*background: #D9D1B2;*/
	background: #9DA259;
    color: #626537;

    border: none;
    box-shadow: none;

    transform: translateY(-2px);
}




.sppb-btn-success {
    display: inline-flex;
    justify-content: center;
    padding: 23px 35px;
    background: #D9D1B2;
    color: #8A3A1D;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    box-shadow: none;
	white-space: nowrap;
	
	
  clip-path: polygon(
    /* BORDO SUPERIORE */
    0% 3%,
    10% 3%,
    18% 4.5%,
    30% 2.5%,
    42% 4%,
    55% 3%,
    68% 4%,
    82% 2.5%,
    100% 3%,

    /* LATO DESTRO - quasi lineare */
    99.7% 25%,
    100% 50%,
    99.6% 75%,
    100% 97%,

    /* BORDO INFERIORE */
    88% 96%,
    80% 98%,
    68% 96.5%,
    55% 98%,
    42% 96.5%,
    30% 98%,
    18% 96.5%,
    1% 98%,

    /* LATO SINISTRO - quasi lineare */
    0.5% 75%,
    0% 50%,
    0.5% 25%
);

    transition: transform 0.3s ease, background 0.3s ease;
}

/* Hover */

.sppb-btn-success:hover {
    background: #626537;
    color: #D9D1B2;

    border: none;
    box-shadow: none;

    transform: translateY(-2px);
}









/* =========================================
   PAROLA CERCHIATA - maschera SVG + colore via variabile
   ========================================= */

.parola-cerchiata-bianco {
    position: relative;
    z-index: 0;              /* crea il contesto per mettere il cerchio SOTTO la parola */
    display: inline-block;
    padding: 0 .15em;        /* respiro laterale per il cerchio */
    white-space: nowrap;
}

.parola-cerchiata-bianco::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -10%;
    right: -10%;
    top: -18%;
    bottom: -22%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round'%3E%3Cellipse cx='110' cy='55' rx='100' ry='44' stroke-width='3' transform='rotate(-2 110 55)'/%3E%3Cellipse cx='110' cy='57' rx='93' ry='38' stroke-width='1.5' opacity='0.75' transform='rotate(1.5 110 55)'/%3E%3C/g%3E%3C/svg%3E")
        no-repeat center / contain;
    pointer-events: none;
    transform: rotate(-2deg);   /* la rotazione "stondata" vende l'effetto fatto a mano */
}

.parola-cerchiata-azzurro {
    position: relative;
    z-index: 0;              /* crea il contesto per mettere il cerchio SOTTO la parola */
    display: inline-block;
    padding: 0 .15em;        /* respiro laterale per il cerchio */
    white-space: nowrap;
}

.parola-cerchiata-azzurro::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -10%;
    right: -10%;
    top: -18%;
    bottom: -22%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cg fill='none' stroke='%23BAD4F0' stroke-linecap='round'%3E%3Cellipse cx='110' cy='55' rx='100' ry='44' stroke-width='3' transform='rotate(-2 110 55)'/%3E%3Cellipse cx='110' cy='57' rx='93' ry='38' stroke-width='1.5' opacity='0.75' transform='rotate(1.5 110 55)'/%3E%3C/g%3E%3C/svg%3E")
        no-repeat center / contain;
    pointer-events: none;
    transform: rotate(-2deg);   /* la rotazione "stondata" vende l'effetto fatto a mano */
}
.parola-cerchiata-verde {
    position: relative;
    z-index: 0;              /* crea il contesto per mettere il cerchio SOTTO la parola */
    display: inline-block;
    padding: 0 .15em;        /* respiro laterale per il cerchio */
    white-space: nowrap;
}

.parola-cerchiata-verde::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -10%;
    right: -10%;
    top: -18%;
    bottom: -22%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cg fill='none' stroke='%239DA259' stroke-linecap='round'%3E%3Cellipse cx='110' cy='55' rx='100' ry='44' stroke-width='3' transform='rotate(-2 110 55)'/%3E%3Cellipse cx='110' cy='57' rx='93' ry='38' stroke-width='1.5' opacity='0.75' transform='rotate(1.5 110 55)'/%3E%3C/g%3E%3C/svg%3E")
        no-repeat center / contain;
    pointer-events: none;
    transform: rotate(-2deg);   /* la rotazione "stondata" vende l'effetto fatto a mano */
}









/* =========================================
   BORDO FRASTAGLIATO - fitto, stile bottoni
   ========================================= */

.bordo-frastagliato {
    clip-path: polygon(
        0.0% 2.8%,
        6.2% 3.1%,
        12.5% 2.3%,
        18.8% 2.2%,
        25.0% 1.9%,
        31.2% 3.8%,
        37.5% 1.5%,
        43.8% 1.1%,
        50.0% 1.4%,
        56.2% 1.4%,
        62.5% 1.6%,
        68.8% 1.5%,
        75.0% 0.9%,
        81.2% 1.6%,
        87.5% 1.6%,
        93.8% 2.4%,
        100.0% 1.2%,
        98.9% 12.5%,
        99.1% 25.0%,
        99.6% 37.5%,
        99.4% 50.0%,
        99.9% 62.5%,
        100.0% 75.0%,
        99.4% 87.5%,
        100.0% 99.1%,
        93.8% 96.9%,
        87.5% 96.8%,
        81.2% 98.1%,
        75.0% 97.2%,
        68.8% 98.4%,
        62.5% 96.3%,
        56.2% 96.6%,
        50.0% 96.7%,
        43.8% 96.2%,
        37.5% 98.6%,
        31.2% 97.5%,
        25.0% 96.9%,
        18.8% 96.7%,
        12.5% 98.1%,
        6.2% 98.9%,
        0.0% 97.3%,
        -0.1% 87.5%,
        0.8% 75.0%,
        -0.3% 62.5%,
        0.4% 50.0%,
        0.4% 37.5%,
        -0.1% 25.0%,
        0.4% 12.5%
    );
}



.d-lg-inline-block {
        display: none !important;
    }



/* ICONA SIGN IN */

/* Nasconde icona Font Awesome e testo */
#sp-header .sp-sign-in > span {
    display: none !important;
}

/* Icona normale */
#sp-header .sp-sign-in::before {
    content: "";
    display: block;
    width: 15px;
    height: 21px;
    background-image: url("../images/ico-utente-off.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Icona sticky */
#sp-header.header-sticky .sp-sign-in::before {
    background-image: url("../images/ico-utente-on.svg");
}





/* ALLINEAMENTO ICONE UTENTE + CARRELLO */
#sp-header #sp-menu .header-modules {
    display: flex;
    align-items: center;
    gap: 18px;
	margin-top: -10px;
}

/* Moduli delle icone */
#sp-header #sp-menu .header-modules > .sp-module {
    display: flex;
    align-items: center;
}



/* Link icona carrello */
#sp-header .hikashop_small_cart_checkout_link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
}



.header-modules {
    margin-left: 0px;
}

.hikashop_cart_module {
    margin: -20px 0px 0px 20px;
}
.sp-sign-in{
	margin: -20px 0px 0px 0px;
}































  /*==================================================
=            ANIMAZIONI           =
==================================================*/


/* =========================================
   TESTO HERO
   ========================================= */

.hero-payoff {
    font-family: "Alike Angular", serif;
    font-size: 68px;
    line-height: 72px;
    color: #D9D1B2;
}

.hero-payoff p {
    font-family: "Alike Angular", serif;
    font-size: 68px;
    line-height: 72px;
    color: #D9D1B2;
    margin: 0;
}


/* =========================================
   PAROLA NATURA + CERCHIO
   ========================================= */

.natura-animata {
    position: relative;
    display: inline-block;
    font-family: "Alike Angular", serif;
    font-size: 68px;
    line-height: 72px;
    color: #D9D1B2;
}


/* =========================================
   SVG DEL CERCHIO
   ========================================= */

.natura-animata svg {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 260px;
    height: 95px;

    transform: translate(-50%, -50%) rotate(-5deg);

    overflow: visible;
    pointer-events: none;
}


/* =========================================
   TRATTO
   ========================================= */

.natura-animata svg path {
    fill: none;

    stroke: #aaa85a;
    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;

    animation: cerchioNaturaLoop 7s linear infinite;
}


/* Secondo tratto leggermente più sottile */

.natura-animata svg .secondo-tratto {
    stroke-width: 0.5;
    opacity: 0.65;
}


/* =========================================
   ANIMAZIONE
   Disegna → pausa → dissolvenza → riparte
   ========================================= */

@keyframes cerchioNaturaLoop {

    /* invisibile */
    0% {
        stroke-dashoffset: 1000;
        opacity: 0;
    }

    /* compare */
    5% {
        opacity: 1;
    }

    /* disegno completato */
    30% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    /* pausa */
    73% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

    /* dissolvenza */
    88% {
        stroke-dashoffset: 0;
        opacity: 0;
    }

    /* invisibile prima di ricominciare */
    100% {
        stroke-dashoffset: 1000;
        opacity: 0;
    }
}











.img-floating {
    animation: floating 4s ease-in-out infinite;
    will-change: transform;
}

@keyframes floating {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }
}


.img-floating2 {
    animation: floating2 2s ease-in-out infinite;
    will-change: transform;
}

@keyframes floating2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }
}




.img-floating3 {
    animation: floating3 6s ease-in-out infinite;
    will-change: transform;
}

@keyframes floating3 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }
}



.view-page .hikashop_quantity_form{
	display: none;
	visibility: hidden;
	
}



























  /*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


 /*==========  Non-Mobile First Method  ==========*/


@media only screen and (max-width: 4000px) and (min-width: 3000px){
	
	
	

}
@media only screen and (max-width: 1999px) {
  
		
	
	
	
}
@media only screen and (max-width: 991px) {

#offcanvas-toggler{
	display: inline!important;
	visibility: visible!important;
}
	
	#sp-header.header-sticky .logo-image {
    margin-top: 70px;
}
		#hikashop_cart_122{
		margin-top:55px;
	}



/*.bordo-spezzato-riga-top {
        clip-path: polygon(
            0%    4.4px,
            4.7%  5.1px,
            8.5%  4.5px,
            14.8% 7.9px,
            19.7% 14.0px,
            23.6% 7.1px,
            28.5% 10.0px,
            33.7% 1.6px,
            38.2% 9.7px,
            44.4% 9.9px,
            49.4% 4.5px,
            52.8% 1.2px,
            56.6% 5.1px,
            60.8% 5.3px,
            64.5% 5.3px,
            69.8% 6.0px,
            74.1% 2.2px,
            78.4% 9.2px,
            83.0% 1.4px,
            89.1% 7.6px,
            94.5% 2.4px,
            98.1% 2.4px,
            100%  5.7px,

            100% 100%,
            0% 100%
        );
    }
*/
	
	#offcanvas-toggler {
        display: inline !important;
        visibility: visible !important;
    }


    .bordo-spezzato-riga-top {

        -webkit-clip-path: polygon(
            0%    4.4px,
            4.7%  5.1px,
            8.5%  4.5px,
            14.8% 7.9px,
            19.7% 14.0px,
            23.6% 7.1px,
            28.5% 10.0px,
            33.7% 1.6px,
            38.2% 9.7px,
            44.4% 9.9px,
            49.4% 4.5px,
            52.8% 1.2px,
            56.6% 5.1px,
            60.8% 5.3px,
            64.5% 5.3px,
            69.8% 6.0px,
            74.1% 2.2px,
            78.4% 9.2px,
            83.0% 1.4px,
            89.1% 7.6px,
            94.5% 2.4px,
            98.1% 2.4px,
            100%  5.7px,

            100% 100%,
            0% 100%
        );

        clip-path: polygon(
            0%    4.4px,
            4.7%  5.1px,
            8.5%  4.5px,
            14.8% 7.9px,
            19.7% 14.0px,
            23.6% 7.1px,
            28.5% 10.0px,
            33.7% 1.6px,
            38.2% 9.7px,
            44.4% 9.9px,
            49.4% 4.5px,
            52.8% 1.2px,
            56.6% 5.1px,
            60.8% 5.3px,
            64.5% 5.3px,
            69.8% 6.0px,
            74.1% 2.2px,
            78.4% 9.2px,
            83.0% 1.4px,
            89.1% 7.6px,
            94.5% 2.4px,
            98.1% 2.4px,
            100%  5.7px,

            100% 100%,
            0% 100%
        );
    }
	
	
	.form-contatti {
    padding: 40px 40px 50px;
}




/* =========================================
   PAROLA NATURA + CERCHIO
   ========================================= */

.hero-payoff {
    font-family: "Alike Angular", serif;
    font-size: 40px;
    line-height: 50px;
    color: #D9D1B2;
	text-align: center;
}

.hero-payoff p {
    font-family: "Alike Angular", serif;
    font-size: 40px;
    line-height: 50px;
    color: #D9D1B2;
    margin: 0;
}
	.natura-animata {
    position: relative;
    display: inline-block;
    font-family: "Alike Angular", serif;
    font-size: 40px;
    line-height: 50px;
    color: #D9D1B2;
		text-align: center;
}
	
	.logo-image {
        height: 112px;
    }
	
	
}
@media only screen and (max-width: 767px) {
	
	    #sp-header {
        height: 0px;
    }
	


	/*.bordo-spezzato-riga-top {
        clip-path: polygon(
            0%    4.4px,
            7.1%  8.8px,
            14.8% 7.9px,
            21.5% 15.3px,
            28.5% 10.0px,
            35.1% 6.4px,
            41.2% 14.0px,
            49.4% 4.5px,
            56.6% 5.1px,
            62.6% 8.8px,
            69.8% 6.0px,
            76.1% 9.8px,
            83.0% 1.4px,
            89.1% 7.6px,
            96.3% 7.6px,
            100%  5.7px,

            100% 100%,
            0% 100%
        );
    }*/
	
	.bordo-spezzato-riga-top {

        -webkit-clip-path: polygon(
            0%    4.4px,
            7.1%  8.8px,
            14.8% 7.9px,
            21.5% 15.3px,
            28.5% 10.0px,
            35.1% 6.4px,
            41.2% 14.0px,
            49.4% 4.5px,
            56.6% 5.1px,
            62.6% 8.8px,
            69.8% 6.0px,
            76.1% 9.8px,
            83.0% 1.4px,
            89.1% 7.6px,
            96.3% 7.6px,
            100%  5.7px,

            100% 100%,
            0% 100%
        );

        clip-path: polygon(
            0%    4.4px,
            7.1%  8.8px,
            14.8% 7.9px,
            21.5% 15.3px,
            28.5% 10.0px,
            35.1% 6.4px,
            41.2% 14.0px,
            49.4% 4.5px,
            56.6% 5.1px,
            62.6% 8.8px,
            69.8% 6.0px,
            76.1% 9.8px,
            83.0% 1.4px,
            89.1% 7.6px,
            96.3% 7.6px,
            100%  5.7px,

            100% 100%,
            0% 100%
        );
    }


	
}
@media only screen and (max-width: 480px) {


	.sppb-row-container{
    padding-right: 30px;
    padding-left: 30px;
}
	

	
}
@media only screen and (max-width: 375px) {

    
}