/*theme*/

.air-theme .page-title h1:after,
.air-theme .home-page .title strong:after,
.air-theme .product-grid .title strong:after,
.air-theme .home-page .topic-block-title h2:after,
.earth-theme .page-title h1:after,
.earth-theme .home-page .title strong:after,
.earth-theme .product-grid .title strong:after,
.earth-theme .home-page .topic-block-title h2:after,
.air-theme .fieldset + .buttons .button-1,
.earth-theme .fieldset + .buttons .button-1,
.air-theme .eu-cookie-bar-notification button,
.earth-theme .eu-cookie-bar-notification button,
.air-theme .scroll-back-button,
.earth-theme .scroll-back-button,
.air-theme .header-logo img,
.earth-theme .header-logo img,
.air-theme .responsive-nav-wrapper span,
.air-theme .responsive-nav-wrapper a,
.earth-theme .responsive-nav-wrapper span,
.earth-theme .responsive-nav-wrapper a,
.air-theme .search-box .search-box-button,
.earth-theme .search-box .search-box-button,
.air-theme .header-links li:before,
.earth-theme .header-links li:before,
.air-theme .newsletter-email .newsletter-subscribe-button,
.earth-theme .newsletter-email .newsletter-subscribe-button,
.air-theme .social-sharing a,
.earth-theme .social-sharing a,
.air-theme .block .title:before,
.earth-theme .block .title:before,
.air-theme .block .view-all a:after,
.earth-theme .block .view-all a:after,
.air-theme .poll .vote-poll-button,
.earth-theme .poll .vote-poll-button,
.air-theme .contact-vendor-button,
.earth-theme .contact-vendor-button,
.air-theme .item-box .rating div,
.earth-theme .item-box .rating div,
.air-theme .pager .previous-page a,
.air-theme .pager .next-page a,
.earth-theme .pager .previous-page a,
.earth-theme .pager .next-page a,
.air-theme .product-review-box .rating div,
.air-theme .product-list .item-box .rating div,
.earth-theme .product-review-box .rating div,
.earth-theme .product-list .item-box .rating div,
.air-theme .product-review-links a:before,
.air-theme .delivery .free-shipping:before,
.air-theme .download-sample a:before,
.earth-theme .product-review-links a:before,
.earth-theme .delivery .free-shipping:before,
.earth-theme .download-sample a:before,
.air-theme .overview .subscribe-button,
.air-theme .variant-overview .subscribe-button,
.earth-theme .overview .subscribe-button,
.earth-theme .variant-overview .subscribe-button,
.air-theme .overview-buttons div input,
.earth-theme .overview-buttons div input,
.air-theme .ui-datepicker-calendar a.ui-state-active,
.air-theme .ui-datepicker-calendar a.ui-state-active:hover,
.earth-theme .ui-datepicker-calendar a.ui-state-active,
.earth-theme .ui-datepicker-calendar a.ui-state-active:hover,
.air-theme .overview .add-to-cart-button,
.air-theme .variant-overview .add-to-cart-button,
.earth-theme .overview .add-to-cart-button,
.earth-theme .variant-overview .add-to-cart-button,
.air-theme .overview .add-to-wishlist-button,
.air-theme .variant-overview .add-to-wishlist-button,
.earth-theme .overview .add-to-wishlist-button,
.earth-theme .variant-overview .add-to-wishlist-button,
.air-theme .ui-tabs .ui-tabs-nav li.ui-state-hover a:after,
.air-theme .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.air-theme .ui-tabs .ui-state-active.ui-tabs-active a:after,
.earth-theme .ui-tabs .ui-tabs-nav li.ui-state-hover a:after,
.earth-theme .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.earth-theme .ui-tabs .ui-state-active.ui-tabs-active a:after,
.air-theme .write-review .rating-options label,
.earth-theme .write-review .rating-options label,
.air-theme .wishlist-add-to-cart-button,
.earth-theme .wishlist-add-to-cart-button,
.air-theme .compare-products-page .clear-list,
.earth-theme .compare-products-page .clear-list,
.air-theme .enter-password-form #button-password,
.earth-theme .enter-password-form #button-password,
.air-theme #check-availability-button:before,
.earth-theme #check-availability-button:before,
.air-theme .registration-page .button-1,
.air-theme .login-page .button-1,
.air-theme .account-page .button-1,
.air-theme .registration-result-page .button-1,
.air-theme .user-agreement-page .button-1,
.earth-theme .registration-page .button-1,
.earth-theme .login-page .button-1,
.earth-theme .account-page .button-1,
.earth-theme .registration-result-page .button-1,
.earth-theme .user-agreement-page .button-1,
.air-theme .account-page .address-list .button-2,
.air-theme .account-page .order-list .button-2,
.earth-theme .account-page .address-list .button-2,
.earth-theme .account-page .order-list .button-2,
.air-theme .recurring-payments .button-2,
.earth-theme .recurring-payments .button-2,
.air-theme .order-progress .active-step a,
.earth-theme .order-progress .active-step a,
.air-theme .shopping-cart-page .button-1,
.air-theme .shopping-cart-page .button-2,
.earth-theme .shopping-cart-page .button-1,
.earth-theme .shopping-cart-page .button-2,
.air-theme .remove-discount-button,
.air-theme .remove-gift-card-button,
.earth-theme .remove-discount-button,
.earth-theme .remove-gift-card-button,
.air-theme .checkout-page .button-1,
.earth-theme .checkout-page .button-1,
.air-theme .opc .step-title .number,
.earth-theme .opc .step-title .number,
.air-theme .order-details-page .button-1,
.earth-theme .order-details-page .button-1,
.air-theme .blog-links .comments a:before,
.air-theme .blog-links .tags ul:before,
.earth-theme .blog-links .comments a:before,
.earth-theme .blog-links .tags ul:before,
.air-theme .blog-posts .read-more,
.air-theme .news-items .read-more,
.earth-theme .blog-posts .read-more,
.earth-theme .news-items .read-more,
.air-theme .new-comment .button-1,
.earth-theme .new-comment .button-1,
.air-theme .forum-page .forum-name h1:after,
.air-theme .forum-topic-page .topic-name h1:after,
.air-theme .forums-main-page .topic-block-title h2:after,
.air-theme .forum-group-page .forums-table-section-title a:after,
.air-theme .active-discussions-page .forums-table-section-title strong:after,
.earth-theme .forum-page .forum-name h1:after,
.earth-theme .forum-topic-page .topic-name h1:after,
.earth-theme .forums-main-page .topic-block-title h2:after,
.earth-theme .forum-group-page .forums-table-section-title a:after,
.earth-theme .active-discussions-page .forums-table-section-title strong:after,
.air-theme .forums-table-section .view-all a,
.earth-theme .forums-table-section .view-all a,
.air-theme .forum-actions .actions a,
.air-theme .topic-actions .actions a,
.earth-theme .forum-actions .actions a,
.earth-theme .topic-actions .actions a,
.air-theme .topic-post .pm-button:before,
.air-theme .profile-info-box .pm-button:before,
.earth-theme .topic-post .pm-button:before,
.earth-theme .profile-info-box .pm-button:before,
.air-theme .topic-post .post-actions a:before,
.earth-theme .topic-post .post-actions a:before,
.air-theme .private-messages-page input.button-1,
.earth-theme .private-messages-page input.button-1,
.air-theme .private-message-view-page input.reply-pm-button,
.earth-theme .private-message-view-page input.reply-pm-button,
/*plugins*/ .air-theme .productAddedToCartWindowTitle:before,
.air-theme .miniProductDetailsView .product-name:before,
.earth-theme .productAddedToCartWindowTitle:before,
.earth-theme .miniProductDetailsView .product-name:before,
.air-theme .productAddedToCartWindowSummary a,
.air-theme .productAddedToCartWindowSummary button,
.earth-theme .productAddedToCartWindowSummary a,
.earth-theme .productAddedToCartWindowSummary button,
.air-theme .selected-options-list span:after,
.earth-theme .selected-options-list span:after,
.air-theme .ui-slider-range,
.earth-theme .ui-slider-range,
.air-theme .nivo-directionNav a,
.earth-theme .nivo-directionNav a,
.air-theme .nivo-controlNav a:hover,
.air-theme .nivo-controlNav a.active,
.earth-theme .nivo-controlNav a:hover,
.earth-theme .nivo-controlNav a.active,
.air-theme .slick-dots .slick-active button,
.earth-theme .slick-dots .slick-active button,
.air-theme .nop-jcarousel .slick-dots .slick-active button,
.air-theme .nop-jcarousel .slick-dots button:hover,
.earth-theme .nop-jcarousel .slick-dots .slick-active button,
.earth-theme .nop-jcarousel .slick-dots button:hover,
.air-theme .ui-tabs .buttons .button-1,
.earth-theme .ui-tabs .buttons .button-1,
.air-theme .product-list .quick-view-button:before,
.earth-theme .product-list .quick-view-button:before,
.air-theme .quickView .links-panel:after,
.earth-theme .quickView .links-panel:after,
.air-theme .quickView .overview .add-to-wishlist-button,
.air-theme .quickView .overview .add-to-compare-list-button,
.earth-theme .quickView .overview .add-to-wishlist-button,
.earth-theme .quickView .overview .add-to-compare-list-button,
.air-theme .sale-of-the-day-offer .owl-dot.active span,
.air-theme .sale-of-the-day-offer .owl-dot span:hover,
.earth-theme .sale-of-the-day-offer .owl-dot.active span,
.earth-theme .sale-of-the-day-offer .owl-dot span:hover,
.air-theme .ropc .estimate-shipping button,
.earth-theme .ropc .estimate-shipping button,
.air-theme .ropc .coupon-box-panel .coupon-code button,
.air-theme .ropc .giftcard-box-panel .coupon-code button,
.earth-theme .ropc .coupon-box-panel .coupon-code button,
.earth-theme .ropc .giftcard-box-panel .coupon-code button,
.air-theme .ropc .complete-button button,
.earth-theme .ropc .complete-button button,
.air-theme .rich-blog-homepage .post-comments:before,
.earth-theme .rich-blog-homepage .post-comments:before,
.air-theme .rich-blog-homepage .view-all:after,
.earth-theme .rich-blog-homepage .view-all:after,
.air-theme .blog-search-box .search-box-button,
.earth-theme .blog-search-box .search-box-button,
.air-theme .blog-instant-search .k-item:before,
.earth-theme .blog-instant-search .k-item:before,
.air-theme .category-list ul:before,
.air-theme .related-posts-list ul:before,
.earth-theme .category-list ul:before,
.earth-theme .related-posts-list ul:before,
.air-theme .share-post a,
.earth-theme .share-post a,
.air-theme .spc-products .spc-header li.active span,
.earth-theme .spc-products .spc-header li.active span,
.air-theme .social-feed .post-buttons:after,
.earth-theme .social-feed .post-buttons:after {
  background-color: #284453;
}
/*theme*/

.air-theme .inputs .required,
.earth-theme .inputs .required {
  border-color: transparent #284453 transparent;
}
/*plugins*/

.air-theme .ui-slider-handle,
.earth-theme .ui-slider-handle,
.air-theme .slick-dots .slick-active button,
.earth-theme .slick-dots .slick-active button,
.air-theme .nop-jcarousel .slick-dots .slick-active button,
.air-theme .nop-jcarousel .slick-dots button:hover,
.earth-theme .nop-jcarousel .slick-dots .slick-active button,
.earth-theme .nop-jcarousel .slick-dots button:hover,
.air-theme .sale-of-the-day-offer .owl-dot.active span,
.air-theme .sale-of-the-day-offer .owl-dot span:hover,
.earth-theme .sale-of-the-day-offer .owl-dot.active span,
.earth-theme .sale-of-the-day-offer .owl-dot span:hover,
.air-theme .spc-products .spc-header li.active span,
.earth-theme .spc-products .spc-header li.active span {
  border-color: #284453;
}
/*theme*/

.air-theme .cart td.subtotal,
.earth-theme .cart td.subtotal,
.air-theme .eu-cookie-bar-notification a,
.earth-theme .eu-cookie-bar-notification a,
.air-theme .block .view-all a,
.earth-theme .block .view-all a,
.air-theme .item-box .actual-price,
.earth-theme .item-box .actual-price,
.air-theme .product-no-reviews a,
.earth-theme .product-no-reviews a,
.air-theme .overview .value a,
.air-theme .variant-overview .value a,
.earth-theme .overview .value a,
.earth-theme .variant-overview .value a,
.air-theme .product-details-page .product-price,
.earth-theme .product-details-page .product-price,
.air-theme .product-review-item .review-info a,
.earth-theme .product-review-item .review-info a,
.air-theme .wishlist-page .share-info a,
.earth-theme .wishlist-page .share-info a,
.air-theme .email-a-friend-page .title h2,
.earth-theme .email-a-friend-page .title h2,
.air-theme #check-availability-button,
.earth-theme #check-availability-button,
.air-theme .accept-privacy-policy .read,
.earth-theme .accept-privacy-policy .read,
.air-theme .add-more-external-records a,
.earth-theme .add-more-external-records a,
.air-theme .return-request-list-page a,
.earth-theme .return-request-list-page a,
.air-theme .downloadable-products-page .product a,
.earth-theme .downloadable-products-page .product a,
.air-theme .downloadable-products-page .download a,
.earth-theme .downloadable-products-page .download a,
.air-theme .terms-of-service a,
.earth-theme .terms-of-service a,
.air-theme .order-completed .details a,
.earth-theme .order-completed .details a,
.air-theme .opc .back-link a,
.earth-theme .opc .back-link a,
.air-theme .order-details-page .order-total strong,
.earth-theme .order-details-page .order-total strong,
.air-theme .order-details-page .shipments a,
.earth-theme .order-details-page .shipments a,
.air-theme .post-body a,
.air-theme .news-body a,
.earth-theme .post-body a,
.earth-theme .news-body a,
.air-theme .news-list-homepage .read-more,
.earth-theme .news-list-homepage .read-more,
.air-theme .forum-search-box .advanced,
.earth-theme .forum-search-box .advanced,
.air-theme .topic-post .pm-button,
.air-theme .profile-info-box .pm-button,
.earth-theme .topic-post .pm-button,
.earth-theme .profile-info-box .pm-button,
.air-theme .topic-post .post-actions .post-link-button,
.earth-theme .topic-post .post-actions .post-link-button,
.air-theme .topic-post .post-vote strong,
.earth-theme .topic-post .post-vote strong,
.air-theme .private-messages-page .pm-unread,
.earth-theme .private-messages-page .pm-unread,
/*plugins*/ .air-theme .productAddedToCartWindowDescription .price,
.earth-theme .productAddedToCartWindowDescription .price,
.air-theme .instant-search-item .price,
.earth-theme .instant-search-item .price,
.air-theme .product-grid .quick-view-button a,
.earth-theme .product-grid .quick-view-button a,
.air-theme .quickView .links-panel a,
.earth-theme .quickView .links-panel a,
.air-theme .quickView .overview .product-price,
.earth-theme .quickView .overview .product-price,
.air-theme .sale-of-the-day-offer .timer-info-box,
.earth-theme .sale-of-the-day-offer .timer-info-box,
.air-theme .sale-of-the-day-offer .actual-product-price,
.earth-theme .sale-of-the-day-offer .actual-product-price,
.air-theme .rich-blog-homepage .view-all a,
.earth-theme .rich-blog-homepage .view-all a,
.air-theme .search-term-highlighter,
.earth-theme .search-term-highlighter,
.air-theme .social-feed .sub-title-link,
.air-theme .social-feed .sub-title-text,
.earth-theme .social-feed .sub-title-link,
.earth-theme .social-feed .sub-title-text,
.air-theme .social-feed .post-description a,
.air-theme .social-feed .post-text a,
.air-theme .feeds-page .post-text a,
.earth-theme .social-feed .post-description a,
.earth-theme .social-feed .post-text a,
.earth-theme .feeds-page .post-text a,
.air-theme .social-feed .post-link-btn,
.air-theme .feeds-page .post-link-btn,
.earth-theme .social-feed .post-link-btn,
.earth-theme .feeds-page .post-link-btn {
  color: #284453;
}
@media all and (max-width: 1000px) {
  .air-theme .order-progress .active-step a:after,
  .earth-theme .order-progress .active-step a:after {
    border-color: transparent transparent transparent #284453;
  }
  [dir~=rtl] .air-theme .order-progress .active-step a:after,
  [dir~=rtl] .earth-theme .order-progress .active-step a:after {
    border-color: transparent #284453 transparent transparent;
  }
  .air-theme .compare-products-mobile .price .item,
  .earth-theme .compare-products-mobile .price .item {
    color: #284453;
  }
}
@media all and (min-width: 721px) {
  .air-theme .item-box .buttons,
  .earth-theme .item-box .buttons,
  .air-theme .product-list .item-box button,
  .earth-theme .product-list .item-box button,
  .air-theme .product-list .item-box .add-to-wishlist-button:before,
  .earth-theme .product-list .item-box .add-to-wishlist-button:before,
  .air-theme .product-list .item-box .add-to-compare-list-button:before,
  .earth-theme .product-list .item-box .add-to-compare-list-button:before,
  .air-theme .rich-blog-homepage .post-info,
  .earth-theme .rich-blog-homepage .post-info {
    background-color: #284453;
  }
}
@media all and (min-width: 1001px) {
  .air-theme.variant-2 .menu-title-wrapper span,
  .earth-theme.variant-2 .menu-title-wrapper span,
  .air-theme .mini-shopping-cart .count a:before,
  .earth-theme .mini-shopping-cart .count a:before,
  .air-theme .mini-shopping-cart .cart-button,
  .earth-theme .mini-shopping-cart .cart-button,
  .air-theme .block-account-navigation .list a:before,
  .earth-theme .block-account-navigation .list a:before,
  .air-theme .block-account-navigation .list a:hover,
  .air-theme .block-account-navigation .list a.active,
  .earth-theme .block-account-navigation .list a:hover,
  .earth-theme .block-account-navigation .list a.active,
  .air-theme .alternate-products .item-box button:before,
  .earth-theme .alternate-products .item-box button:before,
  .air-theme .alternate-products .quick-view-button:before,
  .earth-theme .alternate-products .quick-view-button:before,
  .air-theme.variant-1 .spc-categories .navigation li:after,
  .earth-theme.variant-2 .spc-categories .navigation li:after,
  .air-theme .feeds-nav-item.active:after,
  .earth-theme .feeds-nav-item.active:after {
    background-color: #284453;
  }
  .air-theme .alternate-products .item-box button:before,
  .earth-theme .alternate-products .item-box button:before,
  .air-theme .alternate-products .quick-view-button:before,
  .earth-theme .alternate-products .quick-view-button:before {
    border-color: #284453;
  }
  .air-theme .spc-products .spc-header li.active span:after,
  .earth-theme .spc-products .spc-header li.active span:after {
    border-color: #284453 transparent transparent;
  }
  .air-theme .header-menu ul > li:hover > a,
  .air-theme .header-menu ul > li:hover > span,
  .earth-theme.variant-1 .header-menu ul > li:hover > a,
  .earth-theme.variant-1 .header-menu ul > li:hover > span,
  .air-theme .mini-shopping-cart .count a,
  .earth-theme .mini-shopping-cart .count a,
  .air-theme .mini-shopping-cart .price span,
  .earth-theme .mini-shopping-cart .price span,
  .air-theme .mini-shopping-cart .totals strong,
  .earth-theme .mini-shopping-cart .totals strong,
  .air-theme .product-grid .item-box button span,
  .earth-theme .product-grid .item-box button span,
  .air-theme .compare-products-page .product-price td,
  .earth-theme .compare-products-page .product-price td {
    color: #284453;
  }
}
/* ereditato per descrizione a sx */ 
@media (min-width: 1001px) {
    .footer-middle {
        padding: 10px 0 10px;
    }
@media (min-width: 1001px) {    .responsive-nav-wrapper {        height: 100px;    }}

.attributes input[type="text"] {
  width: 120px!important;  height: 41px!important;  margin: 0 0px 0 0!important;  border: 1px solid #eee!important;  border-radius: 0px!important;  background: #fff;
  padding: 8px;  text-align: left;  color: #333;  font-size: 12px;
}
.order-summary-content {  text-align: left;}
.earth-theme .cart th, .earth-theme .data-table th, .earth-theme .forums-table-section th {  font-size: 14px;  font-weight: 600;}
.attributes .text-prompt {  display: none;}

/* RIMUOVO TITOLO NOTA SOLO SE IN CATALOGO*/
.cart.table-striped.new-table.default.footable-loaded.footable dt[id^="product_attribute"] {    display: none;}
/* MARCA */
.cart td:nth-child(3), .data-table td, .compare-products-table td, .forums-table-section td {    background: none;    text-align: center;}
/* QTA */
.cart td:nth-child(8), .data-table td, .compare-products-table td, .forums-table-section td {    background: none;    text-align: center;}
/* CODICE*/
.cart .remove-from-cart:nth-child(2), .cart .add-to-cart, .data-table .select-boxes {    text-align: left;}
/* MARCA*/
.cart .remove-from-cart:nth-child(3), .cart .add-to-cart, .data-table .select-boxes {    text-align: center;}
/* DESCRIZIONE*/
.cart .remove-from-cart:nth-child(4), .cart .add-to-cart, .data-table .select-boxes {    text-align: left;}
/* DISPO*/
.cart .remove-from-cart:nth-child(5), .cart .add-to-cart, .data-table .select-boxes {    text-align: center;}
/* PREZZO*/
.cart .remove-from-cart:nth-child(6), .cart .add-to-cart, .data-table .select-boxes {    text-align: right;}
/* QTACONF */
.cart .remove-from-cart:nth-child(7), .cart .add-to-cart, .data-table .select-boxes {    text-align: center;}
/* QTAINS */
.cart th:nth-child(8), .data-table th, .forums-table-section th {    text-align: center;}
/* NOTE */
.cart .remove-from-cart:nth-child(9), .cart .add-to-cart, .data-table .select-boxes {    text-align: center;}
/* --- Campo NOTE allineato allo stile QTA --- */
.cart.new-table td textarea,.cart.new-table td input[type="text"].note-input {    width: 100%;    max-width: 120px;    height: 34px;    border: 1px solid #ccc;    border-radius: 6px;
    padding: 4px 8px;    font-size: 14px;    line-height: 1.3;    color: #333;    box-sizing: border-box;    background-color: #fff;    text-align: center;    transition: all 0.2s ease;}
/* Stile coerente con campo quantità al focus */
.cart.new-table td textarea:focus,.cart.new-table td input[type="text"].note-input:focus {    border-color: #e08802;    outline: none;    box-shadow: 0 0 3px rgba(224, 136, 2, 0.3);}

/* Altezza coerente anche se il form delle note usa più righe */
.cart.new-table td textarea {    resize: none;          /* evita di deformare il layout */    height: 34px;          /* uguale al campo quantità */    overflow-y: auto;}
/* Variante compatta per schermi piccoli */
@media (max-width: 768px) {    .cart.new-table td textarea,    .cart.new-table td input[type="text"].note-input {        max-width: 100px;        font-size: 13px;        height: 32px;    }}
/* --- Colonna Prezzo (IVA esclusa/inclusa) --- */
.cart.new-table th:nth-child(7),  /* intestazione colonna prezzo */.cart.new-table td:nth-child(7) { /* celle colonna prezzo */    width: 8%;              /* più stretta */
    min-width: 110px;       /* impedisce che collassi troppo */    white-space: normal;    /* permette di andare a capo */    word-break: break-word; /* spezza il testo se serve */
    text-align: right;      /* allineamento coerente */    vertical-align: middle;}
/* Se vuoi anche un look visivo coerente */
.cart.new-table th:nth-child(7) {    text-align: right;    padding-right: 10px;}
.cart.new-table td:nth-child(7) .price {    display: block;    line-height: 1.3;    font-weight: 600;}
.cart.new-table td:nth-child(7) .old-price {    font-size: 12px;    color: #999;    display: block;}
/* --- Layout principale tabella prodotti --- */
.order-summary-content .table-wrapper {    width: 100%;    overflow-x: auto; /* Scroll orizzontale automatico */    -webkit-overflow-scrolling: touch;    position: relative;
    background-color: #fff;    border-radius: 8px;    box-shadow: 0 1px 3px rgba(0,0,0,0.05);}

/* --- Tabella --- */
.cart.new-table {    width: 100%;    border-collapse: collapse;    border-spacing: 0;    background-color: #fff;    font-size: 14px;    min-width: 800px;}
/* --- Intestazione --- */
.cart.new-table thead {    background-color: #f3f3f3;    color: #333;    text-transform: uppercase;    font-weight: 600;    font-size: 13px; /* più piccolo */}
.cart.new-table thead th {    padding: 10px 8px;    border-bottom: 3px solid #e08802; /* arancio tema */    text-align: left;    white-space: normal; }
/* --- Corpo tabella --- */
.cart.new-table tbody tr {    transition: background-color 0.2s ease;}
.cart.new-table tbody tr:nth-child(even) td {    background-color: #fafafa !important;}
.cart.new-table tbody tr:nth-child(odd) td {    background-color: #ffffff !important;}
.cart.new-table tbody td {    padding: 10px;    vertical-align: middle;    border-bottom: 1px solid #e5e5e5;}
/* --- Colonna note (testo più piccolo e grigio) --- */
.cart.new-table td:last-of-type,.cart.new-table td .note,.cart.new-table td[data-hide*="note"],.cart.new-table td:has(textarea),
.cart.new-table td:has(input[type='text']) {    font-size: 12px;    color: #666;    line-height: 1.3;}

/* --- Prezzi e quantità --- */
.cart.new-table .price {    font-weight: 600;    color: #222;}
.cart.new-table .old-price {    color: #999;    text-decoration: line-through;    margin-right: 5px;}
/* --- Pulsanti disponibilità --- */
.cart.new-table .btn-success,.cart.new-table .btn-danger {    padding: 3px 8px;    border-radius: 6px;    font-size: 13px;    font-weight: 500;    text-transform: none;}
.cart.new-table .btn-success {    background-color: #28a745;    color: #fff;}
.cart.new-table .btn-danger {    background-color: #dc3545;    color: #fff;}
/* --- Icona carrello --- */
.cart.new-table img[onclick] {    width: 28px;    height: 28px;    cursor: pointer;    transition: transform 0.2s ease;}
.cart.new-table img[onclick]:hover {    transform: scale(1.1);}
/* --- Link e separatori --- */
.cart.new-table a {    color: #857a76; /* colore tema secondario */    text-decoration: none;}
.cart.new-table a:hover {    color: #e08802;    text-decoration: underline;}
.cart.new-table .separator {    color: #999;    margin: 0 2px;}
/* --- Mobile / responsive --- */
@media (max-width: 768px) {    
.cart.new-table {        font-size: 13px;        min-width: 600px;    }
.cart.new-table thead {        font-size: 12px;    }
.cart.new-table td,    .cart.new-table th {        padding: 8px 6px;    }
 .order-summary-content .table-wrapper {        overflow-x: auto;    }
  .order-summary-content .table-wrapper::after {        content: "";        position: absolute;        right: 0;        top: 0;        width: 20px;        height: 100%;        pointer-events: none;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.9), transparent);    }
}
/* ********************************************************  */
/* toglie riga nel carrello  */ 
@media (min-width: 1001px) {    .header, .menu-title-wrapper, .responsive-nav-wrapper-parent {        width: 240px;        float: left;        padding-bottom: 10px;    }}
.shipping-cost{display:none} 
@media (min-width: 1000px) {.close-filters{display:none} }
/* bowfeore mobile*/
@media (max-width: 1000px) {    .header .header-logo {top: 125px!important;}   .admin-header-links ~ .responsive-nav-wrapper-parent {        top: 32px;    }}
@media (max-width: 1001px) {.topic-block {    margin: 80px 0 20px;}}
.sfondo_beforeBow{    background-color: #044362;    color: white;    padding-left: 2px;    padding-right: 2px;}
.topic-block-body {  line-height: 25px!important;}
.admin-header-links {    min-height: 32px;}
/* ------------------------------------- */
/*Home page categoria*/
.home-page .category-item .title {    display: none;}
@media (min-width: 1281px) {
/* margine sottocategorie nel catalogo*/
    .block .listbox {        margin: 10px 0 0;        padding: 22px 35px;    }
}
/*bottone search homepage*/
.store-search-box .search-box-button {
    width: 37px;
    height: 44px;
}

.item-box .buttons-lower {     height: 50px;    margin-top: 15px;}
.item-box .buttons-lower button span{    font-size: 14px;}




 /* ************************************************************ */ 
/* Icona visualizzata durante il  caricamento dei dati.
/* ************************************************************ */ 
.infinite-scroll-loader {    height: 120px!important;}
.productPanelAjaxBusy:before, .infinite-scroll-loader:before  {
    top: 25%!important;    left: 50%;    width: 102px!important;
    height: 102px!important;    margin: -45px 0 0 -45px!important;    background-color: transparent;     background-image: url(/Content/Images/uploaded/img-load-nannini.png);
}
 .ajax-loading-block-window:before{
    left: 50%;    width: 102px!important;    height: 102px!important;    background-color: transparent;     background-image: url(/Content/Images/uploaded/img-load-nannini.png);
}
/* ************************************************************ */

/* ************************************************************ */ 
/* Video responsive
/* ************************************************************ */ 
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, 
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%;}
/* ************************************************************ */


/* ********************* */
/* menu mobile*/
/* ********************* */

/*fix*/
@media (max-width: 992px) {    .header-menu .sublist li a {        font-size: 13px;     }}
@media (max-width: 1000px) {    .header-menu > ul li {        padding: 20px 0 0;    }   .header-menu > ul li > a { min-height: 40px;}}
.air-theme .header-menu .sublist li a, .earth-theme.variant-1 .header-menu .sublist li a {    color: #fff;     background-color: #294553;}
@media (max-width: 1000px) {    .header-menu > ul li {        margin: 0 10px 0 10px;}}
 


 /* --- MENU MOBILE PULITO E SCROLLABILE --- */
@media (max-width: 992px) {
  /* Struttura principale del menu mobile */
  .header-menu ul.mega-menu {
    background-color: #ffffff;
    border-top: 1px solid #dcd6d0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  }

  /* Voci principali del menu */
  .header-menu ul.mega-menu > li {
    display: block;
    border-bottom: 1px solid #e4dfd8;
    position: relative;
    padding: 0;
  }

  .header-menu ul.mega-menu > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 14px;
    font-size: 14px;
    line-height: 1.3;
    color: #294553;
    font-weight: 600;
    background-color: #fff;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .header-menu ul.mega-menu > li > a:hover {
    background-color: #f4f1ec;
    color: #2f4f1f;
  }

  /* Icona ▼ per aprire submenu */
  .header-menu li.has-submenu > a::after {
    content: "▾";
    font-size: 13px;
    color: #5c8063;
    margin-left: 6px;
    transition: transform 0.25s ease;
  }

  .header-menu li.open > a::after {
    transform: rotate(180deg);
  }

  /* Submenu nascosto di default */
  .header-menu .sublist-wrap {
    position: static;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transform: none;
    background-color: #ffffff; /* ✅ rimosso verde */
    transition: all 0.3s ease;
  }

  /* Submenu visibile */
  .header-menu li.open > .sublist-wrap {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow-y: auto; /* ✅ scroll verticale */
    max-height: 75vh; /* limita altezza al 75% dello schermo */
  }

  /* Voci submenu */
  .header-menu .sublist li {
    border-bottom: 1px solid #efefef;
  }

  .header-menu .sublist li:last-child {
    border-bottom: none;
  }

  .header-menu .sublist li a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    line-height: 1.3;
    color: #294553;
    background: #ffffff; /* ✅ nessuna banda colorata */
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .header-menu .sublist li a:hover {
    background-color: #e5ddd3;
    color: #5c8063;
  }

  /* Rimuove il pulsante "Back" */
  .header-menu .sublist .back-button {
    display: none;
  }
}


/* ******************* */ 
/* altezza icone homepage */ 
@media (min-width: 1001px) {
    .header, .menu-title-wrapper, .responsive-nav-wrapper-parent {        width: 240px;        float: left;        padding-bottom: 1px;    }}
/* ******************* */ 

/* ******************* */ 
@media (min-width: 1001px) {    .header-menu-parent {        padding: 0 0px;    }}
.table-responsive td {    TEXT-ALIGN: left;}
/* ******************* */ 

 
/* ====== STILE MENU PRINCIPALE ====== */
.header-menu-parent {
    background-color: #fff; /* sfondo chiaro elegante */
    border-bottom: 0px solid #d7d2cc;
    font-family: "Open Sans", sans-serif;
}
.header-menu ul.mega-menu > li {    display: inline-block;    position: relative;    margin: 0 1px;    padding: 15px 0;    transition: all 0.3s ease;}
.header-menu ul.mega-menu > li > a {    color: #294553;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0.5px;    padding: 8px 16px;    border-radius: 0px;
    transition: background-color 0.3s ease, color 0.3s ease;}

/* Hover sul menu principale */
.header-menu ul.mega-menu > li:hover > a {    background-color: #284453;  color: #ffffff; /* bianco */}

/* ====== STILE SOTTOMENU ====== */
.header-menu .sublist-wrap {    position: absolute;    top: 100%;    left: 0;    background-color: #284453;    border-radius: 0px;    padding: 1px 0;    min-width: 220px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);    opacity: 0;    visibility: hidden;    transform: translateY(10px);    transition: all 0.3s ease;    z-index: 999;}

/* Testi nel submenu */

.air-theme .header-menu .sublist li:hover a { background-color:white; color:#284453;}

/* Mostra il submenu */
.header-menu li:hover .sublist-wrap {    opacity: 1;    visibility: visible;    transform: translateY(0);}

/* Stile voci submenu */
.header-menu .sublist li {    margin: 0;}
.header-menu .sublist li a {    display: block;    padding: 10px 20px;    color: #ffffff;    text-decoration: none;    transition: all 0.2s ease;}

/* Hover submenu */
.header-menu .sublist li:hover a {    background-color: #284453;    color: #ffffff;    padding-left: 25px;}

/* ====== MENU RESPONSIVE ====== */
.mega-menu-responsive {    background-color: #ffffff;    border-top: 1px solid #e0dbd5;}
.mega-menu-responsive a {    display: block;    padding: 12px 18px;    color: #4b4b4b;    border-bottom: 1px solid #f1eeea;    transition: all 0.3s ease;}
.mega-menu-responsive a:hover {    background-color: #e5ddd3;    color: #2f4f1f;}

/* ====== EFFETTI EXTRA ====== */
.plus-button {    display: none; /* nascondi pulsante se non serve */}
.header-menu .menu-title span {    color: #2f4f1f;    font-weight: 700;}
/* Arrotondamento e spazi generali */
.header-menu,.sublist-wrap {    border-radius: 10px;}


.carousel-control-next, .carousel-control-prev {position: absolute; top: 50%; width: 100px; height: 100px}
.text {font-size: large; color: #284453;}
.master-wrapper-content {padding-bottom: 100px;}
.home-text{padding-bottom: 2%;}



/* MARGINI*/
.topic-block {
    margin: 0px;
}

.strong {color: #294553;}
.card-deck{padding-bottom: 3%;}
.category-description ul, .manufacturer-description ul, .full-description ul, .topic-html-content ul, .topic-page ul, .post-body ul, .custom-tab ul {    list-style: none;}
@media (min-width: 1001px) {
    .air-theme .header-menu .sublist, .earth-theme.variant-1 .header-menu .sublist {        width: 250px;        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);        background-color: #294553;        text-align: left;  color: #ffffff;  }
}
/* homepage chi siamo */ 
.bt_bb_image:not(.bt_bb_content_exists) > span > img {    pointer-events: none;}
.bt_bb_image.bt_bb_shape_square img {    border-radius: 0;}
.bt_bb_image img {    display: block;    margin: 0;    line-height: 0;    max-width: 100%;    height: auto;}

@media (max-width: 1200px) {
    .bt_bb_row.bt_bb_layout_boxed_1200, .bt_bb_row.bt_bb_layout_boxed_1300, .bt_bb_row.bt_bb_layout_boxed_1400, .bt_bb_row.bt_bb_layout_boxed_1500, .bt_bb_row.bt_bb_layout_boxed_1600, .bt_bb_row_inner.bt_bb_layout_boxed_1200, .bt_bb_row_inner.bt_bb_layout_boxed_1300, .bt_bb_row_inner.bt_bb_layout_boxed_1400, .bt_bb_row_inner.bt_bb_layout_boxed_1500, .bt_bb_row_inner.bt_bb_layout_boxed_1600 {
        max-width: -webkit-calc(100% - 60px);        max-width: -moz-calc(100% - 60px);        max-width: calc(100% - 60px);        margin: 0 auto;    }
}
.bt_bb_row_holder .bt_bb_column .bt_bb_column_content {    width: 100%;}
@media (min-width: 993px) and (max-width: 1200px) {
    .bt_bb_column.col-lg-6, .bt_bb_column_inner.col-lg-6 {        -webkit-flex-basis: 50%;        flex-basis: 50%;        max-width: 50%;    }
}
@media (min-width: 1201px) and (max-width: 1400px) {
    .bt_bb_column.col-xl-6, .bt_bb_column_inner.col-xl-6 {        -webkit-flex-basis: 50%;        flex-basis: 50%;        max-width: 50%;    }
}
.team-list-row-home .membro-team-box .bt_bb_column_inner_content {    position: relative !important;}
.bt_bb_column_inner.bt_bb_padding_0 .bt_bb_column_inner_content {    padding-left: 0;    padding-right: 0;}
.bt_bb_column_inner.bt_bb_align_center .bt_bb_align_center.bt_bb_image, .bt_bb_column_inner.bt_bb_align_center .bt_bb_align_inherit.bt_bb_image, .bt_bb_column.bt_bb_align_center .bt_bb_align_inherit.bt_bb_image, .bt_bb_column.bt_bb_align_center .bt_bb_align_center.bt_bb_image {    display: inline-block;    clear: none;}

.bt_bb_align_left .bt_bb_align_center.bt_bb_image, .bt_bb_align_right .bt_bb_align_center.bt_bb_image, .bt_bb_align_left .bt_bb_align_center .bt_bb_image, .bt_bb_align_right .bt_bb_align_center .bt_bb_image, .bt_bb_align_center.bt_bb_image, .bt_bb_align_center .bt_bb_image {
    float: none;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    clear: both;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;}
.bt_bb_image.bt_bb_shape_square {    border-radius: 0;}
@media (min-width: 1200px) {
    .bt_bb_row.bt_bb_layout_boxed_1200, .bt_bb_row_inner.bt_bb_layout_boxed_1200 {        max-width: 1240px;        margin: 0 auto;    }
}
.bt_bb_column_gap_0 > .bt_bb_row_holder .bt_bb_column {    padding-left: 0;    padding-right: 0;}
.team-list-row-home .fondatore-box-right .citazione-fondatore h3 { font-size: 30px !important;    line-height: 30px !important;    padding: 0 20px;    max-width: 480px;}
.bt_bb_font_weight_medium.bt_bb_headline h1, .bt_bb_font_weight_medium.bt_bb_headline h2, .bt_bb_font_weight_medium.bt_bb_headline h3, .bt_bb_font_weight_medium.bt_bb_headline h4, .bt_bb_font_weight_medium.bt_bb_headline h5, .bt_bb_font_weight_medium.bt_bb_headline h6 {    font-weight: 500;}
.bt_bb_headline .bt_bb_headline_content {    display: block;}
.bt_bb_headline .bt_bb_headline_content {    display: block;    color: inherit;}
.bt_bb_headline .bt_bb_headline_content span {    display: block;}
.bt_bb_headline .bt_bb_headline_content {    display: block;    color: rgb(77,129,91)}
.team-list-row-home .membro-team-box .bt_bb_column_inner_content .nome-team { background: #50805F;padding: 5px 30px 5px 20px;font-weight: bold; color: #FFF;font-size: 14px;position: absolute;left: -20px;bottom: 30px;}
.team-list-row-home .fondatore-box-right .nome-fondatore {   background: #50805f;    padding: 5px 30px 5px 50px;    margin: 20px 0 0 -30px;    color: #FFF;    font-weight: bold;    width: auto;    max-width: 320px;    font-size: 18px;}
.bt_bb_image > a, .bt_bb_image > span {    display: block;    line-height: 0;    -webkit-box-shadow: none !important;    box-shadow: none !important;}
.bt_bb_separator.bt_bb_top_spacing_normal {    margin-top: 2em;}

/* -------------------------------------- */


@media (min-width: 1001px) {
.slider-wrapper.anywhere-sliders-nivo-slider.theme-DimensioneBanner.no-captions {    display: flex; margin-left: 18%;    margin-right: 10%;    margin-top:40px  }
}
/*homepage servizi*/
.home-page .topic-block {    margin: 50px auto 0px;}
.home-page-banners {    margin:  10px auto;margin-top: -20px;}
.section-servizi.spaced-4 {    background-color: #d0e3be;margin-bottom: 10px;}
 @media (min-width: 1001px) {
    .home-page .topic-block, .home-page .product-grid, .home-page-polls {        width: 100%;    }
}
@media (max-width: 500px) { .servizi-menu {    display: block!important;}}


@media (min-width: 1001px) {
    .breadcrumb {        width: 980px;        margin: -191px auto 70px;height:50px    }
    .desktop-nav-wrapper {        padding: 1px;}
}
@media (max-width: 1000px) {    .responsive-nav-wrapper {        padding: 0px 0;}}

/*testo label disponibilità*/
.stock span.label-text {    display: none;}
.stock span.label {    display: none;}

@media (min-width: 1201px) {
    #topcartlink, .mini-shopping-cart button.cart-button, .block .title:before, .item-box button:hover, .customer-pages-body .side-2 .block .list a.active, .customer-pages-body .side-2 .block .list a:hover, .customer-pages-body .side-2 .block .list a.active:after, .customer-pages-body .side-2 .block .list a:hover:after, .mega-menu .title:before, .spc-categories .category-sublist:before {
        background-color: #f3cc2e;
    }
}
@media (min-width: 1201px) {
    .block .title:before {
        content: '';
        width: 75px;
        height: 3px;
        position: absolute;
        top: auto;
        left: 0;
        right: auto;
        bottom: -2px;
        margin: auto;
        background: #f3cc2e;
        -o-transform: skewX(30deg);
        -webkit-transform: skewX(30deg);
        -moz-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
        transform: skewX(30deg);
    }
}
.air-theme .page-title {background:none}
.header-links li:nth-child(1) {    display: none;}

@media (min-width: 1001px) {
    .mega-menu .categories .picture {height: 60px!important; }
    .mega-menu .title {font-size: 14px;}
    .mega-menu .categories .box {  width: 20%;}
    .header, .menu-title-wrapper, .responsive-nav-wrapper-parent {        width: 270px;        float: left;}

}
.overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {    padding: 0 30px;}


@media (min-width: 1000px) {
 .close-filters {    display: none;}
}
/* allineamento menu */
@media (min-width: 1301px) {    div#headerMenuParent {        text-align: left;    }}



.title1 a {    color: #fff !important;}
.infoboxfooter {    color: #fff;}
.page.contact-page {    background-color: #eee;} /*SFONDO PAGINA CONTATTI*/
 .page.contact-page .block-text h2 {    color: #294553;    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem)* .5);text-align: left;}

/* ************************************************************ */ 
/*adeguamenti*/
/* ************************************************************ */ 
@media (min-width: 721px) { .item-box button:before {        height: 39px;}}
@media (min-width: 1001px) {    .page {        clear: both;        text-align: center;    }}
.item-box .product-rating-box, .item-box .description { display: block}
.overview-buttons {  font-size: 10px;}
label {    display: inline-block;    margin-bottom: 0px;}
.air-theme .inputs .required {  border-color: transparent #ee2e56 transparent;}
/* ************************************************************ */ 

/* ************************************************************ */ 
/* carrello bottone*/
/* ************************************************************ */ 
.cart-footer .checkout-button {    background-color: #5c8063 !important;}
.fa-shopping-basket:before {    content: "";}
/* ************************************************************ */ 



/* ************************************************************ */ 
/* sfondoi menu*/
/* ************************************************************ 
.header-menu li a:hover {background-color: #5c8063; color:#fff!important;}
@media (min-width: 1001px) {div#headerMenuParent {    max-width: 700px;    width: 80%;}}
@media (min-width: 1201px) {div#headerMenuParent {    max-width: 700px;    width: 75%;}}
@media (min-width: 1301px) {div#headerMenuParent {    max-width: 700px;    width: 70%;}}
@media (min-width: 1401px) {div#headerMenuParent {    max-width: 700px;    width: 60%;}}
@media (min-width: 1501px) {div#headerMenuParent {    max-width: 700px;    width: 55%;}}
@media (min-width: 1601px) {div#headerMenuParent {    max-width: 700px;    width: 50%;}}
@media (min-width: 1701px) {div#headerMenuParent {    max-width: 700px;    width: 50%;}}

*/

/* ************************************************************ */ 
/* lavori album*/
/* ************************************************************ */ 
.gallery-block{  padding-bottom: 60px;  padding-top: 60px;}
.gallery-block .heading{    margin-bottom: 50px;    text-align: center;}
.gallery-block .heading h2{    font-weight: bold;    font-size: 1.4rem;    text-transform: uppercase;}
.gallery-block.compact-gallery .item{  overflow: hidden;  margin-bottom: 0;  background: black;  opacity: 1;}
.gallery-block.compact-gallery .item .image{  transition: 0.8s ease;}
.gallery-block.compact-gallery .item .info{  position: relative;    display: inline-block;}
.gallery-block.compact-gallery .item .description{  display: grid;    position: absolute;    bottom: 0;    left: 0;    color: #fff;    padding: 10px;    font-size: 17px;    line-height: 18px;    
width: 100%;    padding-top: 15px;    padding-bottom: 15px;    opacity: 1;    color: #fff;    transition: 0.8s ease;    text-align: center;    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);    
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));}

.gallery-block.compact-gallery .item .description .description-heading{  font-size: 1em;  font-weight: bold;}
.gallery-block.compact-gallery .item .description .description-body{  font-size: 0.8em;  margin-top: 10px;  font-weight: 300;}
@media (min-width: 576px) {  
.gallery-block.compact-gallery .item .description {    opacity: 0;   }
 .gallery-block.compact-gallery .item a:hover .description {    opacity: 1;   } 
 .gallery-block .zoom-on-hover:hover .image {    transform: scale(1.3);    opacity: 0.7;   }
}
/* ************************************************************ */ 

/* ************************************************************ */ 
/* GIARDINO CHIAVI IN MANO*/
/* ************************************************************ */ 
a:hover{    text-decoration: none;}
html {    font-size: 16px;} /* necessario con classe css bootstrap.min*/
.Sfondo_Arredi{background-color: #e6ebe9;}
.Sfondo_Manutenzione{background-color: #faf9f5;}
.Sfondo_Realizzazione{background-color: #c6bcd7;}
.Sfondo_Progettazione{background-color: #dbe5cc;}
.thumb-servizio-txt {    padding-left: 5vw;    padding-right: 5vw;}
.page-body h2 {    text-align: center;    color: #5c8063;    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem)* .5);    line-height: 1.2;    font-size: 2.5rem;    font-weight: 700;}
.page-body h3{text-align: left;}
.short-description-cintoli { text-align: left;    color: #444444;   }

.mw50 {    margin-left: auto;    margin-right: auto;    max-width: 50rem;}
img {    max-width: 100%;    height: auto;}

.Sfondo_Arredi .overview,  .Sfondo_Realizzazione .overview {float:left}
.Sfondo_Arredi .gallery, .Sfondo_Realizzazione .gallery{float:right}

.Sfondo_Fase1  .gallery  {float:right}
.Sfondo_Fase3 .gallery {float:right}
.Sfondo_Fase1 .overview , .Sfondo_Fase3 .overview {float:left}

.Sfondo_Fase2 .gallery, Sfondo_Fase4 .gallery{float:left}
.Sfondo_Fase2 .overview , Sfondo_Fase4 .overview {float:right}
/* ************************************************************ */ 

/* ************************************************************ */ 
/* vivai */
/* ************************************************************ */ 
.Sfondo_Vivai .gallery  {float:right}
.Sfondo_Vivai .overview {float:left}

/* ************************************************************ */ 
/* HOMEPAGE */
/* ************************************************************ */ 
/*
.mega-menu :first-child a {    background-color: #dbe5cc;}
.mega-menu li:nth-child(3) { background-color: #fff;}
.sublist li:nth-child(3) {    background-color: #5c8063;}

.mega-menu li:nth-child(2) a { background-color: #f8f8ff;}
.mega-menu li:nth-child(3) a { background-color: #c4ccc9;}
.mega-menu li:nth-child(4) a { background-color: #c0d9c4;}
.mega-menu li:nth-child(5) a { background-color: #d8dbbd;}
.mega-menu li:nth-child(6) a { background-color: #a8dbc3;}
.mega-menu li:nth-child(8) a { background-color:#7fa15a;}
@media (min-width: 1001px){
li.has-sublist {    background-color: #a7c785;}
}
*/


.servizi-menu a {    display: block;    font-size: 1.25rem;    font-weight: 700;    padding: calc(clamp(.75rem, 1.3333rem, 1.5rem)* .5) clamp(.75rem, 1.3333rem, 1.5rem);}
.spaced-4 {    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem)* 4);}
.wrapper, .wrapper-xl {    margin-left: auto;    margin-right: auto;}
.wrapper {    max-width: 78rem;    padding-left: clamp(.75rem, 1.3333rem, 1.5rem);    padding-right: clamp(.75rem, 1.3333rem, 1.5rem);}
.section-servizi-title {    color: #5c8063;    text-align: center;}
.servizi-menu {    display: flex;    justify-content: center;}
.spaced-1 {    margin-bottom: clamp(.75rem, 1.3333rem, 1.5rem);}
.servizi-menu a {text-decoration: none;    display: block;    font-size: 1.25rem;    font-weight: 700;    padding: calc(clamp(.75rem, 1.3333rem, 1.5rem)* .5) clamp(.75rem, 1.3333rem, 1.5rem);}
.servizi-menu a:active {    background: #234028; text-decoration: none;}
.servizi-menu a:hover {    background: #7fa15a;    color: #fff; text-decoration: none;}
@media (min-width: 721px) {    .home-page-banners .slider-wrapper {   float: none;     width: auto;        text-align: center;    }}

.air-theme .topic-block-body, .air-theme .topic-page .page-body {font-family: Inria Sans, sans-serif!important;}
.section-welcome, .section-welcome .block-text {    position: relative;}
.spaced-4 {    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem)* 4);}
.wrapper, .wrapper-xl {    margin-left: auto;    margin-right: auto;}
.wrapper {    max-width: 78rem;    padding-left: clamp(.75rem, 1.3333rem, 1.5rem);    padding-right: clamp(.75rem, 1.3333rem, 1.5rem);}
.section-welcome, .section-welcome .block-text {    position: relative;}
.mw50 {    margin-left: auto;    margin-right: auto;    max-width: 50rem;}
.section-welcome .block-text:before {    --wpr-bg-2a14b64f-92f2-4643-bb78-ed379f2d96dd: url(/Content/Images/uploaded/foglia3.png);}
.section-welcome .block-text:before {
    background-image: var(--wpr-bg-2a14b64f-92f2-4643-bb78-ed379f2d96dd);    content: "";    left: -37.5%;
    padding-top: 32.5%;    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 32.5%;}

.section-welcome .block-text:after {    --wpr-bg-43dcdf16-e331-4460-adc1-705d29bfe156: url(/Content/Images/uploaded/foglia6.png);}
.section-welcome .block-text:after {
    background-image: var(--wpr-bg-43dcdf16-e331-4460-adc1-705d29bfe156);
    content: "";    padding-top: 48.75%;    position: absolute;    right: -53.75%;    top: 50%;    transform: translateY(-50%);    width: 48.75%;}
.block-text.mw50 h2, .block-text.mw50 h3 {    text-align: center;}
.block-text h2 {    color: #5c8063;    font-weight: 700;    font-size: 2rem;    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem)* .5);}
.block-text p {    font-size: 1.125rem;}
.block-text.mw50 h2, .block-text.mw50 h3 {    text-align: center;}
.block-text h3, .block-text p {    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem)* 2);}
.block-text h3 {    font-size: 1.1 rem;    font-weight: 400; color: #5c8063;  }
/* ************************************************************ */ 

/* ************************************************************ */
/* chi siamo*/
/* ************************************************************ */
.thumb-team-txt {    align-items: center;    bottom: 0;    color: #fff;    display: flex;    flex-flow: column;    gap: calc(clamp(.75rem, 1.3333rem, 1.5rem)* .5);    justify-content: center;    left: 0;    padding: calc(clamp(.75rem, 1.3333rem, 1.5rem)* 2);    position: absolute;    right: 0;    text-align: center;    top: 0;    transition: all .2s ease-in-out;    z-index: 2;}
.thumb-team-txt  h2, h3 {    line-height: 1.2; color:#fff}
.thumb-team-txt  h2 {    font-size: 2.0rem; text-aling:left}
.thumb-team-txt  h1, h2 {    font-weight: 700;}




/* ************************************************************ */ 
/*Dettaglio Articolo*/
/* ************************************************************ */ 
.variant-picture {    max-width: none!important;    text-align: center;    height: auto !important;    width: auto !important;    padding: 10px 10px 10px;}
.product-variant-list th  {    border-bottom: 1px solid #eee;    background-color: #f9f9f9;    padding: 15px;    white-space: nowrap;}
.product-variant-list .product-title h4 {    font-size: 1.0rem;}
.product-details-page .product-price {    font-size: 18px;}
.table-responsive {    display: inline-table;}
.add-to-cart-button{   display: grid;}

.add-to-wishlist {    padding-top: 5px;    padding-bottom: 25px;}
.add-to-wishlist -button {    height: 55px;    padding: 0 35px;    font-weight: 400;    color: #fff;    text-transform: uppercase;    transition: opacity 0.2s ease;}
.air-theme input[type="button"], .air-theme input[type="submit"], .air-theme button, .air-theme .button-1, .air-theme .button-2 {
    font-family: Inria Sans, sans-serif !important;  
}
.overview .add-to-wishlist, .variant-overview .add-to-wishlist -panel{    display: inline-block;    position: relative;}
.overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {    height: 55px;    padding: 0 20px;    font-weight: 400;    color: #111;    text-transform: uppercase;
    transition: opacity 0.2s ease;}

@media (min-width: 481px) {
    .overview .add-to-wishlist, .variant-overview .add-to-wishlist{       display: inline-block;        vertical-align: top;        margin: 0;        width: 300px;    }
}
tr.product-item1 {    border-bottom: 1px solid #eee;}

@media (max-width: 600px) {
    .table-responsive td:first-child { border-width: 0px !important; }
    .table-responsive td { display: block !important;  width: 100%!important; }
    .table-responsive th { display: none;    }
    .table-responsive .product-item1 {        display: block;        border-bottom: 2px solid #111;        margin-bottom: 15px;    }
}
.table-responsive td {    min-width: 50px;    border: none;    background-color: #fff;    padding: 15px;}

@media (max-width: 1001px) {
.footer-block ul {    display: none;    border-bottom: 1px solid #e9e9e9;    background-color: #294453;}
}

/* ************************************************************ */ 


@media (min-width: 769px) {    .overview {        float: right;        width: 48%!important;        margin: 0 0 -10px;        text-align: center;    }}
.unit-price{text-align:right;}

.quantity {text-align:right;}

.home-page-category-grid .title a:focus,.home-page-category-grid .title  a:hover {    color: #5c8063;    text-decoration: underline;}

.air-theme .full-description {
    font-family: Inria Sans, sans-serif !important;  
}



.previous-product a, .next-product a {    position: relative;    display: block;    background: #f3e0a3;    color: #666;    font-size: 15px;}

@media (min-width: 1001px) {
 /*   .page-title h1 {        bottom: 28px;  color: #f1c432;}*/
    .home-page-category-grid .title, .sub-category-grid .title { text-align: center; } /*homepage  categorie*/
    .page-title {        height: 215px;    } 
     /*catalogo prodotti*/
    .mega-menu .categories .picture {        height: 130px;    }
    .mega-menu .box { text-align: center;}
    .mega-menu .picture {  margin: 0 0 0;}
    .mega-menu .row-wrapper {        background-color: #52815a;        padding: 1px;    } /*sfondo megamenu*/
    .inputs label {text-align: center!important; } /*etichette centrali profilo*/
    .block-account-navigation {text-align: left } /* menu laterale profilo*/

}
  .wishlist-opener .wishlist-qty, .shopping-cart-link .cart-qty { background-color: #284453;}  /*sfondo icone*/
/*plugin prec e succ articolo*/
.previous-product {    float: left;    margin-bottom: 10px;}

 

/*articolo*/
.air-theme .item-box .product-title {    font-size: 14px;}


.air-theme .admin-header-links {
    background-color:#ffc72c;
    color: #4b4949;
}
 

/*Struttura sito*/
.footer-upper {    background-color: #294453;    color: white;    font-size: 19px;     border-top: 2px solid red;}
.footer-middle {background-color: #294453;}



.footer-lower {  background-color: #ccd4e5;}
.hp-text{font-size: large;}
.page-body h2{font-size: 30px;}
.icon{height: 150px; width: 150px;}

@media (max-width: 700px) {    
.footer {        text-align: left;  }
.footer-upper {padding-left:4%;}
.footer-middle {padding: 0px 10px 10px 10px;}
.quick-contact{padding: 4%}
.master-wrapper-content{padding-bottom: 0px;}
.hp-title{font-size: 2.2rem}
.hp-text{font-size:1.1rem;}
.col-img{padding: 0px;}
h3{font-size: 1.4rem;}
.text{font-size: 1.1rem;}
.page-body h2{font-size: 1.7rem;}
.icon{height: 90px; width: 90px}
}
294453


/*nota articolo*/
table.BOWCintoli tr {border-bottom: 1px solid #eee;}
table.BOWCintoli td {    min-width: 100px;    border: none;    background-color: #fff;     }

/*bottone aggiungi */
 .overview .add-to-cart-button, .variant-overview .add-to-cart-button {    height: 35px;}
 .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {    height: 35px;}
.add-to-wishlist-button{ background-color: #5c8063;color:#fff}


 /* ************************************************************ */ 
/* Icona visualizzata durante il  caricamento dei dati.
/* ************************************************************ */ 
.infinite-scroll-loader {    height: 120px!important;}
.productPanelAjaxBusy:before, .infinite-scroll-loader:before  {
    top: 25%!important;    left: 50%;    width: 102px!important;
    height: 102px!important;    margin: -45px 0 0 -45px!important;    background-color: transparent;     background-image: url(/Content/Images/uploaded/img-load-cintoli.png);
}
 .ajax-loading-block-window:before,  .ajax-loading-block-window{
    left: 50%;    width: 102px!important;    height: 102px!important;    background-color: transparent;     background-image: url(/Content/Images/uploaded/img-load-cintoli.png);
}
/* ************************************************************ */



/* ************************************************************ */ 
/*Font */ 
/* ************************************************************ */ 
body  { color: #3e5742;     font-family: Inria Sans, sans-serif !important;   font-size: 5rem;    font-size: 100%;    line-height: 1.5;}

@font-face { font-display: swap;    font-family: Rosario;    font-style: normal;    font-weight: 400;    src: url('rosario-regular.woff2') format("woff2"), url('rosario-regular.woff') format("woff"), url('rosario-regular.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Rosario;    font-style: italic;    font-weight: 400;    src: url('rosario-italic.woff2') format("woff2"),url('rosario-italic.woff') format("woff"),url('rosario-italic.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Rosario;    font-style: normal;    font-weight: 700;    src: url('rosario-700.woff2') format("woff2"),url('rosario-700.woff') format("woff"),url('rosario-700.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Rosario;    font-style: italic;    font-weight: 700;    src: url('rosario-700italic.woff2') format("woff2"),url('rosario-700italic.woff') format("woff"),url('rosario-700italic.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Inria Sans;    font-style: normal;    font-weight: 400;    src: url('inria-sans-regular.woff2') format("woff2"),url('inria-sans-regular.woff') format("woff"),url('inria-sans-regular.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Inria Sans;    font-style: italic;    font-weight: 400;    src: url('inria-sans-italic.woff2') format("woff2"),url('inria-sans-italic.woff') format("woff"),url('inria-sans-italic.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Inria Sans;    font-style: normal;    font-weight: 700;    src: url('inria-sans-700.woff2') format("woff2"),url('inria-sans-700.woff') format("woff"),url('inria-sans-700.ttf') format("truetype")
}
@font-face {    font-display: swap;    font-family: Inria Sans;    font-style: italic;    font-weight: 700;    src: url('inria-sans-700italic.woff2') format("woff2"),url('inria-sans-700italic.woff') format("woff"),url('inria-sans-700italic.ttf') format("truetype")
}

/* Dettagli utenti*/
.customer-info-page .inputs label:last-child {    text-align: center !important;}
@media (min-width: 1367px) {    .inputs label {        width: 145px;    }}


/*css fasce homepage*/

  .mission-vision-section {
    display: flex;
    align-items: stretch; 

  }

  .mission-img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    padding-left: 10%;
 
  }

  .mission-vision-section .col-lg-7,
  .mission-vision-section .col-lg-5 {
    display: flex;
    flex-direction: column;

  }

.img-home{padding-right:10%}

  @media (max-width: 991px) {
    .mission-img {
      height: auto; /* Su mobile l’immagine torna fluida */
padding: 0px 0px 0px 0px;

    }

  }

.features-list {
  margin-left: 20%;   /* margine sinistro leggero */
  padding: 10%;
  
}

.topic-block-body strong, .topic-page .page-body strong {
    color: #294553;
}

.home-text {
padding: 3% 10% 10% 10%
}

/*TOGLIERE TITOLI DEFAULT DALLE PAGINE*/
.page-title{display: none;}
.master-wrapper-content{padding-top: 0px;}

/*FOOTER*/
.quick-contact{padding-right: 4%;}

/*CARDS*/
.card{border: none; align-items: center;}
.card-img-top{width: 100px;}



/*IMMAGINI*/
 @media (min-width:700px) {
    .img-prato {
      max-width: 600px;
    
    }

    

  }


/* BANNER CONTATTI */
.banner {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  padding: 3% 6% 0% 6%;
}

/* Immagine a sinistra */
.banner-image {
  width: 35%;
  min-height: 200px;
  background-image: url('/Content/Images/uploaded/famiglia-cintoli-800x480.jpg');
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
}

/* Contenuto verde a destra */
.banner-content {
  width: 65%;
  background-color: #5c8063; /* verde */
  color: white;
  padding: 0% 3% 0% 0%;
  display: flex;
  justify-content: space-between; /* testo a sinistra, bottone a destra */
  align-items: center;
}

/* Testo a sinistra */
.banner-text {
  display: flex;
  flex-direction: column;
text-align: left;
padding: 3%;
}

.banner-text h2 {
  font-size: 1.8rem;
  font-weight: 700;
color: white;
text-align:left;
}

.banner-text p {
  font-size: 1rem;
  color: white;;

}

/* Bottone a destra */
.banner-button {
  background-color: #fff;
  color: #5e7e66;
  font-weight: bold;
  text-decoration: none;
  padding: 12px 30px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.banner-button:hover {
  background-color: #e9e9e9;
color: #5c8063; 
}

/* Mobile */
@media (max-width: 768px) {
  .banner {
    flex-direction: column;
    padding: 3% 6% 8% 6%;
  }

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

  .banner-content {
    flex-direction: column;
    text-align: center;
    gap: 5px;
   padding: 5%
 
  }
.banner-text h2{
   font-size: 1.5rem;
}
}

/*INFOGRAFICA SEZIONE VIVAISTI*/
.infografica {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 30px 80px;
      max-width: 1000px;
      margin: 0 auto;
      text-align: center;
padding-bottom:3%;
    }

    .box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
    }

    .box img {
      width: 60px;
      height: 60px;
      margin-bottom: 15px;
    }

    .box h3 {
      font-size: 1.5rem;
      color: #0b3f18;
      margin: 0 0 10px 0;
      font-weight: 700;
    }

    .box p {
      font-size: 1.05rem;
      line-height: 1.6;
      max-width: 360px;
      margin: 0 auto;
      color: #0b3f18;
    }

    .box strong {
      font-weight: 700;
    }

    @media (max-width: 768px) {
      .infografica {
        gap: 50px;
      }
      .box h3 {
        font-size: 1.3rem;
      }

.img-home{padding-right: 0%;}
    }

/*ANIMAZIONI INFOGRAFICA VIVAISTI*/
.infografica-chisiamo{
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
/* initial hidden state */
.infografica .box {
  opacity: 0;
  transform: translateY(18px) scale(0.985);
  will-change: transform, opacity;
  transition: none;
}
.infografica .box.in-view {
  animation-name: popIn;
  animation-duration: 2.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.16,.84,.3,1);
  animation-delay: var(--delay, 0s);
}
@keyframes popIn {
  0% { opacity: 0; transform: translateY(14px) scale(0.985); }
  60% { transform: translateY(-4px) scale(1.02); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
.infografica .box:nth-child(1) { --delay: 0.08s; }
.infografica .box:nth-child(2) { --delay: 0.28s; }
.infografica .box:nth-child(3) { --delay: 0.38s; }
.infografica .box:nth-child(4) { --delay: 0.48s; }

@media (prefers-reduced-motion: reduce) {
  .infografica .box,
  .infografica .box.in-view {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
hr{background-color:#5c8063; /* verde */
}

.button-catalogo{
background-color: #5c8063;
color: white;
}

.box h3{text-align: center;}
 @media (min-width: 768px) {
.img-vasi{height:auto;}
}

    @media (max-width: 768px) {
     .infografica{display: inline;}
    }

/*SEZIONE TEAM PAGINA UNA STORIA SICILIANA*/

.team-section {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
}

.team-card {
  background-color: #D6E3C3;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  text-align: center;
  width: 280px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.team-card img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.team-card:hover img {
  transform: scale(1.08);
}

.team-card h3 {
  margin: 1rem 0 0.3rem;
  color: #1c3b1e;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
}

.team-card p {
  margin-bottom: 1.2rem;
  color: #5b6b5e;
  font-size: 1rem;
  font-style: italic;
}

@media (max-width: 768px) {
      .team-section{
flex-wrap: wrap;
}
    }

/*CARDS PAGINA IMPRESE INSTALLATRICI*/

.card {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 1.1s ease, transform 0.6s ease;
}

/* quando diventa visibile */
.card.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ritardi progressivi */
.card:nth-child(1).visible { transition-delay: 0s; }
.card:nth-child(2).visible { transition-delay: 0.3s; }
.card:nth-child(3).visible { transition-delay: 0.60s; }
.card:nth-child(4).visible { transition-delay: 0.9s; }

/*RIMUOVI ICONE METODI PAGAMENTO*/

.accepted-payments-methods{ display:none;}


/*PAGINA CONTATTI*/


.page.contact-page {
    aspect-ratio: 1;
    background-image: none;
    background-repeat: no-repeat;
    margin-right: 0px;
}

.page.contact-page .block-text h2 {
    color: #294553;
    margin-bottom: calc(clamp(.75rem, 1.3333rem, 1.5rem) * .5);
    text-align: center;
    padding: 4% 0% 1% 0%;
}

.page {
    min-height: auto;
}

.contact-page form, .email-a-friend-page form, .apply-vendor-page form {
    width: 600px;
    max-width: 100%;
    margin: auto;
    background-color: #ccd8e5;
    padding: 10px 20px 40px 20px;
}

/*PAGINA PORTFOLIO*/

.portfolio {
  width: 90%;
  max-width: 1200px;
  padding-top: 5%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.project {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.project-image img {
  width: 500px;
  max-width: 100%;
  border-radius: 6px;
  object-fit: cover;
}




.project-text > div:first-child {
  align-self: flex-start; /* il titolo resta sempre in alto */
  margin-bottom: 20px; /* distanza dal paragrafo */
}

.project-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: inherit;
}

.project-text h2 {
  margin: 0;
  margin-bottom: 20px;
  align-self: center;
  font-size: 28px;
  color: #1b3f2f;
}









.project-text h2 a {
  text-decoration: none;
  color: inherit;
}

.project-text p {
  margin: 15px 0;
  font-size: 16px;
  text-align: left;
}

.social-icons img {
  width: 20px;
  margin-right: 10px;
  opacity: 0.7;
  transition: 0.2s;
}

.social-icons img:hover {
  opacity: 1;
}

/* Responsive layout */
@media (max-width: 900px) {
  .project {
    flex-direction: column;
  }

  .project-image img {
    width: 100%;
  }
}

.project-image {
  overflow: hidden;
  border-radius: 6px;
  display: block;
}

.project-image img {
  transition: transform 0.4s ease, filter 0.4s ease;
}

.project-image:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}


/*PAGINA LAVORO PORTFOLIO*/

/* -------------------------------------------------
      GLOBAL
-------------------------------------------------- */
body {
    margin: 0;
    font-family: "Raleway", sans-serif;
    color: #294553;
}

h1, h2, h3, p {
    color: #294553;
}

/* Fade-in on scroll */
.fade-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* -------------------------------------------------
      HERO – PARALLAX
-------------------------------------------------- */

.project-hero {
    position: relative;
    height: 75vh;
    max-height: 900px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;   /* PARALLAX */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Dark overlay */
.project-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
}

/* HERO TEXT centered */
.hero-content {
    position: relative;
    text-align: center;
    color: white;
    max-width: 900px;
    padding: 20px;
    animation: zoomIn 1.2s ease forwards;
    opacity: 0;
}

/* Zoom animation for hero text */
@keyframes zoomIn {
    0% { opacity: 0; transform: scale(0.85); }
    100% { opacity: 1; transform: scale(1); }
}

.hero-content h1 {
  
    margin-bottom: 20px;
    color: #fff;
}

.hero-content p {
    line-height: 1.6;
    color: #fff;
}

/* -------------------------------------------------
      GALLERY
-------------------------------------------------- */

.project-gallery {
    width: 90%;
    max-width: 1200px;
    margin: 80px auto;
}

.project-gallery h2 {
    margin-bottom: 30px;
}

/* 3-column grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Images */
.gallery-grid img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 6px;
    cursor: pointer;
    transition: transform .3s ease, filter .3s ease;
}

.gallery-grid img:hover {
    transform: scale(1.05);
    filter: brightness(1.12);
}

/* --------------------------------------------
      LIGHTBOX
---------------------------------------------- */

.lightbox-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.lightbox-overlay img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 6px;
}




/* -------------------------------------------------
      RESPONSIVE BASE
-------------------------------------------------- */

/* Tablet */
@media (max-width: 900px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Smartphone */
@media (max-width: 600px) {
    .gallery-grid {
        grid-template-columns: 1fr;
    }
}


/* -----------------------------
      MOBILE FIX (UNICO)
------------------------------ */
@media (max-width: 768px) {

    .portfolio{width: 100%;}

    .project-hero {
        position: relative; /* NECESSARIO */
        min-height: 80vh;
        background-size: cover !important;
        background-position: center center !important;
        background-attachment: scroll !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    /* Overlay (serve per leggibilità e stabilità del layout) */
    .project-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.35); 
        z-index: 1;
    }

    /* Contenuto in primo piano */
    .hero-content {
        position: relative;
        z-index: 2;
        max-width: 95%;
        text-align: center;
        color: #ffffff !important;
    }

    .hero-content h1 {
        font-size: 32px;
        margin-bottom: 15px;
        color: #ffffff !important;
    }

    /* Rimuove margini e padding inutili dei div WordPress */
    .project-hero .btArticleContent,
    .project-hero .btArticleContentInner,
    .project-hero .bt_bb_wrapper {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .project-hero .btArticleContentInner,
    .project-hero .bt_bb_wrapper {
        height: auto !important;
        min-height: auto !important;
    }

    /* Paragrafo */
    .project-hero p {
        text-align: center !important;
        color: #ffffff !important;
        font-size: 17px !important;
        line-height: 1.55 !important;
        margin: 0 auto !important;
        max-width: 90% !important;
    }

.project-hero,
    .project-hero * {
        max-height: none !important;
        height: auto !important;
        transform: none !important;

        margin-top: 0 !important;
    }

    /* Rimuove padding invisibili di BoldBuilder */
    .project-hero .btArticleContent,
    .project-hero .btArticleContentInner,
    .project-hero .bt_bb_wrapper,
    .project-hero .btArticleContentInner .bt_bb_wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }

.portfolio article.project {
        display: block !important;
        position: relative;
        padding: 0 !important;
        overflow: hidden;
    }

    /* L’immagine diventa background */
    .portfolio .project-image {
        display: none !important;
    }

    .portfolio .project {
        min-height: 70vh;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    /* Applica l’immagine come background prendendola dall’img */
    .portfolio .project {
        background-image: attr(data-img url);
    }

    /* Overlay scuro */
    .portfolio .project::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 1;
    }

    /* Contenuto testuale centrato */
    .portfolio .project-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 90%;
        text-align: center;
        color: #ffffff !important;
    }

    .portfolio .project-text h2,
    .portfolio .project-text p {
        color: #ffffff !important;
    }

  .project.mobile-hero {
        position: relative;
        min-height: 70vh;
        padding: 40px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* overlay scuro */
    .project.mobile-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 1;
    }

    /* testo centrato */
    .project.mobile-hero .project-text {

        z-index: 2;
        text-align: center;
        color: #fff;
        max-width: 90%;
    }

    .project.mobile-hero .project-text h2,
    .project.mobile-hero .project-text p,
    .project.mobile-hero .project-text a {
        color: #fff !important;
    }
}