/* Cheese profile template (277 cheeses × EN/TR). Shared tokens, buttons,
   cards and motion live in site.css. */

/* Hero */
.cp-profile-hero{padding:36px 0 clamp(80px,9vw,128px)}
.cp-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--cp-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-text-muted)}
.cp-breadcrumb a{color:var(--cp-text-soft)}
.cp-breadcrumb a:hover{color:var(--cp-text)}
.cp-breadcrumb [aria-hidden]{color:var(--cp-line-bold)}
.cp-breadcrumb [aria-current]{color:var(--cp-text)}
.cp-profile-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:start;margin-top:36px}
.cp-profile-figure{position:sticky;top:108px;margin:0;aspect-ratio:4/3.4;border-radius:22px;overflow:hidden;background:var(--cp-raised)}
.cp-profile-figure img{width:100%;height:100%;object-fit:cover;display:block;animation:cp-photo-in 1.6s var(--cp-ease) both}
.cp-profile-figure figcaption{position:absolute;left:16px;bottom:16px;padding:6px 11px;border-radius:999px;background:var(--cp-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--cp-glass-line);font-family:var(--cp-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-text-soft)}
.cp-profile-intro{display:flex;flex-direction:column;gap:26px;animation-delay:.15s}
.cp-chips{display:flex;flex-wrap:wrap;gap:8px}
.cp-chip{padding:7px 12px;border-radius:999px;border:1px solid var(--cp-line-strong);font-family:var(--cp-mono);font-size:11px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-text-soft)}
.cp-chip--accent{border-color:var(--cp-accent);color:var(--cp-accent-text)}
.cp-profile-titles{display:flex;flex-direction:column;gap:14px}
.cp-profile-title{font-family:var(--cp-serif);font-size:clamp(52px,6.2vw,96px);line-height:.92;letter-spacing:-.025em;overflow-wrap:anywhere;hyphens:auto}
.cp-profile-origin{font-family:var(--cp-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-text-muted)}
.cp-profile-lead{font-size:18px;color:var(--cp-text-soft)}
.cp-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;border-top:1px solid var(--cp-line-strong)}
.cp-facts div{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-bottom:1px solid var(--cp-line)}
.cp-facts dt{font-family:var(--cp-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cp-text-muted)}
.cp-facts dd{margin:0;font-size:15px}
.cp-match-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px;border-radius:18px;background:var(--cp-card);border:1px solid var(--cp-line-strong)}
.cp-match-ring{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:72px;height:72px;font-family:var(--cp-serif);font-size:34px;line-height:1;color:var(--cp-accent-text)}
.cp-match-ring span{position:absolute;inset:0;border-radius:999px;border:2px dashed var(--cp-accent);animation:cp-spin 14s linear infinite}
@keyframes cp-spin{to{transform:rotate(360deg)}}
.cp-match-cta-copy{flex:1 1 200px;display:flex;flex-direction:column;gap:4px}
.cp-match-cta-title{font-family:var(--cp-serif);font-size:23px;line-height:1.15}

/* Article */
.cp-article{padding:clamp(80px,9vw,128px) 0;background:var(--cp-bg-alt);border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}
.cp-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:80px;align-items:start}
.cp-article-body{max-width:780px}
.cp-article-meta{display:flex;flex-wrap:wrap;gap:8px 24px;padding-bottom:22px;border-bottom:1px solid var(--cp-line);font-family:var(--cp-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--cp-text-muted)}
.cp-article-meta strong{font-weight:500;color:var(--cp-text-soft)}
.cp-article-body h2{margin:88px 0 22px;font-family:var(--cp-serif);font-size:clamp(36px,3.8vw,54px);line-height:1.04;letter-spacing:-.015em;scroll-margin-top:100px}
.cp-article-body h2#overview{margin-top:48px}
.cp-article-body > p,.profile-sources > p{margin:0 0 18px;font-size:17px;line-height:1.75;color:var(--cp-text-soft)}
.cp-article-body h2#overview + p{font-family:var(--cp-serif);font-size:clamp(23px,2.2vw,28px);line-height:1.4;color:var(--cp-text)}

.cp-sensory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-sensory-note{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:18px;background:var(--cp-card);border:1px solid var(--cp-line)}
.cp-sensory-note h3{font-family:var(--cp-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-text-muted)}
.cp-sensory-note p{font-family:var(--cp-serif);font-size:21px;line-height:1.38}

.cp-taste{margin-top:16px;padding:28px;border-radius:18px;background:var(--cp-bg);border:1px solid var(--cp-line)}
.cp-taste-head{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.cp-taste-head h3{font-family:var(--cp-serif);font-size:28px;line-height:1.1}
.cp-taste-rows{display:flex;flex-direction:column;gap:16px}
.cp-taste-row{display:grid;grid-template-columns:104px minmax(0,1fr) 62px;align-items:center;gap:18px}
.cp-taste-label{font-family:var(--cp-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-text-soft)}
.cp-taste-track{display:block;height:8px;border-radius:8px;background:var(--cp-line);overflow:hidden}
.cp-taste-fill{display:block;height:100%;border-radius:8px;background:var(--cp-text-muted)}
.cp-taste-fill--strong{background:var(--cp-accent)}
.cp-taste-score{font-family:var(--cp-mono);font-size:12px;text-align:right;color:var(--cp-text)}
.cp-taste-score span{color:var(--cp-text-muted)}
.cp-taste-note{margin-top:20px;font-size:13px;line-height:1.6;color:var(--cp-text-muted)}

.cp-callout{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:28px 0 0;padding:26px 28px;border-radius:18px;background:var(--cp-raised);border:1px solid var(--cp-line-strong)}
.cp-callout-title{display:block;font-family:var(--cp-serif);font-size:27px;font-weight:400;line-height:1.15}
.cp-callout p{font-size:15px;line-height:1.65;color:var(--cp-text-soft)}
.cp-callout .cp-btn{margin-top:6px}
.cp-callout--wine{background:var(--cp-card);border-color:var(--cp-line);border-left:2px solid var(--cp-accent)}

.cp-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin:0;padding:0;list-style:none}
.cp-uses li{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:18px;background:var(--cp-bg);border:1px solid var(--cp-line)}
.cp-use-num{font-family:var(--cp-mono);font-size:12px;letter-spacing:.14em;color:var(--cp-accent-text)}
.cp-uses p{font-family:var(--cp-serif);font-size:21px;line-height:1.3}

.cp-pairings{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 0;padding:0;list-style:none}
.cp-pairings li{padding:10px 16px;border-radius:999px;border:1px solid var(--cp-line-strong);background:var(--cp-bg);font-size:14px}

.cp-dropcap::first-letter{float:left;padding:8px 14px 0 0;font-family:var(--cp-serif);font-size:88px;line-height:.8;color:var(--cp-accent-text)}

.cp-storage{margin:0;padding:0;list-style:none;border-top:1px solid var(--cp-line)}
.cp-storage li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--cp-line);font-size:16px;color:var(--cp-text-soft)}
.cp-storage li::before{content:"—";color:var(--cp-line-bold)}

.profile-sources{margin-top:0}
.official-registration{margin:28px 0 16px;padding:28px;border-radius:20px;background:var(--cp-bg);border:1px solid var(--cp-line-strong)}
.cp-record-head{display:flex;align-items:center;gap:20px}
.cp-record-seal{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;border:1px solid var(--cp-accent);font-family:var(--cp-mono);font-size:13px;letter-spacing:.08em;color:var(--cp-accent-text)}
.cp-record-title{margin-top:4px;font-family:var(--cp-serif);font-size:28px;line-height:1.15}
.official-registration dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--cp-line)}
.official-registration dl div{display:flex;flex-direction:column;gap:6px}
.official-registration dt{font-family:var(--cp-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cp-text-muted)}
.official-registration dd{margin:0;font-size:14px;line-height:1.5}
.cp-record-authority{margin-top:18px;font-size:13px;color:var(--cp-text-muted)}
.cp-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;margin-top:16px}
.cp-source{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-radius:16px;border:1px solid var(--cp-line);background:var(--cp-bg);color:var(--cp-text);transition:border-color .3s ease,transform .4s var(--cp-ease)}
.cp-source:hover{color:var(--cp-text);border-color:var(--cp-line-bold);transform:translateY(-2px)}
.cp-source-copy{display:flex;flex-direction:column;gap:6px}
.cp-source-copy strong{font-size:15px;font-weight:500}
.cp-source-copy span{font-size:13px;line-height:1.55;color:var(--cp-text-muted)}
.cp-source svg{flex:none;margin-top:3px;color:var(--cp-text-muted)}

.cp-toc{position:sticky;top:108px;display:flex;flex-direction:column;gap:14px;padding-top:48px}
.cp-toc nav{display:flex;flex-direction:column;border-left:1px solid var(--cp-line-strong)}
.cp-toc a{margin-left:-1px;padding:8px 0 8px 16px;border-left:1px solid transparent;font-size:14px;line-height:1.4;color:var(--cp-text-muted);transition:color .2s ease,border-color .2s ease}
.cp-toc a:hover{color:var(--cp-text);border-left-color:var(--cp-accent)}

/* Related cheeses */
.related-section{padding:clamp(96px,10vw,144px) 0}
.cp-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:40px 20px;margin-top:56px}
.cp-related-grid .cp-card-title{font-size:30px}

/* Closing app section */
.final-app-section{padding:clamp(96px,11vw,160px) 0;border-top:1px solid var(--cp-line);background:radial-gradient(56% 70% at 70% 100%,rgba(245,138,7,.1),rgba(245,138,7,0) 70%)}
.cp-final{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
.cp-final-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.cp-final-title{font-family:var(--cp-serif);font-size:clamp(48px,5.6vw,88px);line-height:.98;letter-spacing:-.025em}
.cp-final-copy .cp-lead{max-width:540px;font-size:18px}
.cp-benefits{display:flex;flex-wrap:wrap;gap:8px}
.cp-benefit{padding:8px 12px;border-radius:999px;border:1px solid var(--cp-line-strong);font-family:var(--cp-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-text-soft)}
.cp-benefit--premium{border-color:rgba(245,138,7,.55);color:var(--cp-accent-text)}
.cp-final-visual{display:flex;justify-content:center}
.cp-final-phone{width:min(290px,70vw);aspect-ratio:9/19.5;padding:10px;border-radius:44px;background:#0D0B0A;border:1px solid var(--cp-line-strong);box-shadow:0 60px 120px var(--cp-shadow-deep)}
.cp-final-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:34px}

@media (max-width:1080px){
  .cp-article-grid{grid-template-columns:1fr}
  .cp-toc{display:none}
}
@media (max-width:960px){
  .cp-profile-grid{grid-template-columns:1fr;gap:40px}
  .cp-profile-figure{position:relative;top:auto}
  .cp-final{grid-template-columns:1fr;gap:56px}
}
@media (max-width:640px){
  .cp-sensory{grid-template-columns:1fr}
  .official-registration dl{grid-template-columns:1fr}
  .cp-taste{padding:22px 18px}
  .cp-taste-row{grid-template-columns:78px minmax(0,1fr) 52px;gap:12px}
  .cp-callout{padding:22px}
  .cp-article-body h2{margin-top:72px}
}
@media (prefers-reduced-motion:reduce){
  .cp-match-ring span{animation:none}
}