:root{--blue:#075de8;--cyan:#1fb7ea;--red:#ff2f48;--yellow:#ffd21f;--dark:#07101c;--white:#fff}
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:Inter,Arial,sans-serif;background:#05080d;color:#fff}
body{display:grid;place-items:center;overflow:hidden;background:#05080d}
.app-shell{position:relative;width:min(100vw,calc(100dvh * 9 / 16),480px);height:min(100dvh,calc(100vw * 16 / 9));aspect-ratio:9/16;background:#000;overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.55)}
button,a{touch-action:manipulation}
.glass-header{display:none}
.brand,.header-actions{position:absolute;right:12px;top:calc(9px + env(safe-area-inset-top));display:flex;gap:8px;align-items:center}.header-actions-only{margin-left:auto}
.brand{display:none}
.brand img{display:block}
.header-actions{position:absolute;right:12px;top:calc(9px + env(safe-area-inset-top));display:flex;gap:6px;align-items:center}
.about-pill,.icon-button,.logo-pill{height:46px;border-radius:14px;display:flex;align-items:center;cursor:pointer;text-decoration:none}
.icon-button{width:42px;justify-content:center;font-size:18px;padding:0;flex:0 0 42px;border:1px solid rgba(255,255,255,.2);background:rgba(22,34,55,.88);backdrop-filter:blur(10px);color:#fff}.logo-pill{display:none}.logo-pill img{display:block}
.reels-feed{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.reels-feed::-webkit-scrollbar{display:none}
.reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#080b10;overflow:hidden}
.reel-media,.reel-media img,.reel-media video{position:absolute;inset:0;width:100%;height:100%;border:0}
.reel-media img,.reel-media video{object-fit:cover;object-position:center center;background:#000}
.embed-crop{position:absolute;inset:0;overflow:hidden;background:#000}
.media-frame{position:absolute;border:0;background:#000}
.youtube-frame{left:-20%;top:-32%;width:140%;height:165%;pointer-events:auto}
.instagram-frame{left:-30%;top:-58%;width:160%;height:220%;pointer-events:auto}
.facebook-frame{left:-22%;top:-38%;width:144%;height:176%;pointer-events:auto}.youtube-crop::after,.instagram-crop::after,.facebook-crop::after{height:8%}.youtube-crop::after{height:7%}.instagram-crop::after{height:14%}.facebook-crop::after{bottom:0;height:12%}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 34%,transparent 62%,rgba(0,0,0,.28) 100%);pointer-events:none}
.media-loading,.broken-media{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;background:#07101c;z-index:1;font-size:13px}
.media-loading small,.broken-media small{color:#9facba;font-size:10px;max-width:210px;line-height:1.45}
.broken-media[hidden]{display:none}
.loader{width:27px;height:27px;margin:auto;border:3px solid rgba(255,255,255,.2);border-top-color:#1e7cff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.title-mask{position:absolute;z-index:5;left:13px;right:68px;bottom:177px;padding:43px 12px 12px;border-radius:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.48) 34%,rgba(0,0,0,.84));text-shadow:0 2px 9px rgba(0,0,0,.95)}
.badge{display:inline-flex;background:var(--yellow);color:#111;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:950;text-shadow:none}
.title-mask h2{margin:7px 0 5px;font-size:18px;line-height:1.12}
.location-line{font-size:10px;font-weight:700;color:#f6f7f9}
.reel-actions{position:absolute;z-index:7;left:13px;right:13px;bottom:126px;display:flex;gap:8px;align-items:center}
.details-button{height:42px;flex:1;border:0;border-radius:999px;padding:0 16px;background:linear-gradient(135deg,#084fc5,#0c70ef);color:#fff;font-size:12px;font-weight:850;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px rgba(4,74,195,.35)}
.details-button span{font-size:21px}
.round-action{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(10,16,25,.64);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:16px;cursor:pointer}
.deal-navigation{position:absolute;z-index:13;right:12px;top:50%;transform:translateY(-50%);display:grid;gap:10px;justify-items:center}
.deal-navigation button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.48);background:rgba(5,12,22,.56);backdrop-filter:blur(10px);color:#fff;font-size:19px;cursor:pointer}.floating-logo-circle{width:74px;height:74px;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(0,0,0,.34);display:grid;place-items:center;text-decoration:none;overflow:hidden}.floating-logo-circle img{width:58px;height:58px;object-fit:contain;display:block}
.loading-state,.empty-state{height:100%;display:grid;place-content:center;gap:8px;text-align:center;background:#07101c;font-size:14px;padding:30px}
.loading-state small,.empty-state small{font-size:10px;color:#9facba;line-height:1.45}
.empty-state button{margin:7px auto 0;border:0;border-radius:999px;padding:10px 16px;background:#126be8;color:#fff;font-weight:800}
.filter-sheet{position:absolute;z-index:15;left:10px;right:10px;bottom:62px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:16px 7px 7px;border:1px solid rgba(255,255,255,.2);border-radius:19px 19px 0 0;background:rgba(9,14,22,.82);backdrop-filter:blur(16px)}
.sheet-handle{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:35px;height:3px;border-radius:999px;background:#a7a9ad}
.filter-chip{height:36px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:9px;display:flex;gap:4px;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden}
.filter-chip span{overflow:hidden;text-overflow:ellipsis}
.bottom-nav{position:absolute;z-index:25;bottom:0;left:0;right:0;height:64px;padding:6px 18px calc(5px + env(safe-area-inset-bottom));background:#05080d;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.nav-item{border:0;background:transparent;color:#aab1bb;text-decoration:none;text-align:center;display:grid;gap:1px;font:inherit;cursor:pointer}
.nav-item span{font-size:18px}
.nav-item small{font-size:8px}
.nav-item.active{color:#fff}
.filter-dialog,.about-dialog,.details-dialog{width:min(92vw,410px);max-height:min(82dvh,680px);border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(9,18,31,.98);color:#fff;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:auto}
.filter-dialog::backdrop,.about-dialog::backdrop,.details-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(6px)}
.filter-dialog form{padding:15px}
.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.dialog-top button,.dialog-close{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}
.filter-search-wrap{height:40px;margin:12px 0 8px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#101d2d;display:flex;gap:8px;align-items:center}
.filter-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:12px}
.dialog-options{display:grid;gap:6px;margin:8px 0;max-height:42dvh;overflow:auto}
.dialog-options button,.clear-filter{border:1px solid rgba(255,255,255,.13);background:#162437;color:#fff;border-radius:11px;padding:11px;text-align:left;font-size:11px;cursor:pointer}
.clear-filter{width:100%;text-align:center;background:#26364b}
.no-suggestions{font-size:11px;color:#9facba;text-align:center;padding:16px}
.about-dialog,.details-dialog{padding:22px 20px 20px;position:relative}
.dialog-close{position:absolute;right:10px;top:6px}
.about-logo,.page-logo{width:min(100%,300px);height:96px;object-fit:contain;display:block;padding:10px 18px;border-radius:18px;background:#fff;border:1px solid rgba(10,25,48,.08);box-shadow:0 8px 22px rgba(0,0,0,.26)}
.about-dialog h2,.details-dialog h2,.page-card h1{font-size:20px;margin:16px 35px 8px 0}
.about-dialog p,.full-description,.page-card .lead,.page-card p,.page-card li,.page-card td,.page-card th,.page-card label{font-size:12px;line-height:1.6;color:#d9e1eb;white-space:pre-wrap}
.about-brand-panel{display:grid;justify-items:center;gap:5px;padding:14px;border-radius:18px;background:#101d2d}.about-brand-panel strong{font-size:15px}.about-brand-panel span{font-size:10px;color:#9fb2c8}.about-socials{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:18px}
.about-socials a{color:#fff;text-decoration:none;text-align:center;font-size:20px;padding:10px 3px;border-radius:12px;background:#111f30}.about-socials b{display:block;font-size:18px}
.about-socials small{display:block;margin-top:5px;font-size:8px;color:#c8d1dc}
.details-kicker{display:inline-flex;margin-top:3px;padding:5px 9px;border-radius:999px;background:#17365f;color:#bcd8ff;font-size:9px;font-weight:900}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}
.detail-grid div{padding:11px;border-radius:13px;background:#111f30;border:1px solid rgba(255,255,255,.09)}
.detail-grid dt{font-size:8px;text-transform:uppercase;color:#8fa2b8}
.detail-grid dd{margin:5px 0 0;font-size:11px;word-break:break-word}
.details-buttons{display:grid;gap:8px}
.primary-action,.secondary-action{height:42px;border-radius:999px;display:grid;place-items:center;text-decoration:none;font-size:11px;font-weight:850}
.primary-action{background:linear-gradient(135deg,#04a84f,#18c867);color:#fff}
.secondary-action{border:1px solid rgba(255,255,255,.2);background:#142338;color:#fff}
.api-note{position:absolute;z-index:50;left:50%;bottom:75px;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:#172235;color:#fff;font-size:9px;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.page{min-height:100dvh;padding:22px;background:#07101c;display:grid;place-items:center}
.page-card{width:min(92vw,720px);padding:22px;border-radius:22px;background:#0b1625;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.page-card .page-logo{margin-bottom:14px}
.info-card,.notice{padding:16px;border-radius:16px;background:#111f30;border:1px solid rgba(255,255,255,.08);margin-top:16px}
.notice{background:#16283f}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social-grid-five{grid-template-columns:repeat(5,1fr)}.about-page-brand{display:grid;justify-items:start;gap:5px;text-decoration:none;color:#fff}.about-page-brand strong{font-size:16px}.about-page-brand span{font-size:11px;color:#9fb2c8}
.social-grid a{display:grid;place-items:center;height:42px;border-radius:999px;background:#162437;color:#fff;text-decoration:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f1b2c;color:#fff}.field textarea{min-height:110px;resize:vertical}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
@media(max-width:390px){.glass-header{min-height:60px;padding-left:9px;padding-right:9px}.header-actions{gap:6px}.logo-pill{min-width:130px;padding:0 10px}.logo-pill img{width:108px;height:34px}.title-mask{left:10px;right:58px;bottom:170px}.title-mask h2{font-size:16px}.reel-actions{left:10px;right:10px;bottom:120px}.details-button{font-size:11px}.round-action{width:38px;height:38px;flex-basis:38px}.filter-sheet{left:7px;right:7px}.filter-chip{font-size:8px}.bottom-nav{padding-left:9px;padding-right:9px}.about-logo,.page-logo{width:96px}.form-grid{grid-template-columns:1fr}}

@media(max-width:430px){.about-socials{grid-template-columns:repeat(3,1fr)}.social-grid-five{grid-template-columns:repeat(2,1fr)}.about-logo,.page-logo{height:82px}}

@media(max-width:520px){.app-shell{width:100vw;height:100dvh;aspect-ratio:auto;box-shadow:none}.reel-media img,.reel-media video{object-position:center 36%}}

.embed-crop iframe{transform-origin:center center}


/* Native GroDeals reel feel */
.reel{background:linear-gradient(180deg,#061120 0%,#04080f 100%)}
.reel::before{content:"";position:absolute;left:8px;right:8px;bottom:76px;height:214px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(10,18,28,.3),rgba(8,14,22,.96) 24%,rgba(7,12,19,.99) 100%);border:1px solid rgba(255,255,255,.07);border-bottom:0;box-shadow:0 -18px 36px rgba(0,0,0,.24);z-index:2;pointer-events:none}
.reel-media{inset:8px 8px 236px 8px !important;width:auto !important;height:auto !important;border-radius:28px;overflow:hidden;background:#000;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.reel-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none;z-index:4}
.reel-media img,.reel-media video{object-fit:cover;object-position:center 32%}
.embed-crop{border-radius:28px}
.youtube-frame{left:-23%;top:-34%;width:146%;height:178%}
.instagram-frame{left:-34%;top:-64%;width:168%;height:232%}
.facebook-frame{left:-25%;top:-42%;width:150%;height:184%}
.youtube-crop::before,.instagram-crop::before,.facebook-crop::before,.youtube-crop::after,.instagram-crop::after,.facebook-crop::after{content:"";position:absolute;left:0;right:0;z-index:5;pointer-events:none;background:#000}
.youtube-crop::before{top:0;height:10%}
.youtube-crop::after{bottom:0;height:18%}
.instagram-crop::before{top:0;height:16%}
.instagram-crop::after{bottom:0;height:30%}
.facebook-crop::before{top:0;height:10%}
.facebook-crop::after{bottom:0;height:20%}
.reel::after{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 26%,transparent 58%,rgba(0,0,0,.16) 100%)}
.title-mask{z-index:6;left:16px;right:16px;bottom:150px;padding:16px 18px 14px;border-radius:24px;background:linear-gradient(180deg,rgba(26,36,48,.76),rgba(8,13,20,.94));backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);text-shadow:none;box-shadow:0 12px 24px rgba(0,0,0,.22)}
.title-mask h2{margin:8px 0 6px;font-size:17px;line-height:1.12}
.location-line{font-size:11px;color:#e6edf8}
.badge{font-size:9px;padding:5px 10px;letter-spacing:.04em}
.reel-actions{z-index:7;left:16px;right:16px;bottom:92px;gap:10px}
.details-button{height:46px;border-radius:16px;font-size:13px;box-shadow:0 10px 20px rgba(4,74,195,.26)}
.details-button span{font-size:23px}
.round-action{width:46px;height:46px;flex-basis:46px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.filter-sheet{left:8px;right:8px;bottom:64px;border-radius:26px 26px 0 0;background:rgba(9,14,22,.88);border:1px solid rgba(255,255,255,.08);border-bottom:0;box-shadow:0 -8px 24px rgba(0,0,0,.18)}
.filter-chip{height:44px;border-radius:16px;background:rgba(255,255,255,.04);font-size:10px}
.bottom-nav{background:#05080d;border-top:1px solid rgba(255,255,255,.06)}
.floating-logo-circle{width:78px;height:78px;border-width:3px;box-shadow:0 10px 28px rgba(0,0,0,.34)}
.floating-logo-circle img{width:60px;height:60px}
.deal-navigation{right:14px;gap:12px}
.media-loading,.broken-media{border-radius:28px}

@media (max-width:520px){
  .reel::before{left:8px;right:8px;bottom:76px;height:220px}
  .reel-media{inset:8px 8px 242px 8px !important;border-radius:26px}
  .title-mask{left:12px;right:12px;bottom:152px;padding:14px 16px 12px;border-radius:22px}
  .reel-actions{left:12px;right:12px;bottom:94px}
  .details-button{height:44px}
}

@media (max-width:390px){
  .reel::before{height:216px}
  .reel-media{inset:8px 8px 238px 8px !important;border-radius:24px}
  .title-mask{left:10px;right:10px;bottom:154px;padding:12px 14px 12px;border-radius:20px}
  .title-mask h2{font-size:15px}
  .reel-actions{left:10px;right:10px;bottom:98px;gap:8px}
  .details-button{font-size:12px}
  .filter-sheet{left:6px;right:6px}
  .floating-logo-circle{width:72px;height:72px}
  .floating-logo-circle img{width:56px;height:56px}
}


/* v22 full-screen reel-app refinements */
body{background:#06090f}
.app-shell{position:relative;width:min(100vw,calc(100dvh * 9 / 16),520px);height:min(100dvh,calc(100vw * 16 / 9));aspect-ratio:9/16;background:#000;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.45)}
.reel{background:#000}
.reel::before{display:none !important}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,transparent 16%,transparent 52%,rgba(0,0,0,.14) 66%,rgba(0,0,0,.54) 100%);pointer-events:none;z-index:3}
.reel-media{inset:0 !important;width:100% !important;height:100% !important;border-radius:0 !important;box-shadow:none !important;background:#000;overflow:hidden}
.reel-media::before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 14px rgba(0,0,0,.22), inset 0 -210px 120px rgba(0,0,0,.75), inset 0 70px 70px rgba(0,0,0,.14);pointer-events:none;z-index:4}
.reel-media img,.reel-media video{object-fit:cover;object-position:center 28%;background:#000}
.embed-crop{position:absolute;inset:0;overflow:hidden;background:#000;border-radius:0 !important}
.youtube-crop,.instagram-crop,.facebook-crop{box-shadow:inset 20px 0 0 #000, inset -20px 0 0 #000}
.youtube-frame{left:-26%;top:-22%;width:152%;height:152%;pointer-events:auto}
.instagram-frame{left:-30%;top:-28%;width:160%;height:170%;pointer-events:auto}
.facebook-frame{left:-24%;top:-24%;width:148%;height:160%;pointer-events:auto}
.youtube-crop::before,.instagram-crop::before,.facebook-crop::before,.youtube-crop::after,.instagram-crop::after,.facebook-crop::after{content:"";position:absolute;left:0;right:0;background:#000;pointer-events:none;z-index:5}
.youtube-crop::before{top:0;height:10%}
.youtube-crop::after{bottom:0;height:18%}
.instagram-crop::before{top:0;height:15%}
.instagram-crop::after{bottom:0;height:28%}
.facebook-crop::before{top:0;height:11%}
.facebook-crop::after{bottom:0;height:20%}
.media-loading,.broken-media{inset:0;border-radius:0;background:#05080d;z-index:2}
.deal-navigation{right:14px;top:50%;transform:translateY(-50%);display:grid;gap:12px;z-index:10}
.floating-logo-circle{width:76px;height:76px;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.floating-logo-circle img{width:58px;height:58px;object-fit:contain}
.deal-navigation button{width:42px;height:42px;background:rgba(8,15,24,.72);border:1px solid rgba(255,255,255,.44);backdrop-filter:blur(12px)}
.title-mask{z-index:8;left:14px;right:86px;bottom:148px;padding:14px 16px 12px;border-radius:22px;background:linear-gradient(180deg,rgba(18,28,42,.28),rgba(6,10,16,.88) 38%,rgba(6,10,16,.94) 100%);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(0,0,0,.24);text-shadow:none}
.badge{padding:5px 10px;font-size:9px;font-weight:900;letter-spacing:.04em}
.title-mask h2{margin:8px 0 6px;font-size:17px;line-height:1.12}
.location-line{font-size:11px;color:#e9eef7}
.reel-actions{z-index:9;left:14px;right:14px;bottom:84px;display:flex;gap:10px;align-items:center}
.details-button{height:48px;border-radius:18px;padding:0 18px;font-size:13px;font-weight:850;background:linear-gradient(135deg,#0a58d2,#1877f2);box-shadow:0 10px 24px rgba(4,74,195,.34)}
.round-action{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:rgba(8,15,24,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.filter-sheet{z-index:11;left:10px;right:10px;bottom:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 8px 8px;border-radius:24px 24px 0 0;background:rgba(8,13,20,.88);border:1px solid rgba(255,255,255,.08);border-bottom:0;backdrop-filter:blur(18px);box-shadow:0 -10px 32px rgba(0,0,0,.22)}
.filter-chip{height:44px;padding:0 10px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:10px}
.bottom-nav{height:64px;padding:6px 18px calc(6px + env(safe-area-inset-bottom));background:rgba(4,8,14,.96);border-top:1px solid rgba(255,255,255,.07)}
.nav-item{color:#c1cad6}.nav-item.active{color:#fff}

@media(max-width:520px){
  .app-shell{width:min(100vw,calc(100dvh * 9 / 16));height:min(100dvh,calc(100vw * 16 / 9));aspect-ratio:9/16;box-shadow:none}
  .reel-media img,.reel-media video{object-position:center 30%}
  .title-mask{left:12px;right:80px;bottom:150px;padding:13px 14px 12px;border-radius:20px}
  .title-mask h2{font-size:16px}
  .reel-actions{left:12px;right:12px;bottom:86px;gap:8px}
  .details-button{height:46px;font-size:12px}
  .deal-navigation{right:10px;gap:10px}
  .floating-logo-circle{width:72px;height:72px}.floating-logo-circle img{width:54px;height:54px}
  .deal-navigation button{width:40px;height:40px}
  .filter-sheet{left:8px;right:8px;bottom:64px;gap:6px}
  .filter-chip{height:42px;font-size:9px}
}

@media(max-width:390px){
  .title-mask{left:10px;right:76px;bottom:152px;padding:12px 13px 11px;border-radius:18px}
  .title-mask h2{font-size:15px}
  .reel-actions{left:10px;right:10px;bottom:88px}
  .details-button{height:44px}
  .filter-sheet{left:6px;right:6px;padding:15px 6px 6px}
  .filter-chip{height:40px;font-size:8px}
}


/* v23 tuning: higher media, visible CTA, reduced black gaps */
.reel-media::before{box-shadow:inset 0 0 0 12px rgba(0,0,0,.18), inset 0 -172px 96px rgba(0,0,0,.58), inset 0 42px 42px rgba(0,0,0,.10)}
.reel-media img,.reel-media video{object-position:center 20% !important}
.youtube-frame{left:-27%;top:-30%;width:154%;height:162%}
.instagram-frame{left:-31%;top:-38%;width:162%;height:182%}
.facebook-frame{left:-25%;top:-30%;width:150%;height:166%}
.youtube-crop,.instagram-crop,.facebook-crop{box-shadow:inset 16px 0 0 #000, inset -16px 0 0 #000}
.youtube-crop::before{top:0;height:8%}
.youtube-crop::after{bottom:0;height:12%}
.instagram-crop::before{top:0;height:10%}
.instagram-crop::after{bottom:0;height:17%}
.facebook-crop::before{top:0;height:9%}
.facebook-crop::after{bottom:0;height:14%}
.title-mask{bottom:176px !important;right:92px;padding:13px 15px 11px;border-radius:20px;max-width:none}
.title-mask h2{font-size:16px;margin:7px 0 5px}
.location-line{font-size:10px}
.reel-actions{bottom:124px !important;left:14px;right:14px;z-index:12}
.details-button{display:flex !important;visibility:visible !important;opacity:1 !important;min-height:46px}
.filter-sheet{bottom:64px;z-index:11}
.deal-navigation{z-index:13}

@media(max-width:520px){
  .reel-media img,.reel-media video{object-position:center 18% !important}
  .instagram-frame{left:-32%;top:-42%;width:164%;height:188%}
  .youtube-frame{left:-28%;top:-32%;width:156%;height:166%}
  .facebook-frame{left:-26%;top:-32%;width:152%;height:170%}
  .title-mask{bottom:178px !important;right:82px;padding:12px 13px 10px;border-radius:18px}
  .title-mask h2{font-size:15px}
  .reel-actions{bottom:126px !important;left:12px;right:12px}
  .details-button{height:44px;font-size:12px}
  .filter-sheet{left:8px;right:8px;padding:14px 8px 8px}
}

@media(max-width:390px){
  .reel-media img,.reel-media video{object-position:center 16% !important}
  .title-mask{bottom:180px !important;right:78px;left:10px;padding:11px 12px 10px}
  .reel-actions{bottom:128px !important;left:10px;right:10px}
  .details-button{height:43px;font-size:11px}
}


/* v24 aspect-ratio comfort + stronger platform masking */
.reel-media::before{box-shadow:inset 0 0 0 12px rgba(0,0,0,.18), inset 0 -170px 96px rgba(0,0,0,.62), inset 0 24px 22px rgba(0,0,0,.08) !important}
.reel-media img,.reel-media video{object-fit:cover;object-position:center 14% !important;transform:scale(.965)}
.embed-crop{background:#000 !important}
.embed-crop::before{content:"";position:absolute;inset:0;box-shadow:inset 18px 0 0 #000,inset -18px 0 0 #000;pointer-events:none;z-index:6}
.youtube-frame{left:-22% !important;top:-20% !important;width:144% !important;height:148% !important}
.instagram-frame{left:-24% !important;top:-24% !important;width:148% !important;height:156% !important}
.facebook-frame{left:-21% !important;top:-22% !important;width:142% !important;height:150% !important}
.youtube-crop::before{top:0;height:8% !important}
.youtube-crop::after{bottom:0;height:22% !important}
.instagram-crop::before{top:0;height:10% !important}
.instagram-crop::after{bottom:0;height:28% !important}
.facebook-crop::before{top:0;height:9% !important}
.facebook-crop::after{bottom:0;height:24% !important}
.youtube-crop::before,.instagram-crop::before,.facebook-crop::before,.youtube-crop::after,.instagram-crop::after,.facebook-crop::after{background:#000 !important;z-index:7}
.title-mask{bottom:182px !important}
.reel-actions{bottom:128px !important}

@media(max-width:520px){
  .reel-media img,.reel-media video{object-position:center 12% !important;transform:scale(.96)}
  .youtube-frame{left:-23% !important;top:-21% !important;width:146% !important;height:150% !important}
  .instagram-frame{left:-25% !important;top:-25% !important;width:150% !important;height:160% !important}
  .facebook-frame{left:-22% !important;top:-23% !important;width:144% !important;height:152% !important}
  .title-mask{bottom:184px !important}
  .reel-actions{bottom:130px !important}
}

@media(max-width:390px){
  .reel-media img,.reel-media video{object-position:center 11% !important;transform:scale(.955)}
  .instagram-crop::after{height:30% !important}
  .youtube-crop::after{height:23% !important}
  .facebook-crop::after{height:25% !important}
  .title-mask{bottom:186px !important}
  .reel-actions{bottom:132px !important}
}


/* v25 balanced centering */
.reel-media img,.reel-media video{object-position:center 18% !important;transform:scale(.94) !important}
.youtube-frame{left:-18% !important;top:-16% !important;width:136% !important;height:142% !important}
.instagram-frame{left:-20% !important;top:-19% !important;width:140% !important;height:148% !important}
.facebook-frame{left:-18% !important;top:-18% !important;width:136% !important;height:144% !important}
.embed-crop::before{box-shadow:inset 14px 0 0 #000,inset -14px 0 0 #000 !important}
.youtube-crop::before{height:7% !important}
.youtube-crop::after{height:20% !important}
.instagram-crop::before{height:9% !important}
.instagram-crop::after{height:26% !important}
.facebook-crop::before{height:8% !important}
.facebook-crop::after{height:22% !important}

@media(max-width:520px){
  .reel-media img,.reel-media video{object-position:center 17% !important;transform:scale(.935) !important}
  .youtube-frame{left:-19% !important;top:-17% !important;width:138% !important;height:144% !important}
  .instagram-frame{left:-21% !important;top:-20% !important;width:142% !important;height:150% !important}
  .facebook-frame{left:-19% !important;top:-19% !important;width:138% !important;height:146% !important}
}

@media(max-width:390px){
  .reel-media img,.reel-media video{object-position:center 16% !important;transform:scale(.93) !important}
  .youtube-frame{left:-20% !important;top:-18% !important;width:140% !important;height:146% !important}
  .instagram-frame{left:-22% !important;top:-21% !important;width:144% !important;height:152% !important}
  .facebook-frame{left:-20% !important;top:-20% !important;width:140% !important;height:148% !important}
}