/* ==========================================================================
   Yeni Çözümler — Tema (Pudra Yumuşak)  ·  bağımsız, framework'süz
   ========================================================================== */
:root{
  --cream:#FCF8F8;
  --sand:#F7ECEC;
  --beige:#F0DEDF;
  --taupe:#C9A9AB;
  --rose:#D58B92;     /* pudra/gül aksan */
  --rose-d:#B86B73;   /* hover koyu gül */
  --ink:#3A2B2E;
  --ink-soft:#7A6166;
  --line:rgba(58,43,46,.10);
  --radius:26px;
  --shadow:0 30px 60px -30px rgba(58,43,46,.40);
  --shadow-sm:0 12px 30px -16px rgba(58,43,46,.35);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(110% 80% at 85% -10%, #FBE6E8 0%, transparent 55%),
    radial-gradient(120% 90% at -10% 110%, #F5DDDF 0%, transparent 50%),
    var(--cream);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;}

/* ---- tipografi yardımcıları -------------------------------------------- */
.display{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.04;}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--rose);font-weight:600;}
h1,h2,h3,h4{margin:0;}

/* ---- layout ------------------------------------------------------------- */
.yc-container{max-width:1240px;margin:0 auto;padding:0 24px;}
.yc-section{padding:64px 0;}
.yc-section-head{margin-bottom:36px;}
.yc-section-head.center{text-align:center;}
.yc-grid{display:grid;gap:24px;}
.yc-grid-2{grid-template-columns:repeat(2,1fr);}
.yc-grid-3{grid-template-columns:repeat(3,1fr);}
.yc-grid-4{grid-template-columns:repeat(4,1fr);}
.yc-flex-between{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}

/* ---- glass -------------------------------------------------------------- */
.glass{background:rgba(252,248,248,.66);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.55);}
.glass-dark{background:rgba(58,43,46,.30);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);}

/* ---- header ------------------------------------------------------------- */
.yc-header{position:sticky;top:0;z-index:50;}
.yc-header-inner{display:flex;align-items:center;justify-content:space-between;height:92px;}
.yc-logo{display:flex;align-items:center;gap:10px;}
.yc-logo img{height:58px;width:auto;}
.yc-logo .mark{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.03em;}
.yc-logo .mark span{color:var(--rose);}
.yc-nav{display:flex;align-items:center;gap:34px;font-size:14px;}
.yc-nav a{position:relative;opacity:.82;transition:.3s;white-space:nowrap;}
.yc-nav a:hover,.yc-nav a.active{opacity:1;}
.yc-nav a.active::after,.yc-nav a:hover::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--rose);}
.yc-actions{display:flex;align-items:center;gap:12px;}
.yc-lang{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);}
.yc-lang a{padding:0 4px;}
.yc-lang a.on{color:var(--rose);font-weight:700;}
.yc-round{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--cream);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:.3s;cursor:pointer;font-size:18px;}
.yc-round:hover{background:var(--ink);color:var(--cream);}
.yc-menu-toggle{display:none;}

/* mobil menü */
.yc-mobile{position:fixed;inset:0;z-index:60;background:rgba(58,43,46,.55);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.35s;}
.yc-mobile.open{opacity:1;visibility:visible;}
.yc-mobile-panel{position:absolute;top:0;right:0;height:100%;width:min(86%,360px);background:var(--cream);padding:32px 28px;transform:translateX(40px);transition:.35s;display:flex;flex-direction:column;gap:6px;}
.yc-mobile.open .yc-mobile-panel{transform:translateX(0);}
.yc-mobile-panel a{padding:14px 0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:22px;border-bottom:1px solid var(--line);}
.yc-mobile-close{align-self:flex-end;margin-bottom:18px;font-size:26px;cursor:pointer;}

/* ---- buttons ------------------------------------------------------------ */
.yc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:999px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;transition:.3s;cursor:pointer;border:1px solid transparent;}
.yc-btn-dark{background:var(--ink);color:var(--cream);}
.yc-btn-dark:hover{background:var(--rose-d);}
.yc-btn-light{background:var(--cream);color:var(--ink);}
.yc-btn-light:hover{background:#fff;}
.yc-btn-ghost{border-color:var(--line);color:var(--ink);}
.yc-btn-ghost:hover{border-color:var(--rose);color:var(--rose);}
.yc-btn-block{width:100%;justify-content:center;}

/* ---- chips -------------------------------------------------------------- */
.yc-chips{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-bottom:6px;}
.yc-chip{padding:.55rem 1.1rem;border-radius:999px;font-size:13px;border:1px solid var(--line);background:rgba(255,255,255,.5);transition:.25s;white-space:nowrap;cursor:pointer;}
.yc-chip:hover{border-color:var(--rose);}
.yc-chip.active{background:var(--ink);color:var(--cream);border-color:var(--ink);}

/* ---- hero --------------------------------------------------------------- */
.yc-hero{position:relative;border-radius:34px;overflow:hidden;min-height:560px;margin-top:24px;}
.yc-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center;}
.yc-hero-slide.on{opacity:1;}
.yc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,43,46,.62),rgba(58,43,46,.12) 60%,transparent);}
.yc-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;padding:64px;color:var(--cream);max-width:640px;min-height:560px;}
.yc-hero-content h1{font-size:clamp(40px,6vw,72px);margin:18px 0;}
.yc-hero-content p{font-weight:300;opacity:.92;font-size:18px;max-width:480px;}
.yc-hero-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
.yc-hero-dots{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:8px;}
.yc-hero-dots span{width:8px;height:8px;border-radius:999px;background:rgba(252,248,248,.45);cursor:pointer;transition:.3s;}
.yc-hero-dots span.on{height:30px;background:var(--cream);}
.yc-hero-nav{display:none;}
.yc-hero-arrow{width:46px;height:46px;border-radius:14px;border:1px solid rgba(252,248,248,.5);background:rgba(252,248,248,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s,background .2s;}
.yc-hero-arrow:active{transform:scale(.9);background:#fff;}

/* slider altı ürün (serum) thumb şeridi — woodsol tarzı */
.yc-thumbs-wrap{position:relative;z-index:5;padding-top:0;overflow:visible;}
.yc-hero-thumbs{display:flex;gap:0;justify-content:center;flex-wrap:nowrap;overflow:visible;padding:120px 4px 10px;margin-top:-170px;position:relative;z-index:5;pointer-events:none;}
.yc-hero-thumbs::-webkit-scrollbar{display:none;}
.yc-hero-thumb{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:120px;background:none;border:0;padding:0;cursor:pointer;scroll-snap-align:center;position:relative;pointer-events:auto;}
.yc-hero-thumb:hover{z-index:7;}
.yc-hero-thumb .ph{width:104px;height:104px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;border:0;border-radius:0;box-shadow:none;opacity:.65;transition:transform .3s,opacity .3s;transform-origin:center 88%;position:relative;pointer-events:none;}
.yc-hero-thumb .ph-png{background-size:contain;background-repeat:no-repeat;background-color:transparent;}
.yc-hero-thumb.on .ph{opacity:1;}
.yc-hero-thumb.on .lb{color:var(--rose-d);font-weight:600;}
.yc-hero-thumb .lb{font-size:12px;font-weight:500;color:var(--ink-soft);line-height:1.25;text-align:center;max-width:118px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s;}
.yc-hero-thumb:hover .ph{transform:translateY(-5px) scale(2);opacity:1;z-index:6;}
.yc-hero-thumb:hover .lb{color:var(--rose-d);}
@media(max-width:640px){
  /* Mobilde tek flakon: aktif slaytin sisesi, sol alt kose, buyutulmus */
  .yc-hero-dots{display:none;}
  .yc-hero-nav{display:flex;gap:10px;position:absolute;right:16px;bottom:120px;z-index:7;pointer-events:auto;}
  .yc-hero-arrow{pointer-events:auto;}
  .yc-hero-content{padding-bottom:210px;}
  .yc-thumbs-wrap{overflow:visible;pointer-events:none;}
  .yc-hero-thumbs{justify-content:flex-start;gap:0;overflow:visible;padding:0;margin-top:-225px;pointer-events:none;}
  .yc-hero-thumb{width:auto;display:none;pointer-events:none;}
  .yc-hero-thumb.on{display:flex;}
  .yc-hero-thumb .ph{width:210px;height:210px;opacity:1;transform:none;}
  .yc-hero-thumb.on .ph{opacity:1;transform:none;}
  .yc-hero-thumb:hover .ph{transform:none;}
  .yc-hero-thumb .lb{display:none;}
}

/* ---- modal -------------------------------------------------------------- */
.yc-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(58,43,46,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.3s;}
.yc-modal.open{opacity:1;visibility:visible;}
.yc-modal-card{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(720px,100%);max-height:90vh;background:var(--cream);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transform:translateY(16px) scale(.98);transition:.3s;}
.yc-modal.open .yc-modal-card{transform:none;}
.yc-modal-media{background-size:cover;background-position:center;background-color:var(--beige);min-height:320px;}
.yc-modal-body{padding:32px;display:flex;flex-direction:column;justify-content:center;}
.yc-modal-body .yc-btn{align-self:flex-start;}
.yc-modal-close{position:absolute;top:14px;right:16px;z-index:2;width:38px;height:38px;border-radius:50%;border:none;background:rgba(252,248,248,.85);font-size:22px;line-height:1;cursor:pointer;transition:.3s;}
.yc-modal-close:hover{background:var(--ink);color:var(--cream);}
@media (max-width:560px){
  .yc-modal-card{grid-template-columns:1fr;max-height:88vh;overflow-y:auto;}
  .yc-modal-media{min-height:220px;}
}

/* ---- cards -------------------------------------------------------------- */
.yc-card{display:block;background:var(--cream);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;}
.yc-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.yc-card-media{height:210px;background-size:cover;background-position:center;background-color:var(--beige);}
.yc-card-body{padding:20px;}
.yc-card-cat{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--rose);font-weight:600;}
.yc-card-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em;margin-top:4px;line-height:1.2;}
.yc-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;}
.yc-price{color:var(--rose);font-weight:700;}
.yc-rating{font-size:12px;color:var(--ink-soft);}

/* görsel kapaklı kart (kategori) */
.yc-cover{position:relative;display:flex;align-items:flex-end;border-radius:var(--radius);overflow:hidden;min-height:300px;padding:32px;color:var(--cream);}
.yc-cover .bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--taupe);}
.yc-cover .shade{position:absolute;inset:0;background:linear-gradient(transparent,rgba(58,43,46,.72));}
.yc-cover .ct{position:relative;z-index:2;}
.yc-cover h3{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:30px;letter-spacing:-.02em;}

/* ---- stat / why --------------------------------------------------------- */
.yc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.yc-stats .n{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:42px;color:var(--rose);}
.yc-stats .l{font-size:12px;color:var(--ink-soft);margin-top:4px;}

/* ---- breadcrumb / pager ------------------------------------------------- */
.yc-crumb{font-size:13px;color:var(--ink-soft);}
.yc-crumb a:hover{color:var(--rose);}
.yc-pager{display:flex;justify-content:center;gap:8px;margin-top:48px;}

/* ---- product detail ----------------------------------------------------- */
.yc-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:24px;}
.yc-gallery{position:relative;border-radius:34px;overflow:hidden;min-height:520px;background-size:cover;background-position:center;background-color:var(--beige);}
.yc-gallery .badge{position:absolute;top:20px;left:20px;}
/* ürün detay — yeni düzen */
.yc-detail-top{align-items:stretch;}
.yc-detail-media{position:relative;}
.yc-detail-media::after{content:'';position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,rgba(58,43,46,.55));border-radius:0 0 34px 34px;pointer-events:none;}
.yc-detail-actions{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;gap:12px;flex-wrap:wrap;}
.yc-detail-intro{display:flex;flex-direction:column;justify-content:center;}
.yc-detail-rest{margin:48px 0 0;}
/* Detaylar kart yapısı — eski Apollo tab'ını modern karta çevir */
.yc-detail-card{background:linear-gradient(180deg,var(--sand),var(--cream));border:1px solid var(--line);border-radius:var(--radius);padding:34px clamp(20px,4vw,44px);box-shadow:var(--shadow-sm);margin-top:34px;overflow:hidden;}
.yc-detail-card>h2{margin-top:0;}
.yc-feature-list .apo-tabs-nav{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.yc-feature-list .apo-tabs-nav li{margin:0;}
.yc-feature-list .apo-tabs-nav a{position:relative;display:block;padding:15px 18px 15px 46px;background:var(--cream);border:1px solid var(--line);border-radius:16px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-soft);text-decoration:none;box-shadow:var(--shadow-sm);transition:.25s;cursor:pointer;}
.yc-feature-list .apo-tabs-nav a::before{content:'';position:absolute;left:18px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--taupe);transition:.25s;}
.yc-feature-list .apo-tabs-nav a:hover{border-color:var(--rose);color:var(--ink);}
.yc-feature-list .apo-tabs-nav a.apo-active{background:var(--rose);border-color:var(--rose);color:#fff;box-shadow:0 10px 24px -12px var(--rose-d);}
.yc-feature-list .apo-tabs-nav a.apo-active::before{background:#fff;}
.yc-feature-list .apo-tabs-container{position:relative !important;height:auto !important;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:22px 24px;}
.yc-feature-list .apo-tab{position:static !important;width:auto !important;visibility:visible !important;opacity:1 !important;display:none;}
.yc-feature-list .apo-tab.apo-active{display:block;}
.yc-feature-list .apo-tab p{margin:0;line-height:1.85;}
.yc-feature-list h2,.yc-feature-list h3,.yc-feature-list strong{color:var(--ink);}
@media(max-width:880px){
  .yc-detail-actions{position:static;margin-top:16px;}
  .yc-detail-media::after{display:none;}
}
.yc-thumbs{display:flex;gap:16px;margin-top:20px;}
.yc-thumb{width:80px;height:80px;border-radius:18px;background-size:cover;background-position:center;background-color:var(--beige);cursor:pointer;border:2px solid transparent;}
.yc-thumb.on{border-color:var(--rose);}
.yc-sizes{display:flex;gap:12px;}
.yc-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);}
.yc-tabs button{background:none;border:none;padding:0 0 12px;cursor:pointer;color:var(--ink-soft);font-size:14px;}
.yc-tabs button.on{color:var(--ink);font-weight:600;border-bottom:2px solid var(--rose);}

/* ---- single article ----------------------------------------------------- */
.yc-article{max-width:820px;margin:0 auto;padding:24px 0;}
.yc-article h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(32px,5vw,52px);}
.yc-article .lead-rule{width:64px;height:2px;background:var(--rose);margin:22px 0 30px;}
.yc-article-content{font-size:17px;color:var(--ink);line-height:1.8;}
.yc-article-content img{border-radius:18px;margin:18px 0;}
.yc-article-content h2,.yc-article-content h3{font-family:'Plus Jakarta Sans',sans-serif;margin:28px 0 12px;}
.yc-article-content p{margin:0 0 16px;}
.yc-page-hero{text-align:center;padding:56px 0 8px;}

/* ---- forms -------------------------------------------------------------- */
.yc-form{background:rgba(252,248,248,.92);border-radius:26px;padding:28px;box-shadow:var(--shadow);}
.yc-field{margin-bottom:18px;}
.yc-field label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;}
.yc-field input,.yc-field textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:8px 0;outline:none;transition:.3s;}
.yc-field input:focus,.yc-field textarea:focus{border-color:var(--rose);}
.yc-alert{padding:14px 18px;border-radius:14px;margin-bottom:16px;font-size:14px;}
.yc-alert-ok{background:rgba(124,155,126,.15);color:#4d6a4f;}
.yc-alert-err{background:rgba(213,139,146,.18);color:var(--rose-d);}

/* ---- contact band ------------------------------------------------------- */
.yc-contact{position:relative;border-radius:34px;overflow:hidden;padding:56px;color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.yc-contact .bg{position:absolute;inset:0;background-size:cover;background-position:center;background:linear-gradient(135deg,var(--rose),var(--rose-d));}
.yc-contact .ct{position:relative;z-index:2;}
.yc-contact ul{list-style:none;padding:0;margin:24px 0 0;font-weight:300;font-size:18px;}
.yc-contact li{margin-bottom:12px;}

/* ---- footer ------------------------------------------------------------- */
.yc-footer{background:var(--ink);color:rgba(252,248,248,.72);margin-top:80px;}
.yc-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:56px 0;}
.yc-footer .mark{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:24px;color:var(--cream);}
.yc-footer h4{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--rose);margin-bottom:16px;}
.yc-footer ul{list-style:none;padding:0;margin:0;}
.yc-footer li{margin-bottom:8px;font-size:14px;}
.yc-footer a:hover{color:var(--cream);}
.yc-footer-bottom{border-top:1px solid rgba(252,248,248,.1);}
.yc-footer-bottom .yc-container{display:flex;justify-content:space-between;padding:20px 24px;font-size:12px;}

/* ---- preloader ---------------------------------------------------------- */
.yc-preloader{position:fixed;inset:0;z-index:9999;background:var(--cream);display:flex;align-items:center;justify-content:center;transition:opacity .5s;}
.yc-preloader.hide{opacity:0;visibility:hidden;}
.yc-preloader img{height:54px;animation:ycpulse 1.4s ease-in-out infinite;}
@keyframes ycpulse{0%,100%{opacity:.4;transform:scale(.96);}50%{opacity:1;transform:scale(1);}}

/* ---- utilities ---------------------------------------------------------- */
.mt-sm{margin-top:16px;}.mt-md{margin-top:28px;}.mt-lg{margin-top:48px;}
.text-center{text-align:center;}
.hide-mobile{}
.only-mobile{display:none;}

/* ---- responsive --------------------------------------------------------- */
@media (max-width:980px){
  .yc-grid-4{grid-template-columns:repeat(2,1fr);}
  .yc-grid-3{grid-template-columns:1fr;}
  .yc-detail{grid-template-columns:1fr;gap:28px;}
  .yc-contact{grid-template-columns:1fr;padding:36px;}
  .yc-footer-top{grid-template-columns:1fr 1fr;}
  .yc-nav,.yc-lang{display:none;}
  .yc-menu-toggle{display:inline-flex;}
  .yc-hero-content{padding:40px;}
  .yc-hero-dots{right:18px;}
}
@media (max-width:560px){
  .yc-grid-2,.yc-grid-4{grid-template-columns:1fr;}
  .yc-stats{grid-template-columns:repeat(3,1fr);gap:12px;}
  .yc-footer-top{grid-template-columns:1fr;}
  .yc-footer-bottom .yc-container{flex-direction:column;gap:6px;}
  .only-mobile{display:block;}
  .yc-section{padding:44px 0;}
}