.cdi-layout-grid .cdi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cdi-layout-grid .cdi-card{flex-direction:column}.cdi-layout-grid .cdi-card-image{width:100%;aspect-ratio:var(--cdi-card-img-ratio,16/9)}.cdi-layout-list .cdi-grid{display:flex;flex-direction:column;gap:12px}.cdi-layout-list .cdi-card{flex-direction:row;align-items:center}.cdi-layout-list .cdi-card-image{width:140px;min-width:140px;height:110px;aspect-ratio:unset;border-radius:var(--cdi-radius) 0 0 var(--cdi-radius);flex-shrink:0}.cdi-layout-list .cdi-card-image img{height:100%}.cdi-layout-list .cdi-card-body{flex:1;padding:16px 20px}.cdi-layout-list .cdi-card-desc{-webkit-line-clamp:2}.cdi-layout-list .cdi-card-footer{justify-content:space-between}.cdi-layout-magazine .cdi-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:24px}.cdi-layout-magazine .cdi-card{flex-direction:column}.cdi-layout-magazine .cdi-card:first-child{grid-column:1 / -1;flex-direction:row;max-height:320px}.cdi-layout-magazine .cdi-card:first-child .cdi-card-image{width:55%;min-width:55%;aspect-ratio:unset;height:100%;border-radius:var(--cdi-radius) 0 0 var(--cdi-radius)}.cdi-layout-magazine .cdi-card:first-child .cdi-card-body{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}.cdi-layout-magazine .cdi-card:first-child .cdi-card-name{font-size:28px;line-height:1.2;margin-bottom:12px}.cdi-layout-magazine .cdi-card:first-child .cdi-card-desc{-webkit-line-clamp:4;font-size:15px}.cdi-layout-magazine .cdi-card-image{aspect-ratio:4/3}.cdi-nav-pills .cdi-cat-nav-wrapper{background:var(--cdi-nav-bg);box-shadow:var(--cdi-shadow);position:sticky;top:0;z-index:100;margin-top:-24px;border-radius:20px 20px 0 0}.cdi-nav-pills .cdi-cat-nav{display:flex;gap:6px;padding:14px 16px;overflow-x:auto;scrollbar-width:none}.cdi-nav-pills .cdi-cat-btn{flex-direction:column;gap:4px;padding:10px 18px;border-radius:50px;border:2px solid #fff0}.cdi-nav-pills .cdi-cat-btn.active{background:var(--cdi-nav-active-bg);color:var(--cdi-nav-active-fg);border-color:var(--cdi-nav-active-border)}.cdi-nav-pills .cdi-cat-icon{font-size:20px}.cdi-nav-underline .cdi-cat-nav-wrapper{background:var(--cdi-nav-bg);border-bottom:1px solid var(--cdi-border);position:sticky;top:0;z-index:100;margin-top:0}.cdi-nav-underline .cdi-cat-nav{display:flex;gap:0;padding:0 24px;overflow-x:auto;scrollbar-width:none;max-width:1100px;margin:0 auto}.cdi-nav-underline .cdi-cat-btn{flex-direction:row;gap:8px;padding:18px 20px;border-radius:0;border:none;border-bottom:3px solid #fff0;font-size:14px;font-weight:600;font-family:var(--cdi-font);letter-spacing:.04em;text-transform:uppercase;color:var(--cdi-text-mid);transition:color .2s,border-color .2s}.cdi-nav-underline .cdi-cat-btn:hover{color:var(--cdi-text);background:#fff0}.cdi-nav-underline .cdi-cat-btn.active{color:var(--cdi-primary);border-bottom-color:var(--cdi-primary);background:#fff0}.cdi-nav-underline .cdi-cat-icon{font-size:16px}.cdi-nav-tabs .cdi-cat-nav-wrapper{background:var(--cdi-nav-bg);border-bottom:2px solid var(--cdi-border);position:sticky;top:0;z-index:100;margin-top:0}.cdi-nav-tabs .cdi-cat-nav{display:flex;gap:4px;padding:12px 20px;overflow-x:auto;scrollbar-width:none;max-width:1100px;margin:0 auto}.cdi-nav-tabs .cdi-cat-btn{flex-direction:row;gap:8px;padding:8px 16px;border-radius:var(--cdi-radius-sm);border:1px solid var(--cdi-border);background:#fff0;font-size:13px;font-weight:600;color:var(--cdi-text-mid)}.cdi-nav-tabs .cdi-cat-btn.active{background:var(--cdi-nav-active-bg);color:var(--cdi-nav-active-fg);border-color:var(--cdi-nav-active-border)}.cdi-nav-tabs .cdi-cat-icon{font-size:16px}.cdi-nav-sidebar .cdi-cat-nav-wrapper{display:none}.cdi-nav-sidebar .cdi-content-outer{display:flex;gap:0;align-items:flex-start;max-width:1100px;margin:0 auto}.cdi-nav-sidebar .cdi-sidebar-nav{width:200px;min-width:200px;position:sticky;top:80px;background:var(--cdi-surface);border-radius:var(--cdi-radius);box-shadow:var(--cdi-shadow);overflow:hidden;flex-shrink:0;margin:24px 0 24px 16px}.cdi-nav-sidebar .cdi-sidebar-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:none;background:#fff0;cursor:pointer;font-family:var(--cdi-font);font-size:14px;font-weight:700;color:var(--cdi-text-mid);text-align:left;border-left:4px solid #fff0;transition:all .2s}.cdi-nav-sidebar .cdi-sidebar-btn:hover{background:var(--cdi-primary-l);color:var(--cdi-primary)}.cdi-nav-sidebar .cdi-sidebar-btn.active{background:var(--cdi-nav-active-bg);color:var(--cdi-nav-active-fg);border-left-color:var(--cdi-nav-active-border)}.cdi-nav-sidebar .cdi-content{flex:1;padding:24px 16px;min-width:0}.cdi-no-header .cdi-header{display:none}.cdi-no-header .cdi-cat-nav-wrapper{margin-top:0;border-radius:0}.cdi-theme-ifood .cdi-header{background:var(--cdi-header-bg);padding:40px 24px 60px}.cdi-theme-ifood .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'%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-theme-fino .cdi-header{background:var(--cdi-header-bg);padding:64px 24px;text-align:center}.cdi-theme-fino .cdi-header::after{content:'— ✦ —';display:block;margin-top:16px;color:var(--cdi-header-fg);opacity:.6;font-size:18px;letter-spacing:.2em}.cdi-theme-fino .cdi-title{font-size:clamp(40px, 7vw, 72px)!important;font-style:italic;letter-spacing:.02em;color:var(--cdi-header-fg)!important}.cdi-theme-fino .cdi-subtitle{font-family:var(--cdi-font-h);font-style:italic;color:var(--cdi-accent)!important;font-size:18px;letter-spacing:.08em}.cdi-theme-fino .cdi-card{border:1px solid var(--cdi-border);box-shadow:none;transition:box-shadow .3s,border-color .3s}.cdi-theme-fino .cdi-card:hover{box-shadow:var(--cdi-shadow-lg);border-color:var(--cdi-primary);transform:none}.cdi-theme-fino .cdi-card-name{font-size:18px;font-style:italic}.cdi-theme-fino .cdi-card-price{color:var(--cdi-primary);font-size:17px}.cdi-theme-fino .cdi-btn-add{border-radius:2px;letter-spacing:.06em;text-transform:uppercase;font-size:11px;padding:10px 18px}.cdi-theme-fino .cdi-section-title{font-style:italic;font-size:26px;border-bottom:1px solid var(--cdi-border);padding-bottom:12px}.cdi-theme-classico .cdi-wrapper{padding-top:24px}.cdi-theme-classico .cdi-card{border:1px solid var(--cdi-border);box-shadow:var(--cdi-shadow)}.cdi-theme-classico .cdi-card:hover{box-shadow:var(--cdi-shadow-lg);transform:none;border-color:var(--cdi-primary)}.cdi-theme-classico .cdi-card-image{border-radius:var(--cdi-radius) 0 0 var(--cdi-radius)}.cdi-theme-classico .cdi-card-name{font-size:15px}.cdi-theme-classico .cdi-btn-add{font-size:13px;padding:8px 14px;border-radius:6px}.cdi-theme-classico .cdi-section-title{font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid var(--cdi-primary);display:inline-block}.cdi-theme-dark .cdi-header{background:var(--cdi-header-bg);padding:48px 24px 64px;border-bottom:1px solid var(--cdi-border)}.cdi-theme-dark .cdi-title{color:var(--cdi-header-fg)!important;letter-spacing:-.02em}.cdi-theme-dark .cdi-subtitle{color:#666!important}.cdi-theme-dark .cdi-card{background:var(--cdi-surface);border:1px solid var(--cdi-border)}.cdi-theme-dark .cdi-card:hover{border-color:var(--cdi-primary);box-shadow:0 0 0 1px var(--cdi-primary),var(--cdi-shadow-lg)}.cdi-theme-dark .cdi-card-name{color:var(--cdi-text)}.cdi-theme-dark .cdi-card-desc{color:var(--cdi-text-mid)}.cdi-theme-dark .cdi-card-price{color:var(--cdi-primary)}.cdi-theme-dark .cdi-btn-add{background:var(--cdi-btn-bg);color:var(--cdi-btn-fg);font-weight:700}.cdi-theme-dark .cdi-modal{background:#1A1A1A;color:#F5F5F5}.cdi-theme-dark .cdi-modal-name{color:#F5F5F5}.cdi-theme-dark .cdi-modal-desc{color:#AAA}.cdi-theme-dark .cdi-size-option{background:#222;border-color:#333;color:#F5F5F5}.cdi-theme-dark .cdi-size-option:hover,.cdi-theme-dark .cdi-size-option.selected{background:#2a2200;border-color:var(--cdi-primary)}.cdi-theme-dark .cdi-qty-wrap{border-color:#333}.cdi-theme-dark .cdi-qty-btn{color:#F5F5F5}.cdi-theme-dark .cdi-qty-btn:hover{background:#222}.cdi-theme-dark .cdi-section-title{color:var(--cdi-text)}.cdi-theme-dark .cdi-section-icon+.cdi-section-title::after{content:'';display:block;width:32px;height:2px;background:var(--cdi-primary);margin-top:4px;border-radius:1px}.cdi-theme-dark .cdi-modal-close{background:#2E2E2E;color:#F5F5F5}.cdi-theme-dark .cdi-toast{background:#F0B429;color:#0F0F0F}.cdi-theme-fastfood .cdi-header{background:var(--cdi-header-bg);padding:48px 24px 68px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%);margin-bottom:-20px}.cdi-theme-fastfood .cdi-title{font-family:var(--cdi-font-h)!important;font-size:clamp(44px, 8vw, 80px)!important;letter-spacing:.04em;color:#fff!important;text-shadow:4px 4px 0 rgb(0 0 0 / .25)!important}.cdi-theme-fastfood .cdi-subtitle{color:rgb(255 255 255 / .9)!important}.cdi-theme-fastfood .cdi-card{box-shadow:var(--cdi-shadow);border:2px solid var(--cdi-border);transition:transform .15s,box-shadow .15s}.cdi-theme-fastfood .cdi-card:hover{transform:translateY(-6px) rotate(-0.5deg);box-shadow:0 8px 0 rgb(0 0 0 / .15)}.cdi-theme-fastfood .cdi-card-name{font-family:var(--cdi-font-h);font-size:20px;letter-spacing:.03em}.cdi-theme-fastfood .cdi-btn-add{border-radius:50px;font-weight:900;font-size:13px;letter-spacing:.02em;box-shadow:0 3px 0 rgb(0 0 0 / .2)}.cdi-theme-fastfood .cdi-btn-add:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgb(0 0 0 / .2)}.cdi-theme-fastfood .cdi-section-title{font-family:var(--cdi-font-h);font-size:30px;letter-spacing:.04em;color:var(--cdi-accent)}.cdi-theme-fastfood .cdi-cat-nav-wrapper{border-bottom:3px solid var(--cdi-primary)}@media (max-width:768px){.cdi-layout-magazine .cdi-grid{grid-template-columns:1fr}.cdi-layout-magazine .cdi-card:first-child{flex-direction:column;max-height:unset}.cdi-layout-magazine .cdi-card:first-child .cdi-card-image{width:100%;height:200px;border-radius:var(--cdi-radius) var(--cdi-radius) 0 0}.cdi-nav-sidebar .cdi-content-outer{flex-direction:column}.cdi-nav-sidebar .cdi-sidebar-nav{width:100%;position:static;display:flex;flex-direction:row;overflow-x:auto;border-radius:0;box-shadow:none;margin:0;border-bottom:2px solid var(--cdi-border)}.cdi-nav-sidebar .cdi-sidebar-btn{border-left:none;border-bottom:3px solid #fff0;white-space:nowrap;flex-shrink:0}.cdi-nav-sidebar .cdi-sidebar-btn.active{border-left:none;border-bottom-color:var(--cdi-nav-active-border)}}@media (max-width:600px){.cdi-layout-list .cdi-card-image{width:100px;min-width:100px;height:90px}.cdi-theme-fastfood .cdi-header{clip-path:none}}