.login-category{padding:45px 0}.login-category .page-width{max-width:100%;margin:auto;padding:0 20px}.login-category-heading{text-align:justify;margin-bottom:24px}.login-category-heading span{display:flex;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#777;align-items:center;gap:9px}.login-category-heading span:before{content:"";width:20px;height:2px;background:red;border-radius:20px}.login-category-heading h2{font-size:40px;font-weight:700;color:#2e2e2e;line-height:1.2;margin:0}.login-category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"card1 card1 card2 card3" "card4 card5 card6 card7";gap:8px}.category-card:nth-child(1){grid-area:card1}.category-card:nth-child(2){grid-area:card2}.category-card:nth-child(3){grid-area:card3}.category-card:nth-child(4){grid-area:card4}.category-card:nth-child(5){grid-area:card5}.category-card:nth-child(6){grid-area:card6}.category-card:nth-child(7){grid-area:card7}.category-card:first-child{min-height:212px}.category-card:not(:first-child){min-height:212px}.category-card{position:relative;display:flex;align-items:center;min-height:260px;padding:28px;background:#fff;border:1px solid #ECECEC;border-radius:22px;overflow:hidden;text-decoration:none;transition:.35s ease;height:20px}.category-card.large{grid-column:span 2;min-height:260px}.category-card-image{width:154px;flex:0 0 150px;display:flex;justify-content:center;align-items:center}.category-card.large .category-card-image{width:220px;flex:0 0 220px}.category-card-image img{width:100%;display:block;object-fit:contain}.category-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-left:15px}.category-products{position:absolute;top:24px;right:24px;font-size:14px;font-weight:500;color:#8d8d8d}.category-card-content small{display:block;font-size:14px;font-weight:500;color:#8d8d8d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.category-card-content h3{font-size:14px;font-weight:700;line-height:1.2;color:#4a4a4a;margin:0}.category-arrow{position:absolute;right:24px;bottom:24px;width:40px;height:40px;border-radius:50%;background:#ececec;display:flex;align-items:center;justify-content:center;font-size:22px;color:#555;transition:.35s ease}.category-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.category-card:hover .category-arrow{background:#111;color:#fff}.category-card{background:#fff;transition:all .45s ease}.category-card:hover{background:#b8b8b8;border-color:#b8b8b8}.category-card-image img{transition:transform .45s ease}.category-card:hover .category-card-image img{transform:scale(1.08)}.category-card-content small,.category-card-content h3,.category-products{transition:.35s ease}.category-card:hover .category-card-content small,.category-card:hover .category-card-content h3,.category-card:hover .category-products{color:#fff}.category-arrow{transition:all .35s ease}.category-card:hover .category-arrow{background:#fff;color:#111;transform:rotate(-45deg)}.category-card.large{grid-row:span 2}.category-card.large .category-card-image{width:250px;flex:0 0 250px}.category-card.large .category-card-content h3{font-size:40px}@media(max-width:1200px){.login-category-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"card1 card1" "card2 card3" "card4 card5" "card6 card7"}.category-card.large{grid-column:1/-1}}@media(max-width:768px){.login-category{padding:60px 0}.login-category-grid{grid-template-columns:1fr;grid-template-areas:"card1" "card2" "card3" "card4" "card5" "card6" "card7"}.category-card,.category-card.large{min-height:220px}.category-card{padding:20px}.category-card.large{grid-column:auto}.category-card-image{width:100px;flex:0 0 100px}.category-card.large .category-card-image{width:130px;flex:0 0 130px}.category-card-content{padding-left:18px}.category-card-content h3{font-size:24px}.category-products{top:16px;right:16px;font-size:12px}.category-arrow{width:42px;height:42px;right:16px;bottom:16px}}.view-all-card{background:#0f0f0f;border:none;color:#fff;justify-content:center;align-items:flex-start}.view-all-card .category-card-image,.view-all-card .category-products,.view-all-card small{display:none}.view-all-card .category-card-content{padding:0}.view-all-card h3{color:#fff;font-size:20px;line-height:1.15;font-weight:700}.view-all-card .category-arrow{background:#fff;color:#000}.view-all-card:hover{background:#191919}.view-all-card:hover .category-arrow{background:#ececec;transform:translate(6px)}@media(max-width:768px){.login-category-heading{margin-bottom:16px!important;text-align:left!important}.login-category-heading span{font-size:11px!important;letter-spacing:1.5px!important;gap:6px!important}.login-category-heading span:before{width:14px!important;height:2px!important}.login-category-heading h2{font-size:26px!important;line-height:1.25!important;margin-top:4px!important}.login-category{padding:30px 0!important;overflow:hidden!important}.login-category .page-width{padding:0 16px!important}.login-category-slider{overflow:visible!important;width:100%}.login-category-grid{display:flex!important;flex-wrap:nowrap!important;grid-template-areas:none!important;grid-template-columns:none!important;gap:0!important;width:100%!important;transition-property:transform;box-sizing:content-box}.category-card{flex-shrink:0!important;width:82%!important;min-height:125px!important;height:125px!important;padding:16px!important;margin-right:14px!important;display:flex!important;align-items:center!important;border-radius:16px!important;box-sizing:border-box!important}.category-card.large,.category-card:nth-child(n){grid-area:unset!important;grid-column:unset!important;grid-row:unset!important}.category-card-image,.category-card.large .category-card-image{width:75px!important;flex:0 0 75px!important}.category-card-content{padding-left:14px!important}.category-card-content small{font-size:11px!important;margin-bottom:2px!important}.category-card-content h3,.category-card.large .category-card-content h3{font-size:17px!important;font-weight:700!important}.category-products{top:14px!important;right:14px!important;font-size:11px!important}.category-arrow{width:28px!important;height:28px!important;font-size:14px!important;right:14px!important;bottom:14px!important}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/login-category-grid.css.map */