/* Hide the template/host promo chrome that the runtime injects.
   (Framer badge + the template's "Get Template" purchase CTA.) */
#__framer-badge-container,
[id*="framer-badge"],
a[href*="framer.com"],
a[href*="framer.app"],
a[href*="lemonsqueezy.com"],
[data-framer-name="Get Template"],
[data-framer-name="Badge"]{
  display:none !important;
}

/* Brand logo: swap the template wordmark for Tuğçe Udum's own logo.
   The text keeps its layout box (visibility, not display) so nothing shifts;
   the SVG rides on top as a background. Applies to every breakpoint + footer. */
[data-framer-name="Logo"]{
  background-image:url("/assets/brand/logo-tugce-udum.svg");
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
  min-width:150px;
}
[data-framer-name="Logo"] *{
  visibility:hidden !important;
}

/* Prices is not part of this site — hide every link to it.
   (Done in CSS rather than by editing the bundled JS, so nothing breaks.) */
a[href="/prices"],
a[href="./prices"],
a[href$="/prices"]{
  display:none !important;
}

/* --- Prices: not offered on this site -------------------------------- */
[data-framer-name="Prices"],
[data-framer-name="Price"],
[data-framer-name="Preffix + Price"],
[data-framer-name="Price Prefix"],
[data-framer-name="Price Suffix"]{
  display:none !important;
}

/* --- Unverified template content, hidden until real data arrives ------ */
[data-placeholder-hidden]{ display:none !important; }

/* --- Pentograf footer credit + backlink ---------------------------- */
#pento-credit{
  display:inline-flex;align-items:center;gap:9px;
  text-decoration:none;opacity:.75;transition:opacity .25s ease;
}
#pento-credit:hover{opacity:1;}
#pento-credit span{
  font-family:"Figtree",sans-serif;font-size:13px;color:rgba(31,32,33,.55);
}
#pento-credit img{height:15px;width:auto;display:block;}

/* =====================================================================
   Injected sections (full service list + device posts) — styled with the
   template's own design tokens so they read as part of the original design.
   ===================================================================== */
.tu-sec{padding:96px 24px;max-width:1312px;margin-inline:auto;font-family:"Figtree",sans-serif;color:#1f2021;}
.tu-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;
  border:1px solid #e2dbbe;border-radius:999px;background:#fff;font-size:14px;color:rgba(31,32,33,.7);}
.tu-eyebrow::before{content:"";width:14px;height:14px;border-radius:50%;background:#e2dbbe;}
.tu-h{font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.02em;margin:20px 0 0;font-weight:400;}
.tu-h em{font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-weight:300;}
.tu-lead{margin:16px 0 0;color:rgba(31,32,33,.7);max-width:52ch;font-size:16px;}

/* service groups */
.tu-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;}
.tu-group{background:#fff;border:1px solid rgba(226,219,190,.6);border-radius:24px;padding:30px 30px 34px;}
.tu-group h3{font-size:24px;margin:0 0 4px;font-weight:400;letter-spacing:-.02em;}
.tu-group .tu-device{font-family:"Source Serif 4",serif;font-style:italic;color:rgba(31,32,33,.55);font-size:14px;margin-bottom:18px;display:block;}
.tu-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.tu-list li{display:flex;align-items:center;gap:12px;font-size:16px;color:rgba(31,32,33,.85);}
.tu-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#e2dbbe;
  box-shadow:0 0 0 4px rgba(226,219,190,.35);}

/* device instagram grid */
.tu-ig{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.tu-ig .instagram-media{margin:0 !important;min-width:0 !important;width:100% !important;}
.tu-igfoot{margin-top:34px;}
.tu-igfoot a{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid #1f2021;
  border-radius:999px;font-size:15px;color:#1f2021;text-decoration:none;transition:.3s;}
.tu-igfoot a:hover{background:#1f2021;color:#fff;}

@media (max-width:900px){
  .tu-sec{padding:64px 20px;}
  .tu-groups{grid-template-columns:1fr;}
  .tu-ig{grid-template-columns:1fr;}
}

/* device cards */
.tu-devgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.tu-dev{background:#fff;border:1px solid rgba(226,219,190,.6);border-radius:24px;padding:28px 28px 30px;}
.tu-dev h3{font-size:22px;margin:0 0 6px;font-weight:400;letter-spacing:-.02em;}
.tu-dev p{margin:0;color:rgba(31,32,33,.65);font-size:15px;}
@media (max-width:900px){ .tu-devgrid{grid-template-columns:1fr;} }

/* Fake template "Summer Skin Soirée" event (image is ÉCLAT-branded) — remove. */
[data-framer-name="Event"]{ display:none !important; }

/* =====================================================================
   Full services listing (/hizmetler) — image cards by category.
   Styled to match the template's card look (white, sand border, rounded).
   ===================================================================== */
.tu2{max-width:1312px;margin:0 auto;padding:8px 24px 96px;font-family:"Figtree",sans-serif;color:#1f2021;}
.tu2-cat{margin-top:56px;}
.tu2-cath{font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:-.02em;margin:0 0 24px;}
.tu2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.tu2-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(226,219,190,.6);
  border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.44,0,.25,1),box-shadow .4s;}
.tu2-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(31,32,33,.07);}
.tu2-media{aspect-ratio:4/3;overflow:hidden;}
.tu2-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.44,0,.25,1);}
.tu2-card:hover .tu2-media img{transform:scale(1.05);}
.tu2-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1;}
.tu2-body h4{font-size:24px;font-weight:400;letter-spacing:-.02em;margin:0;line-height:1.15;}
.tu2-body p{margin:0;font-size:15px;line-height:1.5;color:rgba(31,32,33,.62);}
.tu2-link{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:15px;color:rgba(31,32,33,.72);}
.tu2-link>span{border-bottom:1px solid rgba(31,32,33,.72);padding-bottom:3px;transition:color .3s,border-color .3s;}
.tu2-card:hover .tu2-link>span{color:#1f2021;border-color:#1f2021;}
.tu2-link i{font-style:normal;font-size:13px;}
@media (max-width:1024px){ .tu2-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .tu2{padding:0 20px 64px;} .tu2-grid{grid-template-columns:1fr;} }

/* =====================================================================
   Service detail page (/hizmet/<slug>) — styled with the site tokens.
   ===================================================================== */
.tud{font-family:"Figtree",sans-serif;color:#1f2021;}
.tud-wrap{max-width:1200px;margin:0 auto;padding:48px 24px 96px;}
.tud-back{display:inline-block;font-size:14px;color:rgba(31,32,33,.6);text-decoration:none;margin-bottom:36px;transition:color .25s;}
.tud-back:hover{color:#1f2021;}
.tud-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:72px;}
.tud-cat{display:inline-block;font-size:14px;color:rgba(31,32,33,.55);margin:0 0 14px;}
.tud-title{font-size:clamp(38px,5vw,64px);font-weight:400;letter-spacing:-.02em;line-height:1.02;margin:0 0 18px;}
.tud-lead{font-size:18px;line-height:1.55;color:rgba(31,32,33,.7);margin:0 0 30px;max-width:46ch;}
.tud-cta{display:inline-flex;align-items:center;gap:12px;background:#1f2021;color:#fff;
  padding:14px 26px 14px 14px;border-radius:999px;font-size:16px;text-decoration:none;transition:transform .3s;}
.tud-cta:hover{transform:translateY(-2px);}
.tud-cta-ico{width:32px;height:32px;border-radius:50%;background:#e2dbbe;color:#1f2021;display:grid;place-items:center;font-size:14px;}
.tud-media{border-radius:28px;overflow:hidden;aspect-ratio:4/3;}
.tud-media img{width:100%;height:100%;object-fit:cover;}
.tud-body{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid rgba(226,219,190,.7);padding-top:56px;}
.tud-col h2{font-size:26px;font-weight:400;letter-spacing:-.01em;margin:0 0 16px;}
.tud-col p{font-size:16px;line-height:1.65;color:rgba(31,32,33,.72);margin:0;}
.tud-benefits{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.tud-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:rgba(31,32,33,.82);}
.tud-benefits li::before{content:"";flex:none;margin-top:7px;width:7px;height:7px;border-radius:50%;background:#e2dbbe;box-shadow:0 0 0 4px rgba(226,219,190,.35);}
.tud-note{margin-top:28px;padding:18px 20px;background:#fff;border:1px solid rgba(226,219,190,.6);border-radius:16px;font-size:14px;line-height:1.5;color:rgba(31,32,33,.6);}
@media (max-width:860px){
  .tud-hero{grid-template-columns:1fr;gap:28px;margin-bottom:48px;}
  .tud-media{order:-1;}
  .tud-body{grid-template-columns:1fr;gap:36px;padding-top:40px;}
}