:root {
    --ink:#21191b;
    --muted:#74676a;
    --accent:#8f4659;
    --accent-dark:#642d3c;
    --gold:#c59a42;
    --paper:#fff8f4;
    --line:#eadfda;
    --shadow:0 20px 55px rgba(58,31,37,.11);
}
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fffdfb; font-family:Vazirmatn,sans-serif; line-height:1.95; }
a { color:inherit; }
.blog-header { position:sticky; top:0; z-index:20; background:rgba(255,253,251,.92); backdrop-filter:blur(16px); }
.blog-header-inner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:clamp(1rem,3vw,2.5rem); padding-block:.85rem; }
.blog-header-inner > * { min-width:0; }
.blog-brand { display:inline-flex; align-items:center; min-width:0; gap:.65rem; color:var(--ink); font-size:1.2rem; font-weight:900; text-decoration:none; }
.blog-logo { width:auto; max-width:110px; height:42px; object-fit:contain; }
.brand-mark { display:grid; place-items:center; width:2.4rem; height:2.4rem; color:#fff; background:linear-gradient(145deg,var(--accent),#bd7787); border-radius:50% 50% 45% 55%; box-shadow:0 8px 18px rgba(143,70,89,.25); }
.blog-header-actions { display:flex; align-items:center; gap:1rem; }
.blog-primary-nav { display:flex; align-items:center; justify-content:center; gap:clamp(.8rem,2vw,1.6rem); min-width:0; }
.blog-primary-nav a { color:var(--muted); text-decoration:none; font-size:.92rem; font-weight:750; white-space:nowrap; }
.blog-primary-nav a:hover { color:var(--accent); }
.shop-link,.category-nav a,.related-shop a { color:var(--accent); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:.48rem 1rem; background:rgba(255,255,255,.76); transition:.2s ease; }
.shop-link:hover,.category-nav a:hover,.related-shop a:hover { color:#fff; background:var(--accent); border-color:var(--accent); transform:translateY(-1px); }
.eyebrow,.post-category { color:var(--accent); font-weight:850; text-decoration:none; }
.magazine-intro { padding:clamp(3rem,7vw,6.5rem) 0 6rem; background:radial-gradient(circle at 12% 15%,#fff 0,transparent 34%),linear-gradient(135deg,#fff9f5,#f4dfe2); }
.magazine-intro .container { display:flex; align-items:center; justify-content:space-between; gap:3rem; }
.magazine-intro h1,.category-hero h1 { max-width:850px; margin:.4rem 0 1rem; font-size:clamp(2.35rem,5.5vw,4.8rem); font-weight:950; line-height:1.35; letter-spacing:-.035em; }
.magazine-intro p:not(.eyebrow) { max-width:700px; margin:0; color:var(--muted); font-size:1.1rem; }
.magazine-seal { display:grid; place-items:center; flex:0 0 170px; width:170px; aspect-ratio:1; color:var(--accent); font-size:4rem; font-weight:950; border:1px solid rgba(143,70,89,.25); border-radius:50%; box-shadow:inset 0 0 0 25px rgba(255,255,255,.3); }
.magazine-seal img { width:100%; height:100%; padding:1.4rem; object-fit:contain; border-radius:50%; }
.editorial-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr); min-height:510px; margin-top:-3rem; padding:0; overflow:hidden; background:#251d20; border-radius:1.8rem; box-shadow:var(--shadow); }
.editorial-hero-media { display:block; min-height:100%; overflow:hidden; background:linear-gradient(135deg,#8f4659,#2b2024); }
.editorial-hero-media img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.editorial-hero-media:hover img { transform:scale(1.025); }
.image-placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:250px; color:rgba(255,255,255,.75); font-size:5rem; font-weight:950; background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#a75d70,#39272d); }
.editorial-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,4.5rem); color:#fff; }
.editorial-hero-copy .post-category { color:#e6bd70; }
.editorial-hero-copy h2 { margin:.8rem 0 1rem; font-size:clamp(1.8rem,3vw,3rem); font-weight:950; line-height:1.55; }
.editorial-hero-copy h2 a,.read-story { text-decoration:none; }
.editorial-hero-copy p { color:rgba(255,255,255,.7); }
.story-meta { display:flex; flex-wrap:wrap; gap:1rem; color:rgba(255,255,255,.55); font-size:.88rem; }
.read-story { align-self:flex-start; margin-top:1.5rem; padding:.65rem 1rem; color:#20181a; font-weight:850; background:#e6bd70; border-radius:999px; }
.magazine-sections { padding-top:3.5rem; }
.category-nav { display:flex; gap:.65rem; padding-bottom:.8rem; overflow-x:auto; scrollbar-width:thin; }
.category-nav a { flex:0 0 auto; }
.category-nav a span { margin-right:.35rem; color:var(--muted); font-size:.78rem; }
.category-nav a[aria-current="page"] { color:#fff; background:var(--accent); border-color:var(--accent); }
.category-nav a[aria-current="page"] span { color:rgba(255,255,255,.7); }
.magazine-section { padding-top:clamp(3.5rem,7vw,6.5rem); }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:1.7rem; border-bottom:1px solid var(--line); }
.section-heading p { margin:0 0 .2rem; color:var(--accent); font-weight:800; }
.section-heading h2 { margin:0 0 -.1rem; padding-bottom:1rem; font-size:clamp(1.7rem,3vw,2.45rem); font-weight:950; border-bottom:3px solid var(--accent); }
.post-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:1.25rem; box-shadow:0 10px 30px rgba(61,35,40,.055); transition:transform .25s ease,box-shadow .25s ease; }
.post-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.post-card-media { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; background:var(--paper); }
.post-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.post-card:hover .post-card-media img { transform:scale(1.035); }
.post-card .image-placeholder { min-height:230px; font-size:3rem; }
.post-card-body { padding:1.35rem; }
.post-card h2,.post-card h3 { margin:.55rem 0; font-size:1.25rem; font-weight:900; line-height:1.65; }
.post-card h2 a,.post-card h3 a { text-decoration:none; }
.post-card p { display:-webkit-box; margin:0; overflow:hidden; color:var(--muted); -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.post-card-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.2rem; color:var(--muted); font-size:.84rem; }
.popular-section { padding:clamp(2.5rem,5vw,4rem); margin-top:clamp(3.5rem,7vw,6.5rem); color:#fff; background:linear-gradient(135deg,#241c1f,#4b3039); border-radius:1.6rem; }
.popular-section .section-heading { border-color:rgba(255,255,255,.14); }
.popular-section .section-heading p { color:#e6bd70; }
.popular-section .section-heading h2 { border-color:#e6bd70; }
.popular-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2.5rem; }
.popular-story { display:grid; grid-template-columns:auto 1fr; gap:1.2rem; padding:1.5rem 0; border-bottom:1px solid rgba(255,255,255,.12); }
.popular-rank { color:#e6bd70; font:900 2.6rem/1 Vazirmatn,sans-serif; opacity:.75; }
.popular-story .post-category { color:#e6bd70; font-size:.82rem; }
.popular-story h3 { margin:.35rem 0; font-size:1.1rem; line-height:1.7; }
.popular-story h3 a { text-decoration:none; }
.view-count { color:rgba(255,255,255,.55); font-size:.8rem; }
.recommendation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.recommendation-story { display:grid; grid-template-columns:160px minmax(0,1fr); gap:1.2rem; align-items:center; padding:1rem; background:#fff; border:1px solid var(--line); border-radius:1.2rem; }
.recommendation-story img { width:160px; height:130px; object-fit:cover; border-radius:.8rem; }
.recommendation-story h3 { margin:.35rem 0; font-size:1.12rem; font-weight:900; line-height:1.65; }
.recommendation-story h3 a { text-decoration:none; }
.recommendation-story p { display:-webkit-box; margin:0; overflow:hidden; color:var(--muted); font-size:.9rem; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.category-hero { padding:clamp(3rem,7vw,6rem) 0; background:linear-gradient(135deg,#fff8f4,#f1dde1); }
.category-hero h1 { font-size:clamp(2.2rem,5vw,4rem); }
.category-hero p:last-child { max-width:700px; color:var(--muted); }
.empty-state { padding:3rem; text-align:center; background:var(--paper); border:1px dashed var(--line); border-radius:1rem; }
.article-wrap { max-width:900px; }
.author-profile { background:linear-gradient(145deg,#fffaf0,#f8f1df); }
.author-profile-card { display:flex; align-items:center; gap:2rem; max-width:920px; margin:0 auto; }
.author-avatar { width:150px; height:150px; object-fit:cover; border:4px solid #fff; border-radius:50%; box-shadow:0 12px 34px rgba(62,43,20,.14); }
.author-bio { max-width:700px; margin:0; color:#5d5347; line-height:2; }
.breadcrumb-blog { display:flex; gap:.6rem; color:var(--muted); font-size:.92rem; }
.breadcrumb-blog a { text-decoration:none; }
.article-header { text-align:center; }
.article-header h1 { margin:.35rem 0 1rem; font-size:clamp(2rem,5vw,3.6rem); font-weight:950; line-height:1.45; letter-spacing:-.035em; }
.article-excerpt { max-width:700px; margin-inline:auto; color:var(--muted); font-size:1.18rem; }
.article-meta { display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; margin:1rem 0 2rem; color:var(--muted); }
.article-meta a { color:inherit; font-weight:700; }
.hero-image { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:1.5rem; box-shadow:var(--shadow); }
.article-section { margin-top:3.5rem; }
.article-content { font-size:1.08rem; }
.article-content>p:first-child { font-size:1.14rem; }
.article-content h2,.article-content h3 { margin-top:2.7rem; font-weight:900; line-height:1.6; }
.article-content blockquote { margin:2rem 0; padding:1rem 1.35rem; color:var(--accent-dark); background:var(--paper); border-right:4px solid var(--accent); border-radius:.8rem; }
.article-content img { max-width:100%; height:auto; }
.section-gallery { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,76%); gap:1rem; margin-top:1.5rem; padding:.25rem .1rem 1rem; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-color:#c98b98 #f3e7e4; }
.gallery-card { margin:0; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:1.2rem; box-shadow:0 8px 24px rgba(61,35,40,.07); scroll-snap-align:start; }
.gallery-card img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.gallery-card figcaption { padding:.75rem 1rem; color:var(--muted); font-size:.9rem; }
.related-shop { padding:1.6rem; background:linear-gradient(135deg,var(--paper),#f8e9e7); border:1px solid var(--line); border-radius:1.25rem; }
.related-shop h2 { margin-bottom:1rem; font-size:1.25rem; }
.blog-footer { color:#fff; background:#261e20; }
.blog-footer p { color:rgba(255,255,255,.62); }
.blog-footer h2 { margin:0 0 1rem; color:#fff; font-size:1.05rem; font-weight:900; }
.blog-footer a { color:rgba(255,255,255,.72); text-decoration:none; overflow-wrap:anywhere; }
.blog-footer a:hover { color:#e6bd70; }
.blog-footer-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(170px,.7fr) minmax(190px,.8fr); gap:clamp(2rem,5vw,5rem); }
.blog-footer-about p { max-width:520px; }
.blog-footer-shop-link { display:inline-flex; gap:.45rem; align-items:center; margin-top:.5rem; color:#e6bd70!important; font-weight:850; }
.blog-footer-links { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.blog-footer-contact { display:grid; gap:.55rem; }
.blog-footer-bottom { padding-top:1.5rem; margin-top:2.5rem; color:rgba(255,255,255,.48); font-size:.85rem; border-top:1px solid rgba(255,255,255,.1); }
@media (max-width:991px) {
    .blog-header-inner { grid-template-columns:auto 1fr auto; }
    .blog-primary-nav { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
    .blog-primary-nav::-webkit-scrollbar { display:none; }
    .editorial-hero { grid-template-columns:1fr; }
    .editorial-hero-media { min-height:360px; }
    .popular-grid,.recommendation-grid { grid-template-columns:1fr; }
    .blog-footer-grid { grid-template-columns:1.2fr 1fr; }
    .blog-footer-about { grid-column:1/-1; }
}
@media (max-width:767px) {
    .blog-header-actions { gap:.55rem; }
    .blog-header-inner { grid-template-columns:minmax(0,1fr) auto; }
    .blog-primary-nav { grid-column:1/-1; grid-row:2; justify-content:flex-start; padding-top:.15rem; }
    .blog-brand { font-size:1rem; }
    .blog-logo { max-width:88px; height:34px; }
    .shop-link { padding:.38rem .7rem; font-size:.85rem; }
    .magazine-intro { padding-bottom:4.5rem; }
    .magazine-intro .container { display:block; }
    .magazine-seal { display:none; }
    .editorial-hero { width:calc(100% - 2rem); min-height:0; margin-inline:auto; border-radius:1.25rem; }
    .editorial-hero-media { min-height:260px; }
    .editorial-hero-copy { padding:1.5rem; }
    .popular-section { padding:1.4rem; border-radius:1.25rem; }
    .popular-story { gap:.8rem; }
    .popular-rank { font-size:2rem; }
    .recommendation-story { grid-template-columns:110px minmax(0,1fr); gap:.8rem; }
    .recommendation-story img { width:110px; height:110px; }
    .recommendation-story p { display:none; }
    .author-profile-card { align-items:flex-start; flex-direction:column; gap:1rem; }
    .author-avatar { width:112px; height:112px; }
    .article-wrap { padding-inline:1.2rem; }
    .article-header h1 { font-size:2rem; }
    .section-gallery { grid-auto-columns:88%; }
    .blog-footer-grid { grid-template-columns:1fr; }
    .blog-footer-about { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }