/* Carrello a scomparsa UCN (disegno UX_design approvato da gix 07/10). Il cassetto del tema resta spento. */
cart-drawer-component > dialog, cart-drawer-component > template { display: none !important }
html.ucn-cas-aperto { overflow: hidden }
.ucn-cas { position: fixed; inset: 0; z-index: 2147483000; font: 13px/1.45 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #111 }
.ucn-cas[hidden] { display: none }
.ucn-cas__velo { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); opacity: 0; transition: opacity .25s }
.ucn-cas__box:focus { outline: none }
.ucn-cas__box { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background: #fff; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .25s ease }
.ucn-cas--aperto .ucn-cas__velo { opacity: 1 }
.ucn-cas--aperto .ucn-cas__box { transform: none }
@media (min-width: 750px) { .ucn-cas__box { width: 440px } }
@media (prefers-reduced-motion: reduce) { .ucn-cas__box, .ucn-cas__velo { transition: none } }
.ucn-cas--attesa .ucn-cas__corpo, .ucn-cas--attesa .ucn-cas__piede { opacity: .55; pointer-events: none }
.ucn-cas__top { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid #eee }
.ucn-cas__top h2 { margin: 0; font-size: 17px; font-weight: 700; letter-spacing: 0; text-transform: none; font-family: inherit }
.ucn-cas__top h2 span { font-weight: 400; color: #6b6b6b; font-size: 14px; margin-left: 6px }
.ucn-cas__x { width: 32px; height: 32px; border: 0; background: none; font-size: 18px; color: #111; cursor: pointer; padding: 0; border-radius: 0 }
.ucn-cas__corpo { flex: 1; overflow-y: auto; padding: 4px 20px; display: grid; align-content: start }
.ucn-cas__riga { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; padding: 16px 0; border-bottom: 1px solid #eee; align-items: start }
.ucn-cas__th { display: block; width: 72px; line-height: 0 }
.ucn-cas__foto img { width: 72px; height: 96px; object-fit: cover; border-radius: 4px; display: block }
.ucn-cas__op { position: relative; display: block; width: 64px; margin: 0 auto; container-type: inline-size; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .08) }
.ucn-cas__op img { width: 90%; margin: 5cqw; height: auto; display: block }
.ucn-cas__anello { position: absolute; inset: 0; border-style: solid; border-color: transparent; border-width: 5cqw; border-image-slice: 19; pointer-events: none }
.ucn-cas__info { min-width: 0 }
.ucn-cas__ti { margin: 0; font-weight: 700; font-size: 14px; line-height: 1.25 }
.ucn-cas__de { margin: 4px 0 10px; color: #6b6b6b; font-size: 12.5px; line-height: 1.4; overflow-wrap: anywhere }
.ucn-cas__az { display: flex; gap: 12px 14px; align-items: center; flex-wrap: wrap }
.ucn-cas__az a, .ucn-cas__link { font: inherit; font-size: 12.5px; text-decoration: underline; text-underline-offset: 3px; color: #333; background: none; border: 0; padding: 0; cursor: pointer }
.ucn-cas__qty { display: inline-flex; align-items: center; border: 1px solid #d5d5d5; border-radius: 6px; height: 32px }
.ucn-cas__qty button { width: 28px; height: 30px; border: 0; background: none; font-size: 16px; color: #111; cursor: pointer; padding: 0 }
.ucn-cas__links { display: inline-flex; gap: 14px; align-items: center }
.ucn-cas__qty span { min-width: 22px; text-align: center; font-variant-numeric: tabular-nums }
.ucn-cas__pr { margin: 0; font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap }
.ucn-cas__piede { padding: 14px 20px 18px; border-top: 1px solid #eee; display: grid; gap: 10px; background: #fff; padding-bottom: max(18px, env(safe-area-inset-bottom)) }
.ucn-cas__piede[hidden] { display: none }
.ucn-cas__ok { margin: 0; text-align: center; color: #1f5137; font-size: 12.5px }
.ucn-cas__cod { justify-self: start }
.ucn-cas__codice-form { display: flex; gap: 8px; flex-wrap: wrap }
.ucn-cas__codice-form[hidden] { display: none }
.ucn-cas__codice-form input { flex: 1; min-width: 0; font: inherit; font-size: 14px; padding: 10px 12px; border: 1px solid #d5d5d5; border-radius: 6px }
.ucn-cas__codice-form button { font: 700 13px "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #111; background: #fff; color: #111; border-radius: 6px; padding: 0 14px; cursor: pointer }
.ucn-cas__err { flex-basis: 100%; margin: 0; color: #b3261e; font-size: 12.5px }
.ucn-cas__riga-tot .ucn-cas__link { margin-left: 8px; font-size: 12px }
.ucn-cas__riga-tot { display: flex; justify-content: space-between; font-size: 13px; color: #1f5137 }
.ucn-cas__tot { display: flex; justify-content: space-between; align-items: baseline; font-size: 14px }
.ucn-cas__tot b { font-size: 22px; font-variant-numeric: tabular-nums }
.ucn-cas__cta, .ucn-cas__sec { display: flex; align-items: center; justify-content: center; border-radius: 9px; font-weight: 700; text-decoration: none }
.ucn-cas__cta { background: #111; color: #fff; height: 50px; font-size: 15px }
.ucn-cas__sec { border: 1.5px solid #111; color: #111; height: 46px; font-size: 14px }
.ucn-cas__wa { display: flex; gap: 7px; justify-content: center; align-items: center; color: #1f7a4d; font-weight: 700; font-size: 12.5px; text-decoration: none }
.ucn-cas__wa svg { width: 17px; height: 17px }
.ucn-cas__vuoto { display: grid; gap: 12px; padding: 40px 0 }
.ucn-cas__v1 { margin: 0; font-size: 18px; font-weight: 700 }
.ucn-cas__v2 { margin: 0 0 8px; color: #6b6b6b; font-size: 14px }
.ucn-cas a:focus-visible, .ucn-cas button:focus-visible, .ucn-cas input:focus-visible { outline: 2px solid #111; outline-offset: 2px }