.promotions-main{margin:32px auto 40px;min-height:55vh}.promo-filters{background:#343c46;border-radius:11px;overflow:hidden;box-shadow:inset 0 1px #48515e;margin-bottom:20px}.promo-filters h1{display:flex;align-items:center;gap:12px;font-size:23px;margin:0;padding:12px 32px;border-bottom:1px solid #424b57}.promo-gift{width:22px;height:22px;color:#ffd000;flex-shrink:0}.promo-tabs{display:flex;gap:4px;padding:12px 32px;overflow-x:auto;scrollbar-width:none}.promo-tabs button{flex:0 0 152px;min-height:44px;border:1px solid #536070;border-radius:11px;background:transparent;color:#b8c7db;font-size:14px;font-weight:bold}.promo-tabs button.active{background:#ff3038;color:white;border-color:#ff3038}.promo-tabs button:hover{color:white;border-color:#ff3038}.promo-search{display:none}#promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.promo-card{padding:0;border:0;background:#343c46;border-radius:10px;overflow:hidden;aspect-ratio:11/6;display:block;width:100%;transition:box-shadow .15s,transform .15s}.promo-card img{width:100%;height:100%;display:block;object-fit:cover}.promo-card:hover,.promo-card:focus-visible{box-shadow:0 0 0 2px #ff3038;transform:translateY(-2px);outline:none}#promo-empty{text-align:center;padding:50px 15px;color:#b8c7db}#promo-dialog{padding:0;border:0;border-radius:10px;width:min(808px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:#343c46;color:#d5dfec;overflow:hidden}#promo-dialog::backdrop{background:#0b1019c9;backdrop-filter:blur(6px)}.promo-dialog-head{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid #424b57}.promo-dialog-head h2{font-size:20px;margin:0;flex:1;color:white;line-height:1.35}.promo-close{padding:0;border:0;background:none;color:white;font-size:28px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-dialog-body{padding:24px;max-height:calc(100dvh - 90px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ff3038 #343c46;overscroll-behavior:contain}#promo-image{display:block;width:100%;aspect-ratio:11/6;object-fit:cover;border-radius:12px}.promo-detail{border-top:4px solid #454f5c;margin-top:24px;padding-top:24px}#promo-terms{line-height:1.8;font-size:16px}#promo-terms p{margin:0 0 16px}#promo-terms h3{font-size:16px;margin:0 0 5px}.promo-actions{display:flex;gap:8px;margin-bottom:16px}.promo-actions>*{flex:1;display:flex;justify-content:center;align-items:center;min-height:42px;text-align:center}.promo-actions a{color:white;text-decoration:none}.promotions-page .nav button[data-info="Promosyonlar"],.promotions-page .nav button[data-info="Promosyonlar"] .nav-reference-icon{color:#ffd000}.promotions-page:has(#promo-dialog[open]){overflow:hidden}.promotions-page{scrollbar-gutter:stable}
@media(min-width:701px){.promo-actions{margin-top:0}.promotions-page .wrap{max-width:1360px}}
@media(max-width:1000px) and (min-width:701px){#promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-tabs{padding-inline:20px}.promo-tabs button{flex-basis:140px}}
@media(max-width:700px){.promotions-main{width:100%;margin:12px auto 24px}.promo-filters{border-radius:8px;margin-bottom:16px}.promo-filters h1{font-size:16px;padding:10px 12px;gap:8px}.promo-gift{width:16px;height:16px}.promo-tabs{padding:14px 16px;gap:6px}.promo-tabs button{flex:0 0 auto;padding:0 15px;min-height:28px;border-radius:8px;font-size:9px}.promo-search{display:flex;gap:6px;padding:0 12px 10px}.promo-search label{display:flex;align-items:center;gap:12px;border:1px solid #46515e;border-radius:8px;flex:1;min-width:0;padding:0 14px;color:#8998a9}.promo-search input{min-width:0;width:100%;border:0;background:transparent;color:white;height:34px;font-size:10px;outline:0}.promo-search button{height:34px;padding:0 14px;font-size:11px;border-radius:8px}#promo-grid{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 12px}.promo-card{border-radius:8px}#promo-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 32px);border-radius:8px}.promo-dialog-head{padding:8px 10px;gap:8px}.promo-dialog-head h2{font-size:12px}.promo-dialog-head .promo-gift{width:14px;height:14px}.promo-close{background:#78818a;border-radius:50%;color:#343c46;width:21px;height:21px;font-size:21px}.promo-dialog-body{padding:12px;max-height:calc(100dvh - 80px)}#promo-image{border-radius:0}.promo-detail{margin-top:14px;padding-top:12px;border-top-width:4px}.promo-actions{gap:6px;margin-bottom:0}.promo-actions>*{font-size:12px;min-height:39px;padding:0 6px;border-radius:7px}#promo-terms{font-size:13px;line-height:1.7}#promo-terms h3{font-size:13px}#promo-terms p{margin-bottom:24px}}
html:has(.promotions-page){scrollbar-gutter:stable}#promo-dialog{max-width:808px;text-align:left}#promo-dialog p{color:#d5dfec;text-align:left}#promo-dialog h2{text-align:left}.promo-actions .primary{border-radius:8px}

/* Keep the whole campaign artwork visible while only details scroll. */
#promo-dialog{height:min(900px,calc(100dvh - 32px))}
#promo-dialog[open]{display:flex;flex-direction:column}
.promo-dialog-head{flex:0 0 auto}
.promo-dialog-body{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}
#promo-image{width:100%;height:auto;max-height:42dvh;aspect-ratio:auto;object-fit:contain;object-position:center;flex:0 0 auto;min-height:0}
.promo-detail{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff3038 #343c46;padding-right:10px}
#promo-terms h3:not(:first-child){margin:26px 0 10px;color:#fff}
#promo-terms ul, #promo-terms ol{margin:0 0 16px 20px;padding:0}
#promo-terms li{margin-bottom:6px}
#promo-terms h1, #promo-terms h2, #promo-terms h4{margin:18px 0 8px;color:#fff;font-size:16px}
#promo-terms img{max-width:100%;height:auto;border-radius:6px}
@media(max-width:700px){#promo-image{max-height:32dvh}.promo-detail{padding-right:6px}#promo-terms h3:not(:first-child){margin-top:22px}}
@media(max-height:450px){#promo-image{max-height:28dvh}.promo-dialog-body{padding:10px}.promo-detail{margin-top:10px;padding-top:10px}}