@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif;text-decoration:none;list-style:none}:root{--layout-width: 1220px;--layout-gutter: 24px}main{min-height:100vh;width:min(var(--layout-width),calc(100% - (var(--layout-gutter) * 2)));margin:0 auto;padding:10px 0 20px}a{text-decoration:none;color:#000}.cartCard{display:flex;justify-content:space-between;align-items:center;box-shadow:#00000029 0 1px 4px;border-radius:5px;margin:30px 10px;padding:10px}.cartCard img{width:150px;height:100px;margin-right:10px}.cartCard .productName{width:350px;margin-right:10px}.cartCard .productPrice{width:100px;margin-right:10px}.cartCard button{border:0px;background-color:#ac0d14;color:#fff;border-radius:5px;padding:5px 10px;cursor:pointer}.cartCard button:hover{background-color:#8e090f}@media screen and (max-width:680px){.cartCard img{display:none}}header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:260px 1fr 120px;height:70px;align-items:center;width:min(var(--layout-width),calc(100% - (var(--layout-gutter) * 2)));margin:0 auto;border-bottom:1px solid #d4dceb;font-size:18px;padding:0;background-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{display:flex;align-items:center;gap:8px;min-width:0}.logo span{white-space:nowrap}.logo img{width:40px;height:40px;display:block;flex-shrink:0}.navigation .link{padding:10px}.navigation{justify-self:center;width:200px;display:flex;justify-content:center;gap:4px}.navigation .link.active{background-color:#eee;border-radius:5px}.items{justify-self:end;width:120px;text-align:right;font-weight:500;white-space:nowrap}@media screen and (max-width:680px){header{grid-template-columns:1fr auto}.navigation{display:none}}.productCard{width:350px;box-shadow:#00000029 0 1px 4px;border-radius:5px;margin:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.productCard img{max-width:100%;height:250px;margin:10px 0}.productCard .name{margin:10px 0}.productCard p{font-size:18px;font-weight:500}.productCard .action{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.productCard button{border:0px;border-radius:5px;font-size:16px;color:#fff;background-color:#1c59ae;padding:7px 10px;cursor:pointer;max-width:150px}.productCard button:hover{background-color:#103f80}.productCard .remove{background-color:#ac0d14}.productCard .remove:hover{background-color:#8e090f}.heroCard{margin:26px 0 18px;padding:24px;border-radius:16px;border:1px solid #e8e8e8;background:linear-gradient(130deg,#f8fbff,#f9f4ff)}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#1c59ae;font-weight:700;margin-bottom:8px}.heroCard h1{font-size:clamp(26px,4vw,38px);margin-bottom:8px}.heroText{color:#404040;line-height:1.6}.learnPanel{margin:12px 0 8px;padding:18px;border-radius:12px;border-left:4px solid #1c59ae;background-color:#fff;box-shadow:#00000014 0 2px 8px}.learnPanel h2{margin-bottom:8px}.learnPanel p{color:#333;line-height:1.6}.products{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;margin:24px 0;padding:0}.cart{margin:22px 0}.cart h2{text-align:center;font-size:clamp(28px,5vw,46px);margin-bottom:20px}.cartPage .heroCard{text-align:center;margin-top:30px;border-color:#cfdcff;background:#f5f8ff}.cartPage .eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;background:#dbe5f7;color:#33415e;margin-bottom:14px}.cartPage .heroCard h1{font-size:clamp(30px,4vw,46px);margin-bottom:12px;color:#0f1a35}.cartPage .heroText{font-size:clamp(15px,1.35vw,18px);color:#33415e;max-width:980px;margin:0 auto}.emptyState{margin:18px 0;padding:26px;border-radius:14px;border:1px dashed #c9d8f1;background:#f6f9ff;text-align:center}.emptyState h3{font-size:28px;margin-bottom:8px}.emptyState p{color:#4a4a4a;line-height:1.6}.cartPage .emptyState{margin-top:32px;padding:34px 24px 30px;border:2px dashed #b8ccff;background:#f8fbff}.cartPage .emptyState h3{font-size:clamp(26px,3.2vw,36px);color:#0f1a35}.cartPage .emptyState p{font-size:clamp(15px,1.2vw,17px);max-width:980px;margin:0 auto}.emptyCta{display:inline-block;margin-top:20px;border:0;border-radius:14px;background:#1c59ae;color:#fff;font-size:15px;font-weight:600;padding:14px 28px}.emptyCta:hover{background:#133f7d}@media(max-width:680px){.heroCard{padding:18px;margin:18px 0 12px}.cartPage .heroCard h1{font-size:clamp(28px,8vw,36px)}.cartPage .heroText{font-size:15px}.cartPage .emptyState h3{font-size:clamp(24px,6.5vw,30px)}.cartPage .emptyState p{font-size:15px}.learnPanel{margin:8px 0}}
