.cartpage,.copage{padding-bottom:64px}.cartpage h1,.copage h1{font-size:var(--fs-h1);color:var(--ink);margin:22px 0 18px}.cart-load{color:var(--ink-soft);font-size:var(--fs-body);padding:40px 0}.cart-empty{text-align:center;padding:40px 0 60px}.cart-empty p{color:var(--ink-soft);font-size:var(--fs-body);margin:0 0 18px}.btn-main{border:1.6px solid var(--add-line);border-radius:var(--radius-pill);background:var(--add-bg);min-height:52px;color:var(--add-ink);font:600 15px/1 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:flex}.btn-main:active{transform:scale(.99)}.btn-main.off{background:var(--bg-alt);border-color:var(--line);color:var(--ink-soft);cursor:not-allowed}.btn-ghost{border:2px solid var(--pick);border-radius:var(--radius-pill);background:var(--kept-white);min-height:46px;color:var(--ink);font:600 var(--fs-body) / 1 var(--font-sans);justify-content:center;align-items:center;margin-top:10px;text-decoration:none;display:flex}.btn-ghost:hover{background:var(--bg-page)}.btn-ghost:active{transform:scale(.99)}.cart-list{margin:0;padding:0;list-style:none}.crow{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 30px;gap:12px;padding:16px 0;display:grid}.crow--out{background:color-mix(in srgb, var(--bg-alt) 60%, transparent)}.crow-img{aspect-ratio:3/4;background:var(--bg-photo);border-radius:10px;display:block;overflow:hidden}.crow-img img{object-fit:cover;width:100%;height:100%;display:block}.crow-img .noimg{border:1px dashed var(--line);border-radius:10px;width:100%;height:100%;display:block}.crow-name{color:var(--ink);font-size:var(--fs-product);line-height:1.5;text-decoration:none;display:block}.crow-name b{font-weight:600}.crow-name span{color:var(--ink-soft)}.crow-msg{color:var(--pink-ink);font-size:var(--fs-caption);margin:6px 0 0;line-height:1.5}.crow-sale{border-radius:var(--radius-pill);background:var(--clear-bg);color:var(--clear-ink);font-size:var(--fs-caption);margin:6px 0 0;padding:2px 9px;font-weight:600;line-height:1.6;display:inline-block}.crow-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.crow-price{font-size:var(--fs-price);font-variant-numeric:tabular-nums;font-weight:700}.crow-x{width:30px;height:30px;color:var(--ink-soft);font:400 20px/1 var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:50%}.crow-x:hover{background:var(--bg-alt);color:var(--ink)}.qty--sm button{width:38px;height:38px;font-size:18px}.qty--sm input{width:40px;height:38px;font-size:14px}.giftbox{border:1.5px solid var(--kept-caramel-d);border-radius:var(--radius);background:var(--bg-alt);margin-top:14px}.gift-row{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.gift-pic img{object-fit:cover;background:var(--bg-photo);border-radius:10px;width:76px;height:76px;display:block}.gift-pic.nopic:before{content:"รอรูป";border:1px dashed var(--line);background:var(--bg-photo);width:76px;height:76px;color:var(--ink-soft);font-size:var(--fs-caption);border-radius:10px;place-items:center;display:grid}.gift-copy{min-width:0;display:block}.gift-copy b{font-size:14px;font-weight:600;display:block}.gift-copy small{color:var(--ink-soft);font-size:var(--fs-caption);margin-top:3px;line-height:1.5;display:block}.gift-warn{color:var(--pink-ink);font-size:var(--fs-caption);margin-top:4px;font-style:normal;display:block}.gift-pick{justify-items:center;gap:5px;display:grid}.gift-pick input{appearance:none;border:2px solid var(--line);background:var(--bg-card);cursor:pointer;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin:0;display:grid}.gift-pick input:checked{border-color:var(--ink);background:var(--pick)}.gift-pick input:after{content:"";border-left:2.4px solid var(--pick-ink);border-bottom:2.4px solid var(--pick-ink);opacity:0;width:10px;height:5.5px;translate:0 -1.5px;rotate:-45deg}.gift-pick input:checked:after{opacity:1}.gift-price{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.gift-row--short .gift-pic img,.gift-row--short .gift-copy b{opacity:.55}@media (width<=360px){.gift-row{gap:9px;padding:10px}.gift-pic img,.gift-pic.nopic:before{width:60px;height:60px}}.cart-sum{margin-top:24px}.freebar{margin-bottom:20px}.freebar p{font-size:var(--fs-body);color:var(--kicker);margin:0 0 8px;font-weight:600}.freebar-track{border-radius:var(--radius-pill);background:var(--bg-alt);height:6px;display:block;overflow:hidden}.freebar-track>span{border-radius:var(--radius-pill);background:var(--kept-caramel-d);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.ship{border:0;margin:0 0 20px;padding:0}.ship legend{font-size:var(--fs-h2);color:var(--ink);padding:0 0 12px;font-weight:600}.ship label{border:1.6px solid var(--line);border-radius:var(--radius);cursor:pointer;background:var(--bg-card);align-items:center;gap:12px;margin-bottom:8px;padding:13px 15px;display:flex}.ship label:has(input:checked){border-color:var(--ink)}.ship input{appearance:none;border:2px solid var(--line);background:var(--bg-card);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin:0;display:grid}.ship input:checked{border-color:var(--ink)}.ship input:checked:after{content:"";background:var(--pick);border-radius:50%;width:11px;height:11px}.ship span{font-size:var(--fs-body);gap:2px;display:grid}.ship small{color:var(--ink-soft);font-size:var(--fs-caption)}.totals{border-radius:var(--radius);background:var(--bg-alt);gap:9px;margin:0 0 16px;padding:16px 18px;display:grid}.totals>div{font-size:var(--fs-body);justify-content:space-between;gap:12px;display:flex}.totals dt{color:var(--ink-soft)}.totals dd{font-variant-numeric:tabular-nums;margin:0}.totals .grand{border-top:1px solid var(--line);font-size:var(--fs-h2);margin-top:4px;padding-top:11px}.totals .grand dt{color:var(--ink);font-weight:600}.totals .grand dd{font-weight:700}.cart-warn{border-radius:var(--radius);background:var(--bg-alt);border-inline-start:3px solid var(--pink-ink);color:var(--ink);font-size:var(--fs-body);margin:0 0 14px;padding:12px 15px;line-height:1.6}.co-filled{border:1px solid var(--line);border-inline-start:3px solid var(--pick);border-radius:var(--radius);background:var(--line-tint);color:var(--ink);font-size:var(--fs-body);margin:0 0 20px;padding:12px 14px;line-height:1.65}.co-filled a{color:var(--pink-ink)}.co-invite{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt);margin:0 0 22px;padding:16px 16px 14px}.co-invite h2{font-size:var(--fs-body);color:var(--ink);margin:0 0 8px;font-weight:600}.co-invite ul{color:var(--ink);font-size:var(--fs-body);margin:0 0 14px;padding-inline-start:20px;line-height:1.7}.co-invite li+li{margin-top:2px}.co-invite .acc-line{max-width:320px}.co-invite-warn{font-size:var(--fs-caption);color:var(--ink-soft);margin:8px 0 0;line-height:1.65}.co-invite-skip{border-top:1px solid var(--line);color:var(--ink);font-size:var(--fs-body);margin:12px 0 0;padding-top:12px;line-height:1.7}.co-field{margin-bottom:14px}.co-field label{font-size:var(--fs-body);color:var(--ink);margin-bottom:6px;display:block}.co-field .req{color:var(--pink-ink)}.co-field input,.co-field textarea,.co-field select{border:1.6px solid var(--line);border-radius:var(--radius);background:var(--bg-card);width:100%;min-height:48px;color:var(--ink);font:400 var(--fs-body) / 1.5 var(--font-sans);padding:12px 14px}.co-field textarea{resize:vertical;min-height:92px}.co-field input:focus,.co-field textarea:focus,.co-field select:focus{outline:2px solid var(--pink-ink);outline-offset:1px;border-color:#0000}.co-field .hint{font-size:var(--fs-caption);color:var(--ink-soft);margin:6px 0 0;line-height:1.5}.co-field .err{font-size:var(--fs-caption);color:var(--pink-ink);margin:6px 0 0}.co-link{color:var(--pink-ink);font:inherit;font-size:var(--fs-caption);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.co-row{gap:14px;display:grid}.co-sec{margin-bottom:30px}.co-sec h2{font-size:var(--fs-h2);color:var(--ink);margin:0 0 14px}.co-consent{border-radius:var(--radius);background:var(--bg-alt);font-size:var(--fs-body);cursor:pointer;align-items:flex-start;gap:11px;padding:14px 15px;line-height:1.6;display:flex}.co-consent input{width:18px;height:18px;accent-color:var(--pink-ink);flex:none;margin-top:3px}.co-save{cursor:default;margin-top:4px}.co-save input{width:22px;height:22px;margin-top:1px}.co-save label{cursor:pointer;color:var(--ink);margin:-9px 0;padding:9px 0;display:inline-block}.co-save small{font-size:var(--fs-caption);color:var(--ink);margin-top:3px;line-height:1.65;display:block}.co-save a{color:var(--pink-ink)}.co-legal{font-size:var(--fs-caption);color:var(--ink-soft);margin:14px 0 0;line-height:1.65}.co-legal a{color:var(--pink-ink)}.co-pending{border-radius:var(--radius-box);background:var(--bg-feature);margin-top:18px;padding:20px}.co-pending h3{font-size:var(--fs-h2);color:var(--ink);margin:0 0 8px}.co-pending p{font-size:var(--fs-body);color:var(--ink);margin:0 0 14px;line-height:1.7}.co-pending .sbtn--line{border-radius:var(--radius-pill);background:var(--line-btn-bg);color:var(--line-btn-ink);font-size:var(--fs-body);align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}@media (width>=720px){.co-row--2{grid-template-columns:1fr 1fr}.co-row--3{grid-template-columns:1fr 1fr 1fr}}@media (width>=900px){.cart-body,.co-grid{grid-template-columns:1fr 360px;align-items:start;gap:40px;display:grid}.cart-sum,.co-side{top:calc(var(--bar-h) + 16px);margin-top:0;position:sticky}}.crow-price--off{color:var(--ink-soft);text-decoration:line-through 1px}.crow--mini{grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:11px 0}.crow--mini .crow-img{width:52px}.crow--mini .crow-name{font-size:var(--fs-caption)}.crow-qty{font-size:var(--fs-caption);color:var(--ink-soft);margin-top:3px;display:block}.crow--mini .crow-price{font-size:var(--fs-body)}.co-policy{border:1px solid var(--line);background:var(--bg-page);border-radius:12px;margin:14px 0 12px;padding:12px 14px}.co-policy h3{margin:0 0 8px;font-size:13.5px;font-weight:700}.co-policy ul{gap:6px;margin:0;padding-left:16px;display:grid}.co-policy li{color:var(--ink);font-size:12.5px;line-height:1.6}.co-policy p{color:var(--ink-soft);margin:8px 0 0;font-size:12.5px}.co-policy .co-steps{gap:3px;margin:6px 0 0;padding-left:18px;list-style:decimal;display:grid}.co-policy .co-steps li{font-size:12.5px;line-height:1.55}.co-policy .co-steps-total{border-top:1px solid var(--line);color:var(--ink);margin:6px 0 0;padding-top:6px}.co-side .btn-main,.co-side .btn-ghost{width:100%}.co-side .co-legal{color:var(--ink-soft);text-align:center;margin:10px 0 12px;font-size:12px;line-height:1.7}.ship-fee{color:var(--pink-ink);font-style:normal;font-weight:700}.ship-fee:empty{display:none}.co-side .btn-ghost.co-back{color:var(--ink);font-weight:400;font-size:var(--fs-caption);background:0 0;border:0;width:fit-content;min-height:40px;margin-left:auto;margin-right:0;padding:0 4px}.co-side .btn-ghost.co-back:hover{background:0 0;text-decoration:underline}.co-cod-need{color:var(--pink-ink);margin-top:4px;display:block}.co-cod-need a{color:inherit;font-weight:600}.co-login{max-width:300px;margin-top:10px}