@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Sora:wght@400;600;700&display=swap);:root{--cdi-primary:#EA1D2C;--cdi-primary-d:#c4101d;--cdi-primary-l:#fff0f1;--cdi-accent:#FF6900;--cdi-bg:#F5F5F5;--cdi-surface:#FFFFFF;--cdi-border:#E8E8E8;--cdi-text:#1a1a1a;--cdi-text-mid:#555;--cdi-text-light:#999;--cdi-shadow:0 2px 12px rgba(0,0,0,.08);--cdi-shadow-lg:0 8px 32px rgba(0,0,0,.14);--cdi-radius:16px;--cdi-radius-sm:10px;--cdi-font:'Nunito', sans-serif;--cdi-font-h:'Sora', sans-serif;--cdi-transition:.22s cubic-bezier(.4,0,.2,1)}.cdi-wrapper *,.cdi-wrapper *::before,.cdi-wrapper *::after{box-sizing:border-box;margin:0;padding:0}.cdi-wrapper{font-family:var(--cdi-font);color:var(--cdi-text);background:var(--cdi-bg)}.cdi-header{background:linear-gradient(135deg,var(--cdi-primary) 0%,var(--cdi-accent) 100%);padding:40px 24px 60px;position:relative;overflow:hidden}.cdi-header::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cdi-header-inner{position:relative;max-width:1100px;margin:0 auto}.cdi-title{font-family:var(--cdi-font-h);font-size:clamp(28px,5vw,48px);font-weight:700;color:#fff;line-height:1.1;text-shadow:0 2px 8px rgb(0 0 0 / .2)}.cdi-subtitle{font-size:16px;color:rgb(255 255 255 / .85);margin-top:8px}.cdi-cat-nav-wrapper{background:var(--cdi-surface);box-shadow:var(--cdi-shadow);position:sticky;top:0;z-index:100;margin-top:-24px;border-radius:20px 20px 0 0}.cdi-cat-nav{display:flex;gap:4px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdi-cat-nav::-webkit-scrollbar{display:none}.cdi-cat-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 18px;border:2px solid #fff0;border-radius:14px;background:#fff0;cursor:pointer;white-space:nowrap;font-family:var(--cdi-font);font-size:13px;font-weight:700;color:var(--cdi-text-mid);transition:var(--cdi-transition);flex-shrink:0}.cdi-cat-btn:hover{background:var(--cdi-primary-l);color:var(--cdi-primary)}.cdi-cat-btn.active{background:var(--cdi-primary-l);color:var(--cdi-primary);border-color:var(--cdi-primary)}.cdi-cat-icon{font-size:22px;line-height:1}.cdi-content{max-width:1100px;margin:0 auto;padding:32px 16px 120px}.cdi-section{margin-bottom:48px}.cdi-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.cdi-section-icon{font-size:26px}.cdi-section-title{font-family:var(--cdi-font-h);font-size:22px;font-weight:700}.cdi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cdi-card{background:var(--cdi-surface);border-radius:var(--cdi-radius);box-shadow:var(--cdi-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--cdi-transition),box-shadow var(--cdi-transition);cursor:pointer}.cdi-card:hover{transform:translateY(-4px);box-shadow:var(--cdi-shadow-lg)}.cdi-card-image{width:100%;aspect-ratio:16/9;overflow:hidden}.cdi-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cdi-card:hover .cdi-card-image img{transform:scale(1.06)}.cdi-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.cdi-card-name{font-family:var(--cdi-font-h);font-size:16px;font-weight:700;margin-bottom:6px;color:var(--cdi-text)}.cdi-card-desc{font-size:13px;color:var(--cdi-text-mid);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:8px}.cdi-card-sizes-hint{font-size:12px;color:var(--cdi-accent);font-weight:700;margin-bottom:12px}.cdi-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.cdi-card-price{font-size:15px;font-weight:900;color:var(--cdi-text);font-family:var(--cdi-font-h)}.cdi-btn-add{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:50px;background:var(--cdi-primary);color:#fff;border:none;cursor:pointer;font-family:var(--cdi-font);font-size:13px;font-weight:800;transition:background var(--cdi-transition),transform var(--cdi-transition);flex-shrink:0}.cdi-btn-add:hover{background:var(--cdi-primary-d);transform:scale(1.04)}.cdi-btn-add svg{flex-shrink:0}.cdi-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgb(0 0 0 / .55);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s ease}.cdi-modal-overlay.open{opacity:1;pointer-events:all}.cdi-modal{background:var(--cdi-surface);width:100%;max-width:580px;border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto;transform:translateY(40px);transition:transform .32s cubic-bezier(.34,1.56,.64,1);scrollbar-width:none;position:relative}.cdi-modal::-webkit-scrollbar{display:none}.cdi-modal-overlay.open .cdi-modal{transform:translateY(0)}@media (min-width:640px){.cdi-modal-overlay{align-items:center}.cdi-modal{border-radius:24px;max-height:85vh}}.cdi-modal-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:rgb(0 0 0 / .1);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cdi-text);transition:background var(--cdi-transition)}.cdi-modal-close:hover{background:rgb(0 0 0 / .2)}.cdi-modal-image-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px 24px 0 0}.cdi-modal-image-wrap.hidden{display:none}.cdi-modal-image-wrap img{width:100%;height:100%;object-fit:cover}.cdi-modal-content{padding:24px}.cdi-modal-name{font-family:var(--cdi-font-h);font-size:22px;font-weight:700;margin-bottom:10px}.cdi-modal-desc{font-size:14px;color:var(--cdi-text-mid);line-height:1.6;margin-bottom:24px}.cdi-sizes-section{margin-bottom:24px}.cdi-sizes-label{font-size:14px;font-weight:800;color:var(--cdi-text-mid);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.cdi-sizes-list{display:flex;flex-direction:column;gap:10px}.cdi-size-option{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--cdi-radius-sm);border:2px solid var(--cdi-border);cursor:pointer;transition:var(--cdi-transition);background:var(--cdi-surface)}.cdi-size-option:hover{border-color:var(--cdi-primary);background:var(--cdi-primary-l)}.cdi-size-option.selected{border-color:var(--cdi-primary);background:var(--cdi-primary-l)}.cdi-size-option input[type=radio]{display:none}.cdi-size-left{display:flex;align-items:center;gap:12px}.cdi-size-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--cdi-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--cdi-transition)}.cdi-size-option.selected .cdi-size-radio{border-color:var(--cdi-primary);background:var(--cdi-primary)}.cdi-size-option.selected .cdi-size-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:#fff}.cdi-size-name{font-size:15px;font-weight:700}.cdi-size-price{font-family:var(--cdi-font-h);font-size:16px;font-weight:800;color:var(--cdi-primary)}.cdi-modal-actions{display:flex;align-items:center;gap:12px}.cdi-qty-wrap{display:flex;align-items:center;gap:0;border:2px solid var(--cdi-border);border-radius:50px;overflow:hidden;flex-shrink:0}.cdi-qty-btn{width:40px;height:44px;border:none;background:#fff0;font-size:22px;font-weight:700;cursor:pointer;color:var(--cdi-text);transition:background var(--cdi-transition);display:flex;align-items:center;justify-content:center}.cdi-qty-btn:hover{background:var(--cdi-bg)}.cdi-qty-value{min-width:32px;text-align:center;font-size:17px;font-weight:800}.cdi-btn-confirm{flex:1;padding:13px 20px;border-radius:50px;background:var(--cdi-primary);color:#fff;border:none;cursor:pointer;font-family:var(--cdi-font);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--cdi-transition)}.cdi-btn-confirm:hover:not(:disabled){background:var(--cdi-primary-d)}.cdi-btn-confirm:disabled{background:#ccc;cursor:not-allowed}.cdi-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:#1a1a1a;color:#fff;padding:12px 20px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;font-family:var(--cdi-font);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9998;white-space:nowrap;box-shadow:var(--cdi-shadow-lg)}.cdi-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.cdi-cart-fab{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--cdi-primary);color:#fff;padding:14px 24px;border-radius:50px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px rgb(234 29 44 / .4);cursor:pointer;z-index:9990;font-family:var(--cdi-font);animation:cdi-fab-in .4s cubic-bezier(.34,1.56,.64,1);min-width:260px;justify-content:space-between}@keyframes cdi-fab-in{from{transform:translateX(-50%) translateY(80px)}}.cdi-cart-count{background:#fff;color:var(--cdi-primary);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.cdi-cart-label{font-size:15px;font-weight:800;flex:1;text-align:center}.cdi-cart-total{font-size:15px;font-weight:900}@media (max-width:600px){.cdi-header{padding:28px 16px 48px}.cdi-grid{grid-template-columns:1fr;gap:14px}.cdi-card{flex-direction:row}.cdi-card-image{width:110px;min-width:110px;aspect-ratio:auto;height:130px;border-radius:0}.cdi-card-image img{height:100%}.cdi-card-body{padding:12px}.cdi-card-name{font-size:14px}.cdi-cart-fab{min-width:unset;width:calc(100% - 32px)}}@media (max-width:380px){.cdi-cat-btn{padding:8px 12px;font-size:12px}}#cdi-addons-section{margin-bottom:20px}.cdi-addon-group{margin-bottom:18px}.cdi-addon-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cdi-addon-group-name{font-size:14px;font-weight:800;color:var(--cdi-text)}.cdi-addon-required{font-size:11px;font-weight:700;background:#fee2e2;color:#dc2626;padding:2px 8px;border-radius:20px}.cdi-addon-optional{font-size:11px;font-weight:700;background:#f0f0f0;color:var(--cdi-text-mid);padding:2px 8px;border-radius:20px}.cdi-addon-max{font-size:11px;color:var(--cdi-text-light);margin-left:6px}.cdi-addon-options{display:flex;flex-direction:column;gap:8px}.cdi-addon-option{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--cdi-radius-sm);border:1.5px solid var(--cdi-border);cursor:pointer;transition:var(--cdi-transition);background:var(--cdi-surface)}.cdi-addon-option:hover{border-color:var(--cdi-primary);background:var(--cdi-primary-l)}.cdi-addon-option.selected{border-color:var(--cdi-primary);background:var(--cdi-primary-l)}.cdi-addon-option input{display:none}.cdi-addon-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--cdi-border);flex-shrink:0;transition:var(--cdi-transition)}.cdi-addon-option.selected .cdi-addon-radio{border-color:var(--cdi-primary);background:var(--cdi-primary)}.cdi-addon-option.selected .cdi-addon-radio::after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#fff;margin:4px auto 0}.cdi-addon-name{flex:1;font-size:14px;font-weight:600}.cdi-addon-price{font-size:13px;font-weight:800;color:var(--cdi-primary)}.cdi-obs-section{margin-bottom:20px}.cdi-obs-label{font-size:13px;font-weight:800;color:var(--cdi-text-mid);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}#cdi-obs-field{width:100%;padding:11px 14px;border-radius:var(--cdi-radius-sm);border:1.5px solid var(--cdi-border);font-family:var(--cdi-font);font-size:14px;resize:vertical;min-height:68px;transition:border-color .2s}#cdi-obs-field:focus{border-color:var(--cdi-primary);outline:none}.cdi-checkout-total{font-size:20px;font-weight:900;text-align:right;padding:12px 0;border-top:2px solid var(--cdi-border);border-bottom:2px solid var(--cdi-border);margin-bottom:18px}.cdi-checkout-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.cdi-co-input{width:100%;padding:12px 14px;border-radius:var(--cdi-radius-sm);border:1.5px solid var(--cdi-border);font-family:var(--cdi-font);font-size:14px;transition:border-color .2s}.cdi-co-input:focus{border-color:var(--cdi-primary);outline:none}