:root {
 --max-width: 1440px;
 --bradius: 16px;
 --section-margin: 15px;
 --btn-radius: 99px;
 --h-padding:15px;
 --banner-height:550px;
 --blue-farmina:#0066cc;
 --azure-farmina:#83d0f5;
 --gray:#444;

 --blue-dark: #222d65;
 --blue: #0066cc;
 --blue-medium: #0066cc;
 --blue-bright: #1a80e0;
 --blue-light: #5fa3fb;
 --blue-pressed: #00548f;
 --black: #000;
 --gray-700: #333;
 --gray-600: #666;
 --gray-500: #999;
 --gray-400: #b7b7b7;
 --gray-300: #c2c2c2;
 --gray-200: #d9d9d9;
 --gray-100: #dddddd;
 --gray-50: #f0f0f0;
 --gray-25: #f5f5f5;
 --white: #fff;
 --orange: #ff8652;
 --yellow: #ffe750;
 --pink: #b60057;
 --info: #179bd7;
 --success: #22c55e;
 --error: #ef4444;
 --font: 'Google Sans', -apple-system, BlinkMacSystemFont, sans-serif;
 --sidebar-w: 256px;
}
body {
 margin: 0;
 font-family: system-ui, -apple-system, sans-serif;
 background-color: #888;

 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
body {
 font-family: var(--font);
 /*font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-variation-settings: "GRAD" 0;*/

 font-family: var(--font);
 background: var(--gray-50);
 color: var(--black);
 min-height: 100vh;
 font-synthesis: none;
 font-size: 15px;
 font-weight: 400;
 line-height: 1.65;
 -webkit-font-synthesis: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font);
  margin: 0 0 0.5em;
}
.display { font-size: 3.5rem;  font-weight: 700; line-height: 1.08; letter-spacing: -0.025em; }
h1       { font-size: 2.75rem; font-weight: 700; line-height: 1.12; letter-spacing: -0.02em; }
h2       { font-size: 2.125rem;font-weight: 700; line-height: 1.18; letter-spacing: -0.02em; }
h3       { font-size: 1.625rem;font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
h4       { font-size: 1.25rem;  font-weight: 700; line-height: 1.3; }
h5       { font-size: 1.125rem; font-weight: 700; line-height: 1.35; }
h6       { font-size: 0.9375rem;font-weight: 700; line-height: 1.4; }

@media (max-width: 768px) {
 .display { font-size: 2.25rem; }
 h1 { font-size: 2rem; }
 h2 { font-size: 1.625rem; }
 h3 { font-size: 1.3125rem; }
 h4 { font-size: 1.125rem; }
 h5 { font-size: 1rem; }
 h6 { font-size: 0.875rem; }
}
large,big {
 font-size: 18px;
 font-weight: 400;
 line-height: 1.7;
}
small {
 font-size: 14px;
 font-weight: 400;
 line-height: 1.6;
}
caption {
 font-size: 13px;
 color: var(--gray-600);
 line-height: 1.5;
}
micro {
 font-size: 11px;
 color: var(--gray-500);
 line-height: 1.4;
}
.gray {color:var(--gray-500);}
.green {color:var(--success);}
.red {color:var(--error);}
.medium {font-weight: 500;}
.bold {font-weight: 700;}
eyebrow {
 font-size: 12px;
 font-weight: 500;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--gray-600);
}
badge {
 font-size: 10px;
 font-weight: 700;
 padding: 4px 9px;
 border-radius: 6px;
 letter-spacing: 0.8px;
 text-transform: uppercase;
 background: var(--blue);
 color: white;
}
badge.yellow {
 background: var(--yellow);
 color: #000000;
}
badge.orange {
 background: var(--orange);
 color: white;
}
button {
 background: var(--blue);
 color: white;
 /*border: none;*/
 border:1px solid var(--blue);
 border-radius: 99px;
 padding: 10px 24px;
 font-size: 15px;
 font-weight: 700;
 font-family: inherit;
 cursor: pointer;
}
.short {
 padding-top:10px !important;
 padding-bottom:10px !important;
 line-height: 100%;
}
button.gray {
 background:var(--gray-50);
 color:var(--gray-600);
 border: 1.5px solid var(--gray-200);
}
button.gray:hover {
 border-color: var(--blue);
    color: var(--blue);
}
.carousel {
 transition: 0.4s;
 overflow:visible !important;
}

.carousel button.arrow {
 background:#fffd;
 position:absolute;
 top:calc( 50% - 30px);
 width:0;
 height:0;
 padding:16px;
 background-image: url(https://www.farmina.com/images/frm/arrow-blue.svg);
     background-size:60%;
    background-position: center;
    background-repeat: no-repeat;
}
.carousel button.arrow svg {position:absolute;left:8px;top:8px;}
.carousel button.left {
 transform: rotate(180deg);
 left:-15px;
}
.carousel button.right {
 right:-15px;
}

.swiper-slide a {
 width: 100%;
    height: 100%;
}
.swiper-slide-img {
 width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; 
}
 
@media (max-width: 991px) {
    .swiper-slide picture.center img {
       /* margin-left: calc(-50vw + 50px);*/
    }
.carousel button.left {
 left:-15px;
}
.carousel button.right {
 right:-15px;
}
}

.no-dots .pagination-dots {display:none;}
.pagination-dots {
 text-align: center;
    padding: 10px;
    width:100%;
         margin-top:35px;
         margin-bottom:35px;
}
.carousel-indicators button {
   background-clip: border-box !important;
   width: 20px !important;
   height: 0 !important;
}
.carousel-indicators button:not(.no-hover):hover,.btn-button:not(.no-hover):hover{
 background:var(--blue-bright);
/*    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;*/
}
.navbar button:hover {background:white;}
.primary:hover {
 box-shadow: 0 4px 12px rgba(0, 99, 176, 0.28);
}
button.secondary,.profile button.secondary {
 background:white;
 color: var(--blue);
 border-color: var(--gray-500);
}
button.secondary:hover {background: rgba(248, 248, 255);}
.profile button.secondary:hover { border-color: var(--blue);}
button.ghost {
 background:white;
 color: var(--blue);
 border-color: white;
}
button.ghost:hover {rgba(0,0,0,0.04);}
button.azure {
 background:var(--azure-farmina);
 color: var(--blue);
 border-color: var(--azure-farmina);
}
button.azure:hover {opacity:0.9;}
button.azure-reverse {
 background:var(--blue);
 color: var(--azure-farmina);
 border-color: var(--azure-farmina);
}
button.azure-reverse:hover {
 background:var(--azure-farmina);
 color: var(--blue);
}

nav {
 font-size: 14px;
 font-weight: 500;
 color: var(--black);
 padding: 8px 16px;
 border-radius: 8px;
}
nav.blue {
 color: var(--blue);
 background: rgba(0, 102, 204, 0.08);
}
nav.white {
 background: white;
 color: var(--gray-600);
}
div.hint {font-size:smaller;}
div.hint.ok {color:var(--success);}
div.hint.err {color:var(--error);}
.show-pw {
 position: absolute;
 right: -10px;
 background: transparent;
 border: 0;
 color: black;
     top: calc(50% - 12px);
}
.show-pw:not(.no-hover):hover {background:transparent;opacity:0.8;}
section.checkout a {text-decoration:none;}
section.checkout a.btn-social {color:var(--gray-700);font-weight:600;}
section.checkout a.btn-social svg { margin-right:10px;}
section.checkout .strength-wrap {
 margin-top: 6px;
 display: flex;
 flex-direction: column;
 gap: 4px;
}
section.checkout .strength-bars {
 display: flex;
 gap: 4px;
}
section.checkout .sbar {
  flex: 1;
  height: 3px;
  border-radius: 2px;
  background: var(--gray-200);
  transition: background .3s;
}
section.checkout .sbar.weak {background: var(--error);}
section.checkout .sbar.medium {background: #f59e0b;}
section.checkout .sbar.strong {background: var(--success);}

a.nav-link i.bi-cart {position:relative;}
a.nav-link i.bi-cart span.qty {
 position: absolute;
 right: -10px;
 top: -10px;
 font-size: small;
 color: white;
 background: var(--blue);
 border-radius: 50%;
 padding: 0 6px;
 line-height: 150%;
}

section.checkout .stepper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px;
    position: relative;
}
section.checkout .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0%;
    position: relative;
    cursor: default;
}
section.checkout .step-item.done .step-circle {
    background: var(--blue);
    border-color: var(--blue);
    color: white;
}
section.checkout .step-item.active .step-circle {
    background: var(--blue);
    border-color: var(--blue);
    color: white;
    box-shadow: rgba(0, 102, 204, 0.18) 0px 0px 0px 4px;
}
section.checkout .step-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid var(--gray-200);
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--gray-400);
    position: relative;
    z-index: 3;
    transition: 0.25s;
    flex-shrink: 0;
}
section.checkout .step-item.done .step-label, section.checkout .step-item.active .step-label {
    color: var(--blue);
    font-weight: 700;
}
section.checkout .step-label {
    font-size: 10px;
    font-weight: 600;
    color: var(--gray-400);
    margin-top: 6px;
    text-align: center;
    white-space: nowrap;
}
section.checkout .step-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 14px;
    left: calc(50% + 15px);
    width: calc(100% - 30px);
    height: 2px;
    background: var(--gray-200);
    z-index: 0;
    transition: background 0.4s;
}
section.checkout .step-item.done:not(:last-child)::after {
    background: var(--blue);
}
section.checkout .addr-opt.on {
    border-color: var(--blue);
    background: rgb(240, 247, 255);
}
section.checkout .addr-opt.on .addr-radio:before {
 content:" ";
     width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}
section.checkout .addr-opt {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1.5px solid var(--gray-200);
    border-radius: 10px;
    padding: 12px 14px;
    cursor: pointer;
    background: white;
    transition: 0.15s;
}
section.checkout .addr-opt.on .addr-radio {
    border-color: var(--blue);
    background: var(--blue);
}
section.checkout .addr-info {
    flex: 1 1 0%;
}
section.checkout .addr-radio {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--gray-300);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: 0.15s;
}
section.checkout .ship-radio-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}
section.checkout .addr-name {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--black);
}
section.checkout .addr-sub {
    font-size: 12px;
    color: var(--gray-500);
    margin-top: 2px;
}
section.checkout .addr-default-tag {
    font-size: 10px;
    font-weight: 700;
    background: rgb(232, 240, 251);
    color: var(--blue);
    border-radius: 99px;
    padding: 2px 8px;
    white-space: nowrap;
}
section.checkout .stripe-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--gray-500);
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--gray-200);
}
section.checkout .req {
    color: var(--error);
}

section.checkout .req {
    color: var(--error);
    margin-left: 2px;
}
section.checkout .cart-thumb {
    border-radius: 8px;
    background: var(--gray-25);
    border: 1px solid var(--gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
section.checkout .coupon-tag {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgb(240, 253, 244);
    border: 1px solid rgb(134, 239, 172);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 12.5px;
    font-weight: 600;
    color: rgb(22, 101, 52);
    margin-bottom: 6px;
}
section.checkout .coupon-tag .remove {
    margin-left: auto;
    cursor: pointer;
    color: var(--gray-400);
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-size: 16px;
    line-height: 1;
    padding: 0px;
}
section.checkout .coupon-row {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
section.checkout .coupon-inp.err {
    border-color: var(--error);
    background: rgb(255, 248, 248);
}
section.checkout .coupon-inp {
    flex: 1 1 0%;
    font-family: var(--font);
    font-size: 13px;
    padding: 9px 12px;
    border: 1.5px solid var(--gray-200);
    border-radius: 10px;
    outline: none;
    color: var(--black);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: border-color 0.14s;
}
section.checkout .btn-coupon {
    background: var(--blue);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 700;
    font-family: var(--font);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s;
}
section.checkout .coupon-err {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--error);
    margin-bottom: 8px;
}
section.checkout .price-old {
    text-decoration: line-through;
    color: var(--gray-400);
    font-weight: 400;
    font-size: 12px;
    margin-right: 4px;
}
section.checkout .price-new {
    font-size: 15px;
    font-weight: 800;
    color: var(--blue);
}
section.checkout .border-bottom { border-width:2px !important;}
section.checkout .active-tab {border-color:var(--blue) !important;}
section.checkout .border-bottom a{font-weight:600; color:var(--gray-500);}
section.checkout .border-bottom a:Hover{color:var(--gray-800);}
section.checkout .border-bottom.active-tab a{color:var(--blue);}

.offcanvas.show.scroll {
 overflow-y:auto;
}
.offcanvas.show.scroll .offcanvas-body { flex-shrink: 0;} 
.offcanvas {
 border-radius: 20px 0 0 20px;
 overflow: hidden;
}
.offcanvas-header {
 border-bottom: 1px solid gray;
 background:white;
}
.offcanvas-body {
 background: var(--gray-50);
 overflow-x: hidden;
}
.offcanvas-body.cart-message {
 flex-grow:0;
 /*background:var(--bs-body-bg);*/
 flex-shrink: 0;
 padding: var(--bs-offcanvas-padding-y) 0 0  var(--bs-offcanvas-padding-x);
 /*width: calc(100% + 20px);*/
 padding:2px;
}
.offcanvas-body.cart-message div.basket {
 background:var(--bs-offcanvas-bg);;
 margin-bottom:8px;
 padding-left:30px;
 position:relative;
     border: 1px solid var(--gray-200);
}
.offcanvas-body.cart-message div.basket:before {
 position:absolute;
 top:16px;
 left:10px;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 flex-shrink: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 11px;
 font-weight: 800;
 margin-top: 1px;
}
.offcanvas-body.cart-message div.basket.ok:before {
 content:"✓";
 background: #dcfce7;
 color: #16a34a;
}
.offcanvas-body.cart-message div.basket.ko:before {
 content:"!";
 background: #fee2e2;
 color: #dc2626;
}
.offcanvas-body.cart-message div.basket.alert:before {
 content:"!";
 background: #fef9c3;
 color: #ca8a04;
}

.known-box {
 background: #f0f7ff;
 border: 1.5px solid #c3daf5;
 border-radius: 12px;
 padding: 18px;
 margin-top: 4px;
}
.known-box .known-email {
 font-size: 14px;
 font-weight: 700;
 color: var(--black);
 margin-bottom: 12px;
 display: flex;
 align-items: center;
 gap: 8px;
}
.known-box .known-hint {
 font-size: 12px;
 color: var(--gray-600);
 margin-bottom: 14px;
}
.known-box .field.no-mb {
 margin-bottom: 0;
}
.known-box .known-email svg {
 color: var(--success);
}
.known-box .lbl {
 font-size: 12.5px;
 font-weight: 600;
 color: var(--gray-700);
}
.known-box .inp {
 width: 100%;
 font-family: var(--font);
 font-size: 14px;
 padding: 10px 14px;
 border: 1.5px solid var(--gray-200);
 border-radius: 10px;
 color: var(--black);
 outline: none;
 transition: border-color .14s,box-shadow .14s;
 background: white;
}
.known-box .link-btn {
 background: none;
 border: none;
 color: var(--blue);
 font-size: 12.5px;
 font-weight: 600;
 cursor: pointer;
 font-family: var(--font);
 padding: 0;
 margin-top: 8px;
 display: block;
}
.reco {
 /*margin: 10px 16px 0;*/
 padding: 0;
 border: 1px solid var(--gray-200);
 border-radius: 12px;
 overflow: hidden;
 flex-shrink: 0;
}
.reco-hd {
 background: white;
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 12px 14px;
 cursor: pointer;
 user-select: none;
}
.reco-hd-txt {
 flex: 1;
 min-width: 0;
}
.reco-eyebrow {
 font-size: 10px;
 font-weight: 700;
 letter-spacing: .8px;
 text-transform: uppercase;
 color: var(--blue);
 display: block;
}
.reco-sub {
 font-size: 11px;
 color: var(--gray-600);
 line-height: 1.35;
 margin-top: 2px;
}
.reco-chevron {
 flex-shrink: 0;
 color: var(--gray-500);
 transition: transform .25s ease;
}
.reco-list {
 display: flex;
 flex-direction: column;
 max-height: 300px;
 overflow: hidden;
 transition: max-height .28s ease;
 background:white;
}
.reco-card {
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 10px 14px;
 border-top: 1px solid var(--gray-200);
}
.reco-thumb {
 width: 64px;
 height: 64px;
 border-radius: 9px;
 background: var(--gray-25);
 border: 1px solid var(--gray-200);
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 22px;
 flex-shrink: 0;
}
.reco-info {
 flex: 1;
 min-width: 0;
}
.reco-name {
 font-size: 12.5px;
 font-weight: 700;
 color: var(--black);
 line-height: 1.25;
 margin-bottom: 3px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
     text-wrap: wrap;
}
.reco-price {
 display: flex;
 align-items: baseline;
 gap: 6px;
 flex-wrap: nowrap;
 white-space: nowrap;
}
.reco-now {
 font-size: 13px;
 font-weight: 700;
 color: var(--blue);
 flex-shrink: 0;
}
.reco-old {
 font-size: 11px;
 color: var(--gray-400);
 text-decoration: line-through;
 flex-shrink: 0;
}
.reco-disc {
 font-size: 10px;
 font-weight: 700;
 color: white;
 background: var(--orange);
 padding: 1px 6px;
 border-radius: 5px;
 flex-shrink: 0;
}
.reco-add {
 flex-shrink: 0;
 border: 1.5px solid var(--blue);
 background: white;
 color: var(--blue);
 border-radius: 50%;
 width: 32px;
 height: 32px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0;
}
.reco.collapsed .reco-list {
 max-height: 0;
}
.reco.collapsed .reco-chevron {
    transform: rotate(180deg);
}

label.terms input {margin-top:6px;}

.row.profile {
     align-items: start;
}

#eshop-plist

        form.subscribe input, form.subscribe select, form.subscribe textarea {
         border:1px solid #aaa;
         padding:0.5rem 0.75rem;
         border-radius:10px;
        }
        form.subscribe textarea {min-height:80px;}
        
        input,select,textarea {
         border:0;
         font-weight:bold;
         /*color: var(--blue-farmina);*/
          outline: none;
        }
        input::placeholder,select::placeholder {
         font-weight:normal;
         color: #aaa;
        }
        .search.nav-link:hover {
         text-decoration:none;
        }
        body>section:first-of-type {
            padding-top: 100px !important;
        }
        section:first-of-type.breadcrumb {padding-top:70px !important;}
        .bi-cart::before {
         content: url("https://www.farmina.com/images/frm/cart.svg");
        }
        .bi-person::before {
         content: url("https://www.farmina.com/images/frm/person.svg");
        }
        .bi-burger::before {
         content: url("https://www.farmina.com/images/frm/burger.svg");
         
         position:relative;
        }
        .bi-search::before {
         content: url("https://www.farmina.com/images/frm/search.svg");
        }
        .bi-close::before {
         content: url("https://www.farmina.com/images/frm/close.svg");
        }
        .full-section {
            background: var(--gray-50);
            overflow: hidden;
            margin: auto;
            max-width: var(--max-width);
            width: 100%;
            /*box-shadow: 0 8px 32px rgba(0,0,0,0.1);*/
            border-radius:0 !important;
        }
           section.eshop a.toggle { display:none }
           .full-section.prodotto div.content-container>div.row {
             flex-flow:row-reverse;
            }
            section.eshop #efdiv div.toggle {display:none;}
        .mostraprezzo {
         font-size:26px;
        }
        .item-price span.valuta {
         font-size:11px;
        }
        .mostraprezzo span.valuta {
         font-size:14px;
        }
        .mostraprezzo span.strike {
         font-size:14px;
         text-decoration: line-through;
         text-decoration-color: #ff8652;
         position:relative;
         bottom:4px;
        }
        .mostraprezzo span.discount-percentage {
         font-size:11px;
         color:white;
         background-color:#ff8652;
         padding:3px 7px;
         border-radius:4px;
         position:relative;
         bottom:5px;
        }
        .mostraprezzo span.prezzokg,.item-info span.prezzokg {
         font-size:12px;
         line-height: 2px;
         display: block;
         color:#999999;
        }
        
        #eshop-filters-list {display:flex;gap:10px;flex-wrap: wrap;}
        #eshop-filters-list div.pill {/*padding:2px 20px;*/}
        #eshop-filters-list div.pill:hover {border-color:var(--blue-farmina);color:var(--blue-farmina);}
        #eshop-filters-list span {font-weight:700;margin-left:10px;position:relative;bottom:1px;}
        
        @media (max-width: 576px) {
         .pagination-dots { display:none;
         }
         .full-section input[type="radio"].roundcb.bigger+label {
          margin-left:5px !important;
          margin-right:5px !important;
         }
           .eshop-head {
            min-height:100px !important;
           }
           #eshop-plist {margin-bottom:70px;}

           .locator-head {
            flex-direction:column;
            align-items:start !important;
           }
           .locator-head h1 {padding-left:0 !important;}

            .full-section {
                margin: calc(var(--section-margin) * 0.75rem) 1rem;
                border-radius: 16px;
            }
        }
        .content-container {
            padding: calc(var(--section-margin) * 1rem);
        }
        .navbar-custom {
            /*max-height: 40px;*/
            /*background: red;*/
            max-width: var(--max-width);
            margin: auto;
            padding:20px 0;
        }
        .navbar>.container-fluid {
            align-items: flex-start;
            background: white;
            top: 0px;
            position:relative;
            z-index: 4;
            border-radius: 10px;/*0 0 10px 10px;*/
            padding: 4px 2.5rem;
            min-height:60px;
            backdrop-filter: blur(10px);
            margin:0 var(--h-padding);
            			max-width: var(--max-width);
               padding-left:80px;
        }
        .nav-link {
            font-weight:bold;
            color:var(--blue-farmina);
        }
        #buy-now-menu {margin:0 10px;}
        li.nav-item i.bi::before {
         width:24px;
         /*margin-right:5px;*/
         position:relative;
         top:0px;
        }
        ul.navbar-nav i::before {
         font-weight:bold !important;
        }
        #brand-logo {
            height: 100px;
            opacity:0;
            transition:opacity 0.3s;
        }
        
        #scrolled-logo {
         opacity:0;
         position: absolute;
         top: 12px;
            transition:opacity 0.3s;
         left: 24px;
         height:32px;
        }
        #scrolled-logo h4_ {
         background: var(--blue-farmina);
         color: white;
         padding: 0 5px;
         border-radius: 10px;
        }
        #scrolled-logo.show,#brand-logo.show {
         opacity:1;
        }
        .navbar #brand-logo {
            margin: -15px 0 -12px 0;
            position: absolute;
            left: 20px;
            top: -8px;
        }
        footer .navbar-brand img{
         max-width:120px;
        }
        .navbar-brand {
            z-index:5;
            padding:0;
        }
         .navbar-nav .nav-link.level1,.navbar-nav .nav-item.level1 {
         font-size:16px;
         font-weight:700;
         position:relative;
		 margin-right:5px;
        }
        .navbar-nav li.nav-link.level2, .navbar-nav li.nav-item.level2 {
         font-size:16px;
         line-height: 18px !important;
        }

        .navbar-nav .nav-link {
            padding: 0.375rem 1rem;
            /*font-size: 0.875rem;*/
            border-radius: var(--btn-radius);
            transition: all 0.2s;
        }
        .navbar-nav .nav-link:hover {
            /*background: rgba(0,123,255,0.1);*/
            color:var(--blue-farmina);
        }
        .navbar-nav li.nav-item ul{
         list-style: none;
         padding: 0;
         line-height: 1.4;
         padding-bottom:5px;
        }
        
        .navbar-nav li.nav-item>ul>li.nav-item {
         line-height: 1.4;
        }
        .black {color:black;}
        ul.sub-menu>li.nav-item {
         line-height: 1;
         padding:0 10px;
         min-width: 200px;
         /*border-left: 2px dotted #ccc;*/
         border-left: 2px solid var(--blue-farmina);
         margin-bottom:10px;
        }
        ul.sub-menu>li.nav-item .title {
         /*font-size: 1.2rem;*/
         border-bottom: 1px solid var(--blue-farmina);
        }
        ul.sub-menu>li.nav-item ul {
         margin-top:3px;
        }
        ul.sub-menu>li.nav-item a.nav-link,.navbar-nav li.nav-item>ul>li.nav-item a{
         font-weight:normal;
        }
        .dropdown-menu {
            border:0;
            padding-left:1rem;
        }
        .dropdown-item {
         color:var(--blue-farmina);
        }
        .only-mobile .lang-selector {
         text-decoration:none;
        }
        .lang-selector {
            text-decoration: underline;
            font-size: 1rem !important;
            font-weight:normal !important;
            color: var(--blue-farmina) !important;
            padding: 0.375rem 0.75rem;
        }
        .banner-section {
            /*margin: 0 !important;*/
        }
        .banner-section>div.row {
            gap:15px;
        }
        .row>div>img {max-width:100%;}
        .banner-left {
            background-position:center;
            background-size: cover;
            min-height: var(--banner-height);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 1rem;
            color: white;
            position: relative;
        }
        .banner-right {
            min-height: calc(var(--banner-height) * 2 / 3);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 1rem;
            color: white;
        }
        section.white {background-color:white;}
        section.tipologia .product-grid {
            display: flex;
            flex-direction: column;
            height: 100%;
            gap: 0;
        }
        section.tipologia .product-item {
            flex: 1;
            gap:20px;
            display: flex;
            padding: 2rem;
            border-radius: var(--bradius);
            transition: transform 0.2s;
        }
        
        section.sidebyside .row:nth-child(odd) {
         flex-flow:row-reverse;
        }
        
        section.genius-btns {
        }
        section.genius-btns img {
         max-width:80px;
        }
        section.genius-btns h3 {
         flex:1 1 auto;
        }

        section.multi-panel-3 div.row>div {
         display: flex;
         flex-direction: column;  
             align-items: flex-start;
        }
        section.multi-panel-3 img {
        }
        section.multi-panel-3 div.content{
         /*flex:1 1 auto;*/
        }
        
        .product-item:hover {
            /*transform: translateY(-4px);*/
        }
        section.tipologia .product-item>div {justify-content: space-between;}
        section.tipologia .product-item:nth-child(1) { background: #60A3FC; }
        section.tipologia .product-item:nth-child(2) { background: #FF8653; }
        section.tipologia .product-item:nth-child(3) { background: linear-gradient(135deg, #a55eea, #4834d4); }
        section.tipologia .product-item>div:nth-child(1) {
         flex:1;
        }
        section.tipologia .product-item>div:nth-child(2) {
         flex:1;
         justify-content: flex-end;
        }
        section.tipologia .product-col {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            text-align: left;
        }
        section.tipologia .product-col:nth-child(2) {
         
        }
        .btn-white {
            background: white;
            color: #000;
            border: none;
            border-radius: var(--btn-radius);
            padding: 0.75rem 2rem;
            font-weight: 600;
            color:var(--blue-farmina);
        }
        input.btn-check+label {
         color:#aaa !important;
         font-weight:bold;
         padding:10px 10px;
        }
        input.btn-check:checked+label {
         color:var(--blue-farmina) !important;
        }
        input.btn-check+label.btn>div {
         display:flex;
        }
        input.btn-check+label.btn>div>p {
         padding:0 10px;
         margin:0;
        }
        input.btn-check+label.btn>div>p:first-child {
         flex:1;
         text-align:left;
        }
        input.btn-check+label.btn>div>p:nth-child(2) {
         text-align:right;
        }
        footer {
            background: #f1f1f1;
            color: black;
            border-radius: 0;
            overflow: hidden;
            margin: auto;
            max-width: var(--max-width);
        }
        .linea-links {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .linea-links .mb-4 {height:150px;justify-content: center;
    align-items: center;
    display: flex;
        }
        .linea-links img {
         height: 150px;
        }
        .linea-links>div {
         margin-top:0;
        }
        @media (min-width: 768px) {
            .linea-links {
                flex-direction: row;
                justify-content: center;
            }
        }
        .navbar-toggler {
            border-radius: var(--btn-radius);
            padding: 0.2rem;
            z-index:5;
        }
        
		.navbar.scrolled {
   box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		}
  .pill {back}
  .btn,.pill {
   border-radius: var(--btn-radius) !important;
   /*padding: 10px 20px;*/
  }
  .btn-button {
   border-radius: var(--btn-radius) !important;
   padding: 10px 20px;
   background-color: var(--blue);
   color: white !important;
  }
  .btn.bg-blue-farmina:hover {
   background-color:var(--blue-farmina) !important;
  }
  a.btn-white:hover {
   color:var(--blue-farmina);
   background-color:white;
  }
  a.how-much {
   padding-left: 50px;
    background: url("https://www.farmina.com/images/frm/scodella.svg") no-repeat 0 5px;
        white-space: nowrap;
  }
  a.how-much::after {
   content:">";
   position:relative;
   left:15px;
   display:inline-block; 
   text-decoration:none;
  }
  section.prodotto .accordion-button:not(.collapsed) {
   background-color:white;
  }
  section.prodotto .accordion-button::after {
   background-image:url("https://www.farmina.com/images/frm/plus.svg");
   transition:all 0.2s;
  }
  section.prodotto .accordion-button:not(.collapsed)::after {
   background-image:url("https://www.farmina.com/images/frm/minus.svg");
   position:relative;
   top:-9px;
  }
  section.eshop .accordion-item,section.eshop .accordion-button{
   background-color:transparent;
   border:0;
  }
  section.eshop .accordion-body {
   padding: 5px ;
  }
  section.eshop .accordion div.filter-item {
   display:block;
  }
  section.eshop .accordion-collapse button {
   border:0;
   font-size:small;
   color:#888;
   margin-right:0;
       margin-left: auto;
    display: block;
  }
  
  @media (max-width: 991px) {
}

.full-section.homepage .numbers div.numbers-icons {
    padding-top:200px;
    padding-bottom:20px;
    border-radius: var(--bradius);
    background-color: white;
    position: relative;
    border: 1px solid #c8c8c8;
}
.full-section.homepage .numbers div svg{
 position: absolute;
 left: calc(100% / 2 - 60px);
 top: 40px;
 width: 120px;
 height: 120px;
}
.full-section.homepage .numbers h1.full-section.homepage .numbers h5 {
 text-align: center !important;
 margin: auto !important;
}
.full-section.homepage .numbers h1:after,
.full-section.homepage .numbers h5:after {
 content: " ";
 display: block;
 border: 2px solid var(--blue);
 border-radius: 5px;
 width: 60px;
 margin: 20px auto;
}

  section.eshop .accordion div.filter-item {
   white-space:nowrap;
   overflow:hidden;
  }
  section.eshop #eshop-plist>div, #eshop-plist span.row>div {
   display:flex;
   flex-direction:column;
  }
  section.eshop div.img-prod {
   position:relative;
   height:380px;
   display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:100%;
  }
  section.eshop div.img-prod img {
   max-width: 80%;
   max-height: 230px;
   padding-top:40px;
  }
  section.eshop #eshop-plist div.formats {
   width:100px;
   border: 2px solid var(--blue);
    border-radius: 99px;
    margin-top:0.75rem;
        padding-right: 10px;
  }
  section.eshop #eshop-plist div.formats select {
   margin-top:0;
   border:0;
  }
  
  section.eshop #eshop-plist div.addtocart {
   width:calc(100% - 110px);
   margin-left:10px;
   align-items:end;
  }
  section.eshop #eshop-plist div.text-start {
   flex:1;
   width:100%;
   display: flex;
    flex-direction: column;
    justify-content: space-between;;
  }
  section.eshop div.img-prod div.tags {
   position: absolute;
    font-size: small;
    left: 15px;
    top: 15px;
  }
  section.eshop div.img-prod div.tag {
  /*  position:absolute;*/
  /*  font-size: small;*/
    padding: 0px 5px;
  /*  left: 15px; */
  /*  top: 15px; */
    background-color: gray;
    color: white;
    border-radius: 5px;
    margin-bottom:5px;
  }
  section.eshop div.img-prod div.tag.newsize {
    background-color: var(--blue-farmina);
  }
  section.eshop div.img-prod div.tag.outstock {
    background-color: #888;
  }
  section.eshop div.img-prod div.tag.bestseller {
    background-color: #ffe750;
    color:black;
  }
  section.eshop div.img-prod div.tag.promotion {
    background-color: #ff8652;
  }
  section.eshop .formati {
    padding: 0px 10px;
    left: 15px;
    top: 15px;
    background-color: white;
    display:inline-block;
    border-radius: var(--bradius);
    padding:5px 5px 5px 10px;
    border: 1px solid;
    
    padding:8px;
    border-radius:99px;
  }
  
  section.storelocator form input {
   margin-top:0;
   min-width:200px;
  }
  section.storelocator .gosearch {
   border: 0;
    background-color: transparent;
  }
  .only-mobile .gosearch {
   border: 0;
    background-color: transparent;
    position:absolute;
    right:0;
    top:17px;
  }

form input.short,form select.short {
    border-radius: 10px !important;
   }
   /*form button.short,form input.short,form select.short {
    margin-top:0.75rem;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-width:80px;
   }
   
   form select.short {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    
   }
   */
  form input,form select {
   margin-top:0.75rem;
   padding: 0.25rem 0.75rem;
   border-radius:var(--bs-border-radius);
  }
  form input[type="text"] {
  }
  
  input+label .banned {
   color:#aaa;
   position:relative;
  }
  input+label .banned:before {
    content: '';
    position: absolute;
    margin-top: 12px;
    width: 100%;
    border-bottom: 2px solid #8888;
  }
  input+label span.hl{
    background-color:#aaa;
    white-space: nowrap;
    color: white;
    border-radius: 5px;
    padding: 2px 10px;
    margin-left: 10px;
    font-size:small;
    font-weight:normal;
  }
  .needs label {
 height: 40px;
 min-width: 100px;
 padding: 0 20px;
 background-color: white;
 border-radius: 20px;
 line-height: 40px;
 text-align: center;
 box-sizing: border-box;
 color: var(--bs-gray-800);
 border: 1px solid #dedede;
 position: relative;
 margin: 4px;
 font-weight:700;
}
.needs input {display:none;}
.needs input[type="checkbox"]:checked+label,.needs input[type="radio"]:checked+label {
 background-color:var(--blue);
 color:white;
}
  input:checked+label span.hl{
    background-color: var(--blue-farmina);
  }
  .btn:active {
   border-width:1px !important;
   border-color:transparent !important;
  }
  .qty-updn {
   border-radius:99px !important;
   padding:3px;
  }
   .qty-updn button {width:50%;}
   .qty-updn button:hover {background:white;}
  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
  .qty-updn>button:first-of-type {
   padding-right:0;
  }
  .qty-updn>button:nth-of-type(2) {
   padding-left:0;
  }
  input#order-qty {margin-top:0;padding:5px;}
  button:focus {
   box-shadow:none !important;
  }
  
  .btn.bg-blue-farmina:active {
   background-color:var(--blue-farmina) !important;
  }
  .srounded {
   border-radius:1000px !important;
  }
  .rounded {
   border-radius:var(--bradius) !important;
   overflow:hidden;
  }
  .bg-blue-farmina {
   background-color:var(--blue);
   color:white !important;
  }
  a.bg-blue-farmina:hover {
   background-color:var(--blue);
   color:white !important;
  }
  .blue-farmina {
   color:var(--blue);
  }
  .azure-farmina {
   color:#83d0f5;
  }
  a.blue-farmina:hover {
   color:var(--blue);
  }
  .bi-list::before {
   color:transparent;
  }
  .navbar-toggler-icon {
   color:var(--blue-farmina);
  }
  .navbar-collapse {
   background-color: white;
   z-index:4;
   width:100%;
   padding-top: 20px;

   transition:height 0.5s ease;
  }
  .navbar-collapse.show {
   margin-top: 20px;
   border-radius: var(--bradius);
   padding: 20px;
   position: absolute;
   width: 100%;
   left: 0;
   top: 50px;
   height: calc(100vh - 110px);
   overflow-y:auto;
   padding-bottom:50px;
  }
  #bk-mobile-menu {
   /*position:absolute;*/
   /*left:0;*/
   /*top:0;*/
    display:none;
    position: fixed;
    z-index: 3;
    background-color: #ddd;
    pointer-events: all;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
  }
  #search-box {
   /*position:absolute;*/
   /*display:block;*/
   /*width:350px;*/
   min-height:50px;
   right:0;
   top:35px; 
   background-color:white;
   /*border-radius:0 0 var(--bradius) var(--bradius);*/
   padding:10px;
   display:none;
  }
  #search-box.show {
   display:block;
   position:absolute;
   left:0;
   padding-left:180px;
   padding-right:120px;
   top:50px;
  }
  .search-group {display:flex;}
  .search-group button.gosearch {
   background:transparent;
   border:0;
   position:relative;
   right:50px;
  }
  #search-box div.search-results ul {
   list-style:none;
   padding-left:0;
  }
  #search-box input {
   width:100%;
   border-bottom:1px solid var(--blue-farmina);
   margin-bottom:5px;
  }
  #bk-mobile-menu.show {
  display:block;
  }
  .navbar-toggler:focus {
   box-shadow:none;
  }
  .only-mobile.search {
   border-radius:0;
   border-bottom: 1px solid var(--blue-farmina);
   padding-right: 60px;
  }
  .only-mobile.search a {
  border-bottom:0;
  }
  

  body.expand-sections-bk section.full-section,body.expand-sections-bk footer {
   max-width: none;
  }
  body.expand-sections-bk section.full-section>*:not(.offcanvas-backdrop) {
   max-width: calc(var(--max-width) - 32px);
   margin:auto;
   /*padding-left:1rem !important;
   padding-right:1rem !important;*/
  }
  section.full-section>div {
   /*max-width: var(--max-width);*/
   margin:auto;
  }
  
  .collapsing {
  transition:none !important;
  }
  
  .flex-expand {
   flex:1 1 auto;
       align-items: anchor-center;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.nav-link:focus, .nav-link:hover {
   color:var(--blue-farmina);
   /*text-decoration:underline;*/
   /*position:relative;*/
  }
  
  button.navbar-toggler.collapsed .open {
   display:none;
  }
  button.navbar-toggler:not(.collapsed) .close {
   display:none;
  }
  li.only-desktop.lang-selector {
   position:absolute;
   right:5px;
   top:0px;
  }
  .only-desktop a.lang-selector {
   position: absolute;
   top: 18px;
   right: 15px;
       height: 50px;
           text-decoration: none;
  }
  li.only-desktop a.lang-selector:after {
   display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 10px;
    right: -7px;
  }
  #expandable-menu.show li:not(.only-desktop) a.lang-selector {
   
  }
  #expandable-menu li.only-mobile.lang-selector {position:relative;padding:0;}
  #expandable-menu li.only-mobile.lang-selector>a:after {
       display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
  }
  #expandable-menu.show li.only-mobile.lang-selector ul.dropdown-menu.show {
   position:static;
  }
  #expandable-menu.show li.only-mobile.lang-selector ul.dropdown-menu.show li {
   text-align:left;
   padding-left:20px;
   
  }
  .only-mobile a.lang-selector i.bi-globe {
   position:relative;
   top:4px;
  }
  
  .lang-selector ul.dropdown-menu {
   position:absolute;
   right: 0;
   left: auto;
   top: 60px;
   text-align: center;
   min-width:0;
   background:none;
  }
 .lang-selector ul.dropdown-menu li {background:none;}
  
  section.tipologia .product-col img {
   max-height:90%;
  }
  
  section.tipologia .product-grid {
   gap:15px;
  }
  
  .eshop-head h1 {
   margin-bottom:0;
  }
  .eshop-head>div {
   margin-top:0;
       display: flex;
    align-items: anchor-center;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover; 
  }

.home-pet-img {
 background-size: cover;
    background-position: right;
    border-radius: var(--bradius);
}
.profile .card-hd {flex-wrap: wrap;}

.profile .card-hd>div,.profile .card-hd>span {        text-wrap-mode: nowrap; }
.clear-all {
 color:gray;
 text-decoration:underline;
     text-wrap: nowrap;
}

.b-gray {
 border: 1px solid #d9d9d9;
 border-radius: 20px;
 overflow:hidden;
}
.b-gray img { border-radius:0 !important;}
.b-gray div.content {padding:5px 15px 15px 15px;}
.uppercase {text-transform:uppercase}

@media (max-width: 1240px) and (min-width: 992px) {
 #eshop-plist div.col-lg-4 {width:50%;}
}  
@media (max-width: 991px) {
 .offcanvas.show:not(.hiding), .offcanvas.showing {
      max-width: 50%;
 }
 .navbar-nav .nav-link.level1,.navbar-nav .nav-item.level1 {
         font-size:18px;
         font-weight:700;
        }
        .navbar-nav li.nav-link.level2, .navbar-nav li.nav-item.level2 {
         font-size:16px;
         padding-left:1rem;
         line-height: 20px !important;
         font-weight:700;
        }
        .navbar-nav li.nav-item.chapter-mobile {
         font-size:16px;
         padding-left:1.4rem;
         font-weight:700;
         /*padding:10px 0 10px 25px;*/
        }
        
 .navbar-collapse:not(.show) {   height:0;display:block;position:absolute;right:20000px;}
 .navbar-collapse:not(.show) #buy-now-menu {display:none;}
 
            #eshop-filters {
            position: fixed;
            z-index: 3;
            background-color: white;
            left: 0;
            top: 0;
            margin: 0;
            padding: 80px 0;
            overflow-y: auto;
            height: 100vh;
            width: 0;
           }
           #efdiv.show #eshop-filters {width: 100vw;}
                      section.eshop #efdiv div.toggle {
            display: block;
            position: fixed;
            left:0;
            bottom: 0;
            width: 100%;
            text-align: center;
            padding: 20px 0;
            background: linear-gradient(0, #f1f1f1 0%, #f1f1f1 50%, transparent);
            z-index:3;
           }
           section.eshop a.toggle{
            display:block;
            width: fit-content;
            margin:auto;
            font-weight:bold;
            border-radius:var(--bradius);
            padding:4px 20px 4px 50px;
            text-decoration:none;
            background:url("https://www.farmina.com/images/frm/filters.svg") no-repeat 20px 5px;
            background-color:white;
           }
           section.eshop #efdiv.show div#toggler { display:none;bottom:0;}
           section.eshop #efdiv:not(.show) div#dotoggler {display:none !important;}
           section.eshop  #efdiv.show div.toggle  {bottom:0 !important;}
           a.toggle.fix {bottom:0 !important;}



 .navbar-nav .nav-link.dropdown-toggle.active:before {display:none;}
   section.eshop .accordion div.filter-item {
   padding-left:20px;
  }
  .eshop-filters-list {
   /*display:none !important;*/
   }

   .navbar #brand-logo {top:-5px;height: 95px;}
   #scrolled-logo {height:31px;}
   section:first-of-type.breadcrumb {padding-top: 70px !important;}
 .navbar>.container-fluid {
  padding:14px 1.5rem;
 }
  .full-section.prodotto div.content-container>div.row {
   flex-flow:column-reverse;
  }
 .full-section.prodotto div.content-container>div.row div.col-lg-1 {display:none;}
 .full-section.prodotto #farminaCarousel {
  max-width:480px;
  margin:auto;
 }

  section.sidebyside .row {flex-flow:column !important;}
  section.genius-btns .row>* {
   width:50%;
   display:flex;
   flex-direction:column;
   align-items:center;
  }

  .only-desktop {display:none !important;}
  #buy-now-menu {        
   position: fixed;
   height: 40px;
           top: calc(100vh - 90px);
   left: 0.5rem;
   width: calc(100% - 2rem - 4px);
   text-align:center;
          /* filter: drop-shadow(2px 4px 6px #0006);*/
  }
  #buy-now-menu a {
   /*width:100%;*/
   padding:4px 40px;
  }
  
  ::-webkit-scrollbar {
    display: none !important;
  }
}

 .full-section.wizard .petclass {
  
 }
 .full-section.wizard .petclass input,.full-section.wizard .petsex input {
  display:none;
 }
 .full-section.wizard .petclass input+label {
  width:200px;
  max-width:calc(100vw / 2 - 40px);
  border-radius:var(--bradius);
  text-align:center;
  background-color:white;
  font-weight:bold;
  color:var(--blue-farmina);
  padding: 210px 20px 20px 20px;
  margin:0 10px;
  box-sizing:border-box;
  background-position:center 70px;
  background-repeat:no-repeat;
  position:relative;
  filter:grayscale(1) brightness(2);
  background-size:80% 100px;
 }
 .full-section.homepage .petclass a>div {
  /*width:240px; */
  border-radius:var(--bradius);
  background-color:white;
  padding: 0px 40px 45% 40px;
  text-align:left;
  /*margin:0 10px 10px 10px;*/
  box-sizing:border-box;
  background-position:center;
      background-size: cover;
  background-repeat:no-repeat;
  position:relative;
 /* background-size:90% 130px;*/
  border:1px solid #c8c8c8;
 }
 .full-section.homepage .petclass a{
  color:white;
  font-size:34px;
  text-decoration:none;
  position:relative;
 }
 .full-section.homepage .petclass a:after {
  content:" ";
  display:block;
  position:absolute;
  background-image:url(https://www.farmina.com/images/frm/arrow-white.svg);
      width: 46px;
    height: 46px;
    bottom: 10%;
    left: 50px;
    background-size:cover;
 }
 .full-section.homepage .petclass h2 {position:absolute;top:30px;    text-shadow: 0px 0px 4px black;}
@media (min-width:768px) and (max-width: 1023px) {
 .full-section.homepage .petclass h2 {font-size:1.5rem;top:15px;left:20px ;}
  .full-section.homepage .petclass a:after {
         width: 36px;
    height: 36px;
    left: 30px;

  }
}
 .full-section.wizard .petsex input+label {
    background-color: white;
    border-radius: 25px;
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    color: var(--blue-farmina);
  filter:grayscale(1) brightness(1.5);
 }
 .full-section.wizard .petclass input:checked+label,.full-section.wizard .petsex input:checked+label {
   border:1px solid var(--blue-farmina);
   filter:none;
 }
 .full-section.wizard .petclass input:checked+label:after {
  content:"";
  position:absolute;
  right:10px;
  top:10px;
  width:40px;
  height:40px;
  display:block;
  background-image:url("https://www.farmina.com/images/frm/check.png");
  background-size:100%;
 }
 .full-section.wizard .petclass input#petclass-dog+label {background-image:url("https://www.farmina.com/images/frm/dog.svg");}
 .full-section.wizard .petclass input#petclass-cat+label {background-image:url("https://www.farmina.com/images/frm/cat.svg");}
 .full-section.homepage .petclass .petclass-dog {background-image:url("https://www.farmina.com/images/frm/dog-home.jpg");}
 .full-section.homepage .petclass .petclass-cat {background-image:url("https://www.farmina.com/images/frm/cat-home.jpg"); background-position-x:100%;}
 .full-section.wizard .petclass input#petclass-ccenter+label {background-image:url("https://www.farmina.com/images/frm/headphones.svg");}
 .full-section.wizard .petclass input#petclass-DIY+label {background-image:url("https://www.farmina.com/images/frm/pointer.svg");background-size:40%;}
 .full-section.wizard input.pillcb {display:none;}
.full-section.wizard input.pillcb+label {
 height: 30px;
 min-width: 100px;
 padding: 0 10px;
 background-color: white;
 border-radius: 20px;
 line-height: 30px;
 text-align: center;
 box-sizing:border-box;
 color:#ccc;
 position:relative;
 margin: 4px 10px;
}
.full-section.wizard input.pillcb:checked+label {
  border:1px solid var(--blue-farmina);
  color:var(--blue-farmina);
  padding-right:30px;
}
.full-section.wizard input.pillcb:checked+label:before {
 content:"x";
 font-weight:bold;
 position:absolute;
 right:10px;
}
 
@media(min-width: 576px) {
.carousel.no-arrow-dsk button.arrow {display:none}
}
@media(max-width: 576px) {
.carousel button.left {left:-12px;}
.carousel button.right {right:-12px;}
}
@media(max-width: 991px) {
.carousel.no-arrow-mobile button.arrow {display:none}
}

.carousel-indicators {
 margin-bottom:4rem;
}
.carousel-inner {
 margin-bottom:3rem;
 display:flex;
 flex:1 1 auto;
}
.carousel-item.active,.carousel-item-prev,.carousel-item-next {
 display:flex !important;
 flex-direction:column;
}
.carousel-item {
    position: relative;
}
.carousel-item *{
}
.carousel-item>div{
 background-position:center;
 background-size:contain;
 background-repeat:no-repeat;
 flex: 1 1 auto;
 width: 100%;
}
.carousel-item  img {
 
}
.selectproduct>div {}
.selectproduct input+label {
 box-sizing:border-box;
}
.border-blue-farmina,.selectproduct input:checked+label {
 border:1px solid var(--blue-farmina);
}
  .bg-azure-farmina {
    background-color:var(--azure-farmina);
    color:#0560aa !important;    
  }
  .bg-azure-farmina:hover {
    background-color:white;
    color:#0560aa !important;    
  }
  .azure-farmina {
    color:var(--azure-farmina);
  }
  .border-azure-farmina {
   border:1px solid var(--azure-farmina);
  }


.full-section .steps .step:before {
  content:" ";
  display:block;
  height:5px;
  background-color:#d9d9d9;
  border-radius:5px;
 }
 .full-section .steps .step.active:before {
  background-color:var(--blue-farmina);
 }
 
 .full-section input[type="checkbox"].roundcb,.full-section input[type="radio"].roundcb {display:none}
 .full-section input[type="checkbox"].roundcb+label,
 .full-section input[type="radio"].roundcb+label {position:relative; left:10px;}
 .full-section input[type="radio"].roundcb.bigger+label {width:50px;margin:55px 15px 40px;}
 .full-section input[type="checkbox"].roundcb+label:before,
 .full-section input[type="radio"].roundcb+label:before {
  content:" ";
  position: absolute;
  left: -25px;
  top:2px;
  display: block;
  border-radius: 50%;
  background-color: white;
  width: 20px;
  height: 20px;
 }
 .full-section input[type="radio"].roundcb.bigger+label:before {
  width: 40px;
  height: 40px;
  left:-5px;
 }
 .full-section input[type="checkbox"].roundcb+label:after,
 .full-section input[type="radio"].roundcb+label:after {
  content:" ";
  position: absolute;
  left: -20px;
  top:7px;
  display: block;
  border-radius: 50%;
  background-color: #aaa;
  width: 10px;
  height: 10px;
 }
 .full-section input[type="radio"].roundcb.bigger+label:after {
  width: 20px;
  height: 20px;
  left:-15px;
  top:12px;
  left:5px;
 }
 .full-section input[type="checkbox"].roundcb:checked+label:after,
 .full-section input[type="radio"].roundcb:checked+label:after {
  background-color:var(--blue-farmina);
 }
 
 .full-section.checkout .paymethod {
  background-color:white;
  background-repeat: no-repeat;
  background-position: center 20px ;
  background-size:15%;
  padding: 3rem 0.5rem 1rem 0.5rem;
  text-wrap: nowrap;
 }
 .full-section.checkout .paymethod.ccard {
  background-image:url("https://www.farmina.com/images/frm/ccard.svg");
 }
 .full-section.checkout .paymethod.paypal {
  background-image:url("https://www.farmina.com/images/frm/paypal.svg");
 }
 .full-section.checkout .paymethod.gpay {
  background-image:url("https://www.farmina.com/images/frm/gpay.svg");
 }
 
 .full-section.checkout .summary .label {
  padding:1rem 0 0.2rem;
  color:#888;
 }
 .full-section.checkout .summary span {
  text-wrap:nowrap;
 }
 .full-section.checkout .summary a.modifica {
  position: absolute;
    right: 1rem;
    font-size: 0.8rem;
    color: #888;
 }
 .full-section.checkout .summary .small {
  font-size:0.75rem;
 }
 
 .home-micro {
  font-size:12px;
  font-weight:500;
  letter-spacing: 10%;
 }
 
 .full-section.checkout .summary img.prodimg {
  display:block;
  width:50px;
  height:50px;
  border-radius:8px;
  background-color:#888;
 }
 
 .petshape {
    width: 150px;
    height: 150px;
    background-color: white;
    border-radius: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90px;
 }
 .petshape.cat {
  background-image:url("https://www.farmina.com/images/frm/cat.svg");
 }
 .petshape.dog {
  background-image:url("https://www.farmina.com/images/frm/dog.svg");
 }
 .ib-ccc input,.ib-ccc select {border:1px solid #ccc;}

.offcanvas.offcanvas-end {
 width:auto;
 background: var(--gray-50);
         border: 0;
} 
.basket {
    /*background: white;*/
    border-radius: 12px 12px;
    /*box-shadow: -8px 0 18px rgba(0,0,0,.18);*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
}
.basket-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #d9d9d9;
}
.basket-title {
    font-size: 18px;
    font-weight: 800;
    color: black;
}
.btn-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 18px;
    line-height: 1;
    transition: background .15s;
}
.basket-items {
    flex: 1;
    overflow-y: auto;
    padding: 0 10px;
}
.basket-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #f5f5f5;
}
.item-thumb {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    background: white;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    flex-shrink: 0;
}
.item-thumb img { 
 max-width:80%;
 max-height:80%;
}
.item-info {
    flex: 1;
    min-width: 0;
}
.item-category {
    font-size: 11px;
    color: gray;
    margin-bottom: 2px;
}
.item-name {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--blue-farmina);
    cursor: pointer;
    line-height: 1.3;
    margin-bottom: 8px;
}
.item-price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap:wrap;
}
.item-price {
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-size:16px;
    font-weight:800;
}
.item-sym {
    font-size: 11px;
    font-weight: 600;
    color: black;
}
.item-num {
    font-size: 16px;
    font-weight: 800;
    color: black;
    letter-spacing: -.3px;
}
.item-old {
    font-size: 12px;
    color: gray;
    text-decoration: line-through;
}
.item-discount {
    background: #ff8652;
    color: white;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 800;
}
.qty-stepper {
    display: flex;
    align-items: center;
    border: 1.5px solid var(--blue);
    border-radius: 99px;
    overflow: hidden;
    margin-left: auto;
    flex-shrink: 0;
    margin-left: 0;
    /*margin-top: 8px;*/
    width: fit-content;
}
.qty-nl-mobile {
 flex:1;
}
.qty-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    font-size: 18px;
    color: var(--blue-farmina);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    transition: background .15s;
}
.qty-val {
    min-width: 24px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--black);
}
.offcanvas-footer {
    background: var(--blue-farmina);
    padding: 18px 20px 20px;
}
.offcanvas-footer .subtotal-val {
 font-size: 20px;
    font-weight: 800;
    color: white;
    letter-spacing: -.4px;
}
.offcanvas-footer .subtotal-val span.valuta {
     font-size: 12px;
    font-weight: 600;
    color: white;
}

.subtotal-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 14px;
}
.subtotal-lbl {
    font-size: 15px;
    font-weight: 700;
    color: white;
}
.subtotal-val {
    display: flex;
    align-items: baseline;
    gap: 2px;
}
.sub-sym {
    font-size: 12px;
    font-weight: 600;
    color: white;
}
.sub-num {
    font-size: 20px;
    font-weight: 800;
    color: white;
    letter-spacing: -.4px;
}
.shipping-box {
    background: rgba(255,255,255,.15);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
}
.shipping-txt {
    font-size: 12px;
    color: rgba(255,255,255,.85);
    margin-bottom: 8px;
    line-height: 1.45;
}
.progress-track {
    height: 5px;
    background: rgba(255,255,255,.25);
    border-radius: 3px;
    overflow: hidden;
}
.progress-fill {
    height: 100%;
    background: white;
    border-radius: 3px;
    width: 28%;
}
.btn-checkout {
    width: 100%;
    background: white;
    color: var(--blue);
    border: none;
    border-radius: 99px;
    /*padding: 13px;*/
    font-size: 14.5px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 8px;
    transition: all .15s;
}
.btn-keep {
    width: 100%;
    background: none;
    color: white;
    border: 1.5px solid rgba(255,255,255,.4);
    border-radius: 99px;
    padding: 13px;
    font-size: 14.5px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 12px;
    transition: all .15s;
}
.tax-note {
    font-size: 11px;
    color: rgba(255,255,255,.6);
    text-align: center;
    line-height: 1.4;
}
 
 @media(min-width: 992px) {
   .offcanvas.show:not(.hiding), .offcanvas.showing {
      max-width: 33%;
 }

  #dotoggler {display:none !important;}
  .accordion-item>.accordion-header .accordion-button {padding-left:4px;}
  .navbar-nav .nav-link.active:before {
   content:" ";
   position:absolute;
   display:block;
   border-bottom:2px solid var(--blue-farmina);
   width:calc(100% - 5px);
   left:-5px;
   top:47px;
  }
  .eshop-head {
   min-height:420px;
  }

 }
 @media(max-width: 576px) {
   .offcanvas.show:not(.hiding), .offcanvas.showing {
      max-width: 100%;
 }

    .full-section.checkout .w-sm-100  {
        width: 100%;  
    }
    .selectproduct {
     /*flex-wrap: nowrap;*/
     overflow: auto;
    }
    .selectproduct .col-3 {width:40%}

}
@media(max-width: 420px) {
 #buy-now-menu a {width:100%;}
}
  
@media (min-width: 992px) {
#expandable-menu>div.flex-md-column:first-child {
   line-height:36px;
   /*margin-top:10px;*/
           padding-left: 120px;
   /*max-width: calc(100% - 240px);*/
  }
  .only-mobile {display:none !important;}
  .navbar-collapse:before {display:none;}
  #expandable-menu {
   padding: 0;
   /*transition: max-height 0.2s;*/
   /*max-height:480px;*/
   /*max-height: 200px;*/
   /*overflow: hidden;*/
   align-items:center;
   border-radius:10px;
  }
  .navbar-expand-lg .navbar-nav .lang-selector .dropdown-menu {
           right: 5px;
        top: 50px;
                background: white;
        padding: 10px;
  }
  .navbar-expand-lg .navbar-nav .nav-item>ul>li>a { 
   padding:0 !important;   
  }
  .navbar-expand-lg .navbar-nav .nav-link {
   padding: 0 0.375rem 0 0.375rem !important;
  }
  .navbar-expand-lg .navbar-nav>li>a.nav-link {/*line-height:16px;margin-top:10px;*/}
  .sub-menu {display:none;}
  .sub-menu.show {display:flex;}
  #expandable-menu.expanded {
   transition: max-height 1s;
   max-height:200px;
  }
  .navbar-expand-lg .navbar-nav {
   justify-content: center;
   align-items:center;
   //height:40px;
   flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav.sub-menu {
   align-items:start;
  }
  /*-----------menu 21/05/2026--------*/
  .navbar>.container-fluid {
   padding-left:0;
   flex-direction:column;
  }
  .navbar-expand-lg .navbar-nav.sub-menu .mega-col {
   flex:0 0 20%;
  }
  .navbar-expand-lg .navbar-nav.sub-menu .mega-col .promo {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 14px;
  }
  .navbar-expand-lg .navbar-nav.sub-menu .mega-col .promo-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e86c00;
    margin-bottom: 6px;
  }
  .navbar-expand-lg .navbar-nav.sub-menu .mega-col .promo-title {
   font-size: 13px;
    font-weight: 700;
    color: #111;
    line-height: 1.35;
    margin-bottom: 6px;
  } 
  .navbar-expand-lg .navbar-nav.sub-menu .mega-col .promo-cta {
   font-size: 12px;
    font-weight: 700;
    color: #0066cc;
  }
  .navbar-expand-lg .navbar-nav.sub-menu {
    float: left;
    position: relative;
    left: 30px;
    margin-top: 30px;
    width:100%;
    /*justify-content: space-between;*/
    justify-content: flex-end;
  }
  #expandable-menu>div.flex-md-column {
   
  }
  ul.sub-menu>li.nav-item a.nav-link, .navbar-nav li.nav-item>ul>li.nav-item a {
   color: var(--gray);
  }
  ul.sub-menu>li.nav-item a.nav-link, .navbar-nav li.nav-item>ul>li.nav-item a.active  {
   color: var(--blue-farmina);
   text-decoration:none;
  }
  ul.sub-menu.three>li.nav-item {
   width:265px;
  }
  @media (min-width: 992px) and (max-width: 1100px) {
  ul.sub-menu.three > li.nav-item {
    width: 250px;
  }
}
  
  ul.sub-menu>li.nav-item {
   border-left:0;
   padding-left:0;
   flex: 0 0 auto;
   width:300px;
  }
  ul.sub-menu>li.nav-item div.chapter {
   color:#aaa;
   margin-bottom:10px;
  }
  /*----------------------------------*/
  .navbar-expand-lg .navbar-nav.sub-menu li.nav-item ul {
   
  }
  #buy-now-menu a {
   padding: 10px 22px;
        position: relative;
        /*text-wrap:nowrap;*/
  }
  
}

section.wizard .etichetta {
 margin-bottom:5px;
}

section.wizard form.pet .etichetta {
 position: relative;
 top: 45px;
 text-align: center;
 width: 120px;
 left: -45px;
}

section.wizard form.pet .etichetta.withicon:before {
 content:" ";
 position:absolute;
 display:block;
 width:50px;
 height:50px;
 left: 35px;
 top: -105px;
 background-position:center bottom;
 background-repeat:no-repeat;
}
section.wizard form.pet .etichetta.underweight:before {
 background-image:url("https://www.farmina.com/images/frm/skinnycat.svg");
}
section.wizard form.pet .etichetta.overweight:before {
 background-image:url("https://www.farmina.com/images/frm/fatcat.svg");
}
section.wizard form.pet .etichetta.catsmall:before {
 background-image:url("https://www.farmina.com/images/frm/catsmall.svg");
}
section.wizard form.pet .etichetta.catmedium:before {
 background-image:url("https://www.farmina.com/images/frm/catmedium.svg");
}
section.wizard form.pet .etichetta.catbig:before {
 background-image:url("https://www.farmina.com/images/frm/catbig.svg");
}
section.wizard form.pet .etichetta.catlazy:before {
 background-image:url("https://www.farmina.com/images/frm/catlazy.svg");
}
section.wizard form.pet .etichetta.catdynamic:before {
 background-image:url("https://www.farmina.com/images/frm/catdynamic.svg");
}


.spinbutton input::-webkit-outer-spin-button,
.spinbutton input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.spinbutton input[type=number] {
    -moz-appearance:textfield; /* Firefox */
    position:relative;
}

.spinbutton input[type=number]:before {
 content:"-";
 position:absolute;
}
.spinbutton input[type=number]:after {
 content:"+";
}

.spinbutton {position:relative;}
.spinbutton button.spinbtn {
 border: none;
 position: absolute;
 color: #999;
 font-size: 2rem;
 top: 0;
 background-color: transparent;
 line-height: 54px;
}
.spinbutton button.spinbtn.plus {right:25px;}
.spinbutton button.spinbtn.minus {left:25px;}

@media (min-width: 768px) {
section.wizard *:has(> .etichetta) {position:relative;}
section.wizard .etichetta.shift {
        position: absolute;
        width: auto !important;
        left: -32px;
        text-align: right !important;
        top: 0;
        line-height: 50px;
}
.banner-right {
   min-height: var(--banner-height);
   width: calc(33.33% - 20px);
   margin-left: 20px;
   gap:0;
  }
  .banner-section>div.row {
   gap:0;
  }
}

# FG added
.img100 {width:auto;}
.img100 img {width:100%;}
.img33 {
float:left; text-align:center;
width:33%;
}
.imgleft33 .img33,.imgleft50 .img50  {
float:left;
margin: 0px 20px 10px 0px;
}
.imgright33 .img33,.imgright50 .img50 {
float:right;
margin: 0px 0 10px 20px;
}
.img33 img {width:100%;  }
.img50 {
float:left; text-align:center;
width:50%;
}
.img33 img,.img50 img {width:100%;}
/*.sk-page .column p {text-align:justify;}*/
.img33_icon {float:left;}


.titoletto {
	font-weight: 500;
	color: #0072bb;
	font-size: 1.6rem;
	#text-transform: uppercase;
	line-height: 1.6rem;
}

.titoletto-large {
	font-weight: 600;
	color: #0072bb;
	font-size: 2.6rem;
	#text-transform: uppercase;
}


.imgauto50 img {width:520px;max-width: 90%;}
.imgauto33 img {width:340px;max-width: 90%;}
.imgauto25 img {width:250px;max-width: 90%;}

.titoletto.minuscolo {text-transform:none;float:none;}

.titolettomedium {
	font-weight: 500;
	color: #0072bb;
	font-size: 2rem;
	#text-transform: uppercase;
}

.titolettoblack {
	font-weight: 500;
	#color: #0072bb;
	font-size: 2.4rem;
	#text-transform: uppercase;
	line-height: 2rem;
}

.breadcrumb {
	padding: 30px 0 0;
	#font-size: 14px;
	font-weight: 300;
 margin-bottom:0;
 display:block;
}

.breadcrumb a {
 text-decoration:none;
} 
 
.breadcrumb span {
	color: #0072bb;
	font-weight: 600;
}

.breadcrumb>*:last-child {
 color:gray;
}

.breadpreline {display:inline;}