/* WordPress sayfa, arşiv ve tekil yazı şablonları için ortak stiller. */
[hidden] { display: none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.main-nav a[aria-current="page"] { color:var(--green); }
.main-nav a[aria-current="page"]:after { width:100%; }
.breadcrumbs { padding-top:28px; }
.breadcrumbs ol { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none;  color:#849180; }
.breadcrumbs li:not(:last-child):after { content:'›'; display:inline-block; margin-left:10px; color:#a0aa99; }
.breadcrumbs a:hover { color:var(--green); }
.breadcrumbs [aria-current] { color:#50684e; }
.page-intro { padding-top:45px; padding-bottom:45px; }
.inner-page h1 em { color:var(--green);   }
.page-intro h1 { margin:16px 0 22px; }
.page-lead {   max-width:570px; }
.inner-page .closing-cta { margin-top:15px; }
.inner-page .footer-main, .footer-main { grid-template-columns:1.15fr .9fr 1fr 1.2fr; }
.footer-policies h3 { margin-bottom:17px; }
.inline-status {   margin-top:15px; color:var(--green); }
.inline-status:empty { display:none; }

/* Blog arşivi */
.featured-post { display:grid; grid-template-columns:1.15fr 1fr; min-height:400px; background:#f3f5ee; border-radius:14px; overflow:hidden; }
.featured-art-link { display:block; min-width:0; }
.post-art { position:relative; isolation:isolate; overflow:hidden; background:#eaf0e4; height:260px; display:grid; place-items:center; }
.art-forest { background:#76917e url('../images/kuzeyden-forest.webp') center 72% / cover; }
.art-forest:before { content:''; position:absolute; inset:0; background:linear-gradient(140deg,#17422d55,transparent); z-index:-1; }
.art-cream { background:#f1ecde; }
.art-ring { position:absolute; width:210px; height:210px; border:1px solid #fff9; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1; }
.art-ring:after { content:''; position:absolute; inset:-27px; border:1px solid #ffffff70; border-radius:50%; }
.art-word { position:absolute;  color:#fff8;  transform:rotate(-90deg); left:-28px; top:42%; }
.post-art img { width:235px; height:235px; object-fit:contain; max-width:none; filter:drop-shadow(8px 12px 8px #153e2226); transform:rotate(-7deg); transition:transform .35s; }
.post-art img[src*="pet-1-5l"] { width:330px; height:330px; }
.post-art img[src*="pet-330ml"] { width:610px; height:610px; position:absolute; }
.art-caption { position:absolute; bottom:17px; left:22px; color:#4a6950;    }
.art-forest .art-caption { color:#fff; }
.post-image-link:hover img, .featured-art-link:hover img { transform:rotate(-3deg) translateY(-5px); }
.featured-art { min-height:400px; height:100%; }
.featured-art img { width:390px; height:390px; }
.featured-art .art-ring { width:300px; height:300px; }
.featured-art .art-word {  left:-20px; color:#fff9; }
.featured-copy { padding:40px 45px; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; }
.editorial-tag { display:inline-flex; background:#e1ebd9; padding:6px 11px;    color:var(--green); border-radius:4px; }
.post-meta { display:flex; align-items:center; justify-content:space-between; gap:15px;  color:#85907e; margin:20px 0 13px; }
.post-meta>span:first-child { color:var(--green);  }
.featured-copy .post-meta { gap:20px; margin:23px 0 14px; }
.featured-copy>p {   margin:17px 0 24px; }
.featured-copy .button { min-height:46px;  }
.blog-list-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.blog-list-heading h2 { margin-top:12px;  }
.search-box { display:flex; align-items:center; gap:12px; border:1px solid #dce4d7; background:#fcfdf9; padding:11px 16px; border-radius:7px; max-width:100%; }
.search-box .icon { color:#81947b; width:18px; height:18px; }
.search-box input {  padding:0; width:220px; max-width:100%; background:transparent; border:0; color:var(--ink); min-width:0; }
.search-box:focus-within { outline:2px solid #9abf48; outline-offset:3px; }
.search-box input:focus { outline:none; }
.blog-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:28px 0; }
.blog-filters { display:flex; flex-wrap:wrap; gap:7px; }
.blog-filter {   border-radius:5px; padding:10px 15px; background:#f3f6ef; color:#61725b; }
.blog-filter span { margin-left:5px; opacity:.7; }
.blog-filter[aria-pressed="true"] { background:var(--green); color:white; }
.post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
.post-card { min-width:0; }
.post-image-link { display:block; border-radius:10px; overflow:hidden; }
.post-card h3 a:hover { color:var(--green); }
.post-card>p {   margin-top:13px; }
.post-card>.text-link { margin-top:19px;  }
.pagination { display:flex; justify-content:center; gap:9px; margin-top:42px; }
.pagination button { height:39px; width:39px; border-radius:6px; background:#f1f5eb;  }
.pagination button[aria-current] { background:var(--green); color:white; }
.empty-state { padding:50px 20px; text-align:center; background:var(--cream); border-radius:10px; }
.empty-state>.icon { width:33px; height:33px; color:var(--green); margin-bottom:20px; }
.empty-state p {  margin:15px 0 25px; }
.home-journal .post-grid, .related-posts .post-grid { margin-top:33px; }
.home-journal .section-heading>.text-link { white-space:nowrap; }

/* Tekil yazı */
.article-hero { display:grid; grid-template-columns:1.35fr 1fr; align-items:center; gap:65px; padding-block:46px; border-bottom:1px solid var(--line); }
.article-hero h1 {    margin:20px 0; }
.article-cover { height:360px; border-radius:12px; }
.article-cover img { height:320px; width:320px; }
.author-row { display:flex; gap:13px; align-items:center; margin-top:27px; }
.author-icon { width:37px; height:37px; display:grid; place-items:center; background:#edf3e6; border-radius:50%; color:var(--green); }
.author-icon .icon { width:18px; height:18px; }
.author-row strong { display:block;  }
.author-row div>span { display:block;  color:var(--muted); margin-top:3px; }
.article-shell { display:grid; grid-template-columns:260px minmax(0,1fr); gap:85px; padding-top:55px; }
.article-sidebar { min-width:0; }
.toc { border:1px solid var(--line); border-radius:10px; padding:24px; }
.toc .eyebrow { margin-bottom:12px; }
.toc>a { display:flex; align-items:baseline; gap:12px; padding:13px 0;   border-bottom:1px solid var(--line); }
.toc>a:last-child { border:0; padding-bottom:0; }
.toc>a>span { color:#8da181;  }
.toc>a:hover { color:var(--green); }
.sidebar-order { margin-top:22px; padding:26px; border-radius:10px; background:#edf3e7; }
.sidebar-order>.icon { color:var(--green); width:30px; height:30px; }
.sidebar-order h3 {   margin:18px 0 13px; }
.sidebar-order .button { margin-top:20px; width:100%;  }
.reading-content { max-width:740px; }
.reading-content .article-opening {   color:#37523a; margin-bottom:30px; }
.reading-content section { margin:35px 0; scroll-margin-top:125px; }
.reading-content h2 {    margin-bottom:16px; }
.article-callout { display:flex; gap:17px; padding:25px; background:#f1f5eb; border-left:3px solid var(--green); border-radius:0 8px 8px 0; margin:35px 0; }
.article-callout>.icon { color:var(--green); margin-top:2px; }
.article-callout h3 {  margin-bottom:10px; }
.article-callout a { text-decoration:underline; text-underline-offset:3px; }
.article-share { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:22px; }

/* Hakkımızda */
.about-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; padding-top:45px; padding-bottom:65px; }
.about-hero h1 {   margin:22px 0; }
.about-hero .button { margin-top:27px;  }
.about-location { display:flex; gap:8px; align-items:center; margin-top:30px;  color:#70816a; }
.about-location>.icon { width:16px; height:16px; color:var(--green); }
.about-location>span { padding-left:13px; margin-left:5px; border-left:1px solid #d3decf; }
.about-picture { height:480px; border-radius:170px 170px 12px 12px; overflow:hidden; position:relative; background:var(--sage); }
.about-picture>img { width:100%; height:100%; object-fit:cover; object-position:60% 80%; }
.about-picture:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 30%,#143f2bc9); }
.about-picture>div { position:absolute; z-index:1; bottom:40px; left:37px; right:20px; color:white; }
.about-picture span { display:block;  margin-bottom:12px; }
.about-picture strong { display:block;  }
.about-story { display:grid; grid-template-columns:.65fr 1.35fr; gap:50px; padding-block:55px 80px; border-top:1px solid var(--line); }
.about-story>.eyebrow { padding-top:8px;  }
.about-story h2 {  margin-bottom:23px; }
.about-story div>p {   margin-top:19px; max-width:680px; }
.about-values { padding:65px 0 72px; background:#f3f6ef; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:38px; }
.values-grid article { padding-top:23px; border-top:1px solid #cfddc7; position:relative; }
.values-grid .icon { width:27px; height:27px; color:var(--green); }
.values-grid article>span { position:absolute; top:24px; right:0; color:#97aa8b;  }
.values-grid h3 {  margin:22px 0 14px; }
.about-brand { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding-block:80px; }
.about-product .post-art { height:355px; border-radius:12px; }
.about-product img { width:330px; height:330px; }
.about-brand h2 {  margin:17px 0 21px; }
.about-brand .text-link { margin-top:24px; margin-right:22px;  }

/* İletişim ve destek */
.contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; padding-top:5px; padding-bottom:70px; }
.contact-order { background:#edf3e7; padding:29px; border-radius:12px; margin-bottom:14px; }
.contact-order h2 {   margin:16px 0; }
.contact-order .button { margin-top:22px;  }
.contact-detail { display:flex; align-items:flex-start; gap:15px; padding:22px 0; border-bottom:1px solid var(--line); }
.contact-detail>.icon { color:var(--green); height:20px; width:20px; }
.contact-detail h3 {  margin:2px 0 9px;  }
.contact-detail small { display:block; margin-top:5px; color:#8c9687;   }
.contact-form-panel { border:1px solid var(--line); border-radius:12px; padding:35px; background:#fff; }
.contact-form-panel h2 {  margin-top:12px;  }
.contact-form-panel>p:not(.eyebrow) {  margin:16px 0 25px; }
.contact-form-panel label { display:block; margin:19px 0 7px;   }
.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea { display:block; width:100%; padding:13px 14px; border:1px solid #dce3d7; border-radius:6px; background:#fcfdf9;  color:var(--ink); }
.contact-form-panel textarea { resize:vertical; min-height:120px; }
.contact-form-panel .form-help {   margin:17px 0 23px; }
.form-help a { text-decoration:underline; text-underline-offset:3px; }
.contact-form-panel .button { width:100%; justify-content:space-between;  }
#contact-preview .text-link { margin-top:15px; }
.contact-map { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:80px; padding-bottom:70px; }
.contact-map h2 {   margin:15px 0 20px; }
.contact-map .text-link { margin-top:22px;  }
.contact-map .area-illustration { height:320px; }
.help-layout { display:grid; grid-template-columns:280px 1fr; gap:90px; padding:10px 0 80px; }
.help-aside { align-self:start; background:#edf3e7; border-radius:10px; padding:27px; }
.help-aside p {   margin-top:17px; }
.help-aside .button { margin-top:23px; width:100%; }
.help-faq .search-box input { width:100%; }
.help-faq .faq-list { margin-top:20px; }

/* Politika merkezi ve belge şablonları */
.legal-index { padding-bottom:75px; }
.draft-notice { border:1px solid #e6e2c9; border-radius:8px; padding:18px 21px; background:#f9f7ec; }
.draft-notice strong { display:block; color:#72673c;  }
.draft-notice p { color:#817a61;   margin-top:5px; }
.legal-index>.draft-notice { margin-bottom:30px; }
.policy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.policy-card { padding:27px; border:1px solid var(--line); border-radius:10px; transition:background .2s,border-color .2s; }
.policy-card:hover { background:#f3f7ed; border-color:#b9cfb0; }
.policy-number { display:block;   color:#8a9f7d; margin-bottom:30px; }
.policy-card p {   margin:14px 0 25px; }
.legal-page { background:#fafbf8; }
.legal-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:52px; padding-top:34px; padding-bottom:50px; }
.legal-sidebar { align-self:start; position:sticky; top:120px; padding-top:10px; }
.legal-sidebar>.eyebrow { margin-bottom:18px; }
.legal-sidebar nav { display:grid; gap:6px; }
.legal-sidebar nav>a { display:flex; align-items:center; justify-content:space-between; gap:15px;   padding:13px 15px; border:1px solid transparent; border-radius:6px; }
.legal-sidebar nav>a:hover { background:#edf3e7; }
.legal-sidebar nav>a[aria-current] { color:white; background:var(--green); }
.legal-sidebar nav .icon { height:13px; width:13px; }
.legal-help { display:block; margin:22px 15px 0; padding-top:23px; border-top:1px solid var(--line); color:var(--muted);  }
.legal-help strong { display:block;  color:var(--green); margin-top:7px; }
.legal-document { background:white; border:1px solid var(--line); border-radius:12px; padding:43px; min-width:0; }
.legal-document h1 {   margin:16px 0; }
.document-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:21px 0 28px;  color:#85917b; }
.document-toc { display:flex; flex-wrap:wrap; gap:10px 17px; padding:22px 0; margin-bottom:13px; border-bottom:1px solid var(--line); }
.document-toc a {  color:#7d8d71; text-decoration:underline; text-underline-offset:3px; }
.legal-content>section { margin-top:32px; scroll-margin-top:125px; }
.legal-content h2 {    margin-bottom:17px; display:flex; align-items:baseline; gap:12px; }
.legal-content h2>span {   color:#8fa080;  }
.legal-content p {   color:#657160; }
.document-fields { display:grid; grid-template-columns:130px 1fr; gap:0; margin:0; background:#f5f7f0; border-radius:7px; padding:10px 17px; }
.document-fields dt,.document-fields dd { margin:0; padding:10px 0;   }
.document-fields dd { color:#8b927c; }
.document-source { margin-top:35px;   }
.document-source a { text-decoration:underline; text-underline-offset:3px; }
.document-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:25px; margin-top:32px; border-top:1px solid var(--line); }

@media(max-width:1180px) {
  .featured-copy { padding:30px; }
  .post-grid { gap:25px; }
  .article-hero { gap:40px; }
  .article-shell { gap:55px; grid-template-columns:240px 1fr; }
  .about-hero { gap:45px; }
  .about-picture { height:440px; }
  .contact-layout { gap:55px; }
  .legal-layout { gap:30px; grid-template-columns:220px 1fr; }
  .legal-document { padding:32px; }
}
@media(max-width:980px) {
  .featured-post { grid-template-columns:1fr 1fr; }
  .featured-art img { width:350px; height:350px; }
  .post-art { height:225px; }
  .post-grid { gap:22px; }
  .post-art img { width:215px; height:215px; }
  .post-art img[src*="pet-1-5l"] { width:300px; height:300px; }
  .featured-art img { width:350px; height:350px; }
  .post-art img[src*="pet-330ml"] { width:580px; height:580px; }
  .article-cover { height:310px; }
  .article-cover img { height:290px; width:290px; }
  .article-shell { grid-template-columns:220px 1fr; gap:35px; }
  .inner-page .footer-main,.footer-main { grid-template-columns:repeat(2,1fr); gap:35px 60px; }
  .about-hero { gap:35px; }
  .about-picture { height:410px; }
  .about-story { grid-template-columns:.55fr 1.45fr; gap:40px; }
  .values-grid { gap:30px; }
  .about-brand { gap:40px; }
  .contact-layout { gap:30px; }
  .contact-form-panel { padding:25px; }
  .contact-map { gap:40px; }
  .help-layout { grid-template-columns:230px 1fr; gap:40px; }
  .policy-grid { grid-template-columns:repeat(2,1fr); }
  .legal-layout { gap:25px; grid-template-columns:200px 1fr; }
  .legal-document { padding:26px; }
}
@media(max-width:760px) {
  .breadcrumbs { padding-top:22px; }
  .breadcrumbs ol {  gap:7px; }
  .breadcrumbs li:not(:last-child):after { margin-left:7px; }
  .page-intro { padding-top:34px; padding-bottom:33px; }
  .page-intro h1 { margin:16px 0 19px; }
  .featured-post { grid-template-columns:1fr; }
  .featured-art { min-height:290px; height:290px; }
  .featured-art img { width:280px; height:280px; }
  .featured-art .art-ring { width:235px; height:235px; }
  .featured-art .art-word {  left:-17px; }
  .featured-copy { padding:27px; }
  .featured-copy .post-meta { margin-top:19px; }
  .blog-list-heading { display:block; }
  .blog-list-heading .search-box { margin-top:23px; }
  .search-box { padding:12px 14px; }
  .search-box input {  width:100%; }
  .blog-toolbar { padding:22px 0; gap:13px; }
  .blog-filters { gap:6px; }
  .blog-filter {  padding:9px 11px; }
  .post-grid { grid-template-columns:1fr; gap:34px; }
  .post-art { height:270px; }
  .post-art img { width:250px; height:250px; }
  .post-art img[src*="pet-1-5l"] { width:350px; height:350px; }
  .post-art img[src*="pet-330ml"] { width:660px; height:660px; }
  .featured-art img { width:280px; height:280px; }
  .post-meta { margin-top:17px;  }
  .home-journal .section-heading,.related-posts .section-heading { display:flex; align-items:flex-end; gap:20px; }
  .related-posts .section-heading>.text-link,.home-journal .section-heading>.text-link {  gap:7px; white-space:nowrap; }
  .article-hero { grid-template-columns:1fr; padding-block:30px; gap:27px; }
  .author-row { margin-top:23px; }
  .article-cover { height:280px; }
  .article-cover img { width:270px; height:270px; }
  .article-shell { display:flex; flex-direction:column; gap:30px; padding-top:30px; }
  .article-sidebar .sidebar-order { display:none; }
  .toc { padding:22px; }
  .toc>a { padding:10px 0;  }
  .reading-content section { scroll-margin-top:100px; }
  .article-callout { padding:20px; gap:13px; }
  .article-share { gap:15px; }
  .about-hero { grid-template-columns:1fr; padding-top:32px; padding-bottom:35px; gap:32px; }
  .about-picture { height:370px; border-radius:130px 130px 10px 10px; }
  .about-picture>div { left:28px; bottom:30px; }
  .about-story { display:block; padding:35px 0 50px; }
  .about-story>.eyebrow { margin-bottom:25px; }
  .about-story>.eyebrow br { display:none; }
  .about-values { padding:47px 0; }
  .values-grid { grid-template-columns:1fr; gap:29px; margin-top:27px; }
  .values-grid h3 { margin-top:19px;  }
  .about-brand { grid-template-columns:1fr; padding-block:50px; gap:32px; }
  .about-product .post-art { height:300px; }
  .about-product img { width:280px; height:280px; }
  .contact-layout { grid-template-columns:1fr; gap:30px; padding-bottom:50px; }
  .contact-order { padding:27px; }
  .contact-form-panel { padding:25px 20px; }
  .contact-map { grid-template-columns:1fr; gap:30px; padding-bottom:50px; }
  .help-layout { display:flex; flex-direction:column-reverse; gap:30px; padding-bottom:50px; }
  .help-aside { width:100%; }
  .policy-grid { grid-template-columns:1fr; gap:18px; }
  .policy-card { padding:25px; }
  .policy-number { margin-bottom:20px; }
  .policy-card p {  margin-bottom:20px; }
  .legal-index { padding-bottom:50px; }
  .draft-notice { padding:16px; }
  .legal-layout { display:flex; flex-direction:column; gap:25px; padding-top:25px; }
  .legal-sidebar { position:static; width:100%; padding:0; }
  .legal-sidebar>.eyebrow { margin-bottom:13px; }
  .legal-sidebar nav { display:flex; overflow-x:auto; gap:7px; padding:0 0 7px; }
  .legal-sidebar nav>a { white-space:nowrap; border-color:var(--line);  flex-shrink:0; padding:10px 12px; }
  .legal-sidebar nav .icon { display:none; }
  .legal-help { display:none; }
  .legal-document { padding:25px 20px; border-radius:9px; }
  .legal-document h1 {   overflow-wrap:anywhere; }
  .document-meta {  gap:12px; }
  .document-toc { display:grid; gap:11px; }
  .legal-content h2 {  gap:10px; }
  .legal-content>section { scroll-margin-top:100px; }
  .document-fields { grid-template-columns:1fr; padding:13px; }
  .document-fields dt { padding:7px 0 0; }
  .document-fields dd { padding:3px 0 8px; }
  .document-bottom { flex-wrap:wrap; gap:15px; }
  .inner-page .footer-main,.footer-main { grid-template-columns:1fr 1fr; gap:30px 22px; }
  .footer-policies { grid-column:1/-1; padding-top:23px; border-top:1px solid var(--line); }
  .footer-main .footer-policies>a { display:inline-block; margin:0 16px 10px 0;  }
}
@media(max-width:390px) {
  .header-inner { gap:9px; }
  .brand img { width:125px; }
  .header-order { padding:9px 10px; }
  .menu-toggle { flex-shrink:0; width:30px; }
}
@media(prefers-reduced-motion:reduce) {
  .post-art img,.policy-card { transition:none; }
}
@media print {
  .site-header,.announcement,.breadcrumbs,.legal-sidebar,.site-footer,.mobile-order-bar,.document-meta button,.document-bottom,.document-toc,.skip-link { display:none!important; }
  .legal-page { background:white; color:black; }
  .legal-layout { display:block; width:100%; margin:0; padding:0; }
  .legal-document { border:0; padding:0; }
  .legal-content>section { break-inside:avoid; }
  .draft-notice { border:1px solid #777; }
}
