:root{--selective-lightyellow:hsl(57, 87%, 85%);--selective-yellow:hsl(57, 87%, 63%);--selective-purple:hsl(278 58% 38%);--eerie-black-1:hsl(0, 0%, 9%);--eerie-black-2:hsl(180, 3%, 7%);--quick-silver:hsl(0, 0%, 65%);--radical-red:hsl(351, 83%, 61%);--light-gray:hsl(0, 0%, 80%);--isabelline:hsl(36, 33%, 94%);--gray-x-11:hsl(0, 0%, 73%);--kappel_15:hsla(170, 75%, 41%, 0.15);--platinum:hsl(0, 0%, 90%);--gray-web:hsl(0, 0%, 50%);--black_80:hsla(0, 0%, 0%, 0.8);--white_50:hsla(0, 0%, 100%, 0.5);--black_50:hsla(0, 0%, 0%, 0.5);--black_30:hsla(0, 0%, 0%, 0.3);--kappel:hsl(170, 75%, 41%);--white:hsl(0, 0%, 100%);--gradient:linear-gradient(90deg, rgba(112, 41, 153, 1) 45%, rgba(243, 235, 79, 1) 100%);--ff-league_spartan:'League Spartan',sans-serif;--ff-poppins:'Poppins',sans-serif;--fs-1:4.2rem;--fs-2:3.2rem;--fs-3:2.3rem;--fs-4:1.8rem;--fs-5:1.5rem;--fs-6:1.4rem;--fs-7:1.3rem;--fw-500:500;--fw-600:600;--section-padding:75px;--shadow-1:0 6px 15px 0 hsla(0, 0%, 0%, 0.05);--shadow-2:0 10px 30px hsla(0, 0%, 0%, 0.06);--shadow-3:0 10px 50px 0 hsla(220, 53%, 22%, 0.1);--radius-pill:500px;--radius-circle:50%;--radius-3:3px;--radius-5:5px;--radius-10:10px;--transition-1:0.25s ease;--transition-2:0.5s ease;--cubic-in:cubic-bezier(0.51, 0.03, 0.64, 0.28);--cubic-out:cubic-bezier(0.33, 0.85, 0.4, 0.96)}*,::after,::before{margin:0;padding:0;scroll-behavior:smooth;scroll-padding:2rem;box-sizing:border-box;list-style:none;text-decoration:none}li{list-style:none}a,button,data,img,input,ion-icon,span{display:block}a{color:inherit;text-decoration:none}img{height:auto}button,input{background:0 0;border:none;font:inherit}input{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}address{font-style:normal}html{font-family:var(--ff-poppins);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:var(--gray-web);font-size:1.6rem;line-height:1.75}:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f9f9f9}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b2b2b2}.container{padding-inline:15px}section{padding:4rem 0 3rem}.containerr{max-width:100%;margin:auto}.h1,.h2,.h3{color:var(--eerie-black-1);font-family:var(--ff-league_spartan);line-height:1}.h1,.h2{font-size:var(--fw-600)}.h1{font-size:var(--fs-1)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3);font-weight:var(--fw-500)}.header .btn{display:none}.header{position:absolute;top:0;left:0;width:100%;background-color:var(--white);padding-block:12px;box-shadow:var(--shadow-1);z-index:4}.header.active{position:fixed}.header .container,.header-actions,.navbar .wrapper{display:flex;justify-content:space-between;align-items:center;gap:15px}.header-action-btn,.nav-close-btn{position:relative;color:var(--eerie-black-1);font-size:24px;transition:var(--transition-1)}.header-action-btn:is(:hover,:focus){color:var(--selective-purple)}.header-action-btn #cart-icon{position:absolute;top:-10px;right:-10px;background-color:var(--selective-purple);color:var(--white);font-family:var(--ff-league_spartan);font-size:var(--fs-6);min-width:20px;height:20px;border-radius:var(--radius-circle)}.navbar{position:fixed;top:0;left:-320px;background-color:var(--white);width:100%;max-width:320px;height:100%;z-index:2;transition:.25s var(--cubic-in)}.navbar.active{transform:translateX(320px);transition:.5s var(--cubic-out)}.navbar .wrapper{padding:15px 20px;border-block-end:1px solid var(--platinum)}.nav-close-btn{background-color:var(--selective-purple);color:var(--selective-yellow);box-shadow:var(--shadow-2);padding:8px;border-radius:var(--radius-circle)}.nav-close-btn:is(:hover,:focus){background-color:var(--selective-yellow);color:var(--selective-purple)}.navbar-list{padding:15px 20px}.navbar-item:not(:last-child){border-block-end:1px solid var(--platinum)}.navbar-link{padding-block:8px;font-weight:var(--fw-500);transition:var(--transition-1)}.navbar-link:is(:hover,:focus){color:var(--selective-purple)}.overlay{position:fixed;inset:0;background-color:var(--black_80);pointer-events:none;opacity:0;z-index:1;transition:var(--transition-1)}.overlay.active{opacity:1;pointer-events:all}#cart-icon{position:relative;font-size:24px;cursor:pointer;color:var(--eerie-black-1)}#cart-icon[data-quantity="0"]::after{content:""}#cart-icon[data-quantity]::after{content:attr(data-quantity);position:absolute;top:-10px;right:-10px;width:20px;font-family:var(--ff-league_spartan);height:20px;background:var(--selective-purple);border-radius:var(--radius-circle);color:var(--white);font-size:var(--fs-6);font-weight:500;display:flex;justify-content:center;align-items:center}.cart{position:fixed;top:0;height:100%;right:-100%;width:360px;min-height:100vh;padding:20px;background:var(--white);overflow-y:auto;box-shadow:-2px 0 4px hsl(0,4%,15% / 10%);transition:.3 cubic-bezier(.075, .82, .165, 1)}.cart.active{margin-top:8rem;right:0;transition:.3s cubic-bezier(.075, .82, .165, 1)}.cart-title{color:var(--selective-purple);text-align:center;font-size:1.5rem;font-weight:600;margin-top:2rem}.total{display:flex;justify-content:flex-end;margin-top:1.5rem;border-top:1px solid var(--selective-yellow)}.total-title{color:var(--eerie-black-1);font-size:1.6rem;font-weight:600;margin-top:1rem}.total-price{color:var(--eerie-black-1);font-size:1.6rem;margin:1rem 0 0 .7rem}.btn-buy{display:flex;justify-content:center;margin:1.5rem auto 0 auto;padding:12px 20px;width:50%;text-align:center;border:none;border-radius:2rem;background:#7dcf85;color:var(--white);font-size:1rem;font-style:italic;font-weight:500;cursor:pointer}#close-cart{position:absolute;top:1rem;right:.8rem;font-size:2rem;color:var(--radical-red);cursor:pointer}.cart-box{display:grid;grid-template-columns:32% 50% 18%;align-items:center;gap:1rem;margin-top:1rem}.cart-img{width:100px;height:100px;object-fit:contain;object-position:center;padding:10px}.detail-box{display:grid;row-gap:.5rem}.cart-product-title{color:var(--eerie-black-1);font-size:var(--fs-5);font-weight:500;text-transform:uppercase}.cart-price{color:var(--eerie-black-1);font-weight:500}.cart-quantity{border:1px solid var(--selective-purple);outline-color:var(--selective-yellow);width:2.8rem;text-align:center;font-size:1rem;border-radius:4px}.cart-remove{font-size:24px;color:var(--radical-red);cursor:pointer}.section-title{color:var(--text-color);width:100%;margin-top:2rem;text-align:center}.shop{color:var(--selective-purple);margin-top:5rem}.product-box,.shop-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,auto));justify-content:center;gap:1.5rem}.product-box,.product-title{margin-block:15px 8px;font-size:var(--fs-3);font-weight:var(--fw-500);color:var(--eerie-black-1);font-family:var(--ff-league_spartan)}.product-box{background-color:#fff;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2);border-radius:8px;padding:10px;width:350px;margin-top:2rem;text-align:center}.product-box:hover .price,.product-box:hover .product-title{color:#141414}.product-img{max-width:100%;max-height:100%}.price{color:var(--selective-purple);font-family:var(--ff-league_spartan);font-size:var(--fs-4);font-weight:var(--fw-600)}.add-cart{font-size:var(--fs-4);background-color:var(--selective-purple);color:var(--selective-yellow);border:none;padding:10px 20px;margin:10px;cursor:pointer;border-radius:3px;transition:all .25s ease}.add-cart:hover{background:#211d39}.sc-containerr{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.sc-containerr img{width:200px;margin:2rem 0}.sc-containerr h1{font-size:2.8rem;margin-bottom:10px}.sc-containerr p{max-width:600px;font-size:.97rem;text-align:center;margin:.5rem 0}.sc-btn{padding:12px 20px;border-radius:2rem;background:var(--text-color);color:var(--bg-color);font-size:1rem;font-weight:500}.footer{background-repeat:no-repeat;background-color:var(--eerie-black-2);color:var(--gray-x-11);font-size:var(--fs-5);margin-top:0}.footer-top{display:grid;gap:30px}.section{padding-block:var(--section-padding)}.footer-brand-text{margin-block:20px}.footer-brand .wrapper{display:flex;gap:5px}.footer-brand-text{margin-block:20px}.footer-brand .wrapper{display:flex;gap:5px}.footer-brand .wrapper .span{font-weight:var(--fw-500)}.footer-link{transition:var(--transition-1)}.footer-link:is(:hover,:focus){color:var(--selective-purple)}.footer-list-title{color:var(--white);font-family:var(--ff-league_spartan);font-size:var(--fs-3);font-weight:var(--fw-600);margin-block-end:10px}.footer-list .footer-link{padding-block:5px}.newsletter-form{margin-block:20px 35px}.newsletter-form .input-field{background-color:var(--white);padding:12px;border-radius:var(--radius-5);margin-block-end:20px}.newsletter-form .btn{min-width:100%;justify-content:center}.social-list{display:flex;gap:25px}.social-link{font-size:20px;color:var(--selective-purple)}.social-link:hover{color:var(--selective-yellow)}.footer-bottom{border-block-start:1px solid var(--eerie-black-1);padding-block:30px}.copyright{text-align:center}.copyright-link{color:var(--selective-purple);display:inline-block}.back-top-btn{position:fixed;bottom:40px;right:30px;background-color:var(--selective-purple);color:var(--selective-yellow);font-size:20px;padding:15px;border-radius:var(--radius-circle);z-index:3;opacity:0;pointer-events:none;transition:var(--transition-1)}.back-top-btn.active{transform:translateY(10px);opacity:1;pointer-events:all}@media (min-width:575px){.grid-list{grid-template-columns:1fr 1fr}:is(.course,.blog) .grid-list{grid-template-columns:1fr}.header .container{max-width:unset}.header-actions{gap:30px}.footer-brand,.footer-list:last-child{grid-column:1/3}.newsletter-form{display:flex;align-items:center;gap:10px}.newsletter-form .input-field{margin-block-end:0}.newsletter-form .btn{min-width:max-content}}@media (max-width:400px){.nav{padding:14px 0}section{margin:0 auto;width:90%}.containerr{margin:0 auto;width:90%}.shop{margin-top:2rem!important}}@media (max-width:360px){.shop{margin-top:1rem!important}.cart{width:100%}}@media (min-width:768px){:root{--fs-1:4.6rem;--fs-2:3.8rem}.container{max-width:720px}.btn{padding:15px 30px}:is(.grid-list){grid-template-columns:1fr 1fr}.header .container{padding-inline:30px}.header .btn{display:flex;padding:10px 30px;margin-inline:20px}.footer-brand,.footer-list:last-child{grid-column:auto}.newsletter-form .btn{padding-block:10px}}@media (min-width:992px){:root{--fs-1:5.5rem;--fs-2:4.5rem}.container{max-width:960px}.grid-list{grid-template-columns:repeat(4,1fr)}:is(.grid-list){grid-template-columns:repeat(3,1fr)}.container{grid-template-columns:1fr 1fr;align-items:center}.section-title{text-align:center}.btn{margin-inline:0}.footer .grid-list{grid-template-columns:1fr 0.6fr 0.6fr 1.2fr}}@media (min-width:1200px){:root{--fs-1:6.5rem;--section-padding:120px}.container{max-width:1185px}.header-action-btn:last-child,.navbar .wrapper,.overlay{display:none}.header.active{transform:translateY(-100%);animation:slideIn .5s ease forwards}@keyframes slideIn{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.navbar,.navbar.active{all:unset}.navbar-list{display:flex;gap:50px;padding:0}.navbar-item:not(:last-child){border-block-end:none}.navbar-link{color:var(--eerie-black-1);padding-block:20px}.header .btn{margin-inline-end:0}}