.elementor-5954 .elementor-element.elementor-element-581f88a{--display:flex;}.elementor-5954 .elementor-element.elementor-element-f46d42d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5954 .elementor-element.elementor-element-b0313ad{--display:flex;}.elementor-5954 .elementor-element.elementor-element-b6c7886{--display:flex;}.elementor-5954 .elementor-element.elementor-element-b6c7886.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5954 .elementor-element.elementor-element-7ae7017{--display:flex;}.elementor-5954 .elementor-element.elementor-element-dcc1b61{--display:flex;}.elementor-5954 .elementor-element.elementor-element-68d9ead{--display:flex;}.elementor-5954 .elementor-element.elementor-element-65e043a{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-5954 .elementor-element.elementor-element-b0313ad{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5954 .elementor-element.elementor-element-b6c7886{--width:339.111px;}.elementor-5954 .elementor-element.elementor-element-cd8ab4f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5954 .elementor-element.elementor-element-7ae7017{--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5954 .elementor-element.elementor-element-dcc1b61{--margin-top:-63px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5954 .elementor-element.elementor-element-68d9ead{--margin-top:-77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-087b977 *//* =========================================================
   HERO PREMIUM LUXURY
========================================================= */

.golden-hero{

    position:relative;

    background-image:url('https://seripet.com/wp-content/uploads/2026/04/Prima-e-Dopo-Seripet.png');
    background-size:cover;
    background-position:75% center;

    overflow:hidden;
}

/* =========================================================
   OVERLAY
========================================================= */

.hero-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(35,18,10,.82) 0%,
        rgba(35,18,10,.68) 30%,
        rgba(35,18,10,.35) 55%,
        rgba(35,18,10,.10) 75%,
        rgba(35,18,10,0) 100%
    );

    z-index:1;
}

/* =========================================================
   SFUMATURA INFERIORE
========================================================= */

.golden-hero::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:220px;

    background:
    linear-gradient(
        to bottom,
        rgba(60,31,16,0) 0%,
        rgba(60,31,16,.15) 30%,
        rgba(60,31,16,.45) 60%,
        rgba(60,31,16,.80) 85%,
        rgba(60,31,16,1) 100%
    );

    z-index:2;
}

/* =========================================================
   CONTENUTO
========================================================= */

.hero-content{

    position:relative;
    z-index:3;

    max-width:680px;

    padding:100px 70px 180px;
}

/* =========================================================
   TITOLO
========================================================= */

.hero-title{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    line-height:.95;
}

/* =========================================================
   TITOLO ORO
========================================================= */

.gold-title{

    display:block;

    font-family:'Cormorant Garamond',serif;

    font-size:80px;

    font-weight:500;

    line-height:.92;

    letter-spacing:-1px;

    background:linear-gradient(
        90deg,
        #c08a32 0%,
        #d4a14a 20%,
        #e7c06f 40%,
        #f3ddb0 55%,
        #e7c06f 70%,
        #d4a14a 85%,
        #b77b28 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    text-shadow:
        0 0 15px rgba(216,183,107,.45);
}

/* =========================================================
   BY CLAUDIA & GASSY
========================================================= */

.hero-signature{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin:20px 0 24px;

    padding:12px 22px;

    border-radius:999px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(216,183,107,.35);

    backdrop-filter:blur(10px);

    box-shadow:
        0 10px 30px rgba(0,0,0,.18);
}

.signature-paw{

    font-size:18px;
}

.signature-text{

    font-family:'Cormorant Garamond',serif;

    font-size:24px;

    font-style:italic;

    font-weight:500;

    letter-spacing:.4px;

    background:linear-gradient(
        90deg,
        #c08a32,
        #e7c06f,
        #f3ddb0,
        #e7c06f,
        #c08a32
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

/* =========================================================
   LINEA DORATA
========================================================= */

.gold-divider{

    width:180px;
    height:2px;

    margin:0 0 30px;

    background:
    linear-gradient(
        90deg,
        transparent,
        #d8b76b,
        #fff0b0,
        #d8b76b,
        transparent
    );

    box-shadow:
        0 0 15px rgba(216,183,107,.5);
}

/* =========================================================
   SOTTOTITOLO
========================================================= */

.hero-subtitle{

    display:flex;

    flex-direction:column;
}

.brown-title{

    display:block;

    color:#ffffff;

    font-size:20px;

    font-weight:500;

    text-shadow:
        0 2px 8px rgba(0,0,0,.35);
}

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

.hero-content p{

    max-width:560px;

    color:rgba(255,255,255,.92);

    font-family:'Inter',sans-serif;

    font-size:20px;

    line-height:1.9;

    margin:40px 0;
}

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

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;
}

/* BOTTONE ORO */

.btn-gold{

    background:
    linear-gradient(
        180deg,
        #dcbf78,
        #bb8c40
    );

    color:#fff;

    padding:18px 34px;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;
}

.btn-gold:hover{

    transform:translateY(-3px);

    box-shadow:
        0 12px 25px rgba(187,140,64,.4);
}

/* BOTTONE OUTLINE */

.btn-outline{

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.35);

    backdrop-filter:blur(10px);

    color:#fff;

    padding:18px 34px;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;
}

.btn-outline:hover{

    background:rgba(255,255,255,.18);
}

/* =========================================================
   BENEFITS
========================================================= */

.benefits-section{

    background:#3c1f10;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:90px;

    padding:34px 40px;
}

.benefit{

    display:flex;

    align-items:center;

    gap:16px;
}

.icon{

    width:58px;

    height:58px;

    border-radius:50%;

    border:1px solid rgba(216,183,107,.7);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#d8b76b;

    font-size:22px;
}

.benefit span{

    color:#fff;

    font-family:'Inter',sans-serif;

    font-size:15px;

    letter-spacing:.4px;
}

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

@media(max-width:767px){

    .hero-content{

        padding:60px 24px 120px;

        max-width:100%;
    }

    .gold-title{

        font-size:64px;
    }

    .hero-signature{

        padding:8px 16px;

        margin:16px 0 20px;
    }

    .signature-text{

        font-size:18px;
    }

    .signature-paw{

        font-size:16px;
    }

    .brown-title{

        font-size:14px;
    }

    .gold-divider{

        width:120px;
    }

    .hero-content p{

        font-size:14px;

        line-height:1.8;
    }

    .hero-buttons{

        flex-direction:column;
    }

    .btn-gold,
    .btn-outline{

        width:100%;

        text-align:center;
    }

    .benefits-section{

        flex-direction:column;

        align-items:flex-start;

        gap:24px;

        padding:30px 24px;
    }

    .golden-hero::after{

        height:140px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-926707c *//* =========================================================
   CLAUDIA & GASSY
========================================================= */

.sr-claudia{
    display:flex;
    align-items:center;
    gap:60px;
    padding:60px 70px;
    background:#ffffff;
}

.sr-claudia-image{
    width:45%;
}

.sr-claudia-image img{
    width:100%;
    display:block;
    border-radius:40px;
}

.sr-claudia-content{
    width:55%;
}

.sr-claudia-content h2{
    font-family:'Cormorant Garamond', serif;
    font-size:42px;
    font-weight:600;
    line-height:1.1;
    color:#3c1f10;
    margin:0 0 24px;
}

/* GOLD TEXT */

.sr-gold-text{
    background:linear-gradient(
        135deg,
        #e7d3b0 0%,
        #c3a27c 35%,
        #a87d4f 65%,
        #e7d3b0 100%
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.sr-claudia-content p{
    font-family:'Inter', sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#4f4038;
    margin:0 0 18px;
    max-width:700px;
}

.sr-claudia-content p:last-child{
    margin-bottom:0;
}

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

@media(max-width:1200px){

    .sr-claudia{
        flex-direction:column;
        gap:40px;
        padding:50px 50px;
    }

    .sr-claudia-image,
    .sr-claudia-content{
        width:100%;
    }
}

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

@media(max-width:767px){

    .sr-claudia{
        flex-direction:column;
        gap:30px;
        padding:40px 24px;
    }

    .sr-claudia-image,
    .sr-claudia-content{
        width:100%;
    }

    .sr-claudia-image img{
        border-radius:24px;
    }

    .sr-claudia-content h2{
        font-size:34px;
        margin-bottom:20px;
    }

    .sr-claudia-content p{
        font-size:14px;
        line-height:1.7;
        margin-bottom:14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e67cda *//* =========================================================
   FORMULA SECTION
========================================================= */

.formula-section{

    background:#f8f4ee;

    padding:140px 40px;

    overflow:hidden;
}

.formula-container{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;
}

/* LABEL */

.formula-content .section-label{

    display:block;

    color:#b78a49;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;
}

/* TITOLO */

.formula-title{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:88px;

    line-height:.88;

    font-weight:500;

    color:#3c1f10;
}

/* LINEA */

.formula-divider{

    width:140px;

    height:2px;

    margin:35px 0;

    background:linear-gradient(
        90deg,
        #c08a32,
        #f3ddb0,
        #c08a32
    );
}

/* TESTO */

.formula-content p{

    margin:0 0 40px;

    color:#5b4a41;

    font-size:20px;

    line-height:2;

    max-width:560px;
}

/* CTA */

.formula-button{

    display:inline-flex;

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

    padding:18px 34px;

    border-radius:14px;

    text-decoration:none;

    color:#ffffff;

    font-weight:600;

    background:linear-gradient(
        180deg,
        #d4a14a,
        #b67a2a
    );

    transition:.3s ease;

    box-shadow:
        0 12px 30px rgba(182,122,42,.25);
}

.formula-button:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 40px rgba(182,122,42,.35);
}

/* FOTO */

.formula-image{

    position:relative;
}

.formula-image img{

    width:100%;

    display:block;

    border-radius:32px;

    box-shadow:
        0 30px 60px rgba(0,0,0,.12);
}

/* DECORAZIONE */

.formula-image::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-40px;
    bottom:-40px;

    border-radius:50%;

    background:rgba(192,138,50,.08);

    z-index:-1;
}

/* TABLET */

@media(max-width:1024px){

    .formula-container{

        grid-template-columns:1fr;

        gap:50px;
    }

    .formula-title{

        font-size:68px;
    }
}

/* MOBILE */

@media(max-width:767px){

    .formula-section{

        padding:90px 24px;
    }

    .formula-title{

        font-size:50px;

        line-height:.95;
    }

    .formula-content p{

        font-size:14px;

        line-height:1.9;
    }

    .formula-button{

        width:100%;

        text-align:center;
    }

    .formula-image{

        order:-1;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0313ad *//* =========================================================
   HERO
========================================================= */

.sr-hero{
    display:flex;
    align-items:center;
    min-height:100vh;
    width:100%;
}

.sr-hero-left{
    width:50%;
    padding:90px 70px;
}

.sr-subtitle{
    display:inline-block;
    color:var(--gold);
    letter-spacing:2px;
    font-size:14px;
    margin-bottom:20px;
}

.sr-hero h1{
    font-size:96px;
    color:var(--brown);
    margin-bottom:30px;
}

.sr-hero-text{
    font-size:32px;
    max-width:680px;
    margin-bottom:60px;
}

.sr-hero-right{
    width:50%;
    height:100vh;
}

.sr-hero-right img{
    width:100%;
    height:100%;
    object-fit:cover;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd8ab4f *//* =========================================================
   HERO GOLDEN RETRIEVER
========================================================= */

.breed-hero{

    position:relative;

    min-height:700px;

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

    text-align:center;

    overflow:hidden;

    background-image:url('https://seripet.com/wp-content/uploads/2026/06/WhatsApp-Image-2026-05-12-at-15.57.01.jpeg');
    background-size:cover;
    background-position:center;

}

.breed-hero-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(25,15,10,.25) 0%,
        rgba(25,15,10,.55) 45%,
        rgba(25,15,10,.82) 100%
    );
}

.breed-hero-content{

    position:relative;
    z-index:2;

    max-width:1000px;

    padding:40px;
}

/* LABEL */

.section-label.light{

    display:block;

    color:#e3c178;

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

    letter-spacing:3px;

    margin-bottom:20px;
}

/* TITOLO */

.breed-hero-title{

    margin:0;

    color:#ffffff;

    font-family:'Cormorant Garamond',serif;

    font-size:92px;

    line-height:.92;

    font-weight:500;

    text-shadow:
        0 6px 25px rgba(0,0,0,.35);
}

/* LINEA */

.breed-hero-divider{

    width:180px;
    height:2px;

    margin:35px auto 0;

    background:linear-gradient(
        90deg,
        transparent,
        #c08a32,
        #f3ddb0,
        #c08a32,
        transparent
    );
}

/* =========================================================
   CONTENUTO
========================================================= */

.breed-section{

    background:#f8f4ee;

    padding:120px 40px;
}

.breed-container{

    max-width:1300px;
    margin:auto;
}

/* TESTO INTRO */

.breed-content-centered{

    max-width:900px;

    margin:0 auto 90px;

    text-align:center;
}

.breed-content-centered p{

    color:#5b4a41;

    font-size:19px;

    line-height:2;

    margin-bottom:24px;
}

/* =========================================================
   CARD
========================================================= */

.predispositions-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;
}

.predisposition-card{

    position:relative;

    background:#ffffff;

    padding:42px;

    border-radius:30px;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:
        0 15px 40px rgba(0,0,0,.05);
}

.predisposition-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.08);
}

.predisposition-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #c08a32,
        #f3ddb0
    );
}

/* NUMERO */

.card-number{

    font-family:'Cormorant Garamond',serif;

    font-size:72px;

    line-height:1;

    color:rgba(192,138,50,.18);

    margin-bottom:14px;
}

/* TITOLO */

.predisposition-card h3{

    margin:0 0 18px;

    color:#3c1f10;

    font-family:'Cormorant Garamond',serif;

    font-size:36px;

    line-height:1.1;
}

/* TESTO */

.predisposition-card p{

    margin:0;

    color:#5b4a41;

    font-size:13px;

    line-height:1.9;
}

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

@media(max-width:1024px){

    .predispositions-grid{

        grid-template-columns:1fr;
    }

    .breed-hero-title{

        font-size:68px;
    }
}

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

@media(max-width:767px){
    /* sr-fullbleed-hero: estende la hero foto-origini ai bordi su mobile */
    .breed-hero{
        width:100vw;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        box-sizing:border-box;
    }

    /* sr-fullbleed-fix: estende lo sfondo nocciola ai bordi su mobile */
    .breed-section{
        width:100vw;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        padding-left:24px;
        padding-right:24px;
        box-sizing:border-box;
    }


    .breed-hero{

        min-height:500px;
    }

    .breed-hero-content{

        padding:24px;
    }

    .breed-hero-title{

        font-size:42px;
    }

    .breed-hero-divider{

        width:120px;
    }

    .breed-section{

        padding:80px 24px;
    }

    .breed-content-centered{

        margin-bottom:50px;
    }

    .breed-content-centered p{

        font-size:13px;

        line-height:1.6;
    }

    .predisposition-card{

        padding:28px;
    }

    .predisposition-card h3{

        font-size:26px;
    }

    .card-number{

        font-size:52px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb9e1b7 *//* =========================================================
   INGREDIENTI PREMIUM
========================================================= */

.ingredients-section{

    background:#f8f4ee;

    padding:120px 40px;
}

.ingredients-container{

    max-width:1300px;
    margin:auto;
}

/* LABEL */

.section-label{

    display:block;

    text-align:center;

    color:#b78a49;

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

    letter-spacing:2px;

    margin-bottom:18px;
}

/* TITOLO */

.ingredients-title{

    margin:0;

    text-align:center;

    font-family:'Cormorant Garamond',serif;

    font-size:82px;

    line-height:.95;

    color:#3c1f10;
}

/* LINEA */

.ingredients-divider{

    width:150px;
    height:2px;

    margin:30px auto 80px;

    background:linear-gradient(
        90deg,
        transparent,
        #c08a32,
        #f3ddb0,
        #c08a32,
        transparent
    );
}

/* GRID */

.ingredients-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    align-items:start;

    gap:30px;
}

/* CARD */

.ingredient-card{

    background:#ffffff;

    border-radius:28px;

    overflow:hidden;

    border:none;

    box-shadow:
        0 15px 40px rgba(0,0,0,.06);

    transition:.35s ease;
}

.ingredient-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.10);
}

.ingredient-card[open]{

    box-shadow:
        0 30px 70px rgba(0,0,0,.12);
}

/* HEADER */

.ingredient-card summary{

    list-style:none;

    cursor:pointer;

    position:relative;

    min-height:340px;
}

.ingredient-card summary::-webkit-details-marker{

    display:none;
}

/* IMMAGINE */

.ingredient-card img{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:.7s ease;
}

.ingredient-card[open] img{

    transform:scale(1.05);
}

/* OVERLAY */

.ingredient-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.05) 0%,
        rgba(0,0,0,.20) 40%,
        rgba(0,0,0,.85) 100%
    );
}

/* TESTI SOPRA IMMAGINE */

.ingredient-title{

    position:absolute;

    left:32px;
    right:32px;
    bottom:32px;

    z-index:3;
}

.ingredient-title h3{

    margin:0 0 10px;

    color:#ffffff;

    font-family:'Cormorant Garamond',serif;

    font-size:42px;

    line-height:1;
}

.ingredient-title span{

    color:#f3ddb0;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;
}

/* DESCRIZIONE */

.ingredient-content{

    padding:35px;

    background:#ffffff;

    color:#5b4a41;

    font-family:'Inter',sans-serif;

    font-size:17px;

    line-height:1.9;
}

/* MOBILE */

@media(max-width:1024px){

    .ingredients-grid{

        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .ingredients-section{

        padding:80px 24px;
    }

    .ingredients-title{

        font-size:52px;
    }

    .ingredients-divider{

        width:120px;
    }

    .ingredient-card summary{

        min-height:250px;
    }

    .ingredient-title{

        left:24px;
        right:24px;
        bottom:24px;
    }

    .ingredient-title h3{

        font-size:30px;
    }

    .ingredient-content{

        padding:24px;

        font-size:13px;

        line-height:1.8;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-875ff67 *//* =========================================================
   RESEARCH SECTION
========================================================= */

.research-section{

    background:#f8f4ee;

    padding:140px 40px;
}

.research-container{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:320px 1fr 320px;

    gap:60px;

    align-items:center;
}

/* FOTO */

.research-image{

    position:relative;
}

.research-image img{

    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:32px;

    display:block;

    box-shadow:
        0 25px 60px rgba(0,0,0,.10);
}

/* CONTENUTO */

.research-content{

    text-align:center;

    max-width:620px;

    margin:auto;
}

/* LABEL */

.research-content .section-label{

    display:block;

    color:#b78a49;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;
}

/* TITOLO */

.research-title{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:88px;

    line-height:.88;

    color:#3c1f10;

    font-weight:500;
}

/* LINEA */

.research-divider{

    width:140px;

    height:2px;

    margin:35px auto;

    background:linear-gradient(
        90deg,
        transparent,
        #c08a32,
        #f3ddb0,
        #c08a32,
        transparent
    );
}

/* TESTO */

.research-content p{

    color:#5b4a41;

    font-size:22px;

    line-height:2;

    margin-bottom:40px;
}

/* CTA */

.research-button{

    display:inline-flex;

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

    padding:18px 38px;

    border-radius:14px;

    text-decoration:none;

    color:#fff;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;

    background:linear-gradient(
        180deg,
        #c99343,
        #a96f24
    );

    box-shadow:
        0 15px 35px rgba(169,111,36,.25);

    transition:.3s;
}

.research-button:hover{

    transform:translateY(-3px);

    box-shadow:
        0 22px 45px rgba(169,111,36,.35);
}

/* TABLET */

@media(max-width:1024px){

    .research-container{

        grid-template-columns:1fr;

        gap:40px;
    }

    .research-image img{

        height:450px;
    }

    .research-title{

        font-size:68px;
    }
}

/* MOBILE */

@media(max-width:767px){

    .research-section{

        padding:90px 24px;
    }

    .research-image img{

        height:280px;
    }

    .research-title{

        font-size:52px;

        line-height:.95;
    }

    .research-content p{

        font-size:14px;

        line-height:1.9;
    }

    /* nasconde la seconda foto */

    .research-image.right{

        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-313588e *//* =========================================================
   GASSY APPROVED
========================================================= */

.gassy-approved{

    background:#f8f4ee;

    padding:120px 40px;
}

.gassy-container{

    max-width:1300px;

    margin:auto;

    display:grid;
    grid-template-columns:1.1fr 1fr;

    gap:90px;

    align-items:center;
}

/* FOTO */

.gassy-image{

    position:relative;
}

.gassy-image img{

    width:100%;
    display:block;

    border-radius:28px;

    box-shadow:
        0 30px 60px rgba(0,0,0,.12);
}

.gassy-badge{

    position:absolute;

    left:30px;
    bottom:30px;

    background:linear-gradient(
        135deg,
        #e6c57d,
        #bc8b40
    );

    color:white;

    padding:14px 24px;

    border-radius:999px;

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

    letter-spacing:.5px;
}

/* TESTI */

.section-label{

    display:inline-block;

    color:#b78a49;

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

    letter-spacing:2px;

    margin-bottom:18px;
}

.gassy-content h2{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:72px;
    line-height:.95;

    color:#3c1f10;
}

/* LINEA */

.section-divider{

    width:140px;
    height:2px;

    margin:28px 0;

    background:linear-gradient(
        90deg,
        #b67a2a,
        #f3ddb0,
        #b67a2a
    );
}

.gassy-content p{

    font-size:20px;
    line-height:1.9;

    color:#5b4a41;

    max-width:540px;
}

/* CITAZIONE */

.gassy-content blockquote{

    margin:40px 0 0;

    padding-left:28px;

    border-left:3px solid #d5af69;

    font-family:'Cormorant Garamond',serif;

    font-size:36px;
    line-height:1.2;

    color:#3c1f10;
}

/* MOBILE */

@media(max-width:767px){

    .gassy-approved{

        padding:80px 24px;
    }

    .gassy-container{

        grid-template-columns:1fr;

        gap:40px;
    }

    .gassy-content h2{

        font-size:52px;
    }

    .gassy-content p{

        font-size:14px;
    }

    .gassy-content blockquote{

        font-size:28px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30ac0a8 *//* =========================================================
   RECENSIONI
========================================================= */

.reviews-section{

    background:#ffffff;

    padding:120px 40px;
}

.reviews-container{

    max-width:1300px;
    margin:auto;

    text-align:center;
}

/* LABEL */

.section-label{

    display:inline-block;

    color:#b78a49;

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

    letter-spacing:2px;

    margin-bottom:18px;
}

/* TITOLO */

.reviews-title{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:72px;
    line-height:.95;

    color:#3c1f10;
}

/* LINEA */

.reviews-divider{

    width:150px;
    height:2px;

    margin:30px auto 70px;

    background:linear-gradient(
        90deg,
        transparent,
        #c08a32,
        #f3ddb0,
        #c08a32,
        transparent
    );
}

/* GRID */

.reviews-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;
}

/* CARD */

.review-card{

    background:#fff;

    padding:40px 32px;

    border-radius:24px;

    border:1px solid rgba(192,138,50,.12);

    box-shadow:
        0 15px 35px rgba(0,0,0,.05);

    transition:.3s ease;
}

.review-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 25px 50px rgba(0,0,0,.08);
}

/* STELLE */

.review-stars{

    font-size:22px;

    margin-bottom:24px;
}

/* TESTO */

.review-card p{

    margin:0;

    color:#5b4a41;

    font-size:18px;
    line-height:1.8;

    font-family:'Inter',sans-serif;
}

/* MOBILE */

@media(max-width:1024px){

    .reviews-grid{

        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){

    .reviews-section{

        padding:80px 24px;
    }

    .reviews-title{

        font-size:48px;
    }

    .reviews-grid{

        grid-template-columns:1fr;
    }

    .review-card{

        padding:30px 24px;
    }

    .review-card p{

        font-size:14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68a4aea *//* =========================================================
   FAQ PREMIUM
========================================================= */

.faq-section{

    background:#f8f4ee;

    padding:120px 40px;
}

.faq-container{

    max-width:850px;

    margin:auto;
}

/* LABEL */

.section-label{

    display:block;

    text-align:center;

    color:#b78a49;

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

    letter-spacing:2px;

    margin-bottom:18px;
}

/* TITOLO */

.faq-title{

    margin:0;

    text-align:center;

    font-family:'Cormorant Garamond',serif;

    font-size:88px;

    line-height:.95;

    color:#3c1f10;
}

/* LINEA DORATA */

.faq-divider{

    width:150px;
    height:2px;

    margin:30px auto 70px;

    background:linear-gradient(
        90deg,
        transparent,
        #c08a32,
        #f3ddb0,
        #c08a32,
        transparent
    );
}

/* LISTA FAQ */

.faq-list{

    display:flex;
    flex-direction:column;

    gap:24px;

    max-width:850px;

    margin:0 auto;
}

/* CARD */

.faq-item{

    background:#ffffff;

    border-radius:24px;

    border:1px solid rgba(192,138,50,.12);

    overflow:hidden;

    position:relative;

    transition:.35s ease;

    box-shadow:
        0 15px 35px rgba(0,0,0,.05);
}

/* HOVER */

.faq-item:hover{

    border-color:rgba(192,138,50,.25);

    transform:translateY(-2px);
}

/* STATO APERTO */

.faq-item[open]{

    box-shadow:
        0 20px 45px rgba(0,0,0,.08);
}

.faq-item[open]::before{

    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:4px;

    background:linear-gradient(
        to bottom,
        #f0d18a,
        #c08a32
    );
}

/* DOMANDA */

.faq-item summary{

    list-style:none;

    cursor:pointer;

    padding:32px 40px;

    font-family:'Cormorant Garamond',serif;

    font-size:30px;

    font-weight:500;

    color:#3c1f10;

    position:relative;

    transition:.3s ease;
}

.faq-item summary::-webkit-details-marker{

    display:none;
}

/* ICONA */

.faq-item summary::after{

    content:"+";

    position:absolute;

    right:30px;
    top:50%;

    transform:translateY(-50%);

    width:40px;
    height:40px;

    border-radius:50%;

    background:#f7f0e6;

    border:1px solid rgba(192,138,50,.20);

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

    color:#b78a49;

    font-size:24px;
    font-weight:300;

    transition:.35s ease;
}

/* APERTO */

.faq-item[open] summary::after{

    content:"×";

    background:#c08a32;

    color:#ffffff;

    transform:
        translateY(-50%)
        rotate(180deg);
}

/* RISPOSTA */

.faq-answer{

    padding:0 40px 35px;

    color:#5b4a41;

    font-family:'Inter',sans-serif;

    font-size:18px;

    line-height:1.9;
}

/* MOBILE */

@media(max-width:767px){

    .faq-section{

        padding:80px 24px;
    }

    .faq-title{

        font-size:52px;
    }

    .faq-divider{

        width:120px;
    }

    .faq-item summary{

        font-size:22px;

        padding:24px;
    }

    .faq-answer{

        padding:0 24px 24px;

        font-size:13px;
    }

    .faq-item summary::after{

        right:20px;

        width:32px;
        height:32px;

        font-size:19px;
    }
}
```/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-337e4f4 *//* =========================================================
   FINAL CTA
========================================================= */

.final-cta{

    position:relative;

    min-height:750px;

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

    text-align:center;

    overflow:hidden;

    background-image:url('https://seripet.com/wp-content/uploads/2026/06/WhatsApp-Image-2026-05-18-at-13.06.50-5.jpeg');
    background-size:cover;
    background-position:center;
}

/* OVERLAY */

.final-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(25,15,10,.35) 0%,
        rgba(25,15,10,.55) 40%,
        rgba(25,15,10,.75) 100%
    );
}

/* CONTENUTO */

.final-content{

    position:relative;
    z-index:2;

    max-width:900px;

    padding:60px 40px;
}

/* LABEL */

.final-label{

    display:inline-block;

    color:#d7b16a;

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

    letter-spacing:3px;

    margin-bottom:20px;
}

/* TITOLO */

.final-content h2{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:84px;
    line-height:.95;

    font-weight:500;

    color:#ffffff;

    text-shadow:
        0 4px 20px rgba(0,0,0,.35);
}

/* LINEA */

.final-divider{

    width:170px;
    height:2px;

    margin:35px auto;

    background:linear-gradient(
        90deg,
        transparent,
        #c08a32,
        #f3ddb0,
        #c08a32,
        transparent
    );
}

/* TESTO */

.final-content p{

    margin:0 auto 45px;

    max-width:700px;

    color:rgba(255,255,255,.92);

    font-size:24px;

    line-height:1.8;

    font-family:'Inter',sans-serif;
}

/* CTA */

.final-button{

    display:inline-flex;

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

    padding:22px 42px;

    border-radius:16px;

    background:linear-gradient(
        180deg,
        #d9b56f,
        #b78338
    );

    color:#ffffff;

    text-decoration:none;

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

    transition:.3s ease;

    box-shadow:
        0 15px 35px rgba(183,131,56,.30);
}

.final-button:hover{

    transform:translateY(-3px);

    box-shadow:
        0 20px 45px rgba(183,131,56,.40);
}

/* MOBILE */

@media(max-width:767px){

    .final-cta{

        min-height:650px;
    }

    .final-content{

        padding:40px 24px;
    }

    .final-content h2{

        font-size:40px;
    }

    .final-content p{

        font-size:14px;
    }

    .final-button{

        width:100%;

        padding:18px 24px;

        font-size:14px;
    }
}/* End custom CSS */