.op-tile{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:24px;aspect-ratio:3/4;color:#fff8ec;background:#1a1640;box-shadow:0 18px 40px -22px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;-webkit-tap-highlight-color:transparent}.op-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.op-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,26,0) 35%,rgba(10,8,26,.55) 62%,rgba(10,8,26,.92))}.op-tile:focus-visible,.op-tile:hover{transform:translateY(-4px);box-shadow:0 26px 50px -20px rgba(0,0,0,.85),inset 0 0 0 2px var(--color-safran,#f4b323)}.op-tile:focus-visible img,.op-tile:hover img{transform:scale(1.06)}.op-tile:active{transform:scale(.98)}.op-tile:focus-visible{outline:none}.op-body{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:16px}.op-body b{font-family:var(--font-display);font-size:clamp(18px,4.6vw,22px);font-weight:800;line-height:1.1;letter-spacing:-.01em}.op-body>span:not(.op-ar):not(.op-cta){font-size:13px;line-height:1.35;color:rgba(255,248,236,.82)}.op-ar{font-family:var(--font-arabic);font-size:18px;line-height:1.2;color:#f7d88e}.op-price{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#1a1640;background:rgba(255,248,236,.92)}.op-tile-big{aspect-ratio:4/3}.op-tile-big .op-body{padding:22px;gap:6px}.op-tile-big .op-body b{font-size:clamp(26px,6vw,36px)}.op-tile-big .op-body>span:not(.op-cta){max-width:420px;font-size:15px}.op-badge{position:absolute;top:16px;left:16px;padding:6px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--color-safran,#f4b323)}.op-badge,.op-cta{border-radius:999px;font-weight:800;color:#1a1640}.op-cta{justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:8px;min-height:44px;padding:0 20px;font-size:15px;background:linear-gradient(135deg,#fff3d0,#f5cd7a);transition:gap .3s ease}.op-tile-big:hover .op-cta{gap:16px}.op-filters{position:sticky;top:64px;z-index:5;display:flex;gap:8px;margin:36px -16px 20px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(180deg,var(--color-nuit,#0e0c2e) 70%,transparent)}.op-filters::-webkit-scrollbar{display:none}.op-filters button{flex:none;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;color:rgba(255,248,236,.8);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background .2s ease,color .2s ease}.op-filters button[aria-selected=true]{color:#1a1640;background:var(--color-safran,#f4b323);box-shadow:none}.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:720px){.op-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1080px){.op-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.op-grid .op-tile{animation:op-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes op-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.op-also{display:grid;gap:10px}@media (min-width:720px){.op-also{grid-template-columns:repeat(2,minmax(0,1fr))}}.op-also-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .2s ease,box-shadow .2s ease}.op-also-item:hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1.5px var(--color-safran,#f4b323)}.op-also-item>span:nth-child(2){display:grid;gap:2px}.op-also-item b{font-family:var(--font-display);font-size:16px}.op-also-item>span:nth-child(2)>span{font-size:13px;color:rgba(255,248,236,.7)}.op-also-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#1a1640;background:linear-gradient(135deg,#fff3d0,#f5cd7a)}.op-also-arrow{color:var(--color-safran,#f4b323);font-weight:800}@media (prefers-reduced-motion:reduce){.op-grid .op-tile,.op-tile,.op-tile img{transition:none;animation:none}}