:root {
  --enes-blue: #1f4fa8;
  --enes-blue-dark: #153f91;
  --enes-sky: #08a4e8;
  --enes-green: #11b96b;
  --enes-gray: #747474;
  --enes-light: #f5f6f8;
  --enes-border: #e2e5ea;
  --enes-text: #363232;
  --enes-shadow: 0 8px 28px rgba(25, 48, 83, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--enes-text);
  background: #fff;
  font-family: "Rubik", Arial, sans-serif;
  font-size: 14px;
  padding-bottom: 0;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.site-container { width: min(1560px, calc(100% - clamp(24px, 5vw, 96px))); margin-inline: auto; }
.section-space { padding: 54px 0; }
.soft-bg { background: var(--enes-light); }
.text-blue { color: var(--enes-blue) !important; }
.bg-blue { background: var(--enes-blue) !important; }
.btn-enes {
  color: #fff; background: var(--enes-blue); border-color: var(--enes-blue);
  border-radius: 0; min-height: 44px; font-weight: 700; padding-inline: 24px;
  position: relative; overflow: hidden; isolation: isolate;
}
.btn-enes:hover { color: #fff; background: var(--enes-blue-dark); border-color: var(--enes-blue-dark); }
.btn-outline-enes { color: var(--enes-blue); border: 1px solid var(--enes-blue); border-radius: 0; font-weight: 600; position: relative; overflow: hidden; isolation: isolate; }
.btn-outline-enes:hover { color: #fff; background: var(--enes-blue); }
.btn-ripple {
  position: absolute; z-index: 0; width: 18px; height: 18px; border-radius: 50%;
  pointer-events: none; background: rgba(255, 255, 255, .42);
  transform: translate(-50%, -50%) scale(0); animation: buttonRipple .62s ease-out;
}

/* Header */
.top-phone-bar {
  height: 38px; display: flex; align-items: center; justify-content: center;
  background: #8a8a8d; color: #fff; font-weight: 700; font-size: 14px;
}
.desktop-header { height: 114px; background: #fff; }
.desktop-header .site-container { height: 100%; display: grid; grid-template-columns: 330px minmax(420px, 1fr) 250px; align-items: center; gap: 28px; }
.brand-zone { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.mini-brands { display: flex; align-items: center; gap: 22px; min-width: 0; margin-bottom: 7px; color: #67676b; font-size: 13px; white-space: nowrap; }
.mini-brands a { min-width: 0; overflow: hidden; color: inherit; font-weight: 600; text-overflow: ellipsis; text-transform: uppercase; transition: color .2s ease; }
.mini-brands a:hover { color: var(--enes-blue); }
.brand-logo { width: 292px; height: 68px; overflow: hidden; display: block; background: transparent; position: relative; }
.brand-logo img { position: absolute; left: 50%; top: -34px; width: 246px; max-width: none; height: auto; transform: translateX(-50%); display: block; mix-blend-mode: multiply; }
.brand-logo::after {
  content: ""; position: absolute; inset: 0 auto 0 -45%; width: 32%; pointer-events: none;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.72), transparent);
  transform: skewX(-18deg); animation: logoShine 7s ease-in-out infinite;
}
.header-support { display: flex; justify-content: center; gap: 30px; margin-bottom: 13px; font-size: 14px; }
.header-support .whatsapp { color: var(--enes-green); }
.search-form { display: flex; height: 48px; }
.search-form { transition: box-shadow .24s ease; }
.search-form:focus-within { box-shadow: 0 0 0 4px rgba(31, 79, 168, .11); }
.search-form input { flex: 1; border: 2px solid var(--enes-blue); border-right: 0; border-radius: 0; padding: 0 13px; font-size: 13px; min-width: 0; }
.search-form button { width: 82px; border: 0; color: #fff; background: var(--enes-blue); font-weight: 700; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 26px; }
.header-action { display: grid; grid-template-columns: 38px auto; align-items: center; column-gap: 8px; }
.header-action i { grid-row: 1 / span 2; font-size: 28px; color: var(--enes-blue); transition: transform .3s ease, color .3s ease; }
.header-action:hover i { transform: translateY(-3px) scale(1.06); color: var(--enes-sky); }
.header-action strong { font-size: 16px; line-height: 1; }
.header-action small { color: #6d6d71; font-size: 13px; }
.cart-icon-wrap { position: relative; }
.cart-count {
  position: absolute; top: -10px; right: -5px; min-width: 22px; height: 22px;
  padding: 0 5px; display: grid; place-items: center; border-radius: 50%; color: #fff;
  background: #0aa55d; font-size: 12px; font-weight: 700;
}
.primary-nav { min-height: 66px; position: relative; z-index: 1030; background: linear-gradient(105deg, var(--enes-blue-dark), var(--enes-blue) 62%, #2361bd); box-shadow: 0 7px 22px rgba(11, 45, 103, .18); }
.primary-nav .site-container { display: flex; align-items: stretch; justify-content: center; min-height: inherit; padding: 0; }
.primary-nav-links { width: 100%; display: flex; align-items: stretch; justify-content: center; gap: clamp(0px, .2vw, 3px); min-height: inherit; }
.primary-nav-link, .category-toggle { min-width: 120px; position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 clamp(14px, 1vw, 18px); border: 0; color: #fff; background: transparent; font: inherit; font-size: clamp(15px, 1vw, 16px); font-weight: 700; line-height: 1.2; letter-spacing: .025em; white-space: nowrap; transition: background-color .22s ease, color .22s ease; }
.primary-nav-link::after, .category-toggle::after { content: ""; position: absolute; inset: auto 22px 11px; height: 2px; border: 0; margin: 0; background: #70dcff; transform: scaleX(0); transform-origin: center; transition: transform .24s ease; }
.primary-nav-link:hover, .primary-nav-link.active, .category-toggle:hover, .category-toggle.active, .category-dropdown.show .category-toggle { color: #fff; background: rgba(0, 0, 0, .14); }
.primary-nav-link:hover::after, .primary-nav-link.active::after, .category-toggle:hover::after, .category-toggle.active::after, .category-dropdown.show .category-toggle::after { transform: scaleX(1); }
.category-dropdown { display: flex; align-items: stretch; }
.category-toggle { min-width: 210px; justify-content: flex-start; padding-inline: 21px 18px; background: rgba(5, 28, 70, .32); border-inline: 1px solid rgba(255,255,255,.1); }
.category-toggle::after { display: none; }
.category-toggle > .bi-grid-3x3-gap-fill { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; color: #0d4a88; background: #fff; font-size: 15px; box-shadow: 0 4px 12px rgba(0,0,0,.14); }
.category-toggle:hover, .category-toggle.active, .category-dropdown.show .category-toggle { background: rgba(3, 23, 61, .52); }
.category-toggle .category-chevron { margin-left: 2px; font-size: 11px; transition: transform .25s ease; }
.category-dropdown.show .category-chevron { transform: rotate(180deg); }
.category-menu { width: 320px; max-height: min(520px, calc(100vh - 180px)); margin: 0 !important; padding: 0 0 10px; overflow-y: auto; border: 0; border-top: 3px solid #58ccf4; border-radius: 0 0 10px 10px; background: #fff; box-shadow: 0 18px 44px rgba(7, 30, 71, .22); animation: categoryMenuIn .2s ease both; }
.category-menu-head { padding: 17px 18px 14px; color: #123f80; background: #f1f7fe; border-bottom: 1px solid #dce8f5; }
.category-menu-head span, .category-menu-head small { display: block; }
.category-menu-head span { font-size: 13px; font-weight: 800; letter-spacing: .075em; }
.category-menu-head small { margin-top: 3px; color: #718098; font-size: 11px; }
.category-menu .dropdown-item { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 18px; color: #263750; font-size: 13px; font-weight: 650; white-space: normal; transition: color .18s ease, background-color .18s ease, padding-left .18s ease; }
.category-menu .dropdown-item span { display: flex; align-items: center; gap: 10px; }
.category-menu .dropdown-item span > i { width: 20px; color: var(--enes-blue); text-align: center; }
.category-menu .dropdown-item:hover, .category-menu .dropdown-item.active { padding-left: 22px; color: var(--enes-blue); background: #eef6ff; }
.category-menu .category-all { margin-bottom: 5px; border-bottom: 1px solid #e5eaf1; }
.category-menu .category-parent { border-top: 1px solid #f0f2f5; }
.category-menu .category-child { min-height: 36px; justify-content: flex-start; padding: 7px 18px 7px 50px; color: #6b7788; font-size: 12px; font-weight: 600; }
.category-menu .category-child::before { content: ""; width: 10px; height: 1px; margin-left: -16px; background: #aeb8c5; }
.category-menu .category-child:hover, .category-menu .category-child.active { padding-left: 54px; }
.category-empty { padding: 22px 18px 12px; color: #778294; font-size: 13px; text-align: center; }
.appointment-nav { align-self: center; min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 9px; margin: 10px 0 10px 17px; padding: 0 20px; border: 1px solid rgba(255,255,255,.5); border-radius: 8px; color: #0d3a82; background: #fff; box-shadow: 0 7px 18px rgba(7,32,77,.2); font-size: 14px; font-weight: 800; line-height: 1.2; letter-spacing: .015em; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.appointment-nav:hover { color: #0d3a82; background: #eaf8ff; box-shadow: 0 10px 24px rgba(7,32,77,.27); transform: translateY(-2px); }
.appointment-nav i { color: #1375bd; font-size: 17px; }
@keyframes categoryMenuIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.contact-form-anchor { display: block; position: relative; top: -18px; scroll-margin-top: 24px; }
.mobile-header { display: none; }

/* Campaign ticker */
.campaign-ticker {
  height: 42px; overflow: hidden; display: flex; align-items: center; color: #fff;
  background: linear-gradient(90deg, #0a2f72, var(--enes-blue), #087eb8, var(--enes-blue));
  border-bottom: 1px solid rgba(255,255,255,.16); box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.ticker-track { width: max-content; display: flex; align-items: center; animation: tickerFlow 30s linear infinite; will-change: transform; }
.campaign-ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-group { display: flex; align-items: center; flex: 0 0 auto; }
.ticker-item { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 0 33px; font-size: 12px; font-weight: 700; letter-spacing: .035em; white-space: nowrap; }
.ticker-item::after { content: ""; width: 5px; height: 5px; margin-left: 33px; border-radius: 50%; background: #63dbff; box-shadow: 0 0 0 4px rgba(99,219,255,.12); }
.ticker-item i { color: #6fe1ff; font-size: 16px; }

/* Offcanvas */
.menu-list > a, .mobile-category-toggle { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border: 0; border-bottom: 1px solid var(--enes-border); color: #27364c; background: transparent; font: inherit; font-weight: 650; text-align: left; }
.mobile-category-toggle i { transition: transform .22s ease; }
.mobile-category-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.mobile-category-list { margin: 0 -10px; padding: 5px 10px 10px; background: #f4f8fd; border-bottom: 1px solid var(--enes-border); }
.mobile-category-list a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; color: #34445a; border-radius: 7px; font-size: 13px; font-weight: 650; }
.mobile-category-list a:hover { color: var(--enes-blue); background: #fff; }
.mobile-category-list a i { color: var(--enes-blue); }
.mobile-category-list .mobile-category-child { padding: 7px 12px 7px 42px; color: #6d7887; font-size: 12px; }
.menu-list > a.mobile-appointment { margin-top: 18px; padding: 13px 15px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(110deg, #0e3c87, #1379bd); box-shadow: 0 8px 22px rgba(13,62,139,.2); }
.mobile-appointment span { display: flex; align-items: center; gap: 9px; }
.offcanvas .brand-logo { width: 230px; height: 62px; }
.offcanvas .brand-logo img { top: -29px; width: 210px; height: auto; }

/* Megastore reference hero */
.home-hero.megastore-hero-section { padding: 40px 0 16px; background: transparent; }
.home-hero.megastore-hero-section .site-container {
  width: min(1760px, calc(100% - clamp(24px, 3vw, 64px)));
}
.megastore-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.04fr) minmax(320px, 1fr);
  align-items: stretch;
  gap: 16px;
}
.megastore-hero-slider {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  background: transparent;
  border-radius: 8px;
  container-type: inline-size;
}
.megastore-hero-slider .carousel-inner { width: 100%; height: 100%; overflow: hidden; line-height: 0; }
.megastore-hero-slider .carousel-item { width: 100%; height: 100%; transition: opacity .7s ease; line-height: 0; }
.megastore-hero-slide {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  background: transparent;
  border-radius: 8px;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.megastore-slide-media {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: transparent;
  border-radius: 8px;
  line-height: 0;
  margin: 0;
  padding: 0;
  display: block;
}
.megastore-slide-image {
  width: 100%;
  height: 100%;
  display: block;
  position: static;
  object-fit: cover;
  object-position: center;
  transition: opacity .7s ease;
  margin: 0;
  padding: 0;
  border-radius: 8px;
}
.megastore-slide-content {
  display: none !important;
}
.megastore-hero-dots {
  z-index: 5;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
  gap: 7px;
  margin: 0;
}
.megastore-hero-dots [data-bs-target] {
  width: 18px;
  height: 18px;
  margin: 0;
  position: relative;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  opacity: .7;
}
.megastore-hero-dots [data-bs-target]::after {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.megastore-hero-dots [data-bs-target].active { border-color: #fff; opacity: 1; }
.megastore-side-banners {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
}
.megastore-side-card {
  width: 100%;
  flex: 1 1 calc((100% - 5px) / 2);
  height: calc((100% - 5px) / 2);
  display: block;
  overflow: hidden;
  position: relative;
  background: transparent;
  border-radius: 8px;
  box-shadow: none;
  line-height: 0;
}
.megastore-side-card > img {
  width: 100%;
  height: 100%;
  display: block;
  position: static;
  object-fit: cover;
  object-position: center;
  transition: opacity .35s ease;
  border-radius: 8px;
}
.carousel-item.active .megastore-slide-image { animation: megastoreSlideFade 1s ease both; }
.carousel-item.active .megastore-slide-label,
.carousel-item.active .megastore-slide-content h1,
.carousel-item.active .megastore-slide-content p,
.carousel-item.active .megastore-slide-button { animation: megastoreCopyIn .65s ease both; }
.carousel-item.active .megastore-slide-content h1 { animation-delay: .06s; }
.carousel-item.active .megastore-slide-content p { animation-delay: .12s; }
.carousel-item.active .megastore-slide-button { animation-delay: .18s; }
.megastore-side-card.is-changing > img { animation: megastoreSideSwap .38s ease both; }
@keyframes megastoreSlideFade { from { opacity: .72; } to { opacity: 1; } }
@keyframes megastoreCopyIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes megastoreSideSwap { from { opacity: .45; } to { opacity: 1; } }
.section-title { display: flex; align-items: center; gap: 18px; margin-bottom: 26px; }
.section-title::after { content: ""; height: 2px; flex: 1; background: linear-gradient(90deg, #dfe3e8, #5bcaef, #dfe3e8); background-size: 220% 100%; animation: titleLineFlow 4.5s linear infinite; }
.section-title h2 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: .02em; display: flex; align-items: center; gap: 10px; }
.section-title h2::before {
  content: ""; width: 13px; height: 18px; flex: 0 0 auto; border-radius: 70% 45% 65% 50%;
  background: linear-gradient(145deg, #39c6f4, var(--enes-blue)); transform: rotate(38deg);
  box-shadow: 4px 5px 0 rgba(31,79,168,.10);
}
.category-tile { height: 235px; position: relative; overflow: hidden; background: #f5f5f5; border: 1px solid #eee; border-radius: 5px; }
.category-tile::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(125deg, transparent 35%, rgba(57,198,244,.22), transparent 65%); transform: translateX(-120%); transition: transform .75s ease; }
.category-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.75,.2,1); }
.category-tile-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #9bb7d8; background: linear-gradient(145deg, #f6faff, #e8f2fc); }
.category-tile-placeholder i { font-size: 44px; }
.category-tile:hover img { transform: scale(1.055); }
.category-tile:hover::after { transform: translateX(120%); }
.category-tile span { position: absolute; inset: auto 10px 10px; padding: 13px 14px; color: #fff; font-weight: 700; border-left: 3px solid #65d8ff; background: rgba(16,38,72,.78); backdrop-filter: blur(6px); }
.feature-strip { border-top: 1px solid var(--enes-border); border-bottom: 1px solid var(--enes-border); }
.feature-item { display: grid; grid-template-columns: 48px 1fr; gap: 13px; align-items: center; padding: 24px 14px; }
.feature-item i { font-size: 36px; color: var(--enes-blue); transition: transform .35s ease, color .35s ease; }
.feature-item:hover i { transform: translateY(-4px) rotate(-4deg); color: var(--enes-sky); }
.feature-item strong { display: block; font-size: 15px; margin-bottom: 3px; }
.feature-item span { color: #727272; font-size: 12px; line-height: 1.4; }

/* Product cards and listing */
.product-card { height: 100%; position: relative; background: #fff; border: 1px solid #e4e6ea; border-radius: 5px; transition: box-shadow .32s ease, transform .32s ease, border-color .32s ease; overflow: hidden; }
.product-card::before { content: ""; position: absolute; z-index: 3; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--enes-blue), var(--enes-sky)); transform: scaleX(0); transform-origin: left; transition: transform .32s ease; }
.product-card:hover { transform: translateY(-6px); box-shadow: 0 16px 38px rgba(25, 48, 83, .14); border-color: rgba(31,79,168,.26); }
.product-card:hover::before { transform: scaleX(1); }
.product-image { height: 285px; display: flex; align-items: center; justify-content: center; padding: 16px; overflow: hidden; background: #fff; }
.product-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform .5s cubic-bezier(.2,.75,.2,1); }
.product-card:hover .product-image img { transform: scale(1.07) translateY(-3px); }
.discount-badge { position: absolute; z-index: 2; top: 12px; left: 12px; width: 50px; height: 50px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #ff5b5b, #dc2727); border-radius: 68% 45% 62% 48%; box-shadow: 0 6px 14px rgba(220,39,39,.22); font-weight: 700; line-height: 1.05; text-align: center; font-size: 12px; }
.product-card-body { padding: 16px 18px 18px; border-top: 1px solid #f0f0f0; display: flex; flex-direction: column; justify-content: space-between; }
.product-brand { color: var(--enes-blue); font-size: 11px; font-weight: 700; margin-bottom: 6px; }
.product-name { min-height: 44px; line-height: 1.4; font-size: 14px; font-weight: 600; }
.old-price { color: #999; font-size: 12px; text-decoration: line-through; }
.new-price { color: var(--enes-blue); font-size: 18px; font-weight: 800; }
.card-actions { display: flex; gap: 8px; margin-top: 12px; }
.card-actions .btn { flex: 1; border-radius: 3px; font-size: 12px; font-weight: 700; }
.listing-page { padding: 24px 0 58px; }
.breadcrumb { font-size: 12px; margin-bottom: 24px; }
.listing-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; }
.filter-panel { border: 1px solid var(--enes-border); background: #fff; }
.filter-title { padding: 16px 18px; color: #fff; background: var(--enes-blue); font-weight: 700; }
.filter-block { padding: 18px; border-bottom: 1px solid var(--enes-border); }
.filter-block h6 { font-size: 13px; font-weight: 800; margin-bottom: 13px; }
.filter-block .form-check { margin-bottom: 8px; font-size: 12px; }
.category-copy { margin-top: 45px; padding: 30px; background: #f7f8fa; border-left: 4px solid var(--enes-blue); line-height: 1.75; }
.category-copy h1 { font-size: 25px; font-weight: 700; }
.sort-bar { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--enes-border); padding-bottom: 15px; margin-bottom: 22px; }
.sort-bar h1 { font-size: 23px; margin: 0; font-weight: 700; }
.sort-bar select { width: 190px; border-radius: 0; font-size: 13px; }

/* Product detail */
.product-detail { padding: 24px 0 60px; }
.product-detail-grid { display: grid; grid-template-columns: minmax(380px, .95fr) minmax(420px, 1.05fr); gap: 48px; }
.product-gallery-main { height: 640px; display: grid; place-items: center; border: 1px solid var(--enes-border); padding: 30px; }
.product-gallery-main img { width: 100%; height: 100%; object-fit: contain; }
.product-detail h1 { font-size: 27px; line-height: 1.35; font-weight: 700; }
.rating-row { color: #f1ad1d; }
.detail-price-old { text-decoration: line-through; color: #999; font-size: 16px; }
.detail-price-new { color: var(--enes-blue); font-size: 31px; font-weight: 800; }
.bank-transfer-detail-inline { margin-top: 3px; }
.bank-transfer-detail-inline > span { display: flex; align-items: center; gap: 5px; color: #27745b; font-size: 11px; font-weight: 800; }
.bank-transfer-detail-inline > span small { display: inline-flex; padding: 2px 6px; border-radius: 999px; color: #08744e; background: #e3f8ef; font-size: 9px; font-weight: 800; }
.bank-transfer-detail-inline .detail-price-new { display: block; color: #08744e; line-height: 1.15; }
.product-installments { margin-top: 32px; padding: 26px; border: 1px solid #dbe5f0; background: linear-gradient(135deg, #f7faff 0%, #fff 46%, #f8fbff 100%); box-shadow: 0 10px 34px rgba(26, 70, 120, .07); }
.product-installments-tab { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.product-installments-heading { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-bottom: 22px; }
.product-installments-icon { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, var(--enes-blue), #1188c9); font-size: 23px; box-shadow: 0 8px 18px rgba(0, 92, 158, .22); }
.product-installments-heading h2 { margin: 0 0 4px; color: #17324d; font-size: 20px; font-weight: 800; }
.product-installments-heading p { margin: 0; color: #6b7886; font-size: 12px; }
.product-installments-count { padding: 6px 10px; border: 1px solid #cfe0f1; border-radius: 999px; color: var(--enes-blue); background: #fff; font-size: 11px; font-weight: 800; white-space: nowrap; }
.product-installments-status { min-height: 76px; display: flex; align-items: center; justify-content: center; gap: 11px; border: 1px dashed #cbd9e8; color: #63768a; background: rgba(255, 255, 255, .72); font-size: 13px; font-weight: 600; }
.product-installments-status.is-error { border-color: #f0d3d5; color: #9a3e45; background: #fff8f8; }
.product-installments-spinner { width: 20px; height: 20px; border: 2px solid #c9d9e8; border-top-color: var(--enes-blue); border-radius: 50%; animation: spin .8s linear infinite; }
.product-installments-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); gap: 14px; }
.installment-plan { overflow: hidden; border: 1px solid #dbe4ed; background: #fff; box-shadow: 0 5px 16px rgba(35, 66, 98, .055); }
.installment-plan-head { min-height: 76px; display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 12px; padding: 13px 15px; border-bottom: 1px solid #e7edf3; background: #fbfdff; }
.installment-plan-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; color: var(--enes-blue); background: #eaf4fc; font-size: 15px; font-weight: 900; }
.installment-plan-logo { width: 110px; height: 46px; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; }
.installment-plan-logo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: left center; }
.installment-plan-head strong, .installment-plan-head small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.installment-plan-head strong { color: #18334e; font-size: 14px; }
.installment-plan-head small { margin-top: 2px; color: #7a8793; font-size: 10px; }
.installment-plan-options { margin: 0; padding: 0; list-style: none; }
.installment-plan-option { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 15px; border-top: 1px solid #eef2f6; }
.installment-plan-option:first-child { border-top: 0; }
.installment-plan-badge { display: inline-flex; justify-content: center; padding: 4px 7px; border-radius: 999px; color: #075f9c; background: #eaf5fd; font-size: 10px; font-weight: 800; white-space: nowrap; }
.installment-plan-monthly { min-width: 0; color: #172f47; font-size: 12px; font-weight: 800; }
.installment-plan-monthly small { color: #7c8995; font-size: 9px; font-weight: 600; }
.installment-plan-total { color: #566676; font-size: 10px; text-align: right; white-space: nowrap; }
.installment-plan-total strong { display: block; color: #273e55; font-size: 11px; }
.product-installments-note { display: flex; align-items: flex-start; gap: 7px; margin: 17px 0 0; color: #71808e; font-size: 10px; line-height: 1.55; }
.product-installments-note i { margin-top: 1px; color: var(--enes-blue); }
.detail-meta { border-top: 1px solid var(--enes-border); border-bottom: 1px solid var(--enes-border); padding: 16px 0; margin: 20px 0; }
.detail-meta .row { margin-bottom: 7px; }
.qty-buy-row { display: flex; gap: 10px; margin: 20px 0; }
.qty-buy-row select { width: 90px; border-radius: 0; }
.detail-tabs .nav-link { color: #444; border-radius: 0; font-weight: 700; }
.detail-tabs .nav-link.active { color: #fff; background: var(--enes-blue); }
.detail-tabs .tab-pane { padding: 30px; border: 1px solid var(--enes-border); border-top: 0; line-height: 1.75; }
.spec-table td { padding: 12px 16px; }
.spec-table td:first-child { width: 38%; background: #f4f5f7; font-weight: 700; }

/* Brands and blog */
.brand-card { height: 170px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px; border: 1px solid var(--enes-border); background: #fff; transition: box-shadow .2s; }
.brand-card:hover { box-shadow: var(--enes-shadow); }
.brand-card img { width: 100%; height: 105px; object-fit: contain; transition: transform .35s ease, filter .35s ease; }
.brand-image-placeholder { width: 100%; height: 105px; display: grid; place-items: center; border-radius: 8px; color: #2d67ad; background: linear-gradient(145deg, #eef5fd, #f9fbfe); font-size: 42px; transition: transform .35s ease, background-color .35s ease; }
.brand-card span { font-weight: 700; font-size: 13px; }
.brand-card:hover img { transform: scale(1.07); filter: saturate(1.14); }
.brand-card:hover .brand-image-placeholder { transform: scale(1.04); background: #e4f1ff; }
.blog-card { height: 100%; border: 1px solid var(--enes-border); background: #fff; }
.blog-card { overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.blog-card:hover { transform: translateY(-5px); box-shadow: var(--enes-shadow); }
.blog-card img { width: 100%; height: 225px; object-fit: cover; transition: transform .55s ease; }
.blog-card:hover img { transform: scale(1.045); }
.blog-card-body { padding: 22px; }
.blog-card h3 { font-size: 18px; font-weight: 700; line-height: 1.4; }
.blog-card p { color: #777; line-height: 1.7; }
.article-shell { max-width: 960px; margin-inline: auto; }
.article-shell h1 { font-size: 34px; font-weight: 800; }
.article-shell h2 { margin-top: 35px; font-size: 24px; font-weight: 700; color: var(--enes-blue); }
.article-shell p { font-size: 16px; line-height: 1.85; color: #4c4c4c; }
.article-cover { width: 100%; max-height: 520px; object-fit: cover; margin: 20px 0 28px; }

/* Generic content and forms */
.page-hero { padding: 38px 0; background: linear-gradient(110deg, var(--enes-blue), #087bc2); color: #fff; position: relative; overflow: hidden; }
.page-hero::before, .page-hero::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; pointer-events: none; }
.page-hero::before { width: 150px; height: 150px; right: 10%; top: -92px; animation: waterOrb 8s ease-in-out infinite; }
.page-hero::after { width: 72px; height: 72px; right: 23%; bottom: -44px; animation: waterOrb 6s ease-in-out -2s infinite reverse; }
.page-hero .site-container { position: relative; z-index: 1; }
.page-hero h1 { font-size: 31px; font-weight: 800; margin: 0; }
.content-card { padding: 30px; border: 1px solid var(--enes-border); background: #fff; box-shadow: 0 4px 18px rgba(30,50,80,.05); }
.content-card h2 { font-size: 21px; color: var(--enes-blue); font-weight: 700; }
.content-card p, .content-card li { line-height: 1.8; }
.form-control, .form-select { border-radius: 0; min-height: 46px; }
.form-label { font-weight: 600; }
.contact-line { display: grid; grid-template-columns: 34px 1fr; gap: 12px; margin-bottom: 20px; }
.contact-line i { font-size: 23px; color: var(--enes-blue); }
.login-card { max-width: 570px; margin-inline: auto; }
.cart-line { display: grid; grid-template-columns: 95px 1fr 100px 130px 42px; gap: 18px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--enes-border); }
.cart-line img { width: 90px; height: 90px; object-fit: contain; }

/* Footer */
.site-footer { margin-top: 0; background: #f1f2f4; }
.footer-news { padding: 34px 0; background: linear-gradient(115deg, #143b89, var(--enes-blue) 55%, #087eaf); color: #fff; position: relative; overflow: hidden; }
.footer-news::after { content: ""; position: absolute; width: 230px; height: 230px; right: 8%; top: -170px; border-radius: 50%; border: 1px solid rgba(255,255,255,.13); pointer-events: none; }
.footer-news .site-container { position: relative; z-index: 1; }
.footer-news-grid { display: grid; grid-template-columns: 1fr 1.1fr 1fr; align-items: center; gap: 34px; }
.newsletter-form { display: flex; height: 48px; }
.newsletter-form input { flex: 1; border: 0; padding: 0 14px; }
.newsletter-form button { border: 0; background: #112f6c; color: #fff; padding: 0 20px; font-weight: 700; }
.footer-main { padding: 46px 0 36px; }
.footer-main h5 { font-size: 15px; font-weight: 800; margin-bottom: 17px; }
.footer-links a { display: block; color: #626267; margin-bottom: 10px; font-size: 13px; }
.footer-links a:hover { color: var(--enes-blue); }
.footer-payment-band { margin-top: 34px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid #d7d8db; }
.footer-payment-band > span { display: inline-flex; align-items: center; gap: 8px; color: #59616c; font-size: 12px; font-weight: 700; white-space: nowrap; }
.footer-payment-band > span i { color: var(--enes-blue); font-size: 17px; }
.footer-payment-band img { width: min(429px, 100%); height: auto; }
.footer-bottom { border-top: 1px solid #d7d8db; padding: 18px 0; color: #707074; font-size: 12px; }

/* Mobile bottom tabs */
.mobile-tabbar { display: none; }
.floating-whatsapp { position: fixed; right: 22px; bottom: 24px; z-index: 1030; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #20bf6b; box-shadow: 0 7px 20px rgba(0,0,0,.22); font-size: 25px; animation: whatsappPulse 2.8s ease-in-out infinite; }

/* Subtle motion system */
.scroll-progress { position: fixed; z-index: 2000; inset: 0 auto auto 0; width: 0; height: 3px; background: linear-gradient(90deg, var(--enes-blue), var(--enes-sky), #5be4c3); box-shadow: 0 1px 8px rgba(8,164,232,.45); transition: width .08s linear; }
.motion-ready .reveal-item { opacity: 0; transform: translateY(24px); transition: opacity .68s ease var(--reveal-delay, 0ms), transform .68s cubic-bezier(.2,.72,.2,1) var(--reveal-delay, 0ms); }
.motion-ready .reveal-item.reveal-visible { opacity: 1; transform: translateY(0); }
.motion-ready .reveal-item.reveal-from-left { transform: translateX(-28px); }
.motion-ready .reveal-item.reveal-from-left.reveal-visible { transform: translateX(0); }
.site-header-scrolled .mobile-header { box-shadow: 0 8px 25px rgba(22,48,82,.12); }
.motion-tilt { transform-style: preserve-3d; will-change: transform; }
.product-card.motion-tilt .product-image, .product-card.motion-tilt .product-card-body,
.category-tile.motion-tilt span { transform: translateZ(16px); }
.motion-magnetic { will-change: transform; transition: transform .16s ease-out, background-color .2s ease, border-color .2s ease, color .2s ease; }
.product-card.reveal-visible .discount-badge { animation: badgePop .7s cubic-bezier(.2,.9,.25,1.2) .22s both; }
.section-title.reveal-visible h2::before { animation: dropPop .72s cubic-bezier(.2,.9,.25,1.25) both; }
.feature-item.reveal-visible i { animation: iconHello .75s ease .16s both; }

/* Ambient water motion */
.motion-surface { position: relative; isolation: isolate; overflow: hidden; }
.motion-surface > :not(.motion-bubbles) { position: relative; z-index: 1; }
.motion-bubbles { position: absolute; z-index: 0; inset: 0; pointer-events: none; overflow: hidden; }
.motion-bubble { position: absolute; bottom: -48px; width: var(--bubble-size, 16px); height: var(--bubble-size, 16px); border: 1px solid rgba(45, 167, 221, .20); border-radius: 50%; background: rgba(108, 216, 245, .055); box-shadow: inset 3px 3px 8px rgba(255,255,255,.35); animation: bubbleFloat var(--bubble-duration, 12s) ease-in infinite; animation-delay: var(--bubble-delay, 0s); }
.page-hero .motion-bubble { border-color: rgba(255,255,255,.23); background: rgba(255,255,255,.06); }

@keyframes titleLineFlow { to { background-position: -220% 0; } }
@keyframes heroDrift { from { transform: scale(1.035); } to { transform: scale(1); } }
@keyframes logoShine { 0%, 63% { left: -45%; opacity: 0; } 72% { opacity: .85; } 88%, 100% { left: 125%; opacity: 0; } }
@keyframes buttonRipple { to { transform: translate(-50%, -50%) scale(14); opacity: 0; } }
@keyframes waterOrb { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(9px) scale(1.08); } }
@keyframes whatsappPulse { 0%,100% { transform: scale(1); box-shadow: 0 7px 20px rgba(0,0,0,.22); } 50% { transform: scale(1.055); box-shadow: 0 8px 25px rgba(32,191,107,.42); } }
@keyframes tickerFlow { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes bubbleFloat { 0% { transform: translate3d(0,0,0) scale(.82); opacity: 0; } 12% { opacity: .85; } 52% { transform: translate3d(var(--bubble-drift, 22px), -210px, 0) scale(1); } 88% { opacity: .55; } 100% { transform: translate3d(0, -460px, 0) scale(1.16); opacity: 0; } }
@keyframes badgePop { 0% { opacity: 0; transform: scale(.55) rotate(-16deg); } 65% { transform: scale(1.09) rotate(4deg); } 100% { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes dropPop { 0% { opacity: 0; transform: rotate(38deg) scale(.2); } 65% { transform: rotate(38deg) scale(1.22); } 100% { opacity: 1; transform: rotate(38deg) scale(1); } }
@keyframes iconHello { 0% { opacity: 0; transform: translateY(12px) rotate(-12deg) scale(.75); } 70% { transform: translateY(-3px) rotate(4deg) scale(1.08); } 100% { opacity: 1; transform: none; } }
@keyframes indicatorPulse { 0%,100% { transform: scaleX(1); opacity: 1; } 50% { transform: scaleX(1.22); opacity: .72; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .brand-logo::after, .page-hero::before,
  .page-hero::after, .floating-whatsapp, .ticker-track, .section-title::after,
  .motion-bubble, .product-card.reveal-visible .discount-badge,
  .section-title.reveal-visible h2::before, .feature-item.reveal-visible i { animation: none !important; }
  .campaign-ticker { overflow-x: auto; }
  .ticker-group[aria-hidden="true"] { display: none; }
  .product-card, .product-image img, .category-tile img, .category-tile::after,
  .blog-card, .blog-card img, .brand-card img, .feature-item i,
  .primary-nav-link, .primary-nav-link::after, .category-toggle, .category-toggle::after, .appointment-nav, .header-action i,
  #myCarousel .carousel-item { transition: none !important; }
  .carousel-item.active .megastore-slide-image,
  .carousel-item.active .megastore-slide-label,
  .carousel-item.active .megastore-slide-content h1,
  .carousel-item.active .megastore-slide-content p,
  .carousel-item.active .megastore-slide-button,
  .megastore-side-card.is-changing > img { animation: none !important; }
}

@media (max-width: 1199.98px) {
  .desktop-header .site-container { grid-template-columns: 270px minmax(350px, 1fr) 205px; gap: 16px; }
  .brand-logo { width: 250px; height: 64px; }
  .brand-logo img { top: -31px; width: 225px; }
  .primary-nav-links { gap: 0; }
  .primary-nav-link { min-width: 92px; padding-inline: 9px; font-size: 13px; }
  .category-toggle { min-width: 170px; padding-inline: 13px; font-size: 13px; }
  .appointment-nav { min-height: 44px; margin-left: 6px; padding-inline: 9px; font-size: 13px; }
  .header-action { grid-template-columns: 32px auto; }
  .header-action i { font-size: 24px; }
  .megastore-hero-grid { grid-template-columns: minmax(0, 2.04fr) minmax(300px, 1fr); }
  .megastore-slide-content { width: 100%; min-height: 164px; padding: 22px 4px 8px; column-gap: 32px; }
  #myCarousel .megastore-slide-content h1 { font-size: 38px; }
  #myCarousel .megastore-slide-content p { font-size: 15px; }
}

@media (max-width: 991.98px) {
  .megastore-hero-grid { height: auto; grid-template-columns: 1fr; }
  .megastore-hero-slider { height: auto; }
  .megastore-side-banners { height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .megastore-slide-content { width: 100%; padding-inline: 4px; }
}

@media (max-width: 991.98px) {
  body { padding-bottom: 72px; }
  .top-phone-bar, .desktop-header, .primary-nav { display: none; }
  .mobile-header { height: 72px; display: flex; align-items: center; position: sticky; top: 0; z-index: 1025; background: #fff; border-bottom: 1px solid var(--enes-border); }
  .mobile-header .site-container { display: grid; grid-template-columns: 44px 1fr 88px; align-items: center; gap: 8px; }
  .mobile-header button { width: 42px; height: 42px; border: 0; color: var(--enes-blue); background: transparent; font-size: 23px; }
  .mobile-header .brand-logo { width: 215px; max-width: 100%; height: 54px; margin-inline: auto; }
  .mobile-header .brand-logo img { top: -27px; width: 190px; height: auto; }
  .campaign-ticker, .ticker-item { min-height: 36px; height: 36px; }
  .ticker-item { padding-inline: 22px; font-size: 11px; }
  .ticker-item::after { margin-left: 22px; }
  .mobile-actions { display: flex; justify-content: flex-end; }
  .listing-layout { grid-template-columns: 1fr; }
  .filter-panel { display: none; }
  .product-detail-grid { grid-template-columns: 1fr; gap: 26px; }
  .footer-news-grid { grid-template-columns: 1fr; }
  .mobile-tabbar { position: fixed; inset: auto 0 0; z-index: 1040; height: 68px; display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; border-top: 1px solid #d9dce2; box-shadow: 0 -8px 24px rgba(23,48,82,.10); padding-bottom: env(safe-area-inset-bottom); }
  .mobile-tabbar a, .mobile-tabbar button { position: relative; border: 0; background: transparent; color: #737780; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 10px; }
  .mobile-tabbar i { font-size: 21px; }
  .mobile-tabbar a.active, .mobile-tabbar button.active { color: var(--enes-blue); }
  .mobile-tabbar .tab-main { width: 54px; height: 54px; justify-self: center; align-self: start; transform: translateY(-15px); border-radius: 50%; color: #fff; background: var(--enes-blue); box-shadow: 0 7px 18px rgba(31,79,168,.35); }
  .mobile-tabbar .tab-main span { position: absolute; top: 55px; color: #737780; }
  .floating-whatsapp { right: 14px; bottom: 84px; width: 48px; height: 48px; }
}

/* Cookie consent */
.cookie-consent-root { --cookie-primary: #1f4fa8; --cookie-bg: #fff; --cookie-text: #263750; position: relative; z-index: 1090; }
.cookie-banner {
  position: fixed; z-index: 1090; left: clamp(12px, 3vw, 42px); right: clamp(12px, 3vw, 42px); bottom: clamp(12px, 2vw, 28px);
  max-width: 1440px; margin-inline: auto; padding: 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px;
  color: var(--cookie-text); background: var(--cookie-bg); border: 1px solid color-mix(in srgb, var(--cookie-primary) 22%, #dce4ef); border-radius: 16px;
  box-shadow: 0 20px 60px rgba(9, 31, 67, .22);
}
.cookie-consent-root[data-position="top"] .cookie-banner { top: clamp(12px, 2vw, 28px); bottom: auto; }
.cookie-banner[hidden], .cookie-dialog-backdrop[hidden] { display: none !important; }
.cookie-banner-copy { min-width: 0; display: flex; align-items: flex-start; gap: 16px; }
.cookie-banner-icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--cookie-primary); font-size: 21px; }
.cookie-banner h2 { margin: 0 0 6px; color: var(--cookie-text); font-size: clamp(18px, 1.4vw, 22px); font-weight: 800; }
.cookie-banner p { max-width: 780px; margin: 0; color: color-mix(in srgb, var(--cookie-text) 78%, #fff); font-size: 13px; line-height: 1.65; }
.cookie-banner p a, .cookie-policy-link { color: var(--cookie-primary); font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.cookie-banner-actions, .cookie-dialog-actions { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(118px, 1fr); gap: 9px; }
.cookie-action-button {
  min-height: 44px; padding: 9px 15px; border: 2px solid var(--cookie-primary); border-radius: 9px; color: var(--cookie-primary); background: var(--cookie-bg);
  font: inherit; font-size: 13px; font-weight: 800; line-height: 1.2; white-space: nowrap; transition: color .18s ease, background-color .18s ease, transform .18s ease;
}
.cookie-action-button:hover, .cookie-action-button:focus-visible { color: #fff; background: var(--cookie-primary); transform: translateY(-1px); }
.cookie-action-button:focus-visible, .cookie-dialog-close:focus-visible, .cookie-switch input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--cookie-primary) 30%, transparent); outline-offset: 2px; }
.cookie-action-button:disabled { cursor: wait; opacity: .58; transform: none; }
.cookie-consent-status { grid-column: 1 / -1; min-height: 0; margin: 0; color: #157347 !important; font-size: 12px !important; }
.cookie-consent-status:empty { display: none; }
.cookie-consent-status.is-error { color: #b42318 !important; }
.cookie-dialog-backdrop { position: fixed; z-index: 1100; inset: 0; padding: 24px; display: grid; place-items: center; background: rgba(7, 22, 46, .58); opacity: 0; transition: opacity .18s ease; backdrop-filter: blur(5px); }
.cookie-dialog-backdrop.is-visible { opacity: 1; }
.cookie-dialog {
  width: min(720px, 100%); max-height: min(820px, calc(100vh - 48px)); overflow: hidden; display: flex; flex-direction: column;
  color: var(--cookie-text); background: var(--cookie-bg); border-radius: 18px; box-shadow: 0 30px 90px rgba(5, 24, 56, .35); transform: translateY(12px) scale(.985); transition: transform .18s ease;
}
.cookie-dialog-backdrop.is-visible .cookie-dialog { transform: none; }
.cookie-dialog-header { padding: 25px 26px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-bottom: 1px solid #e4eaf1; }
.cookie-dialog-header h2 { margin: 4px 0 7px; color: var(--cookie-text); font-size: clamp(22px, 3vw, 30px); font-weight: 800; }
.cookie-dialog-header p { max-width: 600px; margin: 0; color: #68758a; font-size: 13px; line-height: 1.6; }
.cookie-dialog-close { flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #dce4ed; border-radius: 10px; color: var(--cookie-text); background: #f7f9fb; font-size: 17px; }
.cookie-category-list { padding: 8px 26px; overflow-y: auto; overscroll-behavior: contain; }
.cookie-category-item { padding: 18px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 22px; border-bottom: 1px solid #edf0f4; }
.cookie-category-item:last-child { border-bottom: 0; }
.cookie-category-copy label { display: block; margin-bottom: 5px; color: var(--cookie-text); font-size: 15px; font-weight: 800; cursor: pointer; }
.cookie-category-copy p { margin: 0; color: #6a7688; font-size: 12px; line-height: 1.55; }
.cookie-switch-wrap { display: flex; align-items: center; gap: 9px; }
.cookie-switch-wrap > span { color: var(--cookie-primary); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.cookie-switch { position: relative; width: 48px; height: 27px; margin: 0; flex: 0 0 auto; }
.cookie-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cookie-switch > span:first-of-type { position: absolute; inset: 0; border-radius: 999px; background: #c7cfda; cursor: pointer; transition: background-color .18s ease; }
.cookie-switch > span:first-of-type::after { content: ""; position: absolute; width: 21px; height: 21px; left: 3px; top: 3px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.18); transition: transform .18s ease; }
.cookie-switch input:checked + span { background: var(--cookie-primary); }
.cookie-switch input:checked + span::after { transform: translateX(21px); }
.cookie-switch input:disabled + span { cursor: not-allowed; opacity: .78; }
.cookie-dialog-footer { padding: 18px 26px 22px; border-top: 1px solid #e4eaf1; }
.cookie-dialog-footer .cookie-policy-link { display: inline-block; margin-bottom: 14px; font-size: 12px; }
.cookie-dialog-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row; }
.cookie-dialog-open { overflow: hidden; }
.cookie-preferences-link { padding: 0; border: 0; color: inherit; background: none; font: inherit; text-align: left; }
.cookie-preferences-link:hover { color: #fff; }
.cookie-policy-content > h2 { margin-top: 28px; }
.cookie-policy-content > h2:first-of-type { margin-top: 10px; }
.cookie-policy-categories { display: grid; gap: 10px; margin-bottom: 26px; }
.cookie-policy-category { padding: 17px 18px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; border: 1px solid #e2e8f0; border-radius: 11px; background: #fafbfd; }
.cookie-policy-category h3 { margin: 0 0 5px; font-size: 15px; }
.cookie-policy-category p { margin: 0; color: #6b7788; font-size: 12px; }
.cookie-policy-category > span { padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; white-space: nowrap; text-transform: uppercase; }
.cookie-policy-category > span.is-required, .cookie-policy-category > span.is-allowed { color: #087747; background: #e7f8ef; }
.cookie-policy-category > span.is-blocked { color: #8a4b08; background: #fff3df; }
.cookie-policy-table-wrap { margin-top: 13px; border: 1px solid #e2e8f0; border-radius: 11px; }
.cookie-policy-table { min-width: 840px; margin: 0; font-size: 12px; }
.cookie-policy-table th { padding: 13px; color: #153f91; background: #eef5ff; white-space: nowrap; }
.cookie-policy-table td { padding: 13px; vertical-align: top; }
.cookie-policy-table code { color: #153f91; font-size: 11px; }

@media (max-width: 899.98px) {
  .cookie-banner { grid-template-columns: 1fr; gap: 16px; }
  .cookie-banner-actions { width: 100%; }
}

@media (max-width: 575.98px) {
  .cookie-banner { left: 8px; right: 8px; bottom: calc(80px + env(safe-area-inset-bottom)); padding: 17px; border-radius: 13px; }
  .cookie-consent-root[data-position="top"] .cookie-banner { top: calc(8px + env(safe-area-inset-top)); bottom: auto; }
  .cookie-banner-copy { gap: 11px; }
  .cookie-banner-icon { flex-basis: 38px; width: 38px; height: 38px; border-radius: 10px; font-size: 18px; }
  .cookie-banner h2 { font-size: 17px; }
  .cookie-banner p { font-size: 12px; line-height: 1.5; }
  .cookie-banner-actions { grid-auto-flow: row; grid-auto-columns: 1fr; grid-template-columns: 1fr; }
  .cookie-action-button { width: 100%; min-height: 46px; }
  .cookie-dialog-backdrop { padding: 0; place-items: end center; }
  .cookie-dialog { width: 100%; max-height: calc(100dvh - 18px); border-radius: 18px 18px 0 0; }
  .cookie-dialog-header { padding: 20px 18px 16px; }
  .cookie-dialog-header h2 { font-size: 22px; }
  .cookie-category-list { padding-inline: 18px; }
  .cookie-category-item { gap: 14px; }
  .cookie-dialog-footer { padding: 15px 18px calc(16px + env(safe-area-inset-bottom)); }
  .cookie-dialog-actions { grid-template-columns: 1fr; }
  .cookie-policy-category { grid-template-columns: 1fr; gap: 10px; }
  .cookie-policy-category > span { justify-self: start; }
}

@media (max-width: 991.98px) {
  .home-hero.megastore-hero-section { padding: 20px 0 16px; }
  .megastore-hero-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .megastore-hero-slider {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }
  .megastore-side-banners {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    height: auto;
  }
  .megastore-side-card {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    flex: none;
    border-radius: 8px;
  }
  .megastore-side-card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
}

@media (max-width: 767.98px) {
  .section-space { padding: 38px 0; }
  .section-title h2 { font-size: 19px; }
  .category-tile { height: 190px; }
  .product-image { height: 245px; padding: 14px; }
  .sort-bar { align-items: flex-start; gap: 12px; flex-direction: column; }
  .sort-bar select { width: 100%; }
  .product-gallery-main { height: 360px; }
  .product-detail h1 { font-size: 22px; }
  .detail-tabs .nav { flex-wrap: nowrap; overflow-x: auto; }
  .detail-tabs .nav-link { white-space: nowrap; }
  .detail-tabs .tab-pane { padding: 20px; }
  .article-shell h1 { font-size: 28px; }
  .page-hero h1 { font-size: 26px; }
  .content-card { padding: 22px; }
  .footer-main { padding-bottom: 24px; }
  .cart-line { grid-template-columns: 72px 1fr 42px; }
  .cart-line img { width: 68px; height: 68px; }
  .cart-line .cart-price, .cart-line .cart-qty { display: none; }
  .motion-bubble:nth-child(n+5) { display: none; }
}

@media (max-width: 480px) {
  .mobile-header .brand-logo { width: 188px; }
  .mobile-header .brand-logo img { top: -24px; width: 170px; }
  .megastore-side-banners { gap: 6px; }
  .megastore-hero-dots { bottom: 8px; }
  .product-image { height: 215px; padding: 12px; }
  .product-card-body { padding: 14px; }
  .product-name { font-size: 13px; }
  .new-price { font-size: 16px; }
}

/* Dynamic MVC integration */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
.skip-link { position: fixed; z-index: 3000; left: 16px; top: 10px; padding: 10px 15px; color: #fff; background: var(--enes-blue); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.top-phone-bar a { color: inherit; }
.header-actions .cart-icon-wrap { display: block; grid-row: 1 / span 2; position: relative; width: 38px; }
.header-actions .cart-icon-wrap i { grid-row: auto; }
.header-action .cart-count, .mobile-actions .cart-count, .mobile-tabbar .cart-count {
  position: absolute; top: -10px; right: -6px; min-width: 21px; height: 21px; padding: 0 5px;
  display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0aa55d;
  border: 2px solid #fff; font-size: 10px; font-weight: 800; line-height: 1;
}
.cart-count.is-empty { opacity: 0; transform: scale(.5); }
.mobile-actions a { width: 42px; height: 42px; display: grid; place-items: center; color: var(--enes-blue); font-size: 22px; }
.mobile-actions .cart-icon-wrap { position: relative; display: inline-grid; place-items: center; }
.mobile-actions .cart-count { right: -11px; top: -9px; }
.offcanvas-top { height: 190px !important; }
.offcanvas .search-form { max-width: 720px; margin-inline: auto; }
.footer-social { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.footer-social a { width: 35px; height: 35px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; transition: transform .2s, background .2s; }
.footer-social a:hover { transform: translateY(-3px); background: rgba(255,255,255,.12); }
.footer-logo { margin-bottom: 14px; }
.footer-main p { max-width: 390px; color: #676b73; line-height: 1.7; }
.footer-contact { display: inline-flex; align-items: center; gap: 8px; color: var(--enes-blue); font-weight: 800; }
.section-link, .section-count { margin-left: auto; color: var(--enes-blue); font-size: 12px; font-weight: 800; letter-spacing: .03em; white-space: nowrap; }
.section-link { position: relative; }
.section-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -5px; height: 2px; background: var(--enes-sky); transition: right .25s; }
.section-link:hover::after { right: 0; }
.page-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; font-size: 12px; opacity: .9; }
.page-breadcrumb a:hover { text-decoration: underline; }
.page-breadcrumb.dark { color: #686d75; padding-top: 4px; }
.page-breadcrumb.dark span { color: #20242a; }
.page-hero p { max-width: 720px; margin: 9px 0 0; color: rgba(255,255,255,.84); font-size: 15px; }
.content-kicker { display: inline-block; margin-bottom: 8px; color: var(--enes-blue); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.content-kicker.light { color: #70ddff; }
.content-card { border-radius: 5px; }
.empty-state { max-width: 780px; margin-inline: auto; padding: 60px 24px; text-align: center; }
.empty-state > i { display: block; margin-bottom: 17px; color: var(--enes-blue); font-size: 54px; opacity: .35; }
.empty-state h2, .empty-state h3 { margin-bottom: 10px; font-weight: 800; }
.empty-state p { max-width: 580px; margin: 0 auto 24px; color: #70747c; line-height: 1.7; }
.empty-state .btn + .btn { margin-left: 8px; }
.site-alert { position: fixed; z-index: 2060; top: 20px; left: 50%; width: min(520px, calc(100% - 30px)); padding: 14px 16px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; color: #fff; border-radius: 5px; box-shadow: 0 18px 45px rgba(20,35,58,.2); transform: translateX(-50%); animation: alertIn .4s ease both; }
.site-alert-success { background: #118454; }
.site-alert-error { background: #c73742; }
.site-alert button { border: 0; color: #fff; background: transparent; font-size: 20px; }
.site-alert.is-hiding { animation: alertOut .4s ease both; }

/* Home additions */
.solution-band { position: relative; overflow: hidden; padding: 62px 0; color: #fff; background: linear-gradient(115deg, #0d2f70, var(--enes-blue) 55%, #087fad); }
.solution-band::before { content: ""; position: absolute; width: 400px; height: 400px; right: -120px; top: -270px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.02); }
.solution-band-grid { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 60px; }
.solution-kicker { color: #71e4ff; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.solution-band h2 { max-width: 680px; margin: 9px 0 12px; font-size: clamp(26px, 3vw, 40px); font-weight: 800; }
.solution-band p { max-width: 680px; color: rgba(255,255,255,.77); line-height: 1.7; }
.solution-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.solution-stats div { padding: 25px 12px; text-align: center; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.solution-stats strong { display: block; font-size: 29px; }
.solution-stats span { color: rgba(255,255,255,.72); font-size: 11px; }
.solution-band.compact { padding-block: 45px; }

/* Products */
.product-card h3 { margin: 0; }
.wishlist-button { position: absolute; z-index: 4; top: 13px; right: 13px; width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid #e0e4e9; color: #6a6f77; background: rgba(255,255,255,.94); border-radius: 50%; transition: color .2s, transform .2s, border-color .2s; }
.wishlist-button:hover, .wishlist-button.active { color: #df3148; border-color: #f0a9b3; transform: scale(1.08); }
.stock-state { display: flex; align-items: center; gap: 5px; margin: 8px 0; font-size: 11px; }
.stock-state i { font-size: 6px; }
.stock-state.in-stock { color: #168b5a; }
.stock-state.out-stock { color: #c5484f; }
.price-row { min-height: 29px; display: flex; align-items: center; }
.card-actions .btn { min-height: 39px; display: inline-flex; align-items: center; justify-content: center; }
.card-actions .btn.is-loading::after { content: ""; width: 14px; height: 14px; margin-left: 8px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin .7s linear infinite; }
.card-actions .btn.is-success { background: #138b59; border-color: #138b59; }
[data-product-column] { transition: opacity .28s, transform .28s; }
[data-product-column].is-removing { opacity: 0; transform: scale(.94); }
.product-grid.is-sorting [data-product-column] { animation: sortPop .34s ease both; }
.category-filter-links { padding: 8px 0; }
.category-filter-links a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 18px; color: #5b6068; font-size: 13px; border-left: 3px solid transparent; }
.category-filter-links a:hover, .category-filter-links a.active { color: var(--enes-blue); background: #f1f6fd; border-left-color: var(--enes-blue); }
.category-filter-links span { min-width: 25px; height: 21px; display: grid; place-items: center; border-radius: 12px; background: #e8edf5; font-size: 10px; }
.brand-filter-links { max-height: 360px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b7c7db transparent; }
.brand-filter-links::-webkit-scrollbar { width: 6px; }
.brand-filter-links::-webkit-scrollbar-thumb { border-radius: 10px; background: #b7c7db; }
.sidebar-search { display: flex; height: 41px; }
.sidebar-search input { min-width: 0; flex: 1; border: 1px solid var(--enes-border); padding: 0 10px; }
.sidebar-search button { width: 42px; border: 0; color: #fff; background: var(--enes-blue); }
.filter-support { padding: 22px 18px; display: flex; flex-direction: column; align-items: flex-start; background: #eef6ff; }
.filter-support > i { margin-bottom: 8px; color: var(--enes-blue); font-size: 27px; }
.filter-support span { margin: 5px 0 10px; color: #6b717a; font-size: 12px; line-height: 1.5; }
.filter-support a { color: var(--enes-blue); font-weight: 800; font-size: 12px; }
.sort-bar > div span { display: block; margin-top: 4px; color: #7b8088; font-size: 12px; }

/* Product detail */
.product-gallery { min-width: 0; }
.product-gallery-main { position: relative; overflow: hidden; background: #fff; }
.product-gallery-main::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, transparent 35%, rgba(54,192,238,.12), transparent 65%); transform: translateX(-130%); animation: galleryShine 6s ease-in-out infinite; }
.product-gallery-main img { transition: opacity .18s, transform .45s; }
.product-gallery-main:hover img { transform: scale(1.035); }
.product-gallery-main img.is-changing { opacity: 0; }
.product-thumbs { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; }
.product-thumbs button { flex: 0 0 82px; height: 82px; padding: 6px; border: 1px solid var(--enes-border); background: #fff; }
.product-thumbs button.active { border: 2px solid var(--enes-blue); }
.product-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.detail-category { display: inline-block; margin-bottom: 9px; color: var(--enes-blue); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.detail-lead { color: #656b73; line-height: 1.7; }
.rating-row { display: flex; align-items: center; gap: 3px; margin: 10px 0 17px; }
.rating-row a { margin-left: 8px; color: #6d727a; font-size: 12px; }
.detail-wishlist { width: 53px; border: 1px solid var(--enes-border); color: #d23d52; background: #fff; font-size: 20px; }
.stock-notify { padding: 20px; border: 1px solid #f0d99d; background: #fff9e9; }
.stock-notify label { display: block; margin-bottom: 8px; font-weight: 800; }
.stock-notify > div { display: flex; height: 46px; }
.stock-notify input { flex: 1; min-width: 0; padding: 0 12px; border: 1px solid #d9c788; }
.stock-notify button { border: 0; color: #fff; background: #996b08; padding-inline: 18px; font-weight: 800; }
.detail-assurances { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 20px; }
.detail-assurances > div { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 7px; padding: 12px 9px; background: #f6f8fb; }
.detail-assurances i { color: var(--enes-blue); font-size: 23px; }
.detail-assurances strong, .detail-assurances small { display: block; font-size: 10px; }
.detail-assurances small { color: #767b83; }
.detail-tabs h2 { font-size: 21px; font-weight: 800; }
.review-form { display: flex; align-items: flex-end; gap: 15px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid var(--enes-border); }
.review-form label { display: block; margin-bottom: 6px; font-weight: 700; }
.review-form select { min-width: 155px; }
.review-item { padding: 20px 0; border-bottom: 1px solid var(--enes-border); }
.review-item > div:first-child { display: flex; justify-content: space-between; gap: 20px; }
.review-item span { color: #8a8e94; font-size: 11px; }
.review-item p { margin: 0; }
.review-login-note a { color: var(--enes-blue); font-weight: 700; }

/* Campaign, about, contact, article */
.campaign-hero { overflow: hidden; color: #fff; background: linear-gradient(110deg, #0d2f70, #1165ae); }
.campaign-hero .site-container { min-height: 410px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; }
.campaign-hero h1 { margin: 10px 0 14px; font-size: clamp(34px, 5vw, 62px); font-weight: 800; line-height: 1.02; }
.campaign-hero p { max-width: 580px; color: rgba(255,255,255,.8); font-size: 16px; line-height: 1.7; }
.campaign-hero img { width: 100%; height: 410px; object-fit: cover; transform: skewX(-4deg) scale(1.05); box-shadow: -30px 0 55px rgba(0,0,0,.13); }
.brand-card-large { height: 230px; }
.brand-card-large small { color: var(--enes-blue); font-size: 11px; font-weight: 700; }
.about-grid, .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.about-media { position: relative; }
.about-media img { width: 100%; height: 520px; object-fit: cover; }
.about-media > span { position: absolute; right: -20px; bottom: 28px; padding: 20px 25px; color: #fff; background: var(--enes-blue); box-shadow: 0 15px 35px rgba(17,50,104,.23); }
.about-media strong { display: block; font-size: 31px; }
.about-copy h2, .contact-card h2, .contact-form-card h2 { font-size: clamp(27px, 3vw, 40px); font-weight: 800; }
.about-copy > p { color: #626872; line-height: 1.8; }
.about-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 25px; }
.about-values div { padding: 18px 12px; background: #f5f8fc; }
.about-values i { display: block; margin-bottom: 8px; color: var(--enes-blue); font-size: 26px; }
.about-values strong, .about-values span { display: block; }
.about-values span { margin-top: 4px; color: #777d86; font-size: 11px; }
.contact-grid { align-items: stretch; }
.contact-card, .contact-form-card { padding: clamp(25px, 4vw, 46px); }
.contact-card .contact-line a, .contact-card .contact-line span { display: block; margin-top: 4px; font-weight: 700; }
.contact-card .contact-line small { display: block; color: #7b8189; }
.contact-form-card form label { display: block; margin-bottom: 6px; font-weight: 700; font-size: 13px; }

/* Service appointment */
.appointment-hero { background: linear-gradient(115deg, #092c63 0%, #0f5da8 62%, #0b87bd 100%); }
.appointment-page { position: relative; overflow: hidden; }
.appointment-page::before { content: ""; position: absolute; width: 440px; height: 440px; right: -220px; top: 70px; border-radius: 50%; background: radial-gradient(circle, rgba(19,117,189,.10), transparent 68%); pointer-events: none; }
.appointment-layout { position: relative; display: grid; grid-template-columns: minmax(290px, .78fr) minmax(0, 1.35fr); gap: 34px; align-items: start; }
.appointment-info-card { position: sticky; top: 22px; padding: clamp(28px, 4vw, 42px); border-radius: 12px; color: #fff; background: linear-gradient(145deg, #092c63, #0b4d91 62%, #0c75aa); box-shadow: 0 22px 50px rgba(8,43,91,.20); overflow: hidden; }
.appointment-info-card::after { content: ""; position: absolute; width: 170px; height: 170px; right: -80px; top: -75px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; }
.appointment-info-card .content-kicker { color: #7ed7ff; }
.appointment-info-card h2 { margin: 8px 0 13px; font-size: clamp(25px, 3vw, 34px); line-height: 1.15; font-weight: 800; }
.appointment-info-card > p { margin-bottom: 29px; color: rgba(255,255,255,.72); line-height: 1.7; }
.appointment-info-icon { width: 54px; height: 54px; margin-bottom: 25px; display: grid; place-items: center; border-radius: 15px; color: #0e5699; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.18); font-size: 25px; }
.appointment-step { display: grid; grid-template-columns: 39px 1fr; gap: 13px; align-items: start; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.12); }
.appointment-step > strong { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #8bdcff; background: rgba(255,255,255,.10); font-size: 11px; letter-spacing: .05em; }
.appointment-step b, .appointment-step span { display: block; }
.appointment-step b { margin-bottom: 3px; font-size: 14px; }
.appointment-step span { color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.5; }
.appointment-help { display: flex; gap: 12px; align-items: center; margin-top: 26px; padding: 15px; border-radius: 11px; color: #092c63; background: #fff; }
.appointment-help > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--enes-blue); }
.appointment-help small, .appointment-help a { display: block; }
.appointment-help small { color: #7b8189; font-size: 10px; }
.appointment-help a { margin-top: 1px; color: #092c63; font-weight: 800; }
.appointment-form-card { padding: clamp(26px, 4vw, 43px); border-radius: 12px; box-shadow: 0 18px 45px rgba(24,54,92,.08); }
.appointment-form-heading { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-bottom: 30px; }
.appointment-form-heading h2 { margin: 4px 0 0; font-size: clamp(25px, 3vw, 34px); }
.secure-form-badge { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; border-radius: 20px; color: #16794a; background: #eaf8f1; font-size: 11px; font-weight: 800; white-space: nowrap; }
.appointment-form-section { padding: 25px 0; border-top: 1px solid #edf0f3; }
.appointment-form-section h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #1f3147; font-size: 15px; font-weight: 800; }
.appointment-form-section h3 span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--enes-blue); font-size: 11px; }
.appointment-form-card label { display: block; margin-bottom: 7px; color: #354253; font-size: 12px; font-weight: 800; }
.appointment-input-wrap { position: relative; }
.appointment-input-wrap > i { position: absolute; z-index: 2; left: 15px; top: 50%; transform: translateY(-50%); color: #8a97a8; font-size: 16px; pointer-events: none; }
.appointment-input-wrap.appointment-textarea-wrap > i { top: 15px; transform: none; }
.appointment-input-wrap .form-control { min-height: 50px; padding-left: 44px; border: 1px solid #dfe4ea; border-radius: 9px; background: #fafbfd; font-size: 14px; }
.appointment-input-wrap textarea.form-control { padding-top: 13px; resize: vertical; }
.appointment-input-wrap .form-control:focus { border-color: var(--enes-blue); background: #fff; box-shadow: 0 0 0 4px rgba(31,79,168,.08); }
.appointment-input-wrap:focus-within > i { color: var(--enes-blue); }
.appointment-form-card .text-danger { display: block; margin-top: 5px; font-size: 11px; }
.appointment-validation-summary { margin-bottom: 16px; padding: 0; color: #b42318; font-size: 13px; }
.appointment-validation-summary:empty { display: none; }
.appointment-validation-summary ul { margin: 0; padding: 12px 15px 12px 31px; border-radius: 9px; background: #fff0ef; }
.appointment-consent { margin: 5px 0 22px; padding: 14px 14px 14px 40px; border-radius: 9px; background: #f5f8fb; }
.appointment-consent .form-check-input { margin-left: -25px; }
.appointment-consent .form-check-label { margin: 0; font-size: 12px; line-height: 1.6; font-weight: 600; }
.appointment-consent a { color: var(--enes-blue); text-decoration: underline; }
.appointment-submit { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between; padding-inline: 21px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(110deg, #0d3c87, #1379bd); box-shadow: 0 12px 26px rgba(13,76,142,.19); font-size: 13px; font-weight: 800; }
.appointment-submit:hover { color: #fff; background: linear-gradient(110deg, #092f6f, #0d68a8); transform: translateY(-1px); }
.appointment-submit span { display: flex; align-items: center; gap: 9px; }
.appointment-submit-note { display: flex; justify-content: center; align-items: center; gap: 7px; margin: 12px 0 0; color: #7b8189; font-size: 11px; }
.appointment-submit-note i { color: #20a761; font-size: 15px; }
.appointment-success-page { min-height: 68vh; display: flex; align-items: center; background: radial-gradient(circle at 50% 0, rgba(19,117,189,.10), transparent 38%), #f5f7fa; }
.appointment-success-card { max-width: 720px; margin: 0 auto; padding: clamp(34px, 6vw, 60px); border-radius: 14px; text-align: center; box-shadow: 0 22px 55px rgba(24,54,92,.10); }
.appointment-success-icon { width: 76px; height: 76px; margin: 0 auto 23px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #20aa66; box-shadow: 0 0 0 10px #e9f8f0; font-size: 36px; }
.appointment-success-card h1 { margin: 9px auto 14px; max-width: 570px; color: #12345f; font-size: clamp(27px, 4vw, 39px); line-height: 1.16; font-weight: 800; }
.appointment-success-card > p { max-width: 580px; margin: 0 auto; color: #667180; line-height: 1.7; }
.appointment-success-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 28px 0; }
.appointment-success-summary > div { display: flex; align-items: center; gap: 10px; padding: 15px; border-radius: 10px; background: #f5f8fb; text-align: left; }
.appointment-success-summary i { color: var(--enes-blue); font-size: 21px; }
.appointment-success-summary small, .appointment-success-summary strong { display: block; }
.appointment-success-summary small { color: #8a929c; font-size: 10px; }
.appointment-success-summary strong { color: #273b52; font-size: 13px; }
.appointment-whatsapp-button { min-height: 52px; display: inline-flex; align-items: center; gap: 9px; padding: 0 24px; border-radius: 9px; color: #fff; background: #20aa66; font-size: 13px; font-weight: 800; box-shadow: 0 10px 23px rgba(32,170,102,.22); }
.appointment-whatsapp-button:hover { color: #fff; background: #188b53; transform: translateY(-1px); }
.appointment-whatsapp-button i { font-size: 20px; }
.appointment-back-link { display: block; width: max-content; margin: 18px auto 0; color: #687484; font-size: 12px; font-weight: 700; }
.blog-meta { display: block; margin-bottom: 8px; color: var(--enes-blue); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.blog-card-body h2 { font-size: 18px; font-weight: 800; }
.read-more { color: var(--enes-blue); font-size: 12px; font-weight: 800; }
.article-callout { margin-top: 35px; padding: 25px; display: grid; grid-template-columns: 45px 1fr; gap: 16px; color: #fff; background: linear-gradient(110deg, #123978, var(--enes-blue)); }
.article-callout > i { font-size: 34px; }
.article-callout p { margin: 5px 0; color: rgba(255,255,255,.75); font-size: 14px; }
.article-callout a { color: #74ddff; font-weight: 800; }

/* Policy */
.policy-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; }
.policy-layout > * { min-width: 0; }
.policy-nav { position: sticky; top: 30px; padding: 0; overflow: hidden; }
.policy-nav > strong { display: block; padding: 17px 19px; color: #fff; background: var(--enes-blue); }
.policy-nav a { display: block; padding: 14px 19px; border-bottom: 1px solid var(--enes-border); color: #686d74; }
.policy-nav a.active, .policy-nav a:hover { color: var(--enes-blue); background: #eef5fe; font-weight: 700; }
.policy-content h2 { color: #1b2738; font-size: 28px; }
.policy-content h3 { margin-top: 26px; color: var(--enes-blue); font-size: 19px; font-weight: 800; }
.policy-content p { color: #5f6670; line-height: 1.85; }
.policy-content a { color: var(--enes-blue); text-decoration: underline; }
.tracking-card, .status-card { max-width: 720px; margin-inline: auto; text-align: center; }
.tracking-icon, .status-icon { width: 88px; height: 88px; margin: 0 auto 20px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #3bc6ef, var(--enes-blue)); border-radius: 50%; font-size: 38px; box-shadow: 0 15px 30px rgba(31,79,168,.2); }
.status-icon.success { background: #14905e; }
.status-icon.error { background: #c83b47; }
.tracking-card h2, .status-card h1 { font-weight: 800; }
.tracking-card > p, .status-card > p { color: #6c727b; line-height: 1.75; }
.tracking-help { display: inline-grid; grid-template-columns: 35px 1fr; gap: 12px; margin-top: 25px; padding: 16px 20px; text-align: left; background: #eef5fc; }
.tracking-help > i { color: var(--enes-blue); font-size: 27px; }
.tracking-help strong, .tracking-help a { display: block; }
.tracking-help a { color: var(--enes-blue); font-size: 12px; }
.status-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.back-link { display: inline-block; margin-top: 24px; color: var(--enes-blue); font-weight: 700; }

/* Authentication */
.auth-page { padding: 55px 0; background: #f3f5f8; }
.auth-shell { max-width: 1180px; display: grid; grid-template-columns: .9fr 1.1fr; padding: 0; overflow: hidden; background: #fff; box-shadow: 0 22px 70px rgba(23,43,72,.13); }
.auth-visual { min-height: 650px; padding: 45px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(150deg, rgba(7,35,83,.88), rgba(20,84,158,.89)), url('../images/site/487f470f1649e0c4.jpg') center/cover; }
.auth-logo { filter: brightness(0) invert(1); mix-blend-mode: screen; }
.auth-visual h1 { max-width: 480px; font-size: clamp(34px, 4vw, 52px); font-weight: 800; line-height: 1.05; }
.auth-visual p { max-width: 470px; color: rgba(255,255,255,.78); line-height: 1.75; }
.auth-benefits { display: flex; flex-wrap: wrap; gap: 10px; }
.auth-benefits span { padding: 10px 13px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); backdrop-filter: blur(6px); font-size: 12px; }
.auth-form-side { padding: clamp(30px, 5vw, 70px); display: flex; align-items: center; }
.auth-form-wrap { width: 100%; max-width: 490px; margin-inline: auto; }
.auth-form-wrap.wide { max-width: 680px; }
.auth-form-wrap h2 { margin-bottom: 7px; font-size: 32px; font-weight: 800; }
.auth-form-wrap > p { margin-bottom: 26px; color: #777c84; }
.form-field { position: relative; margin-bottom: 17px; }
.form-field label { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 700; }
.form-field > span, .field-validation-error { display: block; margin-top: 5px; color: #c63442; font-size: 11px; }
.input-icon { position: relative; }
.input-icon > i { position: absolute; z-index: 2; left: 14px; top: 50%; color: #84909f; transform: translateY(-50%); }
.input-icon .form-control { padding-left: 42px; }
.input-icon button { position: absolute; right: 4px; top: 4px; bottom: 4px; width: 42px; border: 0; color: #69727e; background: transparent; }
.auth-form-side .form-control, .profile-form .form-control, .checkout-main .form-control, .payment-form .form-control { min-height: 50px; border: 1px solid #d9dee5; background: #fafbfd; }
.auth-form-side .form-control:focus, .profile-form .form-control:focus, .checkout-main .form-control:focus, .payment-form .form-control:focus { background: #fff; border-color: var(--enes-blue); box-shadow: 0 0 0 4px rgba(31,79,168,.09); }
.form-options { display: flex; justify-content: space-between; gap: 15px; margin: 4px 0 20px; font-size: 12px; }
.form-options a, .auth-switch a, .terms-check a { color: var(--enes-blue); font-weight: 700; }
.recaptcha-wrap { margin-bottom: 18px; overflow-x: auto; }
.auth-submit { min-height: 52px; }
.auth-switch { margin: 22px 0 0 !important; text-align: center; font-size: 13px; }
.terms-check { display: flex; align-items: flex-start; gap: 8px; margin: 5px 0 20px; color: #686e77; font-size: 12px; line-height: 1.6; }
.validation-summary-errors { margin-bottom: 18px; padding: 12px 15px; color: #a72836; background: #fff0f1; border-left: 3px solid #d23847; font-size: 12px; }
.validation-summary-errors ul { margin: 0; padding-left: 18px; }

/* Account */
.account-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; }
.account-sidebar { padding: 0; overflow: hidden; }
.account-user { padding: 28px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; border-bottom: 1px solid var(--enes-border); }
.account-user > span { width: 64px; height: 64px; margin-bottom: 12px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #36c1ed, var(--enes-blue)); border-radius: 50%; font-size: 20px; font-weight: 800; }
.account-user small { margin-top: 4px; color: #80858d; }
.account-sidebar nav a, .account-sidebar form button { width: 100%; padding: 14px 18px; display: flex; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid var(--enes-border); color: #60666f; background: #fff; text-align: left; font-size: 13px; }
.account-sidebar nav a:hover, .account-sidebar nav a.active { color: var(--enes-blue); background: #eff6ff; font-weight: 700; }
.account-sidebar form button { color: #bd3440; }
.account-content { padding: clamp(24px, 4vw, 42px); background: #fff; border: 1px solid var(--enes-border); box-shadow: 0 4px 18px rgba(30,50,80,.05); }
.account-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--enes-border); }
.account-heading h2 { margin: 0; font-size: 28px; font-weight: 800; }
.account-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.account-info-grid > div { padding: 18px; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 12px; background: #f6f8fb; }
.account-info-grid > div.full { grid-column: 1 / -1; }
.account-info-grid i { color: var(--enes-blue); font-size: 25px; }
.account-info-grid small, .account-info-grid strong { display: block; }
.account-info-grid small { margin-bottom: 3px; color: #7c828a; }
.account-order-cta { margin-top: 25px; padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #fff; background: linear-gradient(110deg, #123b80, var(--enes-blue)); }
.account-order-cta > div { display: flex; align-items: center; gap: 13px; }
.account-order-cta i { font-size: 30px; }
.account-order-cta strong, .account-order-cta small { display: block; }
.account-order-cta small { color: rgba(255,255,255,.72); }
.account-order-cta > a { color: #76e0ff; font-size: 12px; font-weight: 800; white-space: nowrap; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 23px; padding-top: 22px; border-top: 1px solid var(--enes-border); }
.order-list { display: grid; gap: 14px; }
.order-card { border: 1px solid var(--enes-border); }
.order-card-head, .order-card-body { padding: 17px 19px; display: grid; grid-template-columns: 1.1fr 1fr auto; align-items: center; gap: 20px; }
.order-card-head { background: #f5f7fa; }
.order-card-body { grid-template-columns: repeat(3, 1fr); }
.order-card small, .order-card strong { display: block; }
.order-card small { margin-bottom: 4px; color: #7c828a; }
.order-status { padding: 7px 11px; display: inline-flex; align-items: center; gap: 6px; border-radius: 16px; font-size: 11px; font-weight: 700; }
.order-status i { font-size: 6px; }
.order-status.pending { color: #8c6500; background: #fff4cf; }
.order-status.processing { color: #086a83; background: #dff6fb; }
.order-status.shipped { color: #174f9f; background: #e5efff; }
.order-status.delivered { color: #087446; background: #ddf7e9; }
.order-status.cancelled { color: #a72a36; background: #fde6e8; }

/* Cart and checkout */
.cart-layout, .checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 28px; align-items: start; }
.cart-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 16px; border-bottom: 1px solid var(--enes-border); }
.cart-heading h2, .cart-summary h2, .checkout-summary h2 { margin: 0; font-size: 17px; font-weight: 800; }
.cart-heading a { color: var(--enes-blue); font-size: 12px; font-weight: 700; }
.cart-line { grid-template-columns: 95px minmax(160px, 1fr) 110px 120px 120px 35px; }
.cart-product-copy > span { color: var(--enes-blue); font-size: 10px; font-weight: 800; }
.cart-product-copy h3 { margin: 5px 0; font-size: 14px; font-weight: 700; }
.cart-product-copy small { font-size: 11px; }
.cart-qty { height: 40px; display: grid; grid-template-columns: 34px 1fr 34px; border: 1px solid var(--enes-border); }
.cart-qty button { border: 0; background: #f3f5f8; }
.cart-qty input { min-width: 0; width: 100%; border: 0; text-align: center; }
.cart-remove { width: 35px; height: 35px; border: 0; color: #be3945; background: #fff1f2; border-radius: 50%; }
.cart-line.is-updating { opacity: .55; pointer-events: none; }
.cart-line.is-removing { opacity: 0; transform: translateX(25px); transition: .28s; }
.cart-summary, .checkout-summary { position: sticky; top: 25px; }
.summary-line { padding: 15px 0; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--enes-border); }
.summary-total { padding: 20px 0; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.summary-total span small { display: block; color: #858a91; }
.summary-total > strong { color: var(--enes-blue); font-size: 23px; }
.secure-note { margin: 14px 0 0; color: #777d85; text-align: center; font-size: 11px; }
.iyzico-secure-badge { margin-top: 15px; padding: 13px 14px; display: grid; justify-items: center; gap: 8px; border: 1px solid #dfe5ec; border-radius: 8px; background: #fafbfd; text-align: center; }
.iyzico-secure-badge img { width: min(180px, 100%); height: auto; }
.iyzico-secure-badge span { color: #717983; font-size: 10px; line-height: 1.5; }
.iyzico-secure-badge i { color: var(--enes-blue); }
.summary-support { margin-top: 18px; padding: 14px; display: grid; grid-template-columns: 30px 1fr; gap: 10px; background: #eef5fd; }
.summary-support i { color: var(--enes-blue); font-size: 23px; }
.summary-support small, .summary-support a { display: block; }
.summary-support a { color: var(--enes-blue); font-size: 12px; font-weight: 700; }
.checkout-choice-grid { max-width: 980px; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.checkout-choice { padding: 42px; text-align: center; }
.checkout-choice > span { width: 76px; height: 76px; margin: 0 auto 18px; display: grid; place-items: center; color: var(--enes-blue); background: #eaf3ff; border-radius: 50%; font-size: 34px; }
.checkout-choice h2 { font-size: 24px; font-weight: 800; }
.checkout-choice p { min-height: 50px; color: #6c727a; }
.checkout-choice .btn { width: 100%; padding-block: 13px; }
.checkout-choice > small { display: block; margin-top: 16px; color: #7b8189; }
.checkout-choice > small a { color: var(--enes-blue); font-weight: 700; }
.iyzico-flow-banner { grid-column: 1 / -1; padding: 17px 22px; display: flex; align-items: center; justify-content: center; gap: 25px; border: 1px solid #dbe4ef; border-radius: 7px; background: #fff; box-shadow: 0 8px 25px rgba(25,56,98,.06); }
.iyzico-flow-banner img { width: min(210px, 42%); height: auto; }
.iyzico-flow-banner strong, .iyzico-flow-banner small { display: block; }
.iyzico-flow-banner strong { color: #24364d; font-size: 13px; }
.iyzico-flow-banner small { margin-top: 3px; color: #717b88; font-size: 11px; }
.checkout-page { min-height: 70vh; padding: 48px 0 65px; background: #f4f6f9; }
.checkout-steps { max-width: 600px; margin: 0 auto 35px; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 12px; }
.checkout-steps > div { display: flex; align-items: center; gap: 8px; color: #969ba3; }
.checkout-steps > div > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #747b85; background: #dfe3e8; font-weight: 800; }
.checkout-steps > i { height: 2px; background: #d9dde2; }
.checkout-steps .active, .checkout-steps .done { color: var(--enes-blue); }
.checkout-steps .active > span, .checkout-steps .done > span { color: #fff; background: var(--enes-blue); }
.checkout-main { padding: clamp(25px, 4vw, 43px); }
.checkout-main h1 { font-size: 29px; font-weight: 800; }
.checkout-main > p { color: #727880; }
.checkout-products { max-height: 310px; margin: 15px 0; overflow-y: auto; }
.checkout-products > div { padding: 11px 0; display: grid; grid-template-columns: 55px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--enes-border); }
.checkout-products img { width: 55px; height: 55px; object-fit: contain; }
.checkout-products strong, .checkout-products small { display: block; }
.checkout-products strong { font-size: 11px; }
.checkout-products small { color: #858b93; font-size: 10px; }
.checkout-products b { font-size: 11px; }
.payment-card-preview { max-width: 440px; aspect-ratio: 1.65; margin: 28px auto; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(135deg, #142f67, #1f59a8 58%, #1f99ca); border-radius: 18px; box-shadow: 0 20px 40px rgba(17,53,107,.25); transform: perspective(900px) rotateY(-4deg); }
.card-chip { width: 48px; height: 36px; border-radius: 7px; background: linear-gradient(135deg, #ffe5a1, #bc8730); }
.payment-card-preview > strong { font-size: clamp(20px, 3vw, 27px); letter-spacing: .08em; }
.payment-card-preview > div { display: flex; justify-content: space-between; gap: 20px; }
.payment-card-preview small, .payment-card-preview b { display: block; }
.payment-card-preview small { color: rgba(255,255,255,.64); font-size: 9px; letter-spacing: .1em; }
.payment-assurance { padding: 13px 0; display: grid; grid-template-columns: 35px 1fr; gap: 10px; border-top: 1px solid var(--enes-border); }
.payment-assurance i { color: var(--enes-blue); font-size: 25px; }
.payment-assurance strong, .payment-assurance small { display: block; }
.payment-assurance small { color: #7d838b; }
.payment-assurance-iyzico { grid-template-columns: 105px 1fr; align-items: center; }
.payment-assurance-iyzico > img { width: 105px; height: auto; }
.iyzico-confirmation-badge { width: fit-content; max-width: 100%; margin: 16px auto 5px; padding: 13px 16px; display: flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid #dce7e2; border-radius: 8px; background: #f7fcfa; }
.iyzico-confirmation-badge img { width: 145px; height: auto; }
.iyzico-confirmation-badge span { color: #3e6253; font-size: 11px; font-weight: 600; }
.order-success-page { min-height: 70vh; display: grid; place-items: center; background: radial-gradient(circle at 50% 0, #edf7ff, #f5f6f8 55%); }
.order-success { max-width: 800px; text-align: center; }
.success-check { width: 100px; height: 100px; margin: -80px auto 25px; display: grid; place-items: center; color: #fff; background: #11905d; border: 10px solid #e0f5eb; border-radius: 50%; font-size: 45px; box-shadow: 0 16px 36px rgba(17,144,93,.2); animation: successPop .7s cubic-bezier(.2,.9,.3,1.2) both; }
.order-success h1 { font-weight: 800; }
.order-success > p { color: #666d77; line-height: 1.7; }
.order-number { display: inline-block; margin: 20px 0; padding: 12px 30px; background: #eef5fd; }
.order-number small, .order-number strong { display: block; }
.order-number strong { color: var(--enes-blue); font-size: 22px; letter-spacing: .04em; }
.order-success-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0 25px; text-align: left; }
.order-success-grid > div { padding: 17px; display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 10px; background: #f6f8fa; }
.order-success-grid i { color: var(--enes-blue); font-size: 23px; }
.order-success-grid small, .order-success-grid strong { display: block; }

/* Animations */
@keyframes alertIn { from { opacity: 0; transform: translate(-50%, -20px); } }
@keyframes alertOut { to { opacity: 0; transform: translate(-50%, -20px); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes sortPop { from { opacity: .55; transform: translateY(8px); } }
@keyframes galleryShine { 0%, 65% { transform: translateX(-130%); } 90%, 100% { transform: translateX(130%); } }
@keyframes successPop { from { opacity: 0; transform: scale(.45) rotate(-20deg); } }

@media (max-width: 1199.98px) {
  .cart-line { grid-template-columns: 80px minmax(150px, 1fr) 105px 110px 35px; }
  .cart-line-total { display: none; }
  .cart-layout, .checkout-layout { grid-template-columns: minmax(0, 1fr) 330px; }
}

@media (max-width: 991.98px) {
  .footer-social { justify-content: flex-start; }
  .footer-payment-band { align-items: flex-start; flex-direction: column; }
  .mobile-tabbar .tab-icon-cart { position: relative; }
  .mobile-tabbar .cart-count { right: -14px; top: -8px; }
  .solution-band-grid, .campaign-hero .site-container, .about-grid, .contact-grid { grid-template-columns: 1fr; }
  .campaign-hero img { height: 300px; order: -1; transform: none; }
  .policy-layout, .account-layout { grid-template-columns: minmax(0, 1fr); }
  .policy-nav { position: static; display: grid; grid-template-columns: repeat(2, 1fr); }
  .policy-nav > strong { grid-column: 1 / -1; }
  .account-sidebar { display: grid; grid-template-columns: 1fr 1.5fr; }
  .account-sidebar nav { display: grid; grid-template-columns: repeat(2, 1fr); }
  .account-sidebar form { grid-column: 2; }
  .cart-layout, .checkout-layout { grid-template-columns: 1fr; }
  .cart-summary, .checkout-summary { position: static; }
  .auth-shell { grid-template-columns: 1fr; }
  .auth-visual { min-height: 440px; }
  .appointment-layout { grid-template-columns: 1fr; }
  .appointment-info-card { position: relative; top: auto; }
}

@media (max-width: 767.98px) {
  .hero-caption { left: 20px; bottom: 25px; max-width: 75%; }
  .hero-caption > span { font-size: 9px; }
  .hero-caption > strong { margin-bottom: 10px; font-size: 24px; }
  .hero-caption > a { padding: 9px 12px; font-size: 11px; }
  .solution-stats, .about-values { grid-template-columns: 1fr; }
  .detail-assurances { grid-template-columns: 1fr; }
  .product-installments { margin-top: 24px; padding: 18px 14px; }
  .product-installments-tab { margin-top: 0; padding: 0; }
  .product-installments-heading { grid-template-columns: 42px minmax(0, 1fr); gap: 11px; }
  .product-installments-icon { width: 42px; height: 42px; font-size: 20px; }
  .product-installments-heading h2 { font-size: 17px; }
  .product-installments-count { grid-column: 1 / -1; justify-self: start; }
  .product-installments-grid { grid-template-columns: 1fr; }
  .installment-plan-option { grid-template-columns: 65px minmax(0, 1fr); }
  .installment-plan-total { grid-column: 2; text-align: left; }
  .detail-tabs .nav-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  .detail-tabs .nav-tabs .nav-item { flex: 0 0 auto; }
  .detail-tabs .nav-tabs .nav-link { white-space: nowrap; }
  .detail-tabs #installments { padding: 18px 14px; }
  .installment-plan-head { grid-template-columns: 100px minmax(0, 1fr); }
  .installment-plan-logo { width: 100px; }
  .review-form { align-items: stretch; flex-direction: column; }
  .policy-nav { grid-template-columns: 1fr; }
  .account-sidebar { display: block; }
  .account-sidebar nav { display: block; }
  .account-info-grid, .checkout-choice-grid { grid-template-columns: 1fr; }
  .iyzico-flow-banner { align-items: flex-start; flex-direction: column; gap: 12px; }
  .iyzico-flow-banner img { width: 190px; max-width: 100%; }
  .account-info-grid > div.full { grid-column: auto; }
  .account-heading, .account-order-cta { align-items: flex-start; flex-direction: column; }
  .order-card-head, .order-card-body { grid-template-columns: 1fr 1fr; }
  .order-status { justify-self: start; }
  .cart-line { grid-template-columns: 68px 1fr 35px; gap: 11px; }
  .cart-line img { width: 68px; height: 68px; }
  .cart-price, .cart-qty, .cart-line-total { display: none; }
  .cart-remove { grid-column: 3; grid-row: 1; }
  .checkout-steps strong { display: none; }
  .checkout-steps { grid-template-columns: auto 1fr auto 1fr auto; }
  .auth-page { padding: 0; }
  .auth-shell { width: 100%; }
  .auth-visual { min-height: 350px; padding: 28px; }
  .auth-visual h1 { font-size: 35px; }
  .auth-benefits span:nth-child(n+3) { display: none; }
  .auth-form-side { padding: 35px 22px; }
  .payment-card-preview { padding: 22px; }
  .order-success-grid { grid-template-columns: 1fr; }
  .success-check { margin-top: -65px; }
  .appointment-form-heading { align-items: flex-start; flex-direction: column; }
  .appointment-success-summary { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .section-link { display: none; }
  .product-card .discount-badge { width: 42px; height: 42px; font-size: 9px; }
  .wishlist-button { width: 32px; height: 32px; }
  .card-actions .btn { padding-inline: 7px; font-size: 10px; }
  .page-hero { padding-block: 28px; }
  .page-hero h1 { font-size: 24px; }
  .checkout-main, .checkout-summary, .account-content, .content-card { padding: 21px; }
  .checkout-choice { padding: 28px 20px; }
  .payment-card-preview > strong { font-size: 17px; }
  .payment-assurance-iyzico { grid-template-columns: 1fr; gap: 7px; }
  .payment-assurance-iyzico > img { width: 130px; }
  .iyzico-confirmation-badge { align-items: flex-start; flex-direction: column; }
}

/* User-Friendly Product Description Styling */
.product-highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}
.highlight-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: #f8fafc;
    border: 1px solid var(--enes-border);
    border-radius: 10px;
    transition: transform .25s ease, box-shadow .25s ease;
}
.highlight-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--enes-shadow);
    background: #fff;
}
.highlight-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    background: var(--enes-light-blue);
    color: var(--enes-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.highlight-card strong {
    display: block;
    font-size: 14px;
    color: #1e293b;
    margin-bottom: 2px;
}
.highlight-card small {
    display: block;
    font-size: 12px;
    color: #64748b;
    line-height: 1.35;
}
.description-heading {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e2e8f0;
}
.formatted-description {
    color: #334155;
    font-size: 15px;
    line-height: 1.85;
}
.formatted-description p {
    margin-bottom: 16px;
}
.formatted-description ul, .formatted-description ol {
    margin-bottom: 20px;
    padding-left: 24px;
}
.formatted-description li {
    margin-bottom: 8px;
}
.description-support-banner {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.2);
}
.description-scenario-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
.description-summary-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
.summary-icon-box {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
}
.description-content-box {
    background: #ffffff;
    border-color: #e2e8f0 !important;
}
.description-tip-box {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}