/* 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;}
}