.showcase-categories{display:flex;flex-direction:column;gap:clamp(16px,2.857vw,40px)}.categories-header{display:flex;justify-content:space-between;align-items:center}.categories-title{font-size:clamp(20px,2.571vw,36px);line-height:1.2;margin:0}.categories-btn-row{display:flex;gap:12px}.categories-item.active .categories-title-row svg{transform:rotate(0)}.categories-title-row svg{transform:rotate(180deg)}.categories-item.active .subclasses-list{display:flex;gap:5px}.categories-btn{max-height:clamp(40px,3.429vw,48px);display:flex;align-items:center;gap:8px;font-size:clamp(14px,1.143vw,16px);font-weight:500;font-family:Roboto;line-height:1;color:#1d2129;white-space:nowrap;border-radius:8px;border:1px solid #1D2129;cursor:pointer;padding:12px clamp(12px,1.143vw,16px)}.categories-btn svg{width:clamp(16px,1.714vw,24px);height:clamp(16px,1.714vw,24px)}.categories-btn-1{display:none;background-color:transparent}.categories-btn-2{color:#fff;background-color:#1d2129}.categories-layout{display:flex;align-items:flex-start;gap:clamp(20px,3.571vw,50px)}.categories-list{min-width:clamp(150px,14.286vw,200px)}.categories-list-header{display:none}.categories-item,.categories-title-row,.subclasses-list{display:flex;justify-content:space-between;align-items:center}.subclasses-list{display:none}.categories-item{flex-direction:column;gap:10px}.categories-item:not(:last-child){border-bottom:1px solid #E5E6EB;padding-bottom:13px;margin-bottom:24px}.categories-title-row{width:100%;font-size:clamp(16px,1.429vw,20px);font-weight:700;color:#1d2129;cursor:pointer}.subclasses-list{width:100%;flex-direction:column;gap:0}.subclasses-title{width:100%;font-size:clamp(16px,1.286vw,18px);line-height:1.3;color:#4e5969;padding:clamp(10px,.786vw,11px) 0}.subclasses-title:hover,.subclasses-title.active{color:#000;font-weight:500;border-radius:8px;background-color:#f2f3f5;padding:clamp(10px,.786vw,11px) clamp(12px,1.071vw,15px)}.categories-content{width:100%;display:flex;flex-direction:column;gap:clamp(16px,2.286vw,32px)}.subclasses-item{border-radius:8px;background:#f2f3f5;padding:clamp(16px,2.286vw,32px)}.subclasses-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,1.714vw,24px)}.subclasses-item-title{font-size:clamp(18px,1.714vw,24px);font-weight:700;color:#1d2129}.subclasses-item-top svg{width:clamp(24px,2.286vw,32px);height:clamp(24px,2.286vw,32px)}.categories-img-container,.right-container{display:flex;gap:clamp(12px,1.714vw,24px)}.left-container,.right-container{height:clamp(210px,35.357vw,495px)}.left-container{width:59%}.right-container{width:39%;flex-direction:column}.categories-img-box{display:block;width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden}.categories-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.section-nav-header-top{top:0}@media screen and (max-width: 769px){.categories-header{flex-direction:column;align-items:center;gap:16px}.categories-title{font-size:clamp(20px,4.681vw,36px)}.categories-btn-row{width:100%}.categories-btn{width:50%;justify-content:center}.categories-btn-1{display:flex}.categories-btn-row.drift,.categories-list{width:100%;position:fixed;top:8.843vw;left:0;background-color:#fff}.categories-btn-row.drift{z-index:2;padding:16px}.categories-list{display:none;padding:24px 16px}.categories-list.active{display:block}.categories-list.active{height:100%;display:block;z-index:3;overflow-y:auto;padding-bottom:60px}.categories-list-header{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;color:#1d2129;border-bottom:1px solid #E5E6EB;padding-bottom:16px;margin-bottom:16px}.categories-item{gap:5px}.categories-item:not(:last-child){padding-bottom:13px;margin-bottom:16px}}@media screen and (max-width: 500px){.categories-btn-row.drift,.categories-list{top:calc(20px + 6vw)}.left-container,.right-container{width:50%}}.showcase-col-list{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(12px,1.714vw,24px);row-gap:clamp(16px,2.857vw,40px)}.showcase-col-item{line-height:1.2;border-radius:8px;background:#fff;box-shadow:0 0 1px #1414141f,0 4px 12px 2px #14141414;padding:16px}.col-item-info{position:relative;color:#1d2129}.col-item-img-box{position:relative;width:100%;height:170px;border-radius:8px;overflow:hidden;margin-bottom:clamp(10px,1.143vw,16px)}.col-item-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.col-item-title{font-size:clamp(18px,1.429vw,20px);font-weight:700;margin-bottom:8px}.col-item-author,.col-item-paragraph,.col-item-stats{font-size:clamp(14px,1.143vw,16px)}.col-item-paragraph{color:#4e5969;border-top:1px solid #E5E6EB;padding-top:clamp(12px,1.143vw,16px);margin-top:clamp(12px,1.143vw,16px)}.col-item-paragraph a{color:#4e5969;text-decoration:underline}.col-item-post-stats,.col-item-stats{display:flex;align-items:center;gap:20px}.col-item-post-stats{border-top:1px solid #E5E6EB;padding-top:clamp(12px,1.143vw,16px);margin-top:clamp(12px,1.143vw,16px)}.col-item-stats{gap:8px;cursor:pointer}.col-item-stats svg{width:clamp(16px,1.714vw,24px);height:clamp(16px,1.714vw,24px)}.col-item-like.active .like-icon path{fill:red;stroke:red}.showcase-col-pagination,.page-numbers{display:flex;justify-content:center;gap:8px}.showcase-col-pagination{margin-top:clamp(24px,2.857vw,40px)}.showcase-col-pagination button{display:flex;justify-content:center;align-items:center;width:clamp(28px,2.571vw,36px);height:clamp(28px,2.571vw,36px);font-size:14px;font-weight:500;border:none;background-color:transparent;cursor:pointer;border-radius:2px;padding:0}.page-arrow-btn[disabled]{cursor:not-allowed}.page-arrow-btn[disabled] svg path{fill:#c9cdd4}.page-btn{color:#4e5969}.page-btn.page-active{color:#1d2129;background-color:#e5e6eb}.mb-show{display:none}@media screen and (max-width: 1000px){.showcase-col-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 769px){.showcase-col-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 500px){.showcase-header{align-items:flex-start;flex-direction:column;gap:16px}.categories-btn{width:100%;justify-content:center}.showcase-col-list{grid-template-columns:repeat(1,1fr)}.mb-show{display:flex}.pc-show{display:none}}.categories-content .pagination-wrapper{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-showcase-home.css.map */