@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap');:root{--red:#dc241e;--dark:#24120b;--cream:#fff7ec;--yellow:#ffe04b}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--dark)}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{max-width:1440px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:36px;font-weight:900;color:var(--red);font-style:italic;letter-spacing:-3px}.brand span{font-size:11px;vertical-align:top;letter-spacing:0}.site-link{font-size:12px;font-weight:900;letter-spacing:1px}.main{max-width:1440px;margin:auto}.hero{text-align:center;padding:84px 20px 52px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:2px;color:var(--red)}.hero h1{font-size:clamp(54px,8.5vw,125px);line-height:.91;letter-spacing:-.08em;font-weight:900;color:var(--red);margin:19px 0 27px}.hero-desc{font-size:clamp(16px,1.5vw,21px);max-width:640px;margin:auto;line-height:1.6}.campaign-area{padding:35px 5% 80px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 25px}.filter{background:#fff;border:2px solid var(--red);border-radius:40px;padding:14px 25px;font-size:12px;font-weight:900;letter-spacing:.5px;color:var(--red)}.filter.active,.filter:hover{background:var(--red);color:white}.filter span{margin-left:8px}.campaign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:18px}.campaign-card{position:relative;border-radius:23px;overflow:hidden;background:var(--red);min-height:245px;border:4px solid var(--red)}.campaign-card.layout-vertical{grid-row:span 2;min-height:510px}.campaign-card.layout-horizontal{grid-column:span 2}.campaign-card.layout-square{min-height:245px}.campaign-card[hidden]{display:none}.card-click{display:block;width:100%;height:100%;min-height:inherit;border:0;padding:0;background:transparent;text-align:left;color:white}.card-click picture,.card-click img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.fallback{position:absolute;inset:0;background:linear-gradient(150deg,#fa5030,#db201f 50%,#941415);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px}.fallback:after{content:'✳';position:absolute;right:0;bottom:-62px;font-size:190px;opacity:.13}.fallback small,.fallback span{font-size:12px;font-weight:800;letter-spacing:1px}.fallback strong{font-size:clamp(27px,3.8vw,55px);font-weight:900;line-height:.98;letter-spacing:-2px;max-width:400px}.fav{position:absolute;right:15px;top:15px;border:0;background:#fff;color:#a59a95;border-radius:50%;height:43px;width:43px;font-size:26px;z-index:1}.fav.selected{color:var(--red)}.card-tag{position:absolute;bottom:13px;left:14px;padding:8px 12px;border-radius:25px;background:var(--yellow);color:var(--dark);font-weight:900;font-size:10px;letter-spacing:.4px;pointer-events:none}.empty{padding:45px;text-align:center}.closing{background:var(--red);color:white;text-align:center;padding:80px 15px 65px}.closing .eyebrow{color:var(--yellow)}.closing .asterisk{font-size:80px;color:var(--yellow)}.closing h2{font-size:clamp(35px,6vw,85px);line-height:1;letter-spacing:-.06em;margin:12px 0 24px}.closing p:not(.eyebrow){max-width:610px;margin:0 auto 65px;font-size:19px;line-height:1.6}.closing strong{font-size:13px;letter-spacing:2px}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.visible{display:flex}.modal-backdrop{position:absolute;inset:0;background:#170a08ce}.modal-box{position:relative;width:min(940px,100%);max-height:90vh;overflow:auto;background:#fffaf2;border-radius:23px;display:grid;grid-template-columns:1fr 1fr}.modal-box img{width:100%;height:100%;max-height:75vh;object-fit:cover;display:block}.close{position:absolute;right:15px;top:15px;z-index:2;background:var(--red);color:white;border:0;border-radius:50%;font-size:30px;width:44px;height:44px}.modal-content{padding:65px 35px 35px}.modal-content h2{font-size:44px;letter-spacing:-2px;line-height:1}.modal-content p{line-height:1.6}.modal-actions{display:flex;gap:9px;flex-wrap:wrap}.primary-button,.outline-button{display:inline-block;border-radius:50px;border:2px solid var(--red);padding:13px 17px;background:var(--red);color:white;font-weight:800;font-size:12px;cursor:pointer}.outline-button{background:white;color:var(--red)}.modal-actions [hidden]{display:none}#reminderForm{margin-top:24px}#reminderForm[hidden]{display:none}#reminderForm label{display:block;font-weight:700;font-size:13px;margin:12px 0}#reminderForm input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #ccc;border-radius:8px}.modal-open{overflow:hidden}@media(max-width:950px){.campaign-grid{grid-template-columns:repeat(2,1fr)}.campaign-card.layout-horizontal{grid-column:span 2}.campaign-card.layout-vertical{grid-row:span 2}}@media(max-width:600px){.topbar{padding:18px 5%}.brand{font-size:29px}.hero{padding:55px 18px 25px}.hero h1{font-size:clamp(51px,12vw,80px)}.campaign-area{padding:24px 4% 50px}.filters{gap:6px}.filter{font-size:10px;padding:10px 13px}.campaign-grid{gap:10px}.campaign-card{border-width:2px;border-radius:14px;min-height:145px}.campaign-card.layout-vertical{min-height:300px}.campaign-card.layout-square{min-height:155px}.fallback{padding:14px}.fallback strong{font-size:24px;letter-spacing:-1px}.fallback small,.fallback span{font-size:9px}.fav{top:7px;right:7px;width:32px;height:32px;font-size:19px}.card-tag{font-size:8px;bottom:7px;left:6px;padding:5px 7px}.modal-box{display:block}.modal-box img{max-height:33vh;object-fit:contain}.modal-content{padding:24px}.modal-content h2{font-size:30px}}

/* Demo kartları ve erişilebilir görüntü iyileştirmeleri */
.campaign-card:nth-child(7n + 2) .fallback{background:linear-gradient(145deg,#f8a626,#eb3e18 65%,#a61b1b)}
.campaign-card:nth-child(7n + 3) .fallback{background:linear-gradient(130deg,#ef2a23,#7d1417)}
.campaign-card:nth-child(7n + 4) .fallback{background:linear-gradient(130deg,#f78d1e,#c22519)}
.campaign-card:nth-child(7n + 5) .fallback{background:linear-gradient(130deg,#a51a14,#f04a16)}
.campaign-card:nth-child(7n + 6) .fallback{background:linear-gradient(140deg,#e93825,#f3a024)}
.campaign-card:nth-child(7n + 7) .fallback{background:linear-gradient(125deg,#cc271f,#8c1016)}
.fallback{padding-right:50px}.fallback strong{text-wrap:balance}.campaign-card:hover{transform:translateY(-3px);transition:transform .2s,box-shadow .2s;box-shadow:0 12px 25px #801a1525}
.fav{box-shadow:0 3px 12px #0002}.fav:focus-visible,.filter:focus-visible{outline:4px solid #ffd739;outline-offset:3px}

/* Reference-inspired precision layout. 7 featured promotions. */
:root{--red:#d92820;--dark:#2b1811;--cream:#fff8ef;--yellow:#ffd94e}
html{scroll-behavior:smooth}body{background:var(--cream)}
.topbar{max-width:1540px;padding:28px 5.5%;border-bottom:1px solid rgba(116,39,20,.09)}
.brand{font-size:39px;line-height:1}.site-link{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1.5px solid var(--red);border-radius:50px;color:var(--red);background:#fff7f0;transition:background .2s,color .2s}.site-link:hover{background:var(--red);color:white}
.main{max-width:1540px}.hero{padding:82px 20px 61px}.hero h1{font-size:clamp(60px,8.2vw,126px);letter-spacing:-.075em;margin:24px 0 27px}.hero-desc{line-height:1.65;max-width:660px}.eyebrow{letter-spacing:2.4px}.campaign-area{padding:16px 5.3% 106px}.filters{justify-content:center;gap:12px;margin-bottom:32px}.filter{min-height:50px;border:1.5px solid var(--red);background:transparent;padding:13px 25px;transition:background .2s,color .2s,transform .2s}.filter:hover{transform:translateY(-2px)}
.campaign-grid{grid-template-columns:1fr 1.05fr 1.05fr 1fr;grid-template-rows:260px 260px 288px;grid-auto-flow:row;gap:19px}.campaign-card{min-height:0!important;border-width:3px;border-radius:25px;isolation:isolate}.campaign-card.layout-vertical,.campaign-card.layout-horizontal,.campaign-card.layout-square{min-height:0!important;grid-column:auto;grid-row:auto}
.campaign-grid>.campaign-card:nth-child(1){grid-column:1;grid-row:1/3}.campaign-grid>.campaign-card:nth-child(2){grid-column:4;grid-row:1/3}.campaign-grid>.campaign-card:nth-child(3){grid-column:2/4;grid-row:1}.campaign-grid>.campaign-card:nth-child(4){grid-column:2/4;grid-row:2}.campaign-grid>.campaign-card:nth-child(5){grid-column:1/3;grid-row:3}.campaign-grid>.campaign-card:nth-child(6){grid-column:3;grid-row:3}.campaign-grid>.campaign-card:nth-child(7){grid-column:4;grid-row:3}
.campaign-card:nth-child(n+8){grid-column:span 2;grid-row:auto;min-height:280px!important}.card-click{min-height:0}.fallback{background:radial-gradient(circle at 86% 22%,#ff8845 0%,transparent 43%),linear-gradient(148deg,#df2620 8%,#ac1a18 83%);padding:clamp(19px,2.3vw,38px);gap:16px}.fallback:after{right:-15px;bottom:-72px;font-size:220px;opacity:.12}.fallback strong{font-size:clamp(29px,3.4vw,51px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}.campaign-card:nth-child(3) .fallback strong,.campaign-card:nth-child(4) .fallback strong{font-size:clamp(32px,4.5vw,66px)}.fallback small{color:#ffe15b;font-size:11px;letter-spacing:1.7px}.fallback span{font-size:11px}.fav{z-index:3;display:grid;place-items:center;width:48px;height:48px;font-size:27px;background:white;color:#c8b9af;transition:transform .2s,color .2s}.fav:hover{transform:scale(1.1)}.fav.selected{color:#d92720}.card-tag{left:18px;bottom:18px;padding:9px 15px;letter-spacing:1px}.closing{padding:102px 18px 76px}.closing .asterisk{font-size:86px;line-height:1}.closing h2{font-size:clamp(48px,7vw,96px)}.closing p:not(.eyebrow){font-size:clamp(16px,1.4vw,20px)}
.modal-box{box-shadow:0 30px 100px #1609087f}.modal-box #modalImage:empty{background:radial-gradient(circle at 80% 30%,#ff8545,transparent 44%),#d8251e;min-height:380px}.modal-box #modalImage:empty:before{content:'MOGAF\A FIRSATLARI';white-space:pre;display:block;font-size:65px;font-weight:900;letter-spacing:-4px;color:#fff;text-align:center;padding:105px 20px;line-height:.94}
@media(max-width:1100px){.campaign-grid{grid-template-rows:220px 220px 238px;gap:13px}.campaign-card{border-radius:19px}.fallback strong{font-size:clamp(24px,3.2vw,40px)}}
@media(max-width:720px){.hero{padding:58px 14px 45px}.hero h1{font-size:clamp(49px,11.2vw,77px)}.campaign-area{padding:6px 4% 70px}.filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.filter{white-space:nowrap;min-height:43px;flex-shrink:0;padding:10px 15px;font-size:10px}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 160px 160px 225px 210px;gap:11px}.campaign-grid>.campaign-card:nth-child(1){grid-column:1;grid-row:1}.campaign-grid>.campaign-card:nth-child(2){grid-column:2;grid-row:1}.campaign-grid>.campaign-card:nth-child(3){grid-column:1/3;grid-row:2}.campaign-grid>.campaign-card:nth-child(4){grid-column:1/3;grid-row:3}.campaign-grid>.campaign-card:nth-child(5){grid-column:1/3;grid-row:4}.campaign-grid>.campaign-card:nth-child(6){grid-column:1;grid-row:5}.campaign-grid>.campaign-card:nth-child(7){grid-column:2;grid-row:5}.campaign-card:nth-child(n+8){grid-column:span 2;min-height:170px!important}.fallback{padding:17px}.fallback strong,.campaign-card:nth-child(3) .fallback strong,.campaign-card:nth-child(4) .fallback strong{font-size:clamp(23px,5.8vw,41px)}.fallback small,.fallback span{font-size:9px}.card-tag{left:8px;bottom:8px;padding:6px 8px;font-size:8px}.fav{top:9px;right:9px;width:35px;height:35px;font-size:20px}.site-link{font-size:10px;padding:8px 12px}.closing{padding:70px 15px}.closing h2{font-size:clamp(37px,8vw,65px)}}
@media(max-width:400px){.campaign-grid{grid-template-rows:235px 145px 145px 195px 185px}.fallback{padding:12px}.fallback strong{font-size:23px!important}.hero h1{font-size:49px}.hero-desc{font-size:15px}}
@media print{.topbar,.filters,.fav,.modal{display:none!important}.campaign-grid{break-inside:avoid}.closing{print-color-adjust:exact}}


/* 2026-10-08: ekran goruntusu referans alinarak yapilan MOGAF koyu tema */
:root{--red:#ff742b;--dark:#f8f6f1;--cream:#383838;--yellow:#ff742b;--bg:#383838;--muted:#d1d1d1}
html{scroll-behavior:smooth;background:#383838}
body{background:#383838!important;color:#f9f6f0!important;font-family:'DM Sans',Arial,sans-serif}
.topbar{max-width:1440px;padding:21px 5%;border-bottom:1px solid #555;background:#383838}
.brand{font-size:30px;letter-spacing:-2px;color:#ff742b;font-style:normal}
.brand span{color:#fff}
.site-link{background:transparent;border:1px solid #626262;border-radius:5px;color:#f5f4f2;font-weight:700;padding:10px 14px}
.site-link:hover{background:#ff742b;border-color:#ff742b;color:#161616}
.main{max-width:1440px}
.hero{text-align:center;padding:60px 20px 23px}
.eyebrow{color:#ff742b;font-size:12px;font-weight:900;letter-spacing:3px}
.hero h1{margin:24px auto 21px;color:#fff9f2;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(39px,4.8vw,74px);font-weight:900;letter-spacing:-.067em;line-height:1.13;white-space:normal}
.heading-light{color:#fffaf4}.heading-accent{color:#ff742b}
.hero-desc{max-width:470px;font-size:14px;line-height:1.85;color:#d5d5d5}
.hero-rule{width:42px;height:4px;background:#ff742b;margin:29px auto 20px}
.campaign-area{padding:0 5.3% 70px}
.filters{display:flex;justify-content:center;gap:10px;margin:0 0 29px}
.filter{font-family:inherit;min-height:47px;background:transparent;border:1px solid #616161;border-radius:5px;color:#fff;letter-spacing:0;font-size:12px;font-weight:750;text-transform:none;padding:12px 20px}
.filter.active,.filter:hover{background:#ff742b;border-color:#ff742b;color:#171717}
.filter span{display:inline-grid;place-items:center;background:#e86923;border-radius:20px;color:#20160e;min-width:21px;min-height:21px;margin-left:8px;font-weight:800}
.campaign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:207px 214px 237px;gap:15px;grid-auto-flow:row}
.campaign-grid>.campaign-card:nth-child(1){grid-column:1;grid-row:1/3}
.campaign-grid>.campaign-card:nth-child(2){grid-column:2;grid-row:1/3}
.campaign-grid>.campaign-card:nth-child(3){grid-column:3/5;grid-row:1}
.campaign-grid>.campaign-card:nth-child(4){grid-column:3/5;grid-row:2}
.campaign-grid>.campaign-card:nth-child(5){grid-column:1/3;grid-row:3}
.campaign-grid>.campaign-card:nth-child(6){grid-column:3;grid-row:3}
.campaign-grid>.campaign-card:nth-child(7){grid-column:4;grid-row:3}
.campaign-card,.campaign-card.layout-vertical,.campaign-card.layout-horizontal,.campaign-card.layout-square{border:0!important;border-radius:3px;min-height:0!important;grid-auto-flow:row;background:#414141;overflow:hidden;box-shadow:none}
.campaign-card:nth-child(n+8){grid-column:span 2;grid-row:auto;min-height:240px!important}
.campaign-card:hover{transform:none;box-shadow:0 0 0 2px #ff742b}
.card-click{min-height:0!important}
.card-click img{object-fit:cover}
.fav{background:#252525d6;color:#fff;width:35px;height:35px;font-size:23px;right:10px;top:10px;border:1px solid #ffffff70;box-shadow:none;opacity:0;transition:opacity .2s,transform .2s}
.campaign-card:hover .fav,.fav:focus-visible,.fav.selected{opacity:1}
.fav.selected{color:#ff742b}
.card-tag{display:none}
.fallback{background:linear-gradient(135deg,#fa6d2d,#a31918)!important;padding:25px}
.fallback strong{font-size:clamp(25px,3vw,46px)}
.empty{color:#fff}
.closing{background:#333;color:#fff;text-align:center;padding:90px 20px 80px;border-top:1px solid #4a4a4a}
.closing .asterisk,.closing .eyebrow{color:#ff742b}
.closing h2{color:#fff8f0}.closing strong{color:#ff742b}
.modal-backdrop{background:#070707dc}
.modal-box{background:#383838;color:#fff;border:1px solid #585858;border-radius:10px;box-shadow:0 25px 95px #000a}
.modal-content p{color:#ddd}
.close{background:#ff742b;color:#181818}
.primary-button{background:#ff742b;color:#181818;border-color:#ff742b;border-radius:5px}
.outline-button{background:transparent;color:#fff;border-color:#686868;border-radius:5px}
#reminderForm input{background:#262626;color:#fff;border-color:#666}
.campaign-grid.is-filtered{display:flex;flex-wrap:wrap;align-items:stretch}
.campaign-grid.is-filtered .campaign-card:not([hidden]){display:block;flex:1 1 240px;max-width:calc(50% - 10px);height:310px}
.campaign-grid.is-filtered .campaign-card[hidden]{display:none}
@media(max-width:960px){.campaign-grid{grid-template-rows:170px 170px 185px;gap:10px}.hero h1{font-size:clamp(36px,5.1vw,62px)}}
@media(max-width:680px){.topbar{padding:15px 5%}.brand{font-size:26px}.hero{padding:55px 16px 13px}.hero h1{font-size:clamp(35px,8.3vw,57px);line-height:1.16}.hero-desc{font-size:13px}.hero-rule{margin:24px auto 23px}.campaign-area{padding:0 4% 50px}.filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:10px}.filter{white-space:nowrap;flex-shrink:0;font-size:11px;padding:10px 13px;min-height:42px}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:280px 150px 150px 170px 170px;gap:9px}.campaign-grid>.campaign-card:nth-child(1){grid-column:1;grid-row:1}.campaign-grid>.campaign-card:nth-child(2){grid-column:2;grid-row:1}.campaign-grid>.campaign-card:nth-child(3){grid-column:1/3;grid-row:2}.campaign-grid>.campaign-card:nth-child(4){grid-column:1/3;grid-row:3}.campaign-grid>.campaign-card:nth-child(5){grid-column:1/3;grid-row:4}.campaign-grid>.campaign-card:nth-child(6){grid-column:1;grid-row:5}.campaign-grid>.campaign-card:nth-child(7){grid-column:2;grid-row:5}.campaign-card:nth-child(n+8){grid-column:span 2;min-height:180px!important}.fav{opacity:1}.campaign-grid.is-filtered .campaign-card:not([hidden]){flex-basis:45%;max-width:calc(50% - 5px);height:220px}.closing{padding:65px 18px}.modal-content{padding:24px}.modal-box{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Popup favori ve siparis dugmeleri */
.modal-actions{align-items:center;gap:10px;margin-top:22px}
.modal-actions .primary-button,.modal-actions .outline-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.modal-actions .modal-favorite{border-color:#ff742b;color:#fff;white-space:nowrap}
.modal-actions .modal-favorite.selected{background:#ff742b;color:#1e1e1e}
.modal-actions .primary-button.is-disabled{background:#555;border-color:#666;color:#bbb;cursor:not-allowed;pointer-events:auto}
.modal-actions [hidden]{display:none!important}
@media(max-width:600px){.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .primary-button{grid-column:span 2}.modal-actions .modal-favorite{grid-column:span 2}}

/* Responsive card artwork — 2026-10 */
.campaign-card .campaign-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .2s}
@media(max-width:680px){
 .hero{padding:38px 14px 20px!important}
 .hero h1{font-size:clamp(32px,8.5vw,50px)!important;letter-spacing:-.065em;line-height:1.08!important;text-wrap:balance}
 .hero-desc{max-width:340px;margin-inline:auto;line-height:1.65}
 .filters{justify-content:flex-start;gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
 .filter{scroll-snap-align:start;min-height:44px}
 .campaign-grid{gap:10px!important;grid-template-rows:auto!important;align-items:stretch}
 .campaign-grid>.campaign-card:nth-child(1),.campaign-grid>.campaign-card:nth-child(2){aspect-ratio:3/4;min-height:0!important}
 .campaign-grid>.campaign-card:nth-child(3),.campaign-grid>.campaign-card:nth-child(4),.campaign-grid>.campaign-card:nth-child(5){aspect-ratio:16/9;min-height:0!important}
 .campaign-grid>.campaign-card:nth-child(6),.campaign-grid>.campaign-card:nth-child(7){aspect-ratio:3/4;min-height:0!important}
 .campaign-grid>.campaign-card:nth-child(n+8){aspect-ratio:16/9;min-height:0!important}
 .campaign-grid.is-filtered{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .campaign-grid.is-filtered .campaign-card:not([hidden]){grid-column:auto!important;grid-row:auto!important;display:block;flex:none;max-width:none!important;width:100%;height:auto!important;aspect-ratio:3/4!important;min-height:0!important}
 .campaign-grid.is-filtered .campaign-card[hidden]{display:none!important}
 .campaign-grid:not(.is-filtered)>.campaign-card:nth-child(n+8){grid-column:1/-1;grid-row:auto}
 .modal{padding:10px}.modal-box{width:100%;max-height:calc(100dvh - 20px);border-radius:13px}
 .modal-box #modalImage img{max-height:34dvh;width:100%;object-fit:contain;background:#282828}
 .modal-content{padding:20px!important}.modal-content h2{font-size:clamp(25px,7vw,38px);line-height:1.1}
 .modal-actions{grid-template-columns:1fr 1fr;gap:8px}.modal-actions .primary-button{grid-column:1/-1}.modal-actions .modal-favorite{grid-column:1/-1}
 .modal-actions .primary-button,.modal-actions .outline-button{min-height:46px}
 .fav{opacity:1;min-width:40px;min-height:40px;right:8px;top:8px}
}
@media(max-width:360px){.campaign-grid{gap:7px!important}.hero h1{font-size:31px!important}.campaign-area{padding-inline:3%!important}}
/* MOGAF LOGO */
.brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-shrink: 0;
}

.brand-logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 220px;
    object-fit: contain;
}

/* TABLET */
@media (max-width: 991px) {
    .brand-logo {
        height: 50px;
        max-width: 190px;
    }
}

/* MOBİL */
@media (max-width: 600px) {
    .brand-logo {
        height: 42px;
        max-width: 155px;
    }
}
/* Mobil filtreler: Tumunu Kesfet her zaman gorunur */
@media (max-width: 680px) {
  .campaign-area .filters {
    display: flex;
    flex-wrap: wrap;
    overflow-x: visible;
    scroll-snap-type: none;
    gap: 8px;
  }
  .campaign-area .filters .filter {
    flex: 1 1 auto;
    white-space: normal;
    scroll-snap-align: none;
    text-align: center;
  }
  .campaign-area .filters .filter[data-filter="all"] {
    flex: 0 0 100%;
  }
}

/* Mobil: tum kampanyalar acilisinda Safari grid satirlarinin sifira dusmesini onle. */
@media (max-width: 680px) {
  #campaignGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none !important;
    grid-auto-rows: auto;
    grid-auto-flow: row;
    align-items: start;
  }
  #campaignGrid > .campaign-card,
  #campaignGrid > .campaign-card.layout-vertical,
  #campaignGrid > .campaign-card.layout-horizontal,
  #campaignGrid > .campaign-card.layout-square {
    grid-row: auto !important;
    grid-column: auto !important;
    aspect-ratio: auto !important;
    height: clamp(195px, 62vw, 330px) !important;
    min-height: 195px !important;
    width: 100%;
  }
  #campaignGrid:not(.is-filtered) > .campaign-card:nth-child(3),
  #campaignGrid:not(.is-filtered) > .campaign-card:nth-child(4),
  #campaignGrid:not(.is-filtered) > .campaign-card:nth-child(5),
  #campaignGrid:not(.is-filtered) > .campaign-card:nth-child(n+8) {
    grid-column: 1 / -1 !important;
    height: clamp(170px, 46vw, 310px) !important;
    min-height: 170px !important;
  }
  #campaignGrid.is-filtered > .campaign-card:not([hidden]) {
    grid-column: auto !important;
    grid-row: auto !important;
    aspect-ratio: auto !important;
    height: clamp(195px, 62vw, 330px) !important;
    min-height: 195px !important;
  }
  #campaignGrid > .campaign-card[hidden] { display: none !important; }
}