.byno-blog-archive{direction:rtl;margin:20px auto 48px;max-width:var(--byno-var-container-width);padding:0 20px}.byno-blog-archive__breadcrumb{align-items:center;background:var(--byno-var-color-light-dark-bg);border-radius:18px;box-shadow:0 16px 35px -30px var(--byno-var-color-light-dark-shadow);color:var(--byno-var-color-light-dark-opacity-text);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin:10px 0 12px;padding:10px 14px}.byno-blog-archive__breadcrumb>span{opacity:.6}.byno-blog-archive__breadcrumb a{color:var(--byno-var-color-light-dark-opacity-text)}.byno-blog-archive__breadcrumb a:hover{color:var(--byno-var-main-color)}.byno-blog-archive__header{margin-bottom:14px}.byno-blog-archive__header-card{background:var(--byno-var-color-light-dark-bg);border-radius:18px;box-shadow:0 5px 25px -14px var(--byno-var-color-light-dark-shadow);padding:14px}.byno-blog-archive__title{color:var(--byno-var-color-light-dark-text);font-size:20px;line-height:1.4;margin:0;padding-bottom:10px;position:relative}.byno-blog-archive__title::after{background:var(--byno-var-main-color);border-radius:999px;content:"";height:3px;position:absolute;right:0;bottom:0;width:58px}.byno-blog-archive__description{color:var(--byno-var-color-light-dark-opacity-text);line-height:2;margin-top:10px}.byno-blog-archive__head-meta{color:var(--byno-var-color-light-dark-opacity-text);display:flex;flex-wrap:wrap;font-size:.83rem;gap:8px;margin-top:10px}.byno-blog-archive__head-meta span{background:rgba(var(--byno-var-main-color-rgb),.07);border-radius:999px;color:var(--byno-var-main-color);display:inline-flex;padding:5px 10px}.byno-blog-archive__featured{display:grid;grid-auto-rows:minmax(110px,1fr);gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-bottom:26px}.byno-blog-archive__featured,.byno-blog-archive__grid,.byno-blog-sidebar__popular-list{contain:layout}.byno-blog-archive__featured-main{border-radius:28px;grid-column:1;grid-row:1 / span 3;min-height:370px;overflow:hidden;position:relative}.byno-blog-archive__featured-main img,.byno-blog-archive__featured-main-placeholder{height:100%;object-fit:cover;width:100%}.byno-blog-archive__featured-main-placeholder{background:linear-gradient(130deg,#d8e6f3,#edf4fa);display:block}.byno-blog-archive__featured-overlay{align-items:flex-end;background:linear-gradient(180deg,#fff0 0%,rgb(9 18 31 / .72) 100%);display:flex;inset:0;padding:26px;position:absolute}.byno-blog-archive__featured-overlay h2{color:#fff;font-size:1.35rem;font-weight:600;line-height:1.9}.byno-blog-archive__featured-item{align-items:center;background:var(--byno-var-color-light-dark-bg);border:1px solid var(--byno-var-color-light-dark-border);border-radius:20px;box-shadow:0 12px 30px -22px var(--byno-var-color-light-dark-shadow);display:grid;gap:14px;grid-column:2;grid-template-columns:160px minmax(0,1fr);min-height:113px;padding:10px;transition:transform 0.25s ease,box-shadow 0.25s ease}.byno-blog-archive__featured-item:hover{box-shadow:0 18px 34px -26px var(--byno-var-color-light-dark-shadow);transform:translateY(-1px)}.byno-blog-archive__featured-item:focus-within{border-color:var(--byno-var-main-color);box-shadow:0 18px 34px -26px rgba(var(--byno-var-main-color-rgb),.55)}.byno-blog-archive__featured-thumb{display:block;height:100%}.byno-blog-archive__featured-thumb img,.byno-blog-archive__featured-thumb-placeholder{border-radius:14px;display:block;height:100%;max-height:110px;object-fit:cover;width:100%}.byno-blog-archive__featured-thumb-placeholder{background:linear-gradient(130deg,#d8e6f3,#edf4fa)}.byno-blog-archive__featured-content{display:flex;flex-direction:column;gap:8px}.byno-blog-archive__badge{background:#e9f4fd;border-radius:999px;color:var(--byno-var-main-color);display:inline-flex;font-size:.72rem;font-weight:600;padding:4px 10px;width:fit-content}.byno-blog-archive__featured-content h3{color:var(--byno-var-color-light-dark-text);font-size:1rem;font-weight:600;line-height:1.9}.byno-blog-archive__featured-content p{color:var(--byno-var-color-light-dark-opacity-text);font-size:.85rem;line-height:1.7}.byno-blog-archive__featured-content p,.byno-blog-archive__featured-content h3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.byno-blog-archive__featured-content h3{-webkit-line-clamp:2}.byno-blog-archive__featured-content p{-webkit-line-clamp:1}.byno-blog-archive__cats{display:grid;gap:10px;grid-auto-columns:max-content;grid-auto-flow:column;margin-bottom:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.byno-blog-archive__cats a{background:var(--byno-var-color-light-dark-bg);border:1px solid var(--byno-var-color-light-dark-border);border-radius:15px;color:var(--byno-var-color-light-dark-text);font-size:12px;font-weight:600;padding:5px 15px;white-space:nowrap;scroll-snap-align:start;transition:all 0.2s ease}.byno-blog-archive__cats a.is-active,.byno-blog-archive__cats a:hover{background:var(--byno-var-main-color);border-color:var(--byno-var-main-color);color:#fff}.byno-blog-archive__listing-title{color:var(--byno-var-color-light-dark-text);font-size:1.28rem;font-weight:600;line-height:1.9;margin:0 0 18px;position:relative;padding-inline-start:14px}.byno-blog-archive__listing-title::before{content:"";position:absolute;inset-inline-start:0;top:7px;width:4px;height:calc(100% - 14px);border-radius:999px;background:var(--byno-var-main-color)}.byno-blog-archive__columns{display:grid;align-items:start;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,294px)}.byno-blog-archive__columns.byno-blog-archive__columns--no-sidebar{grid-template-columns:minmax(0,1fr)}.byno-blog-archive__main{min-width:0}.byno-blog-archive__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.byno-blog-card{background:#fff;border:1px solid #e7ecf3;border-radius:14px;box-shadow:0 14px 28px -24px rgb(22 34 56 / .42);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform 0.25s ease,box-shadow 0.25s ease}.byno-blog-card:focus-within{border-color:#cfe4ff;box-shadow:0 16px 36px -22px rgb(22 34 56 / .32)}.byno-blog-card:hover{box-shadow:0 14px 38px -20px rgb(22 34 56 / .43);transform:translateY(-1px)}.byno-blog-card__link{color:inherit;display:flex;flex:1;flex-direction:column;height:100%;text-decoration:none}.byno-blog-card__link:focus-visible{outline:none}.byno-blog-card__thumb{display:block;margin:0;padding:10px 10px 0}.byno-blog-card__thumb img,.byno-blog-card__thumb-placeholder{border-radius:10px;display:block;height:208px;object-fit:cover;width:100%}.byno-blog-card__thumb-placeholder{background:linear-gradient(130deg,#dfe9f2,#f3f7fb)}.byno-blog-card__body{display:grid;flex:1;gap:9px;padding:8px 12px 12px}.byno-blog-card--no-thumb .byno-blog-card__body{padding-top:14px}.byno-blog-card__body h2,.byno-blog-card__body h2 a{color:var(--byno-var-color-light-dark-text,#172033)!important;font-size:16px;font-weight:600;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;overflow:hidden;text-decoration:none}.byno-blog-card:hover .byno-blog-card__body h2,.byno-blog-card:hover .byno-blog-card__body h2 a,.byno-blog-card__link:focus-visible .byno-blog-card__body h2,.byno-blog-card__link:focus-visible .byno-blog-card__body h2 a{color:var(--byno-var-main-color)}.byno-blog-card__cats{display:flex;flex-wrap:wrap;gap:6px}.byno-blog-card__cats a,.byno-blog-card__cats span{align-items:center;background:#edf5ff;border:1px solid #d9e8fc;border-radius:999px;color:var(--byno-var-main-color);display:inline-flex;font-size:11px;font-weight:700;line-height:1;padding:5px 9px;text-decoration:none}.byno-blog-card__excerpt{color:var(--byno-var-color-light-dark-opacity-text,#7d8698);font-size:13px;line-height:1.9;min-height:3.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.byno-blog-card__meta{color:var(--byno-var-color-light-dark-opacity-text,#8f98a8);display:flex;flex-wrap:wrap;font-size:12px;font-weight:500;gap:6px;margin-top:auto}.byno-blog-card__meta span{position:relative}.byno-blog-card__meta span+span{padding-inline-start:10px}.byno-blog-card__meta span+span::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:999px;background:var(--byno-var-color-light-dark-opacity-text);opacity:.55}.byno-blog-archive__sidebar{align-self:start;position:sticky;top:190px}.byno-blog-sidebar__search{align-items:center;background:var(--byno-var-color-light-dark-bg);border:1px solid var(--byno-var-color-light-dark-border);border-radius:14px;box-shadow:0 5px 25px -14px var(--byno-var-color-light-dark-shadow);display:flex;gap:8px;margin-bottom:18px;padding:8px}.byno-blog-sidebar__search input{background:#fff0;color:var(--byno-var-color-light-dark-text);flex:1;font-size:.9rem;padding:8px 10px}.byno-blog-sidebar__search button{background:var(--byno-var-main-color);border-radius:12px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 12px;transition:opacity 0.2s ease,transform 0.2s ease}.byno-blog-sidebar__search button:hover{opacity:.92;transform:translateY(-1px)}.byno-blog-sidebar__popular{background:var(--byno-var-color-light-dark-bg);border:1px solid var(--byno-var-color-light-dark-border);border-radius:18px;box-shadow:0 5px 25px -14px var(--byno-var-color-light-dark-shadow);padding:14px}.byno-blog-sidebar__popular h3{color:var(--byno-var-color-light-dark-text);font-size:18px;font-weight:800;line-height:1.5;margin:0 0 12px;padding:4px}.byno-blog-sidebar__popular-list{display:flex;flex-direction:column;gap:12px}.byno-blog-sidebar__popular-item{align-items:center;display:flex;border-radius:12px}.byno-blog-sidebar__popular-item:hover{background:rgba(var(--byno-var-main-color-rgb),.05)}.byno-blog-sidebar__popular-thumb img,.byno-blog-sidebar__popular-placeholder{border-radius:12px;display:block;height:68px;object-fit:cover;width:68px}.byno-blog-sidebar__popular-placeholder{background:linear-gradient(130deg,#dfe9f2,#f3f7fb)}.byno-blog-sidebar__popular-content{display:flex;flex-direction:column;gap:4px}.byno-blog-sidebar__popular-title{color:var(--byno-var-color-light-dark-text);font-size:.88rem;line-height:1.85;transition:color 0.2s ease}.byno-blog-sidebar__popular-item:hover .byno-blog-sidebar__popular-title{color:var(--byno-var-main-color)}.byno-blog-sidebar__popular-time{color:var(--byno-var-color-light-dark-opacity-text);font-size:.75rem}.byno-blog-sidebar__empty,.byno-blog-archive__empty{color:var(--byno-var-color-light-dark-opacity-text);font-size:.92rem}.byno-blog-archive__pagination{margin-top:26px;text-align:center}.byno-blog-archive__pagination .page-numbers{background:var(--byno-var-color-light-dark-bg);border:1px solid var(--byno-var-color-light-dark-border);border-radius:10px;display:inline-flex;font-size:.88rem;margin:0 3px;min-width:38px;padding:7px 10px;place-content:center;transition:all 0.2s ease}.byno-blog-archive__pagination .page-numbers:hover{border-color:var(--byno-var-main-color);color:var(--byno-var-main-color)}.byno-blog-archive__pagination .page-numbers.current{background:var(--byno-var-main-color);border-color:var(--byno-var-main-color);color:#fff}.byno-blog-archive a:focus-visible,.byno-blog-archive button:focus-visible,.byno-blog-archive input:focus-visible{outline:none;outline-offset:2px}@media only screen and (max-width:1200px){.byno-blog-archive__columns{grid-template-columns:minmax(0,1fr)}.byno-blog-archive__sidebar{position:static}}@media only screen and (max-width:980px){.byno-blog-archive__featured{grid-auto-rows:auto;grid-template-columns:minmax(0,1fr)}.byno-blog-archive__featured-main{grid-column:auto;grid-row:auto;min-height:300px}.byno-blog-archive__featured-item{border-radius:18px;grid-column:auto;grid-template-columns:130px minmax(0,1fr);min-height:98px;padding:8px}.byno-blog-archive__grid{grid-template-columns:minmax(0,1fr)}}@media only screen and (max-width:640px){.byno-blog-archive{margin:14px auto 36px;padding:0}.byno-blog-archive__title{font-size:18px}.byno-blog-archive__listing-title{font-size:1.08rem;margin-bottom:12px}.byno-blog-card{border-radius:20px}.byno-blog-card__thumb img,.byno-blog-card__thumb-placeholder{height:190px}.byno-blog-archive__featured-main{border-radius:20px;min-height:250px}.byno-blog-archive__featured-overlay{padding:16px}.byno-blog-archive__featured-item{border-radius:16px;grid-template-columns:108px minmax(0,1fr)}}