: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:100vh;overflow-x:hidden;overflow-y:hidden;-webkit-font-smoothing:antialiased;width:100vw}.hidden{display:none!important}#store-view{display:flex;height:100%;position:relative;width:100%;overflow:hidden}.main-content{flex:1;padding:20px 30px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative}.sticky-header-container{position:sticky;top:-20px;background:#f5f5f7d9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:40;padding:20px 30px 10px;margin:-20px -30px 15px;border-bottom:1px solid rgba(0,0,0,.05)}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{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding-bottom:30px;width:100%}.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}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.product-card img{width:100%;height:100px;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{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}.custom-input-group{display:flex;gap:6px;margin-bottom:6px;align-items:center}.custom-input-group 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:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #0071e333}.custom-summary{background:#fff8e6;padding:7px;border-radius:8px;font-size:11px;border:1px solid #fcebb6;margin-top:3px;font-weight:500}.sidebar{width:400px;background:#fff;border-left:1px solid #e5e5ea;padding:25px;display:flex;flex-direction:column;align-items:center;box-shadow:-10px 0 30px #00000005;z-index:10;overflow-y:auto;overflow-x:hidden}.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}.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}#admin-view{display:flex;height:100%;background:#f5f5f7;position:absolute;top:0;left:0;width:100%;z-index:100;overflow:hidden}.admin-nav{width:240px;background:#fff;border-right:1px solid #e5e5ea;padding:30px 0;display:flex;flex-direction:column;overflow-y:auto;box-shadow:2px 0 10px #00000005}.admin-nav h2{margin:0 20px 30px;font-size:20px;font-weight:700;color:var(--primary)}.nav-item{padding:12px 20px;margin:0 15px 5px;cursor:pointer;transition:.2s;font-size:15px;border-radius:10px;font-weight:500;color:#555}.nav-item:hover{background:#f5f5f7;color:var(--primary)}.nav-item.active{background:#e0f0ff;color:var(--accent);font-weight:600}.admin-content{flex:1;padding:40px;overflow-y:auto;overflow-x:hidden;position:relative}.admin-user-badge{position:fixed;top:16px;right:24px;z-index:999;background:#fff;border:1px solid #e5e5ea;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;color:var(--primary);box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:8px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.data-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 4px 20px #00000008;border-radius:12px;overflow:hidden}.data-table th,.data-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f2f2f7;font-size:14px}.data-table th{background:#fafafc;color:#86868b;font-weight:600}.action-link{color:var(--accent);cursor:pointer;margin-right:15px;text-decoration:none;font-weight:500}.action-link.danger{color:#ff3b30}.action-link.success{color:#34c759}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#1d1d1f;font-weight:600}.form-control{width:100%;padding:12px;border:1px solid #d1d1d6;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;transition:.2s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e333}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-site-logo-block .site-logo-field-label{display:block;margin-bottom:8px;font-size:14px;font-weight:650;color:var(--primary);letter-spacing:-.02em}.settings-site-logo-block label.prod-cover-segment-opt,.settings-site-logo-block label.site-logo-upload-btn{display:flex;margin-bottom:0;font-size:inherit;font-weight:inherit;color:inherit}.settings-site-logo-desc{margin:0 0 14px;font-size:12px;line-height:1.5;color:#86868b;font-weight:500}.site-logo-card{background:linear-gradient(165deg,#fbfbfd,#fff 50%);border:1px solid #e8e8ed;border-radius:14px;padding:16px 18px 18px;box-shadow:0 2px 14px #0000000a}.site-logo-segment{margin-bottom:14px}.site-logo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(168px,224px);gap:20px 24px;align-items:start}.site-logo-url-wrap{width:100%}.site-logo-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.site-logo-upload-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:10px;border:1px solid #d8d8dc;background:#fff;cursor:pointer;font-size:14px;font-weight:650;color:var(--primary);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000a}.site-logo-upload-btn:hover{border-color:#0071e373;background:linear-gradient(180deg,#fafcff,#f5f9ff);box-shadow:0 4px 14px #0071e31a}.site-logo-upload-ico{width:20px;height:20px;flex-shrink:0;border-radius:4px;background:linear-gradient(135deg,#0071e3,#42a5f5);opacity:.92;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z'/%3E%3C/svg%3E") center / contain no-repeat}.site-logo-col-preview{display:flex;flex-direction:column;gap:8px}.site-logo-preview-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}.site-logo-preview-title{font-size:13px;font-weight:650;color:var(--primary)}.site-logo-preview-hint{font-size:11px;color:#aeaeb2;font-weight:500}.site-logo-preview-frame{width:100%;min-height:52px;max-height:72px;aspect-ratio:200 / 56;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:inset 0 1px #ffffffe6,0 4px 18px #0000000f;display:flex;align-items:center;justify-content:center;padding:6px 10px;box-sizing:border-box}.site-logo-preview-img{max-width:100%;max-height:56px;width:auto;height:auto;object-fit:contain;display:block}@media(max-width:640px){.site-logo-body{grid-template-columns:1fr}}.prod-cover-group{margin-bottom:22px}.prod-cover-group label.prod-cover-segment-opt,.prod-cover-group label.prod-cover-drop{display:flex;margin-bottom:0;font-size:inherit;font-weight:inherit;color:inherit}.prod-cover-group>.prod-cover-group-title{display:block;margin-bottom:10px;font-size:14px;font-weight:650;color:var(--primary);letter-spacing:-.02em}.prod-cover-card{background:linear-gradient(165deg,#fbfbfd,#fff 45%);border:1px solid #e8e8ed;border-radius:16px;padding:18px 20px 20px;box-shadow:0 2px 16px #0000000a}.prod-cover-segment{display:inline-flex;padding:4px;background:#e8e8ed;border-radius:12px;gap:4px;margin-bottom:18px}.prod-cover-segment-opt{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:10px;font-size:14px;font-weight:600;color:#636366;transition:color .2s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.prod-cover-segment-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.prod-cover-segment-opt:has(input:checked),.prod-cover-segment-opt:has(input:focus-visible){background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000012}.prod-cover-segment-opt:has(input:focus-visible){outline:2px solid rgba(0,113,227,.45);outline-offset:2px}.prod-cover-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,272px);gap:22px 28px;align-items:start}.prod-cover-body-main{min-width:0}.prod-cover-url-panel{margin:0}.prod-cover-url-field{width:100%}.prod-cover-url-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d8d8dc;background:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.prod-cover-url-input:hover{border-color:#c7c7cc}.prod-cover-url-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e324;outline:none}.prod-cover-hint{margin:10px 0 0;font-size:12px;line-height:1.5;color:#86868b;font-weight:500}.prod-cover-upload-panel{flex-direction:column;align-items:stretch;gap:12px}.prod-cover-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:148px;max-width:320px;padding:16px 18px;border-radius:14px;border:2px dashed #c7c7cc;background:linear-gradient(180deg,#fafafa,#f5f5f7);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.prod-cover-drop:hover{border-color:#0071e38c;background:linear-gradient(180deg,#f5f9ff,#eef6ff);box-shadow:0 4px 20px #0071e314}.prod-cover-drop:active{transform:scale(.99)}.prod-cover-drop-icon{font-size:32px;font-weight:300;line-height:1;color:var(--accent);opacity:.9}.prod-cover-drop-title{font-size:15px;font-weight:650;color:var(--primary)}.prod-cover-drop-sub{font-size:12px;color:#86868b;font-weight:500}.prod-cover-upload-meta{margin:0;font-size:12px;color:#aeaeb2;font-weight:500}.prod-cover-preview-aside{display:flex;flex-direction:column;gap:10px}.prod-cover-preview-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.prod-cover-preview-label{font-size:13px;font-weight:650;color:var(--primary)}.prod-cover-preview-tip{font-size:12px;color:#aeaeb2;font-weight:500}.prod-cover-preview-frame{width:100%;aspect-ratio:4 / 3;max-height:220px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#eef2f7,#e2e8f0);border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #ffffffbf,0 6px 24px #0000000f}.prod-cover-preview-img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}@media(max-width:720px){.prod-cover-body{grid-template-columns:1fr}.prod-cover-preview-frame{max-height:240px}.prod-cover-drop{max-width:none}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:15px}.gallery-item{border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:.2s;background:#f5f5f7;position:relative;height:100px}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000001a}.lang-btn{flex:1;padding:12px 5px;text-align:center;border:2px solid #e5e5ea;border-radius:10px;cursor:pointer;transition:.2s;font-weight:600;color:#86868b;font-size:13px}.lang-btn.active{border-color:var(--accent);color:var(--accent);background:#e0f0ff}.lang-btn:hover:not(.active){border-color:#d1d1d6}.admin-categories-layout{max-width:920px}.admin-categories-subtitle{margin:-8px 0 22px;font-size:14px;color:#86868b;line-height:1.55;font-weight:500}.admin-categories-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.05);overflow:hidden}.admin-categories-toolbar{padding:22px 24px 20px;background:linear-gradient(180deg,#fafafc,#fff 70%);border-bottom:1px solid #f2f2f7}.admin-categories-toolbar-label{font-size:12px;font-weight:600;color:#86868b;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.admin-categories-toolbar-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.admin-categories-toolbar-row .form-control{flex:1;min-width:220px}.admin-categories-toolbar-row .btn{flex-shrink:0;padding:12px 22px}.admin-cat-tree-scroll{max-height:min(520px,65vh);overflow-y:auto;padding:18px 20px 24px;scrollbar-width:thin;scrollbar-color:#c7c7cc #f5f5f7}.admin-cat-tree-scroll::-webkit-scrollbar{width:6px}.admin-cat-tree-scroll::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:6px}.admin-cat-tree-scroll::-webkit-scrollbar-track{background:#f5f5f7;border-radius:6px}.admin-cat-main-card{background:#fbfbfd;border:1px solid #e8e8ed;border-radius:14px;margin-bottom:14px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.admin-cat-main-card:last-child{margin-bottom:0}.admin-cat-main-card:hover{border-color:#dcdce0;box-shadow:0 4px 18px #0000000d}.admin-cat-main-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(105deg,#0071e312,#0071e300 55%);border-bottom:1px solid #eeeef2}.admin-cat-main-title{font-size:16px;font-weight:650;color:var(--primary);letter-spacing:-.02em}.admin-cat-sub-block{padding:14px 16px 16px 18px}.admin-cat-sub-list{list-style:none;margin:0 0 4px;padding:0}.admin-cat-sub-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;margin-bottom:8px;background:#fff;border-radius:10px;border:1px solid #ececf0;font-size:14px;color:#3a3a3c}.admin-cat-sub-item:last-of-type{margin-bottom:0}.admin-cat-sub-name{font-weight:500;flex:1;padding-left:10px;border-left:3px solid var(--accent);line-height:1.35}.admin-cat-sub-del{font-size:13px;margin-right:0!important}.admin-cat-add-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed #d8d8dc}.admin-cat-add-row .form-control{flex:1;min-width:200px;margin:0}.admin-cat-add-btn{white-space:nowrap}#mobileCartBtn,#mobileCartClose,#mobileCartOverlay{display:none}@media(max-width:800px){body{height:100dvh}#store-view{flex-direction:column;overflow:hidden}.main-content{padding:10px 15px;flex:1;overflow-y:auto;overflow-x:hidden}.sticky-header-container{padding:15px 15px 5px;margin:-10px -15px 10px;position:sticky;top:0;z-index:40;width:calc(100% + 30px)}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{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px;padding-bottom:120px}.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:45px;box-shadow:0 -10px 40px #00000026;border-top:none;border-left:none}.sidebar.active{bottom:0}#mobileCartClose{display:flex!important;position:absolute;top:10px;left:0;right:0;margin:0 auto;width:max-content;background:#e8e8ed;color:#1d1d1f;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;align-items:center;justify-content:center;z-index:10}#mobileCartClose:before{content:"";display:inline-block;width:36px;height:4px;background:#ccc;border-radius:4px;position:absolute;top:-8px}#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:15px;overflow-x:hidden}.form-grid{grid-template-columns:1fr;gap:10px}.data-table{display:block;overflow-x:auto;white-space:nowrap}.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-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}}
