.primary-section{width:100%;aspect-ratio:16/9;min-height:600px;position:relative;background-image:url(/build/assets/phone-cases-Cl5Grrt5.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.primary-section .content{z-index:1;position:absolute;left:100px;top:50%;transform:translateY(-50%);color:#fff}.primary-section .content h1{font-size:3rem;font-weight:700;margin-bottom:20px}.primary-section .content .actions{display:flex;gap:16px;margin-top:10px;align-items:center}.primary-section .content .btn-primary{background-color:#fff;color:#003657;padding:12px 28px;border:none}.primary-section .content .btn-primary:hover{color:#fff;background-color:#003657}.primary-section .content .btn-outline{background-color:transparent;border:3px solid #fff;color:#fff;text-transform:uppercase;padding:9px 28px}.primary-section .content .btn-outline:hover{color:#003657;background-color:#fff}.info-section{max-width:1230px;width:100%;margin:70px auto;padding:0 30px}.info-section .btn-primary{margin-top:20px}.info-section .categories{width:100%;margin-top:20px}.info-section .categories .list{display:grid;grid-template-columns:33.33% 33.33% 33.33%;list-style:none;margin:24px 0 0;padding:0;width:100%}.info-section .categories .list .category{background-color:inherit;height:3.9411764706rem;line-height:67px;margin:0;max-height:3.9411764706rem;min-width:290px;outline:0;text-align:center}.info-section .categories .list .category .category-link{color:#1d1d1f;margin:0 auto;text-decoration:none;width:100%}.info-section .categories .list .category .category-link .category-icon{height:56px;margin-bottom:0;margin-top:0;margin-inline:35px 40px;vertical-align:middle;width:56px}.info-section .categories .list .category .category-link .category-name{display:inline-block;margin:0;max-height:67px;min-width:165px;overflow:visible;text-align:start;text-decoration:inherit;vertical-align:middle;width:60%}@media screen and (max-width: 1075px){.info-section .categories .list{grid-template-columns:50% 50%}}@media screen and (max-width: 736px){.info-section .categories .list{grid-template-columns:100%}.info-section .categories .list .category .category-link .category-name{width:fit-content}}@media screen and (max-width: 450px){.info-section .categories .list .category{min-width:auto}.info-section .categories .list .category .category-link .category-icon{margin-inline:0px 30px}.info-section .categories .list .category .category-link .category-name{width:60%}}@media screen and (max-width: 376px){.info-section .categories .list .category{min-width:auto}.info-section .categories .list .category .category-link .category-icon{margin-inline:0px 20px}.info-section .categories .list .category .category-link .category-name{width:70%}}@media screen and (max-width: 895px){.primary-section .content{left:50px}.primary-section .content h1{font-size:2.5rem;margin-right:50px}}@media screen and (max-width: 661px){.info-section{margin-top:50px;margin-bottom:60px}.info-section h3{font-size:15px}.info-section h2{font-size:24px}.info-section p{font-size:17px}}@media screen and (max-width: 695px){.primary-section .content{left:50px}.primary-section .content h1{font-size:2.2rem;margin-right:50px}}@media screen and (max-width: 524px){.primary-section .content{left:30px}.primary-section .content h1{font-size:2rem;margin-right:30px}.primary-section .content .actions{flex-direction:column;align-items:start}.primary-section .content .actions .btn-primary,.primary-section .content .actions .btn-outline{width:230px;display:flex;justify-content:center}}