:root{--primary: #1d1d1f;--accent: #0071e3;--bg: #f5f5f7;--text: #1d1d1f;--shadow: 0 8px 30px rgba(0,0,0,.08);--card-radius: 18px;--btn-radius: 12px;--cont-wall-bg: rgba(176, 190, 197, .3);--cont-border: #78909c;--cont-back: #90a4ae}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;background:var(--bg);color:var(--text);height:100dvh;overflow-x:hidden;overflow-y:hidden;-webkit-font-smoothing:antialiased;width:100%}.hidden{display:none!important}#store-view{display:flex;height:100dvh;position:relative;width:100%;overflow:hidden}.main-content{flex:1;min-width:0;padding:0 var(--sf-content-pad-x) var(--sf-content-pad-y);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.sticky-header-container{position:sticky;top:0;flex-shrink:0;background:#f5f5f7f7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:50;padding:var(--sf-content-pad-y) 0 12px;margin:0 0 12px;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #f5f5f7d9;isolation:isolate}.sticky-header-container:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:100vh;background:var(--bg);pointer-events:none}header{display:flex;justify-content:space-between;align-items:center;position:relative}.btn{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:var(--btn-radius);cursor:pointer;font-weight:600;transition:all .2s ease}.btn:active{transform:scale(.96)}.btn-accent{background:var(--accent)}.btn-accent:hover{background:#0077ed}.btn-success{background:#34c759}.btn-success:hover{background:#30d158}.category-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.filter-tag{padding:8px 18px;background:#e8e8ed;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:.2s ease}.filter-tag:hover{background:#d1d1d6}.filter-tag.active{background:var(--primary);color:#fff}.storefront-sub-tags.category-filter{overflow-x:visible;flex-wrap:wrap;padding-bottom:4px}.mobile-sub-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.mobile-sub-filter-toggle{flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:600;color:var(--accent);background:#e8f4ff;border:1px solid rgba(0,113,227,.25);border-radius:20px;cursor:pointer}.mobile-sub-filter-toggle:active{opacity:.85;transform:scale(.98)}.mobile-sub-filter-summary{flex:1;min-width:0;font-size:12px;font-weight:600;color:#34c759;text-align:right;line-height:1.35}.storefront-filters-root{width:100%}.storefront-filters-inner .storefront-sub-tags{margin-top:2px}.product-grid{padding-bottom:clamp(24px,4vw,30px);position:relative;z-index:1}.product-card{background:#fff;padding:10px;border-radius:14px;box-shadow:0 3px 16px #0000000a;position:relative;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.product-card img{width:100%;object-fit:cover;border-radius:8px;margin-bottom:8px}.product-card h3{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.biz-info{background:#fbfbfd;padding:8px;border-radius:8px;margin-bottom:8px;border:1px solid #e5e5ea;font-size:11px}.info-row{display:flex;justify-content:space-between;margin-bottom:3px;color:#86868b;align-items:center;font-weight:500;font-size:11px}.margin-badge{background:#eefdf3;color:#34c759;padding:2px 6px;border-radius:5px;font-weight:600;font-size:10px}.add-btn-row{display:flex;align-items:center;gap:10px;margin-top:auto}.add-btn-row .add-btn{flex:1;width:auto;margin-top:0}.add-btn{background:var(--accent);color:#fff;border:none;padding:8px;width:100%;margin-top:auto;cursor:pointer;border-radius:10px;font-weight:600;font-size:12px}.add-btn-cart-indicator{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:default;-webkit-user-select:none;user-select:none}.add-btn-cart-icon{font-size:24px;line-height:1}.add-btn-cart-count{position:absolute;top:-3px;right:-6px;min-width:17px;height:17px;padding:0 4px;background:#ff3b30;color:#fff;font-size:10px;font-weight:700;border-radius:999px;border:2px solid #fff;line-height:13px;text-align:center;box-sizing:border-box;box-shadow:0 1px 4px #0000002e;animation:addBtnCartBadgePop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes addBtnCartBadgePop{0%{transform:scale(.7);opacity:.5}to{transform:scale(1);opacity:1}}.custom-input-group{display:flex;gap:6px;margin-bottom:6px;align-items:center}.custom-input-group input:not(.sf-card-qty-input){width:100%;padding:6px;border:1px solid #d1d1d6;border-radius:7px;text-align:center;font-size:12px;font-weight:500;transition:.2s}.custom-input-group input:not(.sf-card-qty-input):focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #0071e333}.product-card .sf-card-qty-stepper{display:inline-flex;align-items:stretch;border:1px solid #d1d1d6;border-radius:8px;overflow:hidden;background:#fff;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.product-card .sf-card-qty-btn{width:34px;min-width:34px;height:34px;border:none;background:#f5f5f7;color:#1d1d1f;font-size:18px;font-weight:600;cursor:pointer;padding:0;line-height:1;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.product-card .sf-card-qty-btn:hover{background:#e8e8ed}.product-card .sf-card-qty-btn:active{background:#d1d1d6}.product-card .sf-card-qty-input{width:12ch;min-width:12ch;max-width:12ch;flex:0 0 auto;border:none;border-left:1px solid #e5e5ea;border-right:1px solid #e5e5ea;padding:4px 8px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;box-sizing:border-box;background:#fff;-moz-appearance:textfield}.product-card .sf-card-qty-input:focus{outline:none;box-shadow:inset 0 0 0 2px #0071e340}.product-card .sf-card-qty-input::-webkit-outer-spin-button,.product-card .sf-card-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-summary{background:#fff8e6;padding:7px;border-radius:8px;font-size:11px;border:1px solid #fcebb6;margin-top:3px;font-weight:500}.sidebar{width:var(--sf-sidebar-w);min-width:280px;max-width:400px;flex-shrink:0;background:#fff;border-left:1px solid #e5e5ea;padding:clamp(16px,2vw,25px);display:flex;flex-direction:column;align-items:center;box-shadow:-10px 0 30px #00000005;z-index:10;overflow-y:auto;overflow-x:hidden}#sidebarTitle{max-width:min(280px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-stage{width:100%;height:300px;position:relative;margin:10px 0;perspective:1200px;cursor:grab;flex-shrink:0}.container-stage:active{cursor:grabbing}.container-box{width:118px;height:120px;position:absolute;left:calc(50% - 59px);top:80px;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(35deg);will-change:transform}@keyframes containerEntrance{0%{transform:translateZ(-800px) rotateX(10deg) rotateY(120deg) scale(.3)}to{transform:translateZ(0) rotateX(-15deg) rotateY(35deg) scale(1)}}.entrance-anim{animation:containerEntrance 1.2s cubic-bezier(.2,.8,.2,1)}.wall{position:absolute;background-color:var(--cont-wall-bg);border:1px solid var(--cont-border);pointer-events:none}.wall.back{width:118px;height:120px;transform:translateZ(-147.5px);background:var(--cont-back)}.wall.left{width:295px;height:120px;left:-147.5px;transform:rotateY(90deg)}.wall.right{width:295px;height:120px;right:-147.5px;transform:rotateY(-90deg)}.wall.bottom{width:118px;height:295px;bottom:-147.5px;transform:rotateX(90deg);background-color:var(--cont-border)}.wall.front{width:118px;height:120px;transform:translateZ(147.5px);border:2px dashed #e74c3c;background:#ff00000d}.real-box{position:absolute;transform-style:preserve-3d;transition:transform .4s ease-out,opacity .3s ease-in}.real-box-simple{position:absolute;transform-style:preserve-3d;box-sizing:border-box;border-radius:2px;background:linear-gradient(145deg,#d4a373,#9a6b42 55%,#6b4423);border:1px solid #5c3a1e;box-shadow:inset 0 1px #ffffff26}.real-box-face{position:absolute;background-color:#d4a373;border:1px solid #8c5c36;box-sizing:border-box;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.05) 5px,rgba(0,0,0,.05) 10px)}.box-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:70%;max-height:70%;opacity:.85;pointer-events:none;mix-blend-mode:multiply}@media(max-width:1200px)and (min-width:801px){:root{--sf-sidebar-w: clamp(260px, 30vw, 320px)}.container-stage{height:260px}}@media(min-width:1280px){.sidebar{max-width:420px}.container-stage{height:clamp(300px,28vh,360px)}#sidebarTitle{max-width:min(360px,100%);font-size:19px}.gacha-highlight-btn{font-size:17px;padding:13px 28px}#gachaModal .modal-content{width:min(1200px,92vw)!important;max-height:88vh!important}.gacha-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px));justify-content:start}}@media(min-width:1800px){.sidebar{max-width:480px}.container-stage{height:clamp(320px,30vh,400px)}.gacha-grid{grid-template-columns:repeat(auto-fill,minmax(230px,300px))}}@media(max-width:800px){.sidebar{width:100%;min-width:0;max-width:none}}.profit-dashboard{background:#eefdf3;border:1px solid #b7ebc7;padding:16px;border-radius:12px;margin-top:15px;width:100%;box-sizing:border-box}.shipping-selector{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:12px;padding:15px;width:100%;box-sizing:border-box;margin-bottom:10px}.shipping-selector select{width:100%;padding:10px;border:1px solid #d1d1d6;border-radius:8px;margin-bottom:8px;font-weight:600;background:#fff;outline:none;transition:.2s}.shipping-selector select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e333}@keyframes gachaPulse{0%{transform:scale(1);box-shadow:0 0 #a777e3b3}50%{transform:scale(1.05);box-shadow:0 0 0 15px #a777e300}to{transform:scale(1);box-shadow:0 0 #a777e300}}.gacha-highlight-btn{animation:gachaPulse 2s infinite;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border-radius:20px;padding:12px 24px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:transform .2s;white-space:nowrap;flex-shrink:0}.gacha-highlight-btn:active{transform:scale(.95)}#gachaModal{background:#0006!important}#gachaModal .modal-content{background:#ffffffe0!important;backdrop-filter:saturate(180%) blur(25px)!important;-webkit-backdrop-filter:saturate(180%) blur(25px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:24px!important;width:1000px!important;max-width:95%!important;max-height:85vh!important;padding:30px!important;box-shadow:0 24px 48px #0003!important;display:flex;flex-direction:column;text-align:left}.gacha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px;overflow-y:auto;overflow-x:hidden;padding:10px;margin-bottom:20px}.gacha-grid::-webkit-scrollbar{width:6px}.gacha-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.gacha-card{background:#ffffffb3;border-radius:16px;padding:12px;cursor:default;border:2px solid transparent;transition:all .2s ease;position:relative;box-shadow:0 4px 12px #0000000a;text-align:center;display:flex;flex-direction:column}.gacha-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a;background:#fff}.gacha-card img{width:100%;height:130px;object-fit:cover;border-radius:10px;margin-bottom:8px}.gacha-card h4{font-size:14px;margin:0 0 8px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000;opacity:1;transition:opacity .3s}.modal-content{background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:30px;border-radius:24px;width:340px;text-align:center;box-shadow:0 20px 40px #00000026;border:1px solid rgba(255,255,255,.5)}.modal-large{width:850px;max-height:85vh;overflow-y:auto;overflow-x:hidden;text-align:left}.form-control{width:100%;padding:12px;border:1px solid #d1d1d6;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;transition:.2s;background:#fff}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e333}.modal select.form-control,.modal input.form-control{min-height:44px;padding:10px 12px;border:1.5px solid #d1d1d6;border-radius:10px}.modal select.form-control:focus,.modal input.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e31f}#mobileCartBtn,#mobileCartOverlay{display:none}@media(max-width:800px){body{height:100dvh}#store-view{flex-direction:column;overflow:hidden}.main-content{padding:0 var(--sf-content-pad-x) var(--sf-content-pad-y);flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}.sticky-header-container{padding:12px 0 8px;margin:0 0 10px;position:sticky;top:0;z-index:50;width:100%;background:#f5f5f7f7}header{flex-direction:column;align-items:flex-start;gap:12px}header>div{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px!important}.product-grid{padding-bottom:max(120px,calc(var(--mobile-fab-bottom, 18px) + 72px))}.product-card{padding:12px;transition:transform .2s ease,box-shadow .2s ease}.product-card h3{font-size:15px}.product-card:active{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.add-btn{-webkit-tap-highlight-color:transparent;transition:transform .1s ease,background .2s ease}.add-btn:active{transform:scale(.98)}.gacha-highlight-btn{position:fixed!important;bottom:max(18px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:max-content;padding:12px 28px!important;z-index:90;box-shadow:0 10px 30px #a777e366;font-size:15px!important;margin:0!important}.gacha-highlight-btn:active{transform:translate(-50%) scale(.95)}#mobileCartBtn{display:flex!important;position:fixed;bottom:max(18px,env(safe-area-inset-bottom,0px));right:15px;width:56px;height:56px;background:var(--primary);color:#fff;border-radius:50%;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 24px #00000040;z-index:90;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease;-webkit-tap-highlight-color:transparent}#mobileCartBtn:active{transform:scale(.9);box-shadow:0 4px 12px #0000004d}#mobileCartBtn:hover{box-shadow:0 10px 30px #0000004d}#mobileCartBadge{position:absolute;top:-2px;right:-2px;background:#ff3b30;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:12px;border:2px solid var(--bg);line-height:1}.sidebar{position:fixed;bottom:-100%;left:0;width:100%;height:85dvh;max-height:none;border-radius:24px 24px 0 0;transition:bottom .4s cubic-bezier(.32,.72,0,1);z-index:1000;padding-top:20px;box-shadow:0 -10px 40px #00000026;border-top:none;border-left:none}.sidebar.active{bottom:0}#mobileCartOverlay{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}#mobileCartOverlay.active{opacity:1;pointer-events:auto}.container-stage{height:220px!important;margin:0;touch-action:none}.container-box{transform:scale(.7) rotateX(-15deg) rotateY(35deg);top:50px;transition:transform .1s ease-out}#admin-view{flex-direction:column;overflow-y:auto}.admin-nav{width:100%;padding:10px;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #e5e5ea;box-shadow:0 2px 10px #00000005;white-space:nowrap;flex-shrink:0}.admin-nav h2{display:none}.nav-item{margin:0 5px;padding:8px 12px}.admin-content{padding:52px 15px 15px;overflow-x:hidden}.form-grid{grid-template-columns:1fr;gap:10px}.data-table{display:block;overflow-x:auto;white-space:nowrap}.admin-product-table-scroll .admin-product-manage-table.data-table{display:table!important;white-space:normal}.admin-categories-subtitle{margin-bottom:16px;font-size:13px}.admin-categories-toolbar{padding:16px}.admin-categories-toolbar-row{flex-direction:column}.admin-categories-toolbar-row .btn{width:100%}.admin-cat-tree-scroll{max-height:none;padding:14px}.admin-cat-main-head{flex-wrap:wrap}.admin-cat-add-row{flex-direction:column;align-items:stretch}.admin-cat-add-row .btn{width:100%}.modal-content{width:90%!important;padding:20px!important}.modal-content.customer-link-modal{width:min(920px,calc(100vw - 24px))!important;max-width:98vw!important;max-height:min(92vh,980px)!important}.modal-large{max-width:95%!important}.gacha-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.gacha-card img{height:100px}.btn{padding:8px 14px;font-size:13px}#adminStage{height:200px!important}}