/* Estratto automaticamente dal CSS della Home: componenti di navigazione e drawer. */
body.rp-about-page{--edge-gap:8px;}
@media(max-width:759px){body.rp-about-page{--edge-gap:7px;}}
body.rp-about-page .site-header {position: fixed; inset: 0px 0px auto; z-index: 700; height: var(--header-h); display: flex; align-items: center; background: linear-gradient(rgba(6, 6, 6, 0.82), rgba(6, 6, 6, 0.28), transparent); backdrop-filter: blur(10px); transition: background var(--mid),transform var(--mid);}
body.rp-about-page .header-inner {width: min(calc(100% - 28px),var(--max)); margin: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem;}
body.rp-about-page .brand {font-family: var(--serif); font-size: clamp(1.05rem, 2vw, 1.55rem); letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap;}
body.rp-about-page .header-actions {justify-self: end; display: flex; align-items: center; gap: 0.25rem;}
body.rp-about-page .icon-btn, body.rp-about-page .text-btn {background: transparent; color: var(--ink); min-height: 44px; border-radius: 999px; cursor: pointer; transition: background var(--fast),color var(--fast),transform var(--fast);}
body.rp-about-page .icon-btn {width: 44px; display: grid; place-items: center; position: relative;}
body.rp-about-page .icon-btn:hover, body.rp-about-page .text-btn:hover {background: rgba(255, 255, 255, 0.08);}
body.rp-about-page .icon-btn:active, body.rp-about-page .text-btn:active {transform: scale(0.96);}
body.rp-about-page .text-btn {padding: 0px 0.85rem; font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase;}
body.rp-about-page .icon-btn svg {width: 18px; height: 18px; stroke: currentcolor; fill: none; stroke-width: 1.5;}
body.rp-about-page .count-dot {position: absolute; top: 6px; right: 4px; min-width: 17px; height: 17px; padding: 0px 4px; display: grid; place-items: center; border-radius: 999px; background: var(--ink); color: var(--black); font-size: 0.63rem; font-weight: 700;}
body.rp-about-page .header-center {justify-self: center;}
body.rp-about-page .desktop-nav {display: none; justify-self: start;}
body.rp-about-page .header-action-btn {position: relative; display: flex; align-items: center; gap: 0.5rem; min-height: 44px; padding: 0px 0.72rem; border-radius: 999px; background: transparent; color: var(--ink); cursor: pointer; transition: background var(--fast),transform var(--fast);}
body.rp-about-page .header-action-btn:hover {background: rgba(255, 255, 255, 0.08);}
body.rp-about-page .header-action-btn:active {transform: scale(0.97);}
body.rp-about-page .header-action-btn .action-label {font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap;}
body.rp-about-page .header-action-btn .action-icon {width: 22px; height: 22px; display: grid; place-items: center;}
body.rp-about-page .header-action-btn svg {width: 18px; height: 18px; stroke: currentcolor; fill: none; stroke-width: 1.5;}
body.rp-about-page .header-action-btn .count-dot {top: -1px; right: -1px;}
body.rp-about-page .language-selector {position: relative;}
body.rp-about-page .language-selector summary {list-style: none; display: flex; align-items: center; gap: 0.35rem; min-height: 44px; padding: 0px 0.65rem; border-radius: 999px; cursor: pointer; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; transition: background var(--fast);}
body.rp-about-page .language-selector summary::-webkit-details-marker {display: none;}
body.rp-about-page .language-selector summary:hover, body.rp-about-page .language-selector[open] summary {background: rgba(255, 255, 255, 0.08);}
body.rp-about-page .lang-chevron {opacity: 0.6; font-size: 0.85rem;}
body.rp-about-page .language-menu {position: absolute; right: 0px; top: calc(100% + 0.6rem); width: 250px; padding: 0.55rem; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 16px; background: rgba(17, 16, 14, 0.96); box-shadow: rgba(0, 0, 0, 0.35) 0px 24px 70px; backdrop-filter: blur(16px);}
body.rp-about-page .language-menu button {width: 100%; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 0.55rem; padding: 0.7rem 0.65rem; border-radius: 10px; background: transparent; color: var(--ink); text-align: left;}
body.rp-about-page .language-menu button.active {background: rgba(255, 255, 255, 0.07);}
body.rp-about-page .language-menu button:disabled {opacity: 0.42;}
body.rp-about-page .language-menu button strong {font-size: 0.78rem; font-weight: 500;}
body.rp-about-page .language-menu button small {font-size: 0.62rem; color: var(--muted);}
body.rp-about-page .menu-kicker {display: block; margin-top: 1.5rem; color: rgb(131, 123, 113); font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase;}
body.rp-about-page .scrim {position: fixed; inset: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.56); backdrop-filter: blur(5px); opacity: 0; pointer-events: none; transition: opacity var(--mid);}
body.rp-about-page .scrim.open {opacity: 1; pointer-events: auto;}
body.rp-about-page .drawer {position: fixed; z-index: 1100; background: rgb(241, 237, 229); color: rgb(23, 21, 18); box-shadow: var(--shadow); transition: transform 600ms var(--ease); overflow: auto;}
body.rp-about-page .drawer.right {top: 0px; right: 0px; width: min(94vw, 520px); height: 100%; transform: translateX(105%); padding: max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));}
body.rp-about-page .drawer.left {top: 0px; left: 0px; width: min(94vw, 420px); height: 100%; transform: translateX(-105%); padding: max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));}
body.rp-about-page .drawer.open {transform: none;}
body.rp-about-page .drawer-head {display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.25rem 0px 1rem; border-bottom: 1px solid rgb(212, 206, 197);}
body.rp-about-page .drawer-head h2 {font-family: var(--serif); font-size: 2rem; font-weight: 400; margin: 0px;}
body.rp-about-page .close-btn {width: 44px; height: 44px; border-radius: 50%; background: transparent; cursor: pointer; color: rgb(23, 21, 18);}
body.rp-about-page .menu-links {display: grid; margin-top: 1rem;}
body.rp-about-page .menu-links button, body.rp-about-page .menu-links a {padding: 1rem 0px; border-bottom: 1px solid rgb(212, 206, 197); background: transparent; color: rgb(23, 21, 18); text-align: left; font-family: var(--serif); font-size: 1.65rem; cursor: pointer;}
body.rp-about-page .cart-item {display: grid; grid-template-columns: 84px 1fr auto; gap: 0.8rem; align-items: start; padding-bottom: 1rem; border-bottom: 1px solid rgb(213, 206, 196);}
body.rp-about-page .cart-thumb {aspect-ratio: 4 / 5; border-radius: 8px;}
body.rp-about-page .cart-item h3 {font-family: var(--serif); font-weight: 400; margin: 0px 0px 0.3rem;}
body.rp-about-page .cart-item small {color: rgb(118, 111, 102);}
body.rp-about-page .qty {display: flex; align-items: center; gap: 0.45rem; margin-top: 0.6rem;}
body.rp-about-page .qty button {width: 28px; height: 28px; border-radius: 50%; background: rgb(222, 215, 205); cursor: pointer;}
body.rp-about-page .remove {background: transparent; color: rgb(119, 111, 101); font-size: 0.72rem; cursor: pointer; text-decoration: underline; padding: 0px;}
body.rp-about-page .summary-row {display: flex; justify-content: space-between; gap: 1rem; margin: 0.5rem 0px;}
body.rp-about-page .summary-row.total {font-family: var(--serif); font-size: 1.6rem; margin-top: 1rem;}
@media (min-width: 760px) {
body.rp-about-page .header-action-btn .action-label {display: none;}
body.rp-about-page .desktop-nav {display: flex;}
body.rp-about-page .mobile-menu-only {display: none;}
}
@media (min-width: 1120px) {
body.rp-about-page .header-action-btn .action-label {display: inline;}
}
@media (max-width: 759px) {
body.rp-about-page .header-inner {grid-template-columns: auto 1fr auto;}
body.rp-about-page .header-center {justify-self: start;}
body.rp-about-page .header-actions {gap: 0.05rem;}
body.rp-about-page .header-action-btn {width: 42px; padding: 0px; justify-content: center;}
body.rp-about-page .header-action-btn .action-label {display: none;}
body.rp-about-page .language-selector {display: none;}
body.rp-about-page .brand {font-size: 0.98rem;}
}
body.rp-about-page .cart-thumb {overflow: hidden; background: rgb(216, 210, 200);}
body.rp-about-page .cart-thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}
body.rp-about-page .scrim {background: rgba(0, 0, 0, 0.58); backdrop-filter: blur(7px);}
body.rp-about-page .drawer {overflow: hidden; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.52) 0px 34px 100px;}
body.rp-about-page .drawer.left {top: var(--edge-gap); bottom: var(--edge-gap); left: var(--edge-gap); height: auto; width: min(calc(100vw - (var(--edge-gap) * 2)),440px); padding: 0px; border-radius: 32px; transform: translateX(calc(-100% - 24px));}
body.rp-about-page .drawer.right {top: var(--edge-gap); bottom: var(--edge-gap); right: var(--edge-gap); height: auto; width: min(calc(100vw - (var(--edge-gap) * 2)),520px); padding: 0px; border-radius: 32px; transform: translateX(calc(100% + 24px));}
body.rp-about-page .drawer.open {transform: none;}
body.rp-about-page .drawer-head {position: sticky; top: 0px; z-index: 5; padding: 1.25rem 1.3rem 1rem; background: rgba(241, 237, 229, 0.94); backdrop-filter: blur(16px); border-bottom: 1px solid rgb(212, 206, 197);}
body.rp-about-page .drawer-head > div {min-width: 0px;}
body.rp-about-page .drawer-kicker {display: block; margin-bottom: 0.2rem; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(130, 123, 114);}
body.rp-about-page .drawer-head h2 {margin: 0px;}
body.rp-about-page .drawer-body {flex: 1 1 0%; min-height: 0px; overflow: auto; padding: 1.05rem 1.2rem max(1.6rem,env(safe-area-inset-bottom));}
body.rp-about-page .utility-drawer {background: rgb(241, 237, 229); color: rgb(23, 21, 18); border: 1px solid rgba(255, 255, 255, 0.28);}
body.rp-about-page .menu-drawer {background: radial-gradient(560px 340px at 90% 0%, rgba(201, 178, 143, 0.09), transparent 68%), rgb(9, 9, 9); color: var(--ink); border: 1px solid rgba(255, 255, 255, 0.11);}
body.rp-about-page .menu-drawer .drawer-head {background: rgba(9, 9, 9, 0.88); color: var(--ink); border-color: rgba(255, 255, 255, 0.09);}
body.rp-about-page .menu-drawer .drawer-kicker {color: rgb(142, 136, 127);}
body.rp-about-page .menu-drawer .close-btn {color: var(--ink); background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.08);}
body.rp-about-page .menu-drawer .close-btn:hover {background: var(--ink); color: var(--black);}
body.rp-about-page .menu-language-picker {margin-bottom: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: rgba(255, 255, 255, 0.035); overflow: hidden;}
body.rp-about-page .menu-language-picker summary {min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.9rem 1rem; list-style: none; cursor: pointer; user-select: none;}
body.rp-about-page .menu-language-picker summary::-webkit-details-marker {display: none;}
body.rp-about-page .menu-language-current {display: flex; align-items: center; gap: 0.65rem;}
body.rp-about-page .menu-language-current strong {font-weight: 500; font-size: 0.9rem;}
body.rp-about-page .menu-language-arrow {font-size: 1.2rem; color: var(--champagne); transition: transform var(--mid);}
body.rp-about-page .menu-language-picker[open] .menu-language-arrow {transform: rotate(90deg);}
body.rp-about-page .menu-language-options {display: grid; gap: 0.4rem; padding: 0.25rem 0.55rem 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.07);}
body.rp-about-page .menu-language-options button {min-height: 52px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 0.6rem; padding: 0.65rem 0.75rem; border-radius: 15px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; transition: background var(--fast),transform var(--fast);}
body.rp-about-page .menu-language-options button:hover {background: rgba(255, 255, 255, 0.06); transform: translateX(2px);}
body.rp-about-page .menu-language-options button.active {background: rgba(201, 178, 143, 0.1);}
body.rp-about-page .menu-language-options strong {font-size: 0.82rem; font-weight: 500;}
body.rp-about-page .menu-language-options small {font-size: 0.58rem; color: rgb(142, 136, 127); text-align: right;}
body.rp-about-page .menu-language-status {margin: 0px; padding: 0.15rem 1rem 0.9rem; color: rgb(143, 137, 128); font-size: 0.68rem; line-height: 1.45;}
body.rp-about-page .menu-links {display: grid; gap: 0.5rem; margin-top: 0px;}
body.rp-about-page .menu-links a {min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.8rem 1rem; border: 1px solid rgba(255, 255, 255, 0.075); border-radius: 18px; background: rgba(255, 255, 255, 0.024); color: var(--ink); font-family: var(--serif); font-size: 1.35rem; transition: transform var(--fast),background var(--fast),border-color var(--fast);}
body.rp-about-page .menu-links a b {font-family: var(--sans); font-size: 0.58rem; font-weight: 500; letter-spacing: 0.12em; color: rgb(129, 123, 115);}
body.rp-about-page .menu-links a:hover {padding-left: 1rem; transform: translateX(3px); background: rgba(255, 255, 255, 0.055); border-color: rgba(201, 178, 143, 0.22); color: var(--ink);}
body.rp-about-page .menu-kicker {margin: 1.35rem 0.2rem 0.2rem; color: rgb(129, 123, 115);}
body.rp-about-page .utility-drawer .cart-item, body.rp-about-page .utility-drawer .wishlist-item {border-radius: 18px;}
body.rp-about-page .cart-thumb {border-radius: 14px;}
body.rp-about-page .utility-drawer .cart-item {padding: 0.8rem; border: 1px solid rgb(221, 213, 202); border-radius: 18px; background: rgba(255, 255, 255, 0.24);}
body.rp-about-page .language-menu {border-radius: 20px;}
@media (max-width: 759px) {
body.rp-about-page .site-header {height: 68px; background: linear-gradient(rgba(5, 5, 5, 0.86), rgba(5, 5, 5, 0.32), transparent);}
body.rp-about-page .header-inner {width: min(calc(100% - 18px),var(--max)); gap: 0.35rem;}
body.rp-about-page .brand {font-size: 0.92rem;}
body.rp-about-page .drawer.left, body.rp-about-page .drawer.right {border-radius: 24px;}
body.rp-about-page .drawer-head {padding: 1rem 1.05rem 0.8rem;}
body.rp-about-page .drawer-body {padding: .8rem .9rem max(1.2rem,env(safe-area-inset-bottom));}
body.rp-about-page .menu-links a {min-height: 54px; border-radius: 16px; font-size: 1.22rem;}
body.rp-about-page .menu-language-picker {border-radius: 18px;}
}
@media (max-width: 390px) {
body.rp-about-page .header-action-btn {width: 39px;}
}
@media (prefers-reduced-motion: reduce) {
body.rp-about-page .menu-language-arrow {transition: none;}
}
body.rp-about-page .desktop-nav .text-btn {display: inline-flex; align-items: center; justify-content: center; text-align: center; min-width: 92px; line-height: 1;}
body.rp-about-page .order-guide-drawer .drawer-body {display: flex; flex-direction: column;}
body.rp-about-page .site-header .brand {color: transparent; background: linear-gradient(95deg, rgb(243, 239, 231) 0%, rgb(202, 167, 122) 18%, rgb(140, 89, 55) 34%, rgb(240, 213, 173) 50%, rgb(122, 70, 45) 66%, rgb(216, 189, 145) 82%, rgb(243, 239, 231) 100%) 0% 0% / 280% 100% text; animation: 7s linear 0s infinite normal none running brandMetalFlow, 3.8s ease-in-out 0s infinite normal none running brandSoftGlow;}
body.rp-about-page .menu-scroll-hint {display: none;}
@media (min-width: 760px) {
body.rp-about-page .menu-drawer, body.rp-about-page .menu-drawer .drawer-body {scrollbar-width: none;}
body.rp-about-page .menu-drawer::-webkit-scrollbar, body.rp-about-page .menu-drawer .drawer-body::-webkit-scrollbar {display: none; width: 0px; height: 0px;}
body.rp-about-page .menu-scroll-hint {position: sticky; bottom: -1px; z-index: 8; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 48px; margin-top: 1rem; padding: 1.2rem 0.5rem 0.55rem; background: linear-gradient(rgba(9, 9, 9, 0), rgba(9, 9, 9, 0.96) 48%); color: rgb(130, 123, 114); font-size: 0.55rem; letter-spacing: 0.18em; text-transform: uppercase; pointer-events: none; transition: opacity .25s var(--ease),transform .25s var(--ease);}
body.rp-about-page .menu-scroll-hint b {color: var(--champagne); font-size: 0.9rem; animation: 1.6s ease-in-out 0s infinite normal none running menuScrollCue;}
body.rp-about-page .menu-scroll-hint.is-end {opacity: 0; transform: translateY(4px);}
}
body.rp-about-page .menu-loyalty-kicker {margin-top: 1.9rem !important;}
body.rp-about-page .menu-loyalty-link > span {align-items: center; gap: 0.72rem; display: flex !important;}
body.rp-about-page .menu-star-badge {width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; border: 1px solid rgba(215, 197, 170, 0.3); background: radial-gradient(circle at 35% 30%, rgba(241, 221, 188, 0.25), rgba(215, 197, 170, 0.08)); color: rgb(216, 179, 111); font-family: var(--serif); font-style: normal; font-size: 0.95rem; box-shadow: rgba(216, 179, 111, 0.08) 0px 0px 18px;}
@media (prefers-reduced-motion: reduce) {
body.rp-about-page .site-header .brand, body.rp-about-page .menu-scroll-hint b {animation: auto ease 0s 1 normal none running none !important;}
}
body.rp-about-page .site-header {border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 34px, rgba(255, 255, 255, 0.024) 0px 1px 0px inset; overflow: visible; inset: 8px 8px auto !important; height: 68px !important; background: linear-gradient(rgba(7, 7, 7, 0.9), rgba(8, 8, 8, 0.72)) !important;}
body.rp-about-page .site-header .header-inner {width: min(calc(100% - 24px),var(--max));}
body.rp-about-page .site-header .text-btn {min-height: 48px; padding-inline: 1rem; font-size: 0.82rem;}
body.rp-about-page .site-header .brand {font-size: clamp(1.15rem, 2.15vw, 1.68rem);}
body.rp-about-page .site-header .icon-btn {width: 46px; min-height: 46px;}
body.rp-about-page .site-header .icon-btn svg {width: 20px; height: 20px;}
body.rp-about-page .site-header .header-action-btn {min-height: 46px;}
body.rp-about-page .site-header .header-action-btn .action-icon {width: 24px; height: 24px;}
body.rp-about-page .site-header .header-action-btn svg {width: 19px; height: 19px;}
body.rp-about-page .menu-time-badge {width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; font-style: normal; font-family: var(--serif); color: rgb(216, 189, 145); border: 1px solid rgba(215, 197, 170, 0.24); background: rgba(215, 197, 170, 0.055);}
@media (max-width: 759px) {
body.rp-about-page .site-header {top: 6px !important; left: 6px !important; right: 6px !important; height: 66px !important; border-radius: 20px !important;}
body.rp-about-page .site-header .header-inner {width: calc(100% - 14px); gap: 0.28rem;}
body.rp-about-page .site-header .brand {font-size: 1rem !important;}
body.rp-about-page .site-header .icon-btn {width: 43px; min-height: 43px;}
body.rp-about-page .site-header .icon-btn svg {width: 19px; height: 19px;}
}
body.rp-about-page .order-guide-drawer .drawer-head {padding-top: 0.9rem; padding-bottom: 0.9rem;}
@media (max-width: 759px) {
body.rp-about-page .order-guide-drawer .drawer-body {padding-top: 0.75rem;}
}
@keyframes brandMetalFlow{from{background-position:0% 50%}to{background-position:280% 50%}}
@keyframes brandSoftGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(202,167,122,0))}50%{filter:drop-shadow(0 0 7px rgba(202,167,122,.34))}}

/* Ultimo allineamento: le regole della Home hanno priorità sulle vecchie
   personalizzazioni di Chi siamo. Non cambiare la sezione editoriale. */
body.rp-about-page{
  --edge-gap:10px;
}
body.rp-about-page .site-header{
  background:linear-gradient(180deg,rgba(7,7,7,.90),rgba(8,8,8,.72))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.rp-about-page .site-header .brand{
  color:transparent!important;
  background:linear-gradient(95deg,#f3efe7 0%,#caa77a 18%,#8c5937 34%,#f0d5ad 50%,#7a462d 66%,#d8bd91 82%,#f3efe7 100%)!important;
  background-size:280% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  animation:brandMetalFlow 7s linear infinite,brandSoftGlow 3.8s ease-in-out infinite!important;
}
body.rp-about-page .site-header .text-btn{
  min-height:48px!important;
  padding-inline:1rem!important;
  font-size:.82rem!important;
  display:inline-flex!important;
  align-items:center!important;
}
body.rp-about-page .site-header .header-action-btn svg{
  width:19px!important;
  height:19px!important;
}
body.rp-about-page .menu-drawer .menu-links a{
  padding:.6rem 1rem!important;
}
@media(min-width:760px){
  body.rp-about-page .site-header .wishlist-header,
  body.rp-about-page .site-header .cart-header{
    padding-left:11.52px!important;
    padding-right:11.52px!important;
  }
  body.rp-about-page .site-header .language-selector summary{
    padding-left:10.4px!important;
    padding-right:10.4px!important;
  }
}
@media(max-width:759px){
  body.rp-about-page{--edge-gap:7px;}
  body.rp-about-page .site-header .brand,
  body.rp-about-page .site-header .header-center{
    font-size:clamp(.8rem,3.6vw,1rem)!important;
    line-height:1.15!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.rp-about-page .site-header .brand{animation:none!important}
}