@keyframes cartFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cartBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes cartAccentGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cartGrain{0%{transform:translate(0)}10%{transform:translate(-2%,-1%)}20%{transform:translate(1%,2%)}30%{transform:translate(-1%,1%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-2%,1%)}60%{transform:translate(1%,-1%)}70%{transform:translate(-1%,2%)}80%{transform:translate(2%,1%)}90%{transform:translate(-2%,-2%)}to{transform:translate(0)}}.nav-icons{align-items:center;gap:var(--space-2);margin-left:var(--space-3);display:flex}.nav-icon-btn{border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;width:44px;min-width:44px;height:44px;min-height:44px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;justify-content:center;align-items:center;font-size:1.15rem;text-decoration:none;display:flex;position:relative}.nav-icon-btn:hover{color:var(--color-white);background:#fff3}.navbar.scrolled .nav-icon-btn{color:var(--color-secondary);background:var(--color-accent)}.navbar.scrolled .nav-icon-btn:hover{background:var(--color-primary);color:var(--color-text)}.cart-badge{background:var(--color-primary);min-width:19px;height:19px;color:var(--color-text);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-black);transition:transform var(--transition-bounce);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 2px 6px #ff7f0059}.cart-badge--hidden{transform:scale(0)}.cart-badge--bump{animation:.3s cartBadgePulse}#cartToast{background:var(--color-secondary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);z-index:9999;opacity:0;pointer-events:none;transition:all var(--transition-base);white-space:nowrap;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px)}#cartToast.cart-toast--show{opacity:1;transform:translate(-50%)translateY(0)}.cart-drawer-backdrop{z-index:800;opacity:0;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a148c;position:fixed;inset:0}.cart-drawer-panel{background:var(--color-white);z-index:801;width:420px;max-width:100vw;height:100vh;transition:transform var(--transition-slow), visibility var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #050a142e}#cartDrawer:not(.cart-drawer--open) .cart-drawer-backdrop{pointer-events:none}#cartDrawer:not(.cart-drawer--open) .cart-drawer-panel{visibility:hidden}#cartDrawer.cart-drawer--open .cart-drawer-backdrop{opacity:1}#cartDrawer.cart-drawer--open .cart-drawer-panel{transform:translate(0)}.cart-drawer-header{padding:var(--space-5) var(--space-6);color:#fff;background:radial-gradient(100% 70% at 30% 100%,#ff7f001f,#0000 60%),linear-gradient(#0d1e3a 0%,#173454 100%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.cart-drawer-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;display:flex}.cart-drawer-title svg{width:1.1em;height:1.1em;color:var(--color-primary)}.cart-drawer-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.cart-drawer-close:hover{background:#ffffff4d}.cart-drawer-body{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.cart-drawer-footer{border-top:1px solid var(--color-border);padding:var(--space-5) var(--space-6);background:var(--color-gray-50)}.cart-drawer-footer .btn+.btn{margin-top:var(--space-3)}.cart-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;display:flex}.cart-empty-icon{color:var(--color-gray-400)}.cart-empty-icon svg{stroke-width:1.5px;width:56px;height:56px}.cart-empty p{color:var(--color-text-muted);font-size:var(--font-size-md)}.cart-page-hero{color:#fff;text-align:center;background:radial-gradient(130% 55% at 50% -15%,#f5821f33,#0000 60%),radial-gradient(90% 60% at 75% 100%,#0e71f01f,#0000 55%),radial-gradient(70% 50% at 20% 80%,#f5821f14,#0000 45%),linear-gradient(175deg,#081426 0%,#0d1e3a 34%,#123052 72%,#0f2640 100%);padding:128px 0 56px;position:relative;overflow:hidden}.cart-hero-bg{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 2px 3px);position:absolute;inset:0}.cart-hero-pattern{pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M50 40v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM20 40v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM80 40v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM20 10V0h-2v4h-4v2h4v4h2V6h4V4h-4zM80 10V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px;position:absolute;inset:0}.cart-hero-grain{pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;animation:8s steps(10,end) infinite cartGrain;position:absolute;inset:0}.cart-hero-content{z-index:2;position:relative}.cart-hero-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:var(--color-primary);font-size:.78rem;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff7f0026;border:1px solid #ff7f0040;padding:.45rem 1.1rem;animation:.6s ease-out both cartFadeUp;display:inline-flex}.cart-hero-badge:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite cartFloat}.cart-hero-title{color:#fff;letter-spacing:-.04em;margin-bottom:var(--space-5);text-wrap:balance;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:800;line-height:1.02;animation:.6s ease-out .15s both cartFadeUp}.cart-hero-accent{background:var(--color-primary);width:60px;height:3px;margin:0 auto var(--space-5);transform-origin:50%;border-radius:2px;animation:.8s ease-out .35s both cartAccentGrow}.cart-hero-sub{color:#ffffffdb;max-width:480px;margin:0 auto;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.6;animation:.6s ease-out .3s both cartFadeUp}.cart-page-layout{gap:var(--space-8);padding:var(--space-12) 0;grid-template-columns:1fr 360px;align-items:start;display:grid}.cart-column-side{align-self:start;position:sticky;top:100px}.cart-table{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:box-shadow var(--transition-base);overflow:hidden;box-shadow:0 1px 3px #0f172a0f,0 4px 12px #0f172a0a}.cart-table:hover{box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14}.cart-table-header{gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-gray-50);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);grid-template-columns:80px 1fr 140px 100px 48px;display:grid}.cart-table-row{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast), transform var(--transition-fast);grid-template-columns:80px 1fr 140px 100px 48px;align-items:center;display:grid}.cart-table-row:last-child{border-bottom:none}.cart-table-row:hover{background:linear-gradient(135deg,#ff7f000f,#0000 60%)}.cart-table-img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:72px;height:72px;transition:transform var(--transition-fast)}.cart-table-row:hover .cart-table-img{transform:scale(1.05)}.cart-table-name{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);line-height:1.3}.cart-table-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.cart-qty-input{width:80px;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;color:var(--color-text);background:var(--color-gray-50);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);appearance:textfield;font-family:inherit}.cart-qty-input::-webkit-inner-spin-button{appearance:none;margin:0}.cart-qty-input::-webkit-outer-spin-button{appearance:none;margin:0}.cart-qty-input:focus{border-color:var(--color-primary);background:var(--color-white);outline:none;box-shadow:0 0 0 3px #ff7f001f}.cart-qty-input:hover{border-color:var(--color-gray-400)}.cart-line-total{font-weight:var(--font-weight-bold);color:var(--color-text);font-size:var(--font-size-sm)}.cart-clear-btn{cursor:pointer;opacity:.4;transition:opacity var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.cart-clear-btn:hover{opacity:1;color:var(--color-error);background:#ef444414;transform:scale(1.1)}.cart-actions-bar{margin-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.btn-outline-danger{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);color:var(--color-error);border:1.5px solid var(--color-error);cursor:pointer;transition:all var(--transition-fast);background:0 0;min-height:44px;display:inline-flex}.btn-outline-danger:hover{background:var(--color-error);color:#fff;box-shadow:0 4px 12px #ef444440}.cart-summary-row{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.cart-summary-total{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);border-top:2px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-2);margin-bottom:0}.order-summary-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6);transition:box-shadow var(--transition-base);box-shadow:0 1px 3px #0f172a0f,0 4px 12px #0f172a0a}.order-summary-card:hover{box-shadow:0 1px 3px #0f172a0f,0 8px 24px #0f172a14}.order-summary-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1.5px solid var(--color-border);align-items:center;display:flex}.order-summary-row{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.order-summary-total{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-text);border-top:2px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.order-total-amount{color:var(--color-primary);font-size:var(--font-size-2xl)}.order-summary-note{color:var(--color-text-light);margin-top:var(--space-3);margin-bottom:var(--space-5);text-align:center;font-size:.72rem;line-height:1.5}.btn-wa{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-text);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;min-height:52px;display:flex}.btn-wa:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 14px #ff7f004d}.btn-wa:active{transform:translateY(0)}.btn-wa svg{flex-shrink:0;width:20px;height:20px}.order-summary-region{margin-bottom:var(--space-4)}.summary-region-box{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:border-color var(--transition-fast);display:flex}.summary-region-box:hover{border-color:var(--color-gray-400)}.summary-region-box--empty{border-color:var(--color-border-light);border-style:dashed}.summary-region-icon{flex-shrink:0;font-size:1.25rem}.summary-region-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.summary-region-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-secondary)}@media (width<=900px){.cart-page-layout{grid-template-columns:1fr}.cart-column-side{position:static}.cart-page-hero{padding:110px 0 44px}}@media (width<=680px){.cart-table-header,.cart-table-row{grid-template-columns:60px 1fr 80px}.cart-table-header>:nth-child(4),.cart-table-header>:nth-child(5),.cart-table-row>:nth-child(4),.cart-table-row>:nth-child(5){display:none}.cart-hero-title{font-size:clamp(2rem,8vw,2.8rem)}.cart-hero-badge{padding:.35rem .85rem;font-size:.7rem}.cart-actions-bar{flex-direction:column}.cart-actions-bar .btn{justify-content:center;width:100%}.order-summary-total{font-size:var(--font-size-lg)}.order-total-amount{font-size:var(--font-size-xl)}}@media (width<=767px){.cart-drawer-panel{z-index:9999;transform-origin:bottom;opacity:0;border-radius:20px 20px 0 0;width:100vw;height:auto;max-height:88dvh;transition:transform .32s cubic-bezier(.16,1.03,.36,1.05),opacity .2s,visibility .32s;inset:auto auto 0 0;transform:translateY(100%)scale(.98);box-shadow:0 -8px 32px #050a143d}#cartDrawer.cart-drawer--open .cart-drawer-panel{opacity:1;transform:translateY(0)scale(1)}.cart-drawer-body{flex:auto}.cart-drawer-backdrop{z-index:9998;-webkit-backdrop-filter:none;backdrop-filter:none}.cart-drawer-close{width:44px;height:44px}}.cart-table.animate-in{animation:.6s ease-out .4s both cartFadeUp}.cart-actions-bar.animate-in{animation:.6s ease-out .5s both cartFadeUp}.order-summary-card.animate-in{animation:.6s ease-out .45s both cartFadeUp}.cart-drawer-region{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.cart-drawer-region-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:flex}.cart-drawer-region-select{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-semibold);color:var(--color-secondary);background:var(--color-white);cursor:pointer;appearance:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.cart-drawer-region-select:hover{border-color:var(--color-gray-400)}.cart-drawer-region-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff7f001f}.cart-item{column-gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);grid-template-columns:64px 1fr;align-items:start;display:grid}.cart-item:last-child{border-bottom:none}.cart-item-img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);grid-row:1/span 2;width:64px;height:64px}.cart-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1);line-height:1.3}.cart-item-cat{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:.04em;margin-bottom:var(--space-2)}.cart-item-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.cart-item-controls{align-items:center;gap:var(--space-1);margin-top:var(--space-1);grid-column:2;display:flex}.cart-remove-btn{margin-left:auto}.cart-qty-btn{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;color:var(--color-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.cart-qty-btn:hover{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary)}.cart-qty-num{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;min-width:24px}.cart-remove-btn{cursor:pointer;color:var(--color-gray-500);transition:color var(--transition-fast), background var(--transition-fast);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cart-remove-btn svg{width:18px;height:18px}.cart-remove-btn:hover{color:var(--color-error);background:#ef444414}@media (prefers-reduced-motion:reduce){.cart-hero-grain,.cart-hero-badge,.cart-hero-badge:before,.cart-hero-title,.cart-hero-accent,.cart-hero-sub,.cart-table.animate-in,.cart-actions-bar.animate-in,.order-summary-card.animate-in{animation:none}@media (width<=767px){.cart-drawer-panel{transition:opacity .12s,visibility .12s;transform:none}#cartDrawer.cart-drawer--open .cart-drawer-panel{transform:none}}}.cart-item-unit{color:var(--color-text-muted,#999);font-size:.85em}