/* Compact audio discovery entry — motion stays inside the card. */
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;overflow:hidden;margin:16px 0 14px;padding:13px 12px;border:1px solid #ffe7d7;border-radius:18px;background:linear-gradient(110deg,#fff0e6,#fff8f1 58%,#ffefe1);color:#bb410d;text-decoration:none;box-shadow:0 5px 18px #d1661610;min-height:82px;transition:box-shadow .25s,transform .25s;}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry:before{content:"";position:absolute;inset:-100% -35%;z-index:-1;background:linear-gradient(115deg,transparent 40%,#ffffffb0 48%,transparent 56%);transform:translateX(-65%);animation:cg-listen-sheen 8s ease-in-out infinite;pointer-events:none;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-emblem{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#ffc5a3,#ffac7e);color:#c84a12;box-shadow:inset 0 1px 0 #ffffff90;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-emblem>svg{width:27px;height:27px;z-index:1;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-orbit{position:absolute;inset:-4px;border:1px solid #ffa36a55;border-radius:50%;animation:cg-listen-pulse 3.6s ease-out infinite;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-copy{display:grid;gap:3px;min-width:0;flex:1;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-copy strong{font-size:15px;line-height:19px;font-weight:750;letter-spacing:-.35px;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-copy>span{font-size:12px;line-height:17px;font-weight:500;color:#687382;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-action{display:flex;align-items:center;gap:3px;flex:0 0 auto;white-space:nowrap;font-size:11px;font-weight:700;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-action svg{width:16px;height:16px;transition:transform .25s;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-waves{position:absolute;right:-2px;bottom:0;display:flex;align-items:center;gap:2px;height:14px;padding:3px 4px;border-radius:8px;background:#fff4e9;box-shadow:0 1px 4px #be5a1715;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-waves i{display:block;width:2px;height:7px;border-radius:2px;background:#df6423;animation:cg-listen-wave 1.1s ease-in-out infinite alternate;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-waves i:nth-child(2){animation-delay:-.4s;height:10px;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-waves i:nth-child(3){animation-delay:-.7s;height:5px;}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry:hover{transform:translateY(-1px);box-shadow:0 8px 22px #d1661620;}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry:hover .cg-listen-action svg{transform:translateX(3px);}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry:focus-visible{outline:3px solid #ff7a36;outline-offset:3px;}
@keyframes cg-listen-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@keyframes cg-listen-pulse{0%{transform:scale(.92);opacity:.7}65%,100%{transform:scale(1.13);opacity:0}}
@keyframes cg-listen-sheen{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}
@media(max-width:374px){body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry{gap:8px;padding:12px 10px;}body:is(.home-page,.mekan-gezi-page) .cg-listen-copy strong{font-size:14px;}body:is(.home-page,.mekan-gezi-page) .cg-listen-action{font-size:10px;}}
@media(prefers-reduced-motion:reduce){body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry,body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry *,body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry:before{animation:none!important;transition:none!important;transform:none!important;}}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry{margin-top:0;}
/* Keep Hubi's flat lower edge flush with the banner, while its head can overflow. */
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry{overflow:visible;min-height:88px;padding-left:132px;padding-right:12px;margin-top:24px;gap:6px;}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry:before{inset:0;border-radius:inherit;transform:none;background:linear-gradient(115deg,transparent 20%,#fff9 48%,transparent 72%);background-size:240% 100%;animation:cg-listen-card-light 8s ease-in-out infinite;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-character{position:absolute;left:0;bottom:0;width:128px;height:100%;pointer-events:none;clip-path:inset(-45px 0 0 0 round 0 0 0 18px);}
body:is(.home-page,.mekan-gezi-page) .cg-listen-character img{position:absolute;left:-53px;bottom:-5.6px;width:180px;height:120px;max-width:none;object-fit:contain;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-action{width:24px;height:44px;justify-content:center;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-action svg{width:21px;height:21px;}
@keyframes cg-listen-card-light{0%,65%{background-position:120% 0}95%,100%{background-position:-80% 0}}
@media(max-width:374px){body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry{padding-left:120px;padding-right:9px;gap:4px;}body:is(.home-page,.mekan-gezi-page) .cg-listen-character{width:116px;}body:is(.home-page,.mekan-gezi-page) .cg-listen-copy strong{font-size:14px;}}
body:is(.home-page,.mekan-gezi-page) a.city-guide-listen-entry{min-height:100px;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-copy>.cg-listen-free{justify-self:start;display:inline-flex;align-items:center;min-height:21px;padding:3px 9px;margin-bottom:3px;border-radius:6px;background:#158047;color:white;font-size:11px;line-height:15px;font-weight:850;letter-spacing:.65px;box-shadow:0 2px 5px #15804720;}
body:is(.home-page,.mekan-gezi-page) .cg-listen-character img{transform-origin:64% 95.3%;animation:cg-hubi-breathe 4.2s ease-in-out infinite;will-change:transform;}
@keyframes cg-hubi-breathe{0%,100%{transform:scale(1);filter:drop-shadow(0 0 1px #ff8c2930) brightness(1);}50%{transform:scale(1.035);filter:drop-shadow(0 0 5px #ff8c2950) brightness(1.035);}}
@media(prefers-reduced-motion:reduce){body:is(.home-page,.mekan-gezi-page) .cg-listen-character img{animation:none!important;transform:none!important;will-change:auto;}}

body:is(.home-page,.mekan-gezi-page) a.guide-panel.city-guide-listen-entry{display:flex!important;grid-template-columns:none;width:calc(100% - 36px);max-width:none;margin:24px 18px 0;}
body:is(.home-page,.mekan-gezi-page) a.guide-panel.city-guide-listen-entry:before{width:auto;height:auto;opacity:1;}
body:is(.home-page,.mekan-gezi-page) a.guide-panel.city-guide-listen-entry:after{display:none;content:none;}