.sp-page-bg{background:var(--color-background-primary);width:100%;min-height:100dvh}#sp-body{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:100px 60px 120px}#sp-body:has(#sp-pagination){padding-bottom:80px}#sp-head{padding-top:8px}#sp-body.sp-anim #sp-page-title{animation:gtr-rise-20 var(--duration-slide) ease-out .15s forwards}#sp-body.sp-anim #sp-page-subtitle{animation:gtr-rise-20 var(--duration-slide) ease-out .3s forwards}#sp-body.sp-anim #sp-filter-wrap{animation:gtr-rise-16 var(--duration-fade) ease-out .45s forwards}#sp-filter-tabs{display:flex;position:relative}#sp-filter-indicator{background:var(--color-accent-gold);width:0;height:2px;transition:left var(--duration-transition) cubic-bezier(.4,0,.2,1), width var(--duration-transition) cubic-bezier(.4,0,.2,1);z-index:1;position:absolute;bottom:0;left:0}.sp-filter-tab{cursor:pointer;min-width:72px;font-family:var(--font-kr);font-size:var(--type-heading-s-size);letter-spacing:var(--ls-neutral);color:var(--tab-color);transition:color var(--duration-hover) ease;white-space:nowrap;text-align:center;background:0 0;border:none;padding:20px 30px 16px;font-weight:400}.sp-filter-tab:hover{color:var(--tab-color-active)}.sp-filter-tab.active{color:var(--tab-color-active);font-weight:500}.sp-filter-tab:focus{outline:none}.sp-filter-tab:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}.sp-tab-label{pointer-events:none}@media (max-width:767px){#sp-body{padding-top:56px;padding-left:24px;padding-right:24px}#sp-filter-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;--sp-fade:24px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 100%);mask-image:linear-gradient(90deg,#000 0 100%)}#sp-filter-tabs[data-scroll=start]{-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--sp-fade)), transparent 100%);mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--sp-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, #000 0, #000 calc(100% - var(--sp-fade)), transparent 100%)}#sp-filter-tabs[data-scroll=middle]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-fade), #000 calc(100% - var(--sp-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-fade), #000 calc(100% - var(--sp-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-fade), #000 calc(100% - var(--sp-fade)), transparent 100%)}#sp-filter-tabs[data-scroll=end]{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-fade), #000 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-fade), #000 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-fade), #000 100%)}#sp-filter-tabs::-webkit-scrollbar{display:none}.sp-filter-tab{flex-shrink:0;min-width:auto;padding:12px 18px 10px}#sp-filter-wrap{top:var(--sticky-offset);z-index:5;background:var(--color-background-primary);position:sticky}}#sp-rows{flex-direction:column;gap:80px;display:flex}@media (max-width:1023px){#sp-rows{gap:64px}}@media (max-width:767px){#sp-rows{gap:56px}}.sp-row{flex-direction:column;display:flex}.sp-row-header{margin-bottom:24px}#sp-body.sp-anim .sp-row-header,.sp-row-header--enter{animation:gtr-rise-16 var(--duration-fade) ease-out .42s both}@media (max-width:767px){.sp-row-header{margin-bottom:20px}}.sp-row-eyebrow{font-family:var(--font-en);font-size:var(--type-body-s-size);color:var(--color-label-on-white);letter-spacing:var(--ls-label);text-transform:uppercase;font-weight:500;display:inline-block}.sp-grid{gap:20px;display:grid}.sp-grid--bean{grid-template-columns:repeat(2,1fr)}.sp-grid--drip{grid-template-columns:repeat(4,1fr)}@media (max-width:1023px){.sp-grid{gap:16px}}@media (max-width:767px){.sp-grid{gap:12px}.sp-grid--bean{grid-template-columns:repeat(2,1fr)}.sp-grid--bean .sp-card-thumb{aspect-ratio:1!important}.sp-grid--drip{grid-template-columns:repeat(2,1fr)}}.sp-card{cursor:default;opacity:0;transition:opacity var(--duration-fade) ease-out, transform var(--duration-fade) ease-out;flex-direction:column;display:flex;transform:translateY(24px)}.sp-card.sp-visible{opacity:1;transform:none}#sp-body.sp-cards-entering .sp-card{animation:gtr-rise-24 var(--duration-fade) ease-out var(--sp-card-delay,0s) both}.sp-card-thumb{cursor:pointer;aspect-ratio:1;border:1px solid var(--color-border-surface);background:#eaeaea;width:100%;position:relative;overflow:hidden}.sp-card-img{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:transform 1.2s}@media (hover:hover){.sp-card-thumb:hover .sp-card-img{transform:scale(1.02)}}@keyframes sp-thumb-flash{0%,to{opacity:1}45%{opacity:.35}}.sp-card--highlight .sp-card-thumb{animation:.7s .6s 2 sp-thumb-flash}.sp-card-info{background:var(--color-background-primary);text-align:center;padding:16px 4px 28px}.sp-card-name{font-family:var(--font-kr);font-size:var(--type-body-l-size);color:var(--color-text-primary);margin:0 0 6px;font-weight:500;line-height:24px}.sp-card-price{font-family:var(--font-en);font-size:var(--type-body-m-size);color:var(--color-text-primary);margin:0;font-weight:400}@media (max-width:767px){.sp-card-thumb .sp-card-badge{top:10px;left:10px}}@media (max-width:480px){.sp-card-thumb .sp-card-badge{top:8px;left:8px}}