html:has(> body.single-post) { overflow-x:clip; }
body.single-post { overflow-x:clip; }
@media (max-width:900px) { body.single-post .farabak-header__drawer-layer { width:100vw; height:100dvh; } }
.farabak-post { --farabak-post-red:#BE1C1D; width:min(1140px,calc(100% - 48px)); margin:40px auto 88px; color:#111; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.7; }
.farabak-post *, .farabak-post *::before, .farabak-post *::after { box-sizing:border-box; }
.farabak-post [hidden] { display:none!important; }
.farabak-post a { color:inherit; text-decoration:none; }
.farabak-post :is(a,button,input,textarea,select):focus-visible { outline:2px solid var(--farabak-post-red); outline-offset:4px; }
.farabak-post__layout { display:grid; grid-template-columns:minmax(0,740px) minmax(0,310px); gap:90px; align-items:start; }
.farabak-post__article,.farabak-post__sidebar { min-width:0; }
.farabak-post__sidebar > *, .farabak-post-related, .farabak-post [data-post-track] { min-width:0; max-width:100%; }
.farabak-post [data-post-track] { width:100%; contain:inline-size; }
.farabak-post__breadcrumb { margin-bottom:22px; font-size:14px; overflow-wrap:anywhere; }
.farabak-post__breadcrumb a { color:var(--farabak-post-red); }
.farabak-post__header h1 { margin:12px 0 16px; color:#111; font-size:30px; line-height:1.35; font-weight:700; overflow-wrap:anywhere; }
.farabak-post__category { display:inline-block; padding:3px 8px; border-radius:4px; background:var(--farabak-post-red); color:#fff!important; font-size:12px; font-weight:700; line-height:1.7; }
.farabak-post__meta { display:flex; flex-wrap:wrap; gap:10px 22px; margin-bottom:30px; color:#9ca3af; font-size:13px; }
.farabak-post__meta > span:first-child { color:#111; }
.farabak-post__meta a:hover { color:var(--farabak-post-red); }
.farabak-post-share { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:30px; }
.farabak-post-share__button,.farabak-post-share__email { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:8px 16px; border:1px solid #d1d5db; border-radius:9px; background:#fff; color:#374151; font:inherit; font-size:14px; line-height:1.5; cursor:pointer; }
.farabak-post-share__email { margin-left:auto; }
.farabak-post-share__button svg,.farabak-post-share__email svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.75; }
.farabak-post-share__networks { display:flex; }
.farabak-post-share__network { display:grid; place-items:center; width:40px; height:42px; color:#fff!important; }
.farabak-post-share__network:first-child { border-radius:9px 0 0 9px; background:#1877F2; }
.farabak-post-share__network:nth-child(2) { background:#000; }
.farabak-post-share__network:nth-child(3) { background:#0088cc; }
.farabak-post-share__network:last-child { border-radius:0 9px 9px 0; background:#25D366; }
.farabak-post-share__network svg { width:20px; height:20px; fill:currentColor; }
.farabak-post-share__network:last-child svg { width:24px; height:24px; }
.farabak-post-share__status { flex-basis:100%; color:#777; font-size:12px; }
.farabak-post-share__status:empty { display:none; }
.farabak-post__featured { margin:0 0 34px; }
.farabak-post__featured img { display:block; width:100%; height:auto; max-height:540px; object-fit:contain; border-radius:12px; }
.farabak-post__content { overflow-wrap:anywhere; }
.farabak-post__content :is(.alignwide,.alignfull) { width:100%; max-width:100%; margin-inline:0; }
.farabak-post__content :is(h2,h3,h4) { color:#111; line-height:1.4; margin-top:36px; scroll-margin-top:85px; }
.farabak-post__content h2 { font-size:28px; }
.farabak-post__content p { margin:0 0 24px; }
.farabak-post__content a { color:var(--farabak-post-red); text-decoration:underline; }
.farabak-post__content :is(img,video,iframe) { max-width:100%; }
.farabak-post__content img { height:auto; }
.farabak-post__content :is(table,pre) { display:block; max-width:100%; overflow-x:auto; }
.farabak-post__content blockquote { margin:28px 0; padding:16px 24px; border-left:3px solid var(--farabak-post-red); background:#fafafa; }
.farabak-post__pages { display:flex; gap:12px; margin:28px 0; }
.farabak-post__author { margin-top:64px; }
.farabak-post__author > h2 { margin:0 0 18px; font-size:24px; font-weight:400; }
.farabak-author-card { display:flex; gap:24px; padding:32px; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.farabak-author-card img { flex-shrink:0; width:80px; height:80px; border-radius:50%; object-fit:cover; }
.farabak-author-card__info { min-width:0; overflow-wrap:anywhere; }
.farabak-author-card h3 { margin:0 0 4px; font-size:20px; font-weight:700; line-height:1.4; }
.farabak-author-card p { margin:0 0 12px; color:#666; font-size:14px; line-height:1.6; }
.farabak-author-card__socials { display:flex; flex-wrap:wrap; gap:12px; font-size:12px; color:#777; }
.farabak-author-card__socials:empty { display:none; }
.farabak-author-card__socials a:hover { color:var(--farabak-post-red); }
.farabak-post-comments { margin-top:64px; }
.farabak-post-comments__list { padding:0; list-style:none; }
.farabak-post-comments__list .comment-body { padding:24px; margin-bottom:20px; border:1px solid #eee; border-radius:12px; overflow-wrap:anywhere; }
.farabak-post-comments__list .children { padding-left:24px; list-style:none; }
.farabak-post-comments .comment-author { display:flex; align-items:center; gap:12px; }
.farabak-post-comments .avatar { width:48px; height:48px; border-radius:50%; }
.farabak-post-comments :is(.comment-metadata,.comment-meta,.reply) { font-size:12px; color:#777; }
.farabak-post-comments .comment-content a { color:var(--farabak-post-red); }
.farabak-post-comments #respond { padding:32px; border-radius:16px; background:#fff; box-shadow:0 2px 14px rgba(0,0,0,.065); }
.farabak-post-comments #reply-title { margin:0 0 20px; font-size:30px; font-weight:700; color:#1f2937; line-height:1.4; }
.farabak-post-comments #cancel-comment-reply-link { margin-left:12px; font-size:12px; font-weight:400; color:var(--farabak-post-red); }
.farabak-post-comments .comment-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.farabak-post-comments .comment-form > * { grid-column:1/-1; min-width:0; margin:0; }
.farabak-post-comments .comment-form :is(.comment-form-author,.comment-form-email) { grid-column:auto; }
.farabak-post-comments .comment-form label { display:block; margin-bottom:6px; color:#666; font-size:13px; }
.farabak-post-comments :is(.comment-notes,.logged-in-as,.comment-form-cookies-consent) { color:#777; font-size:12px; }
.farabak-post-comments .logged-in-as a,.farabak-post-comments .required { color:var(--farabak-post-red); }
.farabak-post-comments .comment-form :is(input[type=text],input[type=email],input[type=url],textarea) { width:100%; min-height:48px; padding:12px 16px; border:1px solid #d1d5db; border-radius:9px; background:#fff; color:#111; font:inherit; font-size:14px; }
.farabak-post-comments .comment-form textarea { min-height:130px; resize:vertical; }
.farabak-post-comments .comment-form-cookies-consent { display:flex; align-items:flex-start; gap:10px; }
.farabak-post-comments .comment-form-cookies-consent input { margin-top:5px; accent-color:var(--farabak-post-red); }
.farabak-post-comments .comment-form-cookies-consent label { margin:0; font-size:12px; }
.farabak-post-comments__submit,.farabak-post-products__purchase .button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 20px; border:0; border-radius:9px; background:var(--farabak-post-red); color:#fff!important; font:inherit; font-size:14px; cursor:pointer; }
.farabak-post-comments__submit:hover { background:#971719; }
.farabak-post-products__purchase .button { margin-top:14px; }
.farabak-post-products__purchase .button.farabak-hover-btn { position:relative; overflow:hidden; }
.farabak-post-products__purchase .button.farabak-hover-btn::before { content:""; position:absolute; top:0; left:-75%; width:50%; height:100%; background:linear-gradient(120deg,rgba(255,255,255,.2),rgba(255,255,255,.6),rgba(255,255,255,.2)); transform:skewX(-20deg); pointer-events:none; }
.farabak-post-products__purchase .button.farabak-hover-btn:hover::before { animation:farabak-post-shine .4s ease forwards; }
@keyframes farabak-post-shine { from { left:-75%; } to { left:125%; } }
.farabak-post__sidebar { display:flex; flex-direction:column; gap:56px; padding-top:24px; align-self:stretch; }
.farabak-post-products { position:relative; border-radius:16px; box-shadow:0 6px 28px rgba(0,0,0,.065); }
.farabak-post-products__track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; border-radius:16px; }
.farabak-post-products__track::-webkit-scrollbar,.farabak-post-related__track::-webkit-scrollbar { display:none; }
.farabak-post-products__card { flex:0 0 100%; min-width:0; display:flex; flex-direction:column; scroll-snap-align:start; background:#fff; }
.farabak-post-products__header { display:flex; align-items:center; gap:18px; min-height:156px; padding:28px 22px; border-bottom:1px solid #eee; }
.farabak-post-products__header > a { flex-shrink:0; }
.farabak-post-products__header img { width:95px; height:95px; object-fit:contain; }
.farabak-post-products__header h3 { margin:0; min-width:0; color:#111; font-size:16px; line-height:1.45; overflow-wrap:anywhere; }
.farabak-post-products__information { padding:18px 22px 0; font-size:14px; overflow-wrap:anywhere; }
.farabak-post-products__information p { display:flex; gap:10px; margin:0 0 12px; }
.farabak-post-products__information svg { flex-shrink:0; width:18px; height:18px; margin-top:3px; fill:none; stroke:var(--farabak-post-red); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.farabak-post-products__purchase { margin-top:auto; padding:16px 22px 22px; }
.farabak-post-products__purchase .price { color:#111; font-size:16px; font-weight:700; }
.farabak-post-products__purchase .price ins { background:none; text-decoration:none; }
.farabak-post-products__purchase .price del { color:#999; font-size:13px; }
.farabak-post__arrows { display:flex; gap:8px; }
.farabak-post__arrows button { display:grid; place-items:center; width:40px; height:40px; padding:8px; border:1px solid #d1d5db; border-radius:50%; background:#fff; color:#111; cursor:pointer; transition:color .2s ease,border-color .2s ease; }
.farabak-post__arrows button:hover:not(:disabled) { border-color:var(--farabak-post-red); color:var(--farabak-post-red); }
.farabak-post__arrows button:disabled { opacity:.35; cursor:default; }
.farabak-post__arrows svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.farabak-post-products > .farabak-post__arrows { position:absolute; top:136px; left:-14px; right:-14px; justify-content:space-between; pointer-events:none; }
.farabak-post-products > .farabak-post__arrows button { width:34px; height:34px; border:0; color:var(--farabak-post-red); box-shadow:0 2px 12px rgba(0,0,0,.06); pointer-events:auto; }
.farabak-categories-title { margin:0 0 10px; padding-bottom:6px; border-bottom:2px solid var(--farabak-post-red); color:#1e293b; font-size:18px; font-weight:700; }
.farabak-categories-list { list-style:none; margin:0; padding:0; }
.farabak-categories-list li { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:6px 0; font-size:14px; }
.farabak-categories-link { position:relative; padding-bottom:2px; overflow-wrap:anywhere; transition:color .3s cubic-bezier(.36,1.5,.5,1); }
.farabak-categories-link::after { content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--farabak-post-red); transition:width .3s cubic-bezier(.36,1.5,.5,1); }
.farabak-categories-link:hover,.farabak-categories-link:focus-visible { color:var(--farabak-post-red); }
.farabak-categories-link:hover::after,.farabak-categories-link:focus-visible::after { width:100%; }
.farabak-toc { padding:28px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.farabak-toc-title { display:flex; align-items:center; gap:12px; margin:0 0 24px; color:#111827; font-size:20px; font-weight:700; line-height:1.4; }
.farabak-toc-title-icon { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#f3f4f6; }
.farabak-toc-title-icon svg { width:18px; height:18px; fill:none; stroke:var(--farabak-post-red); stroke-width:2; stroke-linecap:round; }
.farabak-toc-list { list-style:none; padding:0; margin:0; }
.farabak-toc-item { position:relative; padding-left:36px; }
.farabak-toc-item::before { content:""; position:absolute; left:0; top:19px; width:18px; height:18px; border:2px solid #e5e7eb; border-radius:50%; background:#fff; z-index:1; }
.farabak-toc-item:not(:last-child)::after { content:""; position:absolute; top:37px; bottom:-19px; left:8px; width:1px; background:#e5e7eb; }
.farabak-toc-link { display:block; padding:14px 10px; border-radius:8px; color:#111827; font-size:14px; line-height:1.7; overflow-wrap:anywhere; transition:background-color .2s ease,color .2s ease; }
.farabak-toc-link:hover { background:#fef2f2; }
.farabak-toc-item.active::before { border-color:var(--farabak-post-red); background:var(--farabak-post-red); }
.farabak-toc-item.active .farabak-toc-link { background:#fef2f2; color:var(--farabak-post-red); font-weight:600; }
.farabak-news-wrapper { position:sticky; top:100px; max-height:calc(100vh - 124px); overflow-y:auto; scrollbar-width:thin; }
.farabak-news-header { display:flex; gap:10px; align-items:center; margin:0 0 28px; color:#1f2937; font-size:18px; font-weight:700; }
.farabak-news-header span { display:flex; align-items:center; gap:6px; flex:1; }
.farabak-news-header span::before,.farabak-post-related__header h2 span { content:""; flex-shrink:0; width:8px; height:8px; border-radius:50%; background:var(--farabak-post-red); }
.farabak-news-header span::after { content:""; height:1px; flex:1; background:#d1d5db; }
.farabak-news-item { display:flex; align-items:flex-start; gap:14px; padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid #e5e7eb; }
.farabak-news-item:last-child { margin-bottom:0; border-bottom:0; padding-bottom:0; }
.farabak-news-thumb { position:relative; flex-shrink:0; width:80px; height:80px; }
.farabak-news-thumb img,.farabak-news-thumb .farabak-post__empty-image { display:block; width:80px; height:80px; border-radius:50%; object-fit:cover; }
.farabak-news-rank { position:absolute; top:0; right:0; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--farabak-post-red); color:#fff; font-size:11px; font-weight:700; }
.farabak-news-content { flex:1; min-width:0; overflow-wrap:anywhere; line-height:1.5; }
.farabak-news-category { font-size:12px; }
.farabak-news-content h4 { margin:4px 0 6px; font-size:15px; font-weight:700; }
.farabak-news-content time { font-size:12px; color:#777; }
.farabak-post__empty-image { display:block; width:100%; height:100%; background:linear-gradient(135deg,#f3f4f6,#e5e7eb); }
.farabak-post-related { margin-top:64px; }
.farabak-post-related__header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-bottom:32px; }
.farabak-post-related__header h2 { display:flex; align-items:center; gap:12px; margin:0; color:#1f2937; font-size:30px; font-weight:700; }
.farabak-post-related__track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 2px 14px; }
.farabak-post-related__card { flex:0 0 calc((100% - 48px)/3); min-width:0; scroll-snap-align:start; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.06); }
.farabak-post-related__image { display:block; height:220px; }
.farabak-post-related__image img { width:100%; height:100%; object-fit:cover; }
.farabak-post-related__copy { padding:24px 16px; overflow-wrap:anywhere; }
.farabak-post-related__category { color:#6b7280!important; font-size:13px; }
.farabak-post-related__copy h3 { margin:8px 0 16px; color:#1f2937; font-size:18px; font-weight:600; line-height:1.4; }
.farabak-post-related__copy time { color:#6b7280; font-size:12px; }
@media(max-width:1100px) { .farabak-post__layout { grid-template-columns:minmax(0,1fr) 280px; gap:40px; } .farabak-post-related__card { flex-basis:calc((100% - 24px)/2); } .farabak-post-products__header { gap:12px; padding-inline:18px; } .farabak-post-products__header img { width:80px; height:80px; } }
@media(max-width:900px) { .farabak-post { width:calc(100% - 32px); margin:28px auto 56px; } .farabak-post__layout { grid-template-columns:minmax(0,1fr); gap:48px; } .farabak-post__sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding-top:0; align-items:start; } .farabak-news-wrapper { position:static; max-height:none; overflow:visible; } .farabak-author-card { padding:24px; } }
@media(max-width:600px) { .farabak-post__header h1 { font-size:28px; } .farabak-post__meta { gap:8px 16px; margin-bottom:24px; } .farabak-post-share__button,.farabak-post-share__email { padding-inline:10px; font-size:12px; } .farabak-post-share__network { width:36px; } .farabak-post__sidebar { grid-template-columns:minmax(0,1fr); gap:40px; } .farabak-author-card { flex-direction:column; gap:16px; padding:24px; } .farabak-post-comments #respond { padding:24px 20px; } .farabak-post-comments #reply-title { font-size:26px; } .farabak-post-comments .comment-form { grid-template-columns:minmax(0,1fr); } .farabak-post-related__card { flex-basis:90%; } .farabak-post-related__header h2 { font-size:24px; } .farabak-post-related__image { height:200px; } .farabak-post__author,.farabak-post-comments,.farabak-post-related { margin-top:48px; } }
@media(prefers-reduced-motion:reduce) { .farabak-post *, .farabak-post *::before,.farabak-post *::after { transition:none!important; animation:none!important; } }
