*{box-sizing:border-box}
:root{--bg:#07080c;--panel:#0f1118;--panel2:#141721;--line:#252936;--text:#f7f7fb;--muted:#939bab}
html{background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(900px 520px at 50% -180px,rgba(123,92,255,.20),transparent 70%),
linear-gradient(180deg,#090a10,#07080c 55%);min-height:100vh}
a{color:inherit}
.site-head{height:78px;max-width:1260px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#fff,#aab2c4);color:#090a0d;font-size:21px;font-weight:1000;box-shadow:0 0 32px rgba(255,255,255,.16)}
.logo strong{display:block;font-size:17px;letter-spacing:1.4px}.logo small{display:block;margin-top:2px;font-size:8px;letter-spacing:1.5px;color:#6f788a}
.publish-btn,.hero-cta{background:#f6f7fb;color:#08090d;text-decoration:none;font-size:12px;font-weight:900;border-radius:10px;padding:12px 16px;letter-spacing:.4px}
.home{max-width:1260px;margin:auto;padding:0 22px 70px}.intro{position:relative;padding:48px 0 34px;overflow:hidden}.intro-glow{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(75px);background:#6945ff;opacity:.15;top:-160px;left:100px}
.kicker{font-size:10px;font-weight:900;letter-spacing:2.4px;color:#8b95a8}.intro h1{font-size:clamp(34px,5vw,58px);letter-spacing:-2.4px;margin:8px 0 8px}.intro-text{color:#929bad;margin:0 0 22px}.hero-cta{display:inline-block}
.tier-section{margin-top:28px}.tier-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px 13px;border-bottom:1px solid var(--line);margin-bottom:18px}.tier-heading>div{display:flex;align-items:center;gap:12px}.tier-symbol{width:36px;height:36px;border-radius:10px;background:#12151d;border:1px solid #292e3a;display:grid;place-items:center}.tier-heading h2{font-size:15px;letter-spacing:1.6px;margin:0}.tier-heading p{font-size:11px;color:#6f7889;margin:3px 0 0}.tier-total{font-size:10px;font-weight:800;color:#626b7b;letter-spacing:1px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-card,.detail-card{--neon:#ffd15a;position:relative;isolation:isolate;background:#0d0f15;border-radius:18px;padding:1px;overflow:hidden}
.neon-ring{position:absolute;z-index:-2;inset:-135%;background:conic-gradient(from 0deg,transparent 0 44%,var(--neon) 48.8%,#fff 50%,var(--neon) 51.2%,transparent 56% 100%);animation:neonSnake 4.8s linear infinite}
.profile-card:after,.detail-card:after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:17px;background:#0f1118}
.profile-card:nth-child(2n) .neon-ring{animation-delay:-1.2s}.profile-card:nth-child(3n) .neon-ring{animation-delay:-2.4s}
@keyframes neonSnake{to{transform:rotate(360deg)}}.neon-gold{--neon:#ffcc55}.neon-violet{--neon:#a95cff}.neon-cyan{--neon:#28d9ff}.neon-emerald{--neon:#2af0a1}.neon-rose{--neon:#ff4f99}.neon-blue{--neon:#478bff}.neon-red{--neon:#ff3f4f}
.card-photo{position:relative;display:block;height:360px;border-radius:17px 17px 11px 11px;overflow:hidden;background:#171a22}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 55%,rgba(0,0,0,.42))}
.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.profile-card:hover .card-photo img{transform:scale(1.025)}
.photo-top{position:absolute;z-index:2;top:11px;left:11px;right:11px;display:flex;justify-content:space-between;align-items:center}.tier-chip,.online-chip,.verified-chip{backdrop-filter:blur(11px);background:rgba(9,10,15,.70);border:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:900;letter-spacing:.8px;border-radius:999px;padding:7px 9px}.online-chip{color:#6ef0af}.online-chip i{display:inline-block;width:5px;height:5px;background:#39df91;border-radius:50%;box-shadow:0 0 9px #39df91;margin-right:4px}.verified-chip{position:absolute;z-index:3;left:11px;bottom:11px;color:#bcd7ff}
.card-body{padding:13px}.card-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-name-row h3{font-size:20px;letter-spacing:-.5px;margin:0}.card-name-row p{font-size:11px;color:#939bad;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.card-name-row p span{color:#545d6d;margin:0 3px}.details-arrow{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;border:1px solid #292e39;background:#171a22;text-decoration:none;font-size:17px}
.contact-row,.detail-contacts{display:flex;gap:7px;margin-top:12px}.contact{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:10px 8px;font-size:11px;font-weight:900;color:white;transition:filter .2s,transform .2s}.contact:hover{filter:brightness(1.1);transform:translateY(-1px)}.contact-wa{background:#198b4c}.contact-phone{background:#285fd4}.contact-tg{background:#187eb5}
.no-profile{display:flex;align-items:center;gap:12px;background:#0e1016;border:1px dashed #2b303d;border-radius:14px;padding:22px;color:#778092}.no-profile span{font-size:22px}.no-profile p{margin:0;font-size:12px}
.publish-panel{margin-top:38px;padding:24px 26px;border-radius:18px;border:1px solid #282d38;background:linear-gradient(110deg,#10131b,#171421);display:flex;justify-content:space-between;align-items:center}.publish-panel span{font-size:9px;letter-spacing:1.8px;color:#8a94a7;font-weight:900}.publish-panel h2{font-size:27px;margin:4px 0}.publish-panel p{font-size:12px;color:#858e9f;margin:0}.publish-panel>a{background:#fff;color:#090a0e;text-decoration:none;padding:13px 18px;border-radius:10px;font-weight:900;font-size:12px}
.site-footer{max-width:1260px;margin:auto;border-top:1px solid #1c202a;padding:28px 22px 40px;display:flex;justify-content:space-between;color:#687182;font-size:11px}.site-footer strong{color:#c9ced8;letter-spacing:1px}.site-footer p{margin:4px 0 0}
.detail-page{max-width:1100px;margin:auto;padding:30px 22px 70px}.back-link{display:inline-block;color:#9099aa;text-decoration:none;font-size:12px;margin-bottom:18px}.detail-card{display:grid;grid-template-columns:minmax(300px,450px) 1fr;padding:1px;border-radius:22px}.detail-card:after{border-radius:21px}.detail-image{position:relative;padding:13px}.detail-image>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}.detail-badges{position:absolute;top:25px;left:25px;right:25px;display:flex;gap:6px;flex-wrap:wrap}.detail-badges span{background:rgba(9,10,14,.72);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);font-size:9px;padding:7px 9px;border-radius:999px;font-weight:900}.active-badge{color:#66eca8}.detail-content{padding:48px 42px 36px}.detail-content h1{font-size:clamp(42px,6vw,70px);letter-spacing:-3px;line-height:.95;margin:8px 0 12px}.detail-lead{font-size:15px;color:#a2abba}.facts{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.facts span{border:1px solid #292e3b;background:#171a22;padding:10px 11px;border-radius:10px;font-size:11px;color:#8993a5}.facts b{color:#f3f4f7}.bio-box{border-top:1px solid #262b36;border-bottom:1px solid #262b36;padding:18px 0;color:#a4adbc;font-size:13px;line-height:1.7}.detail-contacts .contact{padding:13px}.views{font-size:10px;color:#586172;margin-top:14px}
.notfound{min-height:60vh;display:grid;place-content:center;text-align:center}.notfound>span{font-size:80px;font-weight:1000;color:#222735}.notfound h1{margin:0 0 18px}.notfound a{color:#aaa}
@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-photo{height:330px}.detail-card{grid-template-columns:1fr}.detail-image{max-width:520px;margin:auto;width:100%}.detail-content{padding:26px}}
@media(max-width:600px){.site-head{height:68px;padding:0 14px}.logo small{display:none}.publish-btn{padding:10px 12px}.home{padding:0 12px 50px}.intro{padding:30px 2px 22px}.intro h1{font-size:36px;letter-spacing:-1.5px}.card-grid{grid-template-columns:1fr;gap:12px}.card-photo{height:auto;aspect-ratio:4/5}.tier-section{margin-top:24px}.tier-heading p{display:none}.profile-card{border-radius:15px}.profile-card:after{border-radius:14px}.card-photo{border-radius:14px 14px 9px 9px}.publish-panel{align-items:flex-start;gap:20px;flex-direction:column}.site-footer{display:block;padding-left:14px}.site-footer>span{display:block;margin-top:10px}.detail-page{padding:20px 12px 50px}.detail-content h1{font-size:46px}.detail-contacts{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.neon-ring{animation:none}.card-photo img{transition:none}}

.main-photo-button{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.main-photo-button>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}.photo-count{position:absolute;right:11px;bottom:11px;background:rgba(8,9,13,.78);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 10px;color:#fff;font-size:10px;font-weight:900}
.profile-gallery-section{margin-top:24px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #242935;padding-bottom:12px;margin-bottom:14px}.gallery-heading h2{font-size:23px;margin:3px 0 0}.gallery-heading>span{font-size:10px;color:#6c7586}.profile-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gallery-photo{padding:0;border:1px solid #262c38;background:#11141b;border-radius:13px;overflow:hidden;aspect-ratio:4/5;cursor:zoom-in}.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-photo:hover img{transform:scale(1.035)}
body.lightbox-open{overflow:hidden}.lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(3,4,7,.95);backdrop-filter:blur(9px);padding:20px}.lightbox.is-open{display:flex}.lightbox-stage{position:relative;width:min(92vw,920px);height:min(90vh,1000px);display:flex;align-items:center;justify-content:center}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.17);background:rgba(15,17,24,.76);color:#fff;cursor:pointer}.lightbox-close{top:18px;right:18px;width:44px;height:44px;border-radius:50%;font-size:27px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:58px;border-radius:14px;font-size:34px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-counter{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(8,9,13,.72);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}
@media(max-width:900px){.profile-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.profile-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lightbox{padding:8px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{top:8px;right:8px}}


/* =========================================================
   MOBILE SHOWCASE LAYOUT — VIP / PLATIN / GOLD
   Desktop structure remains unchanged.
   ========================================================= */
@media (max-width: 600px) {

  /* General mobile tightening */
  .home{
    padding-left:8px;
    padding-right:8px;
  }

  .tier-section{
    margin-top:20px;
  }

  .tier-heading{
    padding-left:2px;
    padding-right:2px;
    margin-bottom:10px;
  }

  .tier-heading h2{
    font-size:13px;
    letter-spacing:1px;
  }

  .tier-total{
    font-size:8px;
  }

  /* ---------------- VIP: 2 columns ---------------- */
  .tier-vip .card-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    overflow:visible;
  }

  .tier-vip .profile-card{
    border-radius:12px;
  }

  .tier-vip .profile-card:after{
    border-radius:11px;
  }

  .tier-vip .card-photo{
    height:auto;
    aspect-ratio:4/5;
    border-radius:11px 11px 7px 7px;
  }

  .tier-vip .photo-top{
    top:6px;
    left:6px;
    right:6px;
  }

  .tier-vip .tier-chip,
  .tier-vip .online-chip{
    font-size:7px;
    padding:5px 6px;
  }

  .tier-vip .verified-chip{
    left:6px;
    bottom:6px;
    font-size:7px;
    padding:5px 6px;
  }

  .tier-vip .card-body{
    padding:8px;
  }

  .tier-vip .card-name-row{
    gap:5px;
  }

  .tier-vip .card-name-row h3{
    font-size:14px;
    line-height:1.05;
  }

  .tier-vip .card-name-row p{
    font-size:8px;
    max-width:120px;
    margin-top:2px;
  }

  .tier-vip .details-arrow{
    width:27px;
    height:27px;
    flex-basis:27px;
    border-radius:7px;
    font-size:13px;
  }

  .tier-vip .contact-row{
    gap:4px;
    margin-top:7px;
  }

  .tier-vip .contact{
    min-width:0;
    padding:7px 3px;
    border-radius:7px;
    font-size:8px;
  }

  /* ---------------- PLATIN: horizontal slider ---------------- */
  .tier-platinum .card-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:74vw;
    grid-template-columns:none;
    gap:9px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 10px;
    scroll-snap-type:x mandatory;
    scroll-padding-left:2px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .tier-platinum .card-grid::-webkit-scrollbar{
    display:none;
  }

  .tier-platinum .profile-card{
    scroll-snap-align:start;
    width:100%;
    border-radius:14px;
  }

  .tier-platinum .profile-card:after{
    border-radius:13px;
  }

  .tier-platinum .card-photo{
    height:auto;
    aspect-ratio:4/5;
    border-radius:13px 13px 8px 8px;
  }

  .tier-platinum .card-body{
    padding:10px;
  }

  .tier-platinum .card-name-row h3{
    font-size:18px;
  }

  .tier-platinum .card-name-row p{
    font-size:9px;
  }

  .tier-platinum .contact{
    font-size:9px;
    padding:9px 5px;
  }

  /* Small visual hint that Platinum slides horizontally */
  .tier-platinum .tier-heading::after{
    content:"← Kaydır →";
    margin-left:auto;
    margin-right:7px;
    font-size:8px;
    color:#5f6878;
    letter-spacing:.4px;
  }

  .tier-platinum .tier-total{
    display:none;
  }

  /* ---------------- GOLD: 5 tiny columns ---------------- */
  .tier-gold .card-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
    overflow:visible;
  }

  .tier-gold .profile-card{
    border-radius:7px;
    padding:1px;
    min-width:0;
  }

  .tier-gold .profile-card:after{
    border-radius:6px;
  }

  .tier-gold .neon-ring{
    inset:-165%;
  }

  .tier-gold .card-photo{
    height:auto;
    aspect-ratio:3/4;
    border-radius:6px 6px 4px 4px;
  }

  .tier-gold .photo-top{
    top:3px;
    left:3px;
    right:3px;
  }

  .tier-gold .tier-chip{
    font-size:5px;
    padding:3px 4px;
    letter-spacing:.2px;
  }

  .tier-gold .online-chip,
  .tier-gold .verified-chip{
    display:none;
  }

  .tier-gold .card-body{
    padding:4px 3px 5px;
  }

  .tier-gold .card-name-row{
    display:block;
  }

  .tier-gold .card-name-row h3{
    font-size:8px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:center;
  }

  .tier-gold .card-name-row p,
  .tier-gold .details-arrow,
  .tier-gold .contact-row{
    display:none;
  }

  /* Make Gold cards clearly look like miniature framed tiles */
  .tier-gold .profile-card{
    box-shadow:0 0 0 1px rgba(255,255,255,.025);
  }

  /* Reduce intro so showcase appears earlier on phones */
  .intro{
    padding-top:20px;
    padding-bottom:14px;
  }

  .intro h1{
    font-size:30px;
    margin-top:5px;
    margin-bottom:5px;
  }

  .intro-text{
    font-size:11px;
    margin-bottom:13px;
  }

  .hero-cta{
    font-size:10px;
    padding:9px 12px;
  }
}


/* ===============================
   Neon profile gallery
   =============================== */
.profile-gallery-grid .gallery-photo{
    --neon:#ffd15a;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border:0;
    padding:2px;
    background:#0e1016;
    border-radius:14px;
}
.profile-gallery-grid .gallery-photo::after{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:12px;
    background:#0f1118;
    z-index:-1;
}
.gallery-neon-ring{
    position:absolute;
    inset:-150%;
    z-index:-2;
    background:conic-gradient(
        from 0deg,
        transparent 0 44%,
        var(--neon) 48.5%,
        #fff 50%,
        var(--neon) 51.5%,
        transparent 56% 100%
    );
    animation:galleryNeonSnake 4.6s linear infinite;
}
.profile-gallery-grid .gallery-photo:nth-child(2n) .gallery-neon-ring{animation-delay:-1.15s}
.profile-gallery-grid .gallery-photo:nth-child(3n) .gallery-neon-ring{animation-delay:-2.3s}
@keyframes galleryNeonSnake{to{transform:rotate(360deg)}}
.profile-gallery-grid .gallery-photo img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}
@media(prefers-reduced-motion:reduce){
    .gallery-neon-ring{animation:none}
}

/* Platinum slider auto-scroll visual behavior */
@media(max-width:600px){
    .tier-platinum .card-grid{
        scroll-behavior:smooth;
    }
}


/* =========================================================
   PLATINHUB DESIGN V2 — PREMIUM POLISH
   ========================================================= */
:root{
  --ph-radius:18px;
  --ph-soft-shadow:0 18px 50px rgba(0,0,0,.22);
}
body{
  background:
    radial-gradient(900px 540px at 50% -190px,rgba(109,82,255,.22),transparent 68%),
    radial-gradient(700px 420px at 100% 18%,rgba(37,84,255,.07),transparent 70%),
    linear-gradient(180deg,#090a10 0%,#07080c 55%,#06070a 100%);
}
.site-head{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(7,8,12,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.logo-mark{
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 30px rgba(255,255,255,.08);
}
.publish-btn,.hero-cta{
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
  box-shadow:0 8px 24px rgba(255,255,255,.08);
}
.publish-btn:hover,.hero-cta:hover{transform:translateY(-1px);filter:brightness(1.03)}
.trust-strip{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:14px;
  margin:14px 0 0;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(15,17,24,.62);
  backdrop-filter:blur(14px);
  border-radius:12px;
  color:#737d8e;
  font-size:9px;
  letter-spacing:1px;
}
.trust-strip>div:first-child{display:flex;align-items:center;gap:7px;color:#cbd1db}
.pulse-dot{
  width:7px;height:7px;border-radius:50%;background:#42df96;
  box-shadow:0 0 0 0 rgba(66,223,150,.55);
  animation:phPulse 1.8s infinite;
}
@keyframes phPulse{70%{box-shadow:0 0 0 7px rgba(66,223,150,0)}100%{box-shadow:0 0 0 0 rgba(66,223,150,0)}}
.intro{padding-top:38px}
.intro h1{
  text-shadow:0 12px 36px rgba(0,0,0,.28);
}
.tier-section{
  position:relative;
  padding:14px 14px 16px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(18,21,29,.62),rgba(10,12,17,.24));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.tier-vip{box-shadow:inset 0 1px 0 rgba(255,216,112,.06)}
.tier-platinum{box-shadow:inset 0 1px 0 rgba(177,182,255,.06)}
.tier-gold{box-shadow:inset 0 1px 0 rgba(255,190,80,.045)}
.tier-heading{border-bottom-color:rgba(255,255,255,.07)}
.tier-heading h2{font-size:14px}
.tier-vip .tier-symbol{color:#ffda70;box-shadow:inset 0 0 22px rgba(255,204,85,.06)}
.tier-platinum .tier-symbol{color:#d5d7ff;box-shadow:inset 0 0 22px rgba(180,185,255,.06)}
.tier-gold .tier-symbol{color:#ffc357;box-shadow:inset 0 0 22px rgba(255,190,80,.05)}
.profile-card{
  box-shadow:var(--ph-soft-shadow);
  transition:transform .22s ease,filter .22s ease;
}
.profile-card:hover{transform:translateY(-3px);filter:brightness(1.02)}
.profile-card:after{
  background:
    linear-gradient(180deg,rgba(18,21,29,.96),rgba(12,14,20,.98));
}
.card-photo:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  box-shadow:inset 0 -70px 70px rgba(0,0,0,.12);
  pointer-events:none;
}
.details-arrow{
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.details-arrow:hover{transform:translateX(2px);border-color:#424a5a;background:#1b1f29}
.contact{
  position:relative;
  overflow:hidden;
}
.contact:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12),transparent 80%);
  transform:translateX(-130%);
  transition:transform .45s ease;
}
.contact:hover:after{transform:translateX(130%)}
.publish-panel{
  box-shadow:0 20px 65px rgba(0,0,0,.20);
}
.detail-contact-dock{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
  padding:8px 11px;
  border:1px solid #242a35;
  border-radius:11px;
  background:#0e1117;
  color:#717b8d;
  font-size:9px;
  letter-spacing:.7px;
}
.detail-contact-dock a{color:#aab2c1;text-decoration:none}
.detail-card{
  box-shadow:0 32px 90px rgba(0,0,0,.28);
}
.detail-content h1{
  text-shadow:0 12px 35px rgba(0,0,0,.25);
}
.bio-box{
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.profile-gallery-section{
  padding:16px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(17,20,27,.6),rgba(10,12,17,.22));
}
.gallery-heading{position:relative}
.gallery-swipe-tip{
  position:absolute;
  right:0;
  top:0;
  color:#626c7d;
  font-size:8px;
  letter-spacing:.4px;
}
.gallery-photo{
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

/* smoother Platinum movement */
@media(max-width:600px){
  .trust-strip{
    grid-template-columns:1fr auto;
    gap:8px;
    margin-top:8px;
    padding:7px 9px;
    font-size:7px;
  }
  .trust-strip>div:nth-child(2){display:none}
  .tier-section{
    padding:9px 7px 11px;
    border-radius:14px;
  }
  .tier-vip .card-grid{gap:6px}
  .tier-vip .profile-card{box-shadow:0 8px 20px rgba(0,0,0,.18)}
  .tier-platinum .card-grid{
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
  }
  .tier-platinum .profile-card{
    scroll-snap-align:center;
  }
  .tier-gold .profile-card{
    box-shadow:0 4px 12px rgba(0,0,0,.15);
  }
  .gallery-swipe-tip{display:none}
}

/* =========================================================
   DESKTOP SHOWCASE V1 — VIP / PLATIN / GOLD HIERARCHY
   ========================================================= */
@media (min-width: 901px) {

  /* --- VIP: top-tier, large and premium --- */
  .tier-vip{
    padding:18px 18px 20px;
    background:
      radial-gradient(420px 170px at 8% 0%,rgba(255,203,79,.08),transparent 72%),
      linear-gradient(180deg,rgba(21,20,17,.86),rgba(11,12,16,.65));
    border-color:rgba(255,210,105,.15);
  }

  .tier-vip .tier-heading h2{
    font-size:16px;
    letter-spacing:1.8px;
  }

  .tier-vip .tier-heading::after{
    content:"EN PREMIUM";
    margin-left:auto;
    margin-right:14px;
    border:1px solid rgba(255,210,105,.26);
    color:#ffd76f;
    background:rgba(255,206,86,.06);
    border-radius:999px;
    padding:6px 9px;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
  }

  .tier-vip .card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }

  .tier-vip .card-photo{
    height:410px;
  }

  .tier-vip .profile-card{
    transform:translateZ(0);
    box-shadow:0 25px 70px rgba(0,0,0,.27);
  }

  .tier-vip .card-name-row h3{
    font-size:22px;
  }

  /* --- PLATINUM: auto sliding premium carousel --- */
  .tier-platinum{
    overflow:hidden;
    background:
      radial-gradient(520px 190px at 100% 0%,rgba(157,164,255,.075),transparent 72%),
      linear-gradient(180deg,rgba(18,19,29,.78),rgba(10,12,18,.58));
    border-color:rgba(186,190,255,.13);
  }

  .tier-platinum .tier-heading::after{
    content:"OTOMATİK VİTRİN";
    margin-left:auto;
    margin-right:14px;
    color:#adb3ff;
    border:1px solid rgba(179,185,255,.20);
    background:rgba(150,158,255,.05);
    border-radius:999px;
    padding:6px 9px;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
  }

  .tier-platinum .card-grid{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(300px,32%);
    grid-template-columns:none;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 13px;
    scroll-snap-type:x mandatory;
    scroll-padding-left:2px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .tier-platinum .card-grid::-webkit-scrollbar{
    display:none;
  }

  .tier-platinum .profile-card{
    scroll-snap-align:start;
    width:100%;
  }

  .tier-platinum .card-photo{
    height:365px;
  }

  /* --- GOLD: entry tier, many small tiles --- */
  .tier-gold{
    background:
      radial-gradient(520px 190px at 0% 100%,rgba(255,180,61,.045),transparent 72%),
      linear-gradient(180deg,rgba(17,18,23,.68),rgba(9,11,15,.50));
  }

  .tier-gold .tier-heading::after{
    content:"EKONOMİK VİTRİN";
    margin-left:auto;
    margin-right:14px;
    color:#d9a84e;
    border:1px solid rgba(217,168,78,.16);
    background:rgba(217,168,78,.04);
    border-radius:999px;
    padding:6px 9px;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
  }

  .tier-gold .card-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
  }

  .tier-gold .profile-card{
    border-radius:11px;
    box-shadow:0 10px 25px rgba(0,0,0,.16);
  }

  .tier-gold .profile-card:after{
    border-radius:10px;
  }

  .tier-gold .card-photo{
    height:auto;
    aspect-ratio:3/4;
    border-radius:10px 10px 7px 7px;
  }

  .tier-gold .photo-top{
    top:6px;
    left:6px;
    right:6px;
  }

  .tier-gold .tier-chip{
    font-size:6px;
    padding:4px 5px;
  }

  .tier-gold .online-chip,
  .tier-gold .verified-chip{
    display:none;
  }

  .tier-gold .card-body{
    padding:7px;
  }

  .tier-gold .card-name-row{
    display:block;
  }

  .tier-gold .card-name-row h3{
    font-size:12px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .tier-gold .card-name-row p{
    display:none;
  }

  .tier-gold .details-arrow{
    display:none;
  }

  .tier-gold .contact-row{
    margin-top:6px;
    gap:3px;
  }

  .tier-gold .contact{
    padding:6px 2px;
    border-radius:6px;
    font-size:7px;
  }
}

/* Keep existing mobile hierarchy untouched */
/* =========================================================
   DESKTOP VITRIN V2 — DOM-AWARE
   ========================================================= */
@media (min-width: 901px) {

  .ph-desktop-vip{
    padding:18px 18px 20px !important;
    border-color:rgba(255,210,105,.16) !important;
    background:
      radial-gradient(420px 180px at 7% 0%,rgba(255,202,71,.085),transparent 72%),
      linear-gradient(180deg,rgba(22,20,16,.88),rgba(11,12,16,.67)) !important;
  }

  .ph-desktop-vip .card-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    overflow:visible !important;
  }

  .ph-desktop-vip .card-photo{
    height:410px !important;
    aspect-ratio:auto !important;
  }

  .ph-desktop-vip .card-name-row h3{
    font-size:22px !important;
  }

  .ph-desktop-platinum{
    overflow:hidden !important;
    border-color:rgba(184,190,255,.15) !important;
    background:
      radial-gradient(500px 190px at 100% 0%,rgba(157,164,255,.08),transparent 72%),
      linear-gradient(180deg,rgba(18,19,29,.80),rgba(10,12,18,.60)) !important;
  }

  .ph-desktop-platinum .card-grid{
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
    padding:2px 2px 14px !important;
  }

  .ph-desktop-platinum .card-grid::-webkit-scrollbar{
    display:none !important;
  }

  .ph-desktop-platinum .profile-card{
    flex:0 0 calc((100% - 28px) / 3) !important;
    min-width:0 !important;
    scroll-snap-align:start !important;
  }

  .ph-desktop-platinum .card-photo{
    height:365px !important;
    aspect-ratio:auto !important;
  }

  .ph-desktop-gold{
    background:
      radial-gradient(480px 180px at 0% 100%,rgba(255,180,61,.045),transparent 72%),
      linear-gradient(180deg,rgba(17,18,23,.70),rgba(9,11,15,.52)) !important;
  }

  .ph-desktop-gold .card-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
  }

  .ph-desktop-gold .profile-card{
    border-radius:11px !important;
    box-shadow:0 10px 25px rgba(0,0,0,.16) !important;
  }

  .ph-desktop-gold .profile-card:after{
    border-radius:10px !important;
  }

  .ph-desktop-gold .card-photo{
    height:auto !important;
    aspect-ratio:3/4 !important;
    border-radius:10px 10px 7px 7px !important;
  }

  .ph-desktop-gold .card-body{
    padding:7px !important;
  }

  .ph-desktop-gold .card-name-row{
    display:block !important;
  }

  .ph-desktop-gold .card-name-row h3{
    font-size:12px !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .ph-desktop-gold .card-name-row p,
  .ph-desktop-gold .details-arrow,
  .ph-desktop-gold .verified-chip,
  .ph-desktop-gold .online-chip{
    display:none !important;
  }

  .ph-desktop-gold .contact-row{
    margin-top:6px !important;
    gap:3px !important;
  }

  .ph-desktop-gold .contact{
    padding:6px 2px !important;
    border-radius:6px !important;
    font-size:7px !important;
  }

  .ph-tier-desktop-label{
    margin-left:auto;
    margin-right:12px;
    border-radius:999px;
    padding:6px 9px;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
    white-space:nowrap;
  }

  .ph-desktop-vip .ph-tier-desktop-label{
    color:#ffd76f;
    border:1px solid rgba(255,210,105,.25);
    background:rgba(255,206,86,.06);
  }

  .ph-desktop-platinum .ph-tier-desktop-label{
    color:#b7bcff;
    border:1px solid rgba(179,185,255,.22);
    background:rgba(150,158,255,.05);
  }

  .ph-desktop-gold .ph-tier-desktop-label{
    color:#d9a84e;
    border:1px solid rgba(217,168,78,.18);
    background:rgba(217,168,78,.04);
  }
}

/* PH_DESKTOP_FINAL_V4 */
@media (min-width: 901px) {

  /* VIP — en pahalı / en premium */
  .tier-section.tier-vip{
    padding:20px !important;
    border-color:rgba(255,210,92,.22) !important;
    background:
      radial-gradient(560px 200px at 8% 0%,rgba(255,197,55,.11),transparent 70%),
      linear-gradient(180deg,rgba(23,20,15,.93),rgba(10,12,17,.72)) !important;
  }

  .tier-vip .tier-heading::after{
    content:"EN PREMIUM";
    margin-left:auto;
    margin-right:12px;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid rgba(255,210,92,.28);
    background:rgba(255,205,80,.06);
    color:#ffd76d;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
  }

  .tier-vip .card-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    overflow:visible !important;
  }

  .tier-vip .profile-card{
    box-shadow:0 26px 72px rgba(0,0,0,.28) !important;
  }

  .tier-vip .card-photo{
    height:430px !important;
    aspect-ratio:auto !important;
  }

  .tier-vip .card-name-row h3{
    font-size:22px !important;
  }


  /* PLATIN — orta paket / otomatik kayan vitrin */
  .tier-section.tier-platinum{
    overflow:hidden !important;
    border-color:rgba(181,188,255,.19) !important;
    background:
      radial-gradient(580px 210px at 100% 0%,rgba(157,165,255,.10),transparent 70%),
      linear-gradient(180deg,rgba(18,20,31,.90),rgba(9,12,18,.70)) !important;
  }

  .tier-platinum .tier-heading::after{
    content:"OTOMATİK KAYAR VİTRİN";
    margin-left:auto;
    margin-right:12px;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid rgba(183,188,255,.24);
    background:rgba(150,160,255,.055);
    color:#c2c6ff;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
  }

  .tier-platinum .card-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    padding:3px 3px 15px !important;
  }

  .tier-platinum .card-grid::-webkit-scrollbar{
    display:none !important;
  }

  .tier-platinum .profile-card{
    flex:0 0 calc((100% - 28px) / 3) !important;
    width:calc((100% - 28px) / 3) !important;
    max-width:calc((100% - 28px) / 3) !important;
    min-width:0 !important;
    scroll-snap-align:start !important;
  }

  .tier-platinum .card-photo{
    height:365px !important;
    aspect-ratio:auto !important;
  }


  /* GOLD — ekonomik / çoklu küçük kart */
  .tier-section.tier-gold{
    background:
      radial-gradient(520px 180px at 0% 100%,rgba(255,175,54,.055),transparent 72%),
      linear-gradient(180deg,rgba(17,18,23,.72),rgba(9,11,15,.55)) !important;
  }

  .tier-gold .tier-heading::after{
    content:"EKONOMİK VİTRİN";
    margin-left:auto;
    margin-right:12px;
    padding:6px 9px;
    border-radius:999px;
    border:1px solid rgba(217,170,81,.20);
    background:rgba(217,170,81,.045);
    color:#d9aa51;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
  }

  .tier-gold .card-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
  }

  .tier-gold .profile-card{
    min-width:0 !important;
    border-radius:10px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
  }

  .tier-gold .profile-card::after{
    border-radius:9px !important;
  }

  .tier-gold .card-photo{
    height:auto !important;
    aspect-ratio:3/4 !important;
    border-radius:9px 9px 6px 6px !important;
  }

  .tier-gold .photo-top{
    top:5px !important;
    left:5px !important;
    right:5px !important;
  }

  .tier-gold .tier-chip{
    font-size:6px !important;
    padding:4px 5px !important;
  }

  .tier-gold .online-chip,
  .tier-gold .verified-chip{
    display:none !important;
  }

  .tier-gold .card-body{
    padding:6px !important;
  }

  .tier-gold .card-name-row{
    display:block !important;
  }

  .tier-gold .card-name-row h3{
    font-size:11px !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .tier-gold .card-name-row p,
  .tier-gold .details-arrow{
    display:none !important;
  }

  .tier-gold .contact-row{
    margin-top:5px !important;
    gap:3px !important;
  }

  .tier-gold .contact{
    padding:6px 2px !important;
    border-radius:6px !important;
    font-size:7px !important;
  }
}

/* PH_REMOVE_TIER_LABELS_20260809 */

/* VIP / Platin / Gold üst sağ açıklama etiketlerini tamamen kaldır */
.tier-section .tier-heading::after,
.tier-vip .tier-heading::after,
.tier-platinum .tier-heading::after,
.tier-gold .tier-heading::after,
.ph-tier-desktop-label {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

/* 3 PROFİL / 4 PROFİL / 1 PROFİL sayaçlarını kaldır */
.tier-total {
    display: none !important;
    visibility: hidden !important;
}

/* PH_NAME_BLUE_BADGE_20260809 */
/* Her mevcut ve gelecekte oluşacak profil adının yanında platform mavi rozeti */
.profile-card .card-name-row h3{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}

.profile-card .card-name-row h3::after{
    content:"✓" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:16px !important;
    height:16px !important;
    border-radius:50% !important;
    background:#1d9bf0 !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    font-family:Arial,sans-serif !important;
    box-shadow:0 0 0 2px rgba(29,155,240,.10),0 0 12px rgba(29,155,240,.24) !important;
    transform:translateY(-1px) !important;
}

/* Gold küçük kartlarda rozet de küçük kalsın */
@media (min-width:901px){
    .tier-gold .card-name-row h3{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:4px !important;
    }
    .tier-gold .card-name-row h3::after{
        width:12px !important;
        height:12px !important;
        font-size:8px !important;
    }
}

@media (max-width:900px){
    .profile-card .card-name-row h3::after{
        width:14px !important;
        height:14px !important;
        font-size:9px !important;
    }
}

/* PH_PACKAGE_MANAGER_V1 */
.tier-price-chip{
    margin-left:auto;
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    gap:1px;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px;
    background:rgba(255,255,255,.025);
}
.tier-price-chip b{font-size:11px;color:#f4f6fa}
.tier-price-chip small{font-size:7px;color:#727d8f}
.tier-vip .tier-price-chip{border-color:rgba(255,210,92,.18)}
.tier-platinum .tier-price-chip{border-color:rgba(185,190,255,.16)}
.tier-gold .tier-price-chip{border-color:rgba(217,170,81,.15)}
@media(max-width:600px){
    .tier-price-chip{padding:5px 7px}
    .tier-price-chip b{font-size:9px}
    .tier-price-chip small{display:none}
}

/* PH_DISABLE_PACKAGE_PRICES_FINAL */
.tier-price-chip{
    display:none !important;
}

/* =========================================================
   PLATINHUB SHOWCASE FINAL — VIP / PLATIN / GOLD
   ========================================================= */

/* Eski: her profile otomatik mavi tik veren pseudo elementi kapat */
.profile-card .card-name-row h3::after{
    content:none !important;
    display:none !important;
}

/* Gerçek onay durumuna bağlı isim rozeti */
.profile-name{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0;
}
.profile-name > span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.name-verified-badge{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:17px;
    height:17px;
    border-radius:50%;
    background:#1d9bf0;
    color:#fff;
    font:1000 11px/1 Arial,sans-serif;
    box-shadow:0 0 0 2px rgba(29,155,240,.10),0 0 14px rgba(29,155,240,.25);
}

/* Bölümlerin görsel hiyerarşisi */
.tier-vip{
    border-color:rgba(255,209,90,.20) !important;
    background:
      radial-gradient(620px 220px at 7% 0%,rgba(255,198,50,.10),transparent 70%),
      linear-gradient(180deg,rgba(24,21,15,.94),rgba(10,12,17,.74)) !important;
}

.tier-platinum{
    border-color:rgba(185,191,255,.18) !important;
    background:
      radial-gradient(650px 230px at 100% 0%,rgba(157,165,255,.10),transparent 70%),
      linear-gradient(180deg,rgba(18,20,31,.90),rgba(9,12,18,.70)) !important;
}

.tier-gold{
    border-color:rgba(217,170,81,.12) !important;
    background:
      radial-gradient(520px 190px at 0% 100%,rgba(255,175,54,.05),transparent 72%),
      linear-gradient(180deg,rgba(17,18,23,.72),rgba(9,11,15,.55)) !important;
}

/* MASAÜSTÜ */
@media (min-width:901px){

    /* VIP: büyük ve güçlü */
    .tier-vip .card-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:18px !important;
        overflow:visible !important;
    }
    .tier-vip .card-photo{
        height:430px !important;
        aspect-ratio:auto !important;
    }
    .tier-vip .profile-card{
        box-shadow:0 28px 75px rgba(0,0,0,.30) !important;
    }
    .tier-vip .card-name-row h3{
        font-size:22px !important;
    }

    /* PLATIN: yatay otomatik kayan vitrin */
    .tier-platinum{
        overflow:hidden !important;
    }
    .tier-platinum .card-grid{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:14px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-behavior:smooth !important;
        scroll-snap-type:x mandatory !important;
        scrollbar-width:none !important;
        padding:3px 3px 15px !important;
    }
    .tier-platinum .card-grid::-webkit-scrollbar{
        display:none !important;
    }
    .tier-platinum .profile-card{
        flex:0 0 calc((100% - 28px) / 3) !important;
        width:calc((100% - 28px) / 3) !important;
        max-width:calc((100% - 28px) / 3) !important;
        scroll-snap-align:start !important;
    }
    .tier-platinum .card-photo{
        height:365px !important;
        aspect-ratio:auto !important;
    }

    /* GOLD: çoklu küçük kutular */
    .tier-gold .card-grid{
        display:grid !important;
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
        gap:8px !important;
        overflow:visible !important;
    }
    .tier-gold .profile-card{
        min-width:0 !important;
        border-radius:10px !important;
        box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
    }
    .tier-gold .profile-card::after{
        border-radius:9px !important;
    }
    .tier-gold .card-photo{
        height:auto !important;
        aspect-ratio:3/4 !important;
        border-radius:9px 9px 6px 6px !important;
    }
    .tier-gold .card-body{
        padding:6px !important;
    }
    .tier-gold .card-name-row{
        display:block !important;
    }
    .tier-gold .profile-name{
        justify-content:center !important;
        gap:4px !important;
        font-size:11px !important;
        text-align:center !important;
    }
    .tier-gold .name-verified-badge{
        width:12px;
        height:12px;
        font-size:8px;
    }
    .tier-gold .card-name-row p,
    .tier-gold .details-arrow{
        display:none !important;
    }
    .tier-gold .online-chip,
    .tier-gold .verified-chip{
        display:none !important;
    }
    .tier-gold .contact-row{
        margin-top:5px !important;
        gap:3px !important;
    }
    .tier-gold .contact{
        padding:6px 2px !important;
        border-radius:6px !important;
        font-size:7px !important;
    }
}

/* MOBİL */
@media (max-width:600px){
    /* VIP iki sütun */
    .tier-vip .card-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    /* Platinum yatay kayar */
    .tier-platinum .card-grid{
        display:grid !important;
        grid-auto-flow:column !important;
        grid-auto-columns:74vw !important;
        grid-template-columns:none !important;
        gap:9px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-behavior:smooth !important;
        scroll-snap-type:x mandatory !important;
        scrollbar-width:none !important;
        padding:2px 2px 10px !important;
    }
    .tier-platinum .card-grid::-webkit-scrollbar{
        display:none !important;
    }
    .tier-platinum .profile-card{
        scroll-snap-align:center !important;
    }

    /* Gold 5 küçük sütun */
    .tier-gold .card-grid{
        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:4px !important;
    }
    .tier-gold .profile-name{
        justify-content:center !important;
        gap:2px !important;
    }
    .tier-gold .name-verified-badge{
        width:9px;
        height:9px;
        font-size:6px;
    }
}

/* İstenmeyen paket/sayaç etiketleri kapalı kalsın */
.tier-section .tier-heading::after,
.tier-total,
.ph-tier-desktop-label,
.tier-price-chip{
    display:none !important;
}


/* =========================================================
   GOLD DYNAMIC CARD SIZE — FINAL
   1-2 profil: büyük | 3-4: orta | 5+: küçük
   ========================================================= */
@media (min-width:901px){
    .tier-gold.gold-count-low .card-grid{
        grid-template-columns:repeat(2,minmax(0,280px)) !important;
        justify-content:start !important;
        gap:14px !important;
    }
    .tier-gold.gold-count-low .profile-card{
        width:100% !important;
        max-width:280px !important;
    }
    .tier-gold.gold-count-low .card-photo{
        aspect-ratio:3/4 !important;
    }
    .tier-gold.gold-count-low .card-body{
        padding:9px !important;
    }
    .tier-gold.gold-count-low .profile-name{
        font-size:14px !important;
    }
    .tier-gold.gold-count-low .name-verified-badge{
        width:14px !important;
        height:14px !important;
        font-size:9px !important;
    }
    .tier-gold.gold-count-low .contact{
        padding:8px 4px !important;
        font-size:9px !important;
    }

    .tier-gold.gold-count-mid .card-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:10px !important;
    }
    .tier-gold.gold-count-mid .profile-name{
        font-size:12px !important;
    }

    .tier-gold.gold-count-many .card-grid{
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    }
}

@media (max-width:600px){
    .tier-gold.gold-count-low .card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }
    .tier-gold.gold-count-mid .card-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
    }
    .tier-gold.gold-count-many .card-grid{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }
}


/* PH_PLATINUM_SLIDER_FINAL_20260814 */

/* Eski kaydırıcı kurallarının üstüne son ve tek hizalama kuralı */
.tier-platinum{
    overflow:hidden !important;
}

.tier-platinum .card-grid{
    scroll-behavior:smooth !important;
    scrollbar-width:none !important;
    overscroll-behavior-x:contain !important;
}

.tier-platinum .card-grid::-webkit-scrollbar{
    display:none !important;
}

@media (min-width:901px){
    .tier-platinum .card-grid{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:14px !important;

        /* Yarım kart problemini çıkaran yatay padding kaldırıldı */
        padding-left:0 !important;
        padding-right:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x mandatory !important;
        scroll-padding-left:0 !important;
        scroll-padding-right:0 !important;
    }

    .tier-platinum .profile-card{
        flex:0 0 calc((100% - 28px) / 3) !important;
        width:calc((100% - 28px) / 3) !important;
        max-width:calc((100% - 28px) / 3) !important;
        min-width:calc((100% - 28px) / 3) !important;
        scroll-snap-align:start !important;
        scroll-snap-stop:always !important;
    }
}

@media (max-width:600px){
    .tier-platinum .card-grid{
        scroll-snap-type:x mandatory !important;
        scroll-padding-left:0 !important;
    }

    .tier-platinum .profile-card{
        scroll-snap-align:start !important;
        scroll-snap-stop:always !important;
    }
}

/* PH_GOLD_DYNAMIC_FINAL_20260814
   GOLD: profil sayısına göre otomatik boyut
   1-2 büyük / 3-4 orta / 5+ küçük
*/

@media (min-width:901px){

    /* 1-2 GOLD: boş görünmesin, daha büyük kart */
    .tier-gold.gold-count-low .card-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,280px)) !important;
        justify-content:start !important;
        gap:14px !important;
        overflow:visible !important;
    }

    .tier-gold.gold-count-low .profile-card{
        width:100% !important;
        max-width:280px !important;
        min-width:0 !important;
        border-radius:13px !important;
        box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
    }

    .tier-gold.gold-count-low .profile-card::after{
        border-radius:12px !important;
    }

    .tier-gold.gold-count-low .card-photo{
        height:auto !important;
        aspect-ratio:3/4 !important;
        border-radius:12px 12px 8px 8px !important;
    }

    .tier-gold.gold-count-low .card-body{
        padding:10px !important;
    }

    .tier-gold.gold-count-low .card-name-row{
        display:block !important;
    }

    .tier-gold.gold-count-low .profile-name{
        justify-content:center !important;
        font-size:14px !important;
        gap:5px !important;
    }

    .tier-gold.gold-count-low .name-verified-badge{
        width:14px !important;
        height:14px !important;
        font-size:9px !important;
    }

    .tier-gold.gold-count-low .contact-row{
        display:flex !important;
        margin-top:7px !important;
        gap:4px !important;
    }

    .tier-gold.gold-count-low .contact{
        padding:8px 4px !important;
        font-size:9px !important;
        border-radius:7px !important;
    }

    /* 3-4 GOLD: orta boy 4 sütun */
    .tier-gold.gold-count-mid .card-grid{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .tier-gold.gold-count-mid .profile-name{
        justify-content:center !important;
        font-size:12px !important;
    }

    /* 5+ GOLD: ekonomik küçük 6 sütun */
    .tier-gold.gold-count-many .card-grid{
        display:grid !important;
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
        gap:8px !important;
    }
}

/* MOBİL */
@media (max-width:600px){

    /* 1-2 GOLD: 2 sütun, okunabilir */
    .tier-gold.gold-count-low .card-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    .tier-gold.gold-count-low .profile-card{
        border-radius:10px !important;
    }

    .tier-gold.gold-count-low .card-photo{
        aspect-ratio:3/4 !important;
    }

    .tier-gold.gold-count-low .profile-name{
        justify-content:center !important;
        font-size:10px !important;
        gap:3px !important;
    }

    .tier-gold.gold-count-low .name-verified-badge{
        width:10px !important;
        height:10px !important;
        font-size:6px !important;
    }

    /* 3-4 GOLD: 3 sütun */
    .tier-gold.gold-count-mid .card-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
    }

    /* 5+ GOLD: 5 küçük sütun */
    .tier-gold.gold-count-many .card-grid{
        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:4px !important;
    }
}

/* PH_PROFILE_EDGE_TAGS_V1 */
.profile-edge-tags{
    position:absolute;
    z-index:5;
    left:10px;
    right:10px;
    bottom:43px;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    pointer-events:none;
}

.profile-edge-tags span{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:rgba(7,9,14,.74);
    color:#f7f9fc;
    backdrop-filter:blur(11px);
    -webkit-backdrop-filter:blur(11px);
    box-shadow:0 7px 20px rgba(0,0,0,.24);
    font-size:8px;
    line-height:1;
    font-weight:850;
    letter-spacing:.25px;
    text-shadow:0 1px 2px rgba(0,0,0,.5);
}

/* VIP etiketi biraz daha premium */
.tier-vip .profile-edge-tags span{
    border-color:rgba(255,214,105,.22);
    background:linear-gradient(180deg,rgba(20,17,10,.78),rgba(8,10,14,.78));
}

/* Platin için soğuk cam tonu */
.tier-platinum .profile-edge-tags span{
    border-color:rgba(190,195,255,.20);
}

/* Gold küçük kartlarda etiketler taşmasın */
@media(min-width:901px){
    .tier-gold .profile-edge-tags{
        left:5px;
        right:5px;
        bottom:7px;
        gap:3px;
    }
    .tier-gold .profile-edge-tags span{
        min-height:17px;
        padding:3px 5px;
        font-size:6px;
    }
    .tier-gold.gold-count-low .profile-edge-tags{
        left:8px;
        right:8px;
        bottom:34px;
        gap:4px;
    }
    .tier-gold.gold-count-low .profile-edge-tags span{
        min-height:20px;
        padding:4px 7px;
        font-size:7px;
    }
}

@media(max-width:600px){
    .profile-edge-tags{
        left:6px;
        right:6px;
        bottom:31px;
        gap:3px;
    }
    .profile-edge-tags span{
        min-height:17px;
        padding:3px 5px;
        font-size:6px;
    }

    .tier-gold .profile-edge-tags{
        display:none;
    }
}

/* PH_PROFILE_EDGE_TAGS_FINAL_20260815 */
.card-photo{
    position:relative !important;
}

.profile-edge-tags{
    position:absolute !important;
    z-index:20 !important;
    left:10px !important;
    right:10px !important;
    bottom:45px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    pointer-events:none !important;
}

.profile-edge-tags span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:23px !important;
    padding:5px 9px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:999px !important;
    background:rgba(5,8,13,.84) !important;
    color:#fff !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    box-shadow:0 7px 22px rgba(0,0,0,.38) !important;
    font-size:8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.25px !important;
    text-shadow:0 1px 3px rgba(0,0,0,.75) !important;
}

.tier-vip .profile-edge-tags span{
    border-color:rgba(255,215,105,.30) !important;
    box-shadow:0 7px 22px rgba(0,0,0,.38),0 0 12px rgba(255,205,80,.08) !important;
}

.tier-platinum .profile-edge-tags span{
    border-color:rgba(190,196,255,.26) !important;
}

.tier-gold .profile-edge-tags span{
    border-color:rgba(222,177,85,.24) !important;
}

/* Gold az profil olduğunda da görünür */
@media(min-width:901px){
    .tier-gold.gold-count-low .profile-edge-tags{
        left:8px !important;
        right:8px !important;
        bottom:38px !important;
    }

    .tier-gold.gold-count-many .profile-edge-tags,
    .tier-gold.gold-count-mid .profile-edge-tags{
        left:5px !important;
        right:5px !important;
        bottom:7px !important;
        gap:3px !important;
    }

    .tier-gold.gold-count-many .profile-edge-tags span,
    .tier-gold.gold-count-mid .profile-edge-tags span{
        min-height:17px !important;
        padding:3px 5px !important;
        font-size:6px !important;
    }
}

@media(max-width:600px){
    .profile-edge-tags{
        left:6px !important;
        right:6px !important;
        bottom:32px !important;
        gap:3px !important;
    }

    .profile-edge-tags span{
        min-height:18px !important;
        padding:4px 6px !important;
        font-size:6px !important;
    }

    .tier-gold .profile-edge-tags{
        display:flex !important;
    }
}

/* =========================================================
   PH_POPULAR_SHOWCASE_V1
   Profil detay sayfası — yönetici seçmeli popüler vitrin
   ========================================================= */
.popular-showcase-section{
    margin-top:28px;
    padding:16px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:19px;
    background:
        radial-gradient(520px 180px at 100% 0%,rgba(77,108,255,.065),transparent 72%),
        linear-gradient(180deg,rgba(16,19,27,.76),rgba(9,11,16,.56));
    overflow:hidden;
}

.popular-showcase-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding-bottom:13px;
    margin-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.popular-showcase-heading h2{
    margin:3px 0 2px;
    font-size:24px;
    letter-spacing:-.6px;
}

.popular-showcase-heading>div>p:last-child{
    margin:0;
    color:#747f90;
    font-size:10px;
}

.popular-showcase-controls{
    display:flex;
    gap:7px;
}

.popular-showcase-controls button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #303746;
    border-radius:10px;
    background:#151922;
    color:#f5f7fb;
    font-size:23px;
    line-height:1;
    cursor:pointer;
    transition:.18s ease;
}

.popular-showcase-controls button:hover{
    background:#1b202b;
    border-color:#485267;
    transform:translateY(-1px);
}

.popular-showcase-rail{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 10px;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
}

.popular-showcase-rail::-webkit-scrollbar{
    display:none;
}

.popular-profile-card{
    --neon:#478bff;
    position:relative;
    isolation:isolate;
    flex:0 0 calc((100% - 24px) / 3);
    min-width:0;
    padding:1px;
    border-radius:15px;
    overflow:hidden;
    background:#0d0f15;
    scroll-snap-align:start;
    box-shadow:0 14px 38px rgba(0,0,0,.22);
}

.popular-profile-card::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset:1px;
    border-radius:14px;
    background:linear-gradient(180deg,#121620,#0d1017);
}

.popular-photo{
    position:relative;
    display:block;
    height:285px;
    overflow:hidden;
    border-radius:14px 14px 9px 9px;
    background:#151923;
}

.popular-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 55%,rgba(0,0,0,.36));
}

.popular-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.popular-profile-card:hover .popular-photo img{
    transform:scale(1.025);
}

.popular-photo-top{
    position:absolute;
    z-index:3;
    top:9px;
    left:9px;
    right:9px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.popular-photo-top span,
.popular-photo-top b{
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    background:rgba(8,10,15,.72);
    backdrop-filter:blur(10px);
    color:#e9edf5;
    font-size:7px;
    font-weight:900;
    letter-spacing:.6px;
}

.popular-photo-top b{
    color:#68efad;
    font-weight:900;
}

.popular-card-body{
    padding:10px;
}

.popular-name-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.popular-name-row h3{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
    margin:0;
    font-size:16px;
}

.popular-name-row h3 i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:14px;
    height:14px;
    flex:0 0 14px;
    border-radius:50%;
    background:#1d9bf0;
    color:#fff;
    font:1000 9px/1 Arial,sans-serif;
    font-style:normal;
}

.popular-name-row>a{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border:1px solid #2c3441;
    border-radius:8px;
    background:#171b24;
    text-decoration:none;
}

.popular-card-body>p{
    margin:3px 0 0;
    overflow:hidden;
    color:#7f8999;
    font-size:9px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.popular-flag.popular{
    color:#ffd76c !important;
    border-color:rgba(255,207,78,.35) !important;
    background:rgba(255,201,61,.08) !important;
    box-shadow:0 0 12px rgba(255,201,61,.08) !important;
}

@media(max-width:900px){
    .popular-profile-card{
        flex-basis:calc((100% - 12px) / 2);
    }

    .popular-photo{
        height:auto;
        aspect-ratio:4/5;
    }
}

@media(max-width:600px){
    .popular-showcase-section{
        margin-top:20px;
        padding:10px 8px 11px;
        border-radius:14px;
    }

    .popular-showcase-heading{
        align-items:center;
        margin-bottom:10px;
        padding-bottom:9px;
    }

    .popular-showcase-heading h2{
        font-size:18px;
    }

    .popular-showcase-heading>div>p:last-child{
        display:none;
    }

    .popular-showcase-controls button{
        width:32px;
        height:32px;
        border-radius:8px;
        font-size:19px;
    }

    .popular-showcase-rail{
        gap:8px;
        padding-bottom:7px;
    }

    .popular-profile-card{
        flex:0 0 72vw;
        border-radius:13px;
    }

    .popular-profile-card::after{
        border-radius:12px;
    }

    .popular-photo{
        border-radius:12px 12px 8px 8px;
    }

    .popular-name-row h3{
        font-size:14px;
    }
}

/* PH_POPULAR_SHOWCASE_EDIT_V2 */
.popular-showcase-section{
    margin-top:28px;
    padding:16px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:19px;
    background:linear-gradient(180deg,rgba(17,20,28,.82),rgba(9,11,16,.62));
    overflow:hidden;
}
.popular-showcase-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    padding-bottom:12px;
    margin-bottom:13px;
    border-bottom:1px solid rgba(255,255,255,.07);
}
.popular-showcase-heading h2{margin:3px 0 2px;font-size:24px}
.popular-showcase-heading>div>p:last-child{margin:0;color:#788395;font-size:10px}
.popular-showcase-controls{display:flex;gap:7px}
.popular-showcase-controls button{
    width:38px;height:38px;border:1px solid #303746;border-radius:10px;
    background:#151922;color:#fff;font-size:23px;cursor:pointer
}
.popular-showcase-rail{
    display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;
    padding:2px 2px 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none
}
.popular-showcase-rail::-webkit-scrollbar{display:none}
.popular-profile-card{
    flex:0 0 calc((100% - 24px)/3);min-width:0;padding:1px;border-radius:15px;
    overflow:hidden;background:#0d0f15;scroll-snap-align:start;border:1px solid #252c37
}
.popular-photo{position:relative;display:block;height:285px;overflow:hidden;border-radius:14px 14px 9px 9px}
.popular-photo img{width:100%;height:100%;object-fit:cover;display:block}
.popular-photo-top{
    position:absolute;z-index:3;top:9px;left:9px;right:9px;display:flex;justify-content:space-between
}
.popular-photo-top span,.popular-photo-top b{
    padding:5px 7px;border:1px solid rgba(255,255,255,.15);border-radius:999px;
    background:rgba(8,10,15,.74);color:#eef2f7;font-size:7px;font-weight:900
}
.popular-photo-top b{color:#68efad}
.popular-card-body{padding:10px}
.popular-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.popular-name-row h3{display:flex;align-items:center;gap:5px;margin:0;font-size:16px}
.popular-name-row h3 i{
    width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;
    border-radius:50%;background:#1d9bf0;color:#fff;font:1000 9px/1 Arial;font-style:normal
}
.popular-name-row>a{
    width:30px;height:30px;display:grid;place-items:center;border:1px solid #2c3441;
    border-radius:8px;background:#171b24;text-decoration:none
}
.popular-card-body>p{margin:3px 0 0;color:#7f8999;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:900px){
    .popular-profile-card{flex-basis:calc((100% - 12px)/2)}
    .popular-photo{height:auto;aspect-ratio:4/5}
}
@media(max-width:600px){
    .popular-showcase-section{margin-top:20px;padding:10px 8px}
    .popular-showcase-heading h2{font-size:18px}
    .popular-showcase-heading>div>p:last-child{display:none}
    .popular-showcase-controls button{width:32px;height:32px}
    .popular-profile-card{flex:0 0 72vw}
}

/* =========================================================
   PH_POPULAR_COMPACT_V3
   Küçük, seri, GOLD mantığında Popüler İlanlar slider
   ========================================================= */
.popular-compact{
    margin:14px 0 18px;
    padding:10px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.065);
    border-radius:14px;
    background:
        radial-gradient(390px 120px at 100% 0%,rgba(68,100,255,.055),transparent 74%),
        linear-gradient(180deg,rgba(15,18,25,.78),rgba(9,11,16,.55));
}

.popular-compact-top{
    margin-top:0;
    margin-bottom:18px;
}

.popular-compact-bottom{
    margin-top:22px;
    margin-bottom:0;
}

.popular-compact-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:1px 2px 8px;
    margin-bottom:8px;
    border-bottom:1px solid rgba(255,255,255,.055);
}

.popular-compact-head span{
    display:block;
    color:#647289;
    font-size:6px;
    font-weight:900;
    letter-spacing:1.2px;
}

.popular-compact-head h2{
    margin:2px 0 0;
    font-size:15px;
    line-height:1.1;
    letter-spacing:-.2px;
}

.popular-compact-arrows{
    display:flex;
    gap:5px;
}

.popular-compact-arrows button{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    padding:0;
    border:1px solid #2b3340;
    border-radius:8px;
    background:#131821;
    color:#e9edf5;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}

.popular-compact-rail{
    display:flex;
    flex-wrap:nowrap;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 1px 5px;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
}

.popular-compact-rail::-webkit-scrollbar{
    display:none;
}

.popular-mini-card{
    position:relative;
    flex:0 0 calc((100% - 35px) / 6);
    width:calc((100% - 35px) / 6);
    min-width:0;
    overflow:hidden;
    border:1px solid #242c37;
    border-radius:9px;
    background:#0d1117;
    scroll-snap-align:start;
    box-shadow:0 6px 18px rgba(0,0,0,.16);
}

.popular-mini-photo{
    position:relative;
    display:block;
    aspect-ratio:3/4;
    overflow:hidden;
    background:#151923;
}

.popular-mini-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02),transparent 62%,rgba(0,0,0,.22));
    pointer-events:none;
}

.popular-mini-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.popular-mini-tier{
    position:absolute;
    z-index:2;
    top:5px;
    left:5px;
    padding:3px 5px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(7,9,13,.74);
    color:#f0f3f8;
    backdrop-filter:blur(7px);
    font-size:5px;
    font-weight:950;
    letter-spacing:.35px;
}

.popular-mini-online{
    position:absolute;
    z-index:2;
    top:6px;
    right:6px;
    display:grid;
    place-items:center;
    width:13px;
    height:13px;
    border:1px solid rgba(70,230,151,.26);
    border-radius:50%;
    background:rgba(9,61,39,.80);
    color:#65edaa;
    font-size:6px;
}

.popular-mini-body{
    padding:6px 6px 7px;
}

.popular-mini-name{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    width:100%;
    min-width:0;
    overflow:hidden;
    color:#eef2f7;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
}

.popular-mini-name>span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.popular-mini-name i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 10px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#1d9bf0;
    color:#fff;
    font:1000 6px/1 Arial,sans-serif;
    font-style:normal;
}

/* Tablet */
@media(max-width:900px){
    .popular-mini-card{
        flex-basis:calc((100% - 21px) / 4);
        width:calc((100% - 21px) / 4);
    }
}

/* Mobil: aynı anda yaklaşık 3 küçük profil */
@media(max-width:600px){
    .popular-compact{
        margin:10px 0 14px;
        padding:7px;
        border-radius:11px;
    }

    .popular-compact-head{
        padding-bottom:6px;
        margin-bottom:6px;
    }

    .popular-compact-head h2{
        font-size:13px;
    }

    .popular-compact-head span{
        font-size:5px;
    }

    .popular-compact-arrows button{
        width:25px;
        height:25px;
        border-radius:7px;
        font-size:16px;
    }

    .popular-compact-rail{
        gap:5px;
    }

    .popular-mini-card{
        flex:0 0 calc((100% - 10px) / 3);
        width:calc((100% - 10px) / 3);
        border-radius:8px;
    }

    .popular-mini-body{
        padding:5px 3px 6px;
    }

    .popular-mini-name{
        font-size:7px;
    }

    .popular-mini-name i{
        flex-basis:8px;
        width:8px;
        height:8px;
        font-size:5px;
    }

    .popular-mini-tier{
        top:4px;
        left:4px;
        padding:2px 4px;
        font-size:4px;
    }
}

/* PH_POPULAR_BOTTOM_ONLY_FINAL */
.popular-compact{
    margin:22px 0 0;
    padding:9px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.065);
    border-radius:13px;
    background:
        radial-gradient(360px 110px at 100% 0%,rgba(68,100,255,.05),transparent 74%),
        linear-gradient(180deg,rgba(15,18,25,.76),rgba(9,11,16,.55));
}

.popular-compact-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:1px 1px 7px;
    margin-bottom:7px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.popular-compact-head span{
    display:block;
    color:#647289;
    font-size:5px;
    font-weight:900;
    letter-spacing:1.1px;
}

.popular-compact-head h2{
    margin:2px 0 0;
    font-size:14px;
    line-height:1.1;
}

.popular-compact-arrows{
    display:flex;
    gap:4px;
}

.popular-compact-arrows button{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    padding:0;
    border:1px solid #2b3340;
    border-radius:7px;
    background:#131821;
    color:#e9edf5;
    font-size:17px;
    cursor:pointer;
}

.popular-compact-rail{
    display:flex;
    flex-wrap:nowrap;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 1px 4px;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
}

.popular-compact-rail::-webkit-scrollbar{
    display:none;
}

.popular-mini-card{
    flex:0 0 calc((100% - 42px) / 8);
    width:calc((100% - 42px) / 8);
    min-width:0;
    overflow:hidden;
    border:1px solid #242c37;
    border-radius:8px;
    background:#0d1117;
    scroll-snap-align:start;
    box-shadow:0 5px 14px rgba(0,0,0,.14);
}

.popular-mini-photo{
    position:relative;
    display:block;
    aspect-ratio:3/4;
    overflow:hidden;
    background:#151923;
}

.popular-mini-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.popular-mini-tier{
    position:absolute;
    z-index:2;
    top:4px;
    left:4px;
    padding:2px 4px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(7,9,13,.76);
    color:#f0f3f8;
    font-size:4px;
    font-weight:950;
}

.popular-mini-online{
    position:absolute;
    z-index:2;
    top:4px;
    right:4px;
    display:grid;
    place-items:center;
    width:11px;
    height:11px;
    border-radius:50%;
    background:rgba(9,61,39,.82);
    color:#65edaa;
    font-size:5px;
}

.popular-mini-body{
    padding:5px 4px 6px;
}

.popular-mini-name{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:0;
    overflow:hidden;
    color:#eef2f7;
    text-decoration:none;
    font-size:7px;
    font-weight:900;
    line-height:1.1;
}

.popular-mini-name>span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.popular-mini-name i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#1d9bf0;
    color:#fff;
    font:1000 5px/1 Arial,sans-serif;
    font-style:normal;
}

@media(max-width:900px){
    .popular-mini-card{
        flex-basis:calc((100% - 24px) / 5);
        width:calc((100% - 24px) / 5);
    }
}

@media(max-width:600px){
    .popular-compact{
        margin-top:14px;
        padding:7px;
        border-radius:10px;
    }

    .popular-compact-head{
        padding-bottom:5px;
        margin-bottom:5px;
    }

    .popular-compact-head h2{
        font-size:12px;
    }

    .popular-compact-arrows button{
        width:23px;
        height:23px;
        font-size:15px;
    }

    .popular-compact-rail{
        gap:4px;
    }

    .popular-mini-card{
        flex:0 0 calc((100% - 12px) / 4);
        width:calc((100% - 12px) / 4);
    }

    .popular-mini-name{
        font-size:6px;
    }
}

/* ============================================================
   PLATINHUB FINAL HEADER / HERO / PUBLISH — CLEAN V12
   Unique phf-* namespace prevents legacy mobile overrides.
   ============================================================ */

.site-head{
    position:relative !important;
    top:auto !important;
    z-index:50 !important;
    height:auto !important;
    min-height:128px !important;
    max-width:1260px !important;
    margin:0 auto !important;
    padding:18px 22px 15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:
      radial-gradient(520px 100px at 50% 100%,rgba(215,222,232,.055),transparent 72%),
      linear-gradient(180deg,#0a0c10,#06080b) !important;
    border-bottom:1px solid rgba(205,213,224,.16) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
.site-head .publish-btn{display:none !important}

.site-head .logo{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
    text-decoration:none !important;
    text-align:center !important;
}
.site-head .logo-mark{display:none !important}
.site-head .logo>span:last-child{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}
.site-head .logo strong,
.site-head .ph-metal-brand>span{
    display:block !important;
    margin:0 !important;
    font-size:clamp(48px,6vw,78px) !important;
    line-height:.92 !important;
    font-weight:1000 !important;
    letter-spacing:5px !important;
    color:#dfe3e8 !important;
    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #dce1e7 12%,
        #7c848f 27%,
        #f5f7f9 43%,
        #626a75 58%,
        #cbd1d8 73%,
        #858e99 86%,
        #eef1f4 100%
      ) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
    filter:
      drop-shadow(0 2px 0 #454b53)
      drop-shadow(0 5px 0 #191d22)
      drop-shadow(0 11px 18px rgba(0,0,0,.72))
      drop-shadow(0 0 15px rgba(225,231,239,.09)) !important;
}
.site-head .logo small,
.site-head .ph-metal-brand small{
    display:block !important;
    margin-top:10px !important;
    color:#8d97a4 !important;
    font-size:7px !important;
    font-weight:900 !important;
    letter-spacing:2.8px !important;
}

body{
    background:
      radial-gradient(920px 500px at 50% -180px,rgba(170,183,201,.075),transparent 68%),
      linear-gradient(180deg,#090b0f 0%,#05070a 60%,#030406 100%) !important;
}

.home{max-width:1260px !important}

.trust-strip{
    border-color:rgba(200,208,220,.15) !important;
    background:linear-gradient(180deg,#101319,#0b0e13) !important;
    color:#737e8d !important;
}

.phf-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    margin:20px 0 12px;
    padding:25px 28px 24px;
    text-align:center;
    border:1px solid rgba(207,214,224,.26);
    border-radius:17px;
    background:
      radial-gradient(620px 150px at 50% -25px,rgba(232,236,242,.06),transparent 72%),
      linear-gradient(180deg,#151920 0%,#090c11 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      inset 0 -1px 0 rgba(255,255,255,.02),
      0 18px 52px rgba(0,0,0,.24);
}
.phf-hero::before,
.phf-hero::after{
    content:"";
    position:absolute;
    top:50%;
    width:16%;
    height:1px;
    opacity:.44;
    background:linear-gradient(90deg,transparent,#adb5c0);
}
.phf-hero::before{left:2.5%}
.phf-hero::after{right:2.5%;transform:rotate(180deg)}
.phf-kicker{
    display:block;
    margin-bottom:8px;
    color:#949eac;
    font-size:8px;
    font-weight:900;
    letter-spacing:2.5px;
}
.phf-hero h1{
    margin:0 !important;
    font-size:clamp(30px,4vw,50px) !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:1.7px !important;
    color:#edf0f4 !important;
    background:linear-gradient(180deg,#fff 0%,#d7dce3 51%,#9ba3ae 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    filter:drop-shadow(0 3px 0 #2a2f35) drop-shadow(0 10px 20px rgba(0,0,0,.48));
}
.phf-hero p{
    margin:10px 0 0 !important;
    color:#99a3b1 !important;
    font-size:12px !important;
}

.phf-publish{
    display:grid;
    grid-template-columns:62px minmax(220px,1fr) auto auto;
    align-items:center;
    gap:18px;
    margin:12px 0 30px;
    padding:13px 15px;
    border:1px solid rgba(207,214,224,.25);
    border-radius:16px;
    background:
      radial-gradient(500px 130px at 85% -10%,rgba(240,244,248,.05),transparent 72%),
      linear-gradient(180deg,#151920,#090c11);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 18px 50px rgba(0,0,0,.27);
}
.phf-publish-icon{
    width:62px;height:62px;
    display:grid;place-items:center;
    border:1px solid rgba(240,244,248,.7);
    border-radius:15px;
    background:
      linear-gradient(145deg,#f8fafb 0%,#c9d0d8 23%,#6f7782 44%,#edf0f4 61%,#9099a4 80%,#e9edf1 100%);
    box-shadow:
      inset 0 0 0 4px rgba(7,9,12,.42),
      inset 0 1px 0 rgba(255,255,255,.9),
      0 8px 22px rgba(0,0,0,.42),
      0 0 18px rgba(220,226,234,.12);
}
.phf-publish-icon span{
    display:grid;place-items:center;
    width:42px;height:42px;
    border-radius:10px;
    background:linear-gradient(180deg,#11151b,#06080b);
    color:#dce1e7;
    font-size:22px;
    font-weight:1000;
    text-shadow:0 1px 8px rgba(255,255,255,.1);
}
.phf-publish-copy small{
    display:block;
    color:#929ca9;
    font-size:7px;
    font-weight:900;
    letter-spacing:1.5px;
}
.phf-publish-copy h2{
    margin:3px 0 3px !important;
    color:#eef1f4 !important;
    font-size:22px !important;
    line-height:1 !important;
    letter-spacing:.6px !important;
}
.phf-publish-copy p{
    margin:0 !important;
    color:#929ba9 !important;
    font-size:10px !important;
}
.phf-publish-points{
    display:flex;
    align-items:center;
    gap:13px;
}
.phf-publish-points>div{
    min-width:72px;
    padding-left:11px;
    border-left:1px solid #343c47;
}
.phf-publish-points b{
    display:block;
    color:#d9dee5;
    font-size:8px;
}
.phf-publish-points span{
    display:block;
    margin-top:2px;
    color:#7f8998;
    font-size:8px;
    white-space:nowrap;
}
.phf-publish-button{
    min-width:180px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 17px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:999px;
    background:linear-gradient(180deg,#f7f8fa 0%,#d2d7de 38%,#9ca4ae 72%,#e0e4e9 100%);
    color:#090b0e !important;
    text-decoration:none !important;
    font-size:11px;
    font-weight:1000;
    letter-spacing:.35px;
    box-shadow:
      inset 0 1px 0 #fff,
      inset 0 -1px 0 rgba(55,61,68,.22),
      0 9px 26px rgba(0,0,0,.36);
}
.phf-publish-button b{font-size:18px}

.tier-section.tier-vip{
    border-color:rgba(198,155,67,.24) !important;
    background:
      radial-gradient(520px 170px at 7% 0%,rgba(198,155,67,.055),transparent 74%),
      linear-gradient(180deg,#11110f 0%,#090a0c 48%,#060709 100%) !important;
}
.tier-vip .tier-heading{border-bottom-color:rgba(198,155,67,.12) !important}
.tier-vip .tier-symbol{
    color:#cfaa59 !important;
    background:#0e1014 !important;
    border-color:rgba(198,155,67,.22) !important;
}
.tier-vip .tier-heading h2{color:#f0eadf !important}

@media(max-width:600px){
    .site-head{
        min-height:108px !important;
        padding:16px 10px 13px !important;
    }
    .site-head .logo strong,
    .site-head .ph-metal-brand>span{
        font-size:42px !important;
        letter-spacing:2.2px !important;
        line-height:.94 !important;
    }
    .site-head .logo small,
    .site-head .ph-metal-brand small{
        display:block !important;
        margin-top:7px !important;
        font-size:5.5px !important;
        letter-spacing:1.8px !important;
    }

    .home{
        padding-left:8px !important;
        padding-right:8px !important;
    }

    .trust-strip{
        margin-top:9px !important;
        min-height:36px !important;
        padding:7px 9px !important;
    }

    .phf-hero{
        margin:11px 0 10px !important;
        padding:20px 10px 18px !important;
        border-radius:14px !important;
    }
    .phf-hero::before,.phf-hero::after{display:none}
    .phf-kicker{
        margin-bottom:8px !important;
        font-size:6.5px !important;
        letter-spacing:1.8px !important;
    }
    .phf-hero h1{
        font-size:28px !important;
        line-height:1.03 !important;
        letter-spacing:.2px !important;
    }
    .phf-hero p{
        margin-top:9px !important;
        font-size:8.5px !important;
        line-height:1.4 !important;
    }

    .phf-publish{
        grid-template-columns:54px minmax(0,1fr) !important;
        gap:11px !important;
        padding:12px !important;
        margin:10px 0 21px !important;
        border-radius:14px !important;
    }
    .phf-publish-icon{
        width:54px !important;
        height:54px !important;
        border-radius:13px !important;
    }
    .phf-publish-icon span{
        width:36px !important;
        height:36px !important;
        border-radius:9px !important;
        font-size:19px !important;
    }
    .phf-publish-copy{min-width:0 !important}
    .phf-publish-copy small{
        font-size:5.5px !important;
        letter-spacing:1.2px !important;
    }
    .phf-publish-copy h2{
        margin:3px 0 4px !important;
        font-size:19px !important;
    }
    .phf-publish-copy p{
        font-size:7.5px !important;
        line-height:1.35 !important;
    }
    .phf-publish-points{display:none !important}
    .phf-publish-button{
        grid-column:1/-1 !important;
        width:100% !important;
        min-width:0 !important;
        margin-top:1px !important;
        padding:12px 15px !important;
        font-size:10px !important;
    }

    .tier-section.tier-vip{
        margin-top:19px !important;
        padding:10px 8px 12px !important;
        border-radius:15px !important;
    }
    .tier-vip .tier-heading{
        margin-bottom:10px !important;
        padding-bottom:10px !important;
    }
    .tier-vip .tier-heading h2{
        font-size:16px !important;
    }
    .tier-vip .tier-symbol{
        width:40px !important;
        height:40px !important;
    }
}

@media(min-width:601px) and (max-width:900px){
    .site-head .logo strong,
    .site-head .ph-metal-brand>span{
        font-size:56px !important;
    }
    .phf-publish{
        grid-template-columns:58px 1fr auto !important;
    }
    .phf-publish-points{display:none !important}
}


/* =========================================================
   PH_PLATINUM_COUNT + GALLERY DELETE FINAL V12
   ========================================================= */
@media (min-width:901px){
    .tier-platinum.platinum-count-one .card-grid{
        display:flex !important;
        justify-content:center !important;
        align-items:stretch !important;
        overflow:visible !important;
        gap:0 !important;
        padding:4px 0 12px !important;
        scroll-snap-type:none !important;
    }
    .tier-platinum.platinum-count-one .profile-card{
        flex:0 1 390px !important;
        width:min(390px,100%) !important;
        min-width:0 !important;
        max-width:390px !important;
        margin:0 auto !important;
    }
    .tier-platinum.platinum-count-one .card-photo{
        height:430px !important;
        aspect-ratio:auto !important;
    }

    .tier-platinum.platinum-count-two .card-grid{
        display:flex !important;
        justify-content:center !important;
        gap:18px !important;
        overflow:visible !important;
        padding:4px 0 12px !important;
        scroll-snap-type:none !important;
    }
    .tier-platinum.platinum-count-two .profile-card{
        flex:0 1 390px !important;
        width:min(390px,calc((100% - 18px)/2)) !important;
        min-width:0 !important;
        max-width:390px !important;
    }
}

@media (max-width:600px){
    .tier-platinum.platinum-count-one .card-grid{
        display:flex !important;
        justify-content:center !important;
        overflow:visible !important;
        padding:2px 0 9px !important;
        scroll-snap-type:none !important;
    }
    .tier-platinum.platinum-count-one .profile-card{
        flex:0 0 min(78vw,330px) !important;
        width:min(78vw,330px) !important;
        max-width:min(78vw,330px) !important;
        margin:0 auto !important;
    }
    .tier-platinum.platinum-count-two .card-grid{
        grid-auto-columns:72vw !important;
    }
}

.gallery-admin-item .delete-photo.gallery-delete-now{
    appearance:none !important;
    -webkit-appearance:none !important;
    position:absolute !important;
    z-index:12 !important;
    top:7px !important;
    right:7px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:48px !important;
    min-height:28px !important;
    padding:6px 9px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:8px !important;
    background:rgba(115,21,43,.90) !important;
    color:#fff !important;
    font:900 10px/1 inherit !important;
    cursor:pointer !important;
    box-shadow:0 5px 16px rgba(0,0,0,.30) !important;
}
.gallery-admin-item .delete-photo.gallery-delete-now:hover{
    filter:brightness(1.12) !important;
}
.gallery-admin-item .delete-photo.gallery-delete-now.is-deleting{
    opacity:.58 !important;
    cursor:wait !important;
}
.gallery-admin-item.gallery-delete-success{
    opacity:0 !important;
    transform:scale(.94) !important;
    transition:opacity .18s ease,transform .18s ease !important;
}


/* =========================================================
   CATEGORY + PER-CATEGORY BLOG FINAL V1
   ========================================================= */
.site-main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.site-main-nav a{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#9ca7b7;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.6px}
.site-main-nav a:hover{color:#fff;border-color:#3b4553}
.content-breadcrumb{display:flex;align-items:center;gap:8px;margin:14px 0;padding:10px 12px;border:1px solid #252c36;border-radius:11px;background:#0c1016;color:#657184;font-size:9px}
.content-breadcrumb a{color:#bac4d1;text-decoration:none}.content-breadcrumb strong{color:#f1f4f8}.content-breadcrumb span{color:#586476}

.home-category-directory,.category-children,.category-blog-section,.category-seo-text{margin-top:22px}
.content-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #242b35}
.content-section-heading span,.category-kicker{display:block;color:#788497;font-size:7px;font-weight:900;letter-spacing:1.7px}
.content-section-heading h2{margin:3px 0 0;font-size:18px}.content-section-heading>a{color:#9faab8;text-decoration:none;font-size:9px;font-weight:800}

.home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.home-category-grid>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;padding:12px;border:1px solid #2c3440;border-radius:12px;background:linear-gradient(180deg,#11161d,#0b0f14);color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.home-category-grid>a:hover{border-color:#465161;transform:translateY(-1px)}
.home-category-grid strong{display:block;font-size:11px}.home-category-grid small{display:block;margin-top:3px;color:#687588;font-size:7px}.home-category-grid>a>span{color:#8e99a8;font-size:8px;white-space:nowrap}

.category-page{padding-top:0}.category-hero{position:relative;overflow:hidden;margin:12px 0 16px;padding:28px;border:1px solid rgba(205,212,222,.20);border-radius:17px;background:radial-gradient(560px 150px at 50% 0%,rgba(220,226,235,.055),transparent 70%),linear-gradient(180deg,#14181f,#090c11)}
.category-hero h1{margin:6px 0 8px;font-size:clamp(30px,5vw,52px);letter-spacing:-1.5px}.category-hero p,.category-intro-text{max-width:850px;margin:0;color:#9ba5b3;font-size:12px;line-height:1.7}

.category-chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.category-chip-grid a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border:1px solid #2c3541;border-radius:10px;background:#0d1218;color:#e4e9ef;text-decoration:none}
.category-chip-grid strong{font-size:10px}.category-chip-grid small{font-size:8px;color:#778496}

.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.blog-card{overflow:hidden;border:1px solid #29313c;border-radius:14px;background:linear-gradient(180deg,#11161d,#0b0f14);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.blog-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#151a21}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-body{padding:13px}.blog-card-body>small{color:#7f8c9e;font-size:7px;font-weight:900;letter-spacing:1px}.blog-card-body h3{margin:5px 0 7px;font-size:15px;line-height:1.25}.blog-card-body h3 a{color:#f1f4f8;text-decoration:none}.blog-card-body p{margin:0 0 10px;color:#8f9baa;font-size:10px;line-height:1.55}.blog-read-more{color:#c9d1dc;text-decoration:none;font-size:8px;font-weight:900}

.category-seo-text{padding:20px;border:1px solid #262e38;border-radius:14px;background:#0c1015;color:#9ca6b4;font-size:11px;line-height:1.8}.category-seo-text h2{margin:0 0 10px;color:#edf1f6;font-size:17px}

.blog-detail-page{max-width:1000px;margin:auto;padding:0 22px 70px}.blog-article{padding:26px;border:1px solid #2d3540;border-radius:18px;background:linear-gradient(180deg,#11161d,#090d12);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.blog-article header{max-width:820px}.blog-category-label{color:#8d99aa;font-size:7px;font-weight:900;letter-spacing:1.7px}.blog-article h1{margin:7px 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-1.7px}.blog-lead{color:#a8b1bf;font-size:14px;line-height:1.65}.blog-article header>small{color:#667386;font-size:8px}
.blog-cover{margin:22px 0;overflow:hidden;border-radius:14px}.blog-cover img{display:block;width:100%;max-height:580px;object-fit:cover}
.blog-content{max-width:820px;color:#d3d9e1;font-size:14px;line-height:1.9}.blog-content h2{margin:30px 0 10px;color:#f4f6f9;font-size:24px;line-height:1.25}.blog-content h3{margin:24px 0 9px;color:#eef2f6;font-size:19px}.blog-content p{margin:0 0 16px}.blog-content ul{margin:0 0 18px;padding-left:22px}.blog-content li{margin:6px 0}.blog-back-category{margin-top:26px;padding-top:16px;border-top:1px solid #29313c}.blog-back-category a{color:#b8c2cf;text-decoration:none;font-size:10px}
.related-blog-section{margin-top:28px}

.profile-category-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.profile-category-chips a{padding:6px 8px;border:1px solid #303947;border-radius:999px;background:#121720;color:#b8c3d1;text-decoration:none;font-size:8px;font-weight:900}

@media(max-width:900px){
  .home-category-grid,.category-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .site-main-nav{gap:4px}.site-main-nav a{padding:7px 8px;font-size:7px}
  .home-category-grid,.category-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .home-category-grid>a{min-height:58px;padding:9px}.home-category-grid strong{font-size:9px}.home-category-grid>a>span{font-size:7px}
  .category-hero{padding:20px 14px;border-radius:14px}.category-hero h1{font-size:30px}
  .blog-card-grid{grid-template-columns:1fr}
  .blog-detail-page{padding:0 12px 50px}.blog-article{padding:17px}.blog-article h1{font-size:34px}.blog-content{font-size:13px}
}