*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:#fff}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}main{border-bottom:1px solid rgba(0,0,0,.15)}table{border-collapse:collapse;width:100%}:root{--color-primary:#1976d2;--color-primary-dark:#0d47a1;--color-primary-light:#e8f4fd;--color-secondary:#ffc220;--color-secondary-dark:#e6a800;--color-success:#007600;--color-danger:#f97316;--color-error:#c40000;--color-warning:#f2a900;--color-info:#0071ce;--color-surface:#fff;--color-text:#000;--color-text-muted:#000;--color-text-light:#000;--color-text-inverse:#fff;--color-border:#e0e0e0;--color-border-focus:#0071ce;--color-bg:#fff;--color-bg-white:#fff;--color-bg-gray:#f5f5f5;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.15);--shadow-xl:0 16px 48px rgba(0,0,0,.2);--container-max:1440px;--container-padding:1.5rem;--header-height:42px;--nav-height:31px;--lnb-width:120px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1024px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-bold{font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.hidden{display:none!important}.w-full{width:100%}.h-full{height:100%}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);line-height:1;transition:background-color var(--transition-fast),transform var(--transition-fast);cursor:pointer;border:2px solid transparent;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary-light)}.btn-pager{border-color:transparent}.btn-ghost,.btn-pager:hover{background-color:transparent}.btn-ghost{color:var(--color-text)}.btn-ghost:hover{background-color:var(--color-bg-gray)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background-color:var(--color-bg-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(0,113,206,.15)}.form-input.error{border-color:var(--color-danger)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.card{background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-body{padding:var(--space-4)}.product-card{background:var(--color-bg-white);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-base);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-md)}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden;background-color:#fff}.product-card__image img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__body{padding:var(--space-3);flex:1 1;display:flex;flex-direction:column;gap:var(--space-1)}.product-card__brand{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.product-card__name{font-size:.82rem;font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.product-card__price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-top:auto}.product-card__original-price{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:line-through}.product-card__discount{font-size:var(--font-size-xs);color:var(--color-danger);font-weight:var(--font-weight-bold)}.product-card__rating{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-card--loading{opacity:0}.product-card--loaded{opacity:1;transition:opacity .4s ease}.product-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-border)}.product-card__image .badge{position:absolute;top:8px;left:8px}.product-card__image-link{display:block;width:100%;height:100%}.product-card__body{text-decoration:none;color:inherit}.product-card__soldout-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font-weight:700;font-size:1rem;letter-spacing:.05em}.product-card__badge,.product-card__badges{position:absolute;top:8px;left:8px;z-index:1}.product-card__badges{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.pc-badge{font-size:.62rem;font-weight:800;letter-spacing:.03em;padding:2px 5px;line-height:1.3;color:#fff}.pc-badge--new{background:#111}.pc-badge--best{background:#c0392b}.product-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pc-tag{font-size:.66rem;font-weight:700;padding:1px 5px;border:1px solid;line-height:1.4}.pc-tag--ship{color:#1f7a3d}.pc-tag--coupon{color:#c0392b}.product-card__price .product-card__discount{margin-right:4px}.product-card__wish{position:absolute;top:6px;right:6px;z-index:2;width:32px;height:32px;border:none;border-radius:999px;background:hsla(0,0%,100%,.9);color:#111;font-size:1.05rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:background .15s,transform .15s}.product-card__wish:hover{background:#fff;transform:scale(1.08)}.product-card__wish[data-wished="1"]{color:#dc2626}.product-card__quickadd{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;height:34px;border:none;border-radius:var(--radius-sm,0);background:hsla(0,0%,7%,.9);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s,background .15s}.product-card:hover .product-card__quickadd{opacity:1;transform:translateY(0)}.product-card__quickadd:hover{background:#000}.product-card__quickadd[data-loading="1"]{opacity:1;transform:none}@media (hover:none){.product-card__quickadd{opacity:1;transform:none}}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-danger{background-color:#fde8e8;color:var(--color-danger)}.badge-success{background-color:#e8f5e8;color:var(--color-success)}.badge-warning{background-color:#fff8e1;color:#b45309}.badge-rollback{background-color:var(--color-secondary);color:var(--color-text)}.announcement-bar{background:#f4f5f0;padding:calc(var(--space-2) * .7) 0;border-bottom:1px solid rgba(0,0,0,.15)}.announcement-bar__inner{text-align:center}.announcement-bar__text{margin:0;font-size:var(--font-size-sm);font-weight:500;color:#000}.announcement-bar__icon{display:inline-block;height:2.5rem;max-width:100%;vertical-align:middle;object-fit:contain}.site-header{background-color:transparent;min-height:var(--header-height);position:relative;border-bottom:1px solid rgba(0,0,0,.15);padding-top:14px;padding-bottom:14px}.site-header__inner{display:flex;align-items:center;height:100%;position:relative;gap:var(--space-4)}.site-header__logo{font-size:1.75rem;font-weight:var(--font-weight-bold);color:#000;white-space:nowrap;display:inline-flex;align-items:center;justify-content:flex-start;line-height:normal;width:var(--lnb-width);flex-shrink:0;align-self:center;padding-left:0;margin-left:0}.site-header__logo-img{max-height:40px;max-width:160px;object-fit:contain;display:block}.site-header__loadtime{color:#000;margin-left:6px;align-self:center;white-space:nowrap;font-weight:var(--font-weight-normal);line-height:1}.site-header__home-icon-img{width:20px;height:20px;object-fit:contain;display:block}.site-header__search-wrap{position:relative;display:flex;align-items:center;gap:var(--space-3);color:#000;flex:1 1 auto;min-width:0;justify-content:center;z-index:var(--z-sticky)}.site-header__search{width:100%;max-width:770px;margin:0 auto;position:relative;display:flex;align-items:stretch;border:1.5px solid #000;background:#fff}.site-header__search-category{flex:0 0 auto;max-width:130px;border:none;border-right:1.5px solid #000;padding:4px 26px 4px 10px;font-size:var(--font-size-sm);color:#000;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0 L5 6 L10 0 Z' fill='%23000'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:9px 6px}.site-header__search-input{flex:1 1 auto;width:auto;min-width:0;padding:4px var(--space-4);padding-right:3rem;border-radius:0;border:none;font-size:var(--font-size-base)}.site-header__search-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000}.site-header__actions{display:flex;align-items:center;gap:var(--space-4);color:#000;margin-left:auto}.site-header__action{display:flex;flex-direction:column;align-items:center;font-size:var(--font-size-xs);color:#000;cursor:pointer;gap:2px}.site-header__action:hover{color:var(--color-secondary)}.site-header__action-img{width:20px;height:20px;object-fit:contain;display:block}.site-header__cart-wrap{position:relative;display:inline-flex;align-items:center}.site-header__cart-count--hidden{display:none}.site-header__cart-count{position:absolute;top:3px;left:100%;transform:translateX(-50%);background:var(--color-secondary);color:var(--color-text);border-radius:var(--radius-full);min-width:18px;height:18px;font-size:11px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none}@media (max-width:768px){.site-header{padding-top:12px;padding-bottom:12px}.site-header__inner{flex-wrap:wrap;row-gap:var(--space-3)}.site-header__logo{width:auto;font-size:1.35rem;order:1}.site-header__actions{order:2;gap:var(--space-3);margin-left:auto}.site-header__search-wrap{order:3;flex:1 1 100%;width:100%}.site-header__search{width:100%}.site-header__search-category{max-width:96px;font-size:var(--font-size-xs);padding:4px 22px 4px 8px}}@media (max-width:480px){.site-header__action span{display:none}.site-header__actions{gap:var(--space-4)}}.mega-menu{background:transparent;height:var(--nav-height);position:relative;border-bottom:1px solid rgba(0,0,0,.15)}.mega-menu__inner{gap:0;overflow:visible}.mega-menu__inner,.mega-menu__scroll{display:flex;height:100%;align-items:center}.mega-menu__scroll{min-width:0}@media (max-width:768px){.mega-menu__scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mega-menu__scroll::-webkit-scrollbar{display:none}.mega-menu__spacer{display:none}}.gnb-event-link{display:flex;align-items:center;height:100%;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:400;color:#000;text-decoration:none;white-space:nowrap;transition:opacity var(--transition-fast)}.gnb-event-link:hover{opacity:.7}.gnb-autohide--hidden,.gnb-event-link--hidden{display:none}.gnb-deal-link{display:flex;align-items:center;height:100%;padding:0 var(--space-4);font-size:var(--font-size-sm);font-weight:400;color:#000;text-decoration:none;white-space:nowrap;transition:opacity var(--transition-fast)}.gnb-deal-link:hover{opacity:.7}@media (max-width:768px){.gnb-deal-link{padding:0 var(--space-2)}}.gnb-signup-link{display:flex;align-items:center;height:100%;margin-left:0;padding:0 0 0 var(--space-4);font-size:var(--font-size-sm);font-weight:700;color:#000;text-decoration:none;white-space:nowrap}.gnb-signup-link:hover{text-decoration:underline}.gnb-lang{display:flex;align-items:center;gap:4px;height:100%;padding:0 0 0 var(--space-4)}.gnb-lang__select{height:26px;padding:0 22px 0 8px;border:1px solid var(--color-border);border-radius:4px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:var(--font-size-sm);font-weight:400;color:#000;cursor:pointer}.gnb-lang__select:hover{border-color:var(--color-primary)}.gnb-lang__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.mega-menu__spacer{margin-left:auto}.gnb-community-link{display:flex;align-items:center;height:100%;padding:0 0 0 var(--space-4);font-size:var(--font-size-sm);font-weight:400;color:#000;text-decoration:none;white-space:nowrap}.gnb-community-link:hover{text-decoration:underline}.gnb-consult-link{display:flex;align-items:center;height:100%;padding:0 0 0 var(--space-4);border:none;background:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:400;color:#000;white-space:nowrap;cursor:pointer}.gnb-consult-link:hover{text-decoration:underline}.mega-menu__links{flex:1 1;display:flex;height:100%;align-items:center;justify-content:center;overflow-x:auto;min-width:0}.mega-menu__item{position:relative}.mega-menu__trigger{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-4);height:var(--nav-height);color:#000;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;background:none;border:none;text-decoration:none;transition:background-color var(--transition-fast)}.mega-menu__trigger:hover{background-color:transparent}.mega-menu__item--active .mega-menu__trigger{background-color:transparent;color:var(--color-primary);font-weight:var(--font-weight-bold)}.lnb-sidebar{position:relative;flex-shrink:0;width:var(--lnb-width)}.lnb-sidebar,.lnb-toggle{height:100%;display:flex;align-items:center}.lnb-toggle{justify-content:flex-start;gap:.6rem;width:100%;background:transparent;color:#000;font-size:.875rem;font-weight:400;border:none;cursor:pointer;letter-spacing:.02em;white-space:nowrap;transition:background .15s}.lnb-toggle:hover{background:rgba(0,0,0,.06)}.lnb-toggle svg{flex-shrink:0;transition:transform .2s ease}.lnb-sidebar--open .lnb-toggle svg{transform:rotate(180deg)}.lnb-cascade{position:absolute;top:100%;left:0;display:none;flex-direction:row;align-items:flex-start;z-index:calc(var(--z-sticky) - 1)}.lnb-sidebar--open .lnb-cascade{display:flex}.lnb-col{background:#fff;border-top:1px solid var(--color-border);border:1px solid var(--color-border);box-shadow:3px 6px 18px rgba(0,0,0,.11);max-height:calc(100vh - var(--header-height) - var(--nav-height) - 40px);overflow-y:auto;width:max-content;min-width:110px;animation:lnbColIn .14s ease}@keyframes lnbColIn{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}.lnb-col-list{list-style:none;padding:.105rem 0;margin:0}.lnb-col-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.175rem .875rem;font-size:.72rem;color:var(--color-text);white-space:nowrap;cursor:pointer;background:none;border:none;width:100%;text-align:left;text-decoration:none;transition:background .1s,color .1s}.lnb-col-item--active,.lnb-col-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.lnb-col-item--active{font-weight:600}.lnb-col-item__arrow{font-size:.5rem;opacity:.45;flex-shrink:0}.lnb-col-item--active .lnb-col-item__arrow{opacity:.9}.lnb-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.22);z-index:calc(var(--z-sticky) - 2)}.lnb-backdrop--open{display:block}@media (max-width:768px){.lnb-sidebar{position:static}.lnb-cascade{flex-direction:column;left:0;right:0;width:auto;max-height:calc(100vh - var(--header-height) - var(--nav-height) - 20px);overflow-y:auto;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}.lnb-col{width:100%;min-width:0;max-height:none;border-left:none;border-right:none;box-shadow:none}.lnb-col-item{padding:.85rem 1rem;font-size:.95rem}}.cart-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay)}.cart-overlay--open{display:block}.cart-drawer{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#fff;box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--transition-base);pointer-events:none}.cart-drawer--open{transform:translateX(0);pointer-events:auto}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.cart-drawer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.cart-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-xl);cursor:pointer}.cart-drawer__close:hover{background-color:var(--color-bg-gray)}.cart-drawer__body{flex:1 1;overflow-y:auto;padding:var(--space-4)}.cart-drawer__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.cart-drawer__total{display:flex;justify-content:space-between;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.cart-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.cart-item__image{width:72px;height:72px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-gray)}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__info{flex:1 1}.cart-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.cart-item__variant{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cart-item__price{font-weight:var(--font-weight-bold);color:var(--color-text)}.qty-control{gap:0;margin-top:var(--space-2)}.qty-btn,.qty-control{display:flex;align-items:center}.qty-btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:0;justify-content:center;font-size:var(--font-size-lg);cursor:pointer;background:#fff}.qty-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.qty-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.qty-btn:hover{background:var(--color-bg-gray)}.qty-value{min-width:40px;display:inline-block}.qty-number-input,.qty-value{font-weight:var(--font-weight-medium);text-align:center}.qty-number-input{width:2.2rem;height:32px;border:1px solid var(--color-border);border-left:none;border-right:none;border-radius:0;font-size:var(--font-size-sm);padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty-number-input::-webkit-inner-spin-button,.qty-number-input::-webkit-outer-spin-button{display:none}.stars{display:inline-flex;gap:2px}.star{color:var(--color-secondary);font-size:14px}.star--empty{color:var(--color-border)}.pagination{gap:var(--space-2)}.page-link,.pagination{display:flex;align-items:center;justify-content:center}.page-link{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-fast)}.page-link:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.page-link--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-link--disabled{opacity:.4;pointer-events:none}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--color-text);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-base) ease;max-width:360px}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-danger)}.toast--warning{background:var(--color-warning);color:var(--color-text)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:var(--z-overlay);align-items:center;justify-content:center}.modal-overlay--open{display:flex}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:540px;max-height:90vh;overflow-y:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal__body{padding:var(--space-6)}.modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end}.breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumb,.breadcrumb__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb__link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb__separator{color:var(--color-text-light)}.breadcrumb__current{color:var(--color-text)}.variant-group{display:flex;flex-direction:column;gap:2px}.variant-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left}.variant-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-option{padding:var(--space-1) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1.05rem;cursor:pointer;transition:all var(--transition-fast);background:#fff}.variant-option--selected,.variant-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.variant-option--selected{background:var(--color-primary-light);font-weight:var(--font-weight-bold)}.variant-option--out-of-stock{opacity:.4;cursor:not-allowed;text-decoration:line-through}.variant-group--size,.variant-group--size2{margin-top:var(--space-2)}.variant-select{width:100%;max-width:240px;padding:.25rem var(--space-3);border:1.5px solid #000;border-radius:var(--radius-sm);font-size:1.05rem;background:#fff;cursor:pointer;transition:border-color var(--transition-fast)}.variant-select:focus{outline:none;border-color:#000}.variant-price-wrap{margin-top:var(--space-2)}.variant-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:2px}.variant-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-size:.95rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.variant-chip:hover{border-color:#000}.variant-chip--active{border-color:#000;background:#000;color:#fff}.variant-chip__dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2);flex:0 0 auto}.variant-chip--soldout{color:var(--color-text-muted);cursor:not-allowed;text-decoration:line-through;opacity:.5}.variant-chip--soldout:hover{border-color:var(--color-border)}.variant-price-text{font-size:calc(var(--font-size-2xl) * .8);font-weight:400}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.section-link{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium)}.section-link:hover{text-decoration:underline}.event-section{background:transparent;color:var(--color-text);padding:var(--space-8) 0}.event-section__header{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:var(--space-4);row-gap:var(--space-4);margin-bottom:var(--space-6)}.event-section__title-line{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.event-section__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.event-section__subtitle{font-size:var(--font-size-sm);opacity:.8}.event-section__pagination{grid-column:1/-1;display:flex;gap:6px;justify-content:flex-end;align-items:center}.event-pagination__dot{width:28px;height:28px;border-radius:50%;border:1.5px solid gold;background:transparent;color:#000;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.event-pagination__dot:hover{background:#f97316;border-color:#f97316;color:#000}.event-pagination__dot.is-active{background:gold;border-color:gold;color:#000;font-weight:var(--font-weight-bold)}.event-section__more{font-size:var(--font-size-sm);color:#000;text-decoration:none;white-space:nowrap;text-align:right;align-self:center;font-weight:600}.event-section__more:hover{color:#000;text-decoration:underline}.event-section__viewport{overflow:hidden;container-type:inline-size}.event-section__track{display:flex;gap:var(--space-4);will-change:transform}.event-card{flex:0 0 calc((100cqi - 6 * var(--space-4)) / 7);width:calc((100cqi - 6 * var(--space-4)) / 7);background:#fff;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--color-text);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.event-card__image{position:relative;width:100%;aspect-ratio:1;background:#fff;overflow:hidden}.event-card__image img{width:100%;height:100%;object-fit:contain}.event-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#000}.event-card__badge{position:absolute;top:8px;left:8px;background:#f97316;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.05em}.event-card__body{padding:var(--space-3);flex:1 1;display:flex;flex-direction:column}.event-card__brand{font-size:.7rem;color:var(--color-text-muted);margin-bottom:2px}.event-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-top:auto}.event-card--loading{opacity:0}.event-card--loaded{opacity:1;transition:opacity .4s ease}@media (max-width:768px){.event-section__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.event-section__track{transform:none!important}.event-card{flex:0 0 44cqi!important;width:44cqi!important;scroll-snap-align:start}.event-section__pagination{display:none}}.img-loading{opacity:0}.img-loaded{opacity:1;transition:opacity .4s ease}.search-autocomplete{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);margin-top:var(--space-1);max-height:min(360px,60vh);overflow-y:auto;overscroll-behavior:contain;display:none}.search-autocomplete--open{display:block}.autocomplete-item{display:block;padding:.125rem var(--space-4);font-size:var(--font-size-sm);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.autocomplete-item--active,.autocomplete-item:hover{background:var(--color-bg-gray)}.autocomplete-head{padding:.35rem var(--space-4) .15rem;font-size:.72rem;font-weight:700;color:var(--color-text-muted)}.autocomplete-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.autocomplete-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-del{border:none;background:none;cursor:pointer;color:var(--color-text-muted);font-size:1rem;line-height:1;padding:0 .25rem;flex:0 0 auto}.autocomplete-del:hover{color:var(--color-text)}.logout-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:var(--z-modal);align-items:center;justify-content:center}.logout-modal-overlay--open{display:flex}.logout-modal{background:#fff;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-8) var(--space-6);box-shadow:var(--shadow-xl);width:320px;text-align:center}.logout-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-6)}.logout-modal-actions{display:flex;gap:var(--space-3);justify-content:center}.logout-modal-cancel,.logout-modal-confirm{flex:1 1}.mypage-container{padding:2rem 1.5rem;max-width:860px}.mypage-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-primary)}.mypage-title{font-size:var(--font-size-2xl)}.mypage-subtitle,.mypage-title{font-weight:var(--font-weight-bold);color:var(--color-text)}.mypage-subtitle{font-size:var(--font-size-base);margin-top:var(--space-1)}.mypage-orders-link{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-bold);white-space:nowrap}.mypage-orders-link:hover{text-decoration:underline}.mypage-header-actions .mypage-orders-link{font-size:calc(var(--font-size-lg) * .8)}.mycafe-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg-white,#fff)}.mycafe-bar__inner{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.85rem;padding-top:.384rem;padding-bottom:.384rem;line-height:1.1}.mycafe-bar__label{font-size:calc(var(--font-size-sm) * .9);color:#b8860b;font-weight:var(--font-weight-bold);white-space:nowrap;text-decoration:none;cursor:pointer}.mycafe-bar__label:hover{text-decoration:underline}.mycafe-bar__link{font-size:calc(var(--font-size-sm) * .9);color:var(--color-primary);font-weight:400;white-space:nowrap;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.mycafe-bar__link:hover{text-decoration:underline}.mypage-actions-label{font-size:calc(var(--font-size-lg) * .8);font-weight:var(--font-weight-bold);color:#f97316;white-space:nowrap}.mypage-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:5rem 0;text-align:center}.mypage-empty-icon{color:var(--color-border)}.mypage-empty-text{font-size:var(--font-size-lg);color:var(--color-text-muted)}.mypage-order-status[data-status=PENDING]{color:#f59e0b}.mypage-order-status[data-status=CONFIRMED],.mypage-order-status[data-status=PREPARING]{color:var(--color-primary)}.mypage-order-status[data-status=SHIPPED]{color:#8b5cf6}.mypage-order-status[data-status=DELIVERED]{color:var(--color-success)}.mypage-order-status[data-status=CANCELLED],.mypage-order-status[data-status=REFUNDED]{color:var(--color-error)}.mypage-groups{display:flex;flex-direction:column;gap:2.5rem}.mypage-date-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:var(--space-3)}.mypage-date-bar{display:inline-block;width:4px;height:1.1em;background:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.mypage-orders{display:flex;flex-direction:column;gap:var(--space-3)}.mypage-order-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-white)}.mypage-order-meta{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-gray);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.mypage-order-number{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.mypage-order-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.mypage-order-total{margin-left:auto;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.mypage-items{list-style:none;padding:0;margin:0}.mypage-item{border-bottom:1px solid var(--color-border)}.mypage-item:last-child{border-bottom:none}.mypage-item-thumb{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1 1}.mypage-item-image{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--color-border)}.mypage-item-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.mypage-item-link:hover{background-color:var(--color-primary-light)}.mypage-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mypage-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mypage-item-variant{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mypage-item-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.mypage-item-qty{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mypage-item-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.mypage-item-arrow{font-size:var(--font-size-sm);color:var(--color-primary)}.orders-page{padding:2rem 1rem;max-width:800px}.orders-page__title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.orders-page__empty{text-align:center;padding:4rem 0}.orders-page__empty-text{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:1.5rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.won{font-size:.85em;font-weight:400}.order-card{display:block;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;text-decoration:none;color:inherit;transition:border-color var(--transition-fast)}.order-card:hover{border-color:var(--color-primary)}.order-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.order-card__left{flex:1 1;min-width:0}.order-card__date{font-size:.85rem;color:var(--color-text-muted)}.order-card__items{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.order-card__item{display:flex;align-items:center;gap:.5rem}.order-card__item-image{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.order-card__item-name{font-weight:500;font-size:.9rem}.order-card__number{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.order-card__right{text-align:right;flex-shrink:0}.order-card__status{font-size:.8rem;font-weight:600;margin-bottom:.25rem}.order-card__total{font-weight:700;font-size:var(--font-size-sm)}.order-detail__item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.order-detail__item-left{display:flex;align-items:flex-start;gap:.625rem}.order-detail__item-image{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.order-detail__item-info{display:flex;flex-direction:column;gap:.2rem}.order-detail__item-name{font-weight:500}.order-detail__item-price,.order-detail__item-variant{color:var(--color-text-muted);font-size:.8rem}.order-detail__item-subtotal{font-weight:600;flex-shrink:0}.site-footer{background:transparent;color:#000;padding:calc(var(--space-3) * .25) 0 var(--space-2);margin-top:var(--space-16)}.site-footer__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin-bottom:calc(var(--space-2) * .25)}.site-footer__link{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.site-footer__link:hover{color:#000}.site-footer__divider{color:#000;font-size:var(--font-size-sm)}.site-footer__bottom{border-top:1px solid rgba(0,0,0,.15);padding-top:calc(var(--space-3) * .4);padding-bottom:var(--space-1);text-align:center;font-size:.75rem;line-height:1.15}.site-footer__bizinfo{font-size:.75rem;color:#000;line-height:1.15;margin-bottom:calc(var(--space-1) * .3);word-break:keep-all}.site-footer__bizinfo-link{color:#000;text-decoration:underline;text-underline-offset:2px}.site-footer__bizinfo-link:hover{color:#000}@media (max-width:768px){.site-footer{margin-top:var(--space-8)}.site-footer__links{gap:.1rem .2rem}.site-footer__link{padding:.35rem .55rem}.site-footer__divider{display:none}.site-footer__bizinfo{font-size:.7rem}}