/* 2026-08-03 live-site refinements: ticker, languages and product-card alignment */

.announcement-track {
  width: max-content;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  white-space: nowrap;
  animation: announcement-marquee 34s linear infinite;
  will-change: transform;
}

/* Product detail: keep the complete buy column level with the gallery. */
@media (min-width: 961px) {
  .product-detail {
    --product-stage-height: 700px;
    align-items: start;
  }

  .product-buy {
    box-sizing: border-box;
    height: var(--product-stage-height);
    max-height: var(--product-stage-height);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .product-buy h1 {
    display: -webkit-box;
    max-width: 100%;
    margin: 10px 0 8px;
    overflow: hidden;
    font-size: clamp(34px, 2.7vw, 50px);
    line-height: .98;
    letter-spacing: -.04em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .product-labels span,
  .product-labels b {
    padding: 7px 10px;
  }

  .stock-line {
    margin: 0 0 8px;
    font-size: 13px;
  }

  .product-facts {
    flex: 0 0 auto;
    margin: 10px 0 12px;
  }

  .product-facts span {
    padding: 11px 15px;
  }

  .buy-panel {
    flex: 0 0 auto;
    padding: 13px 15px;
    border-radius: 17px;
  }

  .buy-price {
    margin: 5px 0 9px;
  }

  .buy-price strong {
    font-size: 38px;
  }

  .buy-badges {
    padding-bottom: 9px;
  }

  .buy-badges span,
  .buy-badges b {
    padding: 5px 8px;
    font-size: 8px;
  }

  .buy-total {
    margin: 10px 0;
    padding: 11px 14px;
  }

  .buy-total strong {
    font-size: 22px;
  }

  .paypal-button {
    padding: 11px 14px;
  }

  .paypal-button > b {
    font-size: 20px;
  }

  .express-note {
    margin-top: 7px;
  }

  .detail-actions {
    flex: 0 0 auto;
    margin-top: 8px;
  }

  .detail-actions a {
    padding: 11px 10px;
  }

  .compat-note {
    flex: 0 0 auto;
    margin-top: 8px;
    padding: 9px 12px;
  }

  .compat-note p {
    margin: 2px 0 0;
    font-size: 9px;
    line-height: 1.35;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  .product-detail {
    --product-stage-height: 610px;
  }

  .product-buy h1 {
    font-size: clamp(31px, 3.1vw, 39px);
  }

  .compat-note p {
    display: none;
  }
}

/* Official WhatsApp brand glyph on every WhatsApp action. */
.icon-whatsapp {
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
  display: block;
  fill: currentColor;
}

.announcement-group {
  display: flex;
  align-items: center;
  gap: 27px;
  padding-right: 27px;
}

.announcement-group span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.announcement-group b {
  padding: 4px 9px;
  border-radius: 7px;
  background: var(--amber);
  color: var(--navy);
  font-size: 10px;
  letter-spacing: .08em;
}

@keyframes announcement-marquee {
  to { transform: translateX(-50%); }
}

.language-picker {
  position: relative;
  flex: none;
  margin-left: auto;
}

.language-toggle {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px 5px 7px;
  border: 1px solid #c6d9e7;
  border-radius: 11px;
  background: #f5f9fc;
  color: var(--navy);
  cursor: pointer;
}

.language-toggle:hover,
.language-picker.open .language-toggle {
  border-color: #7aabc9;
  background: #eaf4fa;
}

.language-toggle b { font-size: 11px; }
.language-toggle > span { transition: transform .2s ease; }
.language-picker.open .language-toggle > span { transform: rotate(180deg); }

.language-flag {
  width: 27px;
  height: 19px;
  flex: none;
  overflow: hidden;
  border: 1px solid rgba(7,45,85,.16);
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(7,45,85,.09);
}

.language-panel {
  position: absolute;
  z-index: 110;
  top: calc(100% + 11px);
  right: 0;
  width: min(590px, 88vw);
  padding: 16px;
  border: 1px solid #c8dbe8;
  border-radius: 18px;
  background: rgba(255,255,255,.99);
  box-shadow: 0 24px 55px rgba(7,45,85,.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.language-picker.open .language-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.language-panel > strong {
  display: block;
  margin: 0 0 11px 3px;
  color: var(--navy);
  font-size: 12px;
  letter-spacing: .04em;
}

.language-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.language-grid a {
  min-width: 0;
  display: grid;
  grid-template-columns: 27px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #294663;
  font-size: 10px;
  font-weight: 750;
}

.language-grid a:hover { background: #eff6fa; }
.language-grid a.active {
  border-color: #a9c9dd;
  background: #e7f3fa;
  color: #075b9d;
}
.language-grid a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.language-grid a small { color: #8196a7; font-size: 8px; }

.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Cloud ana sayfasındaki geniş, otomotiv odaklı hero oranı. */
.cloud-hero .hero-slide.umbau-slide {
  background-image: linear-gradient(90deg, rgba(4,34,66,.94) 0%, rgba(4,34,66,.77) 35%, rgba(4,34,66,.12) 69%, rgba(4,34,66,.04) 100%), var(--hero);
  background-position: center 46%;
}

.cloud-hero .hero-dots {
  min-width: 112px;
  justify-content: center;
}

.product-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.product-heading { min-height: 72px; }
.product-heading h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.price-panel { margin-top: auto; }
.price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 44px;
}

.price-row > div:first-child {
  min-width: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 7px;
}

.price-row strong {
  white-space: nowrap;
  font-size: clamp(23px, 1.65vw, 29px);
}

.price-row del {
  margin-left: 0;
  white-space: nowrap;
}

.card-actions { flex: none; }
.detail-button { padding-inline: 12px; white-space: nowrap; }
.price-meta { flex-wrap: wrap; }

@media (prefers-reduced-motion: reduce) {
  .announcement-track { animation-play-state: paused; }
}

@media (max-width: 1280px) {
  .language-panel { right: -4px; }
  .price-row strong { font-size: 25px; }
}

@media (max-width: 960px) {
  .announcement-track { animation: announcement-marquee 29s linear infinite; }
  .language-picker { width: 100%; margin: 8px 0 3px; }
  .language-toggle { width: 100%; justify-content: flex-start; }
  .language-toggle > span { margin-left: auto; }
  .language-panel {
    position: static;
    width: 100%;
    max-height: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transform: none;
  }
  .language-picker.open .language-panel {
    max-height: 520px;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid #c8dbe8;
  }
}

/* v8 admin modules */
.admin-data-grid,.admin-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.admin-data-grid>article,.admin-data-grid>form{padding:22px;border:1px solid #d4e1ea;border-radius:18px;background:#fff}.admin-data-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e6edf2}.admin-bars{display:flex;align-items:flex-end;gap:7px;min-height:220px;overflow-x:auto}.admin-bars>div{min-width:28px;display:flex;flex:1;flex-direction:column-reverse;align-items:center;gap:6px;font-size:10px}.admin-bars i{width:100%;height:var(--value);min-height:3px;border-radius:5px 5px 0 0;background:#1261a0}.admin-bars b{font-size:10px}.admin-mini-list>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e4ebf0}.admin-mini-list img{width:76px;height:50px;object-fit:cover;border-radius:8px}.admin-mini-list span{min-width:0;flex:1}.admin-mini-list b,.admin-mini-list small{display:block}.admin-mini-list em,.admin-status{padding:6px 9px;border-radius:99px;background:#e4f5eb;color:#087b43;font-size:10px;font-style:normal}.admin-request-list{display:grid;gap:12px}.admin-request-list article{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px;border:1px solid #d4e1ea;border-radius:17px;background:#fff}.admin-request-list form{display:flex;align-items:center;gap:8px}.admin-help{padding:12px;border-radius:10px;background:#edf5fa}.admin-check{display:flex!important;align-items:center;gap:8px}.admin-check input{width:auto}.admin-image-grid label{position:relative;display:grid!important;gap:6px}.admin-image-grid label span{font-size:11px}.admin-image-grid label input{width:auto}.admin-savebar>span{color:#648096;font-size:12px}.part-request-form{width:min(1180px,calc(100% - 40px));margin:30px auto 70px;padding:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border:1px solid #cddde8;border-radius:24px;background:#f3f8fb}.part-request-form>div,.part-request-form .wide{grid-column:1/-1}.part-request-form label{display:grid;gap:7px;font-weight:700}.part-request-form input,.part-request-form textarea{padding:13px;border:1px solid #cbd9e3;border-radius:10px;background:#fff}.part-request-form button{padding:15px;border:0;border-radius:11px;background:#ef9f00;color:#092d50;font-weight:900}.request-success{width:min(1180px,calc(100% - 40px));margin:25px auto;padding:16px;border-radius:13px;background:#e7f7ed;color:#087743}
.admin-dashboard-analytics{margin-top:20px;padding:24px;border:1px solid #d4e1ea;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(20,58,84,.05)}.admin-dashboard-analytics .admin-card-head{align-items:flex-start;gap:18px}.admin-dashboard-analytics .admin-card-head p{margin:5px 0 0;color:#71889a;font-size:11px}.admin-analysis-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.admin-analysis-summary article{padding:17px;border:1px solid #d9e5ec;border-radius:15px;background:linear-gradient(135deg,#f8fbfd,#edf5fa)}.admin-analysis-summary small{display:block;color:#6f8799;font-size:8px;font-weight:900;letter-spacing:.1em}.admin-analysis-summary b{display:block;margin:7px 0 3px;font-size:27px}.admin-analysis-summary span{color:#71889a;font-size:9px}.admin-data-grid.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-data-grid.dashboard>article{box-shadow:none}.admin-data-grid.dashboard h2{margin:0 0 12px;font-size:16px}.admin-data-row span{min-width:0;overflow-wrap:anywhere}.admin-data-row span small{display:block;margin-top:4px;color:#8297a6;font-size:8px}.admin-empty{color:#8095a5;font-size:11px}.admin-dashboard-analytics .admin-bars{min-height:180px}
@media(max-width:760px){.admin-data-grid,.admin-two-columns,.admin-data-grid.dashboard{grid-template-columns:1fr}.admin-analysis-summary{grid-template-columns:1fr}.admin-dashboard-analytics{padding:17px}.admin-dashboard-analytics .admin-card-head{display:grid}.admin-request-list article{grid-template-columns:1fr}.admin-request-list form{flex-wrap:wrap}.part-request-form{grid-template-columns:1fr;padding:18px}.part-request-form>div,.part-request-form .wide{grid-column:auto}.admin-kpis{grid-template-columns:1fr 1fr}.admin-topbar>a{font-size:0}.admin-topbar>a:after{content:'+';font-size:22px}.admin-product-list article{grid-template-columns:58px minmax(0,1fr);gap:10px}.admin-product-list article>b,.admin-product-list .admin-status{grid-column:2}.admin-product-list .admin-edit{grid-column:2;justify-self:stretch;text-align:center}}

@media (max-width: 650px) {
  .announcement-group { gap: 18px; padding-right: 18px; }
  .language-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-heading { min-height: 0; }
  .price-row strong { font-size: 28px; }
}

@media (max-width: 390px) {
  .price-row { grid-template-columns: 1fr; }
  .card-actions { justify-content: flex-end; }
}

/* 2026-08-04: layered T7 configuration hero (keeps the conversion slides). */
.cloud-hero {
  height: clamp(650px, 42vw, 760px);
  min-height: 650px;
  overflow: hidden;
  background: #edf2f4;
}

.cloud-hero .t7-config-slide {
  isolation: isolate;
  color: var(--navy);
  background: #edf2f4;
}

.cloud-hero .t7-config-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: var(--hero) center 35% / cover no-repeat;
  opacity: .09;
  filter: grayscale(.35);
}

.cloud-hero .t7-config-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(245,249,250,.98) 0%, rgba(239,245,247,.94) 42%, rgba(237,242,244,.76) 100%);
}

.cloud-hero .t7-config-slide > .config-shell {
  width: min(1500px, 84vw);
  height: 100%;
  margin: 0 auto;
  padding: 45px 0 72px;
  display: grid;
  grid-template-columns: minmax(430px, .9fr) minmax(660px, 1.25fr);
  align-items: center;
  gap: clamp(45px, 5vw, 100px);
}

.config-copy { min-width: 0; }
.config-copy > small {
  display: block;
  margin-bottom: 16px;
  color: #075b9d;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .16em;
}
.config-copy h1 {
  max-width: 610px;
  margin: 0 0 20px;
  color: #082e55;
  font-size: clamp(49px, 4vw, 67px);
  line-height: .96;
  letter-spacing: -.055em;
}
.config-copy > strong {
  display: block;
  max-width: 640px;
  margin-bottom: 22px;
  color: #07558e;
  font-size: 15px;
  line-height: 1.5;
}
.config-copy > p {
  max-width: 640px;
  margin: 0;
  color: #536f88;
  font-size: 18px;
  line-height: 1.65;
}
.config-actions { display: flex; gap: 12px; margin-top: 28px; }
.config-actions a {
  min-height: 50px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border: 1px solid #c4d7e4;
  border-radius: 12px;
  background: rgba(255,255,255,.88);
  color: #123d64;
  font-size: 13px;
  font-weight: 850;
  box-shadow: 0 12px 28px rgba(7,45,85,.07);
}
.config-actions a:first-child { border-color: #ffb20e; background: #ffb20e; color: #102f50; }
.config-actions svg { width: 18px; height: 18px; }

.config-stage {
  position: relative;
  min-height: 560px;
  border: 1px solid rgba(151,177,193,.44);
  border-radius: 30px;
  overflow: hidden;
  background-color: rgba(255,252,244,.86);
  background-image: linear-gradient(rgba(11,77,117,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(11,77,117,.045) 1px, transparent 1px);
  background-size: 22px 22px;
  box-shadow: 0 28px 55px rgba(7,45,85,.13);
}
.config-photo { position: absolute; overflow: hidden; background: #dbe3e7; box-shadow: 0 15px 35px rgba(5,39,70,.2); }
.config-photo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.config-main { inset: 30px 21% 150px 28px; border: 8px solid white; border-radius: 25px; transform: rotate(-.4deg); }
.config-detail { z-index: 3; top: 75px; right: 22px; width: 46%; height: 305px; border: 7px solid white; border-radius: 24px; }
.config-detail::after { content:""; position:absolute; inset:38% 0 0; background:linear-gradient(transparent,rgba(4,30,55,.93)); }
.config-detail > div { position:absolute; z-index:2; left:18px; right:18px; bottom:17px; color:#fff; }
.config-detail small { display:block; margin-bottom:8px; color:#ffb20e; font-size:10px; font-weight:900; letter-spacing:.12em; }
.config-detail b { display:block; font-size:17px; }
.config-detail p { margin:7px 0 0; color:#fff; font-size:10px; line-height:1.4; }
.config-plan { z-index:4; left:40px; bottom:78px; width:26%; height:125px; border:6px solid white; border-radius:18px; transform:rotate(-1.5deg); }
.config-plan b { position:absolute; left:10px; bottom:8px; padding:6px 9px; border-radius:7px; background:#0a4c78; color:#fff; font-size:8px; letter-spacing:.05em; }
.config-table { position:absolute; z-index:4; right:24px; bottom:82px; width:36%; height:86px; padding:9px; display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:10px; border:1px solid #d6e0e6; border-radius:17px; background:#fff; color:#173e61; box-shadow:0 12px 26px rgba(5,39,70,.13); }
.config-table img { width:64px; height:64px; border-radius:11px; object-fit:cover; }
.config-table small { display:block; color:#b77900; font-size:8px; font-weight:900; letter-spacing:.09em; }
.config-table b { display:block; margin-top:5px; font-size:12px; }
.config-table i { font-style:normal; font-size:18px; }
.config-tabs { position:absolute; z-index:5; left:21px; right:21px; bottom:17px; height:48px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.config-tabs span { padding:7px 10px; display:flex; align-items:center; gap:8px; border:1px solid #d7e2e9; border-radius:10px; background:rgba(255,255,255,.94); color:#274e6d; font-size:9px; font-weight:800; }
.config-tabs b { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; background:#eff5f8; color:#0870b1; }
.config-tabs .active { border-color:#0d507c; background:#0d507c; color:#fff; }
.config-tabs .active b { background:#ffb20e; color:#112f4d; }

.cloud-hero .hero-controls {
  position: absolute;
  z-index: 10;
  left: max(7.8vw, calc((100vw - 1500px) / 2));
  bottom: 45px;
  height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #d6e3ea;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 9px 25px rgba(7,45,85,.09);
}
.cloud-hero .hero-controls .hero-prev,
.cloud-hero .hero-controls .hero-next {
  position: static;
  width: 31px;
  height: 31px;
  transform: none;
  border: 0;
  background: #eef5f8;
  color: #0a5c94;
  box-shadow: none;
  font-size: 25px;
}
.cloud-hero .hero-controls .hero-dots { position:static; min-width:0; transform:none; gap:5px; }
.cloud-hero .hero-controls .hero-dots button { width:20px; height:4px; border-radius:4px; background:#c6d9e4; }
.cloud-hero .hero-controls .hero-dots button.active { width:34px; background:#efa900; }
.cloud-hero .hero-controls > span { color:#6d8395; font-size:9px; white-space:nowrap; }
.cloud-hero .hero-controls > span b { color:#244d6b; }

@media (max-width: 1250px) {
  .cloud-hero .t7-config-slide > .config-shell { width: 92vw; grid-template-columns: .85fr 1.15fr; gap: 35px; }
  .config-copy h1 { font-size: 50px; }
  .config-stage { min-height: 520px; }
}

@media (max-width: 960px) {
  .cloud-hero { height: 850px; min-height: 850px; }
  .cloud-hero .t7-config-slide > .config-shell { padding: 28px 0 70px; grid-template-columns: 1fr; align-content:start; gap:25px; }
  .config-copy h1 { max-width:760px; font-size:44px; }
  .config-copy > p { font-size:15px; }
  .config-stage { width:100%; min-height:415px; }
  .config-main { bottom:110px; }
  .config-detail { height:220px; }
  .config-plan { bottom:66px; height:100px; }
  .config-table { bottom:67px; }
  .config-tabs { bottom:12px; }
  .cloud-hero .hero-controls { left:4vw; bottom:18px; }
}

@media (max-width: 650px) {
  .cloud-hero { height: 780px; min-height:780px; }
  .cloud-hero .t7-config-slide > .config-shell { width:92vw; padding-top:24px; gap:18px; }
  .config-copy > small { margin-bottom:9px; font-size:9px; }
  .config-copy h1 { margin-bottom:12px; font-size:36px; }
  .config-copy > strong { margin-bottom:10px; font-size:12px; }
  .config-copy > p { font-size:13px; line-height:1.45; }
  .config-actions { margin-top:15px; }
  .config-actions a { min-height:43px; padding:0 13px; font-size:10px; }
  .config-stage { min-height:345px; border-radius:20px; }
  .config-main { inset:16px 9% 83px 14px; border-width:5px; border-radius:16px; }
  .config-detail { top:42px; right:10px; width:47%; height:178px; border-width:4px; border-radius:15px; }
  .config-detail > div { left:10px; right:8px; bottom:9px; }
  .config-detail b { font-size:11px; }
  .config-detail p { display:none; }
  .config-plan { left:21px; bottom:50px; width:28%; height:75px; border-width:4px; }
  .config-plan b { font-size:5px; padding:4px; }
  .config-table { right:10px; bottom:51px; width:42%; height:59px; padding:5px; grid-template-columns:43px 1fr auto; }
  .config-table img { width:43px; height:43px; }
  .config-table b { font-size:8px; }
  .config-table small { font-size:6px; }
  .config-tabs { left:9px; right:9px; bottom:8px; height:36px; gap:4px; }
  .config-tabs span { padding:4px; gap:3px; font-size:6px; }
  .config-tabs b { width:20px; height:20px; font-size:6px; }
  .cloud-hero .hero-controls { left:50%; bottom:10px; transform:translateX(-50%); }
}

/* 2026-08-04 v4: exact cloud T7 hero and offer showcase. */
.cloud-hero {
  height: 650px;
  min-height: 650px;
  background: radial-gradient(circle at 73% 28%, rgba(76,133,174,.15), transparent 35%), linear-gradient(135deg,#f5f8fa 0%,#eef4f7 52%,#f9f6ef 100%);
}
.cloud-hero .t7-config-slide,
.cloud-hero .hero-slide[style*="t7-sitze.webp"],
.cloud-hero .hero-slide[style*="t7-interieur.webp"] { display:none !important; }
.cloud-hero .hero-dots button:nth-child(n+4) { display:none; }
.cloud-hero .t7-cloud-slide {
  display:grid;
  color:#092947;
  background-image:linear-gradient(90deg,#f5f8fa 0%,rgba(245,248,250,.95) 46%,rgba(245,248,250,.7) 100%),var(--hero);
  isolation:isolate;
}
.cloud-hero .t7-cloud-slide > .t7-cloud-content {
  position:relative;
  z-index:1;
  width:min(1500px,92vw);
  height:650px;
  margin:0 auto;
  padding:42px 0;
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(620px,1.22fr);
  grid-template-rows:auto auto auto;
  align-items:center;
  column-gap:clamp(34px,4vw,72px);
  color:#092947;
}
.cloud-hero .t7-cloud-content > .t7-cloud-copy {
  grid-column:1;
  grid-row:1;
  align-self:end;
  display:block;
  margin:0;
  animation:heroCopyReveal 520ms ease both;
}
.cloud-hero .t7-cloud-copy > small {
  display:block;
  margin:0 0 14px;
  color:#075b9d;
  font-size:12px;
  font-weight:850;
  letter-spacing:.16em;
}
.cloud-hero .t7-cloud-copy h1 {
  max-width:560px;
  margin:0;
  color:#092947;
  font-size:clamp(42px,4vw,62px);
  font-weight:790;
  letter-spacing:-.055em;
  line-height:1.02;
}
.cloud-hero .t7-cloud-copy > strong {
  display:block;
  max-width:600px;
  margin-top:18px;
  color:#174e7d;
  font-size:13px;
  font-weight:790;
  line-height:1.5;
}
.cloud-hero .t7-cloud-copy > p {
  max-width:570px;
  margin:20px 0 0;
  color:#4b6277;
  font-size:17px;
  line-height:1.65;
}
.cloud-hero .t7-cloud-content > .t7-cloud-actions {
  grid-column:1;
  grid-row:2;
  align-self:start;
  display:flex;
  gap:12px;
  margin-top:30px;
}
.cloud-hero .t7-cloud-actions a {
  min-height:48px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #c7d8e4;
  border-radius:12px;
  background:#fff;
  color:#143c5e;
  font-size:11px;
  font-weight:800;
  box-shadow:none;
}
.cloud-hero .t7-cloud-actions a:first-child { border-color:#f5ae18; background:#f5ae18; color:#102f50; }
.cloud-hero .t7-cloud-actions svg { width:18px; height:18px; }
.cloud-hero .t7-layered-stage {
  grid-column:2;
  grid-row:1/4;
  margin:0;
}
.cloud-hero .hero-controls { z-index:15; }

.t7-layered-stage {
  --t7-x:0;
  --t7-y:0;
  position:relative;
  width:100%;
  height:560px;
  border:1px solid rgba(20,74,112,.16);
  border-radius:30px;
  background:linear-gradient(rgba(15,72,109,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,72,109,.045) 1px,transparent 1px),rgba(255,255,255,.72);
  background-size:32px 32px;
  box-shadow:0 30px 65px rgba(17,53,80,.14);
  overflow:hidden;
  isolation:isolate;
}
.t7-layered-stage::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(130deg,transparent 42%,rgba(245,174,24,.11)); content:""; }
.t7-layered-stage figure { margin:0; }
.t7-base-photo { position:absolute; top:30px; right:170px; left:26px; height:378px; border:8px solid #fff; border-radius:24px; background:#dfe8ee; box-shadow:0 25px 45px rgba(8,40,65,.2); overflow:hidden; transform:translate(calc(var(--t7-x) * -5px),calc(var(--t7-y) * -4px)); transition:transform 220ms ease; }
.t7-base-photo img,.t7-focus-photo img,.t7-top-map img { width:100%; height:100%; object-fit:cover; }
.t7-base-photo::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(5,29,49,.7)); content:""; }
.t7-base-photo figcaption { position:absolute; right:18px; bottom:16px; z-index:1; display:flex; align-items:center; gap:9px; color:#fff; }
.t7-base-photo figcaption span { padding:5px 8px; border:1px solid rgba(255,255,255,.35); border-radius:999px; font-size:8px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.t7-base-photo figcaption strong { font-size:12px; }
.t7-focus-photo { position:absolute; top:72px; right:24px; z-index:3; width:47%; height:306px; border:7px solid rgba(255,255,255,.96); border-radius:22px; background:#fff; box-shadow:0 24px 48px rgba(5,33,56,.28); overflow:hidden; transform:translate(calc(var(--t7-x) * 10px),calc(var(--t7-y) * 7px)) rotate(1.2deg); animation:t7FocusIn 500ms cubic-bezier(.2,.8,.2,1) both; transition:transform 220ms ease; }
.t7-focus-table .t7-focus-photo img { object-fit:contain; background:#f2f0eb; }
.t7-focus-photo::after { position:absolute; inset:44% 0 0; background:linear-gradient(180deg,transparent,rgba(4,27,46,.94)); content:""; }
.t7-focus-photo figcaption { position:absolute; right:16px; bottom:15px; left:16px; z-index:1; display:flex; flex-direction:column; color:#fff; }
.t7-focus-photo figcaption small { color:#ffbd35; font-size:8px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.t7-focus-photo figcaption strong { margin-top:5px; font-size:15px; }
.t7-focus-photo figcaption span { max-width:320px; margin-top:5px; color:#dbe8f0; font-size:9px; line-height:1.45; }
.t7-top-map { position:absolute; bottom:78px; left:45px; z-index:2; width:220px; height:126px; border:6px solid #fff; border-radius:17px; background:#fff; box-shadow:0 18px 34px rgba(11,44,69,.2); overflow:hidden; transform:translate(calc(var(--t7-x) * -8px),calc(var(--t7-y) * 5px)) rotate(-2deg); transition:transform 220ms ease; }
.t7-top-map figcaption { position:absolute; bottom:7px; left:8px; padding:5px 7px; border-radius:6px; background:rgba(8,42,71,.88); color:#fff; font-size:7px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.cloud-hero .t7-table-link { position:absolute; right:24px; bottom:84px; z-index:4; width:300px; min-height:82px; padding:8px 12px 8px 8px; display:grid; grid-template-columns:68px 1fr 20px; align-items:center; gap:10px; border:1px solid rgba(19,71,107,.16); border-radius:16px; background:rgba(255,255,255,.96); color:#0d3150; box-shadow:0 18px 36px rgba(11,42,65,.17); transform:translate(calc(var(--t7-x) * 6px),calc(var(--t7-y) * -5px)); transition:180ms ease; }
.cloud-hero .t7-table-link:hover { border-color:#f4aa0b; transform:translate(calc(var(--t7-x) * 6px),calc(var(--t7-y) * -5px - 3px)); }
.cloud-hero .t7-focus-table .t7-table-link { border-color:rgba(245,174,24,.8); box-shadow:0 18px 36px rgba(181,117,0,.2); }
.cloud-hero .t7-table-link img { width:68px; height:64px; border-radius:10px; background:#f0eee8; object-fit:cover; }
.cloud-hero .t7-table-link span { display:flex; min-width:0; flex-direction:column; }
.cloud-hero .t7-table-link small { color:#a86b00; font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.cloud-hero .t7-table-link strong { margin-top:4px; color:#0d3150; font-size:11px; }
.cloud-hero .t7-stage-tabs { position:absolute; right:22px; bottom:18px; left:22px; z-index:5; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0; }
.cloud-hero .t7-stage-tabs button { min-width:0; min-height:46px; padding:6px 10px; display:grid; grid-template-columns:25px 1fr; align-items:center; gap:7px; border:1px solid rgba(14,66,102,.14); border-radius:12px; background:rgba(255,255,255,.88); color:#264b68; text-align:left; cursor:pointer; backdrop-filter:blur(10px); transition:180ms ease; }
.cloud-hero .t7-stage-tabs button span { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:#eaf2f6; color:#0c5d98; font-size:8px; font-weight:900; }
.cloud-hero .t7-stage-tabs button strong { min-width:0; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.cloud-hero .t7-stage-tabs button.active { border-color:#0b5a94; background:#0c3d63; color:#fff; box-shadow:0 10px 22px rgba(9,54,88,.2); }
.cloud-hero .t7-stage-tabs button.active span { background:#f4aa0b; color:#172b3c; }
@keyframes t7FocusIn { from { opacity:0; transform:translate(22px,8px) rotate(2deg) scale(.96); } to { opacity:1; } }
@keyframes heroCopyReveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

.offer-showcase { width:min(1500px,94vw); margin:34px auto 70px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); gap:18px; }
.offer-feature,.offer-list { min-width:0; border:1px solid #dce6ed; border-radius:23px; background:#fff; box-shadow:0 14px 40px rgba(31,63,88,.07); }
.offer-feature { min-height:418px; display:grid; grid-template-columns:minmax(300px,.9fr) minmax(300px,1.1fr); overflow:hidden; background:radial-gradient(circle at 90% 20%,rgba(245,174,24,.14),transparent 31%),linear-gradient(135deg,#f6f9fb,#fff); }
.offer-feature-copy { padding:42px; display:flex; flex-direction:column; justify-content:center; }
.offer-eyebrow { margin:0 0 8px; color:#075b9d; font-size:10px; font-weight:900; letter-spacing:.16em; }
.offer-feature h2,.offer-list h2 { margin:0; color:#082b4c; font-size:clamp(26px,2.4vw,38px); font-weight:780; letter-spacing:-.045em; line-height:1.08; }
.offer-feature-copy>p:not(.offer-eyebrow) { margin:15px 0 0; color:#607688; font-size:12px; line-height:1.65; }
.offer-feature-price { display:flex; align-items:baseline; gap:9px; margin-top:22px; }
.offer-feature-price strong { font-size:32px; letter-spacing:-.05em; }
.offer-feature-price del { color:#99a7b1; font-size:12px; }
.offer-feature-price span { padding:6px 8px; border-radius:8px; background:#ed3d5f; color:#fff; font-size:9px; font-weight:850; }
.offer-feature-actions { display:flex; gap:8px; margin-top:24px; }
.offer-feature-actions a { min-height:42px; padding:0 15px; display:inline-flex; align-items:center; gap:9px; border-radius:11px; background:#082b4c; color:#fff; font-size:10px; font-weight:760; }
.offer-feature-actions a:last-child { background:#1aa75c; }
.offer-feature-actions svg { width:18px; height:18px; }
.offer-feature-image { position:relative; min-width:0; padding:32px; display:grid; place-items:center; overflow:hidden; }
.offer-feature-image img { width:100%; height:100%; max-height:340px; object-fit:contain; mix-blend-mode:multiply; transition:transform 300ms ease; }
.offer-feature-image:hover img { transform:scale(1.04); }
.offer-feature-image>span { position:absolute; top:20px; right:20px; padding:7px 10px; border:1px solid #d9e3ea; border-radius:16px; background:#fff; color:#466176; font-size:8px; font-weight:800; }
.offer-list { padding:25px 17px 17px; }
.offer-list-head { padding:0 8px 17px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.offer-list h2 { font-size:22px; }
.offer-list-head>span { padding:6px 8px; border-radius:7px; background:#edf4f8; color:#60798c; font-size:8px; font-weight:780; }
.offer-list-scroll { max-height:326px; padding-right:4px; display:grid; gap:8px; overflow:auto; }
.offer-list-scroll>a { min-height:72px; padding:8px 9px; display:grid; grid-template-columns:64px 1fr auto auto; align-items:center; gap:10px; border:1px solid #e2e9ee; border-radius:14px; transition:160ms ease; }
.offer-list-scroll>a:hover { border-color:#a9c5da; transform:translateX(3px); }
.offer-list-scroll img { width:64px; height:55px; object-fit:contain; mix-blend-mode:multiply; }
.offer-list-scroll a>span { min-width:0; display:grid; gap:2px; }
.offer-list-scroll small { color:#1261a6; font-size:7px; font-weight:760; }
.offer-list-scroll strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.offer-list-scroll b { font-size:10px; }
.offer-list-scroll del { margin-left:4px; color:#9ba8b2; font-size:8px; font-weight:500; }
.offer-list-scroll a>i { padding:5px 6px; border-radius:7px; background:#fff0f3; color:#dc3555; font-size:8px; font-style:normal; font-weight:850; }
.offer-list-scroll a>em { color:#0a2b4d; font-size:22px; font-style:normal; }

/* Weekly offer island: countdown plus three real discounted products. */
.weekly-offers { width:min(1500px,94vw); margin:0 auto 70px; padding:42px; display:grid; grid-template-columns:minmax(310px,.82fr) minmax(0,2.18fr); gap:34px; border:1px solid #d9e5ed; border-radius:25px; background:linear-gradient(135deg,#edf4f8 0%,#f4f8fb 58%,#edf3f7 100%); box-shadow:0 18px 48px rgba(23,58,83,.06); }
.weekly-intro { min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.weekly-clock { width:50px; height:50px; margin-bottom:19px; display:grid; place-items:center; border-radius:15px; background:#fff; color:#0a5c9d; box-shadow:0 10px 26px rgba(21,67,99,.08); }
.weekly-clock svg { width:25px; height:25px; }
.weekly-intro>small { color:#075b9d; font-size:10px; font-weight:900; letter-spacing:.19em; }
.weekly-intro h2 { margin:10px 0 14px; color:#082b4c; font-size:clamp(34px,3.1vw,50px); line-height:1; letter-spacing:-.05em; }
.weekly-intro>p { max-width:440px; margin:0; color:#657b8d; font-size:12px; line-height:1.65; }
.weekly-countdown { margin:28px 0 26px; display:flex; align-items:center; gap:10px; }
.weekly-countdown>span { width:73px; min-height:80px; padding:12px 7px 9px; display:grid; place-items:center; align-content:center; border:1px solid #d8e3eb; border-radius:14px; background:#fff; box-shadow:0 7px 20px rgba(25,63,90,.04); }
.weekly-countdown b { color:#082b4c; font-size:24px; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.weekly-countdown small { margin-top:4px; color:#8293a0; font-size:8px; }
.weekly-countdown>i { color:#70889a; font-size:17px; font-style:normal; font-weight:850; }
.weekly-intro>a { min-height:46px; padding:0 18px; display:inline-flex; align-items:center; gap:18px; border-radius:12px; background:#082b4c; color:#fff; font-size:10px; font-weight:820; box-shadow:0 10px 24px rgba(8,43,76,.13); }
.weekly-intro>a span { font-size:17px; }
.weekly-products { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.weekly-product { min-width:0; overflow:hidden; border:1px solid #dae5ed; border-radius:20px; background:#fff; box-shadow:0 13px 30px rgba(31,63,88,.06); transition:transform 180ms ease,box-shadow 180ms ease; }
.weekly-product:hover { transform:translateY(-4px); box-shadow:0 20px 38px rgba(23,59,84,.11); }
.weekly-product-image { position:relative; height:235px; padding:18px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f4f7f9,#edf3f6); }
.weekly-product-image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform 280ms ease; }
.weekly-product:hover .weekly-product-image img { transform:scale(1.045); }
.weekly-product-image>span { position:absolute; top:13px; left:13px; padding:7px 9px; border-radius:9px; background:#ed3d5f; color:#fff; font-size:9px; font-weight:900; }
.weekly-product-copy { padding:19px; }
.weekly-product-copy>small { color:#075b9d; font-size:8px; font-weight:820; }
.weekly-product h3 { min-height:43px; margin:8px 0 16px; font-size:14px; line-height:1.45; }
.weekly-product h3 a { color:#123450; }
.weekly-product-copy>div { display:flex; align-items:baseline; gap:8px; }
.weekly-product-copy strong { color:#082b4c; font-size:24px; letter-spacing:-.04em; }
.weekly-product-copy del { color:#9aa8b2; font-size:10px; }
.weekly-view { min-height:42px; margin-top:17px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-radius:10px; background:#edf4f8; color:#103d60; font-size:10px; font-weight:800; }
.weekly-view span { font-size:17px; }

@media(max-width:1120px){
  .cloud-hero .t7-cloud-slide>.t7-cloud-content { grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr); column-gap:24px; }
  .t7-layered-stage { height:530px; }
  .t7-base-photo { right:120px; }
  .t7-focus-photo { width:51%; }
  .offer-showcase { grid-template-columns:1fr; }
  .offer-list-scroll { max-height:250px; }
  .weekly-offers { grid-template-columns:1fr; }
  .weekly-intro { align-items:center; text-align:center; }
  .weekly-products { width:100%; }
}
@media(max-width:960px){
  .cloud-hero { height:1050px; min-height:1050px; }
  .cloud-hero .t7-cloud-slide>.t7-cloud-content { width:92vw; height:auto; min-height:1000px; padding:38px 0 70px; grid-template-columns:1fr; grid-template-rows:auto auto auto; align-content:start; }
  .cloud-hero .t7-cloud-content>.t7-cloud-copy,.cloud-hero .t7-cloud-content>.t7-cloud-actions,.cloud-hero .t7-cloud-content>.t7-layered-stage { grid-column:1; }
  .cloud-hero .t7-cloud-content>.t7-cloud-copy { grid-row:1; }
  .cloud-hero .t7-cloud-content>.t7-cloud-actions { grid-row:2; }
  .cloud-hero .t7-cloud-content>.t7-layered-stage { grid-row:3; height:520px; margin-top:28px; }
  .cloud-hero .hero-controls { bottom:18px; }
}
@media(max-width:820px){
  .offer-feature { grid-template-columns:1fr; }
  .offer-feature-copy { padding:32px; }
  .offer-feature-image { min-height:300px; }
}
@media(max-width:650px){
  .cloud-hero { height:900px; min-height:900px; }
  .cloud-hero .t7-cloud-slide { align-items:start; }
  .cloud-hero .t7-cloud-slide>.t7-cloud-content { width:calc(100% - 24px); min-height:860px; margin:0 auto; padding:26px 0 55px; display:grid; }
  .cloud-hero .t7-cloud-copy h1 { font-size:38px; }
  .cloud-hero .t7-cloud-copy>strong { margin-top:12px; font-size:11px; }
  .cloud-hero .t7-cloud-copy>p { margin-top:12px; font-size:13px; line-height:1.5; }
  .cloud-hero .t7-cloud-content>.t7-cloud-actions { width:100%; margin-top:16px; display:grid; grid-template-columns:1fr 1fr; }
  .cloud-hero .t7-cloud-actions a { min-height:44px; padding:0 10px; font-size:9px; }
  .cloud-hero .t7-cloud-content>.t7-layered-stage { height:430px; margin-top:20px; border-radius:22px; }
  .t7-base-photo { top:18px; right:18px; left:18px; height:232px; border-width:5px; border-radius:17px; }
  .t7-focus-photo { top:155px; right:12px; width:72%; height:186px; border-width:5px; border-radius:16px; }
  .t7-focus-photo figcaption span { display:none; }
  .t7-top-map { bottom:63px; left:16px; width:36%; height:94px; border-width:4px; }
  .cloud-hero .t7-table-link { right:12px; bottom:65px; width:55%; min-height:64px; grid-template-columns:48px 1fr 14px; padding:6px; }
  .cloud-hero .t7-table-link img { width:48px; height:48px; }
  .cloud-hero .t7-stage-tabs { right:10px; bottom:10px; left:10px; gap:4px; }
  .cloud-hero .t7-stage-tabs button { min-height:42px; padding:4px; grid-template-columns:22px 1fr; gap:3px; }
  .cloud-hero .t7-stage-tabs button span { width:22px; height:22px; }
  .cloud-hero .t7-stage-tabs button strong { font-size:7px; }
  .offer-showcase { width:calc(100% - 24px); margin-bottom:45px; }
  .offer-feature-copy { padding:24px; }
  .offer-feature-image { min-height:240px; padding:18px; }
  .offer-list-scroll>a { grid-template-columns:54px 1fr auto; }
  .offer-list-scroll img { width:54px; }
  .offer-list-scroll a>em { display:none; }
  .weekly-offers { width:calc(100% - 24px); margin-bottom:45px; padding:24px 16px; }
  .weekly-intro h2 { font-size:36px; }
  .weekly-countdown { width:100%; gap:5px; justify-content:center; }
  .weekly-countdown>span { width:calc((100% - 39px)/4); min-height:70px; }
  .weekly-countdown b { font-size:20px; }
  .weekly-products { grid-template-columns:1fr; }
  .weekly-product { display:grid; grid-template-columns:128px minmax(0,1fr); }
  .weekly-product-image { height:auto; min-height:190px; }
  .weekly-product-copy { padding:16px; }
  .weekly-product h3 { min-height:0; }
}

/* 2026-08-04 mobile product fixes */
.buy-price strong,.buy-total strong,.paypal-button>span,.price-row strong { white-space:nowrap; }
.buy-total { gap:14px; }
.buy-total span { min-width:0; }
.buy-total strong { flex:0 0 auto; }
.footer-brand>img { max-width:285px; filter:brightness(0) invert(1); opacity:1; }

@media (max-width:900px), (hover:none), (pointer:coarse) {
  .main-image-wrap .zoom-lens,.main-image-wrap.zooming .zoom-lens { display:none!important; visibility:hidden!important; }
  .main-image-wrap>small { display:none; }
}

@media(max-width:650px){
  .product-detail { gap:18px; }
  .main-image-wrap { min-height:0; }
  .main-image-wrap>img { min-height:0; }
  .product-buy h1 { font-size:clamp(30px,10vw,43px); line-height:1.02; overflow-wrap:anywhere; }
  .buy-panel { padding:20px 18px; }
  .buy-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px 12px; }
  .buy-price strong { font-size:clamp(38px,13vw,56px); }
  .buy-badges { gap:7px; }
  .buy-badges span,.buy-badges b { padding:8px 10px; }
  .buy-total { min-height:92px; padding:17px 18px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .buy-total span { font-size:13px; line-height:1.45; }
  .buy-total strong { font-size:clamp(27px,8vw,36px); line-height:1; }
  .paypal-button { grid-template-columns:auto minmax(0,1fr); padding:17px 18px; }
  .paypal-button>b { font-size:24px; }
  .paypal-button>span { font-size:17px; }
  .detail-actions { grid-template-columns:1fr 1fr; }
  .detail-actions a { min-width:0; padding:15px 9px; font-size:12px; line-height:1.25; text-align:center; }
  .footer-brand>img { width:min(265px,82vw); }
}

/* Cloud-style administration shell */
.admin-app { margin:0; background:#eef3f7; color:#0b2f50; font-family:Inter,Arial,sans-serif; }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:270px minmax(0,1fr); }
.admin-sidebar { position:sticky; top:0; height:100vh; padding:26px 18px; display:flex; flex-direction:column; background:#082c4c; color:#fff; z-index:120; }
.admin-brand { padding:4px 8px 25px; display:flex; align-items:center; gap:13px; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); }
.admin-brand img { width:78px; height:46px; object-fit:contain; padding:6px; border-radius:12px; background:#fff; }
.admin-brand span { font-size:12px; font-weight:900; letter-spacing:.08em; }
.admin-brand small { margin-top:5px; display:block; color:#8db4d1; font-size:9px; letter-spacing:.04em; }
.admin-sidebar nav { margin-top:28px; display:grid; gap:7px; }
.admin-sidebar nav a { min-height:50px; padding:0 13px; display:flex; align-items:center; gap:12px; color:#c8dbe9; border-radius:13px; font-size:13px; font-weight:750; }
.admin-sidebar nav a i { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:9px; font-style:normal; }
.admin-sidebar nav a:hover,.admin-sidebar nav a.active { background:#155b8d; color:#fff; }
.admin-sidebar nav a.active i { background:#ffb313; border-color:#ffb313; color:#082c4c; }
.admin-sidebar-bottom { margin-top:auto; padding-top:18px; display:grid; gap:7px; border-top:1px solid rgba(255,255,255,.12); }
.admin-sidebar-bottom a { padding:8px; color:#a9c5d8; font-size:11px; }
.admin-workspace { min-width:0; }
.admin-topbar { height:82px; padding:0 34px; display:flex; align-items:center; gap:18px; background:#fff; border-bottom:1px solid #dce6ed; }
.admin-topbar>div { display:grid; }
.admin-topbar small { color:#7990a2; font-size:8px; font-weight:850; letter-spacing:.15em; }
.admin-topbar b { margin-top:4px; font-size:18px; }
.admin-topbar>a { margin-left:auto; padding:12px 16px; border-radius:11px; background:#ffb313; color:#082c4c; font-size:11px; font-weight:900; }
.admin-nav-toggle { display:none; width:42px; height:42px; border:1px solid #d6e2ea; border-radius:11px; background:#fff; color:#0a3658; font-size:20px; }
.admin-main { padding:34px; }
.admin-page-head { margin-bottom:25px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.admin-page-head small,.admin-form-card>small,.admin-settings-card small,.admin-card-head small,.admin-health>small { color:#0871bd; font-size:9px; font-weight:900; letter-spacing:.16em; }
.admin-page-head h1 { margin:7px 0 5px; font-size:clamp(30px,4vw,48px); line-height:1; letter-spacing:-.04em; }
.admin-page-head p { margin:0; color:#71889a; font-size:13px; }
.admin-page-head>a:not(.admin-primary) { color:#0b5688; font-size:12px; font-weight:800; }
.admin-primary { display:inline-flex; align-items:center; justify-content:center; min-height:47px; padding:0 18px; border:0; border-radius:12px; background:#ffb313; color:#082c4c; font-weight:900; cursor:pointer; }
.admin-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.admin-kpis article { padding:21px; display:flex; align-items:center; gap:15px; border:1px solid #dae5ec; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(20,58,84,.05); }
.admin-kpis i { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#e8f3fa; color:#0a68a9; font-size:21px; font-style:normal; }
.admin-kpis span { display:grid; }
.admin-kpis small { color:#7890a2; font-size:8px; font-weight:850; letter-spacing:.11em; }
.admin-kpis b { margin:4px 0 2px; font-size:27px; }
.admin-kpis em { color:#8ba0ae; font-size:9px; font-style:normal; }
.admin-overview-grid { margin-top:20px; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr); gap:20px; }
.admin-activity,.admin-health,.admin-settings-card,.admin-form-card { border:1px solid #dae5ec; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(20,58,84,.05); }
.admin-activity { padding:21px; }
.admin-card-head { margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; }
.admin-card-head h2,.admin-health h2 { margin:5px 0; font-size:20px; }
.admin-card-head a { color:#0a69a8; font-size:10px; font-weight:850; }
.admin-activity>a { min-height:62px; padding:9px 5px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:12px; color:#123a59; border-bottom:1px solid #edf2f5; }
.admin-activity>a img,.admin-activity>a>span { width:48px; height:44px; object-fit:cover; border-radius:9px; background:#edf2f5; }
.admin-activity>a b { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; }
.admin-activity>a small { margin-top:4px; display:block; color:#8399a9; font-size:8px; }
.admin-activity>a strong { white-space:nowrap; }
.admin-health { padding:25px; }
.admin-health>div { margin:22px 0 8px; display:flex; justify-content:space-between; font-size:11px; }
.admin-health progress { width:100%; height:8px; accent-color:#0d75b9; }
.admin-health>a { margin-top:13px; padding:13px; display:block; border-radius:10px; background:#edf5fa; color:#0a5c95; font-size:10px; font-weight:850; }
.admin-filter { margin-bottom:14px; padding:12px; display:flex; gap:14px; align-items:center; border:1px solid #dae5ec; border-radius:15px; background:#fff; }
.admin-filter input { min-width:0; flex:1; height:44px; padding:0 14px; border:1px solid #d3e0e8; border-radius:10px; }
.admin-filter span { color:#7990a1; font-size:10px; }
.admin-product-list { overflow:hidden; border:1px solid #dae5ec; border-radius:18px; background:#fff; }
.admin-product-list article { min-height:78px; padding:11px 16px; display:grid; grid-template-columns:58px minmax(0,1fr) 100px 90px 90px; align-items:center; gap:14px; border-bottom:1px solid #e7eef2; }
.admin-product-list img,.admin-no-image { width:58px; height:54px; object-fit:cover; border-radius:10px; background:#edf2f5; }
.admin-no-image { display:grid; place-items:center; color:#91a1ad; font-size:7px; }
.admin-product-list article>div { min-width:0; display:grid; }
.admin-product-list strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
.admin-product-list small { margin-top:5px; color:#8095a5; font-size:8px; }
.admin-product-list article>b { white-space:nowrap; }
.admin-status { justify-self:start; padding:6px 8px; border-radius:8px; background:#fff0cc; color:#8a5b00; font-size:8px; font-weight:900; text-transform:uppercase; }
.admin-status.published { background:#e2f6e9; color:#087839; }
.admin-status.archived { background:#e6edf2; color:#526b7c; }
.admin-edit { padding:9px 11px; text-align:center; border:1px solid #bad5e7; border-radius:9px; color:#0b629d; font-size:9px; font-weight:900; }
.admin-alert { margin-bottom:18px; padding:13px 16px; border-radius:12px; font-size:12px; }
.admin-alert.success { background:#dff6e8; color:#087338; }.admin-alert.error { background:#ffe5e5; color:#9d2525; }
.admin-settings-card { padding:24px; }
.logo-setting { padding:22px 0; display:grid; grid-template-columns:360px minmax(0,1fr); align-items:center; gap:28px; border-bottom:1px solid #e5edf2; }
.logo-preview { min-height:150px; padding:24px; display:grid; place-items:center; border-radius:16px; border:1px solid #d9e5ec; }
.logo-preview.light { background:#fff; }.logo-preview.dark { background:#06274a; }
.logo-preview img { max-width:100%; max-height:105px; object-fit:contain; }
.logo-preview.dark img { filter:brightness(0) invert(1); }
.logo-setting h2 { margin:6px 0; }.logo-setting p { color:#71889a; font-size:12px; }
.file-button { width:max-content; padding:11px 14px; display:inline-flex; border:1px solid #bdd4e3; border-radius:10px; color:#0b639e; font-size:10px; font-weight:900; cursor:pointer; }
.file-button input { position:absolute; width:1px; height:1px; opacity:0; }
.admin-settings-card>.admin-primary { margin-top:22px; }
.admin-editor-form { display:grid; gap:18px; }
.admin-form-card { padding:24px; display:grid; gap:15px; }
.admin-form-card label { display:grid; gap:7px; color:#314f66; font-size:10px; font-weight:800; }
.admin-form-card input,.admin-form-card select,.admin-form-card textarea { width:100%; box-sizing:border-box; padding:12px 13px; border:1px solid #cfdee7; border-radius:10px; background:#fbfdfe; color:#143852; font:inherit; font-size:13px; }
.admin-form-card textarea { min-height:96px; resize:vertical; }
.admin-form-card .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.admin-image-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.admin-image-grid img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:11px; }
.admin-camera-upload { min-height:110px; padding:20px!important; place-items:center; text-align:center; border:2px dashed #bad4e4; border-radius:15px; background:#f3f9fc; color:#0b6099!important; cursor:pointer; }
.admin-camera-upload span { color:#7890a1; font-weight:500; }.admin-camera-upload input { max-width:420px; background:#fff; }
.admin-savebar { position:sticky; bottom:12px; padding:12px; display:flex; justify-content:flex-end; border:1px solid #d7e4eb; border-radius:15px; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); z-index:5; }
.admin-danger-zone { padding:20px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; border:1px solid #efc4c4; border-radius:17px; background:#fff8f8; }
.admin-danger-zone h2 { margin:5px 0; font-size:20px; }
.admin-danger-zone p { margin:0; color:#806666; font-size:10px; }
.admin-danger { min-height:47px; padding:0 18px; border:0; border-radius:12px; background:#b82626; color:#fff; font-weight:900; cursor:pointer; }
.admin-translation-center { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:18px; }
.admin-translation-center>article { padding:24px; border:1px solid #d7e4eb; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(20,58,84,.05); }
.admin-translation-center>article>small { color:#0871bd; font-size:9px; font-weight:900; letter-spacing:.16em; }
.admin-translation-center>article:first-child>b { margin:7px 0; display:block; font-size:50px; line-height:1; }
.admin-translation-center>article p { color:#71889a; font-size:11px; line-height:1.6; }
.admin-translation-center .admin-primary,.admin-translation-center .admin-secondary { margin:8px 7px 0 0; }
.translation-progress { --translation-progress:0%; margin-top:18px; padding:11px; display:grid; grid-template-columns:minmax(0,1fr); gap:8px; border-radius:12px; background:#edf4f8; overflow:hidden; }
.translation-progress:before { content:""; display:block; height:8px; border-radius:99px; background:#d4e1e9; }
.translation-progress i { position:relative; width:var(--translation-progress); height:8px; margin-top:-16px; display:block; border-radius:99px; background:#0e76b9; transition:width .25s ease; }
.translation-progress span { color:#577286; font-size:10px; }
.translation-progress.error { background:#fff0f0; }
.translation-progress.error i { background:#c53535; }

@media(max-width:1000px){
  .admin-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-overview-grid { grid-template-columns:1fr; }
  .admin-product-list article { grid-template-columns:58px minmax(0,1fr) 85px 78px; }
  .admin-product-list .admin-status { display:none; }
}
@media(max-width:760px){
  .admin-shell { display:block; }
  .admin-sidebar { position:fixed; left:0; width:265px; transform:translateX(-105%); transition:transform 180ms ease; box-shadow:20px 0 50px rgba(0,0,0,.2); }
  .admin-nav-open .admin-sidebar { transform:translateX(0); }
  .admin-nav-open:after { content:""; position:fixed; inset:0; background:rgba(2,21,36,.45); z-index:110; }
  .admin-nav-toggle { display:block; }
  .admin-topbar { height:70px; padding:0 14px; }
  .admin-topbar>a { display:none; }
  .admin-main { padding:20px 12px 90px; }
  .admin-page-head { align-items:flex-start; flex-direction:column; }
  .admin-page-head h1 { font-size:34px; }
  .admin-kpis { grid-template-columns:1fr 1fr; gap:9px; }
  .admin-kpis article { padding:14px; gap:10px; }
  .admin-kpis i { width:38px; height:38px; }
  .admin-kpis b { font-size:22px; }
  .admin-kpis em { display:none; }
  .admin-activity { padding:14px; }
  .admin-product-list { overflow:visible; border:0; background:transparent; }
  .admin-product-list article { margin-bottom:10px; padding:12px; grid-template-columns:58px minmax(0,1fr) auto; gap:10px; border:1px solid #dae5ec; border-radius:14px; background:#fff; }
  .admin-product-list article>b { grid-column:2; }
  .admin-product-list .admin-edit { grid-column:3; grid-row:1 / span 2; align-self:center; }
  .logo-setting { grid-template-columns:1fr; gap:16px; }
  .logo-preview { min-height:120px; }
  .admin-form-card { padding:17px; }
  .admin-form-card .grid { grid-template-columns:1fr; }
  .admin-image-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .admin-savebar { bottom:8px; }
  .admin-savebar .admin-primary { width:100%; }
  .admin-danger-zone,.admin-translation-center { grid-template-columns:1fr; }
  .admin-danger-zone .admin-secondary,.admin-danger-zone .admin-danger,.admin-translation-center .admin-primary,.admin-translation-center .admin-secondary { width:100%; margin-right:0; }
}

/* V10 mobile-first AI product wizard, secure API settings and product video */
.admin-product-wizard { max-width:1180px; margin:0 auto; }
.wizard-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:10px; border:1px solid #d5e3ec; border-radius:18px; background:#fff; }
.wizard-progress button { min-height:60px; display:flex; align-items:center; gap:10px; padding:10px 14px; border:0; border-radius:13px; background:#f1f6f9; color:#6f8798; text-align:left; cursor:pointer; }
.wizard-progress button b { width:34px; height:34px; display:grid; place-items:center; flex:none; border-radius:11px; background:#dce8ef; color:#315a76; }
.wizard-progress button span { font-size:11px; font-weight:850; }
.wizard-progress button.active { background:#0a456f; color:#fff; box-shadow:0 10px 25px rgba(8,62,101,.18); }
.wizard-progress button.active b { background:#ffb313; color:#082c4c; }
.wizard-step { display:none; }
.wizard-step.active { display:grid; animation:wizard-in .24s ease both; }
@keyframes wizard-in { from { opacity:0; transform:translateY(8px); } }
.wizard-step h2 { margin:0; font-size:clamp(22px,3vw,34px); }
.wizard-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:5px; }
.wizard-actions.split { justify-content:space-between; }
.admin-secondary { min-height:47px; padding:0 18px; border:1px solid #bad1e0; border-radius:12px; background:#fff; color:#0b5b92; font-weight:850; cursor:pointer; }
.ai-status { padding:18px; display:grid; gap:5px; border:1px solid #d4e2eb; border-left:5px solid #91a9ba; border-radius:14px; background:#f7fafc; }
.ai-status b { font-size:15px; }.ai-status span { color:#718899; font-size:11px; }
.ai-status.loading { border-left-color:#ffb313; background:#fff9e8; }.ai-status.loading b:before { content:""; width:12px; height:12px; margin-right:8px; display:inline-block; border:2px solid #d99a00; border-right-color:transparent; border-radius:50%; animation:ai-spin .7s linear infinite; vertical-align:-2px; }
.ai-status.ready { border-left-color:#16a55e; background:#ecfaf3; }.ai-status.error { border-left-color:#d84343; background:#fff0f0; }.ai-status.question { border-left-color:#0d75b9; background:#edf7fd; }
@keyframes ai-spin { to { transform:rotate(360deg); } }
.ai-questions { padding:20px; display:grid; gap:13px; border:1px solid #a9cce2; border-radius:16px; background:#f2f9fd; }
.ai-questions>small { color:#0871bd; font-size:9px; font-weight:900; letter-spacing:.14em; }.ai-questions h2 { margin:0; }
.ai-generated { display:grid; gap:15px; }
.wizard-resume { padding:13px 17px; border-radius:12px; background:#dfeaf1; color:#49687e; font-size:10px; text-align:center; }
.admin-upload-preview,.admin-video-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.admin-upload-preview img,.admin-upload-preview video,.admin-video-grid video { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:12px; background:#dfe8ed; }
.admin-video-grid label { padding:9px; border:1px solid #d7e3ea; border-radius:14px; background:#f8fbfc; }
.admin-camera-upload.video { border-color:#9db8c9; background:#eef4f7; }
.api-status { padding:14px; display:flex; align-items:center; gap:12px; border-radius:13px; background:#fff1e8; color:#8c4b18; }
.api-status i { width:13px; height:13px; flex:none; border-radius:50%; background:#d76822; box-shadow:0 0 0 5px rgba(215,104,34,.13); }.api-status span { display:grid; gap:3px; }.api-status small { color:inherit; opacity:.72; letter-spacing:0; }
.api-status.ready { background:#e9f8ef; color:#087440; }.api-status.ready i { background:#12a05a; box-shadow:0 0 0 5px rgba(18,160,90,.13); }
.admin-inline-test { margin-top:14px; padding:14px 18px; display:flex; align-items:center; gap:14px; border:1px solid #d5e3eb; border-radius:14px; background:#fff; }
.admin-inline-test button { min-height:42px; padding:0 15px; border:1px solid #aac8da; border-radius:10px; background:#edf6fb; color:#0a5d94; font-weight:850; cursor:pointer; }.admin-inline-test span { font-size:11px; }.admin-inline-test span.success { color:#08753e; }.admin-inline-test span.error { color:#a62828; }
.product-videos { margin:35px 0; }.product-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.product-video-grid video { width:100%; max-height:620px; border-radius:20px; background:#071e30; }

@media(max-width:760px){
  .wizard-progress { position:sticky; top:6px; z-index:15; gap:5px; padding:6px; }
  .wizard-progress button { min-height:48px; padding:7px; justify-content:center; }.wizard-progress button b { width:31px; height:31px; }.wizard-progress button span { display:none; }
  .wizard-actions,.wizard-actions.split { position:sticky; bottom:7px; z-index:12; padding:8px; display:grid; grid-template-columns:1fr; border:1px solid #d4e2ea; border-radius:14px; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); }
  .wizard-actions .admin-primary,.wizard-actions .admin-secondary { width:100%; min-height:52px; }
  .admin-upload-preview,.admin-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-camera-upload { min-height:135px; }
  .admin-inline-test { align-items:stretch; flex-direction:column; }
  .product-video-grid { grid-template-columns:1fr; }
}


/* V11.10.4 - yatay tampon ve uzun parça fotoğraflari için akilli kart medyasi */
.product-photo {
  display: grid;
  place-items: center;
  isolation: isolate;
}

.product-photo .product-photo-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  filter: blur(24px);
  transform: scale(1.08);
  opacity: 0;
  transition: opacity .25s ease;
}

.product-photo .product-photo-image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
}

.product-photo.media-square .product-photo-image,
.product-photo.media-portrait .product-photo-image {
  object-fit: cover;
}

.product-photo.media-wide {
  background: linear-gradient(180deg, #eef4f8 0%, #f8fbfd 100%);
}

.product-photo.media-wide .product-photo-backdrop {
  opacity: .42;
}

.product-photo.media-wide .product-photo-image {
  object-fit: contain;
  object-position: center center;
  padding: 18px 14px 12px;
}

.product-card:hover .product-photo.media-wide .product-photo-image {
  transform: scale(1.02);
}

@media (max-width: 650px) {
  .product-photo.media-wide .product-photo-image {
    padding: 14px 10px 10px;
  }
}

/* V11.10.6 - adaptif kart görsel onarımı: V11.10.5 ürün sayfası düzeltmesiyle birlikte */
.product-photo.media-wide .discount-badge,
.product-photo.media-wide .stock-on-photo { z-index: 3; }
.product-photo.media-wide { overflow: hidden; }
.product-photo.media-wide .product-photo-backdrop { pointer-events: none; }

/* AUTOTEILEVO FINAL LOGO START */
.logo{display:flex!important;align-items:center!important;min-width:0!important}
.logo img[src*="autoteilevo-logo-header"]{display:block!important;width:315px!important;max-width:100%!important;height:auto!important;max-height:74px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:left center!important}
.footer-brand>img[src*="autoteilevo-logo-footer"]{display:block!important;width:min(340px,100%)!important;max-width:340px!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important;background:#fff!important;border-radius:14px!important;padding:7px 9px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.v11-brand img[src*="autoteilevo-logo-header"],.admin-brand img[src*="autoteilevo-logo-header"]{object-fit:contain!important;filter:none!important}
@media(max-width:1280px){.logo img[src*="autoteilevo-logo-header"]{width:250px!important;max-height:62px!important}}
@media(max-width:960px){.logo img[src*="autoteilevo-logo-header"]{width:210px!important;max-height:54px!important}}
@media(max-width:650px){.logo img[src*="autoteilevo-logo-header"]{width:145px!important;max-height:42px!important}.footer-brand>img[src*="autoteilevo-logo-footer"]{width:min(310px,92vw)!important}}
/* AUTOTEILEVO FINAL LOGO END */