/*
 * Pendik Erotik Shop — Glass interface layer
 * Visual-only overrides: page content, headings, links and district guide markup stay intact.
 */
:root {
  --pes-glass-surface: linear-gradient(145deg, rgba(255, 255, 255, .155) 0%, rgba(255, 255, 255, .075) 18%, rgba(255, 255, 255, .035) 58%, rgba(255, 27, 141, .055) 100%);
  --pes-glass-surface-strong: linear-gradient(145deg, rgba(255, 255, 255, .19) 0%, rgba(255, 255, 255, .085) 17%, rgba(255, 255, 255, .035) 58%, rgba(138, 43, 226, .09) 100%);
  --pes-glass-border: rgba(255, 255, 255, .25);
  --pes-glass-highlight: rgba(255, 255, 255, .42);
  --pes-glass-shadow: 0 22px 64px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .27), inset 0 -1px 0 rgba(255, 255, 255, .055);
  --pes-glass-shadow-hover: 0 28px 72px rgba(0, 0, 0, .34), 0 12px 36px rgba(230, 0, 126, .15), inset 0 1px 0 rgba(255, 255, 255, .36);
}

body {
  background:
    radial-gradient(circle at 12% 18%, rgba(138, 43, 226, .17), transparent 28%),
    radial-gradient(circle at 84% 4%, rgba(230, 0, 126, .29), transparent 34%),
    linear-gradient(180deg, #17091c, var(--pes-bg));
  background-attachment: fixed;
}

.pes-header {
  background: linear-gradient(180deg, rgba(31, 12, 36, .82), rgba(15, 6, 18, .69));
  border-bottom-color: rgba(255, 255, 255, .17);
  box-shadow: 0 12px 38px rgba(0, 0, 0, .19), inset 0 -1px 0 rgba(255, 255, 255, .055);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}

.pes-hero-text,
.pes-hero-visual,
.pes-features article,
.pes-districts article,
.pes-posts article,
.pes-seo,
.pes-content > article {
  background: var(--pes-glass-surface);
  border: 1px solid var(--pes-glass-border);
  box-shadow: var(--pes-glass-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

.pes-hero-text {
  padding: clamp(28px, 4vw, 46px);
  border-radius: 30px;
}

.pes-hero-visual {
  background:
    radial-gradient(circle at 60% 26%, rgba(255, 255, 255, .14), transparent 28%),
    linear-gradient(145deg, rgba(255, 27, 141, .2), rgba(138, 43, 226, .13));
  border-color: rgba(255, 255, 255, .29);
  box-shadow: 0 28px 86px rgba(0, 0, 0, .3), 0 18px 60px rgba(230, 0, 126, .13), inset 0 1px 0 var(--pes-glass-highlight);
}

.pes-badge {
  background: linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .055));
  border-color: rgba(255, 255, 255, .3);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .28);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
  backdrop-filter: blur(12px) saturate(145%);
}

.pes-features article,
.pes-districts article,
.pes-posts article {
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}

.pes-features article:hover,
.pes-districts article:hover,
.pes-posts article:hover {
  transform: translateY(-4px);
  background: var(--pes-glass-surface-strong);
  border-color: rgba(255, 255, 255, .36);
  box-shadow: var(--pes-glass-shadow-hover);
}

.pes-districts img,
.pes-posts img,
.pes-content img {
  border: 1px solid rgba(255, 255, 255, .19);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .16);
}

.pes-btn,
.pes-districts a,
.pes-posts a,
.pes-head-actions a,
.pes-content .wp-block-button__link,
.pes-content button,
.pes-content input[type="button"],
.pes-content input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  position: relative;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .075) 46%, rgba(255, 27, 141, .12) 100%),
    rgba(65, 16, 68, .42);
  border: 1px solid rgba(255, 255, 255, .34);
  box-shadow: 0 13px 32px rgba(0, 0, 0, .25), 0 7px 24px rgba(230, 0, 126, .13), inset 0 1px 0 rgba(255, 255, 255, .48), inset 0 -1px 0 rgba(255, 255, 255, .075);
  -webkit-backdrop-filter: blur(14px) saturate(155%);
  backdrop-filter: blur(14px) saturate(155%);
  text-shadow: 0 1px 12px rgba(0, 0, 0, .38);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.pes-btn:hover,
.pes-districts a:hover,
.pes-posts a:hover,
.pes-head-actions a:hover,
.pes-content .wp-block-button__link:hover,
.pes-content button:hover,
.pes-content input[type="button"]:hover,
.pes-content input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  color: #fff;
  transform: translateY(-2px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .29) 0%, rgba(255, 255, 255, .1) 46%, rgba(255, 27, 141, .17) 100%),
    rgba(78, 18, 80, .5);
  border-color: rgba(255, 255, 255, .52);
  box-shadow: 0 17px 38px rgba(0, 0, 0, .29), 0 10px 32px rgba(230, 0, 126, .2), inset 0 1px 0 rgba(255, 255, 255, .62);
}

.pes-btn:focus-visible,
.pes-districts a:focus-visible,
.pes-posts a:focus-visible,
.pes-head-actions a:focus-visible,
.pes-content a:focus-visible,
.pes-content button:focus-visible,
.pes-content input:focus-visible {
  outline: 3px solid rgba(255, 216, 239, .92);
  outline-offset: 3px;
}

.pes-content {
  max-width: 920px;
  padding-top: clamp(28px, 5vw, 58px);
  padding-bottom: clamp(40px, 7vw, 82px);
}

.pes-content > article {
  padding: clamp(24px, 5vw, 54px);
  border-radius: 30px;
  overflow-wrap: anywhere;
}

.pes-content > article > h1 {
  margin-top: 0;
  margin-bottom: clamp(22px, 4vw, 36px);
  font-size: clamp(34px, 6vw, var(--pes-h1));
  line-height: 1.08;
  letter-spacing: -.035em;
}

.pes-content h2,
.pes-content h3,
.pes-content h4 {
  line-height: 1.22;
  scroll-margin-top: 110px;
}

.pes-content h2 {
  margin-top: clamp(34px, 6vw, 54px);
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.pes-content p,
.pes-content li {
  color: rgba(255, 255, 255, .88);
}

.pes-content a:not(.wp-block-button__link) {
  color: #ffd0ea;
  text-decoration-color: rgba(255, 27, 141, .7);
  text-underline-offset: 3px;
}

.pes-content blockquote,
.pes-content .wp-block-quote {
  margin: 28px 0;
  padding: 18px 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
  border: 1px solid rgba(255, 255, 255, .16);
  border-left: 4px solid var(--pes-accent);
  border-radius: 6px 18px 18px 6px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13);
}

.pes-content .wp-block-table {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pes-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 26px 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 18px;
  overflow: hidden;
}

.pes-content th,
.pes-content td {
  padding: 13px 15px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  text-align: left;
}

.pes-content th {
  background: rgba(255, 255, 255, .085);
  color: #fff;
}

.pes-content tr:last-child td { border-bottom: 0; }

.pes-content input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.pes-content textarea,
.pes-content select {
  max-width: 100%;
  color: #fff;
  background: rgba(255, 255, 255, .075);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.pes-float a {
  border: 1px solid rgba(255, 255, 255, .34);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .4);
  -webkit-backdrop-filter: blur(14px) saturate(155%);
  backdrop-filter: blur(14px) saturate(155%);
}

.pes-call { background: linear-gradient(145deg, rgba(88, 167, 255, .77), rgba(27, 86, 171, .58)); }
.pes-wa { background: linear-gradient(145deg, rgba(55, 220, 117, .76), rgba(18, 128, 66, .58)); }

.pes-sticky {
  background: linear-gradient(180deg, rgba(45, 18, 49, .76), rgba(14, 7, 18, .92));
  border-top-color: rgba(255, 255, 255, .24);
  box-shadow: 0 -16px 46px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .14);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}

.pes-sticky a { transition: background .2s ease, opacity .2s ease; }
.pes-sticky a:hover { background: rgba(255, 255, 255, .075); opacity: 1; }

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .pes-header,
  .pes-sticky { background: rgba(24, 9, 28, .97); }

  .pes-hero-text,
  .pes-hero-visual,
  .pes-features article,
  .pes-districts article,
  .pes-posts article,
  .pes-seo,
  .pes-content > article { background: rgba(45, 23, 52, .97); }
}

@media (max-width: 900px) {
  .pes-hero-text { padding: 30px; }
  .pes-content > article { border-radius: 25px; }
}

@media (max-width: 520px) {
  .pes-hero-text { padding: 22px; border-radius: 23px; }
  .pes-content { width: min(100% - 20px, 920px); }
  .pes-content > article { padding: 22px 18px; border-radius: 22px; }
  .pes-content > article > h1 { font-size: clamp(31px, 10vw, 42px); }
  .pes-content th,
  .pes-content td { padding: 11px 12px; min-width: 126px; }
}

@media (prefers-reduced-motion: reduce) {
  .pes-features article,
  .pes-districts article,
  .pes-posts article,
  .pes-btn,
  .pes-districts a,
  .pes-posts a,
  .pes-head-actions a { transition: none; }
}

/* v7.2 — deeper refraction, stronger shadows and expanded district cards. */
:root {
  --pes-glass-surface:
    linear-gradient(135deg, rgba(255, 255, 255, .19) 0%, rgba(255, 255, 255, .075) 17%, rgba(255, 255, 255, .025) 50%, rgba(255, 27, 141, .075) 100%),
    rgba(28, 12, 34, .52);
  --pes-glass-surface-strong:
    linear-gradient(135deg, rgba(255, 255, 255, .235) 0%, rgba(255, 255, 255, .095) 18%, rgba(255, 255, 255, .035) 52%, rgba(138, 43, 226, .12) 100%),
    rgba(34, 14, 41, .6);
  --pes-glass-border: rgba(255, 255, 255, .31);
  --pes-glass-shadow:
    0 34px 78px rgba(0, 0, 0, .43),
    0 12px 30px rgba(0, 0, 0, .24),
    0 8px 34px rgba(230, 0, 126, .105),
    inset 0 1px 1px rgba(255, 255, 255, .48),
    inset 0 -18px 40px rgba(0, 0, 0, .12);
  --pes-glass-shadow-hover:
    0 40px 92px rgba(0, 0, 0, .5),
    0 16px 42px rgba(230, 0, 126, .2),
    inset 0 1px 1px rgba(255, 255, 255, .58),
    inset 0 -18px 42px rgba(0, 0, 0, .13);
}

.pes-hero-text,
.pes-hero-visual,
.pes-features article,
.pes-districts article,
.pes-posts article,
.pes-seo,
.pes-content > article {
  position: relative;
  outline: 1px solid rgba(255, 255, 255, .055);
  outline-offset: -5px;
}

.pes-hero-text::after,
.pes-hero-visual::after,
.pes-features article::after,
.pes-districts article::after,
.pes-posts article::after,
.pes-seo::after,
.pes-content > article::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 7%;
  right: 7%;
  height: 1px;
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .82), transparent);
  filter: blur(.15px);
}

.pes-hero-text,
.pes-features article,
.pes-districts article,
.pes-posts article,
.pes-seo,
.pes-content > article {
  box-shadow: var(--pes-glass-shadow);
}

.pes-features article:hover,
.pes-districts article:hover,
.pes-posts article:hover {
  box-shadow: var(--pes-glass-shadow-hover);
}

.pes-btn,
.pes-districts a,
.pes-posts a,
.pes-head-actions a,
.pes-content .wp-block-button__link,
.pes-content button,
.pes-content input[type="button"],
.pes-content input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .38) 0%, rgba(255, 255, 255, .11) 9%, rgba(255, 255, 255, .055) 48%, rgba(255, 27, 141, .17) 100%),
    rgba(48, 15, 55, .58);
  border-color: rgba(255, 255, 255, .42);
  box-shadow:
    0 17px 34px rgba(0, 0, 0, .38),
    0 7px 22px rgba(230, 0, 126, .17),
    inset 0 1px 1px rgba(255, 255, 255, .68),
    inset 0 -8px 18px rgba(0, 0, 0, .13);
}

.pes-features article {
  min-height: 224px;
  padding: 30px;
}

.pes-feature-icon {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 25px;
  color: #fff;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .38), transparent 30%),
    linear-gradient(145deg, rgba(255, 27, 141, .48), rgba(138, 43, 226, .27));
  border: 1px solid rgba(255, 255, 255, .42);
  box-shadow:
    0 20px 42px rgba(0, 0, 0, .36),
    0 9px 30px rgba(230, 0, 126, .24),
    inset 0 1px 1px rgba(255, 255, 255, .62),
    inset 0 -10px 22px rgba(0, 0, 0, .14);
  -webkit-backdrop-filter: blur(15px) saturate(170%);
  backdrop-filter: blur(15px) saturate(170%);
}

.pes-feature-icon svg {
  width: 43px;
  height: 43px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 7px 9px rgba(0, 0, 0, .3));
}

.pes-features article:nth-child(2) .pes-feature-icon {
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .38), transparent 30%),
    linear-gradient(145deg, rgba(138, 43, 226, .5), rgba(63, 72, 210, .27));
}

.pes-features article:nth-child(3) .pes-feature-icon {
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 255, 255, .38), transparent 30%),
    linear-gradient(145deg, rgba(255, 91, 176, .45), rgba(122, 49, 176, .29));
}

.pes-features b {
  font-size: 22px;
  letter-spacing: -.02em;
}

.pes-districts {
  row-gap: 24px;
}

.pes-districts article {
  display: flex;
  flex-direction: column;
}

.pes-districts img,
.pes-district-placeholder {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center top;
  border-radius: 18px;
  margin-bottom: 15px;
}

.pes-district-placeholder {
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, .9);
  background:
    radial-gradient(circle at 33% 18%, rgba(255, 255, 255, .2), transparent 27%),
    linear-gradient(145deg, rgba(255, 27, 141, .27), rgba(138, 43, 226, .2));
  border: 1px solid rgba(255, 255, 255, .19);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.pes-district-placeholder b {
  font-size: 54px;
  line-height: 1;
  text-shadow: 0 14px 28px rgba(0, 0, 0, .4);
}

.pes-districts h3 {
  line-height: 1.22;
}

.pes-districts p {
  display: -webkit-box;
  flex: none;
  min-height: 6.2em;
  max-height: 6.2em;
  overflow: hidden;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

@media (max-width: 900px) {
  .pes-features article { min-height: auto; }
}

@media (max-width: 520px) {
  body { background-attachment: scroll; }
  .pes-districts { row-gap: 16px; }
  .pes-districts img,
  .pes-district-placeholder { height: auto; aspect-ratio: 3 / 2; }
  .pes-feature-icon { width: 68px; height: 68px; border-radius: 22px; }
  .pes-feature-icon svg { width: 37px; height: 37px; }
}