.ccWorkspace{color:#16324f;background:#f7faff}.ccWorkspace .mmHeader{background:#fff;border-color:#e1eaf3;max-width:none;padding:22px max(24px,50vw - 580px)}.ccWorkspace .mmBrand>b,.ccWorkspace .mmBrand>svg{color:#1769c2}.ccWorkspace .mmHeader nav{color:#526c85;font-size:14px}.ccWorkspace .mmCartLink>span{background:#1769c2}.ccWorkspace .mmContent{max-width:1208px;padding:30px 24px 60px}.ccBack{color:#647b91;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:inline-flex}.ccWorkspace .mmContent h1{letter-spacing:-.8px;margin:0 0 18px;font-size:34px}.ccSteps{color:#8597a9;align-items:center;gap:28px;margin:0 0 30px;padding:0;font-size:14px;list-style:none;display:flex}.ccSteps li{align-items:center;gap:9px;display:flex}.ccSteps li>span{background:#eaf0f7;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.ccSteps li.current{color:#1769c2;font-weight:600}.ccSteps li.current>span{color:#fff;background:#1769c2}.ccSteps li.done>span{color:#1769c2;background:#e0f1ff}.ccSplit{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.ccLeft{gap:22px;min-width:0;display:grid}.ccWorkspace .mmCard{background:#fff;border:1px solid #e1eaf3;border-radius:18px;padding:24px;box-shadow:0 5px 22px #16324f03}.ccCardHead,.ccSummaryHead{border-bottom:1px solid #e8eff6;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:20px;display:flex}.ccCardHead{justify-content:space-between}.ccCardHead>div{align-items:center;gap:10px;display:flex}.ccCardHead svg,.ccSummaryHead>svg{color:#4382be;flex-shrink:0}.ccWorkspace .ccCardHead h2,.ccWorkspace .ccSummaryHead h2{letter-spacing:-.2px;margin:0;font-size:18px}.ccCardHead>span{color:#526c85;background:#edf5ff;border-radius:20px;padding:4px 10px;font-size:12px}.ccWorkspace .ccRow{grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:18px;padding:22px 0}.ccRow:last-child{border-bottom:0;padding-bottom:0}.ccWorkspace .ccRow img,.ccWorkspace .ccRow .mmCartImage{object-fit:contain;background:#f4f8fc;border:1px solid #edf2f8;border-radius:12px;width:96px;height:108px;padding:7px}.ccRow .mmCartImage{color:#a1b6ca;place-items:center;display:grid}.ccProductMeta{color:#8a9fb1;margin-bottom:3px;font-size:12px;display:block}.ccWorkspace .ccProduct h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:16px;line-height:1.7}.ccUnitPrice{color:#526c85;margin:0;font-size:14px}.ccUnitPrice span{color:#8a9fb1;font-size:12px}.ccInStock{color:#34856b;align-items:center;gap:5px;margin:5px 0;font-size:12px;display:flex}.ccInStock>span{background:#34856b;border-radius:50%;width:5px;height:5px}.ccStockWarning{color:#a65c22;margin:6px 0;font-size:12px}.ccWorkspace .ccQuantity{border:1px solid #dce7f2;border-radius:9px;gap:0;margin-top:10px;display:inline-flex;overflow:hidden}.ccQuantity button{color:#526c85;background:#f8fbff;border:0;border-radius:0;min-width:34px;min-height:34px;padding:7px}.ccQuantity>span{min-width:34px;font-size:13px}.ccQuantity button:hover:not(:disabled){background:#eaf4ff}.ccRowEnd{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:16px;max-width:155px;display:flex}.ccRowEnd>strong{overflow-wrap:anywhere;text-align:right;padding-top:17px;font-size:15px}.ccWorkspace .ccRemove{color:#8b9caf;background:0 0;border:0;gap:5px;min-height:32px;padding:5px 0;font-size:12px}.ccRemove:hover:not(:disabled){color:#b94444}.ccSummary{top:24px}.ccSummaryHead{margin-bottom:20px}.ccSummary dl{color:#647b91;align-items:flex-start;margin:15px 0;font-size:14px}.ccSummary dd{color:#35516d;text-align:right}.ccSummary .ccFee{font-size:13px;font-weight:400}.ccTotal{border-top:1px solid #e6eef6;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:20px;font-size:14px;font-weight:600;display:flex}.ccTotal>strong{color:#1769c2;letter-spacing:-.6px;text-align:right;overflow-wrap:anywhere;font-size:24px}.ccDeliveryNote{color:#8395a7;margin:12px 0 18px;font-size:12px;line-height:1.9}.ccSummaryPayment{color:#526c85;background:#f4f9ff;border-radius:10px;align-items:center;gap:9px;padding:12px;font-size:13px;display:flex}.ccWorkspace .mmPrimary{background:#1769c2;border-color:#1769c2}.ccWorkspace .mmPrimary:hover:not(:disabled){background:#105bad}.ccWorkspace .ccCheckoutButton{border-radius:11px;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:18px;padding:12px 14px;font-size:14px;display:flex}.ccEditCart{color:#6b8197;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.ccSummaryNote{color:#90a1b0;border-top:1px solid #e6eef6;align-items:flex-start;gap:8px;margin-top:20px;padding-top:18px;font-size:12px;line-height:1.8;display:flex}.ccSummaryNote svg{flex-shrink:0;margin-top:2px}.ccFormHint{color:#73889c;margin:12px 0 0;font-size:14px}.ccFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ccWide{grid-column:1/-1}.ccWorkspace .ccForm label{color:#35516d;gap:8px;font-size:13px}.ccForm input,.ccForm textarea{background:#fff;min-height:46px;font-weight:400;border-color:#dce7f2!important;font-size:14px!important}.ccForm textarea{min-height:120px}.ccPayment{color:#1769c2;background:#f2f8ff;border:1px solid #dceafb;border-radius:12px;align-items:flex-start;gap:13px;margin-top:4px;padding:18px;display:flex}.ccPayment>span{background:#e2effd;border-radius:10px;flex-shrink:0;place-items:center;padding:10px;display:grid}.ccPayment>div{flex:1}.ccPayment strong{color:#35516d;font-size:14px}.ccPayment p{color:#647b91;margin:4px 0 0;font-size:12px;line-height:1.9}.ccPayment>svg{flex-shrink:0;margin-top:8px}.ccSignIn{align-items:flex-start;gap:14px;margin-top:18px;display:flex}.ccSignIn strong{font-size:15px}.ccSignIn p{margin:4px 0 14px;font-size:13px}.ccSignIn>svg{color:#4382be;flex-shrink:0}.ccSignIn .mmButton{font-size:14px}.ccEmpty,.ccSuccess{text-align:center;max-width:760px;margin:auto;padding:50px 24px!important}.ccStateIcon{color:#1769c2;background:#eaf4ff;border-radius:24px;place-items:center;width:78px;height:78px;margin:0 auto 20px;display:grid}.ccEmpty h2,.ccSuccess h2{font-size:25px!important}.ccEmpty p,.ccSuccess p{color:#647b91;max-width:480px;margin:8px auto 24px;font-size:14px;line-height:1.9}.ccSuccess .ccStateIcon{color:#34856b;background:#eaf8f1}.ccLoading{color:#647b91;justify-content:center;align-items:center;gap:14px;min-height:160px;font-size:14px;display:flex}.ccError{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;font-size:14px;display:flex}.ccError button{background:#fff;flex-shrink:0;font-size:13px}.ccWorkspace .mmFooter{color:#8496a7;border-color:#e1eaf3;max-width:1160px;font-size:13px}.ccWorkspace .mmFooter>span{margin-right:auto}.ccWorkspace .mmHeader a:focus-visible,.ccWorkspace .mmContent :focus-visible{outline-offset:3px;outline:3px solid #8db8ec}.hpAddCart{color:#fff;cursor:pointer;background:#1769c2;border:1px solid #1769c2;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}.hpAddCart:disabled{color:#8597a9;cursor:not-allowed;background:#eaf0f6;border-color:#eaf0f6}.hpCartNotice{color:#1769c2;margin:10px 0;font-size:13px}.hpCartNotice a{text-decoration:underline}.hpCartIcon{position:relative}.hpCartCount{color:#fff;background:#1769c2;border-radius:20px;padding:3px 5px;font-size:10px;line-height:1;position:absolute;top:-8px;right:-8px}@media (max-width:1000px){.ccSplit{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.ccWorkspace .mmCard{padding:20px}.ccWorkspace .ccRow{grid-template-columns:76px minmax(0,1fr) auto;gap:13px}.ccWorkspace .ccRow img,.ccWorkspace .ccRow .mmCartImage{width:76px;height:90px}.ccRowEnd{max-width:120px}.ccRowEnd>strong{font-size:14px}.ccTotal>strong{font-size:21px}}@media (max-width:850px){.ccSplit{grid-template-columns:1fr}.ccSummary{position:static}.ccSummaryNote{margin-top:16px}.ccSummary .ccCheckoutButton{min-height:50px}.ccWorkspace .mmContent h1{font-size:30px}}@media (max-width:520px){.ccWorkspace .mmHeader{padding:18px 16px}.ccWorkspace .mmContent{padding:24px 14px 40px}.ccWorkspace .mmCard{border-radius:15px;padding:18px 16px}.ccWorkspace .mmContent h1{font-size:28px}.ccSteps{justify-content:space-between;gap:14px;font-size:11px}.ccSteps li{gap:5px}.ccSteps li>span{flex-shrink:0;width:24px;height:24px;font-size:11px}.ccWorkspace .ccRow{grid-template-columns:64px minmax(0,1fr);gap:12px}.ccWorkspace .ccRow img,.ccWorkspace .ccRow .mmCartImage{width:64px;height:78px}.ccRowEnd{flex-direction:row;grid-column:2;align-items:center;gap:8px;max-width:none}.ccRowEnd>strong{text-align:left;padding:0;font-size:14px}.ccRemove{white-space:nowrap}.ccFields{grid-template-columns:1fr;gap:16px}.ccPayment{gap:10px;padding:14px}.ccPayment>span{padding:8px}.ccCardHead h2,.ccSummaryHead h2{font-size:17px!important}.ccTotal>strong{font-size:24px}.ccWorkspace .mmFooter{gap:16px}.ccWorkspace .mmFooter>span{width:100%;margin:0}.ccError{align-items:flex-start}.ccLoading{flex-direction:column;gap:8px}.ccWorkspace .mmHeader nav{gap:18px}}@media (prefers-reduced-motion:no-preference){.ccLoading>svg,.ccCheckoutButton>svg:first-child:last-of-type{animation:none}.ccLoading>svg{animation:1s linear infinite ccSpin}@keyframes ccSpin{to{transform:rotate(360deg)}}}.ccPaymentMethods{border:0;min-width:0;margin:20px 0 0;padding:0}.ccPaymentMethods legend{color:#35516d;margin-bottom:12px;padding:0;font-size:13px;font-weight:700}.ccWorkspace .ccPaymentOption{cursor:pointer;background:#fff;border:1px solid #e0e9f4;border-radius:11px;align-items:center;gap:10px;margin-bottom:9px;padding:12px 10px;display:flex}.ccWorkspace .ccPaymentOption.selected{background:#f0f7ff;border-color:#4382d4;box-shadow:0 0 0 1px #4382d415}.ccWorkspace .ccPaymentOption input{accent-color:#1769c2;flex-shrink:0;width:16px;height:16px;min-height:0;margin:0}.ccPaymentOption>span:last-child{min-width:0}.ccPaymentOption strong{color:#35516d;font-size:13px;display:block}.ccPaymentOption small{color:#7b90a4;margin-top:3px;font-size:11px;line-height:1.6;display:block}.ccPaymentBadge{color:#536d88;background:#e9f0f8;border-radius:9px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:10px;font-weight:800;display:grid}.ccPaymentBadge.kbzpay{color:#2358b0;background:#e7efff}.ccPaymentBadge.wavepay{color:#785400;background:#fff2cc}.ccPaymentBadge.aya_pay{color:#a12d42;background:#ffebed}.ccTransferNotice{color:#856220;background:#fff8e6;border-radius:10px;padding:12px;font-size:12px;line-height:1.8}.ccPaymentConfirmation{text-align:left;background:#f0f7ff;border:1px solid #dceafb;border-radius:12px;max-width:500px;margin:0 auto 24px;padding:18px}.ccPaymentConfirmation>strong{font-size:14px}.ccSuccess .ccPaymentConfirmation p{margin:8px 0 0}.ccPaymentMethods:disabled .ccPaymentOption{cursor:wait;opacity:.65}
