/* Product catalog layout, isolated from the legacy off-canvas sidebar. */
.m9-catalog [hidden]{display:none!important}
body.m9-filter-open [aria-label="온라인 상담 열기"]{visibility:hidden!important;pointer-events:none!important}
.m9-catalog .shop-header{margin-bottom:12px}
.m9-catalog .shop-desc{display:none}
.m9-catalog #m9FilterToggle{animation:none;box-shadow:none;padding:11px 20px;min-height:44px;background:#67482f!important}
.m9-catalog #m9FilterToggle:after{display:none}
.m9-catalog .m9-quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.m9-catalog .m9-quick-filters button,.m9-catalog .m9-filter button,.m9-catalog .m9-chip,.m9-catalog #m9LoadMore{min-height:44px;border:1px solid #ded0bf;border-radius:8px;background:#fffdf9;color:#493727;padding:10px 14px;font:inherit;cursor:pointer}
.m9-catalog button:focus-visible,.m9-catalog input:focus-visible{outline:2px solid #806344;outline-offset:3px}
.m9-catalog .m9-catalog-layout{display:grid!important;grid-template-columns:328px minmax(0,1fr)!important;gap:24px;align-items:start}
.m9-catalog .m9-catalog-layout .products-section{width:100%;max-width:100%;min-width:0}
.m9-catalog .m9-filter-wrapper{position:sticky;top:85px;min-width:0;z-index:30}
.m9-catalog .m9-filter{display:flex;flex-direction:column;border:1px solid #ded0bf;border-radius:14px;background:#fffdf9;color:#33291f;height:min(680px,var(--m9-filter-room,calc(100dvh - 240px)));max-height:calc(100dvh - 145px);overflow:hidden}
.m9-catalog .m9-filter-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5dbce;flex-shrink:0}
.m9-catalog .m9-filter-head h2{font-size:20px;margin:0}
.m9-catalog .m9-filter-head #m9FilterClose{border:0;padding:8px;min-width:44px}
.m9-catalog .m9-filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 10px;border-bottom:1px solid #e5dbce;flex-shrink:0}
.m9-catalog .m9-filter-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;border:0;border-radius:0;border-bottom:3px solid transparent;padding:12px 2px;font-size:12px;white-space:nowrap;background:transparent}
.m9-catalog .m9-filter-tabs button[aria-selected=true]{border-bottom-color:#67482f;background:#f1e7d7;color:#583b24;font-weight:700}
.m9-catalog .m9-filter-tabs small{display:inline-grid;place-items:center;min-width:15px;height:17px;border-radius:8px;background:#67482f;color:#fff;font-size:9px;font-weight:600}
.m9-catalog .m9-filter-guide{margin:0;padding:11px 16px;border-bottom:1px solid #e8ddcb;background:#fbf4e7;font-size:12px;line-height:1.7;word-break:keep-all;color:#7b5a32;flex-shrink:0}
.m9-catalog .m9-filter-tabs .m9-guide-next{background:#fff1cc;animation:m9-filter-tab-hint 1.35s ease-out 3}
.m9-catalog .m9-filter-tabs .m9-guide-next:after{content:'';position:absolute;right:5px;top:7px;width:5px;height:5px;border-radius:50%;background:#b88020}
@keyframes m9-filter-tab-hint{0%,100%{box-shadow:inset 0 0 0 1px #e4c895;background:#fff6de}50%{box-shadow:inset 0 0 0 2px #b88020;background:#f9e5ad}}
.m9-catalog .m9-filter-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 12px;min-height:0}
.m9-catalog .m9-filter-group{padding-top:18px}
.m9-catalog .m9-filter-group h3{font-size:15px;margin:0 0 10px}
.m9-catalog .m9-filter-group input[type=search]{width:100%;min-height:44px;padding:10px 12px;border:1px solid #ded0bf;border-radius:8px;background:#f8f5ef;color:#33291f;font:inherit;font-size:16px;margin-bottom:8px;box-sizing:border-box}
.m9-catalog .m9-filter-list{list-style:none;padding:0;margin:0;max-height:none;overflow:visible}
.m9-catalog .m9-filter-list li{margin:0;border-bottom:1px solid #eee5db;padding:0;list-style:none}
.m9-catalog .m9-filter-list label{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 1px;cursor:pointer}
.m9-catalog .m9-filter-list input{width:18px;height:18px;flex-shrink:0;accent-color:#67482f;margin:0}
.m9-catalog .m9-filter-list span{flex:1;overflow-wrap:anywhere;font-size:14px}
.m9-catalog .m9-filter-list small{color:#756858;font-size:12px;font-variant-numeric:tabular-nums}
.m9-catalog .m9-option-empty{padding:16px 0!important;color:#756858}
.m9-catalog .m9-filter-footer{padding:12px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid #e5dbce;background:#fffdf9;flex-shrink:0}
.m9-catalog #m9FilterNote{font-size:12px;color:#756858;margin:0 0 10px;max-height:44px;overflow:auto;overflow-wrap:anywhere}
.m9-catalog .m9-filter-actions{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px}
.m9-catalog .m9-filter-actions button{padding:10px 6px;font-size:14px;min-height:48px}
.m9-catalog #m9FilterApply{background:#087f73;color:#fff;border-color:#076b61;font-weight:700;box-shadow:0 2px 5px #064e471f;transition:background-color .18s ease,box-shadow .18s ease}
.m9-catalog #m9FilterApply:hover:not(:disabled){background:#076b61}
.m9-catalog #m9FilterApply:focus-visible{outline:3px solid #087f73;outline-offset:4px}
.m9-catalog #m9FilterApply:disabled{opacity:.6;cursor:wait}
.m9-catalog #filterReset,.m9-catalog .m9-chip-reset{background:#fff0f3;border:1px solid #d68f9c;color:#9f263c;font-weight:700}
.m9-catalog #filterReset:hover,.m9-catalog .m9-chip-reset:hover{background:#fbe0e7;border-color:#b7425a}
.m9-catalog .m9-apply-help{font-size:11px;line-height:1.7;margin:0 0 10px;color:#7b6956;word-break:keep-all}
.m9-catalog .m9-apply-help.m9-apply-pending{color:#076b61;font-weight:700}
.m9-catalog .m9-apply-pending span{display:inline-block;animation:m9-filter-arrow-hint 1.4s ease-in-out 4}
.m9-catalog #m9FilterApply.m9-apply-ready{box-shadow:0 0 0 3px #c7eae2;animation:m9-filter-apply-hint 1.4s ease-in-out 4}
@keyframes m9-filter-apply-hint{0%,100%{background-color:#087f73;transform:translateY(0) scale(1);box-shadow:0 0 0 3px #c7eae2}45%{background-color:#064e47;transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 7px #59c4ad80,0 6px 12px #064e4733}}
@keyframes m9-filter-arrow-hint{45%{transform:translateY(5px)}}
.m9-catalog .selected-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.m9-catalog .m9-chip{font-size:12px;padding:8px 12px;border-radius:24px;background:#eee3d2;border-color:transparent;white-space:normal}
.m9-catalog .m9-chip.m9-chip-reset{background:#fff0f3;border-color:#d68f9c;color:#9f263c;font-weight:700}
.m9-catalog .m9-chip-share{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid #c9bca9;background:#fffdf9;border-radius:50%}
.m9-catalog .m9-chip-share.m9-copy-done{color:#28614c;border-color:#78a48f;background:#edf7ef}
.m9-catalog .m9-copy-status{font-size:12px;color:#4c6c57;margin:0 0 12px}
.m9-catalog .m9-copy-status:empty{display:none}
.m9-catalog .products{align-items:start}
.m9-catalog .product-title{display:block}
.m9-catalog .product-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m9-catalog .products .product-card{content-visibility:auto;contain-intrinsic-size:auto 440px}
.m9-catalog .product-media{aspect-ratio:3/4;background:#eee8df;overflow:hidden}
.m9-catalog .products .product-media img{width:100%!important;height:100%!important;aspect-ratio:3/4;object-fit:cover}
.m9-catalog .product-card:hover .img-primary{opacity:1}
.m9-catalog .product-card:hover .img-secondary{opacity:0}
@media(hover:hover) and (pointer:fine){.m9-catalog .product-card.m9-hover-ready:hover .img-secondary{opacity:1}.m9-catalog .product-card.m9-hover-ready:hover .img-primary{opacity:0}}
.m9-catalog #filterLoading{position:sticky;top:80px;padding:12px;background:#eee3d2;color:#493727;border-radius:8px;z-index:5;margin-bottom:12px}
.m9-catalog #m9LoadMore{display:block;margin:16px auto;min-width:170px}
.m9-catalog #m9LoadMore:disabled{opacity:.65;cursor:wait}
.m9-catalog #infiniteLoading{padding:14px;text-align:center;color:#756858}
.m9-catalog #infiniteLoading:after{display:none}
.m9-catalog .m9-no-results{grid-column:1/-1;list-style:none;padding:40px 16px;text-align:center;color:#756858}
.m9-catalog .m9-filter-scrim{position:fixed;inset:0;background:rgba(24,18,10,.45);z-index:10020}
@media(min-width:768px){.m9-catalog #m9FilterClose{display:none}.m9-catalog:not(.m9-member) .m9-catalog-layout{grid-template-columns:minmax(0,1fr)!important}.m9-catalog.m9-member .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1100px){.m9-catalog.m9-member .products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){
 .m9-catalog .m9-catalog-layout{display:block!important}
 .m9-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .m9-catalog .m9-filter-wrapper{position:fixed;inset:auto 0 0;z-index:10021;max-width:none}
 .m9-catalog .m9-filter{height:auto;max-height:85vh;max-height:min(85dvh,760px);min-height:min(440px,85dvh);border-radius:22px 22px 0 0;border-bottom:0;width:100%;box-shadow:0 -8px 30px rgba(0,0,0,.12)}
 .m9-catalog .m9-filter-head{padding:12px 18px;border:0}
 .m9-catalog .m9-filter-guide{padding-left:18px;padding-right:18px}
 .m9-catalog .m9-filter-body{flex:1;padding:0 18px 16px;min-height:180px}
 .m9-catalog .m9-filter-group{padding-top:14px}
 .m9-catalog .m9-filter-group h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .m9-catalog .m9-filter-list label{min-height:48px}
 .m9-catalog .m9-filter-footer{padding-left:18px;padding-right:18px}
 .m9-catalog .products .product-card{contain-intrinsic-size:auto 330px}
}
@media(prefers-reduced-motion:reduce){.m9-catalog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}