.nk-category-container{max-width:1100px;margin:0 auto;padding:0 20px;width:100%}@media screen and (min-width:768px){.nk-category-container{padding:0 40px}}.nk-category-hero{position:relative;padding:48px 20px 40px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-primary)}.nk-category-hero-overlay{display:none}.nk-category-hero-content{position:relative;z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:0 20px;text-align:center}.nk-category-hero-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.nk-category-hero-title{margin-bottom:12px;font-weight:500;color:var(--color-white);letter-spacing:.05em}.nk-category-hero-divider{width:48px;height:1px;background-color:#fff9;margin:0}.nk-category-hero-subtitle{color:var(--color-accent);letter-spacing:.15em;margin:0;text-transform:uppercase;font-weight:600}.nk-category-intro{padding:64px 0;background-color:#fff}@media screen and (min-width:768px){.nk-category-intro{padding:80px 0}}.nk-category-intro-content{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.nk-category-intro-title{margin:0 0 24px;font-weight:500;color:#292524;letter-spacing:.05em;line-height:1.6}.nk-category-intro-title p{margin:0}.nk-category-intro-title strong{font-weight:700}.nk-category-intro-description{color:#57534e;line-height:1.75;font-weight:300;text-align:justify}@media screen and (min-width:768px){.nk-category-intro-description{text-align:center}}.nk-category-intro-description p{margin:0}.nk-category-intro-description strong{font-weight:700}.nk-category-list-detail{width:100%}.nk-category-list-detail-item{padding:64px 0}.nk-category-list-detail-item:nth-child(odd){background-color:#f5f5f4}.nk-category-list-detail-item:nth-child(2n){background-color:#fff}@media screen and (min-width:768px){.nk-category-list-detail-item{padding:80px 0}}.nk-category-list-detail-wrapper{display:flex;flex-direction:column;gap:40px;align-items:center}@media screen and (min-width:768px){.nk-category-list-detail-wrapper{flex-direction:row;gap:48px;align-items:center}.nk-category-list-detail-item--even .nk-category-list-detail-wrapper{flex-direction:row-reverse}}.nk-category-list-detail-image-wrapper{width:100%}@media screen and (min-width:768px){.nk-category-list-detail-image-wrapper{width:50%;flex-shrink:0}}.nk-category-list-detail-image-link{display:block;text-decoration:none;color:inherit}.nk-category-list-detail-image-container{position:relative;aspect-ratio:4 / 3;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer}.nk-category-list-detail-image{width:100%;height:100%;object-fit:cover;transition:transform 1.5s ease-out}.nk-category-list-detail-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .5s ease;pointer-events:none}.nk-category-list-detail-image-container:hover .nk-category-list-detail-image{transform:scale(1.1)}.nk-category-list-detail-image-container:hover .nk-category-list-detail-image-overlay{background-color:#0003}.nk-category-list-detail-image-placeholder{width:100%;height:100%;background-color:#e7e5e4;display:flex;align-items:center;justify-content:center;color:#a8a29e}.nk-category-list-detail-content{width:100%;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:768px){.nk-category-list-detail-content{width:50%;padding:0 16px}}.nk-category-list-detail-subtitle{display:block;color:#78716c;font-style:italic;margin-bottom:12px}.nk-category-list-detail-title{margin:0 0 32px;font-weight:500;color:#292524;letter-spacing:.05em;position:relative;padding-bottom:16px}.nk-category-list-detail-title:after{content:"";position:absolute;bottom:0;left:0;width:48px;height:1px;background-color:#e7e5e4}.nk-category-list-detail-title-link{color:inherit;text-decoration:none;transition:color .3s ease}.nk-category-list-detail-title-link:hover{color:#57534e}.nk-category-list-detail-description{color:#57534e;line-height:1.75;font-weight:300;text-align:justify}.nk-category-list-detail-description p{margin:0}@media screen and (min-width:768px){.nk-category-list-detail-description{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/nk-category.css.map */
