/* Bento navigation: all types in one visual grid rather than another menu step. */
#layer .km.kr-menu-bento .krsd-top-promo{display:none!important}
#layer .km.kr-menu-bento .krsd-heading{margin:15px 0 20px!important}
#layer .km.kr-menu-bento .krsd-categories .km-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
#layer .km.kr-menu-bento .krsd-categories .kmt{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:5px!important;padding:9px!important;background:#f1f2ee!important;border:1px solid transparent!important;border-radius:12px!important;min-width:0;overflow:hidden}
#layer .km.kr-menu-bento .krsd-categories .kmt:first-child{grid-column:span 2}
#layer .km.kr-menu-bento .krsd-categories .kmt[aria-expanded=true]{background:#edf0ff!important;border-color:#4367f3!important;color:#2445ce!important}
#layer .km.kr-menu-bento .krsd-categories .kmt-n{font-size:11px!important;line-height:1.2!important}
#layer .km.kr-menu-bento .kmt-a{display:none!important}
#layer .km.kr-menu-bento .kr-menu-category-image{display:block!important;width:100%;height:72px;min-height:0;background:transparent!important}
#layer .km.kr-menu-bento .kr-menu-category-image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply}
#layer .km.kr-menu-bento .krsd-chooser-back{display:none!important}
#layer .km.kr-menu-bento .krsd-chooser-hint{display:none!important}
#layer .km.kr-menu-bento .krsd-chooser-all-row{background:transparent!important;padding:0!important;border-bottom:1px solid #e9e9e5!important;border-radius:0!important;margin-bottom:14px!important}
#layer .km.kr-menu-bento .krsd-chooser-all{font-size:12px!important;min-height:38px!important}
.kr-menu-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:130px;gap:10px;margin-bottom:22px}
.kr-menu-type{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;border-radius:13px;background:#f0f1ed;text-decoration:none;color:#172019;isolation:isolate;transition:background .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.kr-menu-type:first-child{grid-column:span 2;grid-row:span 2;background:#e9edfa}
.kr-menu-type img{position:absolute;inset:0 8px 24px;width:calc(100% - 16px);height:calc(100% - 30px);object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.kr-menu-type>span{position:relative;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:10px 12px;font-size:12px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.kr-menu-type i{font-style:normal;font-size:15px;font-weight:400}
.kr-menu-brands-label{font-size:11px;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:#777b72;margin:0 0 10px}
#layer .km.kr-menu-bento .krsd-chooser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#layer .km.kr-menu-bento .krsd-choice{min-height:82px!important;background:#fff!important}
@media(hover:hover){.kr-menu-type:hover img{transform:scale(1.045)}.kr-menu-type:hover{background:#e8ecf6}}
@media(max-width:899px){
 #layer .overlay.menu-ov .km.kr-menu-bento{padding:0 16px 28px!important}
 #layer .km.kr-menu-bento .km-topbar{margin-bottom:0!important}
 #layer .km.kr-menu-bento .krsd-title{font-size:30px!important}
 #layer .km.kr-menu-bento .krsd-heading{margin:15px 0 16px!important}
 #layer .km.kr-menu-bento .krsd-directory{display:flex!important;flex-direction:column;gap:18px!important;min-height:0!important}
 #layer .km.kr-menu-bento .krsd-categories{width:100%;padding:0!important;border:0!important}
 #layer .km.kr-menu-bento .krsd-categories>h2{display:none!important}
 #layer .km.kr-menu-bento .krsd-categories .km-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important}
 #layer .km.kr-menu-bento .krsd-categories .kmt{margin:0!important;min-height:96px!important;padding:9px 8px!important}
 #layer .km.kr-menu-bento .krsd-categories .kmt:first-child{grid-column:span 2;grid-row:span 2}
 #layer .km.kr-menu-bento .krsd-categories .kmt:first-child .kr-menu-category-image{height:125px}
 #layer .km.kr-menu-bento .kr-menu-category-image{height:53px}
 #layer .km.kr-menu-bento .krsd-brands{width:100%}
 #layer .km.kr-menu-bento .krsd-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #layer .km.kr-menu-bento.krsd-choosing .krsd-categories .km-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #layer .km.kr-menu-bento.krsd-choosing .krsd-categories .kmt{min-height:35px!important;padding:8px 5px!important;justify-content:center!important;align-items:center!important;border-radius:8px!important;text-align:center}
 #layer .km.kr-menu-bento.krsd-choosing .krsd-categories .kmt:first-child{grid-column:auto;grid-row:auto}
 #layer .km.kr-menu-bento.krsd-choosing .kr-menu-category-image{display:none!important}
 #layer .km.kr-menu-bento.krsd-choosing .krsd-categories .kmt-n{font-size:10px!important}
 #layer .km.kr-menu-bento .krsd-chooser{width:100%}
 #layer .km.kr-menu-bento .krsd-chooser-title{font-size:25px!important;letter-spacing:-.05em}
 #layer .km.kr-menu-bento .krsd-chooser-all-count{padding:0!important}
 .kr-menu-types{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:122px;gap:8px;margin-bottom:22px}
 .kr-menu-type>span{padding:10px;font-size:11px}
 .kr-menu-type:first-child>span{font-size:15px}
 .kr-menu-type:nth-child(n+2){grid-column:span 2}
 .kr-menu-type:first-child{grid-column:span 2;grid-row:span 2}
 .kr-menu-type:nth-child(n+4){grid-column:span 2;grid-row:span 1}
 .kr-menu-type:nth-child(4),.kr-menu-type:nth-child(5){height:122px}
 #layer .km.kr-menu-bento .krsd-chooser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #layer .km.kr-menu-bento .krsd-choice{min-height:75px!important;padding:12px 7px!important}
 #layer .km.kr-menu-bento .krsd-bestsellers{margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){.kr-menu-type,.kr-menu-type img{transition:none!important}}
