#live-notif{display:none!important}
#prl-gnotif{--gn-ease:cubic-bezier(.16,1,.3,1);--gn-ms:8000ms;position:fixed;left:24px;bottom:24px;z-index:400;width:min(372px,calc(100vw - 32px));pointer-events:none;visibility:hidden;font-family:'DM Sans',system-ui,sans-serif}
#prl-gnotif.gn-on{visibility:visible;pointer-events:auto}
.gn-card{position:relative;display:flex;align-items:center;gap:13px;padding:15px 40px 14px 14px;border-radius:20px;overflow:hidden;text-decoration:none;color:#1A1A1A;background:rgba(255,252,248,.78);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(201,168,124,.32);box-shadow:0 22px 50px -12px rgba(120,72,40,.30),0 2px 6px rgba(120,72,40,.08),inset 0 1px 0 rgba(255,255,255,.9);opacity:0;filter:blur(10px);transform:translate3d(-28px,26px,0) scale(.9) rotate(-1.5deg);transform-origin:0 100%;clip-path:inset(0 100% 0 0 round 20px);transition:opacity .6s var(--gn-ease),filter .7s var(--gn-ease),transform .9s var(--gn-ease),clip-path .9s var(--gn-ease),box-shadow .4s var(--gn-ease)}
#prl-gnotif.gn-on .gn-card{opacity:1;filter:blur(0);transform:none;clip-path:inset(0 0 0 0 round 20px)}
#prl-gnotif.gn-out .gn-card{opacity:0;filter:blur(8px);transform:translate3d(0,18px,0) scale(.96);clip-path:inset(0 0 0 0 round 20px);transition-duration:.5s}
.gn-card:hover{box-shadow:0 28px 60px -12px rgba(120,72,40,.38),0 2px 6px rgba(120,72,40,.1),inset 0 1px 0 rgba(255,255,255,.9)}
.gn-card::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
#prl-gnotif.gn-on .gn-card::after{animation:gnShine 1.4s .55s var(--gn-ease) both}
@keyframes gnShine{to{transform:translateX(120%)}}
.gn-bar{position:absolute;left:0;right:0;top:0;height:4px;background:rgba(201,168,124,.18);overflow:hidden}
.gn-bar i{position:absolute;inset:0;background:linear-gradient(90deg,#B07D62,#C9A87C 55%,#E8CFA6);transform-origin:0 50%;transform:scaleX(1);box-shadow:0 0 10px rgba(201,168,124,.7)}
#prl-gnotif.gn-run .gn-bar i{animation:gnBar var(--gn-ms) linear forwards}
#prl-gnotif.gn-run .gn-card:hover .gn-bar i{animation-play-state:paused}
@keyframes gnBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.gn-av{position:relative;flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#C9A87C;color:#fff;font-weight:700;font-size:16px;transform:scale(.4);opacity:0;transition:transform .8s cubic-bezier(.34,1.7,.5,1) .18s,opacity .4s ease .18s}
#prl-gnotif-av>span,#prl-gnotif-av>svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#prl-gnotif.gn-on .gn-av{transform:none;opacity:1}
.gn-av::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(201,168,124,.65);opacity:0}
#prl-gnotif.gn-on .gn-av::before{animation:gnRing 1.6s .45s ease-out 2}
@keyframes gnRing{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.gn-live{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#3E8E5B;border:2.5px solid #FFFCF8}
.gn-tx{min-width:0;flex:1}
.gn-l1,.gn-l2,.gn-l3{opacity:0;transform:translateY(8px);transition:opacity .6s var(--gn-ease),transform .7s var(--gn-ease)}
#prl-gnotif.gn-on .gn-l1{opacity:1;transform:none;transition-delay:.26s}
#prl-gnotif.gn-on .gn-l2{opacity:1;transform:none;transition-delay:.34s}
#prl-gnotif.gn-on .gn-l3{opacity:1;transform:none;transition-delay:.42s}
.gn-l1{font-size:13.5px;line-height:1.3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gn-l1 em{font-style:normal;font-weight:400;color:#6B5F57}
.gn-l2{display:block;margin-top:2px;font-size:11.5px;color:#8C6A3F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gn-ok{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#3E8E5B;color:#fff;display:flex!important;align-items:center;justify-content:center;border:2.5px solid #FFFCF8;box-shadow:0 2px 6px rgba(62,142,91,.35);transform:scale(0);transition:transform .6s cubic-bezier(.34,1.8,.5,1) .7s}
#prl-gnotif.gn-on .gn-ok{transform:none}
.gn-l3{margin-top:5px;font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;font-weight:600;line-height:1.12;color:#1A1A1A;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gn-th{flex:none;width:52px;height:52px;border-radius:14px;overflow:hidden;background:#F4E7D7;box-shadow:inset 0 0 0 1px rgba(176,125,98,.18);transform:translateX(14px) rotate(6deg);opacity:0;transition:transform .9s cubic-bezier(.34,1.5,.5,1) .3s,opacity .5s ease .3s}
.gn-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--gn-ease)}
#prl-gnotif.gn-on .gn-th{transform:none;opacity:1}
.gn-card:hover .gn-th img{transform:scale(1.08)}
.gn-x{position:absolute;top:9px;right:9px;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#9C8A7C;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,color .25s,transform .35s var(--gn-ease)}
.gn-x:hover{background:#1A1A1A;color:#FFF8F3;transform:rotate(90deg)}
.gn-x:focus-visible,.gn-card:focus-visible{outline:2px solid #B07D62;outline-offset:3px}
@media(max-width:767px){#prl-gnotif{left:12px;bottom:86px;width:calc(100vw - 96px)}.gn-th{display:none!important}.gn-card{padding:13px 36px 12px 12px;gap:11px}.gn-th{width:46px;height:46px}.gn-av{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.gn-card,.gn-av,.gn-th,.gn-l1,.gn-l2,.gn-l3{transition:opacity .3s linear!important;filter:none!important;transform:none!important;clip-path:none!important}.gn-card::after,.gn-av::before{animation:none!important}}