.commerce-logo .logo-note{color:transparent;text-shadow:none;overflow:hidden}
.commerce-logo .logo-note img{width:21px;height:21px;object-fit:contain;display:block;filter:drop-shadow(-1px 0 #20e9e1) drop-shadow(1px 0 #fe2c55)}
.header-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover;background:#ddd}
.big-avatar>span img{width:21px;height:21px;object-fit:contain}
.product-card{cursor:pointer}
.product-detail{max-width:1240px;margin:0 auto;padding:46px 24px 100px}
.product-breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:#8a8a94;margin-bottom:24px}
.product-breadcrumb a{color:#555;text-decoration:none}.product-breadcrumb i{font-size:16px}
.product-main{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,.9fr);gap:62px;align-items:start}
.product-gallery{aspect-ratio:1/1;background:#ededf0;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:sticky;top:100px}
.product-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(32,233,225,.25),transparent 35%),radial-gradient(circle at 20% 80%,rgba(254,44,85,.22),transparent 35%)}
.product-gallery img{width:100%;height:100%;object-fit:cover;position:relative}.product-gallery>span{font-size:150px;position:relative;filter:drop-shadow(0 25px 28px rgba(0,0,0,.18))}
.product-detail-copy{padding-top:14px}.product-detail-copy>span{font-size:10px;letter-spacing:.22em;color:#fe2c55;font-weight:900}.product-detail-copy h1{font-size:44px;line-height:1.1;letter-spacing:-.04em;margin:14px 0}.product-detail-copy>.subtitle{color:#73737d;font-size:15px;line-height:1.7}.detail-price{font-size:34px;font-weight:900;margin:28px 0}.detail-stock{display:inline-flex;padding:6px 9px;border-radius:7px;background:#f0f0f3;color:#555;font-size:11px}
.detail-buy-box{margin-top:28px;padding:22px;background:#fff;border:1px solid #e9e9ee;border-radius:18px}.detail-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-row>label{font-size:12px;font-weight:800}.detail-addresses{display:grid;gap:8px;margin:12px 0 18px}.detail-addresses button{text-align:left;border:1px solid #e5e5e8;background:#fff;border-radius:10px;padding:12px;cursor:pointer}.detail-addresses button.active{border:2px solid #101014}.detail-addresses small{display:block;color:#777;margin-top:4px}.detail-pay{height:52px;width:100%;border:0;border-radius:12px;background:#fe2c55;color:#fff;font-weight:900;cursor:pointer}.detail-pay:disabled{opacity:.4}.product-rich{margin-top:52px;border-top:1px solid #e5e5ea;padding-top:28px}.product-rich h2{font-size:24px;margin-bottom:20px}.rich-content{color:#444;line-height:1.85;font-size:14px}.rich-content img{max-width:100%;height:auto}.rich-content h2,.rich-content h3{color:#111}.rich-content blockquote{margin:15px 0;padding:12px 18px;border-left:3px solid #fe2c55;background:#f7f7f8}.gate-art img{width:44px;height:44px;object-fit:contain}
.account-aside nav button img{width:22px;height:22px;object-fit:contain;display:block}
.avatar-upload{cursor:pointer;outline:none}.avatar-upload:focus-visible{box-shadow:0 0 0 4px rgba(25,221,81,.28)}.avatar-hover{position:absolute;z-index:2;inset:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(10,10,14,.68);color:#fff;opacity:0;transition:.2s}.avatar-hover i{font-size:27px}.avatar-hover b{font-size:10px}.avatar-upload:hover .avatar-hover,.avatar-upload:focus .avatar-hover,.avatar-upload.uploading .avatar-hover{opacity:1}.avatar-upload>span{z-index:3}.avatar-file-input{display:none}.avatar-select-button{margin:18px auto 7px;border:0;border-radius:10px;background:#101014;color:#fff;padding:10px 15px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;cursor:pointer}.avatar-select-button:disabled{opacity:.55;cursor:wait}.avatar-select-button i{font-size:17px}.profile-visual .avatar-hint{display:block;line-height:1.5;margin-bottom:4px}
.member-form-title{margin:0 0 24px}.member-form-title span,.feature-heading span,.service-panel>span{display:block;color:#fe2c55;font-size:9px;font-weight:900;letter-spacing:.2em}.member-form-title h2,.feature-heading h2{font-size:30px;margin:6px 0 0}
.feature-heading{align-items:center;border-bottom:1px solid #ededf0;padding-bottom:22px}.feature-heading>img{width:64px;height:64px;object-fit:contain;background:#f4f4f6;border-radius:18px;padding:12px}
.password-form{max-width:590px}.password-form label{display:block;color:#555;font-size:11px;font-weight:750;margin:17px 0 7px}.password-form input{width:100%;padding:14px;border:1px solid #e5e5e8;background:#fafafa;border-radius:11px;outline:none}.password-form input:focus{border-color:#101014;box-shadow:0 0 0 3px rgba(16,16,20,.06)}.password-form p{display:flex;align-items:center;gap:6px;color:#888;font-size:11px;margin:15px 0 22px}.password-form p i{color:#19dd51;font-size:18px}.password-form .primary-submit{max-width:260px}.primary-submit:disabled{cursor:not-allowed;opacity:.55}
.service-panel{text-align:center;display:flex;min-height:490px;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 15%,rgba(25,221,81,.08),transparent 34%),#fff}.service-illustration{width:116px;height:116px;object-fit:contain;margin-bottom:23px}.service-panel h2{font-size:34px;margin:8px 0 9px}.service-panel>p{max-width:520px;color:#777;font-size:13px;line-height:1.8;margin:0 0 25px}.service-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:230px;min-height:50px;border-radius:12px;background:#101014;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.service-action i{font-size:19px}.service-unavailable{display:flex;align-items:center;gap:7px;padding:13px 18px;border-radius:10px;background:#f3f3f5;color:#777;font-size:12px}
.account-mobile-nav img{width:21px;height:21px;object-fit:contain}
.aside-logout{display:flex;align-items:center;gap:10px}.aside-logout img,.mobile-logout img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:8px;padding:4px;transform:rotate(-90deg);transform-origin:center}.aside-logout span{font-weight:750}.mobile-logout{display:none}
@media(max-width:760px){.header-avatar{width:27px;height:27px}.product-detail{padding:18px 13px 80px}.product-main{grid-template-columns:1fr;gap:25px}.product-gallery{position:relative;top:auto;aspect-ratio:1/1;border-radius:18px}.product-gallery>span{font-size:100px}.product-detail-copy h1{font-size:32px}.detail-price{font-size:28px;margin:20px 0}.product-rich{margin-top:35px}.account-mobile-nav{grid-template-columns:repeat(5,1fr);height:72px}.account-mobile-nav button{min-width:0;padding:3px 1px}.account-mobile-nav span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mobile-nav img{width:20px;height:20px}.member-form-title h2,.feature-heading h2{font-size:25px}.feature-heading>img{width:54px;height:54px}.password-form .primary-submit{max-width:none}.service-panel{min-height:420px}.service-illustration{width:96px;height:96px}.service-panel h2{font-size:29px}.mobile-logout{z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:#101014;color:#fff;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:800}.mobile-logout img{width:25px;height:25px;border-radius:7px}}
.mobile-main-nav{display:none}
@media(max-width:760px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.commerce-header .header-tools>a.icon-action{display:none}.mobile-main-nav{position:fixed;z-index:90;left:10px;right:10px;bottom:8px;min-height:60px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.97);border:1px solid #e6e6ea;border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.16);backdrop-filter:blur(18px)}.mobile-main-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#888;text-decoration:none;font-size:10px;font-weight:800}.mobile-main-nav a.active{color:#ff2857}.mobile-main-nav img{width:31px;height:31px;object-fit:contain;display:block}.account-mobile-nav{position:sticky;z-index:45;top:70px;left:auto;right:auto;bottom:auto;height:62px;margin:12px 0 0;border:1px solid #e6e6ea;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}.account-mobile-nav button{background:#fff}.account-mobile-nav button.active{background:#f3f3f5}}
.mobile-side-menu{display:none}
@media(max-width:760px){body{padding-bottom:0}.mobile-side-menu{display:block;position:fixed;z-index:95;right:12px;top:72px;transform:none}.mobile-side-menu summary{list-style:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fe2c55,#c026d3);color:#fff;box-shadow:0 10px 28px rgba(254,44,85,.32);cursor:pointer;font-size:23px}.mobile-side-menu summary::-webkit-details-marker{display:none}.mobile-side-menu summary .mdi-close{display:none}.mobile-side-menu[open] summary .mdi-menu{display:none}.mobile-side-menu[open] summary .mdi-close{display:block}.mobile-side-menu .mobile-main-nav{position:absolute;left:auto;right:58px;top:50%;bottom:auto;transform:translateY(-50%);width:122px;min-height:0;padding:7px;display:grid;grid-template-columns:1fr;gap:3px;background:rgba(255,255,255,.98);border:1px solid #e6e6ea;border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.16)}.mobile-side-menu .mobile-main-nav a{flex-direction:row;justify-content:flex-start;gap:8px;padding:6px 8px;border-radius:12px;font-size:11px}.mobile-side-menu .mobile-main-nav a.active{background:#fff0f3}.mobile-side-menu .mobile-main-nav img{width:28px;height:28px}[dir="rtl"] .mobile-side-menu{right:auto;left:12px}[dir="rtl"] .mobile-side-menu .mobile-main-nav{right:auto;left:58px}}
@media(max-width:760px){.header-tools .mobile-side-menu{position:relative;z-index:95;right:auto;left:auto;top:auto;transform:none;flex:0 0 auto}.header-tools .mobile-side-menu summary{width:38px;height:38px;font-size:20px;box-shadow:none}.header-tools .mobile-side-menu .mobile-main-nav{position:absolute;right:0;left:auto;top:46px;bottom:auto;transform:none}.header-tools .mobile-side-menu[open] .mobile-main-nav{display:grid}[dir="rtl"] .header-tools .mobile-side-menu{right:auto;left:auto}[dir="rtl"] .header-tools .mobile-side-menu .mobile-main-nav{right:auto;left:0}}
