/* LETO v1.1.11.29 — Raffaello Monthly Drop popup */
body.leto-monthly-drop-open{overflow:hidden!important}
.leto-monthly-drop{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.leto-monthly-drop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.leto-monthly-drop-backdrop{position:absolute;inset:0;border:0;background:rgba(6,28,43,.66);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);cursor:default}
.leto-monthly-drop-card{position:relative;z-index:1;width:min(520px,calc(100vw - 30px));max-height:calc(100vh - 34px);overflow:auto;border-radius:24px;background:#fff8f0;box-shadow:0 26px 80px rgba(6,36,54,.35);outline:none;border:1px solid rgba(255,255,255,.38);transform:translateY(12px) scale(.985);transition:transform .24s ease}
.leto-monthly-drop.is-open .leto-monthly-drop-card{transform:translateY(0) scale(1)}
.leto-monthly-drop-close{position:absolute;top:14px;right:14px;z-index:4;width:44px;height:44px;border:0;border-radius:14px;background:rgba(6,58,89,.92);color:#fff;font:400 34px/1 Arial,sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.leto-monthly-drop-media{position:relative;display:block;min-height:520px;overflow:hidden;border-radius:24px 24px 0 0;background:#ead7ca;text-decoration:none!important;color:#063a59!important}
.leto-monthly-drop-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,240,.94) 0%,rgba(255,248,240,.18) 30%,rgba(6,58,89,0) 64%,rgba(6,58,89,.44) 100%);pointer-events:none}
.leto-monthly-drop-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.leto-monthly-drop-kicker,.leto-monthly-drop-title,.leto-monthly-drop-brand{position:absolute;z-index:2;left:28px;right:70px;display:block;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.leto-monthly-drop-kicker{top:26px;width:max-content;padding:8px 14px;border-radius:999px;background:#063a59;color:#fff;font:800 11px/1.1 "DM Sans",sans-serif;letter-spacing:1.5px;text-transform:uppercase;text-shadow:none}
.leto-monthly-drop-title{top:77px;color:#063a59;font:700 clamp(44px,8vw,70px)/.9 "Playfair Display",serif;letter-spacing:-2px;text-transform:none}
.leto-monthly-drop-brand{bottom:22px;color:#fff;font:800 12px/1.2 "DM Sans",sans-serif;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.leto-monthly-drop-actions{display:grid;gap:8px;padding:18px 20px 20px;background:#fff8f0;text-align:center}
.leto-monthly-drop-shop{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;background:#063a59!important;color:#fff!important;text-decoration:none!important;font:800 12px/1 "DM Sans",sans-serif;letter-spacing:1.1px;text-transform:uppercase;padding:0 22px}
.leto-monthly-drop-actions small{color:#49616f;font:500 12px/1.4 "DM Sans",sans-serif}
@media(max-width:640px){
  .leto-monthly-drop{padding:14px}
  .leto-monthly-drop-card{width:min(420px,calc(100vw - 22px));border-radius:20px;max-height:calc(100vh - 26px)}
  .leto-monthly-drop-media{min-height:min(70vh,510px);border-radius:20px 20px 0 0}
  .leto-monthly-drop-close{top:11px;right:11px;width:40px;height:40px;border-radius:12px;font-size:30px}
  .leto-monthly-drop-kicker,.leto-monthly-drop-title,.leto-monthly-drop-brand{left:20px}
  .leto-monthly-drop-kicker{top:19px}
  .leto-monthly-drop-title{top:67px;font-size:clamp(42px,14vw,62px)}
  .leto-monthly-drop-brand{bottom:18px}
  .leto-monthly-drop-actions{padding:14px 16px 16px}
}