:root {
--gradient-navbar-border: linear-gradient(90deg, #E8CD72 0%, #BB8732 28.37%, #EACF73 52.88%, #FFFB98 73.56%, #EACF73 85.58%, #BB8732 100%);
--navbar-height: 90px;
--font-nav: 'Fraunces', serif;
--font-body: 'Inter', sans-serif;
--c-gold: #A29061;
--c-green: #066543;
--c-green-dark: #054D33;
--c-muted: #AEAEAE;
--c-eyebrow: #7d7565;
--c-panel: #121212;
--c-photo-bg: #171512;
--c-border-input: #E9ECEF;
--c-tint: #F7F5F0;
--c-error: #C0392B;
--c-green-bright: #2FA876;
--c-error-soft: #E8A9A0;
}
.navbar {
min-height: var(--navbar-height);
}
.container a:not([class*="rs-"]) {
color: var(--c-green) !important;
}
.container a:not([class*="rs-"]):hover,
.container a:not([class*="rs-"]):focus {
color: var(--c-green-dark) !important;
text-decoration: underline;
}
.navbar::before,
.navbar::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 3px;
background: var(--gradient-navbar-border);
}
.navbar::before {
top: 0;
}
.navbar::after {
bottom: 0;
}
.navbar .navbar-brand {
margin-bottom: 0;
display: flex;
align-items: center;
}
.navbar .navbar-brand img {
width: 114px;
height: 64px;
}
.navbar .navbar-toggler {
width: 42px;
height: 42px;
padding: 0;
color: #FFFFFF;
background-color: transparent;
border: 0;
border-radius: 50%;
transition: background-color 0.15s ease, color 0.15s ease;
}
@media (max-width: 1279.98px) {
.navbar .navbar-toggler {
display: flex;
align-items: center;
justify-content: center;
}
}
.navbar .navbar-toggler i {
font-size: 18px;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
color: var(--c-gold);
background-color: rgba(255, 255, 255, 0.08);
}
.navbar .navbar-toggler:focus-visible {
outline: 2px solid var(--c-green-bright);
outline-offset: 2px;
}
.navbar .navbar-nav .nav-item .nav-link {
font-family: var(--font-nav);
font-weight: 300;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
color: #FFFFFF;
}
.navbar .navbar-nav .nav-item .nav-link.active,
.navbar .navbar-nav .nav-item .nav-link:hover {
color: #BB8732;
background: var(--gradient-navbar-border);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.navbar .navbar-nav .nav-item .nav-link.active {
font-family: var(--font-nav);
font-weight: 600;
font-size: 16px;
}
.navbar .navbar-nav .nav-item .nav-link#dropdownMenuLink,
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"] {
color: #FFFFFF;
background: none;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: initial;
}
.navbar .navbar-nav .nav-item .nav-link#dropdownMenuLink:hover,
.navbar .navbar-nav .nav-item .nav-link#dropdownMenuLink:focus,
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"]:hover,
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"]:focus {
color: var(--c-gold);
background: none;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: initial;
}
@media (min-width: 1280px) {
.navbar {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.navbar .navbar-brand {
grid-column: 1;
justify-self: start;
}
.navbar .navbar-collapse {
display: contents !important;
}
.navbar .rs-navbar-links {
grid-column: 2;
justify-self: center;
margin-left: 0;
}
.navbar .rs-navbar-utility {
grid-column: 3;
justify-self: end;
margin-left: 0;
}
}
@media (min-width: 992px) and (max-width: 1279.98px) {
.navbar .navbar-collapse {
display: none !important;
}
.navbar .navbar-collapse.show {
display: flex !important;
}
.navbar .navbar-nav {
flex-direction: column;
}
}
@media (max-width: 1279.98px) {
.navbar .navbar-nav {
align-items: center;
text-align: center;
}
.navbar .navbar-nav .nav-item {
width: 100%;
}
.navbar .rs-navbar-links,
.navbar .rs-navbar-utility {
margin-left: 0;
}
}
.navbar .navbar-nav .nav-item .nav-link#dropdownMenuLink {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
}
.navbar .navbar-nav .nav-item .nav-link.rs-navbar-auth-link {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
color: rgba(255, 255, 255, 0.7);
padding-left: 8px;
padding-right: 8px;
}
.navbar .navbar-nav .nav-item .nav-link.rs-navbar-auth-link:hover,
.navbar .navbar-nav .nav-item .nav-link.rs-navbar-auth-link:focus {
color: #FFFFFF;
background: none;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: initial;
}
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"] {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background-color: var(--c-green);
color: #FFFFFF;
border-radius: 8px;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
}
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"]:hover,
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"]:focus {
color: #FFFFFF;
background-color: var(--c-green);
}
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"] .productInCart {
display: inline-flex;
align-items: center;
justify-content: center;
position: static;
margin: 0;
width: 18px;
height: 18px;
line-height: 1;
font: 11px Arial, sans-serif;
background-color: #000000;
border: 0;
}
.navbar .navbar-nav .nav-item .nav-link[href="carrello.php"] .productInCart:empty {
display: none;
}
body {
font-family: var(--font-body);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-nav);
font-weight: 400;
}
section h3.section-subheading {
font-family: var(--font-body);
font-style: italic;
color: var(--c-muted);
}
.firma-vittorio {
font-family: var(--font-nav) !important;
font-style: italic;
font-weight: 400;
color: var(--c-gold) !important;
}
#portfolio .portfolio-item {
background-color: #FFFFFF;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
#portfolio .portfolio-item .portfolio-link {
background-color: transparent;
max-width: none;
max-height: none;
padding: 18px 24px 0;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
top: 18px;
right: 24px;
bottom: 0;
left: 24px;
width: auto;
height: auto;
background-color: var(--c-green);
z-index: 3;
}
#portfolio .portfolio-item .portfolio-link .more-info-mobile {
left: 24px;
right: 24px;
width: auto;
z-index: 3;
}
#portfolio .portfolio-item .portfolio-link .productNew,
#portfolio .portfolio-item .portfolio-link .productDiscount,
#portfolio .portfolio-item .portfolio-link .productSpenct {
z-index: 3 !important;
}
#portfolio .portfolio-item .portfolio-caption {
max-width: none;
padding: 12px 24px 18px;
background-color: transparent;
text-align: left;
}
#portfolio .portfolio-item .portfolio-caption h4 {
font-family: var(--font-nav);
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #1A1A1A;
text-align: left;
}
#portfolio .portfolio-item .portfolio-caption h5 {
font-family: var(--font-body);
font-weight: 400;
font-style: normal;
font-size: 13px;
line-height: 18px;
height: auto;
color: #1A1A1A;
text-align: left;
margin-top: 2px;
}
#portfolio .portfolio-item .portfolio-caption h5 .font-selezioni {
font-size: 16px !important;
}
#portfolio .portfolio-item .portfolio-caption h5 .firma-vittorio {
font-size: 22px !important;
}
#portfolio .portfolio-item .portfolio-caption p.text-muted {
font-family: var(--font-body);
font-size: 14px;
text-align: left;
color: var(--c-muted);
}
#portfolio .portfolio-item .portfolio-caption .prezzoPromo {
font-family: var(--font-body);
font-size: 16px;
color: #1A1A1A;
text-transform: none;
letter-spacing: normal;
width: auto;
}
#portfolio .portfolio-item .portfolio-caption .btn-primary {
background-color: var(--c-green);
border-color: var(--c-green);
border-radius: 2px;
font-family: var(--font-body);
font-weight: 500;
text-transform: none;
}
#portfolio .portfolio-item .portfolio-caption .btn-primary:hover,
#portfolio .portfolio-item .portfolio-caption .btn-primary:focus {
background-color: #054D33 !important;
border-color: #054D33 !important;
}
#portfolio .portfolio-item .portfolio-caption .btn-primary::before {
content: "\f07a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 8px;
}
#portfolio .portfolio-item .portfolio-caption .custom-select {
font-family: var(--font-body);
height: 38px;
line-height: 1;
background-color: #E9ECEF;
border: 0;
}
#portfolio .portfolio-item .portfolio-caption .custom-select:focus {
border: 0;
box-shadow: none;
}
#portfolio .portfolio-item .portfolio-caption .rs-pc-actions {
display: flex;
align-items: center;
gap: 10px;
}
#portfolio .portfolio-item .portfolio-caption .rs-pc-qty {
flex: 0 0 auto;
width: auto;
}
#portfolio .portfolio-item .portfolio-caption .rs-pc-add {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
height: 38px;
padding: 0 12px;
margin: 0;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
}
#portfolio .portfolio-item .portfolio-link {
display: flex;
align-items: center;
justify-content: center;
height: 320px;
}
#portfolio .portfolio-item .portfolio-link .img-card,
#portfolio .portfolio-item .portfolio-link .img-fluid {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}
#portfolio .portfolio-item .portfolio-caption h4 {
margin-top: 0;
margin-bottom: 2px;
min-height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
#portfolio .portfolio-item .portfolio-caption h5 {
min-height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#portfolio .portfolio-item .portfolio-caption p.text-muted {
min-height: 44px;
margin-bottom: 0 !important;
}
.rs-mark-1968 {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 150px;
height: 150px;
padding: 28px 20px;
margin-top: 10px;
border: 1px solid var(--c-gold);
border-radius: 50%;
position: relative;
vertical-align: middle;
}
.rs-mark-1968::before {
content: "";
position: absolute;
inset: 6px;
border: 1px solid var(--c-gold);
border-radius: 50%;
pointer-events: none;
}
.rs-mark-1968-dal {
width: auto;
font-family: var(--font-body);
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--c-muted);
line-height: 1;
}
.rs-mark-1968-year {
width: auto;
font-family: var(--font-nav);
font-style: italic;
font-size: 30px;
color: var(--c-gold);
line-height: 1.2;
margin-top: 4px;
}
.rs-mark-1968-rule {
width: 26px;
height: 1px;
background: var(--c-gold);
margin-top: 8px;
position: relative;
}
.rs-mark-1968-rule::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 5px;
height: 5px;
background: var(--c-gold);
transform: translate(-50%, -50%) rotate(45deg);
}
.rs-mark-1968-name {
width: auto;
font-family: var(--font-nav);
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--c-eyebrow);
line-height: 1;
margin-top: 8px;
}
body {
background-color: var(--c-photo-bg);
}
#ecommerce .container {
background-color: #242220;
border-radius: 20px;
padding: 8px;
}
#ecommerce .into-index {
row-gap: 12px;
margin-left: -3px;
margin-right: -3px;
}
#ecommerce .into-index > [class*="col-"] {
padding-left: 3px;
padding-right: 3px;
}
#ecommerce .rs-service-card {
height: 100%;
box-sizing: border-box;
background-color: var(--c-panel);
border-radius: 8px;
padding: 32px 24px;
}
#ecommerce .service-heading {
color: var(--c-gold);
text-align: left;
}
#ecommerce .rs-service-card p {
text-align: left;
}
#rsShopExtras {
padding: 24px 0 48px;
text-align: center;
}
#rsShopExtras .rs-shop-extras-shipping {
margin: 0 0 16px;
text-align: center;
font-family: var(--font-body);
font-size: 15px;
color: var(--c-muted);
}
#rsShopExtras .trustpilot-widget {
display: block;
margin: 0 0 16px;
text-align: center;
}
#rsShopExtras .rs-shop-extras-list-link {
display: inline-block;
text-align: center;
font-family: var(--font-nav);
font-style: italic;
font-size: 18px;
color: var(--c-gold);
text-decoration: none;
}
#rsShopExtras .rs-shop-extras-list-link:hover,
#rsShopExtras .rs-shop-extras-list-link:focus {
color: var(--c-gold);
text-decoration: underline;
}
.rs-modal-dialog {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.rs-modal-dialog {
max-width: 960px;
}
}
.rs-modal-prodotto {
border: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}
.rs-modal-prodotto .modal-body {
padding: 0;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.rs-modal-prodotto .modal-body {
flex-direction: row;
}
}
.rs-modal-prodotto .modal-footer {
padding: 0;
border-top: 0;
}
.rs-modal-prodotto .btn-chiudi {
position: absolute;
top: 16px;
right: 16px;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
z-index: 2;
}
.rs-modal-prodotto .btn-chiudi .fa-times {
font-size: 14px;
color: #1A1A1A;
}
.rs-modal-prodotto .btn-chiudi:hover,
.rs-modal-prodotto .btn-chiudi:focus {
background-color: rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.rs-modal-prodotto .btn-chiudi {
top: 20px;
right: 20px;
}
}
.rs-modal-photo {
background-color: var(--c-photo-bg);
padding: 24px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 14px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.rs-modal-photo {
flex: 0 0 420px;
padding: 32px;
gap: 16px;
}
}
.rs-modal-photo-media {
position: relative;
width: 100%;
flex: 1;
min-height: 260px;
}
@media (min-width: 768px) {
.rs-modal-photo-media {
min-height: 440px;
}
}
.rs-modal-photo-media .carousel,
.rs-modal-photo-media > img.img-fluid {
height: 100%;
}
.rs-modal-photo-media .carousel-inner {
flex: 1;
min-height: 0;
}
.rs-modal-photo-media .carousel-item,
.rs-modal-photo-media .carousel-item img,
.rs-modal-photo-media > img.img-fluid {
height: 100%;
}
.rs-modal-photo-media .carousel-item img,
.rs-modal-photo-media > img.img-fluid {
display: block;
width: 100%;
object-fit: contain;
background-color: #FFFFFF;
border-radius: 12px;
}
.rs-modal-photo-media .carousel-control-prev,
.rs-modal-photo-media .carousel-control-next {
position: absolute;
top: 50%;
bottom: auto;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.85);
opacity: 1;
}
.rs-modal-photo-media .carousel-control-prev {
left: 10px;
}
.rs-modal-photo-media .carousel-control-next {
right: 10px;
}
@media (min-width: 768px) {
.rs-modal-photo-media .carousel-control-prev {
left: 12px;
}
.rs-modal-photo-media .carousel-control-next {
right: 12px;
}
}
.rs-modal-photo-media .carousel-control-prev-icon,
.rs-modal-photo-media .carousel-control-next-icon {
width: 32px;
height: 32px;
background-color: transparent;
background-size: 12px 12px;
}
.rs-modal-photo-media .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231A1A1A' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.rs-modal-photo-media .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231A1A1A' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.rs-modal-photo-media .carousel {
display: flex;
flex-direction: column;
}
.rs-modal-photo-media .carousel-inner {
order: 1;
}
.rs-modal-photo-media .carousel-indicators {
order: 2;
position: static;
margin: 8px 0 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.rs-modal-photo-media .carousel-indicators li {
width: 7px;
height: 7px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
opacity: 1;
}
.rs-modal-photo-media .carousel-indicators li.active {
background-color: var(--c-gold);
}
.rs-modal-content {
padding: 28px 24px 24px;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
@media (min-width: 768px) {
.rs-modal-content {
flex: 1;
min-width: 0;
padding: 48px 52px 44px 48px;
}
}
.rs-modal-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 26px;
line-height: 31px;
color: #1A1A1A;
text-transform: none;
text-align: left;
margin: 0;
}
@media (min-width: 768px) {
.rs-modal-title {
font-size: 32px;
line-height: 38px;
}
}
.rs-modal-subtitle {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #4A4A4A;
text-align: left;
margin: 6px 0 0;
}
@media (min-width: 768px) {
.rs-modal-subtitle {
font-size: 16px;
line-height: 22px;
margin-top: 8px;
}
}
.rs-modal-desc {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #4A4A4A;
text-align: left;
margin: 16px 0 0;
}
@media (min-width: 768px) {
.rs-modal-desc {
font-size: 15px;
line-height: 24px;
margin-top: 20px;
}
}
.rs-modal-accordion {
border-top: 1px solid #EEEEEE;
margin-top: 20px;
}
@media (min-width: 768px) {
.rs-modal-accordion {
margin-top: 24px;
}
}
.rs-modal-accordion .panel-title {
margin: 0;
}
.rs-modal-accordion .panel-heading a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 0;
border-bottom: 1px solid #EEEEEE;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
color: #1A1A1A;
text-decoration: none;
cursor: pointer;
}
@media (min-width: 768px) {
.rs-modal-accordion .panel-heading a {
padding: 16px 0;
}
}
.rs-modal-accordion .more-less {
font-size: 12px;
color: #1A1A1A;
margin-left: 12px;
flex: none;
}
.rs-modal-price {
margin: 20px 0 0;
padding: 0;
list-style: none;
}
@media (min-width: 768px) {
.rs-modal-price {
margin-top: 24px;
}
}
.rs-modal-price,
.rs-modal-price b {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
color: var(--c-muted);
}
.rs-modal-price del {
font-weight: 400;
font-size: 14px;
color: var(--c-muted);
}
.rs-modal-price .prezzoPromo {
display: inline-block;
margin-top: 4px;
font-weight: 600;
font-size: 24px;
color: var(--c-green);
}
@media (min-width: 768px) {
.rs-modal-price .prezzoPromo {
font-size: 26px;
}
}
.rs-modal-actions {
display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
}
@media (min-width: 768px) {
.rs-modal-actions {
gap: 12px;
}
}
.rs-modal-actions .custom-select {
flex: 0 0 auto;
width: 88px;
height: 44px;
line-height: 1;
font-family: var(--font-body);
font-size: 14px;
color: #1A1A1A;
background-color: #E9ECEF;
border: 0;
border-radius: 4px;
padding: 0 10px;
}
@media (min-width: 768px) {
.rs-modal-actions .custom-select {
width: 110px;
height: 46px;
font-size: 15px;
padding: 0 12px;
}
}
.rs-modal-actions .btn-primary {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
height: 44px;
margin: 0;
padding: 0 10px;
background-color: var(--c-green);
border: 0;
border-radius: 2px;
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 12px;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.rs-modal-actions .btn-primary::before {
content: "\f07a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
margin-right: 6px;
}
.rs-modal-actions .btn-primary:hover,
.rs-modal-actions .btn-primary:focus {
background-color: #054D33 !important;
border-color: #054D33 !important;
}
@media (min-width: 768px) {
.rs-modal-actions .btn-primary {
height: 46px;
padding: 0 16px;
font-size: 14px;
letter-spacing: 0.02em;
}
.rs-modal-actions .btn-primary::before {
font-size: 16px;
margin-right: 10px;
}
}
.rs-modal-actions .custom-select[disabled],
.rs-modal-actions .btn-primary[disabled] {
opacity: 0.65;
}
.rs-modal-actions .btn-primary[disabled] {
cursor: not-allowed;
}
.rs-auth-card {
position: relative;
width: 100%;
max-width: 440px;
margin: 48px auto 0;
background-color: #FFFFFF;
border-radius: 20px;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
padding: 28px 24px 24px;
box-sizing: border-box;
overflow: hidden;
}
@media (min-width: 768px) {
.rs-auth-card {
margin-top: 72px;
padding: 48px 48px 40px;
}
}
.rs-auth-card::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: var(--gradient-navbar-border);
}
.rs-auth-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 26px;
line-height: 31px;
color: #1A1A1A;
text-transform: capitalize;
text-align: center;
margin: 0 0 12px;
}
@media (min-width: 768px) {
.rs-auth-title {
font-size: 32px;
line-height: 38px;
}
}
.rs-auth-intro {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #4A4A4A;
text-align: center;
margin: 0 0 24px;
}
@media (min-width: 768px) {
.rs-auth-intro {
font-size: 15px;
line-height: 24px;
}
}
.rs-auth-intro a {
color: var(--c-green) !important;
font-weight: 600;
text-decoration: none;
}
.rs-auth-intro a:hover,
.rs-auth-intro a:focus {
text-decoration: underline;
}
.rs-auth-field {
margin: 0 0 16px;
}
.rs-auth-field label {
display: block;
float: none;
width: 100%;
font-family: var(--font-body);
font-weight: 500;
font-size: 13px;
color: var(--c-eyebrow);
margin: 0 0 6px;
}
.rs-auth-field .form-control,
.rs-auth-field .custom-select {
width: 100%;
height: 46px;
padding: 0 14px;
font-family: var(--font-body);
font-size: 15px;
color: #1A1A1A;
background-color: #FFFFFF;
border: 1px solid #E9ECEF;
border-radius: 4px;
box-shadow: none;
}
@media (min-width: 768px) {
.rs-auth-field .form-control,
.rs-auth-field .custom-select {
height: 48px;
}
}
.rs-auth-field .custom-select {
padding-right: 32px;
}
.rs-auth-field .form-control:hover,
.rs-auth-field .custom-select:hover {
border-color: #C9C4B8;
}
.rs-auth-field .form-control:focus,
.rs-auth-field .custom-select:focus {
border-color: var(--c-green);
box-shadow: 0 0 0 3px rgba(6, 101, 67, 0.15);
}
.rs-auth-submit {
display: block;
width: 100%;
height: 46px;
margin: 8px 0 0;
background-color: var(--c-green);
border: 0;
border-radius: 2px;
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
letter-spacing: 0.02em;
text-transform: none;
cursor: pointer;
}
@media (min-width: 768px) {
.rs-auth-submit {
height: 48px;
}
}
.rs-auth-submit:hover,
.rs-auth-submit:focus {
background-color: #054D33;
}
.rs-auth-forgot {
margin: 20px 0 0;
text-align: center;
font-family: var(--font-body);
font-size: 14px;
color: var(--c-muted);
}
.rs-auth-forgot a {
color: var(--c-green) !important;
font-weight: 600;
text-decoration: none;
}
.rs-auth-forgot a:hover,
.rs-auth-forgot a:focus {
text-decoration: underline;
}
.rs-auth-alert .modal-content {
border: 0;
border-radius: 16px;
overflow: hidden;
}
.rs-auth-alert .modal-header {
border-bottom: 0;
padding: 16px 16px 0;
}
.rs-auth-alert .close {
width: 32px;
height: 32px;
margin: 0 0 0 auto;
padding: 0;
border: 0;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.06);
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
color: #1A1A1A;
text-shadow: none;
}
.rs-auth-alert .close:hover,
.rs-auth-alert .close:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #1A1A1A;
}
.rs-auth-alert .modal-body {
padding: 8px 24px 24px;
font-family: var(--font-body);
font-size: 15px;
line-height: 24px;
color: #1A1A1A;
text-align: center;
}
.rs-auth-alert .modal-body::before {
content: "";
display: block;
width: 8px;
height: 8px;
margin: 0 auto 12px;
border-radius: 50%;
background-color: #C0392B;
}
.rs-auth-alert .modal-footer {
border-top: 0;
padding: 0 24px 24px;
justify-content: center;
}
.rs-auth-alert .modal-footer .btn-primary {
background-color: #FFFFFF;
border: 1px solid #E9ECEF;
color: #1A1A1A;
border-radius: 2px;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
padding: 10px 24px;
}
.rs-auth-alert .modal-footer .btn-primary:hover,
.rs-auth-alert .modal-footer .btn-primary:focus {
background-color: #F5F3EE;
}
.rs-auth-alert-neutral .modal-content {
border: 0;
border-radius: 16px;
overflow: hidden;
}
.rs-auth-alert-neutral .modal-body {
padding: 24px 24px 24px;
font-family: var(--font-body);
font-size: 15px;
line-height: 24px;
color: #1A1A1A;
text-align: center;
}
.rs-auth-alert-neutral .modal-body::before {
content: "";
display: block;
width: 8px;
height: 8px;
margin: 0 auto 12px;
border-radius: 50%;
background-color: var(--c-gold);
}
.rs-auth-alert-neutral .modal-footer {
border-top: 0;
padding: 0 24px 24px;
justify-content: center;
}
.rs-auth-alert-neutral .modal-footer .btn-secondary {
background-color: #FFFFFF;
border: 1px solid #E9ECEF;
color: #1A1A1A;
border-radius: 2px;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
padding: 10px 24px;
}
.rs-auth-alert-neutral .modal-footer .btn-secondary:hover,
.rs-auth-alert-neutral .modal-footer .btn-secondary:focus {
background-color: #F5F3EE;
color: #1A1A1A;
}
.rs-auth-alert-neutral .modal-footer .btn-primary {
background-color: var(--c-green);
border: 0;
border-radius: 2px;
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
padding: 10px 24px;
}
.rs-auth-alert-neutral .modal-footer .btn-primary:hover,
.rs-auth-alert-neutral .modal-footer .btn-primary:focus {
background-color: #054D33 !important;
border-color: #054D33 !important;
color: #FFFFFF !important;
}
.rs-reg-card {
max-width: 760px;
}
.rs-reg-legend {
font-family: var(--font-body);
font-size: 13px;
color: var(--c-muted);
text-align: center;
margin: 0 0 24px;
}
.rs-reg-required-mark {
color: #C0392B;
}
.rs-reg-section {
margin: 0 0 36px;
}
.rs-reg-section-head {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 20px;
padding-bottom: 16px;
border-bottom: 2px solid var(--c-green);
}
.rs-reg-badge {
flex: none;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: rgba(6, 101, 67, 0.1);
color: var(--c-green);
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
}
.rs-reg-section-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #1A1A1A;
text-transform: none;
margin: 0;
}
@media (min-width: 768px) {
.rs-reg-section-title {
font-size: 20px;
line-height: 24px;
}
}
.rs-reg-row {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 0 0 16px;
}
.rs-reg-row:last-child {
margin-bottom: 0;
}
.rs-reg-field {
flex: 1 1 100%;
min-width: 0;
margin: 0;
}
@media (min-width: 768px) {
.rs-reg-field.w-half {
flex: 1 1 calc(50% - 8px);
}
.rs-reg-field.w-40 {
flex: 1 1 calc(40% - 8px);
}
.rs-reg-field.w-60 {
flex: 1 1 calc(60% - 8px);
}
}
.rs-reg-select-hint {
display: none;
margin-top: 6px;
font-family: var(--font-body);
font-size: 12px;
color: var(--c-muted);
}
.rs-reg-field select:disabled + .rs-reg-select-hint {
display: block;
}
.rs-auth-field .form-control:disabled,
.rs-reg-field .custom-select:disabled {
background-color: var(--c-tint);
color: #8A8A8A;
cursor: not-allowed;
}
.rs-reg-toggle {
background-color: var(--c-tint);
border-radius: 8px;
padding: 16px;
margin: 0 0 16px;
}
.rs-reg-toggle .custom-control-label {
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
color: #1A1A1A;
float: none;
display: block;
}
.rs-reg-toggle .custom-control-label::before {
border-radius: 4px;
border-color: #C9C4B8;
}
.rs-reg-toggle .custom-control-input:checked ~ .custom-control-label::before {
background-color: var(--c-green);
border-color: var(--c-green);
}
.rs-reg-toggle .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 3px rgba(6, 101, 67, 0.15);
}
.rs-reg-toggle-help {
margin: 6px 0 0 28px;
font-family: var(--font-body);
font-size: 13px;
color: var(--c-muted);
}
.rs-reg-toggle--inline {
margin-bottom: 20px;
}
.rs-reg-conditional {
display: none;
padding: 20px 0 4px 20px;
margin: 0 0 32px;
border-left: 2px solid var(--c-green);
}
.rs-reg-field .form-control.is-invalid,
.rs-reg-field .custom-select.is-invalid {
border-color: #C0392B;
}
.rs-reg-field .form-control.is-invalid:focus,
.rs-reg-field .custom-select.is-invalid:focus {
border-color: #C0392B;
box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.15);
}
.rs-reg-field .form-control.is-valid,
.rs-reg-field .custom-select.is-valid {
border-color: var(--c-green);
}
.rs-reg-field .invalid-feedback {
font-family: var(--font-body);
font-size: 12px;
color: #C0392B;
}
.rs-auth-submit:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.tb-carrello {
border-radius: 12px;
overflow: hidden;
}
.tb-carrello thead th {
padding: 14px 16px;
font-family: var(--font-body);
font-weight: 500;
font-size: 11.5px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--c-muted);
}
.tb-carrello tbody td {
padding: 14px 16px;
vertical-align: middle;
}
.tb-carrello tbody tr:hover td {
background: rgba(255, 255, 255, 0.025);
}
.tb-carrello img.img-fluid {
width: 56px;
height: 56px;
object-fit: cover;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.tb-carrello .btn-secondary {
width: 36px;
height: 36px;
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, 0.06);
color: var(--c-muted);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
}
.tb-carrello .btn-secondary:hover {
background: rgba(192, 57, 43, 0.16);
color: var(--c-error-soft);
}
.tb-carrello input[type="number"] {
width: 60px;
height: 38px;
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.04);
color: #FFFFFF;
}
.tb-carrello .in-sconto {
color: var(--c-gold);
font-weight: 600;
letter-spacing: 0.03em;
}
.rs-cart-price-full {
display: block;
font-size: 12px;
color: var(--c-muted);
font-weight: 400;
}
@media (max-width: 575.98px) {
.tb-carrello tr:has(img) {
display: grid;
grid-template-columns: 64px 1fr 1fr 1fr;
grid-template-areas:
"photo name name del"
"photo cad qty subtot";
column-gap: 10px;
row-gap: 10px;
align-items: center;
background: var(--c-panel);
border-radius: 12px;
padding: 14px;
margin: 0 12px 12px;
}
.tb-carrello tr:has(img) td {
padding: 0;
border-bottom: 0;
}
.tb-carrello tr:has(img) td:nth-child(1) {
grid-area: del;
justify-self: end;
align-self: start;
}
.tb-carrello tr:has(img) td:nth-child(1):not(:has(button)) {
display: none;
}
.tb-carrello tr:has(img):not(:has(button)) {
grid-template-areas:
"photo name name name"
"photo cad qty subtot";
}
.tb-carrello tr:has(img) td:nth-child(2) {
grid-area: name;
align-self: start;
font-size: 13.5px;
}
.tb-carrello tr:has(img) td:nth-child(3) {
grid-area: photo;
}
.tb-carrello tr:has(img) td:nth-child(4) {
grid-area: cad;
font-size: 12px;
color: var(--c-muted);
}
.tb-carrello tr:has(img) td:nth-child(5) {
grid-area: qty;
}
.tb-carrello tr:has(img) td:nth-child(6) {
grid-area: subtot;
justify-self: end;
font-weight: 600;
}
.tb-carrello .btn-secondary {
width: 30px;
height: 30px;
font-size: 11px;
}
.tb-carrello thead:has(th:not([colspan])) {
display: none;
}
.tb-carrello thead:has(th[colspan]),
.tb-carrello thead:has(th[colspan]) tr {
display: block;
}
.tb-carrello th[colspan] {
display: block;
margin: 4px 12px 12px;
padding: 10px 14px;
border-radius: 8px;
background: rgba(162, 144, 97, 0.12);
color: var(--c-gold);
font-weight: 600;
font-size: 11.5px;
letter-spacing: 0.03em;
text-transform: uppercase;
text-align: center;
}
.tb-carrello tr:has(td):not(:has(img)):not(:has(th)) {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 12px 4px;
margin-top: 4px;
border-top: 2px solid rgba(255, 255, 255, 0.12);
font-weight: 600;
font-size: 15px;
color: #FFFFFF;
}
.tb-carrello tr:has(td):not(:has(img)):not(:has(th)) td {
padding: 0;
border: 0;
}
.tb-carrello tr:has(td):not(:has(img)):not(:has(th)) td:empty {
display: none;
}
.tb-carrello tr:has(th[scope="row"]) {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 12px 4px;
margin-top: 4px;
border-top: 2px solid rgba(255, 255, 255, 0.12);
font-weight: 600;
font-size: 15px;
color: #FFFFFF;
}
.tb-carrello tr:has(th[scope="row"]) th {
padding: 0;
border: 0;
}
.tb-carrello tr:has(th[scope="row"]) td {
display: none;
}
.tb-carrello tr:has(th[scope="row"]) td:last-child {
display: block;
padding: 0;
border: 0;
}
}
.rs-cart-free {
color: var(--c-green-bright);
}
.rs-cart-empty {
max-width: 460px;
margin: 56px auto;
text-align: center;
}
.rs-cart-empty-icon {
width: 96px;
height: 96px;
margin: 0 auto 24px;
border-radius: 50%;
border: 1px solid var(--c-gold);
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.rs-cart-empty-icon::before {
content: "";
position: absolute;
inset: 6px;
border: 1px solid var(--c-gold);
border-radius: 50%;
}
.rs-cart-empty-icon i {
position: relative;
font-size: 30px;
color: var(--c-gold);
}
.rs-cart-empty-title {
margin: 0 0 12px;
font-family: var(--font-nav);
font-weight: 400;
font-size: 26px;
color: #FFFFFF;
}
.rs-cart-empty-text {
margin: 0 0 28px;
font-family: var(--font-body);
font-size: 15px;
line-height: 23px;
color: var(--c-muted);
}
.rs-cart-empty-cta {
display: inline-flex;
align-items: center;
gap: 10px;
height: 48px;
padding: 0 28px;
border-radius: 2px;
background: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
text-decoration: none;
}
a.rs-cart-empty-cta {
color: #FFFFFF !important;
}
.rs-cart-empty-cta:hover {
background: var(--c-green-dark);
color: #FFFFFF !important;
}
@media (max-width: 575.98px) {
.rs-cart-empty {
margin: 32px auto;
}
.rs-cart-empty-icon {
width: 80px;
height: 80px;
}
.rs-cart-empty-icon i {
font-size: 24px;
}
.rs-cart-empty-title {
font-size: 21px;
}
.rs-cart-empty-text {
font-size: 14px;
}
.rs-cart-empty-cta {
width: 100%;
justify-content: center;
}
}
.rs-cart-auth-row {
display: flex;
gap: 20px;
margin: 0 0 28px;
}
.rs-cart-auth-choice {
flex: 1;
display: flex;
align-items: center;
gap: 16px;
background: #FFFFFF;
border-radius: 12px;
padding: 20px 22px;
text-decoration: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
.rs-cart-auth-choice:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
text-decoration: none;
}
.rs-cart-auth-badge {
flex: none;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(6, 101, 67, 0.1);
color: var(--c-green);
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
}
.rs-cart-auth-text {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
}
.rs-cart-auth-title {
margin: 0;
font-family: var(--font-nav);
font-weight: 400;
font-size: 18px;
color: #1A1A1A;
text-transform: none;
}
.rs-cart-auth-sub {
margin: 2px 0 0;
font-family: var(--font-body);
font-size: 12.5px;
color: var(--c-muted);
}
.rs-cart-auth-arrow {
margin-left: auto;
color: #C9C4B8;
font-size: 14px;
}
@media (max-width: 575.98px) {
.rs-cart-auth-row {
flex-direction: column;
gap: 12px;
}
}
button[onclick="modQuantitaCarrello()"] {
display: inline-flex;
align-items: center;
gap: 8px;
height: 44px;
padding: 0 22px;
border-radius: 2px;
border: 0;
background: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
}
button[onclick="modQuantitaCarrello()"].btn-primary:hover,
button[onclick="modQuantitaCarrello()"].btn-primary:focus,
button[onclick="modQuantitaCarrello()"].btn-primary:active {
background: var(--c-green-dark) !important;
border-color: var(--c-green-dark) !important;
color: #FFFFFF !important;
}
.rs-cart-summary {
background: var(--c-panel);
border-radius: 16px;
padding: 32px;
margin-top: 8px;
}
.rs-cart-summary-legal {
margin: 0 0 20px;
font-family: var(--font-body);
font-size: 12.5px;
line-height: 19px;
color: var(--c-muted);
text-align: center;
}
.rs-cart-summary-legal a {
color: var(--c-gold);
}
.rs-cart-summary-pay {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin: 0 0 24px;
}
.rs-cart-minwarn {
max-width: 420px;
margin: 0 auto 14px;
padding: 12px 16px;
border-radius: 8px;
background: rgba(192, 57, 43, 0.12);
border: 1px solid rgba(192, 57, 43, 0.3);
font-family: var(--font-body);
font-size: 13px;
line-height: 19px;
color: var(--c-error-soft);
text-align: center;
}
.rs-cart-minwarn b {
color: #FFFFFF;
}
.rs-cart-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
max-width: 420px;
margin: 0 auto;
height: 52px;
border: 0;
border-radius: 2px;
background: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 15px;
letter-spacing: 0.02em;
text-decoration: none;
}
a.rs-cart-cta {
color: #FFFFFF !important;
}
.rs-cart-cta:hover,
.rs-cart-cta:focus {
background: var(--c-green-dark);
color: #FFFFFF !important;
}
.rs-cart-cta.is-disabled,
.rs-cart-cta:disabled {
opacity: 0.5;
cursor: not-allowed;
}
@media (max-width: 575.98px) {
.rs-cart-summary {
padding: 22px 18px;
}
}
.rs-success-modal .modal-content {
border: 0;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}
.rs-success-modal .modal-header {
display: flex;
justify-content: flex-end;
border-bottom: 0;
padding: 16px 16px 0;
}
.rs-success-modal .close {
width: 32px;
height: 32px;
margin: 0 0 0 auto;
padding: 0;
border: 0;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.06);
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
color: #1A1A1A;
text-shadow: none;
}
.rs-success-modal .close:hover,
.rs-success-modal .close:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #1A1A1A;
}
.rs-success-modal .close span {
color: inherit;
font-size: inherit;
letter-spacing: normal;
text-align: center;
width: auto;
}
.rs-success-modal .modal-body {
padding: 8px 36px 32px;
text-align: center;
}
.rs-success-icon {
width: 64px;
height: 64px;
margin: 0 auto 20px;
border-radius: 50%;
background: rgba(6, 101, 67, 0.1);
color: var(--c-green);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
.rs-success-title {
margin: 0 0 8px;
font-family: var(--font-nav);
font-weight: 400;
font-size: 22px;
color: #1A1A1A;
text-transform: none;
}
.rs-success-text {
margin: 0 0 28px;
font-family: var(--font-body);
font-size: 14px;
line-height: 21px;
color: #6A6A6A;
}
.rs-success-actions {
display: flex;
flex-direction: column;
gap: 10px;
}
.rs-success-secondary {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 46px;
border-radius: 2px;
border: 1px solid var(--c-border-input);
background: #FFFFFF;
color: #1A1A1A;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
text-decoration: none;
}
.rs-success-secondary:hover {
background: #F5F3EE;
color: #1A1A1A;
}
.rs-success-primary {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 48px;
border-radius: 2px;
background: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
text-decoration: none;
}
.rs-success-primary:hover {
background: var(--c-green-dark);
color: #FFFFFF;
}
@media (max-width: 575.98px) {
.rs-success-modal .modal-body {
padding: 8px 24px 24px;
}
}
#ordini .rs-orders-head {
text-align: center;
}
#ordini .rs-orders-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 26px;
line-height: 32px;
color: #FFFFFF;
text-transform: none;
margin: 0 0 10px;
}
#ordini .rs-orders-intro {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: var(--c-muted);
text-align: center;
max-width: 620px;
margin: 0 auto;
padding: 0;
}
@media (min-width: 768px) {
#ordini .rs-orders-title {
font-size: 32px;
line-height: 38px;
}
#ordini .rs-orders-intro {
font-size: 15px;
line-height: 24px;
}
}
.rs-orders-empty {
font-family: var(--font-nav);
font-weight: 400;
font-style: italic;
font-size: 20px;
color: var(--c-muted);
padding: 24px 0;
}
.rs-order-card {
max-width: 720px;
margin: 0 auto 16px;
background-color: #FFFFFF;
border: 0;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.rs-order-card .rs-order-card-head {
padding: 13px 22px;
background-color: var(--c-tint);
border-bottom: 1px solid #ECECEC;
font-family: var(--font-body);
font-weight: 400;
font-size: 12.5px;
letter-spacing: 0.02em;
color: var(--c-eyebrow);
}
.rs-order-card .rs-order-card-body {
padding: 20px 22px 22px;
}
.rs-order-card .rs-order-card-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #1A1A1A;
text-transform: none;
text-align: left;
margin: 0 0 12px;
}
.rs-order-card .rs-order-card-body hr {
border: 0;
border-top: 1px solid #ECECEC;
margin: 14px 0;
}
.rs-order-facts .rs-order-fact,
.rs-order-summary .col {
padding: 6px 12px;
font-family: var(--font-body);
font-size: 11.5px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--c-eyebrow);
}
.rs-order-facts .rs-order-fact b,
.rs-order-summary .col b {
display: block;
margin-top: 3px;
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
letter-spacing: 0;
text-transform: none;
color: #1A1A1A;
}
.rs-order-actions {
margin-top: 4px;
}
.rs-order-details-btn.btn-primary {
background-color: var(--c-green);
border-color: var(--c-green);
border-radius: 2px;
font-family: var(--font-body);
font-weight: 500;
font-size: 13px;
text-transform: none;
padding: 10px 24px;
}
.rs-order-details-btn.btn-primary:hover,
.rs-order-details-btn.btn-primary:focus,
.rs-order-details-btn.btn-primary:active {
background-color: var(--c-green-dark) !important;
border-color: var(--c-green-dark) !important;
}
.rs-order-modal .modal-content {
border: 0;
border-radius: 16px;
overflow: hidden;
}
.rs-order-modal .modal-header {
background-color: var(--c-tint);
border-bottom: 1px solid #ECECEC;
}
.rs-order-modal .modal-header .modal-title {
font-family: var(--font-nav);
font-weight: 400;
color: #1A1A1A;
}
.rs-order-modal .modal-footer {
border-top: 1px solid #ECECEC;
}
.rs-order-modal .modal-footer .btn-secondary {
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
border-radius: 2px;
font-family: var(--font-body);
font-weight: 500;
font-size: 13px;
text-transform: none;
color: #1A1A1A;
}
.rs-order-modal .close {
width: 32px;
height: 32px;
margin: 0 0 0 auto;
padding: 0;
border: 0;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.06);
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
color: #1A1A1A;
text-shadow: none;
}
.rs-order-modal .close:hover,
.rs-order-modal .close:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #1A1A1A;
}
.rs-order-modal .close span {
color: inherit;
font-size: inherit;
letter-spacing: normal;
text-align: center;
width: auto;
}
.rs-esito-card {
max-width: 720px;
margin: 0 auto;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
padding: 32px 28px;
}
@media (min-width: 768px) {
.rs-esito-card {
padding: 44px 56px;
}
}
.rs-esito-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #1A1A1A;
text-transform: none;
margin: 0 0 20px;
}
@media (min-width: 768px) {
.rs-esito-title {
font-size: 28px;
line-height: 34px;
}
}
.rs-esito-title--error {
color: var(--c-error);
}
.rs-esito-text {
font-family: var(--font-body);
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #333333;
text-align: left;
}
@media (min-width: 768px) {
.rs-esito-text {
font-size: 15px;
line-height: 24px;
}
}
.rs-esito-text b {
color: var(--c-green);
font-weight: 600;
}
.rs-esito-text .rs-esito-highlight {
display: block;
background-color: var(--c-tint);
border-radius: 8px;
padding: 14px 16px;
margin: 4px 0;
color: #1A1A1A;
font-weight: 600;
}
#carrello .rs-checkout-title,
#resume .rs-checkout-subtitle {
font-family: var(--font-nav);
font-weight: 400;
color: #FFFFFF;
text-transform: none;
text-align: center;
}
#carrello .rs-checkout-title {
font-size: 26px;
line-height: 32px;
margin: 0 0 24px;
}
#resume .rs-checkout-subtitle {
font-size: 20px;
line-height: 26px;
margin: 32px 0 16px;
}
@media (min-width: 768px) {
#carrello .rs-checkout-title {
font-size: 32px;
line-height: 38px;
}
}
.rs-checkout-panel {
max-width: 720px;
margin: 24px auto 0;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
padding: 20px 22px 22px;
}
.rs-checkout-panel-head {
display: flex;
align-items: center;
gap: 10px;
}
.rs-checkout-panel-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #1A1A1A;
text-transform: none;
margin: 0;
}
.rs-checkout-discount-info {
flex: none;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 50%;
background-color: var(--c-green);
color: #FFFFFF;
font-size: 12px;
cursor: pointer;
}
.rs-checkout-discount-info:hover,
.rs-checkout-discount-info:focus {
background-color: var(--c-green-dark);
color: #FFFFFF;
}
.rs-checkout-panel-note {
font-family: var(--font-body);
font-size: 13px;
line-height: 19px;
color: var(--c-eyebrow);
margin: 8px 0 16px;
}
.rs-checkout-discount-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.rs-checkout-discount-row .form-control {
flex: 1 1 200px;
height: 44px;
padding: 0 14px;
font-family: var(--font-body);
font-size: 15px;
color: #1A1A1A;
border: 1px solid #E9ECEF;
border-radius: 4px;
}
.rs-checkout-discount-row .form-control:focus {
border-color: var(--c-green);
box-shadow: 0 0 0 3px rgba(6, 101, 67, 0.15);
}
.rs-checkout-discount-apply {
flex: 0 0 auto;
border: 0;
border-radius: 2px;
background-color: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 13px;
padding: 10px 20px;
cursor: pointer;
}
.rs-checkout-discount-apply:hover,
.rs-checkout-discount-apply:focus {
background-color: var(--c-green-dark);
}
.rs-checkout-recap {
max-width: 720px;
margin: 0 auto;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
padding: 6px 22px;
overflow: hidden;
}
.rs-checkout-recap-table {
margin: 0;
color: #1A1A1A;
}
.rs-checkout-recap-table td {
border-top: 1px solid #ECECEC;
padding: 10px 8px;
font-family: var(--font-body);
font-size: 13.5px;
line-height: 19px;
vertical-align: top;
word-break: break-word;
}
.rs-checkout-recap-table tr:first-child td {
border-top: 0;
font-family: var(--font-nav);
font-size: 15px;
}
.rs-checkout-recap-table b {
color: var(--c-eyebrow);
font-weight: 500;
}
.rs-checkout-recap-table tr:first-child b {
color: #1A1A1A;
font-weight: 400;
}
#resume .rs-checkout-form {
max-width: 720px;
margin: 24px auto 0;
}
#resume .rs-auth-field textarea.form-control {
height: auto;
min-height: 84px;
padding: 12px 14px;
}
.rs-checkout-conosciuto-extra {
margin-top: 10px;
}
.rs-checkout-conosciuto-extra .input-group + .input-group {
margin-top: 10px;
}
.rs-checkout-pay-logo {
text-align: center;
margin: 28px 0 16px;
}
.rs-checkout-pay-logo img {
max-width: 160px;
height: auto;
}
.rs-checkout-pay-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.rs-checkout-pay-btn {
flex: 1 1 220px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 64px;
padding: 12px 20px;
border: 0;
border-radius: 4px;
background-color: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 600;
font-size: 15px;
text-transform: none;
cursor: pointer;
}
.rs-checkout-pay-btn:hover,
.rs-checkout-pay-btn:focus {
background-color: var(--c-green-dark);
color: #FFFFFF;
}
.rs-checkout-modal .modal-content {
border: 0;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}
.rs-checkout-modal .modal-body {
padding: 24px;
font-family: var(--font-body);
font-size: 14px;
line-height: 21px;
color: #1A1A1A;
}
.rs-checkout-modal .modal-body h1 {
font-family: var(--font-nav);
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #1A1A1A;
text-transform: none;
margin: 0 0 8px;
}
.rs-checkout-modal .modal-body p {
margin: 0;
padding: 0;
text-align: left;
}
.rs-checkout-modal .modal-footer {
border-top: 1px solid #ECECEC;
justify-content: center;
}
.rs-checkout-modal .modal-footer .btn-secondary {
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
border-radius: 2px;
font-family: var(--font-body);
font-weight: 500;
font-size: 13px;
text-transform: none;
color: #1A1A1A;
}
.rs-checkout-modal .modal-footer .btn-secondary:hover,
.rs-checkout-modal .modal-footer .btn-secondary:focus {
background-color: #F5F3EE;
}
.rs-discount-msg {
display: block;
text-align: center;
font-family: var(--font-body);
font-weight: 700;
line-height: 22px;
}
.rs-discount-msg--error {
color: var(--c-error);
}
.rs-discount-msg--ok {
color: var(--c-green);
}
.rs-reco {
max-width: 1000px;
margin: 40px auto 8px;
}
.rs-reco-title {
font-family: var(--font-nav);
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #FFFFFF;
text-transform: none;
text-align: center;
margin: 0 0 20px;
}
@media (min-width: 768px) {
.rs-reco-title {
font-size: 26px;
line-height: 32px;
}
}
.rs-reco-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
@media (min-width: 768px) {
.rs-reco-grid {
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
}
.rs-reco-card {
display: flex;
flex-direction: column;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
overflow: hidden;
padding: 12px 12px 14px;
}
.rs-reco .rs-reco-card-link {
display: block;
text-decoration: none;
}
.rs-reco .rs-reco-card-link:hover,
.rs-reco .rs-reco-card-link:focus {
text-decoration: none;
}
.rs-reco-card-media {
display: flex;
align-items: center;
justify-content: center;
height: 140px;
}
.rs-reco-card-media img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.rs-reco-card-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 38px;
margin: 10px 0 0;
font-family: var(--font-body);
font-weight: 500;
font-size: 13px;
line-height: 19px;
color: #1A1A1A;
}
.rs-reco-card-price {
margin: 8px 0 12px;
font-family: var(--font-body);
font-size: 14px;
text-align: left;
color: var(--c-muted);
}
.rs-reco-card-price del {
margin-right: 4px;
}
.rs-reco-card-price .prezzoPromo {
font-family: var(--font-body);
font-size: 16px;
color: #1A1A1A;
}
.rs-reco-card-add {
margin-top: auto;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
padding: 9px 10px;
border: 0;
border-radius: 2px;
background-color: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 12px;
line-height: 1.2;
text-transform: none;
cursor: pointer;
}
.rs-reco-card-add:hover,
.rs-reco-card-add:focus {
background-color: var(--c-green-dark);
color: #FFFFFF;
}
#about .content-prodotto {
max-width: 620px;
margin: 0 auto;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
padding: 28px 24px 32px;
}
@media (min-width: 768px) {
#about .content-prodotto {
padding: 40px 40px 36px;
}
}
#about .content-prodotto h4 {
font-family: var(--font-nav);
font-weight: 400;
font-size: 24px;
line-height: 30px;
color: #1A1A1A;
text-transform: none;
margin: 0 0 6px;
}
#about .content-prodotto h5 {
font-family: var(--font-body);
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #6B6B6B;
margin: 0 0 20px;
}
#about .content-prodotto p {
font-family: var(--font-body);
font-size: 14px;
line-height: 22px;
color: #333333;
text-align: left;
padding: 0;
}
#about .content-prodotto .carousel {
margin: 8px 0 4px;
}
#about .content-prodotto .carousel-indicators li {
background-color: rgba(0, 0, 0, 0.22);
}
#about .content-prodotto .carousel-indicators li.active {
background-color: #1A1A1A;
}
#about .content-prodotto .carousel-control-prev-icon,
#about .content-prodotto .carousel-control-next-icon {
filter: invert(1) grayscale(1);
}
#about .content-prodotto .panel-default {
border: 1px solid #ECECEC;
border-radius: 8px;
overflow: hidden;
}
#about .content-prodotto .panel-heading {
padding: 0;
background-color: var(--c-tint);
}
#about .content-prodotto .panel-title a {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
text-decoration: none;
}
#about .content-prodotto .panel-title a .rs-panel-label {
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
color: #1A1A1A;
}
#about .content-prodotto .panel-title a i {
color: #6B6B6B;
font-size: 12px;
}
#about .content-prodotto .panel-body {
padding: 14px 16px;
font-family: var(--font-body);
font-size: 13.5px;
line-height: 21px;
color: #333333;
}
#about .content-prodotto ul.list-inline {
margin: 22px 0 0;
padding: 0;
list-style: none;
font-family: var(--font-body);
font-size: 16px;
color: #1A1A1A;
text-align: center;
}
#about .content-prodotto ul.list-inline del {
color: var(--c-muted);
font-size: 13px;
}
#about .content-prodotto ul.list-inline b {
font-size: 14px;
font-weight: 400;
color: var(--c-muted);
}
#about .content-prodotto .prezzoPromo {
font-weight: 600;
color: var(--c-green);
}
#about .content-prodotto .row.mt-4 .text-right {
color: #1A1A1A;
}
#about .content-prodotto .custom-select {
height: 46px;
padding: 0 32px 0 14px;
font-family: var(--font-body);
font-size: 15px;
color: #1A1A1A;
background-color: #FFFFFF;
border: 1px solid #E9ECEF;
border-radius: 4px;
}
#about .content-prodotto .custom-select:focus {
border-color: var(--c-green);
box-shadow: 0 0 0 3px rgba(6, 101, 67, 0.15);
}
#about .rs-prodotto-add {
display: block;
width: 100%;
max-width: 320px;
margin: 4px auto 0;
padding: 12px 20px;
border: 0;
border-radius: 2px;
background-color: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
letter-spacing: 0.02em;
text-transform: none;
cursor: pointer;
}
#about .rs-prodotto-add:hover,
#about .rs-prodotto-add:focus {
background-color: var(--c-green-dark);
color: #FFFFFF;
}
#about .rs-prodotto-add:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.rs-gift-cta {
display: inline-block;
margin: 6px auto 24px;
padding: 12px 26px;
border: 0;
border-radius: 2px;
background-color: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.02em;
text-transform: none;
text-decoration: none;
cursor: pointer;
}
.rs-gift-cta:hover,
.rs-gift-cta:focus {
background-color: var(--c-green-dark);
color: #FFFFFF;
}
.rs-gift-cta span {
color: #FFFFFF;
}
a.rs-gift-cta,
a.rs-gift-cta:hover,
a.rs-gift-cta:focus {
text-decoration: none;
}
.my-card-res {
max-width: 720px;
margin: 40px auto;
padding: 24px 28px;
border-radius: 12px;
background-color: #FFFFFF;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
color: #333333;
text-shadow: none;
font-family: var(--font-body);
font-size: 14px;
line-height: 22px;
text-align: center;
}
.my-card-res a {
font-weight: 600;
}
.rs-gift-bar[hidden],
.rs-gift-bar-m[hidden],
.rs-gift-drawer[hidden],
.rs-gift-toast[hidden] {
display: none;
}
#rsGiftPage .more-info-mobile {
display: none;
}
.rs-gift-cathead {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 18px;
text-align: left;
}
.rs-gift-cathead .ln {
height: 1px;
background: var(--c-gold);
flex: 0 0 32px;
}
.rs-gift-cathead .ln.grow {
flex: 1;
opacity: 0.3;
}
.rs-gift-cathead h3 {
margin: 0;
font-family: var(--font-nav);
font-weight: 400;
font-size: 22px;
color: var(--c-gold);
text-transform: none;
text-align: left;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-add {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
width: 100%;
height: 38px;
border: 0;
border-radius: 2px;
background: var(--c-green);
color: #FFFFFF;
font-family: var(--font-body);
font-weight: 500;
font-size: 12.5px;
text-transform: none;
cursor: pointer;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-add:hover,
#portfolio .portfolio-item .portfolio-caption .rs-gift-add:focus {
background: var(--c-green-dark);
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-add:focus-visible {
outline: 2px solid var(--c-green-bright);
outline-offset: 2px;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-add:disabled {
background: #D9D9D9;
color: #8A8A8A;
cursor: not-allowed;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-add.is-loading {
background: var(--c-green-dark);
cursor: wait;
}
.rs-gift-spin {
width: 12px;
height: 12px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #FFFFFF;
border-radius: 50%;
animation: rsGiftSpin 0.7s linear infinite;
}
@keyframes rsGiftSpin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.rs-gift-spin {
animation: none;
}
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
width: 100%;
height: 38px;
border: 1.5px solid var(--c-green);
border-radius: 2px;
background: rgba(6, 101, 67, 0.08);
color: var(--c-green);
font-family: var(--font-body);
font-weight: 500;
font-size: 12.5px;
text-transform: none;
cursor: pointer;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:hover,
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:focus-visible {
border-color: var(--c-error);
background: rgba(192, 57, 43, 0.08);
color: var(--c-error);
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:focus-visible {
outline: 2px solid var(--c-error);
outline-offset: 2px;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added .on-default,
#portfolio .portfolio-item .portfolio-caption .rs-gift-added .on-hover {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: normal;
text-align: center;
text-transform: none;
width: auto;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added .on-hover {
display: none;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:hover .on-default,
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:focus-visible .on-default {
display: none;
}
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:hover .on-hover,
#portfolio .portfolio-item .portfolio-caption .rs-gift-added:focus-visible .on-hover {
display: inline-flex;
align-items: center;
gap: 7px;
}
.rs-thumb {
width: 52px;
height: 52px;
flex: none;
border-radius: 8px;
overflow: hidden;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.35);
font-size: 14px;
}
.rs-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rs-del {
width: 32px;
height: 32px;
flex: none;
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, 0.06);
color: var(--c-muted);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 12px;
}
.rs-del:hover,
.rs-del:focus-visible {
background: rgba(192, 57, 43, 0.16);
color: #E8A9A0;
}
.rs-del:focus-visible {
outline: 2px solid var(--c-error);
outline-offset: 2px;
}
.rs-gift-row {
display: flex;
align-items: center;
gap: 12px;
padding: 11px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.rs-gift-row-name {
flex: 1;
font-family: var(--font-body);
font-size: 13.5px;
color: #FFFFFF;
text-transform: none;
line-height: 17px;
text-align: left;
}
.rs-gift-row-price {
font-family: var(--font-body);
font-weight: 600;
font-size: 13.5px;
color: #FFFFFF;
white-space: nowrap;
}
.rs-gift-empty {
margin: auto;
text-align: center;
padding: 30px 10px;
}
.rs-gift-empty i {
font-size: 24px;
color: var(--c-gold);
margin-bottom: 10px;
display: block;
}
.rs-gift-empty p {
margin: 0 auto;
font-family: var(--font-body);
font-size: 12.5px;
line-height: 18px;
color: var(--c-muted);
max-width: 220px;
text-align: center;
}
#rsGiftPage #portfolio {
padding-bottom: 90px;
}
@media (max-width: 767.98px) {
#rsGiftPage #portfolio {
padding-bottom: 74px;
}
}
.rs-gift-bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1020;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 18px;
height: 74px;
padding: 0 40px;
background: var(--c-panel);
border-top: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
}
.rs-gift-bar-trigger {
display: flex;
align-items: center;
gap: 13px;
background: none;
border: 0;
cursor: pointer;
color: #FFFFFF;
font-family: var(--font-body);
padding: 6px;
margin: -6px;
border-radius: 8px;
text-align: left;
}
.rs-gift-bar-trigger:focus-visible {
outline: 2px solid var(--c-green-bright);
outline-offset: 2px;
}
.rs-gift-bar-icon {
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(162, 144, 97, 0.18);
color: var(--c-gold);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
position: relative;
flex: none;
}
.rs-gift-bar-count {
position: absolute;
top: -4px;
right: -4px;
width: 17px;
height: 17px;
border-radius: 50%;
background: var(--c-green);
color: #FFFFFF;
font-size: 9.5px;
font-weight: 700;
letter-spacing: normal;
display: flex;
align-items: center;
justify-content: center;
}
.rs-gift-bar-text {
text-align: left;
color: #FFFFFF;
font-weight: normal;
letter-spacing: normal;
text-transform: none;
width: auto;
}
.rs-gift-bar-text b {
display: block;
color: #FFFFFF;
font-size: 14.5px;
font-weight: 600;
letter-spacing: normal;
width: auto;
}
.rs-gift-bar-text span {
display: block;
font-family: var(--font-body);
font-size: 12px;
color: var(--c-muted);
letter-spacing: normal;
width: auto;
margin-top: 1px;
}
.rs-gift-bar-chevron {
color: var(--c-muted);
font-size: 11px;
margin-left: 2px;
}
.rs-gift-bar .rs-gift-cta,
.rs-gift-bar-m .rs-gift-cta {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
flex: none;
}
.rs-gift-bar-m {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1020;
display: none;
align-items: center;
justify-content: flex-end;
gap: 10px;
height: 58px;
padding: 0 14px;
background: var(--c-panel);
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.rs-gift-bar-m .rs-gift-bar-trigger {
flex: 0 1 auto;
gap: 10px;
min-width: 0;
}
.rs-gift-bar-m .rs-gift-bar-icon {
width: 34px;
height: 34px;
font-size: 13px;
}
.rs-gift-bar-m .rs-gift-bar-text {
min-width: 0;
overflow: hidden;
}
.rs-gift-bar-m .rs-gift-bar-text b {
font-size: 12.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rs-gift-bar-m .rs-gift-bar-text span {
font-size: 10.5px;
}
.rs-gift-bar-m .rs-gift-cta {
padding: 10px 16px;
font-size: 12.5px;
}
@media (max-width: 767.98px) {
.rs-gift-bar {
display: none;
}
.rs-gift-bar-m {
display: flex;
}
}
.rs-gift-drawer {
position: fixed;
left: 0;
right: 0;
bottom: 74px;
z-index: 1015;
max-height: 420px;
background: var(--c-panel);
border-top: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.4);
display: flex;
flex-direction: column;
}
.rs-gift-sheet-handle {
display: none;
}
.rs-gift-drawer-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px 14px;
flex: none;
}
.rs-gift-drawer-head h3 {
margin: 0;
font-family: var(--font-nav);
font-weight: 400;
font-size: 19px;
color: #FFFFFF;
text-transform: none;
text-align: left;
}
.rs-gift-drawer-close {
width: 30px;
height: 30px;
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, 0.08);
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 12px;
flex: none;
}
.rs-gift-drawer-close:focus-visible {
outline: 2px solid var(--c-green-bright);
outline-offset: 2px;
}
.rs-gift-drawer-list {
overflow-y: auto;
padding: 0 40px;
flex: 1;
display: flex;
flex-direction: column;
}
.rs-gift-drawer-total {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 40px 22px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 8px;
flex: none;
}
.rs-gift-drawer-total span:first-child {
font-family: var(--font-body);
font-size: 13px;
color: var(--c-muted);
}
.rs-gift-drawer-total span:last-child {
font-family: var(--font-nav);
font-size: 24px;
color: #FFFFFF;
}
@media (max-width: 767.98px) {
.rs-gift-drawer {
bottom: 58px;
max-height: calc(100vh - var(--navbar-height) - 58px - 16px);
border-radius: 18px 18px 0 0;
}
.rs-gift-sheet-handle {
display: block;
width: 34px;
height: 4px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.25);
margin: 10px auto 2px;
flex: none;
}
.rs-gift-drawer-head,
.rs-gift-drawer-list,
.rs-gift-drawer-total {
padding-left: 18px;
padding-right: 18px;
}
}
.rs-gift-toast {
position: fixed;
top: calc(var(--navbar-height) + 24px);
right: 24px;
z-index: 1021;
width: 308px;
background: #FFFFFF;
border-radius: 12px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
padding: 16px 16px 14px;
display: flex;
gap: 12px;
overflow: hidden;
}
.rs-gift-toast-icon {
flex: none;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(6, 101, 67, 0.1);
color: var(--c-green);
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.rs-gift-toast-body {
flex: 1;
text-align: left;
}
.rs-gift-toast-body b {
display: block;
font-family: var(--font-body);
font-size: 13px;
color: #1A1A1A;
text-transform: none;
}
.rs-gift-toast-body span {
display: block;
font-family: var(--font-body);
font-size: 12px;
color: #6A6A6A;
letter-spacing: normal;
text-transform: none;
width: auto;
margin-top: 2px;
}
.rs-gift-toast-body a {
display: inline-block;
margin-top: 6px;
font-family: var(--font-body);
font-weight: 600;
font-size: 12px;
color: var(--c-green);
text-decoration: none;
}
.rs-gift-toast-close {
margin-left: auto;
flex: none;
width: 20px;
height: 20px;
border: 0;
background: none;
color: #9A9A9A;
cursor: pointer;
font-size: 11px;
align-self: flex-start;
}
.rs-gift-toast-bar {
position: absolute;
left: 0;
bottom: 0;
height: 3px;
background: var(--c-green);
width: 100%;
animation: rsGiftToastBar 2.5s linear forwards;
}
@keyframes rsGiftToastBar {
from {
width: 100%;
}
to {
width: 0%;
}
}
@media (prefers-reduced-motion: reduce) {
.rs-gift-toast-bar {
animation: none;
}
}
@media (max-width: 767.98px) {
.rs-gift-toast {
top: calc(var(--navbar-height) + 12px);
left: 12px;
right: 12px;
width: auto;
}
}
#faq .rs-faq-wrap {
max-width: 820px;
margin: 0 auto;
padding-bottom: 40px;
}
#faq .rs-faq-intro {
font-family: var(--font-body);
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
text-align: left;
color: var(--c-muted);
margin: 0 0 32px;
}
#faq .rs-faq-list {
margin: 0;
padding: 0;
}
#faq .rs-faq-item {
padding: 24px 0;
border-top: 1px solid var(--c-eyebrow);
}
#faq .rs-faq-item:last-child {
border-bottom: 1px solid var(--c-eyebrow);
}
#faq .rs-faq-q {
font-family: var(--font-nav);
font-weight: 400;
font-size: 20px;
line-height: 26px;
letter-spacing: 0;
text-transform: none;
text-align: left;
color: var(--c-gold);
margin: 0 0 10px;
}
#faq .rs-faq-a {
font-family: var(--font-body);
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 26px;
letter-spacing: 0;
text-align: left;
color: var(--c-muted);
margin: 0;
}
@media (min-width: 768px) {
#faq .rs-faq-intro {
font-size: 17px;
line-height: 28px;
}
#faq .rs-faq-item {
padding: 28px 0;
}
#faq .rs-faq-q {
font-size: 23px;
line-height: 30px;
}
#faq .rs-faq-a {
font-size: 17px;
line-height: 28px;
}
}
@media (min-width: 992px) {
#faq .rs-faq-q {
font-size: 25px;
line-height: 32px;
}
}
#condizioni_vendita .container {
max-width: 900px;
}
#condizioni_vendita > .container > br {
display: none;
}
#condizioni_vendita .section-heading {
margin-bottom: 8px;
}
#condizioni_vendita h6:not([id]) {
font-family: var(--font-nav);
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--c-muted);
margin: 0 0 14px;
}
#condizioni_vendita .row:not(.txtCondizioni) ul {
list-style: none;
padding-left: 0;
margin: 0;
}
#condizioni_vendita .row:not(.txtCondizioni) ul li {
padding: 5px 0;
border-bottom: 1px solid var(--c-eyebrow);
}
#condizioni_vendita .row:not(.txtCondizioni) ul li:last-child {
border-bottom: none;
}
#condizioni_vendita .txtCondizioni h6[id] {
font-family: var(--font-nav);
font-weight: 600;
font-size: 20px;
line-height: 27px;
letter-spacing: 0;
text-transform: none;
margin: 0 0 4px;
scroll-margin-top: calc(var(--navbar-height) + 20px);
}
#condizioni_vendita .txtCondizioni h6[id] strong {
font-weight: inherit;
}
#condizioni_vendita .txtCondizioni p,
#condizioni_vendita .txtCondizioni li {
font-family: var(--font-body);
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: var(--c-muted);
}
#condizioni_vendita .txtCondizioni ol,
#condizioni_vendita .txtCondizioni ul {
padding-left: 1.3em;
margin: 8px 0 0;
}
#condizioni_vendita .txtCondizioni li {
margin-bottom: 8px;
}
#condizioni_vendita .txtCondizioni > .col-12 {
padding-top: 22px;
padding-bottom: 6px;
border-top: 1px solid var(--c-eyebrow);
}
@media (min-width: 768px) {
#condizioni_vendita .txtCondizioni h6[id] {
font-size: 22px;
line-height: 29px;
}
#condizioni_vendita .txtCondizioni > .col-12 {
padding-top: 28px;
}
}