@layer utilities{:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pointer-events-none{pointer-events:none}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .visible{visibility:visible}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .absolute{position:absolute}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .fixed{position:fixed}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .relative{position:relative}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .inset-0{inset:0}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .top-1\/2{top:50%}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .left-2{left:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .left-4{left:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .z-\[1000\]{z-index:1000}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .order-first{order:-9999}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mx-auto{margin-inline:auto}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mt-0\.5{margin-top:calc(var(--spacing) * .5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mt-1{margin-top:var(--spacing)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mt-2{margin-top:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mt-4{margin-top:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mb-1{margin-bottom:var(--spacing)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .mb-2{margin-bottom:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .ml-auto{margin-left:auto}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .block{display:block}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .flex{display:flex}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .grid{display:grid}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .hidden{display:none}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .inline-flex{display:inline-flex}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-3\.5{height:calc(var(--spacing) * 3.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-4{height:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-5{height:calc(var(--spacing) * 5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-7{height:calc(var(--spacing) * 7)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-9{height:calc(var(--spacing) * 9)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-64{height:calc(var(--spacing) * 64)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .h-auto{height:auto}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-h-48{max-height:calc(var(--spacing) * 48)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-h-60{max-height:calc(var(--spacing) * 60)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-h-64{max-height:calc(var(--spacing) * 64)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-h-80{max-height:calc(var(--spacing) * 80)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-h-\[70vh\]{max-height:70vh}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .min-h-11{min-height:calc(var(--spacing) * 11)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .w-3\.5{width:calc(var(--spacing) * 3.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .w-4{width:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .w-5{width:calc(var(--spacing) * 5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .w-7{width:calc(var(--spacing) * 7)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .w-full{width:100%}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-w-\[1500px\]{max-width:1500px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-w-\[1600px\]{max-width:1600px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-w-full{max-width:100%}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .max-w-sm{max-width:var(--container-sm)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .min-w-0{min-width:0}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .flex-1{flex:1}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .shrink-0{flex-shrink:0}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .basis-48{flex-basis:calc(var(--spacing) * 48)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .rotate-180{rotate:180deg}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .animate-pulse{animation:var(--animate-pulse)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .cursor-pointer{cursor:pointer}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .flex-col{flex-direction:column}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .flex-wrap{flex-wrap:wrap}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .items-center{align-items:center}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .items-start{align-items:flex-start}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .justify-between{justify-content:space-between}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .justify-center{justify-content:center}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .justify-end{justify-content:flex-end}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-0\.5{gap:calc(var(--spacing) * .5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-1{gap:var(--spacing)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-1\.5{gap:calc(var(--spacing) * 1.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-2{gap:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-3{gap:calc(var(--spacing) * 3)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-4{gap:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .gap-5{gap:calc(var(--spacing) * 5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .overflow-hidden{overflow:hidden}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .overflow-x-auto{overflow-x:auto}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .overflow-x-hidden{overflow-x:hidden}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .overflow-y-auto{overflow-y:auto}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .overscroll-contain{overscroll-behavior:contain}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .rounded-2xl{border-radius:var(--radius-2xl)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .rounded-lg{border-radius:calc(var(--radius) + 2px)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .rounded-md{border-radius:var(--radius)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .rounded-sm{border-radius:calc(var(--radius) - 2px)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .rounded-xl{border-radius:var(--radius-xl)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border{border-style:var(--tw-border-style);border-width:1px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-dashed{--tw-border-style:dashed;border-style:dashed}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-amber-500\/30{border-color:#f99c004d}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-amber-500\/40{border-color:#f99c0066}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-border\/30{border-color:hsl(var(--border))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-border\/40{border-color:hsl(var(--border))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-border\/50{border-color:hsl(var(--border))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-border\/60{border-color:hsl(var(--border))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-destructive\/30{border-color:hsl(var(--destructive))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-primary{border-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-primary\/20{border-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-primary\/25{border-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-primary\/30{border-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .border-transparent{border-color:#0000}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-amber-500\/10{background-color:#f99c001a}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-background\/40{background-color:hsl(var(--background))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-background\/60{background-color:hsl(var(--background))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-background\/75{background-color:hsl(var(--background))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-card{background-color:hsl(var(--card))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-card\/40{background-color:hsl(var(--card))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-card\/50{background-color:hsl(var(--card))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-card\/60{background-color:hsl(var(--card))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-destructive\/10{background-color:hsl(var(--destructive))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-muted\/20{background-color:hsl(var(--muted))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-primary\/5{background-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-primary\/10{background-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .bg-primary\/15{background-color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .p-1{padding:var(--spacing)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .p-1\.5{padding:calc(var(--spacing) * 1.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .p-2{padding:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .p-3{padding:calc(var(--spacing) * 3)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .p-4{padding:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .p-5{padding:calc(var(--spacing) * 5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .px-2{padding-inline:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .px-3{padding-inline:calc(var(--spacing) * 3)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .px-4{padding-inline:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-0\.5{padding-block:calc(var(--spacing) * .5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-1{padding-block:var(--spacing)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-2{padding-block:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-3{padding-block:calc(var(--spacing) * 3)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-3\.5{padding-block:calc(var(--spacing) * 3.5)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-4{padding-block:calc(var(--spacing) * 4)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-6{padding-block:calc(var(--spacing) * 6)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-8{padding-block:calc(var(--spacing) * 8)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .py-10{padding-block:calc(var(--spacing) * 10)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pt-6{padding-top:calc(var(--spacing) * 6)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pb-1{padding-bottom:var(--spacing)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pb-2{padding-bottom:calc(var(--spacing) * 2)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pl-0{padding-left:0}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pl-7{padding-left:calc(var(--spacing) * 7)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .pl-8{padding-left:calc(var(--spacing) * 8)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-center{text-align:center}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-left{text-align:left}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-right{text-align:right}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .align-middle{vertical-align:middle}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .font-mono{font-family:var(--app-font-mono)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-\[10px\]{font-size:10px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-\[11px\]{font-size:11px}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-amber-600{color:var(--color-amber-600)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-destructive{color:hsl(var(--destructive))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .text-primary{color:hsl(var(--primary))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .uppercase{text-transform:uppercase}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .underline{text-decoration-line:underline}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
:where(.orex-selections-scope,.panel-visual-refresh:has(select[aria-label="Kupon tarihi"],select[aria-label="Coupon date"])) .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}
@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}
@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}
@property --tw-animation-duration{syntax:"*";inherits:false}
@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}
@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}
@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}
@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}
@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}
@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}
@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}
@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}
@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}
@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}
@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}
@property --tw-pan-x{syntax:"*";inherits:false}
@property --tw-pan-y{syntax:"*";inherits:false}
@property --tw-pinch-zoom{syntax:"*";inherits:false}
@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --tw-gradient-position{syntax:"*";inherits:false}
@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --tw-gradient-stops{syntax:"*";inherits:false}
@property --tw-gradient-via-stops{syntax:"*";inherits:false}
@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --tw-leading{syntax:"*";inherits:false}
@property --tw-font-weight{syntax:"*";inherits:false}
@property --tw-tracking{syntax:"*";inherits:false}
@property --tw-ordinal{syntax:"*";inherits:false}
@property --tw-slashed-zero{syntax:"*";inherits:false}
@property --tw-numeric-figure{syntax:"*";inherits:false}
@property --tw-numeric-spacing{syntax:"*";inherits:false}
@property --tw-numeric-fraction{syntax:"*";inherits:false}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-shadow-color{syntax:"*";inherits:false}
@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-shadow-color{syntax:"*";inherits:false}
@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-ring-color{syntax:"*";inherits:false}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-inset-ring-color{syntax:"*";inherits:false}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-ring-inset{syntax:"*";inherits:false}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@property --tw-backdrop-blur{syntax:"*";inherits:false}
@property --tw-backdrop-brightness{syntax:"*";inherits:false}
@property --tw-backdrop-contrast{syntax:"*";inherits:false}
@property --tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --tw-backdrop-invert{syntax:"*";inherits:false}
@property --tw-backdrop-opacity{syntax:"*";inherits:false}
@property --tw-backdrop-saturate{syntax:"*";inherits:false}
@property --tw-backdrop-sepia{syntax:"*";inherits:false}
@property --tw-duration{syntax:"*";inherits:false}
@property --tw-ease{syntax:"*";inherits:false}
@property --tw-content{syntax:"*";inherits:false;initial-value:""}

/* All source cards share one grid, regardless of label/team/statistic length.
   Narrow screens scroll the table rather than compressing or shifting columns. */
.orex-coupon-surface .orex-selection-table {
  width: 100%;
  min-width: 760px;
  table-layout: fixed;
}
.orex-selection-table col:nth-child(1) { width: 6%; }
.orex-selection-table col:nth-child(2) { width: 10%; }
.orex-selection-table col:nth-child(3) { width: 26%; }
.orex-selection-table col:nth-child(4) { width: 16%; }
.orex-selection-table col:nth-child(5) { width: 8%; }
.orex-selection-table col:nth-child(6) { width: 23%; }
.orex-selection-table col:nth-child(7) { width: 11%; }
.orex-coupon-surface .orex-selection-table :is(th, td) {
  vertical-align: middle;
  text-align: left;
}
.orex-coupon-surface .orex-selection-table :is(th, td):nth-child(6) {
  text-align: right;
}
.orex-coupon-surface .orex-selection-table td:nth-child(3) > div {
  min-width: 0 !important;
  max-width: none !important;
  overflow-wrap: anywhere;
}
.orex-coupon-surface .orex-selection-table td:nth-child(4) > span {
  white-space: normal;
  overflow-wrap: anywhere;
}
.orex-coupon-surface .orex-selection-table .orex-selection-team {
  font-size: 16px !important;
  line-height: 1.4;
}

/* Theme-layer important declarations outrank the panel's universal white text.
   Only OrEx coupon surfaces actually painted with the turquoise accent are targeted. */
@layer theme {
  html:not(.light) body .orex-coupon-surface :is(
    [class~="bg-primary"],
    [class~="bg-primary/5"],
    [class~="bg-primary/10"],
    [class~="bg-primary/15"]
  ),
  html:not(.light) body .orex-coupon-surface :is(
    [class~="bg-primary"],
    [class~="bg-primary/5"],
    [class~="bg-primary/10"],
    [class~="bg-primary/15"]
  ) * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    stroke: currentColor !important;
  }
  html.light body .orex-coupon-surface :is(
    [class~="bg-primary"],
    [class~="bg-primary/5"],
    [class~="bg-primary/10"],
    [class~="bg-primary/15"]
  ),
  html.light body .orex-coupon-surface :is(
    [class~="bg-primary"],
    [class~="bg-primary/5"],
    [class~="bg-primary/10"],
    [class~="bg-primary/15"]
  ) * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    stroke: currentColor !important;
  }
}
