:root{--bg:#041426;--panel:#071f38;--line:rgba(56,189,248,.18);--blue:#0ea5e9;--red:#dc2626;--green:#22c55e;--text:#e5f4ff;--muted:#8bb0c8}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top,rgba(14,165,233,.18),transparent 38%),linear-gradient(180deg,#020b14,#041426 55%,#03101e);color:var(--text)}a{color:inherit;text-decoration:none}button,.cta,.redCta{border:0;border-radius:10px;padding:12px 20px;background:linear-gradient(135deg,#0b63f6,#0ea5e9);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px}.siteHeader{height:78px;background:rgba(2,11,20,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 44px;gap:34px;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brandIcon{width:48px;height:48px;border-radius:50%;background:#0b63f6;display:grid;place-items:center}.brand b{display:block;font-size:24px}.brand span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}nav{flex:1;display:flex;justify-content:center;gap:54px}nav a{color:#cfe8f8;font-weight:700;padding:28px 0;border-bottom:2px solid transparent}nav a.active{color:var(--blue);border-bottom-color:var(--blue)}.headerActions{display:flex;align-items:center;gap:12px}.headerActions .ghost{background:transparent;border:1px solid rgba(14,165,233,.35)}.bell{font-size:22px}.page{max-width:1500px;margin:0 auto;padding:18px 220px 38px;position:relative}.card{background:linear-gradient(180deg,rgba(7,31,56,.98),rgba(4,20,38,.98));border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.sideAd{position:fixed;top:126px;width:170px;height:560px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#071f38,#020b14);overflow:hidden;padding:24px;z-index:10}.leftAd{left:56px}.rightAd{right:56px}.adBrand{color:#28b8ff;font-size:24px;font-weight:900;text-align:center;margin-bottom:24px}.sideAd h3{text-align:center;line-height:1.35;font-size:16px}.adProduct{height:230px;margin:22px 0;border-radius:16px;background:radial-gradient(circle at center,rgba(14,165,233,.28),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0));position:relative}.adProduct:before{content:"";position:absolute;inset:50px 40px;border:8px solid #111827;border-radius:50%;box-shadow:0 0 0 4px #0ea5e9,26px 40px 0 -8px #111827;transform:rotate(-28deg)}.sideAd button{width:100%;background:rgba(14,165,233,.25);border:1px solid rgba(14,165,233,.4)}.hero{min-height:310px;display:grid;grid-template-columns:1.05fr 1fr 330px;gap:26px;padding:32px 36px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(4,20,38,.95),rgba(7,31,56,.75)),radial-gradient(circle at 60% 60%,rgba(14,165,233,.22),transparent 36%);overflow:hidden}.livePill{color:#fff;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.hero h1{font-size:34px;margin:18px 0 8px;line-height:1.08}.hero p{color:#c4d6e6;margin:0 0 20px}.metaRow{display:flex;gap:34px;margin:20px 0}.metaRow b{display:block;color:#fff;font-size:22px}.metaRow span{color:var(--muted);font-size:13px}.heroProduct{display:grid;place-items:center}.reelLarge{width:300px;height:220px;border-radius:30px;background:radial-gradient(circle at 50% 50%,#0e1726 0 22%,#d0a353 23% 29%,transparent 30%),radial-gradient(circle at 55% 45%,rgba(14,165,233,.25),transparent 45%);position:relative}.reelLarge:before{content:"";position:absolute;width:190px;height:190px;border:18px solid #111827;border-radius:50%;left:40px;top:16px;box-shadow:0 0 0 8px #b8872b inset,0 24px 0 -12px #111827}.reelLarge:after{content:"";position:absolute;width:150px;height:16px;background:#111827;right:0;top:62px;transform:rotate(-22deg);border-radius:999px}.countdownPanel{background:rgba(2,11,20,.65);border:1px solid var(--line);border-radius:14px;padding:26px;align-self:center}.countdownPanel>span{display:block;text-align:center;text-transform:uppercase;font-weight:900}.countdown{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.countdown b{font-size:32px}.countdown i{font-style:normal;color:var(--muted);font-size:30px}.countLabels{display:flex;justify-content:space-around;color:var(--muted);font-size:12px;text-transform:uppercase}.countdownPanel ul{border-top:1px solid var(--line);margin:22px 0 0;padding:18px 0 0;list-style:none}.countdownPanel li{padding:8px 0;color:#d5e8f5}.mainGrid{display:grid;grid-template-columns:1fr 410px;gap:18px;margin-top:18px}.sectionHead{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 0}.sectionHead h2{margin:0;font-size:18px;text-transform:uppercase}.sectionHead a{color:var(--blue);font-size:13px;font-weight:800}.auctionCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}.auctionCard{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:165px;background:linear-gradient(180deg,rgba(9,42,74,.8),rgba(4,20,38,.95))}.auctionCard .time{display:inline-block;background:#0b63f6;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:900}.auctionCard .pic{height:70px;margin:8px 0;border-radius:8px;background:radial-gradient(circle,rgba(14,165,233,.4),transparent 60%);position:relative}.auctionCard .pic:before{content:"";position:absolute;inset:18px 34px;border:6px solid #0f172a;border-radius:50%;box-shadow:0 0 0 3px #0ea5e9}.auctionCard b{display:block;font-size:17px}.auctionCard span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.auctionCard small{display:block;color:#fbbf24;margin-top:10px}.liveAuction{padding:0;border-color:rgba(239,68,68,.65);box-shadow:0 0 0 1px rgba(239,68,68,.2),0 22px 55px rgba(127,29,29,.25)}.liveHead{background:linear-gradient(90deg,#991b1b,#dc2626);padding:12px 18px;display:flex;justify-content:space-between;border-radius:14px 14px 0 0;text-transform:uppercase;font-weight:900}.liveAuction h3{padding:22px 20px 0;margin:0;font-size:22px}.liveAuction small{display:block;padding:12px 20px 0;color:var(--muted);text-transform:uppercase}.livePrice{padding:4px 20px;font-size:42px;font-weight:900;color:#f3f4f6}.liveStats{padding:0 20px 20px;display:flex;gap:18px;color:#cbd5e1}.redCta{margin:0 20px 20px;background:linear-gradient(135deg,#dc2626,#991b1b);width:calc(100% - 40px)}.ticker{margin-top:14px;display:flex;align-items:center;gap:22px;padding:14px 18px;overflow:hidden}.ticker>b{white-space:nowrap;text-transform:uppercase}.tickerTrack{display:flex;gap:38px;animation:scrollTicker 22s linear infinite}.tickerItem{white-space:nowrap;color:#dbeafe}.tickerItem b{color:#22c55e}@keyframes scrollTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.stats div{background:rgba(7,31,56,.96);border:1px solid var(--line);border-radius:10px;padding:18px 22px}.stats b{color:#0ea5e9;display:block;font-size:28px}.stats span{color:var(--muted);font-size:13px}.twoCol{display:grid;grid-template-columns:1.2fr .9fr 1.4fr;gap:14px}.bigUpcoming,.winnerClub,.why{padding-bottom:16px}.bigAuction{display:grid;grid-template-columns:80px 1fr auto;gap:14px;padding:18px;align-items:center}.thumb{width:80px;height:70px;border-radius:10px;background:radial-gradient(circle,rgba(14,165,233,.35),rgba(2,11,20,.7))}.bigAuction b,.winner b{display:block;font-size:19px}.bigAuction span,.winner span{display:block;color:var(--muted);margin:5px 0}.bigAuction strong{color:white;display:block;margin:8px 0}.bigAuction small{color:var(--blue)}.listLine{display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line)}.listLine span{color:var(--muted)}.winnerClub{padding:18px}.winner{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(2,11,20,.35)}.priceCompare small{color:var(--muted)}.priceCompare strong{color:#22c55e;display:block;font-size:24px;margin:6px 0}.winner em{display:block;background:rgba(34,197,94,.18);color:#bbf7d0;padding:12px;border-radius:10px;font-style:normal;font-weight:900;text-align:center}.why{padding:18px}.why ul{list-style:none;padding:0;margin:12px 0 0}.why li{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid var(--line)}.why span{color:var(--muted);font-size:13px}.sponsors{padding:18px;margin-top:14px}.sponsors h2{margin-top:0}.sponsorLogos{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.sponsorLogos b{background:rgba(2,11,20,.45);border:1px solid var(--line);border-radius:10px;padding:18px 10px;text-align:center;color:#dbeafe}.bottomBand{margin:16px 0 0;background:linear-gradient(90deg,#0b3b82,#0b63f6);border-radius:14px;padding:22px 30px;display:grid;grid-template-columns:1.3fr auto auto auto;gap:24px;align-items:center}.bottomBand span{text-transform:uppercase;letter-spacing:1px;color:#dbeafe}.bottomBand b{display:block;font-size:24px;text-transform:uppercase}.bottomBand p{margin:6px 0 0;color:#dbeafe}.notifyBox{border-left:1px solid rgba(255,255,255,.22);padding-left:18px;font-weight:900}.notifyBox small{color:#dbeafe;font-weight:400}footer{display:flex;justify-content:center;gap:100px;color:var(--muted);padding:22px;background:rgba(2,11,20,.75);border-top:1px solid var(--line)}@media(max-width:1450px){.page{padding:18px 24px 38px}.sideAd{display:none}}@media(max-width:1000px){.siteHeader{padding:0 18px}nav{display:none}.hero,.mainGrid,.twoCol,.bottomBand{grid-template-columns:1fr}.auctionCards,.stats,.sponsorLogos{grid-template-columns:repeat(2,1fr)}.heroProduct{display:none}}

.completedWrap {
  margin-top: 16px;
}
.sectionHead.wide {
  padding: 16px 4px 12px;
}
.completedGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.completedCard {
  background: linear-gradient(180deg, rgba(7,31,56,.98), rgba(4,20,38,.98));
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}
.completedPic {
  height: 92px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 50%, rgba(14,165,233,.38), transparent 55%),
    linear-gradient(135deg, rgba(11,99,246,.18), rgba(34,197,94,.08));
  position: relative;
  overflow: hidden;
}
.completedPic:before {
  content: "";
  position: absolute;
  width: 74px;
  height: 74px;
  border: 8px solid #0f172a;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-22deg);
  box-shadow: 0 0 0 4px #0ea5e9;
}
.completedPic span {
  position: absolute;
  left: 10px;
  top: 10px;
  background: #0b63f6;
  border-radius: 8px;
  padding: 5px 8px;
  font-weight: 900;
}
.completedCard h3 {
  min-height: 44px;
  margin: 14px 0 10px;
}
.resultRows {
  display: grid;
  gap: 8px;
}
.resultRows div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 8px;
}
.resultRows span {
  color: var(--muted);
}
.resultRows b {
  text-align: right;
}
.resultRows .green {
  color: #22c55e;
}
.missedBox {
  background: rgba(251,191,36,.1);
  border: 1px solid rgba(251,191,36,.25);
  color: #fde68a;
  border-radius: 10px;
  padding: 10px;
  margin: 12px 0;
  line-height: 1.4;
}
.repeatBtn {
  width: 100%;
  display: grid;
  gap: 4px;
  background: linear-gradient(135deg, #0f766e, #0b63f6);
}
.repeatBtn small {
  font-weight: 500;
  opacity: .9;
}
.similarNext {
  margin-top: 12px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(2,11,20,.35);
  border: 1px solid var(--line);
}
.similarNext span,
.similarNext em {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}
.similarNext b {
  display: block;
  margin: 5px 0;
}

.requestPanel {
  margin-top: 16px;
  padding: 22px;
  display: grid;
  grid-template-columns: 1fr 1.3fr 1fr;
  gap: 18px;
  align-items: start;
}
.requestPanel h2 {
  margin: 0 0 8px;
}
.requestPanel p {
  color: var(--muted);
  line-height: 1.45;
}
.requestForm {
  display: grid;
  gap: 10px;
}
.requestForm input {
  background: rgba(2,11,20,.5);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 13px;
  color: white;
}
.requestForm input::placeholder {
  color: #7ca1bb;
}
.requestLeaderboard {
  background: rgba(2,11,20,.28);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px;
}
.requestLeaderboard h3 {
  margin: 0 0 10px;
}
.requestRow {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
}
.requestRow span {
  background: #0b63f6;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 900;
}
.requestRow em {
  color: #22c55e;
  font-style: normal;
  font-weight: 900;
}
.homeToast {
  position: fixed;
  right: 24px;
  top: 92px;
  z-index: 999;
  max-width: 420px;
  background: #0f766e;
  color: white;
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 20px 50px rgba(0,0,0,.28);
  font-weight: 800;
}
.homeToastIn {
  animation: homeToastIn .35s ease-out;
}
@keyframes homeToastIn {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}

@media(max-width:1000px){
  .completedGrid { grid-template-columns: 1fr; }
  .requestPanel { grid-template-columns: 1fr; }
}


/* V14 compact homepage */
.page {
  padding-top: 14px;
}
.heroSplit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.heroMini {
  min-height: 245px;
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 24px;
  background:
    linear-gradient(120deg, rgba(4,20,38,.96), rgba(7,31,56,.82)),
    radial-gradient(circle at 82% 35%, rgba(14,165,233,.24), transparent 34%);
  box-shadow: 0 20px 60px rgba(0,0,0,.2);
}
.currentLive {
  border-color: rgba(239,68,68,.45);
  background:
    linear-gradient(120deg, rgba(4,20,38,.96), rgba(127,29,29,.22)),
    radial-gradient(circle at 85% 40%, rgba(239,68,68,.2), transparent 34%);
}
.miniTag {
  display: inline-block;
  color: #e0f2fe;
  background: rgba(14,165,233,.14);
  border: 1px solid rgba(14,165,233,.28);
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}
.miniTag.red {
  background: rgba(220,38,38,.14);
  border-color: rgba(220,38,38,.35);
  color: #fecaca;
}
.heroMini h1 {
  font-size: 27px;
  line-height: 1.1;
  margin: 14px 0 8px;
}
.heroMini p {
  color: var(--muted);
  line-height: 1.4;
  margin: 0 0 15px;
  font-size: 14px;
}
.miniStats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 14px 0;
}
.miniStats div {
  background: rgba(2,11,20,.38);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px;
}
.miniStats b {
  display: block;
  font-size: 18px;
  color: #e5f4ff;
}
.miniStats span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 4px;
}
.miniCountdown {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: rgba(2,11,20,.45);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 13px;
}
.miniCountdown span {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
}
.miniCountdown div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.miniCountdown b {
  font-size: 23px;
}
.miniCountdown i {
  font-style: normal;
  color: var(--muted);
}
.compact {
  padding: 11px 16px;
  font-size: 14px;
}
.mainGrid {
  margin-top: 0;
}
.sectionHead h2 {
  font-size: 16px;
}
.auctionCard {
  min-height: 145px;
}
.auctionCard b {
  font-size: 15px;
}
.livePrice {
  font-size: 34px;
}
.stats b {
  font-size: 24px;
}
.bottomBand b {
  font-size: 20px;
}
.completedCard h3 {
  font-size: 17px;
}
.loginModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(2,11,20,.72);
  display: grid;
  place-items: center;
  backdrop-filter: blur(8px);
}
.loginBox {
  width: min(420px, calc(100vw - 30px));
  background: linear-gradient(180deg, #071f38, #041426);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
  position: relative;
}
.loginBox h2 {
  margin: 0 0 8px;
}
.loginBox p {
  color: var(--muted);
  line-height: 1.4;
}
.loginBox input {
  width: 100%;
  background: rgba(2,11,20,.5);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 13px;
  color: white;
  margin-bottom: 10px;
}
.loginClose {
  position: absolute;
  right: 12px;
  top: 10px;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
}
body.loggedIn #loginBtn::after {
  content: " ✓";
  color: #22c55e;
}
@media(max-width:1000px){
  .heroSplit { grid-template-columns: 1fr; }
  .heroMini h1 { font-size: 23px; }
  .miniStats { grid-template-columns: 1fr; }
}

.explainPanel {
  margin-top: 16px;
  padding: 22px;
  display: grid;
  grid-template-columns: 1.15fr 1.85fr;
  gap: 20px;
  align-items: center;
}
.explainIntro h2 {
  margin: 12px 0 8px;
  font-size: 24px;
  line-height: 1.15;
}
.explainIntro p {
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}
.explainSteps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.explainSteps div {
  background: rgba(2,11,20,.34);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 15px;
}
.explainSteps b {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #0b63f6, #0ea5e9);
  margin-bottom: 10px;
}
.explainSteps span {
  display: block;
  font-weight: 900;
  margin-bottom: 6px;
}
.explainSteps small {
  color: var(--muted);
  line-height: 1.4;
}
.sponsors { display: none !important; }
@media(max-width:1000px){
  .explainPanel { grid-template-columns: 1fr; }
  .explainSteps { grid-template-columns: 1fr; }
}


/* V16 multi-page foundation */
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brand img.siteLogo {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 14px;
}
.brandText strong,
.logoText strong {
  display: block;
  font-size: 21px;
  line-height: 1;
  color: #fff;
  letter-spacing: .2px;
}
.brandText span,
.logoText span {
  display: block;
  font-size: 10px;
  color: #8fb6d9;
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: .7px;
}
.pageHeroSmall {
  max-width: 1100px;
  margin: 22px auto 18px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(7,31,56,.95), rgba(2,11,20,.9));
}
.pageHeroSmall h1 {
  margin: 10px 0 8px;
  font-size: 34px;
}
.pageHeroSmall p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
  max-width: 760px;
}
.contentWrap {
  max-width: 1100px;
  margin: 0 auto 36px;
}
.twoCol {
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 18px;
}
.grid3 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
}
.infoCard, .auctionFullCard, .calendarCard, .formCard, .detailCard {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(7,31,56,.78);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  padding: 22px;
}
.infoCard h2, .auctionFullCard h2, .calendarCard h2, .formCard h2, .detailCard h2 {
  margin: 0 0 12px;
}
.infoCard p, .detailCard p, .formCard p {
  color: var(--muted);
  line-height: 1.55;
}
.fullPrice {
  font-size: 58px;
  font-weight: 950;
  color: #fff;
  line-height: 1;
  margin: 14px 0;
}
.fullPrice span { color: #0ea5e9; }
.actionBtn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: 900;
  text-decoration: none;
}
.blueBtn {
  background: linear-gradient(135deg, #0b63f6, #0ea5e9);
}
.mutedBtn {
  background: rgba(148,163,184,.18);
  border: 1px solid var(--line);
  color: #dbeafe;
}
.statusLine {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;
  margin: 18px 0;
}
.statusLine div {
  background: rgba(2,11,20,.35);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px;
}
.statusLine b { display:block; font-size:20px; color:#fff; }
.statusLine span { color:var(--muted); font-size:12px; }
.calendarRow {
  display:grid;
  grid-template-columns: 82px 1fr 120px 130px;
  align-items:center;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.calendarRow:last-child{ border-bottom:0; }
.timePill {
  display:inline-block;
  background:#0b63f6;
  color:#fff;
  border-radius:8px;
  padding:7px 10px;
  font-weight:900;
  text-align:center;
}
.formGrid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.formGrid input, .formGrid select, .formGrid textarea {
  width:100%;
  background:rgba(2,11,20,.45);
  border:1px solid var(--line);
  border-radius:12px;
  padding:13px;
  color:#fff;
}
.formGrid textarea { grid-column:1 / -1; min-height:110px; }
.productHero {
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap:18px;
}
.productImageBox {
  border-radius:18px;
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(2,11,20,.4));
  min-height:310px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
}
.productImageBox .placeholderLure {
  width:150px;
  height:70px;
  border-radius:50%;
  border:7px solid #0ea5e9;
  box-shadow: 0 0 35px rgba(14,165,233,.35);
}
.stepList {
  display:grid;
  gap:12px;
}
.stepList div {
  display:grid;
  grid-template-columns: 42px 1fr;
  gap:12px;
  align-items:start;
}
.stepList b {
  width:34px; height:34px; border-radius:50%; display:grid; place-items:center;
  background:#0b63f6;
}
.stepList span { font-weight:900; color:#fff; }
.stepList small { display:block; color:var(--muted); line-height:1.45; margin-top:3px; }
@media(max-width:900px){
  .twoCol, .grid3, .productHero { grid-template-columns:1fr; }
  .statusLine, .calendarRow, .formGrid { grid-template-columns:1fr; }
  .pageHeroSmall h1 { font-size:27px; }
}

.topActions a { text-decoration:none; }
.topActions .primary {
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#0b63f6,#0ea5e9);
  color:#fff; padding:12px 16px; border-radius:10px; font-weight:900;
}
nav a.active { color:#0ea5e9; border-bottom:2px solid #0ea5e9; }

/* V17 header + ihale talepleri */
.topbar{width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(210px,300px) 1fr minmax(160px,220px);align-items:center;gap:18px}
.topbar nav{display:flex;justify-content:center;align-items:center;gap:24px;min-width:0}
.topbar nav a{white-space:nowrap}
.topActions{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0}
.topActions .bell{display:none!important}
.brand{min-width:0}
.brand img.siteLogo{width:58px;height:58px;background:#fff;border-radius:50%;object-fit:cover}
.brandText strong{font-size:22px}.brandText span{font-size:10px}
.requestHero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.voteGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.voteCard{border:1px solid var(--line);border-radius:16px;background:rgba(7,31,56,.8);padding:16px;display:grid;gap:10px}
.votePic{height:88px;border-radius:14px;background:radial-gradient(circle at center,rgba(14,165,233,.35),rgba(2,11,20,.7));display:grid;place-items:center}
.votePic:before{content:"";width:72px;height:36px;border-radius:50%;border:5px solid #0ea5e9;transform:rotate(-8deg)}
.voteCard b{color:#fff;min-height:38px}.voteMeta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.voteBar{height:8px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}.voteBar span{display:block;height:100%;background:linear-gradient(90deg,#0b63f6,#0ea5e9)}
.requestStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.requestStats div{border:1px solid var(--line);border-radius:14px;background:rgba(2,11,20,.35);padding:14px}.requestStats b{display:block;font-size:24px;color:#fff}.requestStats span{color:var(--muted);font-size:12px}
.formNote{margin-top:14px;color:#fbbf24;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.28);padding:12px;border-radius:12px;line-height:1.45}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.topbar nav{grid-column:1/-1;order:3;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}}
@media(max-width:760px){html,body{overflow-x:hidden}.topbar{display:flex;flex-wrap:wrap;padding:10px 12px;gap:10px}.brand img.siteLogo{width:42px;height:42px}.brandText strong{font-size:17px}.brandText span{font-size:8px}.topActions{margin-left:auto;gap:6px}.topActions .ghost{padding:8px 10px;font-size:12px}.topActions .primary{padding:9px 11px;font-size:12px}.topbar nav{width:100%;gap:16px;font-size:13px;overflow-x:auto;justify-content:flex-start}.requestHero,.voteGrid,.requestStats{grid-template-columns:1fr}}

/* V18 homepage header link fix */
.siteHeader {
  width: 100%;
  box-sizing: border-box;
}
.siteHeader .brand {
  text-decoration: none;
}
.siteHeader .homeLogo {
  width: 58px;
  height: 58px;
  object-fit: cover;
  background: #fff;
  border-radius: 50%;
  flex: 0 0 auto;
}
.siteHeader .headerActions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.siteHeader .headerActions a {
  text-decoration: none;
}
.siteHeader .registerBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg,#0b63f6,#0ea5e9);
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
  font-weight: 900;
}
.siteHeader nav a {
  white-space: nowrap;
}
@media(max-width: 900px) {
  html, body { overflow-x: hidden; }
  .siteHeader {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
  }
  .siteHeader .homeLogo {
    width: 42px;
    height: 42px;
  }
  .siteHeader .brand b {
    font-size: 17px;
  }
  .siteHeader .brand span {
    font-size: 8px;
  }
  .siteHeader .headerActions {
    margin-left: auto;
    gap: 6px;
  }
  .siteHeader .headerActions .ghost {
    padding: 8px 10px;
    font-size: 12px;
  }
  .siteHeader .registerBtn {
    padding: 9px 11px;
    font-size: 12px;
  }
  .siteHeader nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    gap: 16px;
    padding-bottom: 4px;
  }
}

/* V19 shared top trade ticker */
.tradeTicker {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(14,165,233,.12);
  border-bottom: 1px solid rgba(14,165,233,.18);
  background: linear-gradient(90deg, rgba(2,11,20,.92), rgba(7,31,56,.92), rgba(2,11,20,.92));
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  height: 36px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.tradeTrack {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  white-space: nowrap;
  will-change: transform;
  animation: tradeScroll 34s linear infinite;
  padding-left: 100%;
}
.tradeTrack span {
  color: #dbeafe;
  font-size: 13px;
  font-weight: 800;
}
.tradeTrack span::after {
  content: "•";
  color: #0ea5e9;
  margin-left: 30px;
}
@keyframes tradeScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

/* Old lower sales band label cleanup */
.salesTitle,
.lastSalesTitle,
.completedSalesTitle {
  display: none !important;
}

@media(max-width: 760px) {
  .tradeTicker {
    height: 32px;
  }
  .tradeTrack {
    gap: 22px;
    animation-duration: 26s;
  }
  .tradeTrack span {
    font-size: 12px;
  }
}

/* V20 homepage cleanup */
.tradeTicker { height: 30px; }
.tradeTrack span { font-size: 12px; }

/* Legacy lower sales/ticker blocks must stay hidden */
.bottomBand,
.salesBand,
.salesTicker,
.sales-ticker,
.recentSales,
.recent-sales,
.lastSales,
.last-sales,
.liveSales,
.live-sales,
.tickerStrip,
.ticker-strip {
  display: none !important;
}

/* If an old duplicate live panel survives by class name, hide it */
.duplicateLiveCard,
.sideLiveCard,
.liveNowCard {
  display: none !important;
}


/* V21 homepage live auction consolidation */
.heroSplit {
  grid-template-columns: 1.08fr .92fr;
  align-items: stretch;
}
.liveAuctionTop {
  padding: 0;
  overflow: hidden;
  border-color: rgba(239,68,68,.65);
  background: linear-gradient(180deg, rgba(7,31,56,.98), rgba(4,20,38,.98));
  box-shadow: 0 0 0 1px rgba(239,68,68,.2), 0 22px 55px rgba(127,29,29,.25);
}
.liveAuctionTopBody {
  padding: 20px 20px 20px;
}
.liveAuctionTop h1 {
  margin: 0 0 10px;
  font-size: 27px;
}
.liveAuctionTop small {
  display: block;
  color: var(--muted);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  margin-top: 6px;
}
.liveAuctionTop .topPrice {
  padding: 3px 0 2px;
  font-size: 42px;
}
.liveAuctionTop .topStats {
  padding: 0;
  margin: 7px 0 14px;
  display: flex;
  gap: 18px;
  color: #cbd5e1;
}
.liveAuctionTop .topStats span {
  color: #cbd5e1;
  font-size: 13px;
}
.liveAuctionTop p {
  margin: 0 0 14px;
}
.liveAuctionTop .redCta {
  margin: 0;
  width: 100%;
}
.mainGrid {
  grid-template-columns: 1fr;
}
.ticker.card {
  display: none !important;
}
@media(max-width:1000px){
  .heroSplit { grid-template-columns: 1fr; }
}

/* V22 unified header: all inner pages use the same header spacing as homepage */
.topbar {
  height: 78px !important;
  background: rgba(2,11,20,.92) !important;
  border-bottom: 1px solid var(--line) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 44px !important;
  gap: 34px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  backdrop-filter: blur(10px) !important;
}
.topbar .brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 230px !important;
  flex: 0 0 230px !important;
}
.topbar .brand img.siteLogo {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: #fff !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
}
.topbar .brandText strong {
  display: block !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
}
.topbar .brandText span {
  display: block !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.topbar nav {
  flex: 1 1 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 54px !important;
  min-width: 0 !important;
}
.topbar nav a {
  color: #cfe8f8 !important;
  font-weight: 700 !important;
  padding: 28px 0 !important;
  border-bottom: 2px solid transparent !important;
  white-space: nowrap !important;
}
.topbar nav a.active {
  color: var(--blue) !important;
  border-bottom-color: var(--blue) !important;
}
.topActions {
  flex: 0 0 220px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 220px !important;
  margin-left: 0 !important;
}
.topActions .ghost {
  background: transparent !important;
  border: 1px solid rgba(14,165,233,.35) !important;
  border-radius: 10px !important;
  padding: 12px 0 !important;
  color: #fff !important;
}
.topActions .primary {
  padding: 12px 16px !important;
}
@media(max-width:1000px){
  .topbar{padding:10px 12px !important; height:auto !important; flex-wrap:wrap !important; gap:10px !important;}
  .topbar .brand{min-width:0 !important; flex:1 1 auto !important;}
  .topbar .brand img.siteLogo{width:42px !important; height:42px !important;}
  .topbar .brandText strong{font-size:17px !important;}
  .topbar .brandText span{font-size:8px !important;}
  .topActions{margin-left:auto !important; min-width:0 !important; flex:0 0 auto !important; gap:6px !important;}
  .topActions .ghost{padding:8px 10px !important; font-size:12px !important;}
  .topActions .primary{padding:9px 11px !important; font-size:12px !important;}
  .topbar nav{order:3 !important; width:100% !important; flex:0 0 100% !important; justify-content:flex-start !important; overflow-x:auto !important; gap:16px !important; padding-bottom:4px !important;}
  .topbar nav a{padding:10px 0 !important;}
}

/* V23 header logo/text lock: homepage and all menu pages use identical brand layout */
.siteHeader .brand,
.topbar .brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 270px !important;
  flex: 0 0 270px !important;
}
.siteHeader .homeLogo,
.topbar .brand img.siteLogo {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: #fff !important;
  object-fit: cover !important;
  flex: 0 0 auto !important;
}
.siteHeader .brand b,
.topbar .brandText strong {
  display: block !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  color: #e5f4ff !important;
  white-space: nowrap !important;
}
.siteHeader .brand span,
.topbar .brandText span {
  display: block !important;
  color: var(--muted) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}
@media(max-width:1000px){
  .siteHeader .brand,
  .topbar .brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .siteHeader .homeLogo,
  .topbar .brand img.siteLogo {
    width: 42px !important;
    height: 42px !important;
  }
  .siteHeader .brand b,
  .topbar .brandText strong { font-size: 17px !important; }
  .siteHeader .brand span,
  .topbar .brandText span { font-size: 8px !important; }
}


/* V24: new menu item + KVKK page refinements */
.siteHeader nav,
.topbar nav { gap: 34px !important; }
@media(max-width:1300px){
  .siteHeader nav, .topbar nav { gap: 22px !important; }
  .siteHeader .brand, .topbar .brand { min-width:230px !important; flex-basis:230px !important; }
  .topActions, .headerActions { min-width:180px !important; flex-basis:180px !important; }
}
.whyGrid { margin-bottom: 36px; }
@media(max-width:760px){ .whyGrid{ grid-template-columns:1fr !important; } }

/* V25: depot button + warehouse page */
.depotBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(34,197,94,.45) !important;
  background: rgba(34,197,94,.12) !important;
  color: #bbf7d0 !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.depotBtn.activeDepot {
  background: linear-gradient(135deg, #0f766e, #22c55e) !important;
  color: #fff !important;
}
.headerActions, .topActions {
  flex-basis: 300px !important;
  min-width: 300px !important;
}
.warehouseGrid {
  display: grid;
  grid-template-columns: 1.45fr .75fr;
  gap: 18px;
  margin-bottom: 36px;
}
.warehouseHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.warehouseHead h2 { margin: 0; }
.warehouseList { display: grid; gap: 12px; }
.warehouseItem {
  display: grid;
  grid-template-columns: 76px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(2,11,20,.35);
}
.warehouseItem b { display: block; font-size: 18px; }
.warehouseItem span { display: block; color: var(--muted); margin-top: 5px; }
.warehouseItem strong { font-size: 20px; color: #e5f4ff; }
.warehousePic {
  height: 62px;
  border-radius: 12px;
  background: radial-gradient(circle at center, rgba(14,165,233,.38), transparent 60%), linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  position: relative;
}
.warehousePic:before {
  content:"";
  position:absolute;
  inset: 17px 18px;
  border: 5px solid #0f172a;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #0ea5e9;
}
.warehouseNote {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid rgba(251,191,36,.35);
  background: rgba(251,191,36,.1);
  color: #fde68a;
  border-radius: 12px;
  font-weight: 800;
}
.shippingBox { align-self: start; }
.shippingTotal {
  border-radius: 14px;
  padding: 16px;
  margin: 12px 0;
  border: 1px solid transparent;
}
.shippingTotal span, .shippingTotal small { display: block; }
.shippingTotal span { color: var(--muted); font-weight: 800; }
.shippingTotal b { display: block; font-size: 34px; line-height: 1.1; margin: 6px 0; }
.redTotal { border-color: rgba(239,68,68,.45); background: rgba(127,29,29,.25); }
.redTotal b { color: #f87171; }
.greenTotal { border-color: rgba(34,197,94,.45); background: rgba(20,83,45,.28); }
.greenTotal b { color: #22c55e; }
.demoTotal { margin-top: 22px; }
.limitBar {
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148,163,184,.22);
  margin: 12px 0 16px;
}
.limitBar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #dc2626, #f97316);
  border-radius: 999px;
}
.shipBtn {
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 14px 18px;
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}
.disabledShip { background: linear-gradient(135deg, #991b1b, #dc2626); }
.greenShip { background: linear-gradient(135deg, #0f766e, #22c55e); }
.shipHint { color: var(--muted); line-height: 1.45; }
@media(max-width:1450px){
  .siteHeader nav, .topbar nav { gap: 18px !important; }
  .headerActions, .topActions { flex-basis: 270px !important; min-width:270px !important; }
}
@media(max-width:1150px){
  .warehouseGrid { grid-template-columns: 1fr; }
  .headerActions, .topActions { flex-basis:auto !important; min-width:0 !important; }
}
@media(max-width:760px){
  .depotBtn { padding: 8px 10px !important; font-size:12px !important; }
  .warehouseHead, .warehouseItem { grid-template-columns: 1fr; }
  .warehouseItem { text-align: left; }
}

/* V26 brand text spacing fix: homepage brand subtitle gap matches menu pages */
.siteHeader .brand > div,
.topbar .brandText {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}
.siteHeader .brand b,
.topbar .brandText strong {
  line-height: 1.05 !important;
}
.siteHeader .brand span,
.topbar .brandText span {
  line-height: 1.15 !important;
}


/* V27: logo yanındaki iki satır boşluğu sayfa bazında ayrı ayrı sabitlendi.
   Ana sayfa ve iç sayfalar aynı görsel boşluğu alır; tek ortak selector kullanılmaz. */
.siteHeader .brand .brandText {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}
.siteHeader .brand .brandText strong {
  display: block !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: #e5f4ff !important;
  white-space: nowrap !important;
}
.siteHeader .brand .brandText span {
  display: block !important;
  font-size: 11px !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: var(--muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}
.topbar .brand .brandText {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}
.topbar .brand .brandText strong {
  display: block !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: #e5f4ff !important;
  white-space: nowrap !important;
}
.topbar .brand .brandText span {
  display: block !important;
  font-size: 11px !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: var(--muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
}
@media(max-width:1000px){
  .siteHeader .brand .brandText strong { font-size:17px !important; }
  .siteHeader .brand .brandText span { font-size:8px !important; }
  .topbar .brand .brandText strong { font-size:17px !important; }
  .topbar .brand .brandText span { font-size:8px !important; }
}


/* V31 auction opening price explanation */
.pricingSource {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 18px;
  align-items: center;
  padding: 20px;
  margin: 16px 0;
  border-color: rgba(14,165,233,.35);
  background: linear-gradient(135deg, rgba(7,31,56,.96), rgba(2,11,20,.86));
}
.pricingSource h2 { margin: 12px 0 8px; font-size: 22px; }
.pricingSource p { margin: 0; color: var(--muted); line-height: 1.55; }
.pricingSource p b { color: #fff; }
.pricingFormula {
  border: 1px solid rgba(14,165,233,.35);
  border-radius: 14px;
  padding: 16px;
  background: rgba(2,11,20,.42);
}
.pricingFormula span { display:block; color: var(--muted); font-size: 12px; }
.pricingFormula strong { display:block; color:#94a3b8; font-size: 24px; text-decoration: line-through; margin: 8px 0; }
.pricingFormula em { display:block; color:#22c55e; font-style:normal; font-weight:900; font-size:18px; }
.priceSourceDetail {
  border-color: rgba(14,165,233,.42);
  background: linear-gradient(135deg, rgba(7,31,56,.92), rgba(2,11,20,.82));
}
.sourceSteps {
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}
.sourceSteps div {
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  background:rgba(2,11,20,.35);
}
.sourceSteps b {
  width:32px; height:32px;
  display:grid; place-items:center;
  border-radius:50%;
  background:#0b63f6;
  color:white;
  margin-bottom:10px;
}
.sourceSteps strong { display:block; color:#fff; margin-bottom:6px; }
.sourceSteps span { color:var(--muted); font-size:13px; line-height:1.45; }
.formulaBox {
  margin-top:16px;
  border:1px solid rgba(34,197,94,.35);
  border-radius:14px;
  padding:16px;
  background:rgba(34,197,94,.10);
}
.formulaBox span { display:block; color:#bbf7d0; font-weight:900; margin-bottom:6px; }
.formulaBox strong { display:block; color:#fff; margin-bottom:6px; }
.formulaBox em { display:block; color:#22c55e; font-style:normal; font-weight:900; }
@media(max-width:900px){
  .pricingSource { grid-template-columns:1fr; }
  .sourceSteps { grid-template-columns:1fr; }
}

/* V32 - Web fiyat/stok kontrol sayfası */
.priceCheckPage{max-width:1120px;}
.priceHero{background:linear-gradient(135deg,rgba(0,181,255,.12),rgba(2,6,23,.75));}
.priceToolGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;}
.priceToolCard,.priceInfoCard,.priceSummary{border:1px solid rgba(0,181,255,.22);background:rgba(7,34,58,.72);border-radius:16px;padding:22px;box-shadow:0 20px 45px rgba(0,0,0,.18);}
.priceToolCard h2,.priceInfoCard h2{margin:0 0 10px;color:#f5fbff;}
.priceToolCard label{display:block;margin:16px 0 8px;color:#9fd7ff;font-weight:800;font-size:13px;}
.priceToolCard input{width:100%;box-sizing:border-box;background:#041522;border:1px solid rgba(0,181,255,.28);border-radius:12px;color:#fff;padding:14px;font-weight:700;outline:none;}
.priceToolCard input:focus{border-color:#0bbcff;box-shadow:0 0 0 3px rgba(0,181,255,.13);}
.priceToolCard .actionBtn{display:inline-block;border:0;margin-top:14px;cursor:pointer;}
.mutedText,.apiNote{color:#9fc3df;line-height:1.55;}
.apiNote{display:block;margin-top:10px;font-size:12px;}
.priceSummary{margin:18px 0;border-color:rgba(34,197,94,.35);}
.priceSummary b{font-size:22px;color:#39f28a;}
.priceSummary p{color:#b7d7ee;margin-bottom:0;}
.priceResults{display:grid;gap:12px;margin:18px 0 34px;}
.priceResultCard{display:grid;grid-template-columns:42px 1fr 160px 130px;gap:16px;align-items:center;border:1px solid rgba(0,181,255,.18);background:rgba(5,23,40,.86);border-radius:16px;padding:16px;}
.priceResultCard.ok{border-color:rgba(34,197,94,.45);}
.priceResultCard.bad{opacity:.72;}
.priceResultCard h3{margin:0 0 4px;color:#f5fbff;font-size:16px;}
.priceResultCard p{margin:0 0 6px;color:#9fc3df;}
.priceResultCard a{color:#18c5ff;font-weight:800;text-decoration:none;}
.rankBadge{width:32px;height:32px;border-radius:10px;background:#1677ff;display:grid;place-items:center;color:#fff;font-weight:900;}
.resultPrice{font-size:22px;color:#22c55e;font-weight:950;text-align:right;}
.stockLabel{text-align:right;color:#ffd84a;font-weight:900;}
.priceCheckInline{margin-top:14px;padding:14px;border:1px solid rgba(0,181,255,.25);border-radius:14px;background:rgba(0,181,255,.06);display:flex;align-items:center;justify-content:space-between;gap:14px;}
.priceCheckInline p{margin:0;color:#9fc3df;}
.priceCheckInline a{white-space:nowrap;}
@media(max-width:900px){.priceToolGrid{grid-template-columns:1fr}.priceResultCard{grid-template-columns:38px 1fr}.resultPrice,.stockLabel{text-align:left}.priceCheckInline{display:block}.priceCheckInline a{margin-top:10px;display:inline-block}}

.fallbackLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.fallbackLinks a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#1478ff,#16b7f3);color:#fff;font-weight:900;text-decoration:none;border:1px solid rgba(255,255,255,.18)}.priceSummary.error{border-color:rgba(239,68,68,.45);background:rgba(127,29,29,.16)}

.siteWhitelistCard { margin-top: 18px; }
.sitePills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sitePills span { border: 1px solid rgba(0, 180, 255, 0.28); background: rgba(0, 180, 255, 0.08); color: #bcecff; border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 800; }

/* V35 AI fiyat kontrol ekranı */
.aiSummaryHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;color:#eaf7ff}
.aiSummaryHead span{display:inline-flex;align-items:center;gap:8px;background:rgba(0,190,255,.14);border:1px solid rgba(0,190,255,.35);border-radius:999px;padding:8px 12px;font-weight:900;text-transform:uppercase;font-size:12px;color:#7ee3ff}
.aiSummaryHead b{font-size:22px;text-align:right;color:#fff}
.aiMetricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 16px}
.aiMetricGrid div{border:1px solid rgba(0,190,255,.22);background:rgba(0,20,40,.38);border-radius:14px;padding:12px}
.aiMetricGrid strong{display:block;font-size:18px;color:#19c7ff;margin-bottom:4px}
.aiMetricGrid span{display:block;font-size:12px;color:#9fc5dd}
.aiPriceDecision{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
.aiPriceDecision div{background:linear-gradient(135deg,rgba(6,38,68,.92),rgba(0,30,25,.72));border:1px solid rgba(29,255,139,.28);border-radius:16px;padding:16px}
.aiPriceDecision span{display:block;color:#a8c6d9;font-weight:800;font-size:13px;margin-bottom:8px}
.aiPriceDecision strong{display:block;color:#20e884;font-size:25px;line-height:1.1}
.aiPriceDecision small{display:block;color:#98b9cc;margin-top:8px;font-size:12px}
.aiDisclaimer{margin-top:14px;color:#a7bdd1!important;font-size:13px!important}
.priceResultCard small{display:block;color:#91adc1;margin:6px 0 8px;line-height:1.35;max-width:520px}
.aiLinks{margin-top:14px}
@media(max-width:900px){.aiSummaryHead{align-items:flex-start;flex-direction:column}.aiSummaryHead b{text-align:left}.aiMetricGrid,.aiPriceDecision{grid-template-columns:1fr}}

/* V39 price-check match filter */
.rejectedInfo{border-color:rgba(255,193,7,.28);background:rgba(45,32,8,.34)}
.rejectedInfo h2{margin:0 0 8px;color:#ffd166}
.rejectedRow{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.08);padding:10px 0;color:#d7e8f5}
.rejectedRow span{color:#9fc3df;text-align:right}
@media(max-width:900px){.rejectedRow{display:block}.rejectedRow span{display:block;text-align:left;margin-top:4px}}

/* V41 price-check small helpers */
.priceNote{display:block;margin-top:6px;color:#facc15;font-weight:800;}


/* V50 - legal footer, cookie banner, membership approvals */
.siteFooter{display:block!important;background:linear-gradient(180deg,rgba(2,11,20,.94),rgba(2,8,15,.98));border-top:1px solid rgba(56,189,248,.22);padding:0;color:#b8d4e6}.footerTrust{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-bottom:1px solid rgba(56,189,248,.16);background:rgba(7,31,56,.78)}.footerTrust span{padding:18px 14px;text-align:center;font-weight:900;color:#dff6ff;border-right:1px solid rgba(56,189,248,.12)}.footerGrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;gap:34px;padding:34px 22px}.footerGrid h3{margin:0 0 14px;color:#fff;font-size:16px}.footerGrid a{display:block;color:#9fc3df;margin:8px 0;font-size:14px}.footerGrid a:hover{color:#20c7ff}.footerNote{color:#8bb0c8;line-height:1.5;font-size:13px}.footerBottom{border-top:1px solid rgba(56,189,248,.14);max-width:1180px;margin:0 auto;padding:16px 22px;display:flex;justify-content:space-between;gap:20px;color:#8bb0c8;font-size:13px}.footerBottom a{color:#b8e6ff}.legalChecks{margin-top:16px;border:1px solid rgba(56,189,248,.22);border-radius:14px;padding:14px;background:rgba(2,11,20,.34);display:grid;gap:10px}.legalChecks label{color:#cfe8f8;line-height:1.4;font-size:14px}.legalChecks input{margin-right:8px}.legalChecks a{color:#1cc7ff;font-weight:900}.legalPage{max-width:1080px}.legalText{line-height:1.7;color:#cfe8f8}.legalText p{font-size:16px}.cookieBanner{position:fixed;left:18px;right:18px;bottom:18px;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:980px;margin:auto;background:linear-gradient(135deg,rgba(7,31,56,.98),rgba(2,11,20,.98));border:1px solid rgba(56,189,248,.35);box-shadow:0 20px 60px rgba(0,0,0,.45);border-radius:16px;padding:16px 18px;color:#dff6ff}.cookieBanner strong{display:block;margin-bottom:5px}.cookieBanner p{margin:0;color:#9fc3df;line-height:1.45}.cookieActions{display:flex;gap:10px;align-items:center;white-space:nowrap}.cookieActions a{color:#9fdcff;font-weight:900}.cookieActions button{background:linear-gradient(135deg,#16a34a,#22c55e);border:0;border-radius:10px;color:#fff;font-weight:900;padding:10px 15px;cursor:pointer}@media(max-width:900px){.footerTrust{grid-template-columns:1fr 1fr}.footerGrid{grid-template-columns:1fr}.footerBottom,.cookieBanner{display:block}.cookieActions{margin-top:12px}.footerTrust span{text-align:left}.siteHeader .headerActions,.topActions{flex-wrap:wrap}}

.premiumBanner{margin:20px 0;padding:18px;text-align:center;font-weight:800;background:linear-gradient(90deg,#0b63f6,#0ea5e9)}


/* V53 reklam ve arşiv düzenlemeleri */
.page{position:relative;}
.sideAd{position:absolute!important;top:44px!important;height:560px;z-index:2;}
.page>.leftAd{left:0!important;}
.page>.rightAd{right:0!important;}
.pageSideAd{top:38px!important;}
.adShell{max-width:1500px;margin:0 auto;position:relative;padding:18px 220px 40px;}
.adShell .contentWrap{max-width:1100px;margin:0 auto;position:relative;}
.adShell .leftAd{left:0!important;}
.adShell .rightAd{right:0!important;}
.premiumWideAd{border:1px solid rgba(14,165,233,.28);border-radius:16px;background:linear-gradient(100deg,rgba(7,31,56,.98),rgba(4,20,38,.92)),radial-gradient(circle at 80% 50%,rgba(14,165,233,.22),transparent 34%);min-height:104px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 18px 45px rgba(0,0,0,.18);margin:16px 0;color:#e5f4ff;}
.premiumWideAd span{display:block;color:#38bdf8;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;}
.premiumWideAd strong{display:block;font-size:20px;line-height:1.25;}
.premiumWideAd em{font-style:normal;color:#9bd3ef;border:1px solid rgba(14,165,233,.24);border-radius:999px;padding:9px 13px;white-space:nowrap;background:rgba(2,11,20,.32);}
.finishedFilters{padding:16px 18px;margin:16px 0;display:grid;grid-template-columns:1fr 1.6fr;gap:18px;}
.finishedFilters div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.finishedFilters b{margin-right:8px;}
.finishedFilters span{border:1px solid var(--line);background:rgba(2,11,20,.32);border-radius:999px;padding:8px 12px;color:#cfe8f8;font-size:13px;}
.finishedArchiveGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;}
.finishedArchiveGrid .completedCard{min-height:0;}
.listNativeAd{grid-column:1/-1;margin:4px 0;}
.finishedShell .sideAd{height:600px;}
.brandPageWrap{position:relative;}
.brandSide{position:absolute!important;top:112px!important;width:180px!important;min-height:430px;border:1px solid rgba(14,165,233,.22);border-radius:18px;background:linear-gradient(180deg,rgba(7,31,56,.9),rgba(2,11,20,.82));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;opacity:.42!important;color:#cfe8f8;box-shadow:0 20px 55px rgba(0,0,0,.22);}
.brandSide img{width:112px!important;height:112px;object-fit:cover;border-radius:50%;background:#fff;filter:saturate(.9);}
.brandSide div{font-size:20px;font-weight:900;color:#e5f4ff;}
.brandSide small{font-size:12px;color:#8bb0c8;max-width:120px;line-height:1.35;}
.leftBrand{left:-230px!important;}.rightBrand{right:-230px!important;}
@media(max-width:1450px){.adShell{padding-left:24px;padding-right:24px}.adShell .sideAd,.page>.sideAd,.brandSide{display:none!important}.page{padding-left:24px!important;padding-right:24px!important}.finishedArchiveGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.premiumWideAd{display:block}.premiumWideAd em{display:inline-block;margin-top:12px}.finishedFilters,.finishedArchiveGrid{grid-template-columns:1fr}}


/* V54 - Hareketli yan bannerlar + depo reklam alanları */
.page,
.adShell,
.contentWrap,
.brandPageWrap{
  position: relative !important;
}

/* Ana sayfa ve reklamlı sayfalarda bannerlar sayfayla birlikte hareket eder; fixed değildir. */
.sideAd,
.pageSideAd,
.warehouseSideAd{
  position: absolute !important;
  top: 38px !important;
  bottom: auto !important;
  height: 560px !important;
  z-index: 2 !important;
}
.page > .sideAd.leftAd{ left: 0 !important; right: auto !important; }
.page > .sideAd.rightAd{ right: 0 !important; left: auto !important; }
.adShell > .sideAd.leftAd{ left: 0 !important; right: auto !important; }
.adShell > .sideAd.rightAd{ right: 0 !important; left: auto !important; }
.contentWrap > .warehouseSideAd.leftAd{ left: -205px !important; right: auto !important; }
.contentWrap > .warehouseSideAd.rightAd{ right: -205px !important; left: auto !important; }

/* Banner alt sınırı, içinde bulunduğu main/content bloğudur; footer alanına taşmaz. */
.siteFooter{ position: relative !important; z-index: 5 !important; }

.warehouseSideAd .adBrand{ margin-bottom: 18px; }
.warehouseSideAd h3{ font-size: 15px; min-height: 62px; }
.warehouseSideAd .adProduct{ height: 220px; }
.warehouseSideAd button{ margin-top: 4px; }

/* Kurumsal logo alanları: satılık reklam değil, geniş marka paneli */
.brandSide{
  position: absolute !important;
  top: 100px !important;
  width: 190px !important;
  min-height: 470px !important;
  opacity: .55 !important;
  z-index: 1 !important;
}
.leftBrand{ left: -235px !important; right: auto !important; }
.rightBrand{ right: -235px !important; left: auto !important; }

@media(max-width:1450px){
  .sideAd,
  .pageSideAd,
  .warehouseSideAd,
  .brandSide{ display:none !important; }
  .contentWrap{ max-width: calc(100% - 32px) !important; }
}


/* V55 - Sağ/sol bannerlar sayfa içinde hareket eder; footer üstünde durur */
.page,
.adShell,
.contentWrap,
.brandPageWrap,
.warehouseAdWrap,
.finishedShell{
  position: relative !important;
  overflow: visible !important;
}
.sideAd,
.pageSideAd,
.warehouseSideAd,
.brandSide{
  position: absolute !important;
  bottom: auto !important;
  transform: none !important;
  transition: top .08s linear;
}
.page > .sideAd.leftAd{ left: 0 !important; right: auto !important; }
.page > .sideAd.rightAd{ right: 0 !important; left: auto !important; }
.adShell > .sideAd.leftAd{ left: 0 !important; right: auto !important; }
.adShell > .sideAd.rightAd{ right: 0 !important; left: auto !important; }
.contentWrap > .warehouseSideAd.leftAd{ left: -205px !important; right: auto !important; }
.contentWrap > .warehouseSideAd.rightAd{ right: -205px !important; left: auto !important; }
.siteFooter{ position: relative !important; z-index: 8 !important; }
@media(max-width:1450px){
  .sideAd,.pageSideAd,.warehouseSideAd,.brandSide{ display:none !important; }
}


/* V56 - Yan bannerlar scroll ile hareket eder, footer alanına taşmaz. */
.page,
.adShell,
.contentWrap,
.brandPageWrap,
body{
  position: relative;
}

.sideAd,
.pageSideAd,
.warehouseSideAd,
.brandSide,
.sideBanner{
  position: absolute !important;
  bottom: auto !important;
  will-change: top !important;
}

.sideAd.leftAd,
.pageSideAd.leftAd,
.warehouseSideAd.leftAd{
  left: 56px !important;
  right: auto !important;
}
.sideAd.rightAd,
.pageSideAd.rightAd,
.warehouseSideAd.rightAd{
  right: 56px !important;
  left: auto !important;
}

.sideBanner.sideLeft{ left: 22px !important; right: auto !important; }
.sideBanner.sideRight{ right: 22px !important; left: auto !important; }

.siteFooter,
footer{
  position: relative !important;
  z-index: 20 !important;
}

@media(max-width:1450px){
  .sideAd,
  .pageSideAd,
  .warehouseSideAd,
  .brandSide,
  .sideBanner{ display:none !important; }
}

/* V57 FINAL - Yan bannerlar artık ekrana sabitlenmez; içerik kolonunda sticky hareket eder. */
.page:has(> .sideAd),
.adShell:has(> .sideAd),
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd),
.contentWrap.brandPageWrap:has(> .brandSide){
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) 180px !important;
  gap: 28px !important;
  align-items: start !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  overflow: visible !important;
  position: relative !important;
}

.page:has(> .sideAd) > :not(.sideAd),
.adShell:has(> .sideAd) > :not(.sideAd),
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd) > :not(.warehouseSideAd),
.contentWrap.brandPageWrap:has(> .brandSide) > :not(.brandSide){
  grid-column: 2 !important;
  min-width: 0 !important;
}

.page:has(> .sideAd) > .sideAd.leftAd,
.adShell:has(> .sideAd) > .sideAd.leftAd,
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd) > .warehouseSideAd.leftAd,
.contentWrap.brandPageWrap:has(> .brandSide) > .brandSide.leftBrand{
  grid-column: 1 !important;
  grid-row: 1 / span 20 !important;
}

.page:has(> .sideAd) > .sideAd.rightAd,
.adShell:has(> .sideAd) > .sideAd.rightAd,
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd) > .warehouseSideAd.rightAd,
.contentWrap.brandPageWrap:has(> .brandSide) > .brandSide.rightBrand{
  grid-column: 3 !important;
  grid-row: 1 / span 20 !important;
}

.sideAd,
.pageSideAd,
.warehouseSideAd,
.brandSide,
.sideBanner{
  position: sticky !important;
  top: 104px !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  will-change: auto !important;
  align-self: start !important;
  z-index: 2 !important;
}

.sideAd,
.pageSideAd,
.warehouseSideAd{
  width: 100% !important;
  max-width: 180px !important;
  height: 560px !important;
}

.brandSide{
  width: 100% !important;
  max-width: 190px !important;
  min-height: 470px !important;
  opacity: .55 !important;
}

.siteFooter,
footer{
  position: relative !important;
  z-index: 20 !important;
}

@media(max-width:1450px){
  .page:has(> .sideAd),
  .adShell:has(> .sideAd),
  .contentWrap.warehouseAdWrap:has(> .warehouseSideAd),
  .contentWrap.brandPageWrap:has(> .brandSide){
    display: block !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .sideAd,
  .pageSideAd,
  .warehouseSideAd,
  .brandSide,
  .sideBanner{
    display: none !important;
  }
}

/* V60 PROFESSIONAL STANDARD LAYOUT FIX */
html, body{overflow-x:hidden!important;}
.page:has(> .sideAd),
.adShell:has(> .sideAd),
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd),
.contentWrap.brandPageWrap:has(> .brandSide){
  display:block!important;
  max-width:1100px!important;
  width:calc(100% - 48px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:18px 0 40px!important;
  overflow:visible!important;
  position:relative!important;
}
.page:has(> .sideAd) > :not(.sideAd),
.adShell:has(> .sideAd) > :not(.sideAd),
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd) > :not(.warehouseSideAd),
.contentWrap.brandPageWrap:has(> .brandSide) > :not(.brandSide){
  max-width:1100px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
}
.adShell .contentWrap,
.contentWrap.adContent,
.contentWrap.brandPageWrap{max-width:1100px!important;width:100%!important;}
.sideAd,.pageSideAd,.warehouseSideAd,.brandSide,.sideBanner{
  position:fixed!important;
  top:245px!important;
  bottom:auto!important;
  width:180px!important;
  max-width:180px!important;
  height:560px!important;
  z-index:5!important;
  transform:none!important;
  will-change:auto!important;
}
.sideAd.leftAd,.pageSideAd.leftAd,.warehouseSideAd.leftAd,.brandSide.leftBrand,.sideBanner.sideLeft{left:calc(50vw - 750px)!important;right:auto!important;}
.sideAd.rightAd,.pageSideAd.rightAd,.warehouseSideAd.rightAd,.brandSide.rightBrand,.sideBanner.sideRight{right:calc(50vw - 750px)!important;left:auto!important;}
.brandSide{min-height:470px!important;opacity:.55!important;display:flex!important;}
@media(max-width:1500px){.sideAd,.pageSideAd,.warehouseSideAd,.brandSide,.sideBanner{display:none!important}.page:has(> .sideAd),.adShell:has(> .sideAd),.contentWrap.warehouseAdWrap:has(> .warehouseSideAd),.contentWrap.brandPageWrap:has(> .brandSide){width:calc(100% - 48px)!important;padding-left:0!important;padding-right:0!important;}}

/* V61 FOOTER PROTECTION - Yan bannerlar footer alanına girmez. */
body.sideAdsFooterLock .sideAd,
body.sideAdsFooterLock .pageSideAd,
body.sideAdsFooterLock .warehouseSideAd,
body.sideAdsFooterLock .brandSide,
body.sideAdsFooterLock .sideBanner{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.siteFooter,footer{position:relative!important;z-index:30!important;}


/* V62 FOOTER STOP - Banner kaybolmaz; footer başlangıcında yukarıda durur. */
body.sideAdsFooterLock .sideAd,
body.sideAdsFooterLock .pageSideAd,
body.sideAdsFooterLock .warehouseSideAd,
body.sideAdsFooterLock .brandSide,
body.sideAdsFooterLock .sideBanner{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.sideAd,.pageSideAd,.warehouseSideAd,.brandSide,.sideBanner{
  will-change:transform!important;
}
.siteFooter,footer{position:relative!important;z-index:30!important;}

/* V63 - Canlı ihale sayfası üst sponsor banner alanı */
.auctionTopAd {
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 50%, rgba(14,165,233,.22), transparent 34%),
    linear-gradient(135deg, rgba(7,31,56,.95), rgba(2,11,20,.9));
}
.auctionTopAdContent {
  min-width: 0;
}
.auctionTopAdBox {
  flex: 0 0 330px;
  height: 104px;
  border: 1px dashed rgba(56,189,248,.45);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(14,165,233,.18), rgba(11,99,246,.08));
  display: grid;
  place-items: center;
  text-align: center;
  color: #bfeaff;
}
.auctionTopAdBox strong {
  display: block;
  font-size: 30px;
  color: #28b8ff;
  line-height: 1;
}
.auctionTopAdBox span {
  display: block;
  margin-top: 8px;
  font-weight: 800;
  color: #dff6ff;
}
@media (max-width: 900px) {
  .auctionTopAd {
    display: block;
  }
  .auctionTopAdBox {
    width: 100%;
    margin-top: 18px;
    flex-basis: auto;
  }
}

/* V64 - Canlı ihale satın alma alanı ve ürün görsel vitrini */
.auctionBuyRow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}
.buyNowBtn {
  min-width: 150px;
  padding: 12px 18px;
  border-radius: 11px;
  font-size: 15px;
  letter-spacing: .4px;
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
}
.compactRules {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: #cfe8f8;
  font-size: 12px;
  line-height: 1.25;
}
.compactRules span {
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.compactRules b {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #0b63f6;
  color: #fff;
  font-size: 11px;
}
.calendarBackBtn {
  margin-top: 12px;
  padding: 11px 16px;
}
.productPhotoSlider {
  padding: 18px;
  overflow: hidden;
}
.photoSliderHead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.photoSliderHead span {
  font-size: 20px;
  font-weight: 950;
  color: #fff;
}
.photoSliderHead small {
  color: var(--muted);
  font-size: 12px;
  text-align: right;
}
.photoStage {
  position: relative;
  height: 238px;
  border: 1px solid rgba(56,189,248,.22);
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(2,11,20,.78), rgba(7,31,56,.72));
}
.photoSlide {
  position: absolute;
  inset: 0;
  opacity: 0;
  display: grid;
  place-items: center;
  animation: productPhotoRotate 16s infinite;
}
.photoSlide span {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #0b63f6;
  color: #fff;
  font-weight: 950;
}
.photoSlide:before {
  content: "";
  width: 168px;
  height: 92px;
  border-radius: 999px;
  border: 8px solid #0ea5e9;
  box-shadow: inset 0 0 42px rgba(14,165,233,.35), 0 0 34px rgba(14,165,233,.25);
  transform: rotate(-8deg);
}
.photoSlide:after {
  content: "";
  position: absolute;
  width: 92px;
  height: 18px;
  border-radius: 999px;
  background: rgba(15,23,42,.95);
  right: 64px;
  bottom: 74px;
  transform: rotate(-24deg);
  box-shadow: 0 0 18px rgba(14,165,233,.18);
}
.slideOne { animation-delay: 0s; background: radial-gradient(circle at 48% 46%, rgba(14,165,233,.35), transparent 48%); }
.slideTwo { animation-delay: 4s; background: radial-gradient(circle at 48% 46%, rgba(34,197,94,.20), transparent 48%); }
.slideThree { animation-delay: 8s; background: radial-gradient(circle at 48% 46%, rgba(251,191,36,.18), transparent 48%); }
.slideFour { animation-delay: 12s; background: radial-gradient(circle at 48% 46%, rgba(59,130,246,.25), transparent 48%); }
.photoThumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 12px;
}
.photoThumbs i {
  height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(56,189,248,.22);
  background: radial-gradient(circle, rgba(14,165,233,.36), rgba(2,11,20,.75) 62%);
}
@keyframes productPhotoRotate {
  0%, 21% { opacity: 1; transform: scale(1); }
  25%, 96% { opacity: 0; transform: scale(1.025); }
  100% { opacity: 1; transform: scale(1); }
}
@media (max-width: 900px) {
  .auctionBuyRow { align-items: flex-start; flex-direction: column; }
  .compactRules span { white-space: normal; }
  .buyNowBtn { width: 100%; }
}

/* V65 - Canlı ihale aksiyonları sayaçların altına hizalı */
.auctionActionGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}
.auctionActionGrid .buyNowBtn {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  justify-content: center;
  text-align: center;
}
.auctionActionGrid .compactRules {
  grid-column: 2 / 4;
  justify-self: center;
  text-align: left;
}
.auctionActionGrid .calendarBackBtn {
  grid-column: 4;
  width: 100%;
  margin-top: 0;
  justify-content: center;
  text-align: center;
  background: linear-gradient(135deg, #168cff, #0b63f6) !important;
  border-color: rgba(56,189,248,.35) !important;
}
@media (max-width: 760px) {
  .auctionActionGrid {
    grid-template-columns: 1fr;
  }
  .auctionActionGrid .buyNowBtn,
  .auctionActionGrid .compactRules,
  .auctionActionGrid .calendarBackBtn {
    grid-column: auto;
    width: 100%;
  }
  .auctionActionGrid .compactRules {
    justify-self: stretch;
  }
}

/* V67 calendar sponsor + compact list + product modal */
.calendarCompactPage { margin-bottom: 22px; }
.calendarTopAd {
  max-width: 1100px;
  margin: 22px auto 16px;
  padding: 22px 28px;
  min-height: 150px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(7,31,56,.95), rgba(2,11,20,.9));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.calendarTopAd h1 { margin: 10px 0 6px; font-size: 31px; line-height: 1.08; }
.calendarTopAd p { margin: 0; color: var(--muted); line-height: 1.45; max-width: 650px; }
.calendarAdBox {
  width: 340px;
  min-height: 94px;
  border: 1px dashed rgba(14,165,233,.55);
  border-radius: 14px;
  background: radial-gradient(circle at center, rgba(14,165,233,.22), rgba(7,31,56,.5));
  display: grid;
  place-items: center;
  text-align: center;
  flex: 0 0 auto;
}
.calendarAdBox strong { display:block; color:#0ea5e9; font-size:28px; line-height:1; }
.calendarAdBox span { display:block; font-weight:900; color:#e5f4ff; margin-top:8px; }
.compactCalendarCard { padding: 18px 22px; }
.calendarCardHead { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:8px; }
.calendarCardHead h2 { margin:0; }
.calendarCardHead span { color:var(--muted); font-size:13px; }
.compactAuctionRow {
  grid-template-columns: 82px minmax(260px,1fr) 105px 86px 96px;
  gap: 10px;
  padding: 10px 0;
  min-height: 50px;
}
.productNameBtn {
  background: transparent;
  border: 0;
  color: #fff;
  padding: 0;
  font: inherit;
  font-weight: 900;
  text-align: left;
  justify-self: start;
  cursor: pointer;
  white-space: nowrap;
}
.productNameBtn:hover { color:#38bdf8; }
.registeredCount { color:#fff; font-weight:800; text-align:right; white-space:nowrap; }
.detailMiniBtn,
.compactGoBtn {
  height: 34px;
  min-height: 34px;
  border-radius: 9px;
  padding: 0 12px;
  font-size: 13px;
  line-height: 34px;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}
.detailMiniBtn {
  background: rgba(220,38,38,.92);
  color:#fff;
  border:0;
  cursor:pointer;
  min-width: 74px;
}
.compactGoBtn {
  min-width: 92px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.productModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,.74);
  backdrop-filter: blur(8px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}
.productModal.open { display: flex; }
.productModalCard {
  width: min(860px, 94vw);
  background: linear-gradient(135deg,#071b33,#04101d);
  border: 1px solid rgba(14,165,233,.55);
  border-radius: 22px;
  color: #fff;
  padding: 20px;
  position: relative;
  box-shadow: 0 28px 90px rgba(0,0,0,.45);
}
.modalClose {
  position:absolute;
  right:16px;
  top:12px;
  width:36px;
  height:36px;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(2,11,20,.45);
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.modalProductGrid { display:grid; grid-template-columns: 1fr 1.1fr; gap:20px; align-items:stretch; }
.modalVisual { display:flex; flex-direction:column; gap:10px; }
.modalImagePlaceholder {
  min-height: 260px;
  border-radius: 16px;
  background: radial-gradient(circle at center, rgba(14,165,233,.35), rgba(2,11,20,.75));
  border: 1px solid var(--line);
  display:grid;
  place-items:center;
  color:#9bdcff;
  font-weight:900;
}
.modalThumbs { display:grid; grid-template-columns: repeat(4,1fr); gap:8px; }
.modalThumbs span { height:42px; border-radius:10px; border:1px solid var(--line); background: radial-gradient(circle, rgba(14,165,233,.3), rgba(2,11,20,.7)); }
.modalInfo h2 { margin: 12px 0 10px; font-size: 30px; }
.modalStats { display:flex; gap:12px; flex-wrap:wrap; margin: 0 0 12px; }
.modalStats b, .modalStats span { border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:rgba(2,11,20,.35); }
.modalStats b { color:#22c55e; }
.modalInfo p { color:var(--muted); line-height:1.55; }
.modalSpecs { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0; }
.modalSpecs div { border:1px solid var(--line); border-radius:11px; padding:9px 11px; background:rgba(2,11,20,.35); }
.modalSpecs span { display:block; color:var(--muted); font-size:12px; }
.modalSpecs b { display:block; margin-top:3px; }
.modalCta { margin-top: 8px; }
@media (max-width: 900px){
  .calendarTopAd { flex-direction:column; align-items:stretch; }
  .calendarAdBox { width:100%; }
  .compactAuctionRow { grid-template-columns: 72px 1fr; }
  .registeredCount, .detailMiniBtn, .compactGoBtn { grid-column: 2; text-align:left; justify-self:start; }
  .modalProductGrid { grid-template-columns:1fr; }
}

/* V69 - Takvim sayfası: saat başı 10 ihale + banner/ticker güvenli hizalama */
.calendarCompactPage { margin-bottom: 52px; }
.compactCalendarCard { padding: 16px 22px 18px; }
.compactAuctionRow {
  grid-template-columns: 82px minmax(330px,1fr) 105px 74px 92px;
  gap: 10px;
  padding: 8px 0;
  min-height: 42px;
}
.compactAuctionRow .timePill { height: 34px; min-height: 34px; display:inline-flex; align-items:center; justify-content:center; }
.productNameBtn { justify-self:start; text-align:left; }
.detailMiniBtn,
.compactGoBtn {
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  font-size: 13px;
  padding: 0 11px;
}
.compactGoBtn { min-width: 86px; }
.detailMiniBtn { min-width: 68px; }
@media (max-width: 760px) {
  .compactAuctionRow { grid-template-columns: 72px 1fr; }
}

.topViewedWidget { margin-top:18px; }
.topViewedRows { display:grid; gap:10px; }
.topViewedHomeRow { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; padding:12px 14px; border:1px solid rgba(15,23,42,.08); border-radius:14px; background:#f8fafc; }
.topViewedHomeRow span { width:28px; height:28px; border-radius:999px; display:grid; place-items:center; background:#e0f2fe; color:#0369a1; font-weight:900; }
.topViewedHomeRow b { color:#0f172a; }
.topViewedHomeRow em { color:#64748b; font-style:normal; font-size:13px; }
@media (max-width: 720px) { .topViewedHomeRow { grid-template-columns:30px 1fr; } .topViewedHomeRow em { grid-column:2; } }

/* V72 home top viewed theme fix */
.topViewedWidget{margin-top:18px;background:linear-gradient(180deg,rgba(3,23,43,.96),rgba(2,16,31,.98))!important;border:1px solid rgba(14,165,233,.35)!important;box-shadow:0 18px 55px rgba(0,0,0,.18)!important}.topViewedWidget h2,.topViewedWidget .sectionTitle,.topViewedWidget h3{color:#e6f7ff!important;letter-spacing:.02em}.topViewedRows{display:grid;gap:9px}.topViewedHomeRow{border:0;width:100%;text-align:left;font:inherit;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(14,165,233,.24)!important;border-radius:13px;background:rgba(7,37,64,.72)!important}.topViewedHomeRow span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(14,165,233,.18)!important;color:#7dd3fc!important;font-weight:900;border:1px solid rgba(125,211,252,.28)}.topViewedHomeRow b{color:#f8fafc!important;font-size:14px}.topViewedHomeRow em{color:#9cc6df!important;font-style:normal;font-size:12px;font-weight:700}@media(max-width:720px){.topViewedHomeRow{border:0;width:100%;text-align:left;font:inherit;grid-template-columns:30px 1fr}.topViewedHomeRow em{grid-column:2}}
/* V75.8 live auction stabilization */
#liveRemainingTop,
#liveRemainingFull{
  font-variant-numeric: tabular-nums;
  letter-spacing:.02em;
}
.liveAuctionTopBody,
.auctionFullCard{
  contain: layout paint;
}

/* V76 admin durum renkleri */
.adminBadge, .statusPill { border-radius:999px; padding:7px 12px; font-weight:900; display:inline-flex; align-items:center; justify-content:center; }
.adminBadge.ready, .adminBadge.hazir, .adminBadge.waiting, .statusPill.queued { background:#ffedd5 !important; color:#c2410c !important; border:1px solid #fdba74 !important; }
.adminBadge.queued, .adminBadge.live, .adminBadge.scheduled, .adminBadge.ihaleyeAlindi, .statusPill.live, .statusPill.reserved { background:#dcfce7 !important; color:#166534 !important; border:1px solid #86efac !important; }
.statusPill.finished { background:#e0f2fe !important; color:#075985 !important; border:1px solid #7dd3fc !important; }
.statusPill.cancelled { background:#fee2e2 !important; color:#991b1b !important; border:1px solid #fca5a5 !important; }
.requestSubnav{max-width:1080px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px;}
.requestSubnav a{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid rgba(56,189,248,.35);border-radius:16px;background:rgba(2,32,55,.78);color:#eaf6ff;text-decoration:none;font-weight:900;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.requestSubnav a:hover{border-color:#38bdf8;color:#38bdf8;transform:translateY(-1px)}
@media(max-width:760px){.requestSubnav{grid-template-columns:1fr;}}
.v76EmptyBox{border:1px dashed rgba(56,189,248,.35);border-radius:16px;padding:22px;color:#9bc7de;background:rgba(2,20,34,.45)}

/* V76.1 requests sub navigation */
.requestSubNav{max-width:1180px;margin:16px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.requestSubNav a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(14,165,233,.38);background:linear-gradient(180deg,rgba(8,47,73,.96),rgba(3,31,52,.96));color:#e0f2fe;text-decoration:none;border-radius:16px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.requestSubNav a:hover{border-color:#38bdf8;color:#fff;transform:translateY(-1px)}
@media(max-width:800px){.requestSubNav{grid-template-columns:1fr}.requestSubNav a{min-height:44px}}

/* V76.2 fixes */
.requestSubNav{max-width:1140px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 12px;position:relative;z-index:3}
.requestSubNav a{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #0b77aa;border-radius:14px;background:linear-gradient(180deg,#07324d,#06263c);color:#eaf7ff;text-decoration:none;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.requestSubNav a:hover{background:linear-gradient(180deg,#0b5b82,#07324d);color:#fff}
.statusBadge.ready,.listingStatus.ready{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important}
.statusBadge.queued,.listingStatus.queued{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
.statusBadge.live,.listingStatus.live{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
.statusBadge.finished,.listingStatus.finished{background:#64748b!important;color:#fff!important;border-color:#64748b!important}
.v762ConflictOverlay{position:fixed;inset:0;background:rgba(2,6,23,.58);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}
.v762ConflictOverlay.show{display:flex}
.v762ConflictModal{width:min(520px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35);color:#06142a}
.v762ConflictModal h3{margin:0 0 10px;font-size:24px}
.v762ConflictModal p{margin:0 0 16px;color:#475569;line-height:1.45}
.v762ConflictBox{background:#f8fafc;border:1px solid #dbeafe;border-radius:14px;padding:14px;margin:14px 0;font-weight:800;color:#0f172a;white-space:pre-line}
.v762ConflictActions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.v762ConflictActions button{border:0;border-radius:12px;padding:12px 16px;font-weight:900;cursor:pointer}
.v762ConflictMove{background:#0ea5e9;color:#fff}
.v762ConflictCancel{background:#e2e8f0;color:#0f172a}
@media(max-width:800px){.requestSubNav{grid-template-columns:1fr}.requestSubNav a{min-height:42px}}
.adminBadge.ready{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important;}
.adminBadge.ihaleyeAlindi,.adminBadge.queued{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;}

/* V76.3 finished auction filters and pagination */
.finishedFilters button{border:1px solid var(--line);background:rgba(2,11,20,.32);border-radius:999px;padding:8px 12px;color:#cfe8f8;font-size:13px;font-weight:800;cursor:pointer;}
.finishedFilters button.active,.finishedFilters button:hover{background:#0ea5e9;color:#fff;border-color:#38bdf8;}
.finishedPagination{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:22px 0 8px;}
.finishedPagination button{border:1px solid rgba(14,165,233,.35);background:#06263c;color:#e0f2fe;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer;}
.finishedPagination button.active{background:#0ea5e9;color:#fff;}
.finishedPagination button:disabled{opacity:.45;cursor:not-allowed;}
.finishedPagination span{color:#a6cde7;font-weight:900;}
.topViewedHomeRow{border:0;width:100%;text-align:left;font:inherit;cursor:pointer;}
.topViewedHomeRow:hover{background:rgba(14,165,233,.16);}
.productInfoOverlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,8,18,.72);padding:20px;}
.productInfoOverlay.show{display:flex;}
.productInfoModal{width:min(520px,100%);background:#08233a;border:1px solid rgba(14,165,233,.35);border-radius:20px;padding:22px;color:#eaf7ff;box-shadow:0 28px 90px rgba(0,0,0,.45);}
.productInfoModal h3{margin:0 0 8px;font-size:24px}.productInfoModal p{color:#a6cde7;line-height:1.5}.productInfoActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.productInfoActions a,.productInfoActions button{border:0;border-radius:12px;padding:11px 14px;font-weight:900;text-decoration:none;cursor:pointer}.productInfoActions a{background:#0ea5e9;color:#fff}.productInfoActions button{background:#12344e;color:#eaf7ff}

/* V76.5 akıllı ürün yönlendirme/detay popup düzeltmeleri */
.finishedDetailBtn{all:unset;cursor:pointer;color:inherit;font:inherit;font-weight:900;display:inline-block;}
.finishedDetailBtn:hover{color:#38bdf8;text-decoration:underline;}
.productInfoMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
.productInfoMeta div{border:1px solid rgba(14,165,233,.22);background:rgba(2,18,34,.5);border-radius:12px;padding:9px;}
.productInfoMeta span{display:block;color:#8fbdd8;font-size:12px;margin-bottom:3px;}
.productInfoMeta b{color:#eaf7ff;font-size:14px;}
@media(max-width:700px){.productInfoMeta{grid-template-columns:1fr;}}

/* V76.6 SMS OTP simülasyon ekranı */
.authOtpGrid .formCard input,
.authOtpGrid .formCard textarea{
  width:100%;
  box-sizing:border-box;
}
.otpPanel{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(2,132,199,.18);
  background:#f0f9ff;
  border-radius:14px;
  display:grid;
  gap:10px;
}
.simCodeBox{
  background:#fff;
  border:1px dashed #0284c7;
  border-radius:12px;
  padding:10px 12px;
  font-size:15px;
}
.simCodeBox b{
  font-size:22px;
  letter-spacing:3px;
  color:#b91c1c;
}
.authMsg{
  margin-top:12px;
  min-height:22px;
  font-weight:700;
}
.authMsg.ok{color:#047857;}
.authMsg.err{color:#b91c1c;}
.formCardMini{
  margin-top:20px;
  padding:14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.formCardMini p{margin-bottom:0;}

/* V76.6.2 OTP login/kayıt sayfa düzeni düzeltmesi */
.authOtpGrid{
  align-items:start;
  gap:22px;
}
.authOtpGrid .formCard{
  overflow:hidden;
}
.authOtpGrid .formGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.authOtpGrid .formGrid input,
.authOtpGrid .formGrid textarea{
  width:100%;
  min-height:44px;
  box-sizing:border-box;
}
.authOtpGrid .formGrid textarea{
  grid-column:1 / -1;
  min-height:104px;
  resize:vertical;
}
.legalChecks{
  margin-top:14px;
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid rgba(14,165,233,.20);
  background:rgba(2,18,34,.34);
  border-radius:14px;
}
.legalChecks label{
  display:grid;
  grid-template-columns:18px 1fr;
  align-items:start;
  gap:10px;
  margin:0;
  color:#eaf7ff;
  font-size:14px;
  line-height:1.35;
}
.legalChecks input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-height:16px!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  accent-color:#0ea5e9;
}
.legalChecks a{
  color:#38bdf8;
  font-weight:900;
  text-decoration:none;
}
.legalChecks a:hover{text-decoration:underline;}
.otpPanel[hidden]{display:none!important;}
.otpPanel{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(2,132,199,.18);
  background:#f0f9ff;
  border-radius:14px;
  display:grid;
  gap:10px;
}
.otpPanel input{
  color:#08233a!important;
  background:#fff!important;
  border:1px solid #b6d3e8!important;
  min-height:40px!important;
}
.otpPanel .actionBtn{
  width:100%;
  margin-top:0;
}
.simCodeBox{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fff;
  border:1px dashed #0284c7;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  color:#64748b;
}
.simCodeBox b{
  font-size:18px;
  letter-spacing:3px;
  color:#b91c1c;
  white-space:nowrap;
}
.authMsg.ok{color:#22c55e;}
.authMsg.err{color:#ef4444;}
.formCardMini{
  color:#08233a;
}
@media(max-width:900px){
  .authOtpGrid{grid-template-columns:1fr;}
  .authOtpGrid .formGrid{grid-template-columns:1fr;}
}


/* V76.6.3 OTP kayıt/giriş sayfası kesin düzenleme */
.authOtpGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr)!important;
  gap:22px!important;
  align-items:start!important;
}
.authOtpGrid .formCard{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.authOtpGrid .formGrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.authOtpGrid .formGrid input,
.authOtpGrid .formGrid textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.authOtpGrid .formGrid textarea{
  grid-column:1 / -1!important;
  min-height:104px!important;
}
.legalChecks{
  margin-top:14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:14px!important;
  border:1px solid rgba(14,165,233,.20)!important;
  background:rgba(2,18,34,.34)!important;
  border-radius:14px!important;
}
.legalChecks label,
.legalChecks .legalCheck{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#eaf7ff!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:700!important;
  white-space:normal!important;
  word-break:normal!important;
}
.legalChecks input[type="checkbox"]{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:3px 0 0 0!important;
  padding:0!important;
  accent-color:#0ea5e9!important;
}
.legalChecks label span,
.legalChecks .legalCheck span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
.legalChecks a{
  display:inline!important;
  color:#38bdf8!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.authOtpGrid .actionBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:48px!important;
}
.otpPanel[hidden]{display:none!important;}
.otpPanel .actionBtn{width:100%!important;}
@media(max-width:900px){
  .authOtpGrid{grid-template-columns:1fr!important;}
  .authOtpGrid .formGrid{grid-template-columns:1fr!important;}
}

/* V76.6.4 auth header state */
.userChip{white-space:nowrap;font-weight:900!important;border-color:#149fe6!important;background:rgba(20,159,230,.12)!important;color:#eaf7ff!important;text-decoration:none!important;}
.logoutBtn{white-space:nowrap;background:#223348!important;border-color:#36506c!important;color:#fff!important;}
.logoutBtn:hover{filter:brightness(1.08);}
.authMsg.ok{color:#17d66b!important;font-weight:900;}
.authMsg.err{color:#ff3434!important;font-weight:900;}

/* V76.6.5 standart kullanıcı menüsü */
.userMenuWrap{position:relative;display:inline-flex;align-items:center;z-index:80;}
.userMenuBtn{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  height:44px!important;min-width:96px!important;max-width:128px!important;
  padding:6px 9px!important;border:1px solid rgba(56,189,248,.55)!important;
  border-radius:9px!important;background:rgba(15,23,42,.92)!important;color:#eaf7ff!important;
  cursor:pointer!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
.userIcon{font-size:13px;line-height:1;}
.userNameStack{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;min-width:0;}
.userNameStack strong{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:#fff;}
.userNameStack small{display:block;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;color:#9bdcff;margin-top:2px;}
.userChevron{font-size:10px;color:#93c5fd;margin-left:auto;}
.userDropdown{
  display:none;position:absolute;right:0;top:calc(100% + 8px);width:230px;
  border:1px solid rgba(56,189,248,.35);border-radius:14px;
  background:#061827;box-shadow:0 18px 42px rgba(0,0,0,.42);overflow:hidden;z-index:9999;
}
.userMenuWrap.open .userDropdown{display:block;}
.userDropHead{padding:12px 14px;border-bottom:1px solid rgba(56,189,248,.18);background:rgba(14,165,233,.10);}
.userDropHead b{display:block;font-size:13px;color:#fff;line-height:1.2;}
.userDropHead small{display:block;font-size:11px;color:#9bdcff;margin-top:4px;word-break:break-word;}
.userDropdown a,.userDropdown button{
  display:flex;width:100%;box-sizing:border-box;align-items:center;gap:8px;
  padding:11px 14px;border:0;border-bottom:1px solid rgba(148,163,184,.10);
  background:transparent;color:#eaf7ff;text-decoration:none;font-size:13px;font-weight:800;text-align:left;cursor:pointer;
}
.userDropdown a:hover,.userDropdown button:hover{background:rgba(14,165,233,.14);}
.userLogoutBtn{color:#fecaca!important;}
.headerActions,.topActions{overflow:visible!important;}
@media(max-width:900px){.userMenuBtn{max-width:112px!important}.userDropdown{right:auto;left:0}}

/* V76.7.3 - own brand visuals are not clickable */
.brandSide, .ownBrandBanner, .infoVisualBanner{cursor:default!important;pointer-events:none!important;}

/* V76.7.4 - İhale Talepleri giriş kontrolü */
.loginGate{border:1px solid rgba(14,165,233,.35);background:rgba(2,132,199,.10);border-radius:14px;padding:18px;margin-top:14px}
.loginGate h3{margin:0 0 8px;color:#e0f2fe;font-size:18px;line-height:1.3}
.loginGate p{margin:0 0 14px;color:#9fd0f1;line-height:1.55}
.gateActions{display:flex;gap:10px;flex-wrap:wrap}
.gateActions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.requestAuthNote[data-type="success"]{border-color:rgba(34,197,94,.55);background:rgba(22,163,74,.12);color:#22c55e}
.requestAuthNote[data-type="warning"]{border-color:rgba(250,204,21,.55);background:rgba(250,204,21,.10);color:#fde047}
.voteBtn:disabled,.voteCard .blueBtn:disabled{opacity:.8;cursor:not-allowed;background:linear-gradient(135deg,#16a34a,#22c55e)}

/* V76.7.6 ihale takvimi kayıt durumu */
.calendarRegisterNotice{grid-column:1/-1;margin-top:8px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:800}
.calendarRegisterNotice.ok{background:rgba(22,163,74,.18);border:1px solid rgba(34,197,94,.45);color:#86efac}
.calendarRegisterNotice.warn{background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.45);color:#fde68a}
.compactGoBtn.registeredDone{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important;pointer-events:none}


/* V76.7.8 - Canlı ihale Hemen Al rezerv paneli */
.buyNowBtn.disabled,
.buyNowBtn:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.15);
}
.liveReservationPanel {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(34,197,94,.55);
  border-radius: 14px;
  background: rgba(6,78,59,.38);
  color: #eafff5;
}
.liveReservationPanel[hidden] { display: none !important; }
.liveReservationHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.liveReservationHead strong { font-size: 17px; }
#liveReserveCountdown {
  min-width: 74px;
  text-align: center;
  font-weight: 900;
  color: #fff;
  background: #dc2626;
  border-radius: 999px;
  padding: 7px 10px;
}
.liveReservationPanel p {
  margin: 0 0 12px;
  color: #bfe9d8;
  line-height: 1.45;
}
.payNowBtn {
  width: 100%;
  border: 0;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
}
.payNowBtn:disabled { opacity: .65; cursor: not-allowed; }
.liveBuyMsg {
  min-height: 22px;
  margin: 12px 0 0;
  font-weight: 800;
}
.liveBuyMsg.ok { color: #22c55e; }
.liveBuyMsg.warn { color: #f87171; }
.calendarEmptyState{margin:14px 20px 20px;padding:18px;border:1px dashed rgba(56,189,248,.35);border-radius:12px;color:#9bc6df;background:rgba(2,16,29,.45);font-weight:800;text-align:center;}


/* V76.7.15: ana sayfada ayrı büyük ihale sistemi kaldırıldı */
.homeWinnerOnly{grid-template-columns:1fr!important;}
.homeWinnerOnly .winnerClub{max-width:none;}
.compactGoBtn.registeredDone,
.registered-badge{min-width:96px;max-width:120px;padding:8px 10px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* V76.7.21: Kazananlar Kulübü yatay son gün carousel */
.winnerClubViewport{overflow:hidden;margin-top:12px;}
.winnerClubTrack{display:flex;gap:12px;align-items:stretch;animation:winnerClubSlide 28s linear infinite;}
.winnerCard{min-width:calc((100% - 48px)/5);margin-top:0!important;display:flex;flex-direction:column;justify-content:space-between;}
.winnerCard em{display:none!important;}
@keyframes winnerClubSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.winnerClubTrack:hover{animation-play-state:paused;}
@media(max-width:1000px){.winnerCard{min-width:220px}.winnerClubTrack{animation-duration:22s}}

/* V76.8.4 - Takvim sayfası yan reklam sabit alan koruması
   İhale sayısı azalsa / sıfır olsa bile footer yukarı gelip yan reklamları header üstüne itmesin. */
.adShell.pageAdShell{
  min-height:720px!important;
}
.calendarCompactPage{
  min-height:430px!important;
}

/* V76.8.5 - Tüm sayfalarda yan reklam/footer çakışma koruması
   Kısa sayfalarda header ve footer arası ana alan, yan reklam yüksekliğini taşıyacak kadar korunur.
   Uzun sayfalarda mevcut kayan/fixed reklam davranışı devam eder. */
.contentWrap.adContent,
main.contentWrap,
main.adContent,
.calendarCompactPage{
  min-height: 680px !important;
}
@media(max-width:1100px){
  .contentWrap.adContent,
  main.contentWrap,
  main.adContent,
  .calendarCompactPage{min-height:auto!important;}
}

/* V76.8.8 - Giriş gerekli ekranı iki ayrı aksiyon */
.loginActionRow{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:18px;
  flex-wrap:wrap;
}
.loginActionRow a{
  min-width:132px;
  text-align:center;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  border-radius:12px;
  padding:13px 18px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.loginRedBtn{background:linear-gradient(135deg,#dc2626,#ef4444);border:1px solid rgba(255,255,255,.18)}
.loginBlueBtn{background:linear-gradient(135deg,#0f66ff,#18a7e8);border:1px solid rgba(255,255,255,.18)}
.loginRedBtn:hover,.loginBlueBtn:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media(max-width:520px){.loginActionRow{flex-direction:column;align-items:stretch}.loginActionRow a{width:100%}}


/* V77.1 - Canlı ihale bekleme modu */
.auctionWaitingPanel{
  margin-top:16px;
  display:grid;
  gap:14px;
}
.auctionWaitingPanel[hidden]{display:none!important;}
.waitingDoneBox{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(34,197,94,.45);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(6,78,59,.46),rgba(3,40,58,.52));
  color:#ecfeff;
}
.waitingDoneBox .waitingIcon{font-size:28px;line-height:1;}
.waitingDoneBox strong{display:block;font-size:18px;margin-bottom:4px;}
.waitingDoneBox p{margin:0;color:#bde7d8;line-height:1.45;}
.waitingNextCard{
  border:1px solid rgba(14,165,233,.36);
  border-radius:18px;
  padding:18px;
  background:linear-gradient(180deg,rgba(2,38,64,.82),rgba(3,25,44,.9));
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.waitingNextCard h1{margin:10px 0 6px;font-size:25px;line-height:1.15;color:#f8fafc;}
.waitingNextCard p{margin:0 0 14px;color:#9bd3ee;}
.waitingStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;}
.waitingStats div{border:1px solid rgba(14,165,233,.25);border-radius:13px;padding:10px;background:rgba(2,16,31,.56);}
.waitingStats b{display:block;color:#fff;font-size:20px;}
.waitingStats span{display:block;color:#9cc6df;font-size:12px;font-weight:700;}
.waitingCountdown{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 14px;padding:13px;border-radius:16px;background:rgba(14,165,233,.12);border:1px dashed rgba(56,189,248,.45);}
.waitingCountdown strong{min-width:54px;text-align:center;font-size:34px;color:#38bdf8;font-variant-numeric:tabular-nums;}
.waitingCountdown em{font-style:normal;font-size:26px;color:#e0f2fe;font-weight:900;}
.waitingRegisterState{margin:0 0 12px;padding:11px 12px;border-radius:13px;font-weight:900;border:1px solid rgba(250,204,21,.35);background:rgba(113,63,18,.24);color:#fde68a;}
.waitingRegisterState.ok{border-color:rgba(34,197,94,.45);background:rgba(6,78,59,.32);color:#86efac;}
.waitingRegisterState.warn{border-color:rgba(250,204,21,.35);background:rgba(113,63,18,.24);color:#fde68a;}
.waitingRegisterBtn{display:flex;align-items:center;justify-content:center;width:100%;border:0;background:linear-gradient(135deg,#0f66ff,#18a7e8);color:#fff;text-decoration:none;}
@media(max-width:720px){.waitingStats{grid-template-columns:1fr}.waitingCountdown strong{font-size:28px;min-width:44px}}

/* V77.5: Biten ihale kart standardizasyonu */
.completedGrid{align-items:stretch!important;}
.completedCard{
  min-height:410px!important;
  display:flex!important;
  flex-direction:column!important;
}
.completedCard .completedPic{height:92px!important;flex:0 0 92px!important;}
.completedCard h3{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.completedCard .resultRows{min-height:128px!important;}
.completedCard .missedBox{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
}
.completedCard .repeatBtn{margin-top:auto!important;min-height:58px!important;}

/* V77.5: Depo kargo talebi ve takip kartları */
.shipmentListTitle{font-weight:900;color:#38bdf8;margin:14px 0 4px;text-transform:uppercase;letter-spacing:.4px;}
.shipmentCard{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:12px;
  align-items:center;
  border:1px solid rgba(14,165,233,.28);
  background:rgba(14,165,233,.08);
  border-radius:12px;
  padding:12px;
}
.shipmentCard b{display:block;color:#e5f4ff;font-size:16px;}
.shipmentCard span{display:block;color:#93c5fd;margin-top:4px;font-size:13px;}
.shipmentCard small{display:block;color:#8bb0c8;margin-top:4px;}
.shipmentCard strong{color:#22c55e;font-size:18px;white-space:nowrap;}
.trackBtn{background:#0b63f6;color:white!important;border-radius:8px;padding:9px 12px;font-weight:900;white-space:nowrap;}
.shipBtn.disabledShip{opacity:.65;cursor:not-allowed;}

/* V77.6 Depo önceki siparişler butonu */
.warehouseHeadActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ghostBtn{background:#10283d!important;border:1px solid rgba(56,189,248,.35)!important;color:#dff6ff!important}.ghostBtn:hover{background:#163a58!important}

/* V78.12 - İhale Takvimi: AUC numarası eklense de ilk satır tek satır kalsın */
.compactAuctionRow{
  display:grid !important;
  grid-template-columns:72px 190px minmax(180px,1fr) 108px 74px 92px !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:7px !important;
  padding:8px 0 !important;
  min-height:44px !important;
}
.compactAuctionRow .timePill,
.compactAuctionRow .auctionRefPill,
.compactAuctionRow .productNameBtn,
.compactAuctionRow .registeredCount,
.compactAuctionRow .detailMiniBtn,
.compactAuctionRow .compactGoBtn{
  grid-row:1 !important;
  min-width:0 !important;
}
.compactAuctionRow .auctionRefPill{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  justify-content:flex-start !important;
  max-width:190px !important;
}
.compactAuctionRow .productNameBtn{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.compactAuctionRow .calendarRegisterNotice{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  margin-top:2px !important;
}
@media(max-width:900px){
  .compactAuctionRow{grid-template-columns:70px minmax(120px,1fr) 74px 88px !important;}
  .compactAuctionRow .auctionRefPill{grid-column:2 / -1 !important;grid-row:2 !important;max-width:100% !important;}
  .compactAuctionRow .productNameBtn{grid-column:2 / -1 !important;grid-row:3 !important;}
  .compactAuctionRow .registeredCount{grid-column:2 !important;grid-row:4 !important;text-align:left !important;}
  .compactAuctionRow .detailMiniBtn{grid-column:3 !important;grid-row:4 !important;}
  .compactAuctionRow .compactGoBtn{grid-column:4 !important;grid-row:4 !important;}
  .compactAuctionRow .calendarRegisterNotice{grid-row:5 !important;}
}

/* V78.12 - Header giriş butonu standardı: tüm sayfalarda kayıt ol butonuyla aynı hizada */
.siteHeader .headerActions .ghost,
.topActions .ghost,
.headerActions .ghost{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:8px !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff !important;
  border:1px solid rgba(14,165,233,.45) !important;
  background:rgba(2,11,20,.12) !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
.siteHeader .headerActions .registerBtn,
.siteHeader .headerActions .primary,
.topActions .primary,
.headerActions .registerBtn,
.headerActions .primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  height:40px !important;
  padding:0 16px !important;
  border-radius:8px !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}
@media(max-width:760px){
  .siteHeader .headerActions .ghost,
  .topActions .ghost,
  .headerActions .ghost{
    height:34px !important;min-height:34px !important;padding:0 10px !important;font-size:12px !important;
  }
  .siteHeader .headerActions .registerBtn,
  .siteHeader .headerActions .primary,
  .topActions .primary,
  .headerActions .registerBtn,
  .headerActions .primary{
    height:34px !important;min-height:34px !important;padding:0 11px !important;font-size:12px !important;
  }
}


/* V78.13 - Public header / giriş-kayıt-depo buton standardı */
:root{--cib-btn-w:104px;--cib-btn-h:42px;}
.headerActions,.topActions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
.headerActions a.ghost,.topActions a.ghost,
.headerActions a.primary,.topActions a.primary,
.headerActions a.registerBtn,.topActions a.registerBtn,
.headerActions a.depotBtn,.topActions a.depotBtn{
  width:var(--cib-btn-w)!important;min-width:var(--cib-btn-w)!important;max-width:var(--cib-btn-w)!important;
  height:var(--cib-btn-h)!important;min-height:var(--cib-btn-h)!important;
  padding:0 10px!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:15px!important;font-weight:900!important;line-height:1!important;
  text-align:center!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important;
  overflow:hidden!important;
}
.headerActions a.ghost,.topActions a.ghost{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;color:#fff!important;border:1px solid rgba(248,113,113,.55)!important;}
.headerActions a.primary,.topActions a.primary,.headerActions a.registerBtn,.topActions a.registerBtn{background:linear-gradient(135deg,#0b63f6,#0ea5e9)!important;color:#fff!important;border:1px solid rgba(56,189,248,.55)!important;}
.headerActions a.depotBtn,.topActions a.depotBtn{background:linear-gradient(135deg,#15803d,#16a34a)!important;color:#fff!important;border:1px solid rgba(34,197,94,.55)!important;}
.headerActions a.depotBtn::first-letter,.topActions a.depotBtn::first-letter{font-size:15px!important;}
/* Ara giriş yönlendirme butonları */
.gateActions,.loginActionRow{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;}
.gateActions a,.loginActionRow a,.loginRedBtn,.loginBlueBtn{
  width:120px!important;min-width:120px!important;height:42px!important;padding:0 12px!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:15px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important;box-sizing:border-box!important;
}
.gateActions a:first-child,.loginRedBtn{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;color:#fff!important;border:1px solid rgba(248,113,113,.55)!important;}
.gateActions a.blueBtn,.loginBlueBtn{background:linear-gradient(135deg,#0b63f6,#0ea5e9)!important;color:#fff!important;border:1px solid rgba(56,189,248,.55)!important;}
@media(max-width:760px){
  :root{--cib-btn-w:86px;--cib-btn-h:36px;}
  .headerActions,.topActions{gap:6px!important;}
  .headerActions a.ghost,.topActions a.ghost,.headerActions a.primary,.topActions a.primary,.headerActions a.registerBtn,.topActions a.registerBtn,.headerActions a.depotBtn,.topActions a.depotBtn{font-size:12px!important;padding:0 7px!important;}
}

/* V78.14 - Header Auth Button Final Standard */
.headerActions,
.topActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  flex:0 0 300px!important;
  min-width:300px!important;
  max-width:300px!important;
}
.headerActions a.ghost,
.topActions a.ghost,
.headerActions a.primary,
.topActions a.primary,
.headerActions a.registerBtn,
.topActions a.registerBtn,
.headerActions a.depotBtn,
.topActions a.depotBtn{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.headerActions a.ghost,
.topActions a.ghost{
  background:linear-gradient(135deg,#b91c1c,#dc2626)!important;
  color:#fff!important;
  border:1px solid rgba(248,113,113,.65)!important;
}
.headerActions a.primary,
.topActions a.primary,
.headerActions a.registerBtn,
.topActions a.registerBtn{
  background:linear-gradient(135deg,#0b63f6,#0ea5e9)!important;
  color:#fff!important;
  border:1px solid rgba(56,189,248,.65)!important;
}
.headerActions a.depotBtn,
.topActions a.depotBtn{
  background:linear-gradient(135deg,#15803d,#16a34a)!important;
  color:#fff!important;
  border:1px solid rgba(34,197,94,.65)!important;
}
.headerActions a.depotBtn::first-letter,
.topActions a.depotBtn::first-letter{font-size:14px!important;line-height:1!important;}
@media(max-width:900px){
  .headerActions,.topActions{flex:0 0 auto!important;min-width:0!important;max-width:none!important;gap:6px!important;}
  .headerActions a.ghost,.topActions a.ghost,
  .headerActions a.primary,.topActions a.primary,
  .headerActions a.registerBtn,.topActions a.registerBtn,
  .headerActions a.depotBtn,.topActions a.depotBtn{width:76px!important;min-width:76px!important;max-width:76px!important;height:36px!important;font-size:12px!important;padding:0 6px!important;}
}

/* V78.15 ACIL - Header auth buttons hard standard + cache-bust */
.siteHeader .headerActions,
.siteHeader .topActions,
.headerActions,
.topActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  flex:0 0 300px!important;
  min-width:300px!important;
  max-width:300px!important;
}
.siteHeader .headerActions a.authBtn,
.siteHeader .topActions a.authBtn,
.headerActions a.authBtn,
.topActions a.authBtn,
.siteHeader .headerActions a.ghost,
.siteHeader .topActions a.ghost,
.headerActions a.ghost,
.topActions a.ghost,
.siteHeader .headerActions a.primary,
.siteHeader .topActions a.primary,
.headerActions a.primary,
.topActions a.primary,
.siteHeader .headerActions a.registerBtn,
.siteHeader .topActions a.registerBtn,
.headerActions a.registerBtn,
.topActions a.registerBtn,
.siteHeader .headerActions a.depotBtn,
.siteHeader .topActions a.depotBtn,
.headerActions a.depotBtn,
.topActions a.depotBtn{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.siteHeader .headerActions a.authLoginBtn,
.siteHeader .topActions a.authLoginBtn,
.headerActions a.authLoginBtn,
.topActions a.authLoginBtn,
.siteHeader .headerActions a.ghost.authLoginBtn,
.headerActions a.ghost.authLoginBtn,
.siteHeader .headerActions a.ghost[href*="login"],
.headerActions a.ghost[href*="login"]{
  background:#dc2626!important;
  background-image:linear-gradient(135deg,#b91c1c,#dc2626)!important;
  color:#fff!important;
  border:1px solid rgba(248,113,113,.70)!important;
}
.siteHeader .headerActions a.authRegisterBtn,
.siteHeader .topActions a.authRegisterBtn,
.headerActions a.authRegisterBtn,
.topActions a.authRegisterBtn,
.siteHeader .headerActions a.primary,
.headerActions a.primary,
.siteHeader .headerActions a.registerBtn,
.headerActions a.registerBtn{
  background:#0b63f6!important;
  background-image:linear-gradient(135deg,#0b63f6,#0ea5e9)!important;
  color:#fff!important;
  border:1px solid rgba(56,189,248,.70)!important;
}
.siteHeader .headerActions a.authDepotBtn,
.siteHeader .topActions a.authDepotBtn,
.headerActions a.authDepotBtn,
.topActions a.authDepotBtn,
.siteHeader .headerActions a.depotBtn,
.headerActions a.depotBtn{
  background:#16a34a!important;
  background-image:linear-gradient(135deg,#15803d,#16a34a)!important;
  color:#fff!important;
  border:1px solid rgba(34,197,94,.70)!important;
}
@media(max-width:900px){
  .siteHeader .headerActions,.siteHeader .topActions,.headerActions,.topActions{flex:0 0 auto!important;min-width:0!important;max-width:none!important;gap:6px!important;}
  .siteHeader .headerActions a.authBtn,.siteHeader .topActions a.authBtn,.headerActions a.authBtn,.topActions a.authBtn,
  .siteHeader .headerActions a.ghost,.siteHeader .topActions a.ghost,.headerActions a.ghost,.topActions a.ghost,
  .siteHeader .headerActions a.primary,.siteHeader .topActions a.primary,.headerActions a.primary,.topActions a.primary,
  .siteHeader .headerActions a.registerBtn,.siteHeader .topActions a.registerBtn,.headerActions a.registerBtn,.topActions a.registerBtn,
  .siteHeader .headerActions a.depotBtn,.siteHeader .topActions a.depotBtn,.headerActions a.depotBtn,.topActions a.depotBtn{
    width:76px!important;min-width:76px!important;max-width:76px!important;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:12px!important;padding:0 6px!important;
  }
}

/* V79.6.4 - Sponsor Banner Size Update
   Side banners: 300x800
   Middle horizontal banners: 970x250
   Existing position/link/admin logic is preserved. */
.sideAd,
.pageSideAd,
.warehouseSideAd,
.brandSide,
.sideBanner{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  height:800px!important;
  min-height:800px!important;
  max-height:800px!important;
}
.sideAd.leftAd,
.pageSideAd.leftAd,
.warehouseSideAd.leftAd,
.brandSide.leftBrand,
.sideBanner.sideLeft{
  left:clamp(24px, calc(50vw - 790px), 88px)!important;
  right:auto!important;
}
.sideAd.rightAd,
.pageSideAd.rightAd,
.warehouseSideAd.rightAd,
.brandSide.rightBrand,
.sideBanner.sideRight{
  right:clamp(24px, calc(50vw - 790px), 88px)!important;
  left:auto!important;
}
.sideAd .adProduct,
.pageSideAd .adProduct,
.warehouseSideAd .adProduct,
.brandSide .adProduct{
  height:390px!important;
  min-height:390px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
.sideImage{
  height:470px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
.sideAd h3,
.pageSideAd h3,
.warehouseSideAd h3{
  font-size:18px!important;
}
.sideAd .adBrand,
.pageSideAd .adBrand,
.warehouseSideAd .adBrand{
  font-size:26px!important;
}
.premiumWideAd,
.homeMidPremiumBanner,
.calendarTopAd,
.auctionTopAd,
.finishedTopPremiumBanner{
  width:100%!important;
  max-width:970px!important;
  min-height:250px!important;
  height:250px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background-size:cover!important;
  background-position:center center!important;
}
.premiumWideAd strong,
.homeMidPremiumBanner strong{
  font-size:26px!important;
}
.premiumWideAd em,
.homeMidPremiumBanner em{
  font-size:15px!important;
}
@media(max-width:1500px){
  .sideAd,.pageSideAd,.warehouseSideAd,.brandSide,.sideBanner{display:none!important;}
}
@media(max-width:1000px){
  .premiumWideAd,.homeMidPremiumBanner,.calendarTopAd,.auctionTopAd,.finishedTopPremiumBanner{
    height:auto!important;
    min-height:160px!important;
    max-width:100%!important;
  }
}

/* V79.6.6 - Sponsor Layout Optimization
   Layout target: 300 side + 60 gap + 970 content + 60 gap + 300 side = 1690px.
   Content width 970px, side banners 300x800, top/middle banners 970x250. */
.contentWrap.adContent,
.contentWrap.brandPageWrap,
.adShell .contentWrap,
.page:has(> .sideAd) > :not(.sideAd),
.adShell:has(> .sideAd) > :not(.sideAd),
.contentWrap.warehouseAdWrap:has(> .warehouseSideAd) > :not(.warehouseSideAd),
.contentWrap.brandPageWrap:has(> .brandSide) > :not(.brandSide){
  max-width:970px!important;
  width:970px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
}
.contentWrap.adContent,
main.contentWrap,
main.adContent,
.calendarCompactPage{
  min-height:850px!important;
}
.sideAd,
.pageSideAd,
.warehouseSideAd,
.brandSide,
.sideBanner{
  position:fixed!important;
  top:245px!important;
  bottom:auto!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  height:800px!important;
  min-height:800px!important;
  max-height:800px!important;
  z-index:5!important;
  will-change:transform!important;
}
.sideAd.leftAd,
.pageSideAd.leftAd,
.warehouseSideAd.leftAd,
.brandSide.leftBrand,
.sideBanner.sideLeft{
  left:calc(50vw - 845px)!important;
  right:auto!important;
}
.sideAd.rightAd,
.pageSideAd.rightAd,
.warehouseSideAd.rightAd,
.brandSide.rightBrand,
.sideBanner.sideRight{
  right:calc(50vw - 845px)!important;
  left:auto!important;
}
.premiumWideAd,
.homeMidPremiumBanner,
.calendarTopAd,
.auctionTopAd,
.finishedTopPremiumBanner{
  width:970px!important;
  max-width:970px!important;
  min-height:250px!important;
  height:250px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background-size:cover!important;
  background-position:center center!important;
}
@media(max-width:1690px){
  .sideAd,.pageSideAd,.warehouseSideAd,.brandSide,.sideBanner{display:none!important;}
  .contentWrap.adContent,
  .contentWrap.brandPageWrap,
  .adShell .contentWrap,
  main.contentWrap,
  main.adContent{
    width:calc(100% - 48px)!important;
    max-width:970px!important;
  }
}
@media(max-width:1000px){
  .contentWrap.adContent,
  .contentWrap.brandPageWrap,
  .adShell .contentWrap,
  main.contentWrap,
  main.adContent{
    width:calc(100% - 24px)!important;
    max-width:100%!important;
    min-height:auto!important;
  }
  .premiumWideAd,
  .homeMidPremiumBanner,
  .calendarTopAd,
  .auctionTopAd,
  .finishedTopPremiumBanner{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:160px!important;
  }
}

/* V79.6.9 - Ana Sayfa Biten İhaleler Kart Hizalama Fix
   970px içerik alanında 4 kart düzenini bozmadan yazı taşmalarını engeller. */
.completedWrap{
  width:100% !important;
  max-width:970px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.completedGrid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
.completedCard{
  min-width:0 !important;
  width:100% !important;
  min-height:405px !important;
  padding:12px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.completedCard .completedPic,
.completedPic{
  height:82px !important;
  flex:0 0 82px !important;
  margin-bottom:10px !important;
}
.completedCard h3{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  margin:0 0 8px !important;
  font-size:15px !important;
  line-height:1.25 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow-wrap:anywhere !important;
}
.completedCard .auctionRefLine{
  min-height:42px !important;
  margin:0 0 8px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  color:#cfe8f8 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.completedCard .resultRows{
  min-height:116px !important;
  gap:6px !important;
}
.completedCard .resultRows div{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:6px !important;
  align-items:center !important;
  padding-bottom:6px !important;
}
.completedCard .resultRows span{
  min-width:0 !important;
  font-size:13px !important;
  white-space:nowrap !important;
}
.completedCard .resultRows b{
  min-width:0 !important;
  max-width:112px !important;
  font-size:13px !important;
  text-align:right !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.completedCard .missedBox{
  min-height:54px !important;
  margin:10px 0 !important;
  padding:8px !important;
  font-size:13px !important;
  line-height:1.25 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  flex-wrap:wrap !important;
  gap:3px !important;
  overflow-wrap:anywhere !important;
}
.completedCard .repeatBtn{
  margin-top:auto !important;
  min-height:58px !important;
  padding:9px 8px !important;
  font-size:13px !important;
  line-height:1.15 !important;
  text-align:center !important;
}
.completedCard .repeatBtn small{
  font-size:11px !important;
}
@media(max-width:1200px){
  .completedGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .completedGrid{grid-template-columns:1fr !important;}
}

/* V79.6.10 - Finished cards and calendar gallery image fix */
.completedPic.hasImage{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#fff !important;
}
.completedPic.hasImage:before{display:none !important;}
.modalThumbs span.hasImage{
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  cursor:pointer;
}
.modalThumbs span.active{
  outline:2px solid #38bdf8;
  outline-offset:2px;
}

/* =====================================================
   V79.7.0 - Mobile / Tablet First Pass
   Amaç: V79.6.10 masaüstü sponsor düzenini bozmadan
   telefon ve tablette okunabilir temel yerleşim sağlamak.
===================================================== */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe {
  max-width: 100%;
}

@media (max-width: 1024px) {
  /* Yan sponsorlar tablet/telefonda kapanır; orta/üst banner yatay kalır. */
  .sideAd,
  .pageSideAd,
  .warehouseSideAd,
  .brandSide,
  .sideBanner {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .siteHeader {
    height: auto !important;
    min-height: 66px !important;
    padding: 9px 12px !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  .brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    gap: 9px !important;
  }

  .brandIcon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }

  .brand b {
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  .brand span {
    font-size: 9px !important;
    letter-spacing: .4px !important;
  }

  .headerActions {
    flex: 0 0 auto !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
  }

  .headerActions a,
  .headerActions button,
  .userMenuBtn,
  .depotBtn,
  .warehouseBtn {
    min-height: 38px !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  /* Hamburger eklemeden ilk aşama: menü tablet/telefon yatay kaydırılır. */
  .siteHeader nav,
  header nav,
  nav {
    order: 3 !important;
    flex: 1 0 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    padding: 4px 0 1px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }

  .siteHeader nav a,
  header nav a,
  nav a {
    flex: 0 0 auto !important;
    padding: 9px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(56,189,248,.18) !important;
    background: rgba(7,31,56,.45) !important;
    font-size: 12px !important;
  }

  .siteHeader nav a.active,
  header nav a.active,
  nav a.active {
    border-color: rgba(14,165,233,.65) !important;
    background: rgba(14,165,233,.16) !important;
  }

  .page,
  main,
  .contentWrap,
  .contentWrap.adContent,
  .contentWrap.brandPageWrap,
  .adShell .contentWrap,
  main.contentWrap,
  main.adContent,
  .calendarCompactPage,
  .legalPage,
  .completedWrap {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: auto !important;
  }

  .card,
  .hero,
  .liveAuction,
  .auctionScheduleCard,
  .completedCard,
  .topViewedWidget,
  .winnerClub,
  .why,
  .bigUpcoming {
    border-radius: 14px !important;
  }

  .hero,
  .mainGrid,
  .twoCol,
  .bottomBand,
  .formGrid,
  .statusLine,
  .detailGrid,
  .warehouseGrid,
  .accountGrid,
  .adminGrid {
    grid-template-columns: 1fr !important;
  }

  .hero {
    min-height: auto !important;
    padding: 20px 16px !important;
    gap: 16px !important;
  }

  .hero h1 {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  .heroProduct,
  .reelLarge {
    display: none !important;
  }

  .metaRow,
  .liveStats,
  .sectionHead,
  .bigAuction,
  .bottomBand,
  .footerBottom {
    flex-wrap: wrap !important;
  }

  .auctionCards,
  .stats,
  .sponsorLogos,
  .completedGrid,
  .requestCards,
  .productGrid,
  .warehouseList,
  .topViewedRows {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .premiumWideAd,
  .homeMidPremiumBanner,
  .calendarTopAd,
  .auctionTopAd,
  .finishedTopPremiumBanner {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 145px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  .auctionTopAdContent,
  .auctionTopAdBox {
    min-height: 145px !important;
  }

  .compactAuctionRow,
  .calendarRow {
    width: 100% !important;
    min-width: 0 !important;
  }

  .productModal {
    padding: 12px !important;
    align-items: flex-start !important;
    overflow-y: auto !important;
  }

  .productModalCard {
    width: 100% !important;
    max-width: 720px !important;
    max-height: none !important;
    margin: 18px auto !important;
  }

  .modalImagePlaceholder {
    min-height: 220px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  .modalThumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .modalThumbs span {
    min-height: 54px !important;
  }

  table,
  .adminTable,
  .dataTable {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  footer,
  .siteFooter {
    margin-top: 26px !important;
  }

  .footerTrust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .footerGrid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 24px 16px !important;
  }
}

@media (max-width: 760px) {
  body {
    font-size: 14px !important;
  }

  .siteHeader {
    padding: 8px 10px !important;
  }

  .brandIcon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  .brand b {
    font-size: 16px !important;
  }

  .brand span {
    display: none !important;
  }

  .headerActions a,
  .headerActions button,
  .userMenuBtn,
  .depotBtn,
  .warehouseBtn {
    padding: 8px 9px !important;
    font-size: 11px !important;
  }

  .page,
  main,
  .contentWrap,
  .contentWrap.adContent,
  .contentWrap.brandPageWrap,
  .adShell .contentWrap,
  main.contentWrap,
  main.adContent,
  .calendarCompactPage,
  .completedWrap {
    width: calc(100% - 16px) !important;
  }

  .hero {
    padding: 16px 13px !important;
  }

  .hero h1 {
    font-size: 22px !important;
  }

  .countdown {
    gap: 8px !important;
  }

  .countdown b {
    font-size: 25px !important;
  }

  .livePrice {
    font-size: 32px !important;
  }

  .auctionCards,
  .stats,
  .sponsorLogos,
  .completedGrid,
  .requestCards,
  .productGrid,
  .warehouseList,
  .topViewedRows {
    grid-template-columns: 1fr !important;
  }

  .auctionCard,
  .completedCard {
    min-height: auto !important;
  }

  .completedCard h3,
  .completedCard .auctionRefLine,
  .completedCard .resultRows,
  .completedCard .missedBox,
  .completedCard .repeatBtn {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .completedCard .completedPic,
  .completedPic {
    height: 150px !important;
    flex-basis: 150px !important;
  }

  .premiumWideAd,
  .homeMidPremiumBanner,
  .calendarTopAd,
  .auctionTopAd,
  .finishedTopPremiumBanner {
    min-height: 112px !important;
  }

  .compactAuctionRow {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  .compactAuctionRow .timePill {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .compactAuctionRow .auctionRefPill,
  .compactAuctionRow .productNameBtn,
  .compactAuctionRow .registeredCount,
  .compactAuctionRow .detailMiniBtn,
  .compactAuctionRow .compactGoBtn,
  .compactAuctionRow .calendarRegisterNotice {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .compactAuctionRow .auctionRefPill { grid-row: 1 !important; }
  .compactAuctionRow .productNameBtn { grid-row: 2 !important; text-align: left !important; }
  .compactAuctionRow .registeredCount { grid-row: 3 !important; text-align: left !important; }
  .compactAuctionRow .detailMiniBtn { grid-row: 4 !important; }
  .compactAuctionRow .compactGoBtn { grid-row: 5 !important; }
  .compactAuctionRow .calendarRegisterNotice { grid-row: 6 !important; }

  .productModalCard {
    margin: 8px auto !important;
    border-radius: 14px !important;
  }

  .modalImagePlaceholder {
    min-height: 190px !important;
  }

  .modalThumbs span {
    min-height: 48px !important;
  }

  .bottomBand,
  .footerTrust {
    grid-template-columns: 1fr !important;
  }

  .cookieBanner {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    padding: 13px !important;
  }
}

@media (max-width: 420px) {
  .headerActions .ghost,
  .bell {
    display: none !important;
  }

  .siteHeader nav a,
  header nav a,
  nav a {
    font-size: 11px !important;
    padding: 8px 9px !important;
  }

  .sectionHead {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .metaRow {
    gap: 14px !important;
  }

  .modalImagePlaceholder {
    min-height: 170px !important;
  }
}

/* =====================================================
   V79.7.1 - Mobile / Tablet Real Layout Fix
   Hedef: telefon/tablette yatay taşmayı kaldırmak, desktop 970+300 sponsor düzenini korumak.
===================================================== */
@media (max-width: 1024px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    min-width: 0 !important;
  }

  *,
  *::before,
  *::after {
    max-width: 100%;
  }

  .sideAd,
  .pageSideAd,
  .warehouseSideAd,
  .brandSide,
  .sideBanner {
    display: none !important;
  }

  .page,
  main.page,
  .adShell,
  .contentWrap,
  .contentWrap.adContent,
  .contentWrap.brandPageWrap,
  main.contentWrap,
  main.adContent,
  .calendarCompactPage,
  .completedWrap,
  .finishedArchivePage,
  .requestsPage,
  .warehousePage,
  .accountPage {
    width: min(100%, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .page:has(> .sideAd) > :not(.sideAd),
  .adShell:has(> .sideAd) > :not(.sideAd),
  .contentWrap.warehouseAdWrap:has(> .warehouseSideAd) > :not(.warehouseSideAd),
  .contentWrap.brandPageWrap:has(> .brandSide) > :not(.brandSide) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .heroSplit,
  .mainGrid,
  .twoCol,
  .homeWinnerOnly,
  .detailGrid,
  .auctionLayout,
  .auctionLiveGrid,
  .calendarGrid,
  .requestGrid,
  .finishedArchiveGrid,
  .stats,
  .miniStats,
  .auctionCards,
  .completedGrid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  .card,
  .heroMini,
  .liveAuctionTop,
  .nextLive,
  .dayAuctions,
  .winnerClub,
  .topViewedWidget,
  .completedWrap,
  .completedCard,
  .auctionCard,
  .calendarRow,
  .compactAuctionRow,
  .auctionTopAd,
  .premiumWideAd,
  .homeMidPremiumBanner,
  .calendarTopAd,
  .finishedTopPremiumBanner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .premiumWideAd,
  .homeMidPremiumBanner,
  .calendarTopAd,
  .auctionTopAd,
  .finishedTopPremiumBanner {
    height: auto !important;
    min-height: 120px !important;
    padding: 14px !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .liveStats,
  .liveAuctionTop .topStats,
  .miniStats,
  .metaRow,
  .statusLine {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .liveStats span,
  .liveAuctionTop .topStats span,
  .miniStats div,
  .metaRow span,
  .statusLine > * {
    width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  h1, h2, h3, p, span, small, b, strong, a, button, div {
    overflow-wrap: anywhere;
  }

  .redCta,
  .cta,
  .actionBtn,
  .compactGoBtn,
  .repeatBtn {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .completedGrid {
    grid-template-columns: 1fr !important;
  }

  .completedCard {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px !important;
  }

  .completedCard .completedPic,
  .completedPic {
    width: 100% !important;
    height: 132px !important;
    flex: 0 0 132px !important;
    border-radius: 12px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }

  .completedCard h3,
  .completedCard .auctionRefLine,
  .completedCard .resultRows,
  .completedCard .missedBox,
  .completedCard .repeatBtn {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .completedCard .resultRows div {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .completedCard .resultRows span,
  .completedCard .resultRows b {
    font-size: 13px !important;
    max-width: none !important;
  }

  .productModalCard {
    width: min(100%, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
  }
}

@media (max-width: 600px) {
  .siteHeader {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 10px 8px !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .brand {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  .homeLogo,
  .brandIcon {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
  }

  .brandText strong,
  .brand b {
    font-size: 24px !important;
  }

  .brandText span,
  .brand span {
    display: block !important;
    font-size: 11px !important;
  }

  .headerActions {
    order: 2 !important;
    width: 100% !important;
    justify-content: flex-end !important;
    gap: 7px !important;
  }

  .headerActions a,
  .headerActions button,
  .authBtn,
  .depotBtn {
    width: auto !important;
    min-width: 74px !important;
    max-width: none !important;
    height: 38px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .siteHeader nav,
  header nav,
  nav {
    order: 3 !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 6px 0 2px !important;
    gap: 8px !important;
  }

  .siteHeader nav a,
  header nav a,
  nav a {
    font-size: 13px !important;
    padding: 8px 10px !important;
  }

  .tradeTicker {
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .page,
  main.page,
  .contentWrap,
  .contentWrap.adContent,
  main.contentWrap,
  main.adContent,
  .calendarCompactPage,
  .completedWrap {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  .heroMini,
  .liveAuctionTop,
  .nextLive,
  .dayAuctions,
  .winnerClub,
  .topViewedWidget,
  .completedWrap {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .liveAuctionTop {
    padding: 0 !important;
  }

  .liveHead {
    padding: 10px 14px !important;
    font-size: 13px !important;
  }

  .liveAuctionTopBody {
    padding: 16px 14px !important;
  }

  .heroMini h1,
  .liveAuctionTop h1,
  .nextLive h1 {
    font-size: 23px !important;
    line-height: 1.15 !important;
  }

  .heroMini p,
  .liveAuctionTop p,
  .nextLive p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .livePrice,
  .liveAuctionTop .topPrice {
    font-size: 34px !important;
    line-height: 1.05 !important;
  }

  .miniTag {
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 12px !important;
  }

  .miniCountdown {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .miniCountdown div {
    font-size: 18px !important;
  }

  .redCta,
  .cta.compact,
  .actionBtn,
  .compactGoBtn {
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 12px !important;
    font-size: 14px !important;
  }

  .sectionHead,
  .sectionHead.wide {
    padding: 12px 4px 8px !important;
  }

  .sectionHead h2,
  .sectionHead.wide h2 {
    font-size: 18px !important;
  }

  .auctionCards,
  .completedGrid,
  .topViewedRows {
    padding: 0 !important;
    gap: 12px !important;
  }

  .auctionCard,
  .completedCard {
    border-radius: 14px !important;
  }

  .completedCard h3 {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  .completedCard .auctionRefLine {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .completedCard .missedBox,
  .completedCard .repeatBtn {
    min-height: 46px !important;
    font-size: 13px !important;
  }

  .footerTrust,
  .footerGrid,
  .footerBottom {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 390px) {
  .brandText strong,
  .brand b {
    font-size: 21px !important;
  }

  .headerActions a,
  .headerActions button,
  .authBtn,
  .depotBtn {
    min-width: 68px !important;
    font-size: 12px !important;
    padding: 0 8px !important;
  }

  .heroMini h1,
  .liveAuctionTop h1,
  .nextLive h1 {
    font-size: 21px !important;
  }
}

/* =====================================================
   V79.7.2 - Mobile Header + Ticker + Request Tabs Fix
   - Mobilde header hamburger menü
   - Kayan satış yazısı tek satır ve çakışmasız
   - İhale Talepleri alt menüsü mobilde alt alta
   Desktop düzen korunur.
===================================================== */
.mobileMenuToggle {
  display: none;
}

@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .siteHeader,
  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "brand menu"
      "actions actions"
      "nav nav" !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 12px 12px !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .siteHeader .brand,
  .topbar .brand {
    grid-area: brand !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  .siteHeader .brandText strong,
  .topbar .brandText strong,
  .siteHeader .brand b,
  .topbar .brand b {
    font-size: 22px !important;
    line-height: 1.05 !important;
  }

  .siteHeader .brandText span,
  .topbar .brandText span,
  .siteHeader .brand span,
  .topbar .brand span {
    font-size: 10px !important;
    letter-spacing: .9px !important;
  }

  .homeLogo,
  .siteLogo,
  .brandIcon,
  .topbar .brand img.siteLogo,
  .siteHeader .brand img.homeLogo {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(56,189,248,.42) !important;
    background: rgba(7,31,56,.88) !important;
    color: #e5f4ff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  .headerActions,
  .topActions {
    grid-area: actions !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    justify-content: stretch !important;
    margin: 0 !important;
    flex: none !important;
  }

  .headerActions a,
  .headerActions button,
  .topActions a,
  .topActions button,
  .authBtn,
  .depotBtn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .siteHeader nav,
  .topbar nav,
  header nav {
    grid-area: nav !important;
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 8px 0 0 !important;
    margin: 0 !important;
    gap: 8px !important;
    flex: none !important;
    justify-content: stretch !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open nav,
  header.mobile-nav-open nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .siteHeader nav a,
  .topbar nav a,
  header nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(56,189,248,.22) !important;
    border-radius: 12px !important;
    background: rgba(7,31,56,.68) !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .siteHeader nav a.active,
  .topbar nav a.active,
  header nav a.active {
    border-color: rgba(14,165,233,.85) !important;
    color: #38bdf8 !important;
    background: rgba(14,165,233,.16) !important;
  }

  .tradeTicker {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 80 !important;
  }

  .tradeTrack {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 26px !important;
    white-space: nowrap !important;
    height: 34px !important;
    line-height: 34px !important;
    padding-left: 100vw !important;
    animation: tradeScroll 42s linear infinite !important;
  }

  .tradeTrack span,
  .tickerItem,
  .tickerDot {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    max-width: none !important;
  }

  .tradeTrack span::after {
    display: none !important;
    content: none !important;
  }

  .tickerDot {
    color: #38bdf8 !important;
    margin: 0 4px !important;
  }

  .requestSubNav {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto 14px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .requestSubNav a {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
    border-radius: 14px !important;
  }

  .pageHeroSmall h1,
  .requestHero h1,
  .requestHero h2,
  .infoCard h2 {
    font-size: clamp(24px, 8vw, 34px) !important;
    line-height: 1.12 !important;
  }

  .pageHeroSmall p,
  .requestHero p,
  .infoCard p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 390px) {
  .siteHeader .brandText strong,
  .topbar .brandText strong,
  .siteHeader .brand b,
  .topbar .brand b {
    font-size: 20px !important;
  }

  .homeLogo,
  .siteLogo,
  .brandIcon,
  .topbar .brand img.siteLogo,
  .siteHeader .brand img.homeLogo {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }

  .headerActions a,
  .headerActions button,
  .topActions a,
  .topActions button,
  .authBtn,
  .depotBtn {
    font-size: 12px !important;
    height: 38px !important;
    padding: 0 6px !important;
  }
}

/* =====================================================
   V79.7.3 - Mobile Header Standard Fix
   - Public pages use one mobile header layout
   - Auth buttons standard size/order on all pages
   - Navigation is hamburger only on mobile
   - Ticker is one clean row under header
   Desktop layout is unchanged.
===================================================== */
@media (max-width: 760px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    -webkit-text-size-adjust: 100% !important;
  }

  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "brand menu"
      "actions actions" !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 12px 14px !important;
    gap: 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 22px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 220px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 10px !important;
    line-height: 1.15 !important;
    letter-spacing: .9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 230px !important;
  }

  .homeLogo,
  .siteLogo,
  .brandIcon,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .brand img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
    object-fit: contain !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(56,189,248,.42) !important;
    background: rgba(7,31,56,.88) !important;
    color: #e5f4ff !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  .headerActions a,
  .headerActions button,
  .topActions a,
  .topActions button,
  .authBtn,
  .depotBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header:not(.adminTopbar) nav {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 2px 0 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open:not(.adminTopbar) nav,
  header.mobile-nav-open:not(.adminTopbar) nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .siteHeader nav a,
  .topbar:not(.adminTopbar) nav a,
  header:not(.adminTopbar) nav a {
    display: flex !important;
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(56,189,248,.22) !important;
    background: rgba(7,31,56,.72) !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  .tradeTicker {
    clear: both !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 70 !important;
  }

  .tradeTrack {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    height: 36px !important;
    line-height: 36px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding-left: 100vw !important;
  }

  .tradeTrack span,
  .tickerItem,
  .tickerDot {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .requestSubNav,
  .requestTabs,
  .requestMenu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 12px auto 18px !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .requestSubNav a,
  .requestTabs a,
  .requestMenu a,
  .requestSubNav button,
  .requestTabs button,
  .requestMenu button {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 20px !important;
    max-width: 200px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    max-width: 205px !important;
  }

  .homeLogo,
  .siteLogo,
  .brandIcon,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .brand img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
  }

  .mobileMenuToggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    gap: 8px !important;
  }

  .headerActions a,
  .headerActions button,
  .topActions a,
  .topActions button,
  .authBtn,
  .depotBtn {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 13px !important;
    padding: 0 6px !important;
  }
}

/* =========================================================
   V79.7.4 - Tablet Responsive Fix
   Breakpoints: 761px - 1024px
   - Tabletlerde hamburger menü aktif olur
   - Auth/Depo butonları standart grid satırına alınır
   - Tablet çok kolonlu alanlar tek kolona düşer
   - Modal yüksekliği ekrana sığar
   ========================================================= */
@media (min-width: 761px) and (max-width: 1024px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand menu" "actions actions" "nav nav" !important;
    height: auto !important;
    padding: 10px 16px 12px !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    min-width: 0 !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    display: inline-flex !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    justify-self: stretch !important;
  }

  .headerActions a,
  .headerActions button,
  .topActions a,
  .topActions button,
  .authBtn,
  .depotBtn {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open:not(.adminTopbar) nav,
  .siteHeader.mobile-nav-open .mainNav,
  .topbar.mobile-nav-open:not(.adminTopbar) .mainNav,
  .siteHeader.mobile-nav-open .navLinks,
  .topbar.mobile-nav-open:not(.adminTopbar) .navLinks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .siteHeader.mobile-nav-open nav a,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a,
  .siteHeader.mobile-nav-open .mainNav a,
  .topbar.mobile-nav-open:not(.adminTopbar) .mainNav a,
  .siteHeader.mobile-nav-open .navLinks a,
  .topbar.mobile-nav-open:not(.adminTopbar) .navLinks a {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .requestHero,
  .requestStats,
  .sourceSteps,
  .grid3,
  .whyGrid,
  .finishedFilters {
    grid-template-columns: 1fr !important;
  }
}

.productInfoOverlay {
  overflow-y: auto !important;
}

.productInfoModal {
  width: min(520px, calc(100vw - 24px)) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
}

/* =====================================================
   V79.7.5 - Mobile Auth Buttons Right Align Fix
   - Giriş Yap / Kayıt Ol / Depo mobilde sağa dayalı tek grup olur
   - Butonlar tüm sayfalarda aynı ölçü ve hizaya çekilir
   - Tablet V79.7.4 düzeni korunur
===================================================== */
@media (max-width: 760px) {
  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    justify-content: end !important;
    justify-items: end !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .headerActions a,
  .headerActions button,
  .topActions a,
  .topActions button,
  .siteHeader .headerActions a,
  .siteHeader .headerActions button,
  .siteHeader .topActions a,
  .siteHeader .topActions button,
  .topbar:not(.adminTopbar) .headerActions a,
  .topbar:not(.adminTopbar) .headerActions button,
  .topbar:not(.adminTopbar) .topActions a,
  .topbar:not(.adminTopbar) .topActions button,
  .authBtn,
  .depotBtn {
    width: auto !important;
    min-width: 82px !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 11px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
  }

  .headerActions .depotBtn,
  .topActions .depotBtn,
  .siteHeader .headerActions .depotBtn,
  .siteHeader .topActions .depotBtn,
  .topbar:not(.adminTopbar) .headerActions .depotBtn,
  .topbar:not(.adminTopbar) .topActions .depotBtn {
    min-width: 78px !important;
  }
}

/* =====================================================
   V79.7.6 - Mobile Header Button Size Standard Fix
   Amaç: Telefonda Giriş Yap / Kayıt Ol / Depo butonlarının
   her sayfada aynı ölçüde ve sağa dayalı görünmesi.
   Masaüstü ve tablet düzenine dokunmaz.
===================================================== */
@media (max-width: 760px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    overflow: visible !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button,
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 6px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.15px !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .headerActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .authDepotBtn,
  .topActions > .depotBtn,
  .siteHeader .headerActions > .authDepotBtn,
  .siteHeader .headerActions > .depotBtn,
  .siteHeader .topActions > .authDepotBtn,
  .siteHeader .topActions > .depotBtn,
  .topbar:not(.adminTopbar) .headerActions > .authDepotBtn,
  .topbar:not(.adminTopbar) .headerActions > .depotBtn,
  .topbar:not(.adminTopbar) .topActions > .authDepotBtn,
  .topbar:not(.adminTopbar) .topActions > .depotBtn {
    flex-basis: 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
  }

  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .siteHeader .headerActions > .authLoginBtn,
  .siteHeader .topActions > .authLoginBtn,
  .topbar:not(.adminTopbar) .headerActions > .authLoginBtn,
  .topbar:not(.adminTopbar) .topActions > .authLoginBtn {
    flex-basis: 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }

  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .siteHeader .headerActions > .authRegisterBtn,
  .siteHeader .topActions > .authRegisterBtn,
  .topbar:not(.adminTopbar) .headerActions > .authRegisterBtn,
  .topbar:not(.adminTopbar) .topActions > .authRegisterBtn {
    flex-basis: 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
  }
}

@media (max-width: 360px) {
  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    gap: 5px !important;
  }

  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button,
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    font-size: 10.5px !important;
    border-radius: 10px !important;
  }

  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .siteHeader .headerActions > .authLoginBtn,
  .siteHeader .topActions > .authLoginBtn,
  .topbar:not(.adminTopbar) .headerActions > .authLoginBtn,
  .topbar:not(.adminTopbar) .topActions > .authLoginBtn {
    flex-basis: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .siteHeader .headerActions > .authRegisterBtn,
  .siteHeader .topActions > .authRegisterBtn,
  .topbar:not(.adminTopbar) .headerActions > .authRegisterBtn,
  .topbar:not(.adminTopbar) .topActions > .authRegisterBtn {
    flex-basis: 70px !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .headerActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .authDepotBtn,
  .topActions > .depotBtn,
  .siteHeader .headerActions > .authDepotBtn,
  .siteHeader .headerActions > .depotBtn,
  .siteHeader .topActions > .authDepotBtn,
  .siteHeader .topActions > .depotBtn,
  .topbar:not(.adminTopbar) .headerActions > .authDepotBtn,
  .topbar:not(.adminTopbar) .headerActions > .depotBtn,
  .topbar:not(.adminTopbar) .topActions > .authDepotBtn,
  .topbar:not(.adminTopbar) .topActions > .depotBtn {
    flex-basis: 62px !important;
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
  }
}

/* =====================================================
   V79.7.7 - Mobile Header Brand + Auth Button Final Standard
   Amaç:
   - Mobilde logo + ÇokiyiBalık / Açık Eksiltme Platformu yazısı her sayfada Canlı İhale header ölçüsüne sabitlenir.
   - Giriş Yap / Kayıt Ol / Depo butonları her sayfada aynı ölçüde, sağa dayalı tek grup olur.
   - Önceki sayfa bazlı header/auth stilleri bu final blokla ezilir.
   Masaüstü ve tablet sponsor düzenine dokunmaz.
===================================================== */
@media (max-width: 760px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "brand menu"
      "actions actions" !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 12px 12px !important;
    gap: 9px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .homeLogo,
  .siteLogo,
  .brandIcon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex: 0 0 48px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: calc(100vw - 128px) !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    display: block !important;
    font-size: 22px !important;
    line-height: 23px !important;
    height: 23px !important;
    max-height: 23px !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    display: block !important;
    font-size: 10px !important;
    line-height: 12px !important;
    height: 12px !important;
    max-height: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .85px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: var(--muted) !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-items: end !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button,
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 6px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.15px !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .headerActions > .bell,
  .topActions > .bell,
  .siteHeader .headerActions > .bell,
  .siteHeader .topActions > .bell,
  .topbar:not(.adminTopbar) .headerActions > .bell,
  .topbar:not(.adminTopbar) .topActions > .bell {
    display: none !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
  }
}

@media (max-width: 360px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    gap: 8px !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .homeLogo,
  .siteLogo,
  .brandIcon {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    height: 44px !important;
    max-width: calc(100vw - 116px) !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 20px !important;
    line-height: 21px !important;
    height: 21px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 9px !important;
    line-height: 11px !important;
    height: 11px !important;
    letter-spacing: .65px !important;
  }

  .mobileMenuToggle {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    gap: 5px !important;
  }

  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button,
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button {
    flex-basis: 74px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    font-size: 10.5px !important;
    border-radius: 10px !important;
  }
}

/* =====================================================
   V79.7.8 - Mobile Header Recovery + Brand/Auth/Menu Standard
   Amaç:
   - Hamburger menü ana sayfadaki gibi tam genişlikte, header altında açılır.
   - Logo + ÇokiyiBalık / Açık Eksiltme Platformu tüm sayfalarda aynı ölçüde kalır.
   - Giriş Yap / Kayıt Ol / Depo butonları tüm mobil sayfalarda aynı boyutta ve sağa dayalı kalır.
   - Tablet V79.7.4 davranışı korunur; masaüstüne dokunmaz.
===================================================== */
@media (max-width: 1024px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    grid-template-areas:
      "brand menu"
      "actions actions"
      "nav nav" !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 14px 13px !important;
    gap: 10px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .homeLogo,
  .siteLogo,
  .brandIcon {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    display: block !important;
    width: 100% !important;
    font-size: 24px !important;
    line-height: 25px !important;
    height: 25px !important;
    max-height: 25px !important;
    font-weight: 900 !important;
    letter-spacing: -0.45px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    display: block !important;
    width: 100% !important;
    font-size: 10.5px !important;
    line-height: 13px !important;
    height: 13px !important;
    max-height: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .9px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: var(--muted) !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    font-size: 25px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-items: end !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button,
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 7px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.1px !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .headerActions > .bell,
  .topActions > .bell,
  .siteHeader .headerActions > .bell,
  .siteHeader .topActions > .bell,
  .topbar:not(.adminTopbar) .headerActions > .bell,
  .topbar:not(.adminTopbar) .topActions > .bell {
    display: none !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    float: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: none !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open:not(.adminTopbar) nav,
  header.mobile-nav-open nav,
  .mobile-nav-open .mainNav,
  .mobile-nav-open .navLinks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 2px !important;
  }

  .siteHeader.mobile-nav-open nav a,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a,
  header.mobile-nav-open nav a,
  .mobile-nav-open .mainNav a,
  .mobile-nav-open .navLinks a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }
}

@media (max-width: 380px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    grid-template-columns: minmax(0, 1fr) 46px !important;
    padding: 10px 10px 12px !important;
    gap: 9px !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    gap: 8px !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .homeLogo,
  .siteLogo,
  .brandIcon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex-basis: 48px !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 21px !important;
    line-height: 22px !important;
    height: 22px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 9px !important;
    line-height: 11px !important;
    height: 11px !important;
    letter-spacing: .65px !important;
  }

  .mobileMenuToggle {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 12px !important;
    font-size: 23px !important;
  }

  .headerActions,
  .topActions,
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions {
    gap: 6px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button,
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 11px !important;
    border-radius: 11px !important;
    padding: 0 5px !important;
  }
}

/* =====================================================
   V79.7.9 - Mobile/tablet full responsive guard
   Scope: public responsive layout only. Sponsor/admin/server logic is untouched.
===================================================== */
@media (min-width: 1025px) and (max-width: 1450px) {
  .siteHeader {
    padding-left: 22px !important;
    padding-right: 22px !important;
    gap: 18px !important;
    overflow-x: clip !important;
  }

  .siteHeader .brand {
    flex: 0 1 190px !important;
    min-width: 190px !important;
    max-width: 210px !important;
  }

  .siteHeader nav {
    min-width: 0 !important;
    gap: 8px !important;
    justify-content: center !important;
  }

  .siteHeader nav a {
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 11.5px !important;
    letter-spacing: 0 !important;
  }

  .siteHeader .headerActions,
  .headerActions {
    flex: 0 0 252px !important;
    min-width: 252px !important;
    max-width: 252px !important;
    gap: 6px !important;
    margin-left: 0 !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .headerActions > a,
  .headerActions > button {
    flex: 0 0 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 12px !important;
    padding: 0 6px !important;
  }
}

@media (max-width: 1024px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .page,
  .adShell,
  .contentWrap,
  .contentWrap.adContent,
  .contentWrap.brandPageWrap,
  .finishedShell,
  .auctionShell,
  .calendarShell,
  .requestShell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: clip !important;
  }

  .sideAd,
  .pageSideAd,
  .warehouseSideAd,
  .brandSide,
  .sideBanner {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .requestHero,
  .requestStats,
  .requestPanel,
  .sourceSteps,
  .grid3,
  .whyGrid,
  .finishedFilters,
  .finishedArchiveGrid,
  .twoCol,
  .mainGrid,
  .hero,
  .heroSplit,
  .bottomBand,
  .auctionCards,
  .completedGrid {
    grid-template-columns: 1fr !important;
  }

  .premiumWideAd,
  .homeMidPremiumBanner,
  .calendarTopAd,
  .auctionTopAd,
  .finishedTopPremiumBanner {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tradeTicker,
  .ticker {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .tradeTrack,
  .tickerTrack {
    min-width: 0 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .tradeTrack span,
  .tickerItem {
    white-space: nowrap !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b,
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span,
  .headerActions > a,
  .headerActions > button,
  .topActions > a,
  .topActions > button {
    letter-spacing: 0 !important;
  }

  .siteHeader.mobile-nav-open nav a,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a,
  header.mobile-nav-open nav a,
  .mobile-nav-open .mainNav a,
  .mobile-nav-open .navLinks a {
    height: auto !important;
    min-height: 44px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }

  .productInfoOverlay,
  .loginModal {
    overflow-y: auto !important;
    align-items: flex-start !important;
    padding: 12px !important;
  }

  .productInfoModal,
  .loginBox {
    width: min(520px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 430px) {
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 21px !important;
    line-height: 22px !important;
    height: 22px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 9px !important;
    line-height: 11px !important;
    height: 11px !important;
  }
}

@media (max-width: 1024px) {
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .headerActions > .authBtn,
  .siteHeader .headerActions > .authLoginBtn,
  .siteHeader .headerActions > .authRegisterBtn,
  .siteHeader .headerActions > .authDepotBtn,
  .siteHeader .headerActions > .depotBtn,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .topbar:not(.adminTopbar) .topActions > .authBtn,
  .topbar:not(.adminTopbar) .topActions > .authLoginBtn,
  .topbar:not(.adminTopbar) .topActions > .authRegisterBtn,
  .topbar:not(.adminTopbar) .topActions > .authDepotBtn,
  .topbar:not(.adminTopbar) .topActions > .depotBtn {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 7px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .headerActions > .authBtn,
  .siteHeader .headerActions > .authLoginBtn,
  .siteHeader .headerActions > .authRegisterBtn,
  .siteHeader .headerActions > .authDepotBtn,
  .siteHeader .headerActions > .depotBtn,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .topbar:not(.adminTopbar) .topActions > .authBtn,
  .topbar:not(.adminTopbar) .topActions > .authLoginBtn,
  .topbar:not(.adminTopbar) .topActions > .authRegisterBtn,
  .topbar:not(.adminTopbar) .topActions > .authDepotBtn,
  .topbar:not(.adminTopbar) .topActions > .depotBtn {
    flex-basis: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 11px !important;
    padding: 0 5px !important;
  }
}

/* =====================================================
   V79.7.10 - iPad/Mobile Header, User Menu and Ticker Final Guard
   Fixes:
   - Brand/logo text identical on siteHeader and topbar pages.
   - Mobile/tablet menu opens full width under header, not as a right-shifted column.
   - Logged-in user menu gets enough width and stays readable on iPad.
   - Last-sales ticker items cannot overlap on iPad/tablet.
   Desktop sponsor layout remains untouched.
===================================================== */
@media (max-width: 1024px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "brand menu"
      "actions actions"
      "nav nav" !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 16px 14px !important;
    gap: 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .homeLogo,
  .siteLogo,
  .brandIcon {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    flex: 0 0 58px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    max-width: calc(100vw - 104px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(24px, 3.25vw, 30px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    color: #eaf7ff !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    font-size: clamp(10px, 1.35vw, 13px) !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.05px !important;
    text-transform: uppercase !important;
    color: #9fc4da !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 15px !important;
    border: 1px solid rgba(56,189,248,.45) !important;
    background: linear-gradient(135deg, rgba(11,99,246,.92), rgba(14,165,233,.92)) !important;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .userMenuWrap {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: 200 !important;
  }

  .userMenuBtn {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 5px 9px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .userNameStack strong,
  .userNameStack small {
    max-width: 92px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .userDropdown {
    width: 280px !important;
    min-width: 260px !important;
    max-width: calc(100vw - 24px) !important;
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 10px) !important;
    z-index: 99999 !important;
    overflow: hidden !important;
  }

  .userDropHead b,
  .userDropHead small,
  .userDropdown a,
  .userDropdown button {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
    display: none !important;
    position: static !important;
    transform: none !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open:not(.adminTopbar) nav,
  header.mobile-nav-open nav,
  .mobile-nav-open .mainNav,
  .mobile-nav-open .navLinks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 4px !important;
  }

  .siteHeader.mobile-nav-open nav a,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a,
  header.mobile-nav-open nav a,
  .mobile-nav-open .mainNav a,
  .mobile-nav-open .navLinks a {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(56,189,248,.25) !important;
    border-radius: 14px !important;
    background: rgba(7,31,56,.78) !important;
    color: #e5f4ff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .tradeTicker,
  .ticker {
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .tradeTrack,
  .tickerTrack {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 40px !important;
    width: max-content !important;
    min-width: max-content !important;
    height: 36px !important;
    line-height: 36px !important;
    padding-left: 100vw !important;
    white-space: nowrap !important;
    overflow: visible !important;
    animation: tradeScroll 52s linear infinite !important;
  }

  .tradeTrack > *,
  .tickerTrack > *,
  .tradeTrack span,
  .tickerItem,
  .tickerDot {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .tradeTrack span::after {
    display: none !important;
    content: none !important;
  }

  .tickerDot {
    color: #38bdf8 !important;
    margin: 0 8px !important;
  }
}

@media (max-width: 430px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    padding: 12px 12px 13px !important;
    gap: 10px !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    gap: 10px !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .homeLogo,
  .siteLogo,
  .brandIcon {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    flex-basis: 54px !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    max-width: calc(100vw - 118px) !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 10px !important;
    line-height: 1.1 !important;
    letter-spacing: .85px !important;
  }

  .mobileMenuToggle {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 86px !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 12px !important;
    padding: 0 6px !important;
  }

  .userMenuBtn {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}

@media (max-width: 380px) {
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 22px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 9px !important;
    letter-spacing: .7px !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    gap: 6px !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 11px !important;
    padding: 0 5px !important;
  }

  .userMenuBtn {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
}

/* =====================================================
   V79.7.11 - iPad Landscape Header Brand/Ticker/User Menu Final Fix
   - Extends mobile/tablet header standard to real iPad Chrome/Safari widths (~1067px).
   - Makes logo + brand text identical on siteHeader and topbar pages.
   - Keeps hamburger menu full-width under header.
   - Prevents ticker item overlap on tablet widths above 1024px.
   - Gives logged-in user menu enough width on iPad.
   Desktop >=1201px sponsor layout remains untouched.
===================================================== */
@media (min-width: 761px) and (max-width: 1200px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    grid-template-areas:
      "brand menu"
      "actions actions"
      "nav nav" !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 16px 22px 16px !important;
    gap: 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-basis: auto !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    flex: 0 0 64px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    max-width: calc(100vw - 130px) !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 30px !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    color: #eaf7ff !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.15px !important;
    text-transform: uppercase !important;
    color: #9fc4da !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .mobileMenuToggle {
    grid-area: menu !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(56,189,248,.45) !important;
    background: linear-gradient(135deg, rgba(11,99,246,.92), rgba(14,165,233,.92)) !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .userMenuWrap {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: 200 !important;
  }

  .userMenuBtn {
    width: 158px !important;
    min-width: 158px !important;
    max-width: 158px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 6px 10px !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .userNameStack strong,
  .userNameStack small {
    max-width: 112px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .userDropdown {
    width: 330px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 28px) !important;
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 10px) !important;
    z-index: 99999 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .userDropHead b,
  .userDropHead small,
  .userDropdown a,
  .userDropdown button {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
    display: none !important;
    position: static !important;
    transform: none !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open:not(.adminTopbar) nav,
  header.mobile-nav-open nav,
  .mobile-nav-open .mainNav,
  .mobile-nav-open .navLinks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 4px !important;
  }

  .siteHeader.mobile-nav-open nav a,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a,
  header.mobile-nav-open nav a,
  .mobile-nav-open .mainNav a,
  .mobile-nav-open .navLinks a {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 14px !important;
    border: 1px solid rgba(56,189,248,.25) !important;
    border-radius: 14px !important;
    background: rgba(7,31,56,.78) !important;
    color: #e5f4ff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .tradeTicker,
  .ticker {
    width: 100% !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .tradeTrack,
  .tickerTrack {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 48px !important;
    width: max-content !important;
    min-width: max-content !important;
    height: 38px !important;
    line-height: 38px !important;
    padding-left: 100vw !important;
    white-space: nowrap !important;
    overflow: visible !important;
    animation: tradeScroll 58s linear infinite !important;
  }

  .tradeTrack > *,
  .tickerTrack > *,
  .tradeTrack span,
  .tickerItem,
  .tickerDot {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .tradeTrack span::after {
    display: none !important;
    content: none !important;
  }
}

/* V79.7.11 - Narrow mobile keeps same brand ratios as the tablet/auction reference. */
@media (max-width: 430px) {
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 25px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.25px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 10.5px !important;
    line-height: 1.1 !important;
    letter-spacing: .78px !important;
  }
}


/* =====================================================
   V79.7.12 - Header Brand Markup Standard Fix
   Root cause: index/partners/sponsor used siteHeader + homeLogo while
   auction/calendar/requests used topbar + siteLogo. The three remaining
   siteHeader pages were converted to topbar markup. This final guard keeps
   the logo text readable and identical across all public headers.
   Server/admin/banner logic untouched.
===================================================== */
@media (max-width: 1450px) {
  .topbar:not(.adminTopbar),
  .siteHeader {
    overflow: visible !important;
  }

  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brand > div,
  .siteHeader .brand > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-decoration: none !important;
  }

  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brand b,
  .siteHeader .brand b {
    display: block !important;
    font-size: clamp(24px, 2.45vw, 32px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -0.35px !important;
    color: #eaf7ff !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brand span,
  .siteHeader .brand span {
    display: block !important;
    margin-top: 4px !important;
    font-size: clamp(10.5px, 1.05vw, 13px) !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 1.05px !important;
    text-transform: uppercase !important;
    color: #9fc4da !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .siteLogo,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo {
    width: clamp(54px, 5.4vw, 68px) !important;
    height: clamp(54px, 5.4vw, 68px) !important;
    min-width: clamp(54px, 5.4vw, 68px) !important;
    min-height: clamp(54px, 5.4vw, 68px) !important;
    flex: 0 0 clamp(54px, 5.4vw, 68px) !important;
    object-fit: contain !important;
    border-radius: 50% !important;
  }
}

@media (min-width: 1025px) and (max-width: 1450px) {
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brand {
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }
}

@media (max-width: 760px) {
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brand b,
  .siteHeader .brand b {
    font-size: 26px !important;
  }

  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brand span,
  .siteHeader .brand span {
    font-size: 10.5px !important;
    letter-spacing: .78px !important;
  }
}

@media (max-width: 380px) {
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brand b,
  .siteHeader .brand b {
    font-size: 22px !important;
  }

  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brand span,
  .siteHeader .brand span {
    font-size: 9.5px !important;
    letter-spacing: .62px !important;
  }
}

/* =====================================================
   V80.0 - Dükkan light navigation guards
   - Header brand rules from V79.7.12 are not changed.
   - Only adds small subnav/tabs used by auction and calendar pages.
===================================================== */
.v80SubNav{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 16px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(7,31,56,.62);
}
.v80SubNav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.18);
  background:rgba(148,163,184,.10);
  color:#dbeafe;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.v80SubNav a.active{
  background:linear-gradient(135deg,#0b63f6,#0ea5e9);
  border-color:rgba(56,189,248,.55);
  color:#fff;
}
.storePendingTitle{color:#fde68a!important;}
.storePendingCard{border-color:rgba(251,191,36,.28)!important;background:rgba(251,191,36,.06)!important;}
@media(max-width:760px){.v80SubNav{overflow-x:auto;flex-wrap:nowrap}.v80SubNav a{flex:0 0 auto;font-size:13px}}


/* =====================================================
   V80.0.2 - Alt menü yönlendirme ve 970px genişlik düzeltmesi
   - Canlı ihale alt menüsü iki bağlantıya indirildi.
   - Biten ihaleler sayfasında aynı alt menü korunur.
   - İhale Takvimi alt bağlantıları İhale Talepleri sayfasına yönlenir.
   - İhale Talepleri 3'lü alt menüsü 970px içerik genişliğini aşmaz.
===================================================== */
.requestSubNav{
  width:min(970px, calc(100% - 32px)) !important;
  max-width:970px !important;
  margin:12px auto 16px !important;
  padding:0 !important;
  gap:10px !important;
  box-sizing:border-box !important;
}
.requestSubNav a{
  min-height:44px !important;
  padding:0 10px !important;
  font-size:14px !important;
  line-height:1.2 !important;
}
.v80SubNav{
  max-width:970px;
  box-sizing:border-box;
}
.v80SubNav.plainSubNav a.active{
  background:rgba(148,163,184,.10);
  border-color:rgba(56,189,248,.18);
  color:#dbeafe;
}
@media(max-width:800px){
  .requestSubNav{width:min(970px, calc(100% - 24px)) !important;grid-template-columns:1fr !important;}
}


/* V80.0.3 - Biten ihaleler iPad/tablet kompakt 3'lü kart düzeni */
.finishedArchiveGrid .completedCard{
  cursor:pointer;
}
.finishedArchiveGrid .completedCard:focus-within,
.finishedArchiveGrid .completedCard:hover{
  border-color:rgba(56,189,248,.42);
}
@media (min-width:700px) and (max-width:1100px){
  .finishedArchiveGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .finishedArchiveGrid .completedCard{
    padding:10px!important;
    border-radius:14px!important;
  }
  .finishedArchiveGrid .completedPic{
    height:72px!important;
    border-radius:10px!important;
  }
  .finishedArchiveGrid .completedPic:before{
    width:42px!important;
    height:42px!important;
    border-width:5px!important;
    box-shadow:0 0 0 3px #0ea5e9!important;
  }
  .finishedArchiveGrid .completedPic span{
    left:8px!important;
    top:8px!important;
    border-radius:8px!important;
    padding:4px 7px!important;
    font-size:12px!important;
  }
  .finishedArchiveGrid .completedCard h3{
    min-height:34px!important;
    margin:8px 0 6px!important;
    font-size:13px!important;
    line-height:1.18!important;
  }
  .finishedArchiveGrid .finishedDetailBtn{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .finishedArchiveGrid .auctionRefLine{
    display:none!important;
  }
  .finishedArchiveGrid .resultRows{
    gap:5px!important;
  }
  .finishedArchiveGrid .resultRows div{
    padding-bottom:5px!important;
    gap:6px!important;
    font-size:12px!important;
  }
  .finishedArchiveGrid .resultRows div:nth-child(1),
  .finishedArchiveGrid .resultRows div:nth-child(3){
    display:none!important;
  }
  .finishedArchiveGrid .missedBox{
    display:none!important;
  }
  .finishedArchiveGrid .repeatBtn{
    margin-top:8px!important;
    padding:8px 6px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.15!important;
    min-height:34px!important;
  }
  .finishedArchiveGrid .repeatBtn small{
    display:none!important;
  }
  .finishedPagination{
    margin-top:16px!important;
  }
}
@media (min-width:520px) and (max-width:699px){
  .finishedArchiveGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .finishedArchiveGrid .completedCard{padding:10px!important;}
  .finishedArchiveGrid .completedPic{height:70px!important;}
  .finishedArchiveGrid .auctionRefLine,
  .finishedArchiveGrid .missedBox{display:none!important;}
  .finishedArchiveGrid .resultRows div:nth-child(1),
  .finishedArchiveGrid .resultRows div:nth-child(3){display:none!important;}
  .finishedArchiveGrid .repeatBtn{font-size:11px!important;padding:8px 6px!important;}
  .finishedArchiveGrid .repeatBtn small{display:none!important;}
}


/* =====================================================
   V80.0.4 - iPad/mobile compact action-row header
   - Hamburger menü artık Depo/kullanıcı aksiyonlarının yanındadır.
   - Tablet ve mobilde header iki satır yerine tek ana satır + açılır nav olur.
   - Logo/brand okunabilirliği korunur; sponsor/banner/chat/server mantığına dokunmaz.
===================================================== */
@media (max-width: 1200px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "brand actions"
      "nav nav" !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 16px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    flex: 0 0 56px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(23px, 3vw, 28px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.32px !important;
    color: #eaf7ff !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    display: block !important;
    width: 100% !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    font-size: clamp(9.5px, 1.15vw, 12px) !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .9px !important;
    text-transform: uppercase !important;
    color: #9fc4da !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .userMenuWrap {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: 200 !important;
  }

  .userMenuBtn {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 5px 9px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .userNameStack strong,
  .userNameStack small {
    max-width: 92px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .userDropdown {
    width: 280px !important;
    min-width: 260px !important;
    max-width: calc(100vw - 24px) !important;
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 10px) !important;
    z-index: 99999 !important;
    overflow: hidden !important;
  }

  .mobileMenuToggle {
    grid-area: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(56,189,248,.45) !important;
    background: linear-gradient(135deg, rgba(11,99,246,.92), rgba(14,165,233,.92)) !important;
    color: #fff !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
    display: none !important;
    position: static !important;
    transform: none !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader.mobile-nav-open nav,
  .topbar.mobile-nav-open:not(.adminTopbar) nav,
  header.mobile-nav-open nav,
  .mobile-nav-open .mainNav,
  .mobile-nav-open .navLinks {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 4px !important;
  }

  .siteHeader.mobile-nav-open nav a,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a,
  header.mobile-nav-open nav a,
  .mobile-nav-open .mainNav a,
  .mobile-nav-open .navLinks a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(56,189,248,.22) !important;
    border-radius: 12px !important;
    background: rgba(7,31,56,.72) !important;
    color: #dbeafe !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .siteHeader.mobile-nav-open nav a.active,
  .topbar.mobile-nav-open:not(.adminTopbar) nav a.active,
  header.mobile-nav-open nav a.active {
    border-color: rgba(14,165,233,.85) !important;
    color: #38bdf8 !important;
    background: rgba(14,165,233,.16) !important;
  }
}

@media (min-width: 761px) and (max-width: 1200px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    padding: 9px 18px !important;
  }
  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
}

@media (max-width: 760px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 8px 10px !important;
    column-gap: 8px !important;
    row-gap: 7px !important;
  }
  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    gap: 9px !important;
  }
  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex-basis: 48px !important;
  }
  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 22px !important;
    line-height: 1.04 !important;
  }
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 9.5px !important;
    letter-spacing: .72px !important;
  }
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    gap: 6px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 5px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
  }
  .mobileMenuToggle {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
  }
  .userMenuBtn {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 4px 7px !important;
  }
  .userNameStack strong,
  .userNameStack small {
    max-width: 68px !important;
  }
}

@media (max-width: 430px) {
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 20px !important;
  }
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 8.5px !important;
    letter-spacing: .58px !important;
  }
  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div {
    max-width: calc(100vw - 222px) !important;
    overflow: hidden !important;
  }
  body:not(.loggedIn) .siteHeader .brandText,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brandText,
  body:not(.loggedIn) .siteHeader .brand > div,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brand > div {
    max-width: calc(100vw - 344px) !important;
  }
}

@media (max-width: 390px) {
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 18px !important;
  }
  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
  }
  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    font-size: 10px !important;
  }
  .mobileMenuToggle {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
  .userMenuBtn {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }
}

/* V80.0.4a - narrow phone brand text safety: aksiyonlar aynı hatta kalırken yazı taşmasın. */
@media (max-width: 430px) {
  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div,
  body:not(.loggedIn) .siteHeader .brandText,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brandText,
  body:not(.loggedIn) .siteHeader .brand > div,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brand > div {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b,
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* =====================================================
   V80.0.6 - Phone header responsive balance fix
   - V80.0.4 iPad layout korunur.
   - Dar telefonda logo + marka yazısı tekrar görünür.
   - Kullanıcı/Giriş/Kayıt/Depo/Hamburger aynı hatta kompakt çalışır.
===================================================== */
@media (max-width: 600px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 7px 8px !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    flex: 0 0 46px !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div,
  body:not(.loggedIn) .siteHeader .brandText,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brandText,
  body:not(.loggedIn) .siteHeader .brand > div,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brand > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    overflow: visible !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 17px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.22px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 7.6px !important;
    line-height: 1.08 !important;
    letter-spacing: .42px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    gap: 5px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .topActions > a,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .topActions > a,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn {
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 4px !important;
    border-radius: 10px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    letter-spacing: -.05px !important;
    white-space: nowrap !important;
  }

  .siteHeader .headerActions > a.depotBtn,
  .siteHeader .topActions > a.depotBtn,
  .topbar:not(.adminTopbar) .headerActions > a.depotBtn,
  .topbar:not(.adminTopbar) .topActions > a.depotBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    font-size: 10px !important;
  }

  .mobileMenuToggle {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
  }

  .userMenuWrap {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .userMenuBtn {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 3px 6px !important;
    gap: 4px !important;
    border-radius: 10px !important;
  }

  .userIcon { font-size: 14px !important; }
  .userChevron { font-size: 9px !important; }
  .userNameStack strong,
  .userNameStack small {
    max-width: 58px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
  }
  .userNameStack small { font-size: 10px !important; }
}

@media (max-width: 430px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    padding: 6px 7px !important;
    column-gap: 5px !important;
  }
  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox { gap: 6px !important; }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b { font-size: 16px !important; }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 7.15px !important;
    letter-spacing: .30px !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions { gap: 4px !important; }

  .siteHeader .headerActions > a,
  .siteHeader .topActions > a,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .topActions > a,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn {
    flex-basis: 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    font-size: 9px !important;
    padding: 0 3px !important;
  }

  .siteHeader .headerActions > a.depotBtn,
  .siteHeader .topActions > a.depotBtn,
  .topbar:not(.adminTopbar) .headerActions > a.depotBtn,
  .topbar:not(.adminTopbar) .topActions > a.depotBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    font-size: 9.5px !important;
  }

  .mobileMenuToggle {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    font-size: 18px !important;
  }

  .userMenuBtn {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    padding: 3px 5px !important;
  }
  .userIcon { display: none !important; }
  .userNameStack strong,
  .userNameStack small { max-width: 56px !important; }
}

@media (max-width: 380px) {
  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex-basis: 40px !important;
  }
  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b { font-size: 15px !important; }
  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span { font-size: 6.7px !important; }

  .siteHeader .headerActions > a,
  .siteHeader .topActions > a,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .topActions > a,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn {
    flex-basis: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    font-size: 8.5px !important;
  }
  .siteHeader .headerActions > a.depotBtn,
  .siteHeader .topActions > a.depotBtn,
  .topbar:not(.adminTopbar) .headerActions > a.depotBtn,
  .topbar:not(.adminTopbar) .topActions > a.depotBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn {
    flex-basis: 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }
  .mobileMenuToggle {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }
  .userMenuBtn {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  .userNameStack strong,
  .userNameStack small { max-width: 50px !important; }
}


/* =========================================================
   V80.0.6 - Mobile/tablet hamburger label fix
   - Menu button now says "Menü" for clarity.
   - Tablet keeps icon + text.
   - Narrow phones keep compact text so brand text remains visible.
   ========================================================= */
@media (max-width: 1200px) {
  .mobileMenuToggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: .1px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .mobileMenuToggle .menuToggleIcon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }
  .mobileMenuToggle .menuToggleText {
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }
}

@media (max-width: 600px) {
  .mobileMenuToggle {
    gap: 0 !important;
    flex-basis: 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 5px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }
  .mobileMenuToggle .menuToggleIcon { display: none !important; }
  .mobileMenuToggle .menuToggleText {
    display: inline-block !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 430px) {
  .mobileMenuToggle {
    flex-basis: 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0 4px !important;
  }
  .mobileMenuToggle .menuToggleText { font-size: 10.5px !important; }
}

@media (max-width: 380px) {
  .mobileMenuToggle {
    flex-basis: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    padding: 0 3px !important;
  }
  .mobileMenuToggle .menuToggleText { font-size: 10px !important; }
}

/* =====================================================
   V80.0.7 - Phone-only header collision fix
   Scope: only narrow phones. Tablet/iPad V80.0.6 düzeni korunur.
   - Telefonda marka satırı ayrı, aksiyonlar ayrı tek satır olur.
   - Giriş/Kayıt/Depo/Menü üst üste binmez.
   - Girişli durumda Kullanıcı/Depo/Menü aynı yükseklik ve hizaya gelir.
   - Kullanıcı dropdown telefonda sol kenardan taşmaz.
===================================================== */
@media (max-width: 600px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "brand"
      "actions"
      "nav" !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 8px 10px !important;
    row-gap: 7px !important;
    column-gap: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    grid-area: brand !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    gap: 9px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    flex: 0 0 46px !important;
    object-fit: contain !important;
  }

  .siteHeader .brandText,
  .topbar:not(.adminTopbar) .brandText,
  .siteHeader .brand > div,
  .topbar:not(.adminTopbar) .brand > div,
  body:not(.loggedIn) .siteHeader .brandText,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brandText,
  body:not(.loggedIn) .siteHeader .brand > div,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .brand > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.25px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .68px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.loggedIn .siteHeader .headerActions,
  body.loggedIn .siteHeader .topActions,
  body.loggedIn .topbar:not(.adminTopbar) .headerActions,
  body.loggedIn .topbar:not(.adminTopbar) .topActions,
  body.loggedIn .headerActions,
  body.loggedIn .topActions {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn,
  .mobileMenuToggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .mobileMenuToggle {
    grid-area: auto !important;
    gap: 0 !important;
  }
  .mobileMenuToggle .menuToggleIcon { display: none !important; }
  .mobileMenuToggle .menuToggleText {
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .userMenuWrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    z-index: 300 !important;
  }

  .userMenuBtn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 4px 7px !important;
    gap: 4px !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .userIcon { display: none !important; }
  .userChevron { font-size: 9px !important; flex: 0 0 auto !important; }
  .userNameStack {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .userNameStack strong,
  .userNameStack small {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.05 !important;
  }
  .userNameStack strong { font-size: 12px !important; }
  .userNameStack small { font-size: 10.5px !important; }

  .userDropdown {
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    width: min(280px, calc(100vw - 20px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 99999 !important;
  }

  .siteHeader nav,
  .topbar:not(.adminTopbar) nav,
  header nav,
  .mainNav,
  .navLinks {
    grid-area: nav !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 380px) {
  .siteHeader,
  .topbar:not(.adminTopbar) {
    padding: 7px 8px !important;
    row-gap: 6px !important;
  }

  .siteHeader .brand,
  .topbar:not(.adminTopbar) .brand,
  .siteHeader .brandBox,
  .topbar:not(.adminTopbar) .brandBox {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    gap: 8px !important;
  }

  .siteHeader .brand img,
  .topbar:not(.adminTopbar) .brand img,
  .siteHeader .homeLogo,
  .topbar:not(.adminTopbar) .homeLogo,
  .siteHeader .siteLogo,
  .topbar:not(.adminTopbar) .siteLogo,
  .siteHeader .brandIcon,
  .topbar:not(.adminTopbar) .brandIcon {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex-basis: 42px !important;
  }

  .siteHeader .brandText strong,
  .topbar:not(.adminTopbar) .brandText strong,
  .siteHeader .brand b,
  .topbar:not(.adminTopbar) .brand b {
    font-size: 20px !important;
  }

  .siteHeader .brandText span,
  .topbar:not(.adminTopbar) .brandText span,
  .siteHeader .brand span,
  .topbar:not(.adminTopbar) .brand span {
    font-size: 8.8px !important;
    letter-spacing: .55px !important;
  }

  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    gap: 5px !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn,
  .mobileMenuToggle,
  .userMenuWrap,
  .userMenuBtn {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 11px !important;
    border-radius: 10px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .userNameStack strong { font-size: 11px !important; }
  .userNameStack small { font-size: 9.5px !important; }
  .mobileMenuToggle .menuToggleText { font-size: 11px !important; }
}

/* =====================================================
   V80.0.8 - Phone action buttons equal + user menu one-column
   Scope: phone only. Tablet/iPad header rules are preserved.
   - Giriş/Kayıt/Depo/Menü equal columns on logged-out phones.
   - Kullanıcı/Depo/Menü equal columns on logged-in phones.
   - User dropdown items are forced to single column, one below another.
===================================================== */
@media (max-width: 600px) {
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.loggedIn .siteHeader .headerActions,
  body.loggedIn .siteHeader .topActions,
  body.loggedIn .topbar:not(.adminTopbar) .headerActions,
  body.loggedIn .topbar:not(.adminTopbar) .topActions,
  body.loggedIn .headerActions,
  body.loggedIn .topActions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn,
  .mobileMenuToggle,
  .userMenuWrap,
  .userMenuBtn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex: none !important;
    margin: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  .userMenuWrap {
    display: block !important;
    position: relative !important;
    z-index: 400 !important;
  }

  .userMenuBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .userNameStack {
    align-items: center !important;
    text-align: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .userNameStack strong,
  .userNameStack small {
    max-width: 100% !important;
  }

  .userDropdown {
    display: none !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    width: min(310px, calc(100vw - 28px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 99999 !important;
  }

  .userMenuWrap.open .userDropdown {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  .userDropHead,
  .userDropdown a,
  .userDropdown button {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
    grid-column: 1 / -1 !important;
    box-sizing: border-box !important;
  }

  .userDropHead {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .userDropdown a,
  .userDropdown button {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 12px 14px !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .siteHeader .headerActions,
  .siteHeader .topActions,
  .topbar:not(.adminTopbar) .headerActions,
  .topbar:not(.adminTopbar) .topActions,
  .headerActions,
  .topActions {
    gap: 5px !important;
  }

  .siteHeader .headerActions > a,
  .siteHeader .headerActions > button,
  .siteHeader .topActions > a,
  .siteHeader .topActions > button,
  .topbar:not(.adminTopbar) .headerActions > a,
  .topbar:not(.adminTopbar) .headerActions > button,
  .topbar:not(.adminTopbar) .topActions > a,
  .topbar:not(.adminTopbar) .topActions > button,
  .headerActions > .authBtn,
  .topActions > .authBtn,
  .headerActions > .authLoginBtn,
  .topActions > .authLoginBtn,
  .headerActions > .authRegisterBtn,
  .topActions > .authRegisterBtn,
  .headerActions > .authDepotBtn,
  .topActions > .authDepotBtn,
  .headerActions > .depotBtn,
  .topActions > .depotBtn,
  .mobileMenuToggle,
  .userMenuWrap,
  .userMenuBtn {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 11px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}


/* =====================================================
   V80.0.9 - Phone equal-width action buttons + dropdown visibility fix
   Scope: phone only. Tablet/iPad header rules are preserved.
   - Logged-out: Giriş / Kayıt / Depo / Menü same width.
   - Logged-in: Kullanıcı / Depo / Menü same width.
   - User dropdown is no longer clipped by the equal-size user cell.
===================================================== */
@media (max-width: 600px) {
  .siteHeader .topActions.cib-actions-logged-out,
  .siteHeader .headerActions.cib-actions-logged-out,
  .topbar:not(.adminTopbar) .topActions.cib-actions-logged-out,
  .topbar:not(.adminTopbar) .headerActions.cib-actions-logged-out,
  .topActions.cib-actions-logged-out,
  .headerActions.cib-actions-logged-out {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
  }

  .siteHeader .topActions.cib-actions-logged-in,
  .siteHeader .headerActions.cib-actions-logged-in,
  .topbar:not(.adminTopbar) .topActions.cib-actions-logged-in,
  .topbar:not(.adminTopbar) .headerActions.cib-actions-logged-in,
  .topActions.cib-actions-logged-in,
  .headerActions.cib-actions-logged-in {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
  }

  .topActions.cib-actions-logged-out > a,
  .topActions.cib-actions-logged-out > button,
  .headerActions.cib-actions-logged-out > a,
  .headerActions.cib-actions-logged-out > button,
  .topActions.cib-actions-logged-in > a,
  .topActions.cib-actions-logged-in > button,
  .headerActions.cib-actions-logged-in > a,
  .headerActions.cib-actions-logged-in > button,
  .topActions.cib-actions-logged-in > .userMenuWrap,
  .headerActions.cib-actions-logged-in > .userMenuWrap,
  .topActions.cib-actions-logged-out > .mobileMenuToggle,
  .headerActions.cib-actions-logged-out > .mobileMenuToggle,
  .topActions.cib-actions-logged-in > .mobileMenuToggle,
  .headerActions.cib-actions-logged-in > .mobileMenuToggle {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
    flex: none !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }

  .topActions.cib-actions-logged-out > .authDepotBtn,
  .headerActions.cib-actions-logged-out > .authDepotBtn,
  .topActions.cib-actions-logged-out > .depotBtn,
  .headerActions.cib-actions-logged-out > .depotBtn,
  .topActions.cib-actions-logged-out > .activeDepot,
  .headerActions.cib-actions-logged-out > .activeDepot,
  .topActions.cib-actions-logged-in > .authDepotBtn,
  .headerActions.cib-actions-logged-in > .authDepotBtn,
  .topActions.cib-actions-logged-in > .depotBtn,
  .headerActions.cib-actions-logged-in > .depotBtn,
  .topActions.cib-actions-logged-in > .activeDepot,
  .headerActions.cib-actions-logged-in > .activeDepot,
  .topActions.cib-actions-logged-out > .mobileMenuToggle,
  .headerActions.cib-actions-logged-out > .mobileMenuToggle,
  .topActions.cib-actions-logged-in > .mobileMenuToggle,
  .headerActions.cib-actions-logged-in > .mobileMenuToggle {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .topActions.cib-actions-logged-in > .userMenuWrap,
  .headerActions.cib-actions-logged-in > .userMenuWrap,
  .userMenuWrap {
    overflow: visible !important;
    position: relative !important;
    z-index: 500 !important;
  }

  .topActions.cib-actions-logged-in > .userMenuWrap > .userMenuBtn,
  .headerActions.cib-actions-logged-in > .userMenuWrap > .userMenuBtn,
  .userMenuWrap > .userMenuBtn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    overflow: hidden !important;
  }

  .userDropdown {
    display: none !important;
    left: 0 !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    width: min(310px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    overflow: hidden !important;
    transform: none !important;
    z-index: 99999 !important;
  }

  .userMenuWrap.open .userDropdown {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .userDropdown a,
  .userDropdown button,
  .userDropHead {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  .topActions.cib-actions-logged-out,
  .headerActions.cib-actions-logged-out,
  .topActions.cib-actions-logged-in,
  .headerActions.cib-actions-logged-in {
    gap: 5px !important;
  }

  .topActions.cib-actions-logged-out > a,
  .topActions.cib-actions-logged-out > button,
  .headerActions.cib-actions-logged-out > a,
  .headerActions.cib-actions-logged-out > button,
  .topActions.cib-actions-logged-in > a,
  .topActions.cib-actions-logged-in > button,
  .headerActions.cib-actions-logged-in > a,
  .headerActions.cib-actions-logged-in > button,
  .topActions.cib-actions-logged-in > .userMenuWrap,
  .headerActions.cib-actions-logged-in > .userMenuWrap,
  .topActions.cib-actions-logged-out > .mobileMenuToggle,
  .headerActions.cib-actions-logged-out > .mobileMenuToggle,
  .topActions.cib-actions-logged-in > .mobileMenuToggle,
  .headerActions.cib-actions-logged-in > .mobileMenuToggle,
  .userMenuWrap > .userMenuBtn {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 10.5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =====================================================
   V80.0.10 - Phone depo width equals Kayıt Ol button
   Scope: phone only. Tablet/iPad header rules are preserved.
   - Logged-out: Giriş Yap / Kayıt Ol / Depo / Menü exact equal columns.
   - Logged-in: Kullanıcı / Depo / Menü exact equal columns.
   - Depo no longer keeps old compact intrinsic width on phones.
===================================================== */
@media (max-width: 600px) {
  body:not(.loggedIn) .siteHeader .topActions.cib-actions-logged-out,
  body:not(.loggedIn) .siteHeader .headerActions.cib-actions-logged-out,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .topActions.cib-actions-logged-out,
  body:not(.loggedIn) .topbar:not(.adminTopbar) .headerActions.cib-actions-logged-out,
  body:not(.loggedIn) .topActions.cib-actions-logged-out,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;
  }

  body.loggedIn .siteHeader .topActions.cib-actions-logged-in,
  body.loggedIn .siteHeader .headerActions.cib-actions-logged-in,
  body.loggedIn .topbar:not(.adminTopbar) .topActions.cib-actions-logged-in,
  body.loggedIn .topbar:not(.adminTopbar) .headerActions.cib-actions-logged-in,
  body.loggedIn .topActions.cib-actions-logged-in,
  body.loggedIn .headerActions.cib-actions-logged-in {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;
  }

  body:not(.loggedIn) .topActions.cib-actions-logged-out > a,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > button,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > button,
  body.loggedIn .topActions.cib-actions-logged-in > a,
  body.loggedIn .topActions.cib-actions-logged-in > button,
  body.loggedIn .headerActions.cib-actions-logged-in > a,
  body.loggedIn .headerActions.cib-actions-logged-in > button,
  body.loggedIn .topActions.cib-actions-logged-in > .userMenuWrap,
  body.loggedIn .headerActions.cib-actions-logged-in > .userMenuWrap,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > .mobileMenuToggle,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > .mobileMenuToggle,
  body.loggedIn .topActions.cib-actions-logged-in > .mobileMenuToggle,
  body.loggedIn .headerActions.cib-actions-logged-in > .mobileMenuToggle {
    grid-column: auto !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authRegisterBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authRegisterBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.registerBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.registerBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.primary,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.primary,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authDepotBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authDepotBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.depotBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.depotBtn,
  body.loggedIn .topActions.cib-actions-logged-in > a.authDepotBtn,
  body.loggedIn .headerActions.cib-actions-logged-in > a.authDepotBtn,
  body.loggedIn .topActions.cib-actions-logged-in > a.depotBtn,
  body.loggedIn .headerActions.cib-actions-logged-in > a.depotBtn {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

@media (max-width: 380px) {
  body:not(.loggedIn) .topActions.cib-actions-logged-out,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out,
  body.loggedIn .topActions.cib-actions-logged-in,
  body.loggedIn .headerActions.cib-actions-logged-in {
    gap: 5px !important;
  }

  body:not(.loggedIn) .topActions.cib-actions-logged-out > a,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > button,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > button,
  body.loggedIn .topActions.cib-actions-logged-in > a,
  body.loggedIn .topActions.cib-actions-logged-in > button,
  body.loggedIn .headerActions.cib-actions-logged-in > a,
  body.loggedIn .headerActions.cib-actions-logged-in > button,
  body.loggedIn .topActions.cib-actions-logged-in > .userMenuWrap,
  body.loggedIn .headerActions.cib-actions-logged-in > .userMenuWrap,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > .mobileMenuToggle,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > .mobileMenuToggle,
  body.loggedIn .topActions.cib-actions-logged-in > .mobileMenuToggle,
  body.loggedIn .headerActions.cib-actions-logged-in > .mobileMenuToggle,
  body.loggedIn .userMenuWrap > .userMenuBtn {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    font-size: 10.5px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =====================================================
   V80.0.11 - Phone Depo button font equals Kayıt Ol
   Scope: phone only. Tablet/iPad header rules are preserved.
   - Depo text uses the same font-size/font-weight/line-height as Kayıt Ol.
   - First-letter emoji/text override is neutralized on phones.
===================================================== */
@media (max-width: 600px) {
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authRegisterBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authRegisterBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.registerBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.registerBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.primary,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.primary,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authDepotBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authDepotBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.depotBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.depotBtn,
  body.loggedIn .topActions.cib-actions-logged-in > a.authDepotBtn,
  body.loggedIn .headerActions.cib-actions-logged-in > a.authDepotBtn,
  body.loggedIn .topActions.cib-actions-logged-in > a.depotBtn,
  body.loggedIn .headerActions.cib-actions-logged-in > a.depotBtn {
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authDepotBtn::first-letter,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authDepotBtn::first-letter,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.depotBtn::first-letter,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.depotBtn::first-letter,
  body.loggedIn .topActions.cib-actions-logged-in > a.authDepotBtn::first-letter,
  body.loggedIn .headerActions.cib-actions-logged-in > a.authDepotBtn::first-letter,
  body.loggedIn .topActions.cib-actions-logged-in > a.depotBtn::first-letter,
  body.loggedIn .headerActions.cib-actions-logged-in > a.depotBtn::first-letter {
    font-size: 12px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authDepotBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authDepotBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.depotBtn,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.depotBtn,
  body.loggedIn .topActions.cib-actions-logged-in > a.authDepotBtn,
  body.loggedIn .headerActions.cib-actions-logged-in > a.authDepotBtn,
  body.loggedIn .topActions.cib-actions-logged-in > a.depotBtn,
  body.loggedIn .headerActions.cib-actions-logged-in > a.depotBtn,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.authDepotBtn::first-letter,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.authDepotBtn::first-letter,
  body:not(.loggedIn) .topActions.cib-actions-logged-out > a.depotBtn::first-letter,
  body:not(.loggedIn) .headerActions.cib-actions-logged-out > a.depotBtn::first-letter,
  body.loggedIn .topActions.cib-actions-logged-in > a.authDepotBtn::first-letter,
  body.loggedIn .headerActions.cib-actions-logged-in > a.authDepotBtn::first-letter,
  body.loggedIn .topActions.cib-actions-logged-in > a.depotBtn::first-letter,
  body.loggedIn .headerActions.cib-actions-logged-in > a.depotBtn::first-letter {
    font-size: 10.5px !important;
    line-height: 1 !important;
  }
}


/* =====================================================
   V80.0.12 - Phone header exact button equality
   Scope: phone only. Tablet/iPad header rules are preserved.
   - Logged-out: Giriş Yap / Kayıt Ol / Depo / Menü exact 4 equal columns.
   - Logged-in: Kullanıcı / Depo / Menü exact 3 equal columns.
   - All action children use identical height/font/padding to avoid pixel drift.
===================================================== */
@media (max-width: 600px) {
  body:not(.loggedIn) :is(.topActions, .headerActions).cib-actions-logged-out {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  body:not(.loggedIn) :is(.topActions, .headerActions).cib-actions-logged-out > :is(a, button, .mobileMenuToggle),
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > :is(a, button, .mobileMenuToggle, .userMenuWrap),
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap > .userMenuBtn {
    grid-column: auto !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body:not(.loggedIn) :is(.topActions, .headerActions).cib-actions-logged-out > :is(.authLoginBtn, .authRegisterBtn, .registerBtn, .primary, .authDepotBtn, .depotBtn),
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > :is(.authDepotBtn, .depotBtn) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    flex-basis: auto !important;
  }

  body.loggedIn .userMenuWrap {
    position: relative !important;
    overflow: visible !important;
  }

  body.loggedIn .userMenuWrap > .userDropdown {
    right: 0 !important;
    left: auto !important;
  }
}

@media (max-width: 380px) {
  body:not(.loggedIn) :is(.topActions, .headerActions).cib-actions-logged-out,
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in {
    gap: 5px !important;
  }

  body:not(.loggedIn) :is(.topActions, .headerActions).cib-actions-logged-out > :is(a, button, .mobileMenuToggle),
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > :is(a, button, .mobileMenuToggle, .userMenuWrap),
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap > .userMenuBtn {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 10px !important;
  }
}

/* =====================================================
   V80.0.13 - Phone user dropdown viewport safe position
   Scope: phone only. Tablet/iPad header rules are preserved.
   - User dropdown is positioned against the phone action row, not against the first button.
   - Prevents left-side clipping when the user menu opens on narrow phones.
===================================================== */
@media (max-width: 600px) {
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in {
    position: relative !important;
    overflow: visible !important;
    z-index: 9990 !important;
  }

  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap {
    position: static !important;
    overflow: visible !important;
    z-index: auto !important;
  }

  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap > .userDropdown {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 10px) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    z-index: 99999 !important;
  }

  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap.open > .userDropdown {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap > .userDropdown .userDropHead,
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap > .userDropdown a,
  body.loggedIn :is(.topActions, .headerActions).cib-actions-logged-in > .userMenuWrap > .userDropdown button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    flex: 0 0 auto !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }
}

/* V80.0.16 - Ana sayfa biten ihaleler telefon kompakt kart fix
   Sadece ana sayfadaki .completedWrap alanını hedefler; Biten İhaleler arşiv sayfası etkilenmez. */
@media (max-width:600px){
  .completedWrap{
    margin-top:10px!important;
  }
  .completedWrap .sectionHead.wide{
    padding:10px 2px 8px!important;
  }
  .completedWrap .sectionHead.wide h2{
    font-size:16px!important;
    line-height:1.1!important;
  }
  .completedWrap .sectionHead.wide a{
    font-size:12px!important;
  }
  .completedWrap .completedGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
  }
  .completedWrap .completedCard{
    min-height:0!important;
    height:auto!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  .completedWrap .completedCard .completedPic,
  .completedWrap .completedPic{
    height:56px!important;
    flex:0 0 56px!important;
    border-radius:9px!important;
    margin-bottom:7px!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
  }
  .completedWrap .completedPic:before{
    width:34px!important;
    height:34px!important;
    border-width:5px!important;
    box-shadow:0 0 0 3px #0ea5e9!important;
  }
  .completedWrap .completedPic span{
    left:6px!important;
    top:6px!important;
    border-radius:7px!important;
    padding:3px 6px!important;
    font-size:10px!important;
    line-height:1!important;
  }
  .completedWrap .completedCard h3{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0 0 6px!important;
    font-size:12px!important;
    line-height:1.2!important;
    -webkit-line-clamp:2!important;
  }
  .completedWrap .completedCard .auctionRefLine,
  .completedWrap .completedCard .missedBox,
  .completedWrap .completedCard .resultRows div:nth-child(1),
  .completedWrap .completedCard .resultRows div:nth-child(3){
    display:none!important;
  }
  .completedWrap .completedCard .resultRows{
    min-height:0!important;
    gap:4px!important;
    margin:0!important;
  }
  .completedWrap .completedCard .resultRows div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:0 0 4px!important;
    border-bottom:1px solid rgba(56,189,248,.12)!important;
  }
  .completedWrap .completedCard .resultRows span{
    font-size:10px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .completedWrap .completedCard .resultRows b{
    max-width:none!important;
    text-align:left!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .completedWrap .completedCard .repeatBtn{
    min-height:30px!important;
    margin-top:6px!important;
    padding:6px 4px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    gap:0!important;
  }
  .completedWrap .completedCard .repeatBtn small{
    display:none!important;
  }
}

@media (max-width:340px){
  .completedWrap .completedGrid{
    gap:7px!important;
  }
  .completedWrap .completedCard{
    padding:7px!important;
  }
  .completedWrap .completedCard h3{
    font-size:11px!important;
  }
  .completedWrap .completedCard .resultRows span,
  .completedWrap .completedCard .resultRows b,
  .completedWrap .completedCard .repeatBtn{
    font-size:10px!important;
  }
}

/* =====================================================
   V80.0.17 - Biten İhaleler arşiv sayfası telefon kompakt kart fix
   - Sadece finished-auctions.html içindeki .finishedArchiveGrid alanını hedefler.
   - Ana sayfa kompakt kart yaklaşımı arşiv sayfasına da uygulanır.
   - Masaüstü/tablet 3 grid düzeni korunur.
===================================================== */
@media (max-width:600px){
  .finishedArchivePage{
    padding-top:12px!important;
  }
  .finishedArchivePage .finishedFilters{
    gap:8px!important;
    padding:10px!important;
  }
  .finishedArchivePage .finishedFilters b{
    font-size:12px!important;
  }
  .finishedArchivePage .finishedFilterBtn,
  .finishedArchivePage .finishedCatBtn{
    min-height:30px!important;
    padding:7px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  .finishedArchiveGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:14px!important;
  }
  .finishedArchiveGrid .completedCard{
    min-height:0!important;
    height:auto!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  .finishedArchiveGrid .completedPic{
    height:56px!important;
    border-radius:9px!important;
    margin-bottom:7px!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
  }
  .finishedArchiveGrid .completedPic:before{
    width:34px!important;
    height:34px!important;
    border-width:5px!important;
    box-shadow:0 0 0 3px #0ea5e9!important;
  }
  .finishedArchiveGrid .completedPic span{
    left:6px!important;
    top:6px!important;
    border-radius:7px!important;
    padding:3px 6px!important;
    font-size:10px!important;
    line-height:1!important;
  }
  .finishedArchiveGrid .completedCard h3{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0 0 6px!important;
    font-size:12px!important;
    line-height:1.2!important;
    overflow:hidden!important;
  }
  .finishedArchiveGrid .finishedDetailBtn{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-align:left!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  .finishedArchiveGrid .auctionRefLine,
  .finishedArchiveGrid .missedBox,
  .finishedArchiveGrid .resultRows div:nth-child(1),
  .finishedArchiveGrid .resultRows div:nth-child(3){
    display:none!important;
  }
  .finishedArchiveGrid .resultRows{
    min-height:0!important;
    gap:4px!important;
    margin:0!important;
  }
  .finishedArchiveGrid .resultRows div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:0 0 4px!important;
    border-bottom:1px solid rgba(56,189,248,.12)!important;
  }
  .finishedArchiveGrid .resultRows span{
    font-size:10px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .finishedArchiveGrid .resultRows b{
    max-width:none!important;
    text-align:left!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .finishedArchiveGrid .repeatBtn{
    min-height:30px!important;
    margin-top:6px!important;
    padding:6px 4px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    gap:0!important;
  }
  .finishedArchiveGrid .repeatBtn small{
    display:none!important;
  }
  .finishedPagination{
    gap:6px!important;
    margin-top:12px!important;
  }
  .finishedPageBtn{
    min-width:30px!important;
    height:30px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
}
@media (max-width:340px){
  .finishedArchiveGrid{
    gap:7px!important;
  }
  .finishedArchiveGrid .completedCard{
    padding:7px!important;
  }
  .finishedArchiveGrid .completedCard h3,
  .finishedArchiveGrid .finishedDetailBtn{
    font-size:11px!important;
  }
  .finishedArchiveGrid .resultRows span,
  .finishedArchiveGrid .resultRows b,
  .finishedArchiveGrid .repeatBtn{
    font-size:10px!important;
  }
}


/* =====================================================
   V80.0.18 - Codex final visual alignment fixes
   - 1366px Biten İhaleler arşivi 3 kolon kalır; telefon/ara kırılımlar alttaki kurallarla korunur.
   - Girişli telefon header kullanıcı butonu, Depo/Menü kolonlarıyla gerçek piksel genişliğinde eşitlenir.
   - Tablet/iPad Menü butonu auth/depo butonlarıyla aynı ölçüye çekilir.
===================================================== */
@media (min-width:901px) and (max-width:1450px){
  .finishedArchiveGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:600px){
  body.loggedIn :is(.topActions,.headerActions).cib-actions-logged-in > .userMenuWrap{
    padding:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }
  body.loggedIn :is(.topActions,.headerActions).cib-actions-logged-in > .userMenuWrap > .userMenuBtn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:380px){
  body.loggedIn :is(.topActions,.headerActions).cib-actions-logged-in > .userMenuWrap > .userMenuBtn{
    min-height:36px!important;
    max-height:36px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
}
@media (min-width:601px) and (max-width:1200px){
  :is(.topActions,.headerActions) > .mobileMenuToggle{
    flex:0 0 88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  :is(.topActions,.headerActions) > .mobileMenuToggle .menuToggleIcon{
    font-size:16px!important;
    line-height:1!important;
  }
  :is(.topActions,.headerActions) > .mobileMenuToggle .menuToggleText{
    font-size:12px!important;
    line-height:1!important;
  }
}


/* =====================================================
   V80.0.19 - Tablet/iPad Menü butonu güçlü ölçü kilidi
   Eski !important kuralları 92x40 bastığı için daha spesifik selector ile 88x38'e sabitlenir.
===================================================== */
@media (min-width:601px) and (max-width:1200px){
  .siteHeader .headerActions > .mobileMenuToggle,
  .siteHeader .topActions > .mobileMenuToggle,
  .topbar:not(.adminTopbar) .headerActions > .mobileMenuToggle,
  .topbar:not(.adminTopbar) .topActions > .mobileMenuToggle,
  .headerActions > .mobileMenuToggle,
  .topActions > .mobileMenuToggle{
    flex:0 0 88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1!important;
    box-sizing:border-box!important;
    align-self:center!important;
  }
  .siteHeader .headerActions > .mobileMenuToggle .menuToggleIcon,
  .siteHeader .topActions > .mobileMenuToggle .menuToggleIcon,
  .topbar:not(.adminTopbar) .headerActions > .mobileMenuToggle .menuToggleIcon,
  .topbar:not(.adminTopbar) .topActions > .mobileMenuToggle .menuToggleIcon,
  .headerActions > .mobileMenuToggle .menuToggleIcon,
  .topActions > .mobileMenuToggle .menuToggleIcon{
    font-size:16px!important;
    line-height:1!important;
  }
  .siteHeader .headerActions > .mobileMenuToggle .menuToggleText,
  .siteHeader .topActions > .mobileMenuToggle .menuToggleText,
  .topbar:not(.adminTopbar) .headerActions > .mobileMenuToggle .menuToggleText,
  .topbar:not(.adminTopbar) .topActions > .mobileMenuToggle .menuToggleText,
  .headerActions > .mobileMenuToggle .menuToggleText,
  .topActions > .mobileMenuToggle .menuToggleText{
    font-size:12px!important;
    line-height:1!important;
  }
}