:root{--blue:var(--site-1788dd,#1788dd);--navy:var(--site-173b58,#173b58);--ink:var(--site-213e54,#213e54);--muted:#698294;--line:var(--site-dceaf3,#dceaf3);--ice:var(--site-edf7fd,#edf7fd);--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 'Noto Sans Thai',Tahoma,sans-serif;color:var(--ink);background:var(--site-f8fbfe,#f8fbfe)}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--site-65b9f4,#65b9f4);outline-offset:4px}.topline{background:var(--navy);color:var(--site-e3f4ff,#e3f4ff);text-align:center;font-size:12px;letter-spacing:2px;padding:8px}.topline:not(.promo-topline)>span{letter-spacing:0;margin-left:22px;color:var(--site-badcf2,#badcf2)}header{max-width:1240px;margin:auto;height:102px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-1px}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:4px;margin-top:7px}.brand-icon{height:46px;width:46px;border-radius:15px;background:var(--blue);display:grid;place-content:center;color:white;font:bold 48px Georgia;position:relative;padding-bottom:8px}.brand-icon span{position:absolute;right:5px;top:-5px;font-size:26px;color:var(--site-b9e7ff,#b9e7ff)}header nav{display:flex;gap:36px;font-size:14px}header nav .active{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:25px}.language{font-size:12px;font-weight:700}.btn{border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--blue);color:white;padding:14px 27px;font-weight:600;box-shadow:0 7px 20px var(--site-1788dd1c,#1788dd1c);transition:.2s}.btn:hover{background:var(--site-0871bd,#0871bd);transform:translateY(-1px)}.btn.small{padding:11px 20px;font-size:14px}.btn.secondary{background:white;color:var(--navy);border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;color:var(--blue);box-shadow:none;padding-left:0}.btn.wide{width:100%}main{max-width:1240px;margin:auto;padding:14px 40px 60px;min-height:65vh}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--site-2078b3,#2078b3);font-size:12px;letter-spacing:1.8px;font-weight:700}.eyebrow .line{height:1px;width:26px;background:var(--site-57a4d7,#57a4d7)}h1{font-size:48px;font-weight:700;line-height:1.35;letter-spacing:-1.7px;margin:20px 0 19px}h1 em{font-style:normal;color:var(--blue)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.section-title h2{font-size:26px;margin:0;font-weight:700;letter-spacing:-.5px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:14px}
footer{max-width:1160px;margin:auto;border-top:1px solid var(--line);padding:26px 0 38px;display:flex;justify-content:space-between;align-items:center;color:#7990a1;font-size:12px;gap:24px}footer .brand{font-size:18px;color:var(--navy)}footer .brand small{font-size:8px}

.bottom-nav{display:none}

/* --- Catalog CSS --- */
.sample{border:1px solid var(--site-d3e5f1,#d3e5f1);border-radius:8px;padding:4px 10px;font-size:12px;color:var(--site-5d7f96,#5d7f96);background:white;white-space:nowrap}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}
.chip{border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 19px;border-radius:30px;font-size:14px}
.chip.selected{background:var(--navy);color:#fff;border-color:var(--navy)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:transform .2s;cursor:pointer;text-align:left;padding:0;color:inherit;display:block}
.product:hover{transform:translateY(-5px);box-shadow:0 12px 24px var(--site-1c50790a,#1c50790a)}
.product-pic{height:208px;background:var(--site-e9f4fa,#e9f4fa);position:relative;overflow:hidden}
.product-pic img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:13px;left:13px;border-radius:6px;padding:3px 9px;background:#fffef4;font-size:11px;color:#687057}
.product-body{padding:17px 18px}
.product-body small{font-size:12px;color:var(--site-7290a5,#7290a5)}
.product h3{font-size:16px;font-weight:600;margin:5px 0 12px}
.product-bottom{display:flex;justify-content:space-between;align-items:center}
.price{font-size:21px;color:var(--blue);font-weight:700}
.product-bottom span:last-child{font-size:12px;color:var(--site-8299a9,#8299a9)}

/* --- รูปแบบ Slider --- */
.slider-section { position: relative; width: 100%; margin-bottom: 25px; }
.slider-container { position: relative; width: 100%; height: 360px; border-radius: 28px; overflow: hidden; box-shadow: 0 10px 30px rgba(23,136,221,0.15); }
.slider-wrapper { display: flex; width: 200%; height: 100%; animation: autoSlide 10s infinite alternate cubic-bezier(0.4, 0, 0.2, 1); }
.slide { width: 50%; height: 100%; background-size: cover; background-position: center; position: relative; display: flex; align-items: center; padding: 50px; text-align: left; }
.slide-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(23,59,88,0.85) 0%, rgba(23,59,88,0.2) 100%); }
.slide-blue { background: linear-gradient(135deg, var(--blue) 0%, var(--light-blue) 100%); }
.slide-content { position: relative; z-index: 2; color: white; max-width: 400px; }
.slide-badge { display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px; backdrop-filter: blur(5px); }
.slide-content h1 { font-size: 42px; margin: 0 0 15px; color: white; line-height: 1.2; letter-spacing: -1px; }
.slide-content p { font-size: 16px; margin: 0 0 20px; opacity: 0.9; }
.slide-btn { background: white; color: var(--blue); padding: 12px 24px; border-radius: 12px; font-weight: 700; display: inline-flex; transition: transform 0.2s; }
.slide-btn:hover { transform: translateY(-2px); background: var(--site-f8fbfe,#f8fbfe); }
@keyframes autoSlide { 0%, 45% { transform: translateX(0); } 55%, 100% { transform: translateX(-50%); } }

/* Small Slider for Wallet */
.slider-small .slider-container { height: 220px; border-radius: 24px; }
.slider-small .slide { padding: 30px; }
.slider-small .slide-badge { padding: 3px 10px; font-size: 10px; margin-bottom: 10px; }
.slider-small .slide-content h1 { font-size: 26px; margin: 0 0 8px; letter-spacing: -0.5px; }
.slider-small .slide-content p { font-size: 13px; margin: 0 0 15px; }
.slider-small .slide-btn { padding: 10px 20px; font-size: 13px; }

/* --- Social Proof Section --- */
.social-proof-section { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; margin: 0 auto 30px; padding: 16px 24px; background: #ffffff; border-radius: 100px; box-shadow: 0 8px 24px rgba(23, 136, 221, 0.08); border: 1px solid var(--site-eef5fb,#eef5fb); width: max-content; max-width: 100%; }
.avatar-group { display: flex; align-items: center; }
.avatar-item { width: 38px; height: 38px; border-radius: 50%; border: 3px solid #ffffff; display: grid; place-items: center; color: white; margin-left: -12px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); transition: transform 0.2s; background-color: var(--blue); }
.avatar-item:hover { transform: translateY(-3px); z-index: 10 !important; }
.avatar-item:first-child { margin-left: 0; }
.avatar-item svg { width: 16px; height: 16px; stroke-width: 2.5; }
.avatar-item.more-users { background: var(--site-f0f7fc,#f0f7fc); color: var(--blue); font-size: 11px; font-weight: 800; border-color: #ffffff; }
.social-proof-details { display: flex; flex-direction: column; align-items: flex-start; }
.stars-group { display: flex; align-items: center; gap: 2px; margin-bottom: 2px; }
.stars-group svg { width: 16px; height: 16px; }
.social-proof-text { margin: 0; font-size: 13px; color: var(--muted); }
.social-proof-text strong { color: var(--navy); font-weight: 800; }

/* --- Quick Actions หน้าแรก --- */
.quick-actions-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 30px; }
.action-box { background: white; border: 1px solid var(--line); border-radius: 22px; padding: 25px; display: flex; align-items: center; gap: 20px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; }
.action-box:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(23,136,221,0.08); border-color: var(--site-c9e1f2,#c9e1f2); }
.action-box.primary { background: linear-gradient(135deg, var(--site-f0f7fc,#f0f7fc) 0%, var(--site-e0f0fa,#e0f0fa) 100%); border-color: var(--site-b5cddf,#b5cddf); }
.action-box svg { width: 32px; height: 32px; color: var(--blue); }
.action-box h3 { margin: 0 0 4px; font-size: 18px; color: var(--navy); }
.action-box p { margin: 0; font-size: 13px; color: var(--muted); }

/* --- หน้า Upload สินค้า --- */
.upload-container { max-width: 700px; margin: 0 auto; }
.upload-form { background: white; padding: 35px; border-radius: 28px; border: 1px solid var(--line); box-shadow: 0 15px 40px rgba(23,136,221,0.05); }
.upload-image-area { width: 100%; height: 250px; border: 2px dashed var(--site-b5cddf,#b5cddf); border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #698294; cursor: pointer; transition: 0.2s; position: relative; overflow: hidden; background: var(--site-f8fbfe,#f8fbfe); margin-bottom: 25px; }
.upload-image-area:hover { border-color: var(--blue); background: var(--site-f0f7fc,#f0f7fc); color: var(--blue); }
.upload-placeholder { display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.upload-placeholder svg { width: 48px; height: 48px; margin-bottom: 12px; color: var(--site-8ba0b0,#8ba0b0); }
.upload-placeholder span { font-weight: 600; font-size: 16px; margin-bottom: 5px; color: var(--site-173b58,#173b58); }
.product-preview-img { width: 100%; height: 100%; object-fit: contain; background: white; position: absolute; inset: 0; z-index: 1; }
.change-img-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(23,59,88,0.7); color: white; padding: 12px; text-align: center; z-index: 2; font-size: 13px; font-weight: 500; display: flex; justify-content: center; align-items: center; gap: 8px; backdrop-filter: blur(4px); }
.change-img-overlay svg { width: 16px; height: 16px; margin: 0; }
.form-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 20px; }
textarea { width: 100%; padding: 14px 16px; border: 1px solid var(--site-d7e4ed,#d7e4ed); border-radius: 12px; margin-top: 7px; background: var(--site-fcfeff,#fcfeff); font-family: inherit; font-size: 15px; resize: vertical; transition: border 0.2s; }
textarea:focus { outline: 0; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23,136,221,0.1); }
.btn-upload-submit { font-size: 16px; padding: 16px; border-radius: 14px; margin-top: 15px; }

/* Empty state products */
.transactions-empty{text-align:center;padding:30px 20px 38px}
.transactions-empty>span{display:grid;place-items:center;width:51px;height:51px;border:1px solid var(--site-dcecf7,#dcecf7);background:var(--site-f2f9fe,#f2f9fe);border-radius:17px;margin:auto;color:var(--site-75a9cb,#75a9cb)}
.transactions-empty h3{font-size:16px;font-weight:500;margin:14px 0 5px}
.transactions-empty p{font-size:13px;color:var(--site-8ba0b0,#8ba0b0);margin:0}

/* --- Account Page --- */
.account-page{max-width:800px;margin:24px auto 0}
.account-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 28px}
.account-heading h1{font-size:34px;letter-spacing:-.9px;margin:6px 0 0}
.account-heading p{margin:3px 0 0;color:var(--muted);font-size:14px}

/* สไตล์สำหรับข้อมูลส่วนตัว Info Group */
.info-group { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--line); text-align: left; }
.info-group:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.info-group label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 4px; }
.info-group p { margin: 0; font-size: 16px; color: var(--ink); font-weight: 600; }

/* Profile Left Aligned */
.profile-header-left { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 30px; text-align: left; gap: 24px; background: white; padding: 25px 30px; border-radius: 24px; border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(23,136,221,0.04); }
.avatar-upload-wrap { position: relative; display: inline-block; margin-bottom: 0; }
.profile-info-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.avatar-large { height: 96px; width: 96px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(135deg, var(--site-339cf0,#339cf0) 0%, var(--site-1272c4,#1272c4) 100%); color: white; font-size: 38px; font-weight: 600; margin: 0; border: 5px solid var(--site-edf7fd,#edf7fd); cursor: pointer; position: relative; transition: transform 0.2s, box-shadow 0.2s; box-sizing: content-box; box-shadow: 0 8px 24px rgba(23, 136, 221, 0.2); }
.avatar-large:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(23, 136, 221, 0.3); }
.avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.edit-avatar-icon { position: absolute; bottom: -2px; right: -2px; background: #ffffff; color: var(--blue); border-radius: 50%; width: 32px; height: 32px; display: grid; place-items: center; border: 2px solid var(--site-edf7fd,#edf7fd); box-shadow: 0 3px 10px rgba(0,0,0,0.15); transition: background 0.2s, transform 0.2s; z-index: 2; }
.edit-avatar-icon svg { width: 16px; height: 16px; }
.avatar-large:hover .edit-avatar-icon { background: var(--site-f0f7fc,#f0f7fc); transform: scale(1.1); }
.shop-name-title { margin: 0; font-size: 24px; font-weight: 800; color: var(--site-173b58,#173b58); }

/* VIP Row และ ปุ่มสิทธิพิเศษ */
.vip-row { display: flex; align-items: center; gap: 10px; margin-top: 4px; flex-wrap: wrap; }
.vip-gorgeous { background: linear-gradient(135deg, #FFB75E 0%, #ED8F03 100%); color: #ffffff; padding: 6px 18px; border-radius: 30px; box-shadow: 0 8px 20px rgba(237, 143, 3, 0.3); border: 2px solid #fff; font-size: 13px; font-weight: 800; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 6px; }
.vip-gorgeous svg { width: 16px; height: 16px; color: #fff; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1)); margin-right: 2px; }
.vip-privilege-btn { background: var(--site-f0f7fc,#f0f7fc); color: var(--blue); border: 1px solid var(--site-c9e1f2,#c9e1f2); padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; justify-content: center; }
.vip-privilege-btn:hover { background: var(--blue); color: white; box-shadow: 0 4px 10px rgba(23,136,221,0.2); border-color: var(--blue); }

/* VIP Modal Styles */
.vip-modal-container { padding: 10px 0; }
.vip-levels-list { display: flex; flex-direction: column; gap: 12px; max-height: 60vh; overflow-y: auto; padding-right: 8px; }
.vip-levels-list::-webkit-scrollbar { width: 6px; }
.vip-levels-list::-webkit-scrollbar-thumb { background-color: var(--site-c9e1f2,#c9e1f2); border-radius: 10px; }
.vip-level-item { background: var(--site-f8fbfe,#f8fbfe); border: 1px solid var(--site-dceaf3,#dceaf3); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.2s; }
.vip-level-item:hover { border-color: var(--site-c9e1f2,#c9e1f2); background: #fff; box-shadow: 0 4px 15px rgba(23,136,221,0.05); }
.vip-level-badge { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, #FFB75E 0%, #ED8F03 100%); color: white; padding: 4px 12px; border-radius: 12px; font-size: 12px; font-weight: 800; width: max-content; }
.vip-level-badge svg { width: 14px; height: 14px; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1)); }
.vip-level-desc { font-size: 13px; color: var(--muted); line-height: 1.5; }

/* Balance Card */
.balance-card{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;padding:33px 37px;background:linear-gradient(120deg,var(--site-124e91,#124e91) 0%,var(--site-168cda,#168cda) 62%,var(--light-blue) 135%);color:white;box-shadow:0 14px 38px var(--site-177bc72b,#177bc72b);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.balance-card:before,.balance-card:after{content:'';position:absolute;border:1px solid #ffffff17;border-radius:50%;height:450px;width:450px;right:-230px;top:-90px;z-index:-1}.balance-card:after{right:-155px;top:-155px;border:55px solid #ffffff06;height:470px;width:470px}.balance-top{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:14px}.balance-top>span:first-child{display:flex;align-items:center;gap:10px}.balance-top svg{width:22px;height:22px;opacity:.9}.currency-tag{font-size:11px;letter-spacing:2px;border:1px solid #ffffff40;padding:5px 10px;border-radius:8px;color:var(--site-e1f4ff,#e1f4ff)}.balance-label{font-size:14px;color:var(--site-c4e7ff,#c4e7ff);margin-top:27px;display:flex;align-items:center;gap:12px}.balance-toggle{border:0;background:#ffffff19;border-radius:6px;color:var(--site-e8f7ff,#e8f7ff);padding:2px 9px;font-size:11px;min-height:27px}.balance-amount{display:flex;align-items:baseline;gap:13px;margin:2px 0 20px;overflow-wrap:anywhere}.balance-amount>span{font-size:29px;font-weight:400;color:var(--site-ccecff,#ccecff)}.balance-amount strong{font-family:'Noto Sans Thai',sans-serif;font-size:clamp(32px,4.5vw,57px);line-height:1.4;font-weight:600;letter-spacing:-1.8px;min-width:0}.balance-rule{height:1px;background:#ffffff29;margin-top:auto}
.balance-footer.custom-footer { display: flex; justify-content: flex-start; align-items: center; margin-top: 15px; }
.balance-actions { display: flex; align-items: center; gap: 10px; width: 100%; }
.btn-balance-action { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff; font-size: 13px; padding: 8px 16px; border-radius: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s; backdrop-filter: blur(4px); white-space: nowrap; }
.btn-balance-action:hover:not(:disabled) { background: rgba(255, 255, 255, 0.25); transform: translateY(-1px); }
.btn-balance-action svg { width: 16px; height: 16px; }

/* --- Wallet Top Area Animation --- */
.wallet-section {
  transition: padding-bottom 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wallet-section.linking-active,
.wallet-section.withdraw-active {
  padding-bottom: 250px; /* ขยายหน้าเว็บให้ไถจอลงไปหาปุ่มได้ และพ้นเมนูด้านล่างบนมือถือ */
}
.wallet-top-area {
  max-height: 500px;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
  transform-origin: top;
}
.wallet-section.linking-active .wallet-top-area,
.wallet-section.withdraw-active .wallet-top-area {
  max-height: 0;
  opacity: 0;
}
.wallet-card-wrapper {
  position: relative;
  margin-bottom: 30px;
  z-index: 5;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.5s ease;
}
.wallet-card-wrapper .balance-card {
  position: relative;
  z-index: 10;
  margin-bottom: 0 !important; 
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.wallet-section.linking-active .wallet-card-wrapper .balance-card,
.wallet-section.withdraw-active .wallet-card-wrapper .balance-card {
  transform: translateY(-5px);
  box-shadow: 0 25px 45px rgba(18, 78, 145, 0.3);
}

.link-account-form, .withdraw-form-container {
  position: absolute; 
  top: 100%; 
  left: 0;
  width: 100%;
  z-index: 1; 
  margin-top: -30px; 
  padding: 50px 25px 35px; /* เพิ่ม padding ขอบล่างเล็กน้อย */
  background: white;
  border: 1px solid var(--line);
  border-radius: 0 0 25px 25px;
  box-shadow: 0 25px 50px rgba(23,136,221,0.15); 

  max-height: 0;
  opacity: 0;
  transform: translateY(-30px);
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wallet-card-wrapper.linking-active .link-account-form {
  max-height: 600px; /* เพิ่มความสูงให้ไม่ตัดปุ่มออก */
  opacity: 1;
  transform: translateY(0);
  overflow-y: auto; /* เพิ่มให้ไถเลื่อนภายในกรอบได้ถ้าจอมือถือเล็กมากๆ */
}
.wallet-card-wrapper.withdraw-active .withdraw-form-container {
  max-height: 600px; 
  opacity: 1;
  transform: translateY(0);
  overflow-y: auto; 
}

/* Style for btn-max */
.btn-max {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--site-e9f4fa,#e9f4fa);
  color: var(--blue);
  border: none;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s;
}
.btn-max:hover {
  background: var(--blue);
  color: white;
}

/* --- Wallet Top Widgets (LittlePay & Discount) --- */
.wallet-top-widgets { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px; }
.wallet-widget { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 15px rgba(23,136,221,0.04); text-align: left; }
.wallet-widget:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(23,136,221,0.08); border-color: var(--site-c9e1f2,#c9e1f2); }
.widget-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex-shrink: 0; }
.widget-icon svg { width: 20px; height: 20px; }
.paylater-icon { background: #fff4e5; color: #ff9800; }
.discount-icon { background: var(--site-f0f7fc,#f0f7fc); color: var(--blue); }
.widget-info { display: flex; flex-direction: column; overflow: hidden; }
.widget-title { font-size: 14px; font-weight: 700; color: var(--navy); line-height: 1.2; }
.widget-title .highlight { color: #ff9800; }
.widget-desc { font-size: 11px; color: var(--muted); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* --- Modern Transaction Full Page Modal UI --- */
dialog.full-page-modal { max-width: 100%; width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: none; border-radius: 0; background: var(--site-f8fbfe,#f8fbfe); }
dialog.full-page-modal .close { display: none; } 
.tx-full-container { display: flex; flex-direction: column; height: 100%; }
.tx-full-header { display: flex; align-items: center; padding: 20px; background: white; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 10; }
.tx-back-btn { background: none; border: none; font-size: 16px; color: var(--blue); font-weight: 600; padding: 0; margin-right: 15px; cursor: pointer; }
.tx-full-header h2 { margin: 0; font-size: 20px; color: var(--navy); }

.tx-tabs-container { display: flex; background: white; padding: 10px 20px 0; border-bottom: 1px solid var(--line); }
.tx-tab { flex: 1; text-align: center; padding: 12px 10px; font-size: 15px; font-weight: 600; color: var(--muted); background: none; border: none; border-bottom: 3px solid transparent; cursor: pointer; transition: all 0.2s; }
.tx-tab.active { color: var(--blue); border-bottom-color: var(--blue); }

.tx-list-content { padding: 20px; overflow-y: auto; flex: 1; }

.tx-card-v2 { background: #fff; border-radius: 22px; padding: 26px; margin-bottom: 16px; border: 1px solid var(--site-eef5fb,#eef5fb); box-shadow: 0 4px 20px rgba(23,136,221,0.06); display: flex; flex-direction: column; gap: 20px; transition: transform 0.2s, box-shadow 0.2s; }
.tx-card-v2:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(23,136,221,0.09); border-color: var(--site-c9e1f2,#c9e1f2); }
.tx-top-v2 { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }

.tx-bank-brand-v2 { display: flex; align-items: flex-start; gap: 16px; }
.tx-logo-v2 { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; color: white; font-weight: 700; font-size: 24px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); flex-shrink: 0; }
.tx-logo-v2.kbank { background: linear-gradient(135deg, #138f2d, #1ed146); }
.tx-logo-v2.scb { background: linear-gradient(135deg, #4e2b82, #7a46c2); }
.tx-logo-v2.qr { background: linear-gradient(135deg, var(--blue), var(--light-blue)); }
.tx-logo-v2 svg { width: 26px; height: 26px; }

.tx-title-group-v2 { display: flex; flex-direction: column; gap: 4px; text-align: left; margin-top: 2px; }
.tx-title-group-v2 h3 { margin: 0; font-size: 18px; color: var(--navy); font-weight: 700; letter-spacing: -0.3px; }
.tx-name-v2 { margin: 0; font-size: 15px; color: var(--ink); font-weight: 500; }
.tx-acc-v2 { margin: 0; font-size: 14px; color: var(--muted); font-family: monospace; letter-spacing: 0.5px; }

.tx-amount-group-v2 { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; margin-top: 2px; }
.tx-amt-v2 { font-size: 22px; font-weight: 800; letter-spacing: -0.5px; white-space: nowrap; }
.tx-amt-v2.minus { color: #d32f2f; }
.tx-amt-v2.plus { color: #2e8b57; }

.tx-stat-v2 { display: inline-block; font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 20px; white-space: nowrap; }
.tx-stat-v2.pending { background: #fff4e5; color: #ff9800; border: 1px solid #ffe0b2; }
.tx-stat-v2.success { background: #eafaed; color: #2e8b57; border: 1px solid #c8e6c9; }

.tx-bottom-v2 { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; border-top: 1px dashed var(--site-dceaf3,#dceaf3); }
.tx-datetime-v2 { color: var(--muted); font-size: 14px; text-align: left; }

.tx-note-box { display: flex; gap: 8px; align-items: flex-start; text-align: left; }
.tx-note-box .note-label { font-size: 14px; color: var(--muted); font-weight: 600; white-space: nowrap; }
.tx-note-box .note-value { font-size: 14px; color: var(--muted); font-weight: 500; font-style: normal; line-height: 1.4; }

/* Profile Menu */
.profile-menu { display: flex; flex-direction: column; gap: 14px; margin-top: 28px; background: transparent; border: none; padding: 0; }
.menu-item { display: flex; align-items: center; padding: 14px 20px; background: #ffffff; border: 1px solid var(--site-eef5fb,#eef5fb); border-radius: 22px; width: 100%; text-align: left; color: var(--site-173b58,#173b58); font-size: 16px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 15px rgba(23, 136, 221, 0.05); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; overflow: hidden; }
.menu-item:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(23, 136, 221, 0.15); border-color: var(--site-c9e1f2,#c9e1f2); background: var(--site-f8fbfe,#f8fbfe); }
.menu-icon-wrap { display: grid; place-items: center; width: 46px; height: 46px; background: var(--site-edf7fd,#edf7fd); border-radius: 16px; margin-right: 18px; color: var(--blue); transition: all 0.3s ease; }
.menu-item:hover .menu-icon-wrap { background: var(--blue); color: #ffffff; transform: scale(1.05) rotate(-3deg); }
.menu-item span { flex: 1; }
.menu-item svg { width: 20px; height: 20px; flex-shrink: 0; }
.menu-chevron { color: var(--site-b5cddf,#b5cddf); width: 20px; height: 20px; transition: transform 0.3s; display: grid; place-items: center; }
.menu-item:hover .menu-chevron { color: var(--blue); transform: translateX(4px); }
.menu-item.danger { color: #d32f2f; }
.menu-item.danger .menu-icon-wrap { background: #fff0f0; color: #d32f2f; }
.menu-item.danger:hover .menu-icon-wrap { background: #d32f2f; color: #ffffff; }
.menu-item.danger:hover .menu-chevron { color: #d32f2f; }

/* Auth & Core UI */
.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:white;border:1px solid var(--line);border-radius:27px;overflow:hidden;margin:12px 0 22px}.auth-art{background:var(--site-e8f5fd,#e8f5fd);position:relative;padding:45px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-art h2{font-size:35px;line-height:1.45;font-weight:700;max-width:350px;position:relative;z-index:1;margin:20px 0}.auth-art img{width:125%;margin-left:-12%;border-radius:20px}.auth-art p{font-size:14px;color:var(--muted)}.auth-form{padding:38px 48px}.back{font-size:13px;color:var(--muted)}.auth-form h1{font-size:30px;margin:20px 0 5px;letter-spacing:-.6px}.sub{font-size:14px;color:var(--muted);margin:0 0 27px}.field{display:block;margin:16px 0;font-size:14px;font-weight:500}.field input{width:100%;padding:12px 14px;border:1px solid var(--site-d7e4ed,#d7e4ed);border-radius:10px;margin-top:7px;outline-offset:1px;background:var(--site-fcfeff,#fcfeff);color:var(--ink);font-size:16px;min-height:49px}.field input::placeholder{color:var(--site-9aafbd,#9aafbd);font-size:14px}.password-wrap{position:relative}.password-wrap input{padding-right:59px}.toggle{position:absolute;right:10px;top:18px;font-size:12px;border:0;background:none;color:var(--site-688da7,#688da7);padding:4px}.info{background:var(--ice);padding:11px 14px;border-radius:10px;font-size:12px;color:var(--site-477590,#477590);margin:18px 0}.form-end{text-align:center;font-size:14px;color:var(--muted);margin:20px 0 0}.form-end a{font-weight:600;color:var(--blue)}.notice{padding:12px 15px;border-radius:10px;font-size:14px;background:#fff1ef;color:#a44232;margin:16px 0;overflow-wrap:anywhere}.notice.success{background:#eafaed;color:#33734b}.notice:empty{display:none}
.account-section { background: white; border: 1px solid var(--site-dceaf3,#dceaf3); border-radius: 23px; padding: 28px 31px; margin-top: 22px; }
.modal-open { overflow: hidden; }
.auth-modal { border: 1px solid var(--site-d3e7f4,#d3e7f4); padding: 0; width: calc(100% - 32px); max-width: 485px; max-height: calc(100dvh - 40px); border-radius: 25px; box-shadow: 0 35px 100px var(--site-0b36574a,#0b36574a); background: #fff; overflow: auto; overscroll-behavior: contain; }
.auth-modal::backdrop { background: var(--site-102c4670,#102c4670); backdrop-filter: blur(8px); }
#authContent { padding: 31px 34px 22px; position: relative; overflow: hidden; min-height: 200px; }
.popup-accent { position: absolute; left: 0; right: 0; top: 0; height: 144px; background: linear-gradient(180deg, var(--site-e9f7ff,#e9f7ff), #fff); z-index: 0; pointer-events: none; }
.auth-close { position: absolute; top: 13px; right: 14px; z-index: 2; border: 1px solid var(--site-e2edf4,#e2edf4); border-radius: 50%; height: 32px; width: 32px; display: grid; place-content: center; background: #ffffffbd; color: var(--site-6c8ca2,#6c8ca2); font-size: 23px; line-height: 1; }
.auth-close:hover { background: var(--site-e4f4fe,#e4f4fe); color: var(--site-126db3,#126db3); }
.popup-header { text-align: center; position: relative; }
.popup-logo { position: relative; display: grid; place-content: center; background: var(--site-158bdc,#158bdc); color: white; height: 47px; width: 47px; border-radius: 15px; font: bold 49px Georgia; padding-bottom: 11px; margin: 0 auto 13px; box-shadow: 0 6px 18px var(--site-1594e629,#1594e629); }
.popup-logo > span { position: absolute; font-size: 25px; right: 5px; top: -1px; color: var(--site-b6e4ff,#b6e4ff); }
.popup-header .eyebrow { font-size: 9px; letter-spacing: 2.1px; color: var(--site-77a0ba,#77a0ba); }
.popup-header h2 { font-size: 26px; line-height: 1.45; font-weight: 700; letter-spacing: -.5px; margin: 9px 0 6px; }
.popup-header p { font-size: 12px; color: var(--site-83a0b3,#83a0b3); margin: 0 0 23px; }
.auth-tabs { background: var(--site-f0f6fa,#f0f6fa); border: 1px solid var(--site-e5eef4,#e5eef4); border-radius: 11px; padding: 4px; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 20px; }
.auth-tabs a { text-align: center; padding: 9px 8px; font-size: 13px; color: var(--site-809bad,#809bad); border-radius: 8px; font-weight: 500; }
.auth-tabs a[aria-current=page] { background: white; color: var(--site-117dc8,#117dc8); box-shadow: 0 2px 7px var(--site-133f5d0b,#133f5d0b); }
.popup-form .field { font-size: 13px; margin: 13px 0; color: var(--site-355974,#355974); }
.popup-form .field input { font-size: 15px; background: var(--site-fbfdff,#fbfdff); border-color: var(--site-dce8f1,#dce8f1); border-radius: 10px; padding: 11px 13px; min-height: 46px; margin-top: 6px; transition: border-color .15s, box-shadow .15s; }
.popup-form .field input:focus { outline: 0; border-color: var(--site-59abe2,#59abe2); box-shadow: 0 0 0 3px var(--site-1693e30c,#1693e30c); }
.popup-form .field input::placeholder { font-size: 12px; color: var(--site-a0b4c3,#a0b4c3); }
.popup-form .password-wrap input { padding-right: 55px; }
.popup-form .toggle { font-size: 11px; top: 16px; right: 7px; }
.popup-two { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.invite-hint { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--site-6f95ad,#6f95ad); background: var(--site-eff8fe,#eff8fe); border-radius: 8px; padding: 10px 11px; margin: 9px 0 16px; }
.invite-hint svg { height: 15px; width: 15px; flex-shrink: 0; }
.popup-submit { font-size: 14px; padding: 12px; border-radius: 11px; margin-top: 8px; min-height: 47px; background: linear-gradient(110deg, var(--site-1286d8,#1286d8), var(--site-269eea,#269eea)); box-shadow: 0 7px 15px var(--site-1593df1a,#1593df1a); }
.popup-bottom { font-size: 12px; text-align: center; color: var(--site-8aa1b2,#8aa1b2); margin: 20px 0 0; }
.popup-form .notice { font-size: 12px; margin: 10px 0; }
.invite-form .notice { grid-column: 1/-1; }
.invite-form{display:grid;grid-template-columns:1fr 130px auto;gap:13px;align-items:end}.invite-form .field{margin:10px 0}.invite-form .btn{margin-bottom:10px}.invite-list{margin-top:20px}.invite-row{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.invite-row code{display:block;font-size:16px;overflow-wrap:anywhere}.invite-row small{color:var(--muted)}.empty{padding:30px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:22px;max-width:440px;width:calc(100% - 32px);padding:30px;color:var(--ink)}dialog::backdrop{background:var(--site-0d293c80,#0d293c80);backdrop-filter:blur(4px)}dialog h2{font-size:25px;margin:15px 0}.close{position:absolute;right:15px;top:10px;font-size:27px;background:none;border:0;color:var(--muted)}dialog p{color:var(--muted)}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}i{display:inline-flex;font-style:normal}

/* สไตล์ Dropdown แบบกำหนดเอง */
.custom-select {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--site-d7e4ed,#d7e4ed);
  border-radius: 12px;
  margin-top: 7px;
  background: var(--site-fcfeff,#fcfeff);
  color: var(--ink);
  font-size: 15px;
  font-family: inherit;
  outline: none;
  transition: border 0.2s, box-shadow 0.2s;
}
.custom-select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(23,136,221,0.1);
}

@media(min-width:1500px){main{padding-top:25px}}
@media(max-width:900px){header,main{padding-left:24px;padding-right:24px}h1{font-size:40px}footer{margin:0 24px}.auth-form{padding:30px}.auth-art{padding:30px}.auth-art h2{font-size:28px}}

/* --- Mobile Responsive --- */
@media(max-width:650px){
    body{padding-bottom:95px}
    .topline{font-size:9px;padding:6px;letter-spacing:1.3px}
    .topline:not(.promo-topline)>span{display:none}
    header{height:82px;padding:0 20px;gap:12px}
    header nav{display:none}
    .brand{font-size:20px;gap:9px}
    .brand-icon{width:38px;height:38px;font-size:41px;border-radius:12px}
    .brand small{font-size:8px;letter-spacing:3px}
    .header-actions{gap:12px}
    .language{font-size:11px}
    .btn.small{font-size:12px;padding:9px 13px;border-radius:9px}
    .header-actions .btn span{display:none}
    main{padding:4px 16px 30px}
    
    .slider-container { height: 260px; border-radius: 22px; }
    .slide { padding: 30px 20px; }
    .slide-content h1 { font-size: 32px; margin-bottom: 10px; }
    .slide-content p { font-size: 14px; }
    
    .social-proof-section { flex-direction: column; border-radius: 24px; padding: 20px; gap: 12px; text-align: center; width: 100%; }
    .social-proof-details { align-items: center; }

    .quick-actions-grid { grid-template-columns: 1fr; gap: 12px; }
    .action-box { padding: 20px; }

    .upload-form { padding: 25px 20px; }
    .form-grid { grid-template-columns: 1fr; gap: 0; }

    .sample { font-size: 10px; padding: 3px 7px; }
    .filters { gap: 7px; margin: 17px 0; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
    .chip { font-size: 12px; padding: 7px 13px; flex-shrink: 0; }
    .products { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .product { border-radius: 15px; }
    .product-pic { height: 170px; }
    .product h3 { font-size: 13px; }
    .product-body small { font-size: 10px; }
    .product-bottom { flex-wrap: wrap; gap: 2px; }
    .product-bottom span:last-child { font-size: 10px; }
    .price { font-size: 19px; }
    .tag { font-size: 10px; padding: 2px 7px; top: 10px; left: 10px; }

    footer{margin:0 20px;flex-wrap:wrap;padding:22px 0;font-size:10px;gap:13px}
    footer>span:first-of-type{display:none}
    
    .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(15px);border-top:1px solid var(--line);height:80px;z-index:20;justify-content:space-evenly;align-items:center;padding:0 5px max(10px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(39,92,134,0.06)}
    .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--site-7c94a5,#7c94a5);width:20%;height:60px;border-radius:20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-decoration:none}
    .bottom-nav a:active{transform:scale(.9)}
    .bottom-nav a.current:not(.center-action-btn){color:var(--blue);background:var(--site-ebf5fc,#ebf5fc);transform:translateY(-8px);box-shadow:0 8px 15px rgba(23,136,221,.15)}
    .bottom-nav a.current:not(.center-action-btn) svg{transform:scale(1.15);stroke-width:2.2;transition:all .4s cubic-bezier(.34,1.56,.64,1)}
    .bottom-nav a.current:not(.center-action-btn) span{font-weight:700}
    .bottom-nav svg{height:24px;width:24px;transition:all .3s ease}

    .bottom-nav a.center-action-btn { position: relative; overflow: visible !important; }
    .bottom-nav a.center-action-btn .floating-btn { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; background: linear-gradient(135deg, var(--blue) 0%, var(--site-0d5ea6,#0d5ea6) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid var(--site-f8fbfe,#f8fbfe); box-shadow: 0 8px 20px rgba(23, 136, 221, 0.4); color: white; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
    .bottom-nav a.center-action-btn span { margin-top: 32px; font-weight: 700; color: var(--blue); }
    .bottom-nav a.center-action-btn.current .floating-btn { transform: translateX(-50%) scale(1.1); box-shadow: 0 10px 25px rgba(23, 136, 221, 0.5); }
    .bottom-nav a.center-action-btn.current { background: transparent; box-shadow: none; transform: none; }
    .bottom-nav a.center-action-btn .floating-btn svg { color: white !important; width: 24px; height: 24px; }

    .auth-shell{display:block;border-radius:21px;margin:4px 0 10px;min-height:0}
    .auth-art{display:none}
    .auth-form{padding:28px 23px}
    .auth-form h1{font-size:28px}
    .invite-form{grid-template-columns:1fr 85px;gap:10px}
    .invite-form .btn{grid-column:1/-1}
    
    .account-page{margin:10px auto 0}
    
    .profile-header-left { flex-direction: row; padding: 20px; gap: 15px; margin-bottom: 22px; }
    .avatar-large { width: 85px; height: 85px; font-size: 32px; border-width: 5px; }
    .edit-avatar-icon { width: 30px; height: 30px; bottom: -2px; right: -2px; }
    .edit-avatar-icon svg { width: 15px; height: 15px; }
    
    .shop-name-title { font-size: 22px; }
    .vip-gorgeous { font-size: 11px; padding: 4px 12px; }
    .vip-gorgeous svg { width: 14px; height: 14px; }
    
    .balance-card{min-height:220px;padding:24px 26px;border-radius:22px}
    .balance-top{font-size:13px}
    .balance-label{margin-top:23px;font-size:12px}
    .balance-amount{margin-bottom:20px}
    .balance-amount strong{font-size:45px}
    .balance-amount>span{font-size:26px}
    
    .balance-actions { gap: 8px; }
    .btn-balance-action { flex-direction: column; padding: 10px 4px; font-size: 11px; gap: 5px; }
    .btn-balance-action svg { width: 18px; height: 18px; margin-bottom: 2px; }

    .wallet-widget { padding: 12px; gap: 10px; }
    .widget-icon { width: 36px; height: 36px; }
    .widget-icon svg { width: 18px; height: 18px; }
    .widget-title { font-size: 13px; }
    .widget-desc { font-size: 10px; }

    .profile-menu { margin-top: 18px; gap: 12px; }
    .menu-item { padding: 12px 18px; border-radius: 20px; font-size: 15px; }
    .menu-icon-wrap { width: 42px; height: 42px; border-radius: 14px; margin-right: 14px; }
    .menu-item svg { width: 18px; height: 18px; }

    .account-section{padding:23px 21px;border-radius:19px;margin-top:16px}
    .account-section h2{font-size:20px}
    .auth-modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:22px}
    #authContent{padding:28px 23px 22px}
    .popup-header h2{font-size:24px}
    .popup-header p{font-size:11px}
    .popup-header .eyebrow{font-size:8px}
    .popup-header p{margin-bottom:18px}
    .popup-two{gap:11px}
    .popup-form .field input{font-size:16px}
    .popup-form .field{margin:11px 0}
    .popup-form .field input::placeholder{font-size:11px}
    .invite-hint{font-size:10px}
    .auth-tabs{margin-bottom:17px}
    .popup-bottom{font-size:11px}
    .popup-form .field input{min-height:45px}
    .auth-tabs a{font-size:12px}

    .slider-small .slider-container { height: 190px; }
    .slider-small .slide { padding: 25px 20px; }
    .slider-small .slide-content h1 { font-size: 22px; margin-bottom: 6px; }
    .slider-small .slide-content p { font-size: 12px; margin-bottom: 12px; }
    .slider-small .slide-btn { padding: 8px 16px; font-size: 12px; }

    .tx-full-header { padding: 15px; }
    .tx-tab { padding: 10px; font-size: 14px; }
    .tx-list-content { padding: 15px; }
    .tx-card-v2 { padding: 20px; gap: 16px; }
    .tx-logo-v2 { width: 46px; height: 46px; font-size: 20px; }
    .tx-logo-v2 svg { width: 22px; height: 22px; }
    .tx-title-group-v2 h3 { font-size: 16px; }
    .tx-name-v2 { font-size: 14px; }
    .tx-acc-v2 { font-size: 13px; }
    .tx-amt-v2 { font-size: 20px; }
    .tx-stat-v2 { font-size: 12px; padding: 4px 10px; }
}

@media(max-width:360px){
    .popup-two{grid-template-columns:1fr;gap:0}
    .popup-header h2{font-size:22px}
    .balance-card{padding:23px}
    .balance-amount strong{font-size:38px}
}
.slider-section:not(.slider-small) .slider-wrapper{width:100%;animation:none;transition:transform .65s ease}.slider-section:not(.slider-small) .slide{width:100%;min-width:100%;flex:none}.btn:not(.secondary),.brand-icon,.slide-blue{background:var(--brand-gradient,var(--blue))}

/* Original popup, with a stable header button on small screens. */
html{scrollbar-gutter:stable}
body.modal-open{overflow:hidden}
.header-actions{margin-left:auto;flex-shrink:0}
#headerLogin{white-space:nowrap;display:inline-flex}
@media(max-width:650px){.header-actions .language{display:none}.header-actions{gap:0}}
@media(max-width:360px){header{padding-left:12px;padding-right:12px;gap:8px}header .brand{font-size:18px;gap:6px}header .brand small{letter-spacing:2px}}

/* Gentle popup motion; the page entrance is managed separately in app.js. */
@keyframes lp-dialog-enter {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: no-preference) {
  #authModal[open], #detail[open] {
    animation: lp-dialog-enter 220ms cubic-bezier(.22,.61,.36,1);
  }
}

/* Only used before a balance is available; cached amounts remain visible. */
.balance-skeleton{display:inline-block;position:relative;overflow:hidden;width:3.4em;height:.8em;vertical-align:middle;border-radius:12px;background:rgba(255,255,255,.18)}
.balance-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.48) 50%,transparent 85%);transform:translateX(-100%);animation:lp-balance-shimmer 1.3s ease-in-out infinite}
@keyframes lp-balance-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.balance-skeleton::after{animation:none;transform:none;opacity:.35}}

/* Standalone withdrawal page */
.withdraw-page{max-width:1040px;margin:0 auto;padding:16px 0 25px}
.withdraw-back{display:inline-flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;font-weight:500;margin-bottom:25px}
.withdraw-back span{font-size:22px}.withdraw-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.withdraw-heading .eyebrow{font-size:10px;letter-spacing:2px}.withdraw-heading h1{font-size:38px;margin:7px 0 5px;letter-spacing:-1px}.withdraw-heading p{margin:0;color:var(--muted);font-size:14px}.withdraw-heading-icon{width:62px;height:62px;display:grid;place-items:center;background:var(--site-e7f4ff,#e7f4ff);border:1px solid var(--site-d3eafb,#d3eafb);border-radius:22px;color:var(--blue)}.withdraw-heading-icon svg{width:29px;height:29px}
.withdraw-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;align-items:start}.withdraw-summary{min-width:0}.withdraw-balance{position:relative;overflow:hidden;padding:28px;color:white;border-radius:25px;background:linear-gradient(125deg,var(--site-124e91,#124e91),var(--site-168cda,#168cda));box-shadow:0 16px 35px var(--site-1469b320,#1469b320)}.withdraw-balance::after{content:"";position:absolute;right:-55px;top:25px;width:180px;height:180px;border:28px solid #ffffff0d;border-radius:50%;pointer-events:none}.withdraw-balance-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--site-e1f2ff,#e1f2ff)}.withdraw-balance-top>span:last-child{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff40;border-radius:20px;padding:4px 10px}.withdraw-total{position:relative;z-index:1;display:flex;align-items:baseline;gap:10px;margin:20px 0 24px;overflow-wrap:anywhere}.withdraw-total>span{font-size:22px;color:var(--site-c5e9ff,#c5e9ff)}.withdraw-total strong{font-size:clamp(26px,3vw,38px);line-height:1.3;min-width:0;font-weight:700;font-variant-numeric:tabular-nums}.withdraw-balance-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff26;padding-top:16px;font-size:9px;letter-spacing:1.8px;color:var(--site-cae9ff,#cae9ff)}.withdraw-balance-foot svg{width:17px;height:17px}
.withdraw-bank-card{padding:25px;background:white;border:1px solid var(--line);border-radius:23px;margin-top:18px}.withdraw-section-label{display:block;color:var(--muted);font-size:12px}.withdraw-bank-icon{height:40px;width:40px;background:var(--site-edf7ff,#edf7ff);display:grid;place-items:center;border-radius:12px;color:var(--blue);margin-top:16px}.withdraw-bank-card h2{font-size:17px;margin:12px 0 4px}.withdraw-bank-card p{margin:4px 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.withdraw-bank-card .withdraw-bank-number{font-size:21px;font-weight:600;color:var(--navy);letter-spacing:1px}.withdraw-bank-card a{display:inline-block;margin-top:13px;color:var(--blue);font-size:13px}.withdraw-bank-card a[hidden]{display:none}.withdraw-help{padding:0 9px;font-size:12px;line-height:1.85;color:var(--muted);margin:16px 0}
.withdraw-form-card{background:white;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 12px 40px var(--site-173b5805,#173b5805);min-width:0}.withdraw-card-title{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--site-eaf2f8,#eaf2f8);padding-bottom:23px;margin-bottom:23px}.withdraw-card-title>span{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:var(--site-edf7ff,#edf7ff);color:var(--blue);font-size:14px;font-weight:700}.withdraw-card-title h2{font-size:20px;margin:0}.withdraw-card-title p{font-size:12px;color:var(--muted);margin:3px 0 0}.withdraw-form-card .field{font-size:13px;font-weight:500;margin:19px 0 8px}.withdraw-form-card .field:first-child{margin-top:0}.withdraw-form-card input,.withdraw-form-card textarea{border-radius:13px}.withdraw-amount-input{display:flex;align-items:center;gap:12px;border:1px solid var(--site-cbdfee,#cbdfee);background:var(--site-f8fcff,#f8fcff);border-radius:16px;padding:6px 13px 6px 17px}.withdraw-amount-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--site-1788dd12,#1788dd12)}.withdraw-amount-input>span{font-size:23px;color:var(--muted)}.withdraw-amount-input input{border:0;background:transparent;box-shadow:none;outline:none;min-width:0;width:100%;padding:10px 0;margin:0;font-size:29px;font-weight:600;color:var(--navy)}.withdraw-amount-input button{flex-shrink:0;border:0;background:var(--site-e6f3ff,#e6f3ff);color:var(--site-1677b8,#1677b8);padding:8px 12px;border-radius:9px;font-size:12px;font-weight:600}.withdraw-input-hint{display:block;color:var(--muted);font-size:11px;margin-top:7px}.withdraw-optional{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}.withdraw-form-card .password-wrap .toggle{top:17px}.withdraw-submit{margin-top:22px;min-height:52px;justify-content:space-between;padding:14px 21px;border-radius:14px}.withdraw-submit-note{font-size:11px;color:var(--muted);text-align:center;margin:13px 0 0}.withdraw-message{padding:12px 14px;background:#fff7ed;color:#9a541a;border:1px solid #fce6cc;border-radius:12px;font-size:12px;line-height:1.7;margin-top:14px}.withdraw-message[hidden],.withdraw-success[hidden],#withdrawRequestForm[hidden]{display:none}.withdraw-success{text-align:center;padding:30px 0}.withdraw-success-mark{display:grid;place-items:center;margin:auto;width:65px;height:65px;border-radius:50%;background:#e5f7f1;color:#21926e;font-size:32px}.withdraw-success h2{font-size:23px;margin:20px 0 8px}.withdraw-success p{font-size:14px;color:var(--muted);margin-bottom:26px}
@media(max-width:700px){.withdraw-page{padding:10px 0 20px}.withdraw-back{margin-bottom:16px}.withdraw-heading{margin-bottom:20px}.withdraw-heading h1{font-size:30px}.withdraw-heading p{font-size:12px}.withdraw-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.withdraw-heading-icon{width:48px;height:48px;border-radius:16px}.withdraw-layout{grid-template-columns:1fr;gap:16px}.withdraw-balance{padding:23px;border-radius:22px}.withdraw-total strong{font-size:34px}.withdraw-bank-card{padding:19px;margin-top:14px}.withdraw-bank-icon{float:right;margin-top:0}.withdraw-bank-card h2{margin-top:9px}.withdraw-bank-card .withdraw-bank-number{font-size:19px}.withdraw-help{margin-bottom:0}.withdraw-form-card{padding:23px 20px;border-radius:22px}.withdraw-card-title h2{font-size:18px}}

/* Compact destination inside the withdrawal form card. */
.withdraw-bank-inline{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--site-e7eff6,#e7eff6);padding-bottom:17px;margin-bottom:19px;min-width:0}
.withdraw-inline-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;background:var(--site-edf7ff,#edf7ff);color:var(--blue);border-radius:12px}
.withdraw-inline-details{flex:1;min-width:0}.withdraw-inline-label{font-size:10px;color:var(--muted)}
.withdraw-inline-details h2{font-size:14px;line-height:1.5;margin:1px 0;font-weight:600;overflow-wrap:anywhere}
.withdraw-inline-details p{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.withdraw-inline-details a{font-size:12px;color:var(--blue)}.withdraw-inline-details a[hidden]{display:none}
.withdraw-inline-number{font-size:12px;font-weight:500;letter-spacing:.3px;white-space:nowrap;color:var(--navy);font-variant-numeric:tabular-nums}
.withdraw-page .withdraw-form-card{padding:24px}.withdraw-page .withdraw-form-card .field{margin-top:14px;margin-bottom:6px}
.withdraw-page .withdraw-form-card .field:first-child{margin-top:0}
.withdraw-page .withdraw-submit{margin-top:16px;min-height:48px}.withdraw-page .withdraw-form-card textarea{min-height:72px}
.withdraw-page .withdraw-heading{margin-bottom:21px}.withdraw-page .withdraw-back{margin-bottom:18px}
@media(max-width:700px){.withdraw-page .withdraw-form-card{padding:20px}.withdraw-page .withdraw-balance{padding:20px}.withdraw-page .withdraw-total{margin:14px 0 17px}.withdraw-bank-inline{gap:10px}}
@media(max-width:380px){.withdraw-bank-inline{flex-wrap:wrap}.withdraw-inline-details{flex-basis:calc(100% - 48px)}.withdraw-inline-number{margin-left:48px;margin-top:-5px}}

/* Bank destination belongs to the blue balance card. */
.withdraw-balance .withdraw-bank-inline{position:relative;z-index:1;border-bottom:0;border-top:1px solid #ffffff30;padding:15px 0 0;margin:0;gap:11px;align-items:center}
.withdraw-balance .withdraw-inline-icon{width:34px;height:34px;flex-basis:34px;border-radius:11px;background:#ffffff18;border:1px solid #ffffff20;color:var(--site-ecf8ff,#ecf8ff)}
.withdraw-balance .withdraw-inline-icon svg{width:18px;height:18px}
.withdraw-balance .withdraw-inline-label{color:var(--site-bfdef7,#bfdef7);font-size:10px}
.withdraw-balance .withdraw-inline-details h2{font-size:13px;font-weight:500;color:#fff;margin:0;line-height:1.55}
.withdraw-balance .withdraw-inline-details p{font-size:10px;color:var(--site-cce7fa,#cce7fa);margin-top:2px;line-height:1.5}
.withdraw-balance .withdraw-inline-number{color:#fff;font-size:12px;letter-spacing:.4px;align-self:center}
.withdraw-balance .withdraw-inline-details a{font-size:11px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.withdraw-page .withdraw-total{margin:15px 0 18px}.withdraw-page .withdraw-balance{padding:24px}
@media(max-width:700px){.withdraw-page .withdraw-balance{padding:20px}.withdraw-page .withdraw-total{margin:11px 0 14px}.withdraw-page .withdraw-total strong{font-size:31px}.withdraw-page .withdraw-layout{gap:13px}.withdraw-balance .withdraw-bank-inline{padding-top:12px}.withdraw-page .withdraw-heading{margin-bottom:16px}.withdraw-page .withdraw-heading .eyebrow{display:none}.withdraw-page .withdraw-back{margin-bottom:10px}.withdraw-page .withdraw-form-card{padding:19px 20px}}
@media(max-width:380px){.withdraw-balance .withdraw-bank-inline{flex-wrap:nowrap;gap:8px}.withdraw-balance .withdraw-inline-details{flex-basis:auto}.withdraw-balance .withdraw-inline-number{margin:0;font-size:11px}.withdraw-balance .withdraw-inline-icon{width:29px;height:29px;flex-basis:29px}}
/* Locked withdrawal state */
.withdraw-locked-balance[hidden],.withdraw-locked-notice[hidden]{display:none!important}
.withdraw-locked-balance{position:relative;z-index:1;display:flex;align-items:center;gap:15px;margin:18px 0 21px;padding:16px 0 4px}
.withdraw-locked-balance-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.withdraw-locked-balance-icon svg{width:25px;height:25px;stroke:#fff}
.withdraw-locked-balance>div{min-width:0}
.withdraw-locked-balance small{display:block;margin-bottom:3px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--site-bfe2fb,#bfe2fb)}
.withdraw-locked-balance strong{display:block;font-size:24px;line-height:1.25;color:#fff;letter-spacing:-.3px}
.withdraw-locked-balance p{margin:5px 0 0;font-size:11px;line-height:1.55;color:var(--site-d5edff,#d5edff)}
.withdraw-locked-notice{min-height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 24px;border-radius:22px;background:linear-gradient(160deg,var(--site-f8fbff,#f8fbff) 0%,#ffffff 55%,var(--site-f2f8fd,#f2f8fd) 100%);border:1px solid var(--site-dceaf5,#dceaf5);box-shadow:inset 0 1px 0 #fff}
.withdraw-locked-notice-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,var(--site-e6f2fb,#e6f2fb),var(--site-f7fbff,#f7fbff));border:1px solid var(--site-d0e4f3,#d0e4f3);color:var(--site-176fae,#176fae);box-shadow:0 12px 28px rgba(32,109,161,.12)}
.withdraw-locked-notice-icon svg{width:30px;height:30px;stroke-width:1.8}
.withdraw-locked-kicker{margin-top:16px;font-size:9px;font-weight:800;letter-spacing:1.55px;color:var(--site-7d9bb2,#7d9bb2)}
.withdraw-locked-notice h2{margin:7px 0 5px;font-size:22px;line-height:1.35;color:var(--site-173b58,#173b58)}
.withdraw-locked-intro{margin:0;color:var(--site-6d879b,#6d879b);font-size:12px;line-height:1.75}
.withdraw-locked-message-card{width:100%;margin-top:18px;padding:15px 17px;text-align:left;border-radius:17px;background:#fff;border:1px solid var(--site-e1edf6,#e1edf6);box-shadow:0 8px 24px rgba(33,85,125,.06)}
.withdraw-locked-message-card>span{display:block;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.25px;color:var(--site-8aa2b5,#8aa2b5)}
.withdraw-locked-message-card p{margin:0;color:var(--site-34566f,#34566f);font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.withdraw-locked-status{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border-radius:999px;background:var(--site-edf6fc,#edf6fc);color:var(--site-55758e,#55758e);font-size:10px;font-weight:600}
.withdraw-locked-status-dot{width:7px;height:7px;border-radius:50%;background:#e5a63e;box-shadow:0 0 0 4px rgba(229,166,62,.12)}
@media(max-width:700px){.withdraw-locked-balance{gap:12px;margin:13px 0 16px}.withdraw-locked-balance-icon{width:47px;height:47px;flex-basis:47px;border-radius:15px}.withdraw-locked-balance-icon svg{width:22px;height:22px}.withdraw-locked-balance strong{font-size:21px}.withdraw-locked-balance p{font-size:10px}.withdraw-locked-notice{min-height:285px;padding:22px 16px;border-radius:19px}.withdraw-locked-notice-icon{width:58px;height:58px;border-radius:19px}.withdraw-locked-notice h2{font-size:19px}.withdraw-locked-message-card{padding:14px 15px}.withdraw-locked-message-card p{font-size:12px}}


/* Shared back link: same arrow, typography and colours as withdrawal. */
.page-back{border:0;background:transparent;box-shadow:none;padding:0;text-decoration:none;line-height:1.65;white-space:nowrap}
.account-heading>.page-back{margin-bottom:0}
.auth-form>.page-back{margin-bottom:18px}
.page-back:hover{color:var(--blue)}
.page-back:focus-visible{outline:3px solid var(--site-65b9f4,#65b9f4);outline-offset:5px;border-radius:4px}

/* Bank linking: compact, image-led account form. */
.link-bank-page{max-width:560px;margin:0 auto;padding:16px 0 30px}.link-bank-heading{margin-bottom:23px}.link-bank-heading .eyebrow{font-size:10px;letter-spacing:2px}.link-bank-heading h1{font-size:32px;letter-spacing:-.8px;margin:7px 0}.link-bank-heading p{font-size:13px;color:var(--muted);margin:0}.link-bank-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 12px 36px var(--site-145b9210,#145b9210)}.bank-preview{display:flex;gap:16px;align-items:center;padding:21px;border-radius:18px;background:linear-gradient(120deg,var(--site-124e91,#124e91),var(--site-168cda,#168cda));color:#fff;margin-bottom:24px}.bank-preview>img{width:54px;height:54px;object-fit:contain;background:white;border-radius:15px;padding:6px}.bank-preview small{color:var(--site-c7e7ff,#c7e7ff);font-size:10px}.bank-preview h2{font-size:18px;line-height:1.5;margin:3px 0}.bank-preview span{font-size:10px;color:var(--site-d2ebff,#d2ebff)}.link-bank-card .field{font-size:13px;margin:17px 0 8px}.link-bank-card input{border-radius:12px}.bank-picker{border:1px solid var(--site-d7e6f1,#d7e6f1);border-radius:13px;background:var(--site-fbfdff,#fbfdff)}.bank-picker summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none;font-size:14px;font-weight:500}.bank-picker summary::-webkit-details-marker{display:none}.bank-picker summary img{width:32px;height:32px;object-fit:contain;border-radius:8px;background:white}.bank-picker summary span:nth-child(2){flex:1}.bank-options{max-height:280px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);padding:7px;background:white;border-radius:0 0 13px 13px}.bank-option{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;cursor:pointer;font-size:13px}.bank-option:hover{background:var(--site-f0f8ff,#f0f8ff)}.bank-option input{appearance:auto;width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:var(--blue);flex-shrink:0}.bank-option img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:7px}.bank-option>span:not(.bank-tick){flex:1}.bank-tick{color:var(--blue);opacity:0}.bank-option:has(input:checked){background:var(--site-edf7ff,#edf7ff)}.bank-option input:checked~.bank-tick{opacity:1}.bank-field-hint{font-size:11px;color:var(--muted);margin:6px 0 0}.bank-save{justify-content:space-between;margin-top:20px;min-height:50px;border-radius:13px}.bank-footnote{font-size:11px;color:var(--muted);text-align:center;margin:16px 0 0}.bank-picker:focus-within{outline:2px solid var(--site-8dcaf1,#8dcaf1);outline-offset:2px}
@media(max-width:650px){.link-bank-page{padding-top:10px}.link-bank-page>.withdraw-back{margin-bottom:17px}.link-bank-heading h1{font-size:28px}.link-bank-card{padding:20px;border-radius:22px}.bank-preview{padding:17px;gap:13px;margin-bottom:19px}.bank-preview>img{width:47px;height:47px}.bank-preview h2{font-size:16px}}

/* Wallet activity: consistent cards for withdrawals and administrator top-ups. */
.tx-history-page{max-width:960px;margin:0 auto;padding:16px 0 30px}.tx-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 27px}.tx-page-heading .eyebrow{font-size:10px;letter-spacing:2px}.tx-page-heading h1{font-size:32px;letter-spacing:-.7px;margin:7px 0}.tx-page-heading p{font-size:13px;color:var(--muted);margin:0}.tx-heading-icon{width:56px;height:56px;border-radius:18px;background:var(--site-e7f4ff,#e7f4ff);color:var(--blue);display:grid;place-items:center;flex-shrink:0}.tx-heading-icon svg{width:27px;height:27px}.tx-history-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:var(--site-eaf3fa,#eaf3fa);border:1px solid var(--site-dceaf5,#dceaf5);border-radius:18px}.tx-history-tabs button{display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 10px;border:0;border-radius:13px;background:transparent;color:var(--site-7890a3,#7890a3);font-size:14px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.tx-history-tabs button.is-active{background:#fff;color:var(--blue);box-shadow:0 4px 12px var(--site-173b5810,#173b5810)}.tx-history-tabs button b{display:grid;place-items:center;min-width:24px;height:23px;padding:0 6px;border-radius:7px;background:var(--site-dfeaf3,#dfeaf3);color:var(--site-71899e,#71899e);font-size:11px;font-weight:500}.tx-history-tabs button.is-active b{background:var(--site-e9f5ff,#e9f5ff);color:var(--blue)}.tx-history-caption{color:var(--muted);font-size:11px;margin:16px 2px}.tx-history-card{padding:23px;background:#fff;border:1px solid var(--site-e0edf5,#e0edf5);border-radius:22px;box-shadow:0 7px 25px var(--site-173b5805,#173b5805);margin-bottom:15px}.tx-history-top{display:flex;gap:13px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--site-edf3f8,#edf3f8)}.tx-history-logo{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;background:var(--site-f4f9fd,#f4f9fd);border:1px solid var(--site-e7eff5,#e7eff5);border-radius:14px;color:var(--blue)}.tx-history-logo img{width:34px;height:34px;object-fit:contain;border-radius:8px}.tx-history-title{min-width:0;flex:1}.tx-history-title h2{font-size:16px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere}.tx-history-title p{font-size:11px;color:var(--muted);margin:5px 0 0}.tx-history-page .tx-status{font-size:11px;line-height:1.5;padding:6px 10px;border-radius:20px;white-space:nowrap;font-weight:500}.tx-status-pending{background:#fff5df;color:#9a6719}.tx-status-approved{background:#e9f7f1;color:#248465}.tx-status-rejected{background:#fff0f1;color:#b74b60}.tx-history-body{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:17px}.tx-account{min-width:0}.tx-account>small{font-size:10px;color:var(--muted)}.tx-account-line{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-size:12px;color:var(--muted)}.tx-account-line strong{font-size:13px;letter-spacing:.4px;font-weight:500;color:var(--navy)}.tx-history-page .tx-holder{font-size:12px;color:var(--muted);margin:5px 0 0}.tx-history-amount{text-align:right;flex-shrink:0}.tx-history-amount small{font-size:10px;display:block;color:var(--muted);margin-bottom:3px}.tx-history-amount strong{font-size:25px;line-height:1.4;font-weight:700;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:var(--navy)}.tx-history-amount.in strong{color:#248465}.tx-history-note{margin-top:17px;padding:11px 14px;background:var(--site-f7fafc,#f7fafc);border-radius:11px;border:1px solid var(--site-ecf2f7,#ecf2f7)}.tx-history-note>span{font-size:10px;color:var(--site-8a9eae,#8a9eae)}.tx-history-note p{font-size:12px;line-height:1.7;color:var(--site-557086,#557086);margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.tx-source{font-size:10px;color:#8b9ead;margin:11px 0 0}.tx-history-empty{text-align:center;border:1px dashed var(--site-cfe2f0,#cfe2f0);border-radius:23px;padding:48px 20px;background:var(--site-fbfdff,#fbfdff)}.tx-history-empty>span{display:grid;place-items:center;margin:auto;width:62px;height:62px;background:var(--site-eaf5ff,#eaf5ff);border-radius:20px;color:var(--blue)}.tx-history-empty svg{width:27px;height:27px}.tx-history-empty h2{font-size:18px;margin:17px 0 7px}.tx-history-empty p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:650px){.tx-history-page{padding-top:9px}.tx-history-page>.withdraw-back{margin-bottom:17px}.tx-page-heading{margin-bottom:21px}.tx-page-heading h1{font-size:26px}.tx-page-heading .eyebrow{font-size:8px}.tx-heading-icon{width:44px;height:44px;border-radius:14px}.tx-history-tabs button{font-size:12px;gap:7px;padding:13px 5px}.tx-history-tabs button svg{width:17px;height:17px}.tx-history-card{padding:18px 16px;border-radius:19px}.tx-history-top{gap:10px;flex-wrap:wrap}.tx-history-logo{width:39px;height:39px;flex-basis:39px;border-radius:12px}.tx-history-logo img{width:29px;height:29px}.tx-history-title h2{font-size:14px}.tx-history-title p{font-size:10px}.tx-history-page .tx-status{font-size:10px;padding:5px 8px}.tx-history-body{align-items:flex-start;gap:12px;flex-wrap:wrap}.tx-history-amount{margin-left:auto}.tx-history-amount strong{font-size:22px}.tx-account-line{font-size:11px;gap:6px}.tx-history-caption{font-size:10px}.tx-history-page .tx-holder{font-size:11px}}
@media(max-width:380px){.tx-history-page .tx-status{margin-left:49px}.tx-history-tabs button{gap:5px}.tx-history-tabs button b{min-width:20px;padding:0 4px}.tx-heading-icon{display:none}}
.tx-history-card-rejected{border-color:#f3dbe1;box-shadow:0 8px 28px #b5445e0a}.tx-rejection-panel{margin-top:18px;padding:16px;background:linear-gradient(145deg,#fff7f8,#fffafb);border:1px solid #f3d1d9;border-radius:17px;color:#79364a;overflow-wrap:anywhere}.tx-rejection-head{display:flex;align-items:center;gap:12px}.tx-rejection-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#ffe4e9;color:#b74661;font-size:18px;font-weight:800;box-shadow:inset 0 0 0 1px #f7cbd5}.tx-rejection-head>div{min-width:0}.tx-rejection-head strong{display:block;font-size:14px;line-height:1.5;color:#9e3953}.tx-rejection-head small{display:block;margin-top:2px;font-size:11px;color:#9b7180}.tx-rejection-message{margin-top:13px;padding:13px 14px;background:#fff;border:1px solid #f5e1e6;border-radius:13px;box-shadow:0 4px 14px #8a405008}.tx-rejection-message span{display:block;font-size:10px;font-weight:700;letter-spacing:.25px;color:#b16074}.tx-rejection-message p{margin:5px 0 0;font-size:13px;line-height:1.8;color:#6f4350;white-space:pre-wrap;overflow-wrap:anywhere}.tx-rejection-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;font-size:10px;color:#a07884}.tx-rejection-foot>span{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#6f8e78}.tx-rejection-foot b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#eaf6ee;color:#3c8456;font-size:10px}.tx-rejection-foot time{font-variant-numeric:tabular-nums;text-align:right}@media(max-width:650px){.tx-rejection-panel{padding:14px;border-radius:15px}.tx-rejection-head{align-items:flex-start}.tx-rejection-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.tx-rejection-head strong{font-size:13px}.tx-rejection-message{padding:12px}.tx-rejection-message p{font-size:12px}.tx-rejection-foot{align-items:flex-start;flex-direction:column;gap:6px}.tx-rejection-foot time{text-align:left}}

/* Top-up history description */
.tx-topup-purpose{min-width:210px;max-width:480px;padding:11px 14px;background:linear-gradient(145deg,#f1fbf7,#fbfffd);border:1px solid #d7eee4;border-radius:12px}.tx-topup-purpose>span{display:block;color:#789889;font-size:10px}.tx-topup-purpose>strong{display:block;margin-top:4px;color:#28745c;font-size:13px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:650px){.tx-topup-purpose{min-width:0;max-width:100%;padding:10px 12px}.tx-topup-purpose>strong{font-size:12px}}

/* Optional rejection message: render only when admin entered text */
.tx-rejection-message-only{margin-top:15px;background:#fff7f8;border-color:#f3d1d9;box-shadow:none}
.tx-rejection-message-only p{margin:0;color:#7b4453}

/* Account dashboard redesign — profile only, no wallet/balance content. */
.account-dashboard{max-width:1030px;margin:0 auto;padding:12px 0 32px}
.account-hero{position:relative;overflow:hidden;min-height:170px;padding:31px 34px;border-radius:30px;background:linear-gradient(125deg,var(--site-eff8ff,#eff8ff) 0%,var(--site-dff2ff,#dff2ff) 48%,var(--site-eef0ff,#eef0ff) 100%);border:1px solid var(--site-d8ebf8,#d8ebf8);box-shadow:0 18px 45px rgba(30,107,164,.08);display:flex;align-items:center;margin-bottom:18px}
.account-hero::before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-85px;top:-125px;background:radial-gradient(circle,#fff9 0,#fff2 45%,transparent 70%)}
.account-hero::after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(0deg,#fff5,transparent);pointer-events:none}
.account-hero-copy{position:relative;z-index:2;max-width:600px}.account-kicker{display:inline-block;font-size:10px;letter-spacing:2.6px;font-weight:800;color:var(--site-4e84ab,#4e84ab);margin-bottom:8px}.account-hero h1{font-size:34px;letter-spacing:-.8px;margin:0 0 6px;color:var(--navy)}.account-hero p{font-size:13px;line-height:1.7;color:var(--site-66839a,#66839a);margin:0}
.account-hero-decor{position:absolute;right:45px;top:31px;width:150px;height:110px;z-index:1}.pearl-orb{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff 0 18%,var(--site-d9efff,#d9efff) 42%,var(--site-a9d6f2,#a9d6f2) 72%,var(--site-7db7dc,#7db7dc) 100%);box-shadow:inset -7px -9px 16px var(--site-5594bd18,#5594bd18),0 15px 30px var(--site-538eb62a,#538eb62a)}.pearl-orb-a{width:82px;height:82px;right:13px;top:9px}.pearl-orb-b{width:39px;height:39px;right:89px;top:59px;opacity:.9}.pearl-spark{position:absolute;right:88px;top:8px;font-size:29px;color:#fff;text-shadow:0 4px 15px var(--site-5d9dcb88,#5d9dcb88);transform:rotate(12deg)}
.account-profile-card,.account-status-card,.account-menu-card,.account-bottom-card{background:#fff;border:1px solid var(--site-e0edf6,#e0edf6);border-radius:26px;box-shadow:0 10px 32px rgba(30,88,130,.055)}
.account-profile-card{padding:27px 29px;margin-bottom:17px}.account-profile-main{display:flex;align-items:center;gap:20px}.account-avatar-wrap{flex:0 0 auto}.account-avatar{width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,var(--site-65bdf1,#65bdf1),var(--site-4a86d8,#4a86d8))!important;border:5px solid #fff;box-shadow:0 0 0 1px var(--site-cce5f5,#cce5f5),0 12px 24px var(--site-3183bc24,#3183bc24)}.account-avatar .avatar-text{font-size:31px}.account-avatar .edit-avatar-icon{width:31px;height:31px;right:-5px;bottom:-5px;border:3px solid #fff;background:var(--site-176fc1,#176fc1)}.account-profile-copy{min-width:0;flex:1}.account-profile-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--site-8199ab,#8199ab)}.account-profile-copy h2{font-size:26px;margin:4px 0 9px;overflow-wrap:anywhere}.account-profile-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-vip-badge,.account-member-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700}.account-vip-badge{background:linear-gradient(135deg,#fff2c5,#ffe09a);color:#9b6810;border:1px solid #f5d378}.account-vip-badge svg{width:14px;height:14px}.account-member-badge{background:var(--site-edf6fc,#edf6fc);color:var(--site-4b7290,#4b7290);border:1px solid var(--site-dbeaf5,#dbeaf5)}.account-member-badge b{color:var(--site-1e5e91,#1e5e91)}.account-edit-profile{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 14px;border-radius:13px;background:var(--site-edf7ff,#edf7ff);color:var(--site-176da8,#176da8);border:1px solid var(--site-d7ebf8,#d7ebf8);font-size:11px;font-weight:700}.account-edit-profile svg{width:16px;height:16px}
.account-profile-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:23px;padding-top:20px;border-top:1px solid var(--site-edf3f7,#edf3f7)}.account-profile-meta>div{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border-radius:15px;background:var(--site-f9fcfe,#f9fcfe);border:1px solid var(--site-edf4f8,#edf4f8)}.account-meta-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;font-size:15px;font-weight:800}.account-meta-icon.store{background:var(--site-eaf5ff,#eaf5ff)}.account-meta-icon.crown{background:#fff3d9;color:#a87113}.account-meta-icon.id{background:#f0ecff;color:#7252ad}.account-meta-icon.check{background:#eaf9f1;color:#23835e}.account-profile-meta p{margin:0;min-width:0;font-size:9px;color:var(--site-8a9eae,#8a9eae);line-height:1.35}.account-profile-meta strong{display:block;color:var(--site-24465f,#24465f);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-status-card,.account-menu-card{padding:26px 28px;margin-bottom:17px}.account-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.account-section-head>div>span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--site-8aa2b5,#8aa2b5);font-weight:700;margin-bottom:3px}.account-section-head h2{font-size:20px;margin:0 0 4px}.account-section-head p{font-size:11px;color:var(--site-8399aa,#8399aa);margin:0}.account-section-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e9f8f1,#dff5eb);color:#2a8b67;font-size:18px;font-weight:900}.account-section-head.compact{margin-bottom:16px}
.account-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.account-status-item{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--site-e8f0f5,#e8f0f5);border-radius:17px;background:linear-gradient(145deg,var(--site-fbfdff,#fbfdff),var(--site-f7fbfd,#f7fbfd))}.account-status-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--site-edf7ff,#edf7ff);font-size:19px}.account-status-item strong{display:block;font-size:12px;color:var(--site-274960,#274960)}.account-status-item small{display:block;font-size:9px;color:var(--site-8a9eae,#8a9eae);margin-top:3px}.account-status-value{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff3e4;color:#a66c1c;white-space:nowrap}.account-status-value.is-ready{background:#e9f8f1;color:#23815e}.account-status-value.is-wait{background:#fff2e8;color:#ad6531}
.account-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.account-tool-item{display:flex;flex-direction:column;align-items:flex-start;min-height:142px;padding:17px;border-radius:19px;border:1px solid var(--site-e6eff5,#e6eff5);background:var(--site-fbfdff,#fbfdff);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.account-tool-item:hover{transform:translateY(-3px);box-shadow:0 12px 25px var(--site-245b8111,#245b8111);border-color:var(--site-cae1f1,#cae1f1)}.account-tool-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;margin-bottom:13px}.account-tool-icon svg{width:21px;height:21px}.account-tool-icon.blue{background:var(--site-e9f5ff,#e9f5ff);color:var(--site-247bb5,#247bb5)}.account-tool-icon.cyan{background:var(--site-e8f9ff,#e8f9ff);color:var(--site-14809f,#14809f)}.account-tool-icon.indigo{background:var(--site-eeefff,#eeefff);color:var(--site-5868bd,#5868bd)}.account-tool-icon.mint{background:#e9f9f2;color:#23835e}.account-tool-icon.gold{background:#fff4dc;color:#b87a13}.account-tool-icon.purple{background:#f2edff;color:#7556b2}.account-tool-icon.rose{background:#fff0f4;color:#b95170}.account-tool-icon.slate{background:var(--site-eef3f6,#eef3f6);color:var(--site-577083,#577083)}.account-tool-item strong{font-size:12px;color:var(--site-24465e,#24465e);margin-bottom:4px}.account-tool-item small{font-size:9px;line-height:1.45;color:var(--site-8a9eae,#8a9eae)}
.account-bottom-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px}.account-bottom-copy{display:flex;align-items:center;gap:13px;min-width:0}.account-bottom-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:14px;background:var(--site-eef8ff,#eef8ff);color:var(--site-2977aa,#2977aa);font-weight:800}.account-bottom-copy strong{font-size:12px}.account-bottom-copy p{font-size:10px;color:var(--site-899eae,#899eae);margin:3px 0 0}.account-logout{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid #f1dce1;background:#fff7f8;color:#b74e61;border-radius:13px;padding:10px 14px;font-size:11px;font-weight:700}.account-logout svg{width:16px;height:16px}
@media(max-width:760px){.account-dashboard{padding-top:5px}.account-hero{min-height:138px;padding:24px 21px;border-radius:24px}.account-hero h1{font-size:28px}.account-hero p{font-size:11px;max-width:72%}.account-hero-decor{right:12px;top:23px;transform:scale(.76);transform-origin:right top}.account-profile-card{padding:21px 18px;border-radius:22px}.account-profile-main{gap:14px;align-items:flex-start}.account-avatar{width:76px;height:76px;border-radius:24px}.account-profile-copy h2{font-size:19px;margin-top:2px}.account-edit-profile{width:37px;height:37px;padding:0;display:grid;place-items:center;border-radius:12px}.account-edit-profile span{display:none}.account-profile-meta{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;padding-top:16px}.account-profile-meta>div{padding:9px}.account-status-card,.account-menu-card{padding:21px 17px;border-radius:22px}.account-status-grid{grid-template-columns:1fr;gap:8px}.account-status-item{grid-template-columns:41px minmax(0,1fr) auto;padding:12px}.account-status-icon{width:41px;height:41px}.account-tool-grid{grid-template-columns:1fr 1fr;gap:8px}.account-tool-item{min-height:126px;padding:14px;border-radius:17px}.account-tool-icon{width:42px;height:42px;margin-bottom:10px}.account-bottom-card{padding:16px;border-radius:20px;align-items:flex-start}.account-bottom-copy p{display:none}.account-logout span{display:none}.account-logout{width:40px;height:40px;padding:0;display:grid;place-items:center}}
@media(max-width:390px){.account-hero p{max-width:68%}.account-profile-main{gap:11px}.account-avatar{width:70px;height:70px}.account-profile-copy h2{font-size:17px}.account-vip-badge,.account-member-badge{padding:5px 8px;font-size:9px}.account-profile-meta strong{font-size:10px}.account-tool-item{min-height:119px}.account-status-value{font-size:8px;padding:5px 6px}}

/* === Simplified account experience === */
.simple-account-page{max-width:760px;margin:0 auto;padding:18px 0 36px}
.simple-profile-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:27px 29px;margin-bottom:18px;background:linear-gradient(145deg,#fff 0%,var(--site-f7fbff,#f7fbff) 60%,var(--site-eef7ff,#eef7ff) 100%);border:1px solid var(--site-dceaf5,#dceaf5);border-radius:28px;box-shadow:0 18px 42px rgba(29,85,126,.08)}
.simple-profile-card::after{content:"";position:absolute;width:160px;height:160px;right:-65px;top:-85px;border-radius:50%;background:radial-gradient(circle,rgba(137,207,246,.32),rgba(210,238,255,.08) 62%,transparent 70%);pointer-events:none}
.simple-avatar-wrap{position:relative;z-index:1;flex:0 0 auto}.simple-account-avatar{width:92px;height:92px;border-radius:50%!important;background:linear-gradient(145deg,var(--site-67bdf0,#67bdf0),var(--site-317fc9,#317fc9))!important;border:5px solid #fff;box-shadow:0 0 0 1px var(--site-cfe6f5,#cfe6f5),0 13px 27px rgba(38,115,170,.18)}
.simple-account-avatar .edit-avatar-icon{right:-3px;bottom:-3px;border:3px solid #fff;background:var(--site-176fc1,#176fc1)}
.simple-profile-copy{position:relative;z-index:1;min-width:0}.simple-profile-label{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--site-8a9eae,#8a9eae)}.simple-profile-copy h2{margin:4px 0 10px;font-size:26px;line-height:1.25;color:var(--site-183c57,#183c57);overflow-wrap:anywhere}.simple-profile-badges{display:flex;gap:8px;flex-wrap:wrap}.simple-vip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#fff4c9,#ffe2a0);border:1px solid #f4d47f;color:#95670f;font-size:11px;font-weight:800}.simple-vip svg{width:14px;height:14px}
.simple-account-menu{overflow:hidden;background:#fff;border:1px solid var(--site-e1edf5,#e1edf5);border-radius:25px;box-shadow:0 12px 34px rgba(30,79,116,.055)}.simple-account-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--site-edf3f7,#edf3f7);transition:background .18s ease,transform .18s ease}.simple-account-row:last-child{border-bottom:0}.simple-account-row:hover{background:var(--site-f8fbfd,#f8fbfd)}.simple-row-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:14px}.simple-row-icon svg{width:19px;height:19px}.simple-row-icon.blue{background:var(--site-eaf5ff,#eaf5ff);color:var(--site-277ab2,#277ab2)}.simple-row-icon.cyan{background:var(--site-e9f9ff,#e9f9ff);color:var(--site-15809d,#15809d)}.simple-row-icon.indigo{background:var(--site-eef0ff,#eef0ff);color:var(--site-5969bb,#5969bb)}.simple-row-icon.mint{background:#eaf9f2;color:#23835e}.simple-row-icon.slate{background:var(--site-eef3f6,#eef3f6);color:#5c7384}.simple-row-copy{display:flex;flex-direction:column;min-width:0;flex:1}.simple-row-copy strong{font-size:13px;color:var(--site-274961,#274961)}.simple-row-copy small{margin-top:3px;font-size:10px;color:var(--site-8a9eae,#8a9eae)}.simple-row-chevron{color:var(--site-a6b9c8,#a6b9c8);display:grid;place-items:center}.simple-row-chevron svg{width:17px;height:17px}
.simple-logout{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border:1px solid #f0dde1;border-radius:16px;background:#fff8f9;color:#b75061;font-size:12px;font-weight:700}.simple-logout svg{width:17px;height:17px}

/* Personal information — view only */
.personal-view-page{max-width:760px;margin:0 auto;padding:13px 0 36px}.personal-back{margin-bottom:18px}.personal-view-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.personal-heading-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--site-e8f5ff,#e8f5ff),var(--site-f6fbff,#f6fbff));border:1px solid var(--site-d7eaf7,#d7eaf7);color:var(--site-2379b3,#2379b3);box-shadow:0 10px 24px rgba(34,110,165,.08)}.personal-heading-icon svg{width:25px;height:25px}.personal-view-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.personal-view-heading h1{font-size:27px;margin:3px 0 2px}.personal-view-heading p{font-size:11px;color:#8499a9;margin:0}
.personal-view-card{padding:24px;background:#fff;border:1px solid var(--site-ddebf5,#ddebf5);border-radius:26px;box-shadow:0 16px 40px rgba(30,86,126,.07)}.personal-card-top{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid var(--site-edf3f7,#edf3f7)}.personal-card-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:linear-gradient(145deg,var(--site-298bd2,#298bd2),var(--site-68bde9,#68bde9));color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 9px 20px rgba(33,121,181,.18)}.personal-card-top>div{min-width:0;flex:1}.personal-card-top small{display:block;font-size:9px;color:var(--site-8a9eae,#8a9eae)}.personal-card-top strong{display:block;margin-top:2px;font-size:13px;color:var(--site-24465e,#24465e)}.personal-readonly{padding:6px 9px;border-radius:999px;background:var(--site-eef6fb,#eef6fb);color:var(--site-66859b,#66859b);font-size:9px;font-weight:700}.personal-info-list{display:grid;gap:0}.personal-info-row{display:flex;align-items:center;gap:14px;padding:18px 3px;border-bottom:1px solid var(--site-edf3f7,#edf3f7)}.personal-info-row:last-child{border-bottom:0;padding-bottom:4px}.personal-info-icon{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:14px}.personal-info-icon svg{width:20px;height:20px}.personal-info-icon.blue{background:var(--site-eaf5ff,#eaf5ff);color:var(--site-2478b0,#2478b0)}.personal-info-icon.green{background:#eaf9f2;color:#26825f}.personal-info-row>div{min-width:0;flex:1}.personal-info-row small{display:block;font-size:10px;color:var(--site-8a9eae,#8a9eae);margin-bottom:3px}.personal-info-row strong{display:block;font-size:16px;color:var(--site-23465f,#23465f);line-height:1.5;overflow-wrap:anywhere}.personal-info-row em{display:block;margin-top:2px;font-size:9px;color:#9aabb8;font-style:normal}

/* Read-only bank page */
.bank-view-page{max-width:760px;margin:0 auto;padding:13px 0 38px}.bank-view-back{margin-bottom:18px}.bank-view-heading{margin-bottom:20px}.bank-view-heading .eyebrow{font-size:9px;letter-spacing:2px}.bank-view-heading h1{font-size:29px;margin:5px 0 3px}.bank-view-heading p{font-size:11px;color:var(--site-8398a9,#8398a9);margin:0}.bank-view-card{position:relative;overflow:hidden;padding:25px;background:linear-gradient(145deg,#fff,var(--site-f8fbff,#f8fbff));border:1px solid var(--site-dceaf5,#dceaf5);border-radius:28px;box-shadow:0 18px 42px rgba(30,85,125,.075);display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:15px;align-items:center}.bank-view-card::after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-95px;border-radius:50%;background:radial-gradient(circle,var(--site-d9efff80,#d9efff80),transparent 67%);pointer-events:none}.bank-view-logo{position:relative;z-index:1;width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:#fff;border:1px solid var(--site-deebf4,#deebf4);box-shadow:0 10px 25px rgba(36,101,148,.09);color:var(--site-257db7,#257db7)}.bank-view-logo img{width:43px;height:43px;object-fit:contain}.bank-view-name{position:relative;z-index:1;min-width:0}.bank-view-name small{display:block;font-size:9px;color:var(--site-8a9eae,#8a9eae)}.bank-view-name h2{font-size:20px;margin:3px 0;color:var(--site-21445e,#21445e);overflow-wrap:anywhere}.bank-view-lock{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:var(--site-eef5fa,#eef5fa);color:var(--site-6b879b,#6b879b);font-size:9px;font-weight:700}.bank-view-lock svg{width:13px;height:13px}.bank-view-details{position:relative;z-index:1;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;padding-top:18px;border-top:1px solid var(--site-e8f1f7,#e8f1f7)}.bank-view-detail{padding:15px 16px;border-radius:17px;background:#fff;border:1px solid var(--site-e5eef5,#e5eef5)}.bank-view-detail small{display:block;font-size:9px;color:var(--site-8a9eae,#8a9eae);margin-bottom:5px}.bank-view-detail strong{display:block;font-size:14px;color:var(--site-264a63,#264a63);line-height:1.5;overflow-wrap:anywhere}.bank-view-detail.account-number strong{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.35px}.bank-view-note{position:relative;z-index:1;grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;margin-top:2px;padding:12px 13px;border-radius:14px;background:var(--site-f2f8fc,#f2f8fc);color:var(--site-668399,#668399);font-size:10px;line-height:1.6}.bank-view-note svg{width:17px;height:17px;flex:0 0 17px;color:var(--site-2f83bb,#2f83bb)}.bank-view-empty{padding:38px 24px;text-align:center;background:#fff;border:1px solid var(--site-e0edf5,#e0edf5);border-radius:25px;box-shadow:0 14px 36px rgba(30,80,118,.06)}.bank-view-empty>span{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 15px;border-radius:20px;background:var(--site-eef7fd,#eef7fd);color:var(--site-347ead,#347ead)}.bank-view-empty>span svg{width:29px;height:29px}.bank-view-empty h2{font-size:18px;margin:0 0 6px}.bank-view-empty p{font-size:11px;line-height:1.7;color:var(--site-8298a9,#8298a9);margin:0}

@media(max-width:650px){.simple-account-page{padding-top:7px}.simple-profile-card{padding:21px 18px;border-radius:23px;gap:15px}.simple-account-avatar{width:78px;height:78px}.simple-profile-copy h2{font-size:20px}.simple-account-menu{border-radius:21px}.simple-account-row{padding:14px 15px}.simple-row-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}.personal-view-page,.bank-view-page{padding-top:7px}.personal-view-heading h1,.bank-view-heading h1{font-size:25px}.personal-heading-icon{width:48px;height:48px;flex-basis:48px;border-radius:16px}.personal-view-card{padding:19px 17px;border-radius:22px}.personal-card-top{align-items:flex-start}.personal-info-row{padding:16px 2px}.bank-view-card{padding:20px 17px;border-radius:23px;grid-template-columns:54px minmax(0,1fr)}.bank-view-logo{width:54px;height:54px;border-radius:17px}.bank-view-logo img{width:38px;height:38px}.bank-view-lock{grid-column:1/-1;width:max-content;margin-top:-2px}.bank-view-details{grid-template-columns:1fr}.bank-view-name h2{font-size:17px}.bank-view-detail.account-number strong{font-size:16px}}

/* === Refined account dashboard: keep the original premium design, remove only requested items === */
.account-dashboard-refined .account-hero-refined{min-height:132px;padding-top:27px;padding-bottom:27px}
.account-dashboard-refined .account-hero-refined .account-kicker{margin-bottom:7px}
.account-dashboard-refined .account-hero-refined p{max-width:560px;font-size:14px}
.account-dashboard-refined .account-avatar-circle{border-radius:50%!important;overflow:visible}
.account-dashboard-refined .account-avatar-circle>img{border-radius:50%!important}
.account-dashboard-refined .account-profile-meta-three{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){
  .account-dashboard-refined .account-hero-refined{min-height:112px;padding:21px 20px}
  .account-dashboard-refined .account-hero-refined p{max-width:73%;font-size:11px}
  .account-dashboard-refined .account-avatar-circle{border-radius:50%!important}
  .account-dashboard-refined .account-profile-meta-three{grid-template-columns:1fr 1fr 1fr}
  .account-dashboard-refined .account-profile-meta-three>div{padding:9px 7px;gap:7px}
  .account-dashboard-refined .account-profile-meta-three .account-meta-icon{width:30px;height:30px;flex-basis:30px}
}
@media(max-width:430px){
  .account-dashboard-refined .account-profile-meta-three{grid-template-columns:1fr}
  .account-dashboard-refined .account-profile-meta-three>div{padding:10px 11px}
}

/* Profile cleanup: keep premium design, remove hero and keep shop/member details horizontal. */
.account-dashboard-refined{padding-top:6px}
.account-dashboard-refined .account-profile-card{margin-top:0}
.account-dashboard-refined .account-profile-meta-three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
.account-dashboard-refined .account-profile-meta-three>div{min-width:0;display:flex;align-items:center;gap:10px}
.account-dashboard-refined .account-profile-meta-three p{min-width:0;flex:1}
@media(max-width:760px){
  .account-dashboard-refined .account-profile-meta-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}
  .account-dashboard-refined .account-profile-meta-three>div{padding:9px 7px;gap:7px}
}
@media(max-width:430px){
  .account-dashboard-refined .account-profile-meta-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px}
  .account-dashboard-refined .account-profile-meta-three>div{padding:8px 6px;gap:5px;min-height:54px}
  .account-dashboard-refined .account-profile-meta-three .account-meta-icon{width:27px;height:27px;flex-basis:27px;font-size:12px;border-radius:9px}
  .account-dashboard-refined .account-profile-meta-three p{font-size:8px}
  .account-dashboard-refined .account-profile-meta-three strong{font-size:9px;margin-top:2px}
}


/* Account page icon polish */
.account-dashboard-refined .account-meta-icon svg{width:17px;height:17px;stroke-width:1.8}
.account-dashboard-refined .account-meta-icon.store{color:var(--site-2676ac,#2676ac)}
.account-dashboard-refined .account-bottom-icon svg{width:19px;height:19px;stroke-width:1.8}
.account-dashboard-refined .account-profile-meta-three strong{min-width:0}

/* Premium secure bank account view */
.bank-view-premium-page{max-width:820px;margin:0 auto;padding:13px 0 42px}.bank-view-premium-page [hidden]{display:none!important}.bank-premium-heading{margin-bottom:18px}.bank-premium-heading .eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--site-6a8ca5,#6a8ca5)}.bank-premium-heading h1{font-size:31px;letter-spacing:-.7px;margin:5px 0 4px;color:var(--site-173b58,#173b58)}.bank-premium-heading p{margin:0;color:var(--site-8298aa,#8298aa);font-size:12px}
.bank-security-gate{position:relative;overflow:hidden;margin-top:10px;padding:38px 34px 30px;border:1px solid var(--site-dbeaf5,#dbeaf5);border-radius:30px;background:linear-gradient(145deg,#fff 0%,var(--site-f7fbff,#f7fbff) 55%,var(--site-edf7ff,#edf7ff) 100%);box-shadow:0 22px 56px rgba(22,74,111,.09);text-align:center}.bank-security-gate::before{content:"";position:absolute;inset:-80px auto auto -75px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,var(--site-d9efff,#d9efff) 0%,rgba(217,239,255,.1) 62%,transparent 68%)}.bank-security-gate::after{content:"";position:absolute;right:-90px;bottom:-100px;width:245px;height:245px;border-radius:50%;border:34px solid rgba(71,155,211,.055)}.bank-security-shield{position:relative;z-index:2;width:76px;height:76px;display:grid;place-items:center;margin:0 auto 15px;border-radius:25px;background:linear-gradient(145deg,var(--site-187cc0,#187cc0),var(--site-54b4e8,#54b4e8));color:#fff;box-shadow:0 16px 32px rgba(27,124,190,.22),inset 0 1px 0 rgba(255,255,255,.35)}.bank-security-shield svg{width:34px;height:34px}.bank-security-kicker{position:relative;z-index:2;display:block;color:var(--site-6f90a7,#6f90a7);font-size:9px;font-weight:800;letter-spacing:2px}.bank-security-gate h1{position:relative;z-index:2;margin:7px 0 8px;font-size:27px;letter-spacing:-.55px;color:var(--site-173d59,#173d59)}.bank-security-gate>p{position:relative;z-index:2;max-width:560px;margin:0 auto;color:var(--site-668297,#668297);font-size:13px;line-height:1.9}.bank-security-tips{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px auto 17px;max-width:630px;text-align:left}.bank-security-tips>div{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid var(--site-e0edf6,#e0edf6);border-radius:17px;background:rgba(255,255,255,.76)}.bank-security-tips>div>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:var(--site-eaf5fc,#eaf5fc);color:var(--site-247eb7,#247eb7)}.bank-security-tips svg{width:17px;height:17px}.bank-security-tips p{margin:0}.bank-security-tips strong{display:block;color:var(--site-31566f,#31566f);font-size:11px}.bank-security-tips small{display:block;margin-top:3px;color:var(--site-8097a8,#8097a8);font-size:9px;line-height:1.6}.bank-security-countdown{position:relative;z-index:2;display:flex;align-items:center;gap:13px;max-width:440px;margin:0 auto;padding:12px 15px;border-radius:18px;background:var(--site-173f5d,#173f5d);color:#fff;text-align:left;box-shadow:0 14px 30px rgba(23,63,93,.12)}.bank-count-number{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:15px;background:linear-gradient(145deg,var(--site-2f94d2,#2f94d2),var(--site-67c2ed,#67c2ed));font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.bank-security-countdown>div{min-width:0}.bank-security-countdown strong{display:block;font-size:12px}.bank-security-countdown small{display:block;margin-top:2px;color:var(--site-c8deeb,#c8deeb);font-size:9px}.bank-security-countdown b{color:#fff}.bank-security-orbit span{position:absolute;border-radius:50%;border:1px solid rgba(67,151,208,.09);pointer-events:none}.bank-security-orbit span:nth-child(1){width:150px;height:150px;left:50%;top:9px;transform:translateX(-50%)}.bank-security-orbit span:nth-child(2){width:190px;height:190px;left:50%;top:-11px;transform:translateX(-50%)}.bank-security-orbit span:nth-child(3){width:230px;height:230px;left:50%;top:-31px;transform:translateX(-50%)}.bank-security-gate.is-opening{animation:bankGateOut .28s ease forwards}@keyframes bankGateOut{to{opacity:0;transform:translateY(-7px) scale(.99)}}
.bank-secure-content{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.bank-secure-content.is-visible{opacity:1;transform:none}.bank-premium-card{position:relative;overflow:hidden;padding:27px 28px 24px;border-radius:30px;background:linear-gradient(130deg,var(--site-103f69,#103f69) 0%,var(--site-145f93,#145f93) 48%,var(--site-1688c5,#1688c5) 100%);box-shadow:0 22px 50px rgba(19,84,127,.20);color:#fff}.bank-premium-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 36%,rgba(255,255,255,.045) 74%,transparent);pointer-events:none}.bank-premium-card::after{content:"";position:absolute;width:210px;height:210px;right:-82px;top:-90px;border:30px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}.bank-premium-glow{position:absolute;width:250px;height:250px;left:-120px;bottom:-170px;border-radius:50%;background:radial-gradient(circle,rgba(118,211,255,.32),transparent 65%)}.bank-premium-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}.bank-premium-brand{display:flex;align-items:center;gap:14px;min-width:0}.bank-premium-logo{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border-radius:18px;background:#fff;box-shadow:0 12px 25px rgba(4,35,57,.16)}.bank-premium-logo img{width:43px;height:43px;object-fit:contain}.bank-premium-logo svg{color:var(--site-1c78b4,#1c78b4);width:27px;height:27px}.bank-premium-brand small,.bank-premium-number small,.bank-premium-holder small{display:block;color:var(--site-bcdbea,#bcdbea);font-size:9px;letter-spacing:.3px}.bank-premium-brand h2{margin:3px 0 0;color:#fff;font-size:19px;line-height:1.4;overflow-wrap:anywhere}.bank-premium-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);color:var(--site-e9f7ff,#e9f7ff);font-size:9px;font-weight:700;backdrop-filter:blur(8px)}.bank-premium-badge svg{width:13px;height:13px}.bank-premium-number{position:relative;z-index:2;margin-top:30px}.bank-premium-number strong{display:block;margin-top:6px;color:#fff;font-size:clamp(23px,4vw,34px);font-weight:650;letter-spacing:1.2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bank-premium-divider{position:relative;z-index:2;height:1px;margin:25px 0 18px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.07),transparent)}.bank-premium-holder{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}.bank-premium-holder strong{display:block;margin-top:4px;color:#fff;font-size:15px;overflow-wrap:anywhere}.bank-premium-secure{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:13px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);color:var(--site-dff3ff,#dff3ff)}.bank-premium-secure svg{width:17px;height:17px}.bank-privacy-note{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:13px 15px;border-radius:16px;background:var(--site-f2f8fc,#f2f8fc);border:1px solid var(--site-e1edf5,#e1edf5);color:var(--site-688498,#688498);font-size:10px;line-height:1.7}.bank-privacy-note svg{width:17px;height:17px;flex:0 0 17px;color:var(--site-2582bb,#2582bb)}.bank-view-empty-premium{margin-top:0}
@media(max-width:650px){.bank-view-premium-page{padding-top:7px}.bank-security-gate{padding:31px 18px 22px;border-radius:25px}.bank-security-shield{width:66px;height:66px;border-radius:21px}.bank-security-shield svg{width:29px;height:29px}.bank-security-gate h1{font-size:22px}.bank-security-gate>p{font-size:12px}.bank-security-tips{grid-template-columns:1fr;margin-top:18px}.bank-security-countdown{padding:11px 12px}.bank-count-number{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:19px}.bank-premium-heading h1{font-size:26px}.bank-premium-card{padding:22px 19px 20px;border-radius:25px}.bank-premium-top{align-items:flex-start}.bank-premium-logo{width:52px;height:52px;flex-basis:52px;border-radius:16px}.bank-premium-logo img{width:38px;height:38px}.bank-premium-brand h2{font-size:16px}.bank-premium-badge{padding:7px 9px;font-size:8px}.bank-premium-number{margin-top:25px}.bank-premium-number strong{font-size:24px;letter-spacing:.8px}.bank-premium-holder strong{font-size:13px}}
@media(max-width:410px){.bank-premium-top{flex-wrap:wrap}.bank-premium-badge{margin-left:66px}.bank-security-tips small{font-size:8px}}

/* Crisp storefront banners: original files, no backdrop blur or GPU slider scaling. */
.shared-banner-slider{margin:4px 0 28px}
.shared-banner-slider .premium-banner-frame{position:relative;width:100%;height:auto;aspect-ratio:1931/814;min-height:0;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,var(--site-edf7fd,#edf7fd),var(--site-f9fcff,#f9fcff));border:1px solid rgba(185,216,237,.88);box-shadow:0 20px 54px rgba(31,93,137,.13),0 3px 10px rgba(44,108,151,.06);isolation:isolate}
.shared-banner-slider .premium-banner-frame::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),inset 0 -30px 60px rgba(20,62,91,.025)}
.shared-banner-slider .slider-wrapper{position:relative;display:block;width:100%;height:100%;animation:none!important;transition:none!important;transform:none!important;will-change:auto}
.shared-banner-slider .slider-wrapper > .premium-banner-slide{position:absolute;inset:0;flex:none;width:100%;min-width:100%;height:100%;padding:0;display:grid;place-items:center;overflow:hidden;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.shared-banner-slider .slider-wrapper > .premium-banner-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.shared-banner-slider .premium-banner-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none;filter:none}
.shared-banner-slider .banner-nav{position:absolute;z-index:6;top:50%;width:44px;height:44px;margin-top:-22px;border:1px solid rgba(255,255,255,.62);border-radius:15px;background:rgba(19,57,84,.42);color:#fff;display:grid;place-items:center;padding:0;font:400 34px/1 Arial,sans-serif;box-shadow:0 8px 24px rgba(11,45,69,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .2s,transform .2s,background .2s}
.shared-banner-slider .banner-nav:hover{background:rgba(18,82,127,.68);transform:translateY(-1px)}
.shared-banner-slider .banner-nav-prev{left:16px}.shared-banner-slider .banner-nav-next{right:16px}
.shared-banner-slider .banner-nav[hidden],.shared-banner-slider .slider-dots[hidden]{display:none!important}
.shared-banner-slider .slider-dots{position:absolute;z-index:7;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(17,55,82,.30);box-shadow:0 8px 24px rgba(12,45,68,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.shared-banner-slider .slider-dots .dot{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:none;transition:width .28s ease,background .28s ease,transform .28s ease}
.shared-banner-slider .slider-dots .dot.active{width:25px;background:#fff;transform:none}
@media(prefers-reduced-motion:reduce){.shared-banner-slider .slider-wrapper > .premium-banner-slide{transition:none}}
.wallet-banner-slider{margin-top:24px;margin-bottom:4px}
@media(max-width:700px){
  .shared-banner-slider{margin-bottom:20px}
  .shared-banner-slider .premium-banner-frame{aspect-ratio:1931/814;border-radius:20px;box-shadow:0 13px 34px rgba(31,93,137,.12)}
  .shared-banner-slider .banner-nav{width:34px;height:34px;margin-top:-17px;border-radius:11px;font-size:27px;opacity:.92}
  .shared-banner-slider .banner-nav-prev{left:9px}.shared-banner-slider .banner-nav-next{right:9px}
  .shared-banner-slider .slider-dots{bottom:8px;gap:5px;padding:5px 7px}
  .shared-banner-slider .slider-dots .dot{width:6px;height:6px;min-width:6px}.shared-banner-slider .slider-dots .dot.active{width:20px}
  .wallet-banner-slider{margin-top:18px}
}


/* ===== Header account button + member promo bar ===== */
.promo-topline{position:relative;overflow:hidden;padding:0;background:linear-gradient(105deg,var(--site-103d66,#103d66) 0%,var(--site-176fae,#176fae) 42%,var(--site-2b9add,#2b9add) 72%,var(--site-6cc5ef,#6cc5ef) 130%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 22px rgba(21,87,135,.08);letter-spacing:0;text-align:left}
.promo-topline:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.09) 46%,transparent 72%);pointer-events:none}
.promo-topline-inner{position:relative;z-index:2;max-width:1240px;min-height:48px;margin:auto;padding:6px 40px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}
.promo-topline-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.promo-topline-icon svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.promo-topline-copy{display:flex;align-items:baseline;gap:12px;min-width:0}
.promo-topline-copy strong{font-size:13px;font-weight:800;letter-spacing:.05px;color:#fff;white-space:nowrap}
.promo-topline-copy small{font-size:10px;color:var(--site-d9effd,#d9effd);font-weight:500;white-space:nowrap}
.promo-topline-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff;color:var(--site-176da8,#176da8);font-size:8px;font-weight:900;letter-spacing:1.05px;box-shadow:0 6px 15px rgba(9,62,100,.13);white-space:nowrap}
.promo-topline-glow{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(8px);opacity:.17;pointer-events:none}
.promo-topline-glow-left{left:-80px;top:-110px;background:#fff}.promo-topline-glow-right{right:-60px;bottom:-130px;background:var(--site-b7ecff,#b7ecff)}

.header-account-btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 9px 6px 7px;border:1px solid var(--site-d8e8f3,#d8e8f3);border-radius:16px;background:linear-gradient(145deg,#fff,var(--site-f7fbfe,#f7fbfe));color:var(--navy);box-shadow:0 8px 24px rgba(23,59,88,.08),inset 0 1px 0 rgba(255,255,255,.8);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.header-account-btn:hover{transform:translateY(-1px);border-color:var(--site-bdddf1,#bdddf1);box-shadow:0 12px 28px rgba(23,97,151,.13);background:#fff}
.header-account-btn:active{transform:translateY(0)}
.header-account-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--site-116aad,#116aad));color:#fff;box-shadow:0 6px 14px rgba(23,136,221,.23)}
.header-account-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-account-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.15;min-width:63px}
.header-account-copy small{font-size:7px;font-weight:800;letter-spacing:1.25px;color:var(--site-8ba3b5,#8ba3b5)}
.header-account-copy strong{font-size:13px;font-weight:800;color:var(--site-173b58,#173b58);white-space:nowrap;margin-top:3px}
.header-account-chevron{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:var(--site-edf6fc,#edf6fc);color:var(--site-5d87a3,#5d87a3)}
.header-account-chevron svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.header-account-btn.is-account:after{content:"";position:absolute;top:7px;left:34px;width:7px;height:7px;border-radius:50%;background:#44c98b;border:2px solid #fff;box-shadow:0 0 0 1px rgba(68,201,139,.15)}
.header-actions .language{height:30px;min-width:34px;display:grid;place-items:center;border:1px solid var(--site-e0ebf2,#e0ebf2);border-radius:10px;background:#fff;color:var(--site-678197,#678197);font-size:9px;letter-spacing:.7px}

@media(max-width:700px){
  .promo-topline-inner{min-height:42px;padding:5px 16px;gap:9px;justify-content:center}
  .promo-topline-icon{width:28px;height:28px;flex-basis:28px;border-radius:9px}
  .promo-topline-icon svg{width:15px;height:15px}
  .promo-topline-copy{display:block;text-align:left}
  .promo-topline-copy strong{display:block;font-size:10.5px;line-height:1.35;white-space:normal}
  .promo-topline-copy small{display:none}
  .promo-topline-badge{font-size:7px;padding:3px 7px;min-height:21px;letter-spacing:.7px}
  .header-actions{gap:8px}
  .header-actions .language{display:none}
  .header-account-btn{min-height:42px;padding:5px 7px;border-radius:14px;gap:7px}
  .header-account-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}
  .header-account-copy{min-width:auto}
  .header-account-copy small{display:none}
  .header-account-copy strong{font-size:11px;margin:0}
  .header-account-chevron{display:none}
  .header-account-btn.is-account:after{top:5px;left:29px;width:6px;height:6px}
}
@media(max-width:380px){
  .promo-topline-badge{display:none}
  .promo-topline-inner{padding-left:10px;padding-right:10px}
}

/* =========================================================
   Little Pearl Home Marketplace — pastel premium storefront
   ========================================================= */
.home-marketplace{display:flex;flex-direction:column;gap:22px;padding:2px 0 22px}
.home-marketplace .home-hero-slider{margin-bottom:0}
.home-marketplace .shared-banner-slider .premium-banner-frame{border-radius:29px;box-shadow:0 22px 55px rgba(64,128,174,.14),0 5px 15px rgba(52,108,148,.06)}
.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}
.home-section-heading.compact-heading{align-items:center;margin-bottom:16px;padding:0 2px}
.home-section-kicker{display:block;margin-bottom:3px;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:2px;color:var(--site-75a0bf,#75a0bf)}
.home-section-heading h2{margin:0;color:var(--site-173b58,#173b58);font-size:25px;line-height:1.35;letter-spacing:-.5px}
.home-section-heading p{margin:4px 0 0;color:var(--site-7a93a6,#7a93a6);font-size:12px}
.home-section-title-row{display:flex;align-items:center;gap:13px;min-width:0}
.home-section-symbol{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:15px;background:linear-gradient(145deg,var(--site-e9f5ff,#e9f5ff),var(--site-d8ecfb,#d8ecfb));color:var(--site-2b83be,#2b83be);box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(71,140,190,.09)}
.home-section-symbol.warm{background:linear-gradient(145deg,#fff6e9,#ffe9cf);color:#ed9741}
.home-section-symbol svg{width:22px;height:22px;stroke-width:1.8}
.home-see-all{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--site-2779b2,#2779b2);font-size:12px;font-weight:800;padding:8px 11px;border-radius:11px;transition:.2s}
.home-see-all:hover{background:#fff;box-shadow:0 6px 18px rgba(42,113,163,.08);transform:translateY(-1px)}
.home-see-all span{font-size:16px;line-height:1}

.home-category-strip{position:relative;overflow:hidden;padding:20px 20px 18px;background:linear-gradient(135deg,#fff 0%,var(--site-fbfdff,#fbfdff) 56%,var(--site-f4faff,#f4faff) 100%);border:1px solid var(--site-e2eef6,#e2eef6);border-radius:26px;box-shadow:0 14px 35px rgba(35,98,143,.06)}
.home-category-strip:before{content:"";position:absolute;width:190px;height:190px;right:-85px;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(183,226,255,.35),transparent 67%);pointer-events:none}
.home-category-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.home-category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:9px;padding:12px 5px 10px;border-radius:17px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.home-category-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 24px rgba(42,100,143,.09)}
.home-category-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(61,122,166,.09)}
.home-category-icon svg{width:28px;height:28px;stroke-width:1.65}
.home-category-card strong{max-width:100%;color:var(--site-244862,#244862);font-size:11px;line-height:1.35;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-category-card.tone-pink .home-category-icon{background:#ffe9f0;color:#d45f82}.home-category-card.tone-slate .home-category-icon{background:var(--site-eef2f5,#eef2f5);color:#596d7d}.home-category-card.tone-blue .home-category-icon{background:var(--site-e4f2ff,#e4f2ff);color:var(--site-2a82c2,#2a82c2)}.home-category-card.tone-amber .home-category-icon{background:#fff0d9;color:#dc8a36}.home-category-card.tone-cyan .home-category-icon{background:var(--site-e6f7ff,#e6f7ff);color:var(--site-2994bd,#2994bd)}.home-category-card.tone-mint .home-category-icon{background:#e6f7f1;color:#299a74}.home-category-card.tone-peach .home-category-icon{background:#fff0e5;color:#c9824c}.home-category-card.tone-lavender .home-category-icon{background:var(--site-eeefff,#eeefff);color:var(--site-7379c8,#7379c8)}

.home-product-section{position:relative;overflow:hidden;padding:24px;border-radius:28px;border:1px solid var(--site-deedf6,#deedf6);box-shadow:0 15px 38px rgba(39,101,145,.065)}
.home-recommended-section{background:linear-gradient(135deg,var(--site-f5fbff,#f5fbff) 0%,var(--site-edf8ff,#edf8ff) 50%,var(--site-f7fbff,#f7fbff) 100%)}
.home-new-section{background:linear-gradient(135deg,#fffaf3 0%,#fff5e9 50%,#fffbf6 100%);border-color:#f3e7d7}
.home-product-section:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-150px;top:-155px;border:38px solid rgba(255,255,255,.55);pointer-events:none}
.home-product-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-product-card{position:relative;overflow:hidden;display:block;width:100%;padding:0;border:1px solid var(--site-e4edf4,#e4edf4);border-radius:21px;background:#fff;color:inherit;text-align:left;box-shadow:0 8px 24px rgba(41,91,126,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-product-card:hover{transform:translateY(-5px);border-color:var(--site-cfe3f1,#cfe3f1);box-shadow:0 18px 32px rgba(40,94,132,.12)}
.home-product-photo{position:relative;overflow:hidden;width:100%;aspect-ratio:1.1/1;background:linear-gradient(145deg,var(--site-f5f8fa,#f5f8fa),var(--site-edf4f8,#edf4f8))}
.home-product-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-product-card:hover .home-product-photo img{transform:scale(1.025)}
.home-product-badge{position:absolute;left:10px;bottom:9px;z-index:2;display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#ff6482,#f04e70);color:#fff;font-size:9px;font-weight:900;box-shadow:0 6px 14px rgba(230,75,109,.22)}
.home-new-section .home-product-badge{background:linear-gradient(135deg,#ffab55,#f38a36);box-shadow:0 6px 14px rgba(230,128,50,.2)}
.home-product-heart{position:absolute;right:10px;top:10px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(221,233,242,.9);border-radius:50%;background:rgba(255,255,255,.91);color:var(--site-426e8c,#426e8c);box-shadow:0 5px 14px rgba(44,86,115,.08);backdrop-filter:blur(5px)}
.home-product-heart svg{width:16px;height:16px;stroke-width:1.8}
.home-product-copy{padding:14px 14px 13px}
.home-product-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px;margin:0 0 7px;color:var(--site-203f56,#203f56);font-size:13px;line-height:1.55;font-weight:700}
.home-product-price{display:block;color:var(--site-143f5f,#143f5f);font-size:18px;line-height:1.25;font-weight:900;font-variant-numeric:tabular-nums}
.home-product-shop{display:block;margin-top:6px;color:#879aaa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-product-foot{display:flex;align-items:center;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--site-eef3f6,#eef3f6);color:#71899b}
.home-product-dot{width:7px;height:7px;border-radius:50%;background:#60c99d;box-shadow:0 0 0 3px #e9f8f2}
.home-product-foot small{font-size:9px}.home-product-arrow{margin-left:auto;color:var(--site-4d8eb9,#4d8eb9);font-size:14px}
.home-products-loading{grid-column:1/-1;min-height:220px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:var(--site-7690a3,#7690a3)}
.home-products-loading span{width:9px;height:9px;border-radius:50%;background:var(--site-82bfe8,#82bfe8);animation:homeDot 1s infinite ease-in-out}.home-products-loading span:nth-child(2){animation-delay:.15s}.home-products-loading span:nth-child(3){animation-delay:.3s}.home-products-loading p{flex-basis:100%;margin:1px 0 0;text-align:center;font-size:11px}
@keyframes homeDot{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-6px);opacity:1}}
.home-product-empty{grid-column:1/-1;padding:35px 20px;text-align:center;color:var(--site-8198aa,#8198aa)}.home-product-empty>svg{width:38px;height:38px;color:var(--site-75a8c9,#75a8c9)}.home-product-empty h3{margin:9px 0 2px;color:var(--site-35566d,#35566d);font-size:15px}.home-product-empty p{margin:0 0 13px;font-size:11px}

.home-trust-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 18px;border:1px solid var(--site-e1eef6,#e1eef6);border-radius:24px;background:linear-gradient(135deg,var(--site-f7fcff,#f7fcff),#fff);box-shadow:0 12px 30px rgba(31,91,134,.055)}
.home-trust-item{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 8px}
.home-trust-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:14px;background:var(--site-eaf5fd,#eaf5fd);color:var(--site-247cb7,#247cb7)}.home-trust-icon.cyan{background:var(--site-e8f7ff,#e8f7ff);color:var(--site-2a94c1,#2a94c1)}.home-trust-icon.green{background:#eaf8f0;color:#32915e}.home-trust-icon.pink{background:#fff0f4;color:#d96683}
.home-trust-icon svg{width:21px;height:21px;stroke-width:1.75}
.home-trust-item strong{display:block;color:var(--site-294c64,#294c64);font-size:11px;line-height:1.35}.home-trust-item small{display:block;margin-top:2px;color:var(--site-8aa0af,#8aa0af);font-size:8px;line-height:1.45}

/* Pastel promo accent to match the storefront */
.promo-topline{background:linear-gradient(100deg,#f389aa 0%,#ff718d 47%,#ff9f84 100%);box-shadow:0 7px 20px rgba(220,92,125,.12)}
.promo-topline:before{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.16) 46%,transparent 72%)}
.promo-topline-icon{background:rgba(255,255,255,.19);border-color:rgba(255,255,255,.3)}
.promo-topline-copy small{color:#fff0f4}.promo-topline-badge{color:#d95878}

@media(max-width:980px){
  .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:13px}
  .home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .home-marketplace{gap:14px;padding-top:0}
  .home-marketplace .home-hero-slider{margin-top:0}
  .home-section-heading{align-items:center;gap:8px;margin-bottom:14px}
  .home-section-kicker{font-size:7px;letter-spacing:1.45px}
  .home-section-heading h2{font-size:18px;letter-spacing:-.2px}.home-section-heading p{font-size:9px;margin-top:2px}
  .home-section-symbol{width:37px;height:37px;flex-basis:37px;border-radius:12px}.home-section-symbol svg{width:18px;height:18px}
  .home-see-all{font-size:9px;padding:6px}.home-see-all span{font-size:13px}
  .home-category-strip{padding:16px 12px 13px;border-radius:21px}
  .home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 4px}
  .home-category-card{gap:6px;padding:6px 1px}.home-category-icon{width:49px;height:49px}.home-category-icon svg{width:23px;height:23px}.home-category-card strong{font-size:8.5px}
  .home-product-section{padding:17px 12px 15px;border-radius:22px}
  .home-product-grid{gap:9px}
  .home-product-card{border-radius:16px}
  .home-product-photo{aspect-ratio:1/1}
  .home-product-badge{left:7px;bottom:7px;min-height:21px;padding:3px 7px;font-size:7px}
  .home-product-heart{right:7px;top:7px;width:27px;height:27px}.home-product-heart svg{width:14px;height:14px}
  .home-product-copy{padding:10px 10px 9px}.home-product-copy h3{font-size:10px;min-height:31px;margin-bottom:5px}.home-product-price{font-size:15px}.home-product-shop{font-size:7.5px;margin-top:4px}.home-product-foot{margin-top:7px;padding-top:7px}.home-product-foot small{font-size:7px}.home-product-dot{width:6px;height:6px}
  .home-trust-bar{grid-template-columns:1fr 1fr;gap:5px;padding:12px 9px;border-radius:20px}.home-trust-item{gap:8px;padding:6px 5px}.home-trust-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}.home-trust-icon svg{width:18px;height:18px}.home-trust-item strong{font-size:9px}.home-trust-item small{font-size:7px}
}
@media(max-width:390px){
  .home-category-icon{width:44px;height:44px}.home-category-card strong{font-size:8px}
  .home-product-copy h3{font-size:9.5px}.home-product-price{font-size:14px}
  .home-trust-bar{grid-template-columns:1fr}.home-trust-item small{font-size:7.5px}
}

/* ===== Promo bar visibility + blue theme (final override) ===== */
.promo-topline span{margin-left:0}
.promo-topline .promo-topline-glow{display:block}
.promo-topline .promo-topline-icon{display:grid}
.promo-topline .promo-topline-copy{display:flex}
.promo-topline .promo-topline-badge{display:inline-flex}
.topline.promo-topline{background:linear-gradient(105deg,var(--site-103d66,#103d66) 0%,var(--site-176fae,#176fae) 42%,var(--site-2b9add,#2b9add) 72%,var(--site-6cc5ef,#6cc5ef) 130%)!important;box-shadow:0 8px 22px rgba(21,87,135,.08)!important}
.topline.promo-topline:before{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.09) 46%,transparent 72%)!important}
.topline.promo-topline .promo-topline-icon{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.22)!important}
.topline.promo-topline .promo-topline-copy small{color:var(--site-d9effd,#d9effd)!important}
.topline.promo-topline .promo-topline-badge{color:var(--site-176da8,#176da8)!important}
@media(max-width:700px){
  .topline.promo-topline .promo-topline-glow{display:block}
  .topline.promo-topline .promo-topline-icon{display:grid}
  .topline.promo-topline .promo-topline-copy{display:block}
  .topline.promo-topline .promo-topline-copy strong{display:block}
  .topline.promo-topline .promo-topline-badge{display:inline-flex}
}
@media(max-width:380px){.topline.promo-topline .promo-topline-badge{display:none}}


/* ===== Product marketplace redesign ===== */
.catalog-page{padding-top:8px;padding-bottom:34px}
.catalog-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;align-items:center;overflow:hidden;margin-bottom:24px;padding:38px 42px;border:1px solid var(--site-dcecf7,#dcecf7);border-radius:30px;background:linear-gradient(135deg,var(--site-eef8ff,#eef8ff) 0%,var(--site-f9fcff,#f9fcff) 48%,#fff4f7 100%);box-shadow:0 18px 50px rgba(31,105,157,.08)}
.catalog-hero:before,.catalog-hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}.catalog-hero:before{width:310px;height:310px;right:-120px;top:-160px;background:radial-gradient(circle,var(--site-ccecff,#ccecff) 0%,rgba(204,236,255,0) 72%)}.catalog-hero:after{width:230px;height:230px;left:42%;bottom:-170px;background:radial-gradient(circle,#ffdce7 0%,rgba(255,220,231,0) 72%)}
.catalog-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--site-267db7,#267db7);font-size:10px;font-weight:800;letter-spacing:1.6px}.catalog-kicker svg{width:17px;height:17px}.catalog-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.25;margin:10px 0 8px;letter-spacing:-1.3px}.catalog-hero h1 em{font-style:normal;color:var(--blue)}.catalog-hero-copy>p{max-width:650px;margin:0;color:var(--site-688398,#688398);font-size:14px}
.catalog-search-wrap{position:relative;display:flex;align-items:center;max-width:650px;margin-top:23px;background:#fff;border:1px solid var(--site-d4e7f4,#d4e7f4);border-radius:17px;box-shadow:0 10px 28px rgba(30,102,151,.08);transition:.2s}.catalog-search-wrap:focus-within{border-color:var(--site-83c5ee,#83c5ee);box-shadow:0 0 0 4px rgba(23,136,221,.08),0 12px 30px rgba(30,102,151,.09)}.catalog-search-icon{width:48px;display:grid;place-items:center;color:var(--site-6ba4ca,#6ba4ca);flex:0 0 48px}.catalog-search-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.catalog-search-wrap input{width:100%;border:0;outline:0;background:transparent;padding:15px 6px 15px 0;color:var(--navy);font-size:14px}.catalog-search-wrap input::placeholder{color:var(--site-99adba,#99adba)}.catalog-search-wrap button{width:34px;height:34px;margin-right:8px;border:0;border-radius:11px;background:var(--site-edf7fd,#edf7fd);color:var(--site-59809c,#59809c);font-size:20px;line-height:1}.catalog-search-wrap button[hidden]{display:none}
.catalog-hero-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:17px;color:var(--site-6a8598,#6a8598);font-size:11px}.catalog-hero-meta span{display:inline-flex;align-items:center;gap:6px}.catalog-hero-meta svg{width:15px;height:15px;color:var(--site-4599cf,#4599cf)}.catalog-hero-meta strong{color:var(--site-194d71,#194d71);font-size:12px}
.catalog-hero-art{position:relative;height:190px;display:grid;place-items:center}.catalog-art-main{width:132px;height:132px;display:grid;place-items:center;border-radius:38px;background:linear-gradient(145deg,var(--site-2496e2,#2496e2),var(--site-176fc3,#176fc3));color:#fff;box-shadow:0 25px 48px rgba(25,119,186,.24),inset 0 1px 0 rgba(255,255,255,.35);transform:rotate(-4deg)}.catalog-art-main svg{width:58px;height:58px;stroke-width:1.45}.catalog-art-orbit{position:absolute;width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:#fff;border:1px solid var(--site-e2eef6,#e2eef6);box-shadow:0 12px 25px rgba(39,91,129,.11)}.catalog-art-orbit svg{width:21px;height:21px}.orbit-one{left:18px;top:25px;color:#f45f84;transform:rotate(-9deg)}.orbit-two{right:16px;top:17px;color:#eeb942;transform:rotate(8deg)}.orbit-three{right:8px;bottom:9px;color:var(--site-6e8fe8,#6e8fe8);transform:rotate(-5deg)}
.catalog-toolbar{margin-bottom:18px;padding:22px 24px;background:#fff;border:1px solid var(--site-e0edf6,#e0edf6);border-radius:24px;box-shadow:0 10px 32px rgba(26,82,121,.045)}.catalog-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.catalog-section-kicker{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--site-83a7be,#83a7be)}.catalog-title-row h2{font-size:25px;line-height:1.25;margin:3px 0 2px;color:var(--navy)}.catalog-title-row p{margin:0;color:var(--site-829aab,#829aab);font-size:12px}.catalog-title-row p strong{color:var(--site-277cb7,#277cb7)}.catalog-sell-link{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid var(--site-d5e8f5,#d5e8f5);background:var(--site-f5fbff,#f5fbff);border-radius:13px;color:var(--site-287daf,#287daf);font-size:12px;font-weight:700}.catalog-sell-link svg{width:16px;height:16px}
.catalog-filter-scroll{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 3px;scrollbar-width:none}.catalog-filter-scroll::-webkit-scrollbar{display:none}.catalog-page .chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--site-dfebf3,#dfebf3);border-radius:13px;background:var(--site-f9fcfe,#f9fcfe);color:var(--site-607f94,#607f94);font-size:11px;font-weight:600;transition:.18s}.catalog-page .chip svg{width:16px;height:16px}.catalog-page .chip:hover{transform:translateY(-1px);border-color:var(--site-beddf0,#beddf0);color:var(--site-237caf,#237caf)}.catalog-page .chip.selected{background:linear-gradient(135deg,var(--site-1788dd,#1788dd),var(--site-3ba6e7,#3ba6e7));border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(23,136,221,.18)}
.catalog-products{gap:18px}.catalog-product-card{position:relative;border:1px solid var(--site-e0ebf3,#e0ebf3);border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(27,82,120,.045);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.catalog-product-card:hover{transform:translateY(-5px);border-color:var(--site-cae1f1,#cae1f1);box-shadow:0 17px 36px rgba(27,82,120,.10)}.catalog-product-pic{height:225px;background:linear-gradient(145deg,var(--site-f1f8fc,#f1f8fc),#fff7f8)}.catalog-product-pic img{object-fit:cover;transition:transform .35s ease}.catalog-product-card:hover .catalog-product-pic img{transform:scale(1.025)}.catalog-product-tag{position:absolute;left:12px;top:12px;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:var(--site-39789f,#39789f);font-size:9px;font-weight:800;border:1px solid rgba(218,234,244,.9);box-shadow:0 5px 14px rgba(25,75,109,.08)}.catalog-product-view{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.92);color:var(--site-3585ba,#3585ba);box-shadow:0 8px 18px rgba(29,81,117,.13)}.catalog-product-view svg{width:16px;height:16px}.catalog-product-body{padding:16px 17px 17px}.catalog-product-category{display:block;color:var(--site-7b9aae,#7b9aae);font-size:10px;font-weight:600}.catalog-product-body h3{font-size:15px;line-height:1.55;margin:4px 0 8px;color:var(--site-1d405b,#1d405b);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:47px}.catalog-product-shop{display:flex;align-items:center;gap:6px;min-width:0;color:var(--site-8399a9,#8399a9);font-size:10px;margin-bottom:13px}.catalog-shop-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:7px;background:var(--site-edf7fd,#edf7fd);color:var(--site-4593c5,#4593c5);flex:0 0 19px}.catalog-shop-icon svg{width:11px;height:11px}.catalog-product-shop>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-product-bottom{padding-top:12px;border-top:1px solid var(--site-edf3f7,#edf3f7)}.catalog-product-bottom .price{font-size:20px}.catalog-product-more{font-size:10px;color:var(--site-718da1,#718da1);display:inline-flex;gap:5px;align-items:center}.catalog-product-more b{font-size:13px;color:var(--site-2784c2,#2784c2)}
.catalog-loading,.catalog-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 20px;border:1px dashed var(--site-d5e7f2,#d5e7f2);border-radius:24px;background:rgba(255,255,255,.72);color:var(--site-7894a7,#7894a7)}.catalog-loading>span{width:35px;height:35px;border:3px solid var(--site-dcecf7,#dcecf7);border-top-color:var(--site-308dc9,#308dc9);border-radius:50%;animation:catalog-spin .8s linear infinite;margin-bottom:13px}.catalog-loading strong{font-size:12px;font-weight:600}.catalog-empty>span{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:var(--site-edf7fd,#edf7fd);color:var(--site-559ac5,#559ac5)}.catalog-empty>span svg{width:29px;height:29px}.catalog-empty h3{margin:14px 0 5px;font-size:18px;color:var(--site-244b67,#244b67)}.catalog-empty p{margin:0 0 16px;font-size:12px;color:var(--site-829bad,#829bad)}@keyframes catalog-spin{to{transform:rotate(360deg)}}
#detail:has(.product-detail-premium){max-width:760px;width:calc(100% - 32px);padding:0;overflow:hidden;border-radius:26px}.product-detail-premium{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:390px}.product-detail-photo{position:relative;min-height:390px;background:linear-gradient(145deg,var(--site-eef7fc,#eef7fc),#fff4f7);overflow:hidden}.product-detail-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.product-detail-photo>span{position:absolute;left:17px;bottom:17px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--site-447d9e,#447d9e);font-size:10px;font-weight:800;box-shadow:0 7px 20px rgba(30,81,116,.1)}.product-detail-copy{padding:34px 30px 26px;display:flex;flex-direction:column}.product-detail-kicker{font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--site-7da2b9,#7da2b9)}.product-detail-copy h2{font-size:24px;line-height:1.45;margin:7px 0 10px;color:var(--site-193e5a,#193e5a)}.product-detail-price{font-size:30px;line-height:1.2;font-weight:800;color:var(--site-1788dd,#1788dd);margin-bottom:14px}.product-detail-shop{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:13px;background:var(--site-f2f9fd,#f2f9fd);color:var(--site-507b98,#507b98);font-size:12px}.product-detail-shop svg{width:17px;height:17px}.product-detail-note{margin-top:17px;padding-top:17px;border-top:1px solid var(--site-e9f1f6,#e9f1f6)}.product-detail-note small{font-size:10px;color:var(--site-829bad,#829bad)}.product-detail-note p{margin:5px 0 0;font-size:12px;line-height:1.8;color:var(--site-5d778a,#5d778a);white-space:pre-wrap}.product-detail-foot{margin-top:auto;padding-top:18px}.product-detail-foot span{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--site-7894a7,#7894a7)}.product-detail-foot svg{width:15px;height:15px;color:#49a176}

/* Restore the blue member promotion bar */
.topline.promo-topline{background:linear-gradient(105deg,var(--site-103d66,#103d66) 0%,var(--site-176fae,#176fae) 42%,var(--site-2b9add,#2b9add) 72%,var(--site-6cc5ef,#6cc5ef) 130%)!important}

@media(max-width:850px){.catalog-hero{grid-template-columns:1fr;padding:30px}.catalog-hero-art{display:none}.catalog-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.catalog-page{padding-top:0}.catalog-hero{margin:0 -2px 16px;padding:24px 19px;border-radius:24px}.catalog-hero h1{font-size:29px}.catalog-hero-copy>p{font-size:12px}.catalog-search-wrap{margin-top:18px;border-radius:15px}.catalog-search-wrap input{font-size:12px;padding-top:13px;padding-bottom:13px}.catalog-hero-meta{font-size:9px;gap:7px 12px}.catalog-toolbar{padding:18px 15px;border-radius:20px}.catalog-title-row{align-items:flex-end}.catalog-title-row h2{font-size:21px}.catalog-sell-link{padding:8px 10px;font-size:10px}.catalog-sell-link span{display:none}.catalog-page .chip{padding:8px 11px;font-size:10px}.catalog-page .chip svg{width:14px;height:14px}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-product-card{border-radius:17px}.catalog-product-pic{height:165px}.catalog-product-body{padding:12px}.catalog-product-body h3{font-size:12px;min-height:38px;margin-bottom:6px}.catalog-product-category,.catalog-product-shop,.catalog-product-more{font-size:9px}.catalog-product-bottom .price{font-size:17px}.catalog-product-view{width:30px;height:30px;border-radius:10px}.product-detail-premium{grid-template-columns:1fr}.product-detail-photo{min-height:280px}.product-detail-copy{padding:24px 20px}.product-detail-copy h2{font-size:20px}.product-detail-price{font-size:26px}}
@media(max-width:380px){.catalog-hero-meta span:nth-child(2){display:none}.catalog-products{gap:9px}.catalog-product-pic{height:150px}.catalog-product-body{padding:11px 10px}.catalog-product-bottom{align-items:flex-end}.catalog-product-more{display:none}}


/* Wallet monthly summary */
.wallet-month-summary{margin:0 0 28px;padding:23px 24px 21px;border:1px solid var(--site-e2edf6,#e2edf6);border-radius:24px;background:linear-gradient(145deg,#ffffff 0%,var(--site-f8fcff,#f8fcff) 100%);box-shadow:0 12px 34px rgba(25,84,126,.065);position:relative;overflow:hidden}
.wallet-month-summary:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-85px;top:-105px;background:radial-gradient(circle,rgba(104,194,241,.16),rgba(104,194,241,0) 70%);pointer-events:none}
.wallet-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px;position:relative;z-index:1}
.wallet-summary-kicker{display:block;font-size:9px;line-height:1;letter-spacing:1.7px;font-weight:800;color:var(--site-80a4bd,#80a4bd);margin-bottom:7px}
.wallet-summary-head h2{margin:0;font-size:19px;color:var(--navy);letter-spacing:-.25px}
.wallet-summary-month{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 12px;border-radius:999px;background:var(--site-edf7ff,#edf7ff);border:1px solid var(--site-d7eaf8,#d7eaf8);color:var(--site-397aa8,#397aa8);font-size:11px;font-weight:700;white-space:nowrap}
.wallet-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;position:relative;z-index:1}
.wallet-summary-card{display:flex;align-items:center;gap:15px;min-width:0;padding:18px;border-radius:19px;border:1px solid var(--site-e6f0f7,#e6f0f7);background:#fff;box-shadow:0 5px 18px rgba(22,91,137,.045)}
.wallet-summary-card.wallet-summary-topup{background:linear-gradient(145deg,#f7fffc,#ffffff);border-color:#dcefe8}
.wallet-summary-card.wallet-summary-withdraw{background:linear-gradient(145deg,var(--site-f7fbff,#f7fbff),#ffffff);border-color:var(--site-dcebf7,#dcebf7)}
.wallet-summary-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:#e7f8f1;color:#298864;box-shadow:inset 0 0 0 1px rgba(54,148,111,.08)}
.wallet-summary-withdraw .wallet-summary-icon{background:var(--site-eaf5ff,#eaf5ff);color:var(--site-227cb8,#227cb8);box-shadow:inset 0 0 0 1px rgba(34,124,184,.08)}
.wallet-summary-icon svg{width:21px;height:21px}
.wallet-summary-baht{font-family:Arial,"Noto Sans Thai",sans-serif;font-size:24px;font-weight:700}
.wallet-summary-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.wallet-summary-copy>span{font-size:11px;font-weight:650;color:var(--site-7891a4,#7891a4);margin-bottom:3px}
.wallet-summary-copy strong{font-size:clamp(20px,2.5vw,27px);line-height:1.3;color:var(--site-164666,#164666);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.4px}
.wallet-summary-topup .wallet-summary-copy strong{color:#227958}
.wallet-summary-copy small{margin-top:3px;font-size:9.5px;line-height:1.5;color:var(--site-9aafbd,#9aafbd)}
.wallet-summary-note{display:flex;align-items:center;gap:7px;margin:14px 2px 0;color:var(--site-829aab,#829aab);font-size:10px;line-height:1.6}
.wallet-summary-note svg{width:14px;height:14px;flex:0 0 14px;color:var(--site-6a9bbd,#6a9bbd)}
@media(max-width:650px){.wallet-month-summary{margin-bottom:21px;padding:18px 16px;border-radius:21px}.wallet-summary-head{align-items:center;margin-bottom:13px}.wallet-summary-head h2{font-size:17px}.wallet-summary-kicker{font-size:8px}.wallet-summary-month{min-height:28px;padding:5px 9px;font-size:9.5px}.wallet-summary-grid{gap:9px}.wallet-summary-card{gap:10px;padding:14px 12px;border-radius:16px;align-items:flex-start}.wallet-summary-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}.wallet-summary-icon svg{width:18px;height:18px}.wallet-summary-baht{font-size:20px}.wallet-summary-copy>span{font-size:10px}.wallet-summary-copy strong{font-size:17px;letter-spacing:-.2px}.wallet-summary-copy small{font-size:8.5px}.wallet-summary-note{font-size:9px;align-items:flex-start}}
@media(max-width:390px){.wallet-summary-grid{grid-template-columns:1fr}.wallet-summary-copy strong{font-size:20px}}

/* ===== Member privileges — replaces the old seller page ===== */
.perks-page{max-width:1120px;margin:0 auto;padding:14px 0 42px}
.perks-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:250px;padding:34px 36px;border:1px solid var(--site-d9eafb,#d9eafb);border-radius:32px;background:linear-gradient(130deg,var(--site-f5fbff,#f5fbff) 0%,var(--site-eef8ff,#eef8ff) 44%,#f9f5ff 100%);box-shadow:0 20px 55px rgba(31,91,135,.09);isolation:isolate}
.perks-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.9),rgba(255,255,255,.22) 50%,rgba(255,255,255,.5));z-index:-2}
.perks-hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.perks-hero-glow.glow-one{width:260px;height:260px;right:-85px;top:-100px;background:radial-gradient(circle,var(--site-9bdcff80,#9bdcff80) 0%,var(--site-d9f2ff35,#d9f2ff35) 58%,transparent 72%)}.perks-hero-glow.glow-two{width:190px;height:190px;left:42%;bottom:-130px;background:radial-gradient(circle,#d8c3ff7a 0%,transparent 70%)}
.perks-hero-main{display:flex;align-items:center;gap:22px;min-width:0}.perks-hero-icon{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,var(--site-1688d4,#1688d4),var(--site-59bce9,#59bce9));color:#fff;box-shadow:0 18px 34px rgba(27,137,204,.22),inset 0 1px 0 rgba(255,255,255,.35)}.perks-hero-icon svg{width:36px;height:36px;stroke-width:1.6}.perks-kicker,.perks-section-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--site-6d8ea7,#6d8ea7)}.perks-hero-copy h1{margin:5px 0 8px;font-size:clamp(30px,4vw,44px);line-height:1.18;letter-spacing:-1.1px;color:var(--site-173b58,#173b58)}.perks-hero-copy p{margin:0;max-width:540px;font-size:14px;color:#6d8497;line-height:1.85}
.perks-member-card{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:16px;min-width:280px;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(212,231,245,.94);box-shadow:0 14px 32px rgba(27,74,111,.08);backdrop-filter:blur(9px)}.perks-member-card>span{width:1px;height:40px;background:var(--site-dfeaf3,#dfeaf3)}.perks-member-card div{min-width:0}.perks-member-card small{display:block;font-size:10px;color:var(--site-8aa0b1,#8aa0b1)}.perks-member-card strong{display:block;margin-top:4px;font-size:17px;color:var(--site-173b58,#173b58);overflow-wrap:anywhere}
.perks-featured,.perks-grid-section{margin-top:28px}.perks-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.perks-section-head h2{margin:3px 0 0;font-size:23px;line-height:1.35;color:var(--site-173b58,#173b58)}.perks-section-head.compact{margin-bottom:14px}.perks-ready{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d9eadf;border-radius:999px;background:#f3fbf6;color:#478162;font-size:10px;font-weight:700;white-space:nowrap}.perks-ready b{width:7px;height:7px;border-radius:50%;background:#4bb579;box-shadow:0 0 0 4px #4bb57916}
.shipping-coupon-card{position:relative;overflow:hidden;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:22px;padding:27px 30px;border-radius:26px;background:linear-gradient(112deg,var(--site-0e568f,#0e568f) 0%,var(--site-167fbe,#167fbe) 45%,var(--site-54b9e5,#54b9e5) 100%);color:#fff;box-shadow:0 20px 44px rgba(22,113,174,.18)}.shipping-coupon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.1) 47%,transparent 70%);pointer-events:none}.shipping-coupon-card:after{content:"";position:absolute;width:220px;height:220px;right:60px;top:-160px;border:28px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none}.coupon-cut{position:absolute;top:50%;width:27px;height:27px;border-radius:50%;background:var(--site-f8fbfe,#f8fbfe);transform:translateY(-50%);z-index:2}.coupon-cut-left{left:-14px}.coupon-cut-right{right:-14px}.shipping-coupon-icon{position:relative;z-index:1;width:70px;height:70px;display:grid;place-items:center;border-radius:21px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.shipping-coupon-icon svg{width:34px;height:34px}.shipping-coupon-copy{position:relative;z-index:1;min-width:0}.shipping-coupon-copy>span{display:block;font-size:9px;font-weight:800;letter-spacing:1.7px;color:var(--site-d6effc,#d6effc)}.shipping-coupon-copy h3{margin:5px 0 5px;font-size:24px;line-height:1.3}.shipping-coupon-copy h3 strong{font-size:30px}.shipping-coupon-copy p{margin:0;max-width:620px;color:var(--site-e3f3fc,#e3f3fc);font-size:12px;line-height:1.75}.shipping-coupon-value{position:relative;z-index:1;min-width:128px;padding-left:24px;border-left:1px dashed rgba(255,255,255,.34);text-align:center}.shipping-coupon-value small{display:block;color:var(--site-d7ecf8,#d7ecf8);font-size:9px}.shipping-coupon-value strong{display:block;margin:2px 0;font-size:31px;line-height:1.2}.shipping-coupon-value span{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.14);font-size:9px;color:#fff}
.perks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.perk-card{position:relative;overflow:hidden;min-height:218px;padding:22px;border:1px solid var(--site-dceaf4,#dceaf4);border-radius:24px;background:#fff;box-shadow:0 13px 35px rgba(28,76,112,.055);display:flex;flex-direction:column}.perk-card:after{content:"";position:absolute;width:100px;height:100px;right:-42px;top:-46px;border-radius:50%;background:var(--site-eff8ff,#eff8ff);pointer-events:none}.perk-card-icon{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--site-ecf7ff,#ecf7ff);color:var(--site-1c82c4,#1c82c4)}.perk-card-icon svg{width:23px;height:23px}.perk-card>div{position:relative;z-index:1;margin-top:16px}.perk-card small{display:block;font-size:9px;letter-spacing:1.25px;font-weight:800;color:var(--site-8aa0b1,#8aa0b1)}.perk-card h3{margin:4px 0 6px;font-size:17px;color:var(--site-173b58,#173b58)}.perk-card p{margin:0;font-size:11px;line-height:1.75;color:#748b9c}.perk-card-status{position:relative;z-index:1;align-self:flex-start;margin-top:auto;padding:6px 10px;border-radius:999px;background:#fff5d7;border:1px solid #f2d98d;color:#8f6714;font-size:9px;font-weight:800}.perk-card-status.soft{background:var(--site-f0f7fd,#f0f7fd);border-color:var(--site-dbeaf5,#dbeaf5);color:var(--site-5d7f98,#5d7f98)}.perk-vip .perk-card-icon{background:#fff4d9;color:#b8831b}.perk-deal .perk-card-icon{background:#f4efff;color:#785ab7}.perk-safe .perk-card-icon{background:#edf9f2;color:#438864}
.perks-note{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:16px 18px;border:1px solid var(--site-dfeaf3,#dfeaf3);border-radius:18px;background:linear-gradient(135deg,var(--site-fbfdff,#fbfdff),var(--site-f4f9fd,#f4f9fd))}.perks-note-icon{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:12px;background:var(--site-eaf5fd,#eaf5fd);color:var(--site-277fb7,#277fb7)}.perks-note-icon svg{width:18px;height:18px}.perks-note strong{display:block;font-size:12px;color:var(--site-31516a,#31516a)}.perks-note p{margin:3px 0 0;font-size:10px;line-height:1.7;color:#8296a5}

/* Privileges becomes the highlighted center action on mobile */
.bottom-nav a[href="upload"].center-action-btn .floating-btn{background:linear-gradient(145deg,var(--site-1886d0,#1886d0),var(--site-59bce9,#59bce9));box-shadow:0 10px 25px rgba(24,134,208,.3)}
.bottom-nav a[href="upload"].center-action-btn .floating-btn svg{width:25px;height:25px}

@media(max-width:820px){.perks-hero{align-items:flex-start;flex-direction:column;padding:27px}.perks-member-card{width:100%;min-width:0}.shipping-coupon-card{grid-template-columns:60px minmax(0,1fr);gap:17px;padding:23px 24px}.shipping-coupon-icon{width:60px;height:60px;border-radius:18px}.shipping-coupon-value{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 0;border-left:0;border-top:1px dashed rgba(255,255,255,.3);text-align:left}.shipping-coupon-value strong{margin-left:auto}.perks-grid{grid-template-columns:1fr 1fr}.perk-safe{grid-column:1/-1}}
@media(max-width:650px){.perks-page{padding-top:7px;padding-bottom:24px}.perks-hero{min-height:0;padding:22px 18px;border-radius:24px;gap:19px}.perks-hero-main{align-items:flex-start;gap:14px}.perks-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:17px}.perks-hero-icon svg{width:27px;height:27px}.perks-kicker{font-size:8px;letter-spacing:1.25px}.perks-hero-copy h1{font-size:27px;margin-top:3px}.perks-hero-copy p{font-size:11px;line-height:1.7}.perks-member-card{padding:15px 16px;border-radius:17px}.perks-member-card strong{font-size:14px}.perks-featured,.perks-grid-section{margin-top:22px}.perks-section-head{align-items:flex-start;margin-bottom:12px}.perks-section-head h2{font-size:19px}.perks-ready{font-size:8px;padding:6px 8px}.shipping-coupon-card{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:20px 18px;border-radius:22px}.shipping-coupon-icon{width:48px;height:48px;border-radius:15px}.shipping-coupon-icon svg{width:25px;height:25px}.shipping-coupon-copy h3{font-size:18px}.shipping-coupon-copy h3 strong{font-size:23px}.shipping-coupon-copy p{font-size:10px}.shipping-coupon-value{padding-top:11px}.shipping-coupon-value strong{font-size:23px}.perks-grid{grid-template-columns:1fr;gap:10px}.perk-safe{grid-column:auto}.perk-card{min-height:0;padding:18px;border-radius:20px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px}.perk-card-icon{grid-row:1/3;width:44px;height:44px;border-radius:14px}.perk-card>div{margin-top:0}.perk-card h3{font-size:14px}.perk-card p{font-size:10px}.perk-card-status{grid-column:2;margin-top:10px}.perks-note{padding:14px;border-radius:16px}}
@media(max-width:390px){.perks-hero-copy h1{font-size:24px}.perks-member-card{gap:10px;padding:13px}.perks-member-card strong{font-size:12px}.perks-ready{display:none}.shipping-coupon-copy h3{font-size:16px}.shipping-coupon-copy h3 strong{font-size:21px}}


/* ===== Uploaded website logo: preserve ratio and header alignment ===== */
header .brand{min-width:0;flex:none;align-items:center}
header .brand-icon.has-logo{width:54px;height:54px;flex:0 0 54px;padding:4px;border-radius:17px;background:linear-gradient(145deg,#fff,var(--site-f4f9fd,#f4f9fd))!important;border:1px solid var(--site-dceaf3,#dceaf3);box-shadow:0 8px 22px rgba(23,59,88,.08);display:grid;place-items:center;overflow:hidden;color:inherit}
header .brand-icon.has-logo{box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:0;min-width:0}
header .brand-icon.has-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:0;min-width:0;min-height:0}
header .brand-icon.has-logo span{display:none}
@media(max-width:700px){header .brand-icon.has-logo{width:44px;height:44px;flex-basis:44px;padding:3px;border-radius:14px}header .brand{gap:8px}}
@media(max-width:420px){header .brand-icon.has-logo{width:40px;height:40px;flex-basis:40px;padding:3px;border-radius:12px}header .brand>span:last-child{font-size:18px}header .brand small{font-size:7px;letter-spacing:2px;margin-top:4px}}

/* Compact community line: random profiles and member count. */
.home-member-proof{display:flex;align-items:center;justify-content:center;gap:14px;padding:3px 8px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0}
.home-member-avatars{display:flex;align-items:center;flex:0 0 auto;isolation:isolate}
.home-member-avatar{position:relative;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:var(--avatar-bg,var(--site-e3effb,#e3effb));color:var(--avatar-ink,var(--site-4d7fab,#4d7fab));font-size:11px;font-weight:700;line-height:1}
.home-member-avatar+.home-member-avatar{margin-left:-10px}
.home-member-avatar.home-member-more{background:var(--site-e5f2fc,#e5f2fc);color:var(--site-3982b4,#3982b4);font-size:9px;letter-spacing:-.3px}
.home-member-details{min-width:0}
.home-member-count{margin:0;color:var(--site-7990a2,#7990a2);font-size:12px;line-height:1.6;white-space:nowrap}
.home-member-count strong{margin:0 3px;color:var(--site-327fae,#327fae);font-size:16px;font-weight:700;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.home-member-count strong span{font-size:13px;margin-left:1px}
@media(max-width:560px){.home-member-proof{gap:10px;padding:2px 0}.home-member-avatar{width:28px;height:28px;flex-basis:28px;font-size:10px}.home-member-avatar+.home-member-avatar{margin-left:-10px}.home-member-avatar.home-member-more{font-size:8px}.home-member-count{font-size:11px}.home-member-count strong{font-size:15px;margin:0 2px}}
@media(max-width:350px){.home-member-proof{gap:8px}.home-member-avatar:nth-child(5){display:none}}


/* 2026-10 storefront product catalog + LINE purchase flow */
.catalog-product-flags{position:absolute;left:12px;top:12px;z-index:3;display:flex;gap:6px;flex-wrap:wrap}
.catalog-product-flag{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.15px;box-shadow:0 6px 18px rgba(32,77,109,.11);backdrop-filter:blur(8px)}
.catalog-product-flag.is-featured{background:rgba(255,255,255,.94);color:#287cb6;border:1px solid rgba(194,224,243,.95)}
.catalog-product-flag.is-new{background:rgba(255,244,224,.95);color:#b66d18;border:1px solid rgba(247,216,170,.96)}
.catalog-line-link{background:#f2fff6!important;border-color:#ccefd8!important;color:#159447!important}
.catalog-line-link svg{color:#159447!important}
.product-detail-badges{position:absolute;left:17px;bottom:17px;display:flex;gap:7px;flex-wrap:wrap;z-index:2}
.product-detail-badge{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.94);font-size:10px;font-weight:800;box-shadow:0 7px 20px rgba(30,81,116,.1);border:1px solid rgba(220,235,245,.95)}
.product-detail-badge.featured{color:#287cb6}
.product-detail-badge.new{color:#b66d18;background:rgba(255,247,232,.96);border-color:#f4dec0}
.product-detail-badge.ready{color:#447d9e}
.product-line-panel{margin-top:18px;padding:16px;border:1px solid #d7efdf;border-radius:18px;background:linear-gradient(145deg,#f7fff9,#f1fbf5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.product-line-head{display:flex;gap:11px;align-items:center;margin-bottom:12px}
.line-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;background:#06c755;color:#fff;font-size:9px;font-weight:900;letter-spacing:.2px;box-shadow:0 8px 20px rgba(6,199,85,.2)}
.product-line-head strong{display:block;color:#194a31;font-size:13px}
.product-line-head small{display:block;margin-top:2px;color:#6c8b79;font-size:10px;line-height:1.5}
.product-line-buy{display:flex;align-items:center;gap:10px;width:100%;padding:13px 14px;border-radius:14px;background:#06c755;color:#fff!important;box-shadow:0 10px 24px rgba(6,199,85,.22);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.product-line-buy:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(6,199,85,.27)}
.product-line-buy .line-chat-dot{width:28px;height:28px;border-radius:10px;background:#fff;position:relative;flex:0 0 28px}
.product-line-buy .line-chat-dot:after{content:'';position:absolute;left:8px;right:8px;top:9px;height:7px;border-radius:5px;background:#06c755;box-shadow:3px 4px 0 -2px #06c755}
.product-line-buy span:nth-child(2){min-width:0;flex:1}
.product-line-buy strong,.product-line-buy small{display:block}
.product-line-buy strong{font-size:13px;line-height:1.4}
.product-line-buy small{font-size:9px;opacity:.88;margin-top:1px}
.product-line-buy b{font-size:19px;font-weight:500}
.product-line-copy{width:100%;margin-top:8px;border:0;background:transparent;color:#34815a;font:700 10px 'Noto Sans Thai',system-ui,sans-serif;cursor:pointer;padding:5px}
#detail:has(.product-detail-premium){max-width:840px}
.product-detail-premium{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.product-detail-photo{min-height:480px}
.product-detail-copy{padding:30px 28px 24px}
.product-detail-note p{max-height:110px;overflow:auto;padding-right:4px}
@media(max-width:700px){
 #detail:has(.product-detail-premium){width:calc(100% - 20px);max-height:calc(100dvh - 20px);overflow:auto;border-radius:22px}
 .product-detail-premium{grid-template-columns:1fr}
 .product-detail-photo{min-height:310px;aspect-ratio:1/1}
 .product-detail-copy{padding:21px 17px 19px}
 .product-line-panel{padding:13px;border-radius:16px}
 .product-line-buy{padding:12px}
 .catalog-product-flags{left:8px;top:8px;gap:4px}
 .catalog-product-flag{padding:5px 7px;font-size:8px}
}

/* ===== Product detail modal v2: richer information + obvious close controls ===== */
#detail:has(.product-detail-v2){max-width:1040px;width:calc(100% - 34px);max-height:calc(100dvh - 34px);padding:0;overflow:auto;border:0;border-radius:30px;background:#fff;box-shadow:0 28px 90px rgba(17,55,82,.26)}
#detail:has(.product-detail-v2)>.close{display:none}
#detail:has(.product-detail-v2)::backdrop{background:rgba(16,43,62,.58);backdrop-filter:blur(7px)}
.product-detail-v2{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:620px;background:#fff}
.product-detail-close{position:absolute;right:18px;top:18px;z-index:20;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(214,229,239,.94);border-radius:15px;background:rgba(255,255,255,.96);color:#49697f;box-shadow:0 9px 28px rgba(25,69,100,.14);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}
.product-detail-close:hover{transform:translateY(-1px);background:#f4faff;color:#167bc0}.product-detail-close span{display:block;font-size:28px;line-height:1;margin-top:-2px;font-weight:300}
.product-detail-media{position:sticky;top:0;align-self:start;padding:24px;background:linear-gradient(155deg,#edf8ff 0%,#f8fcff 49%,#fff4f8 100%);min-height:620px}
.product-detail-v2 .product-detail-photo{position:relative;min-height:480px;height:480px;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 18px 42px rgba(27,78,113,.11);border:1px solid rgba(218,232,241,.9)}
.product-detail-v2 .product-detail-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#fff;padding:8px}
.product-detail-v2 .product-detail-badges{left:14px;bottom:14px}
.product-detail-media-note{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:13px 14px;border:1px solid rgba(211,229,241,.94);border-radius:17px;background:rgba(255,255,255,.78);color:#5f7e92}
.product-detail-media-note>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#fff;color:#368dc5;box-shadow:0 5px 14px rgba(34,94,132,.07)}.product-detail-media-note svg{width:17px;height:17px}.product-detail-media-note strong{display:block;color:#294f69;font-size:11px}.product-detail-media-note small{display:block;margin-top:2px;font-size:9px;line-height:1.55;color:#7890a1}
.product-detail-v2 .product-detail-copy{display:block;padding:34px 36px 28px;min-width:0}
.product-detail-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:48px}.product-detail-availability{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eefaf4;color:#388362;font-size:9px;font-weight:800;white-space:nowrap}.product-detail-availability i{width:7px;height:7px;border-radius:50%;background:#49b982;box-shadow:0 0 0 4px rgba(73,185,130,.10)}
.product-detail-v2 .product-detail-kicker{font-size:9px;letter-spacing:1.4px}.product-detail-v2 .product-detail-copy h2{margin:8px 0 14px;font-size:27px;line-height:1.42;letter-spacing:-.35px;color:#153d59}
.product-detail-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:16px 0 17px;border-top:1px solid #edf2f5;border-bottom:1px solid #edf2f5}.product-detail-price-row>div>small{display:block;margin-bottom:3px;color:#8a9ba8;font-size:9px;font-weight:700}.product-detail-v2 .product-detail-price{margin:0;color:#1683cf;font-size:34px;font-weight:900;line-height:1.05}.product-detail-price-note{max-width:145px;text-align:right;color:#8296a5;font-size:9px;line-height:1.55}
.product-detail-v2 .product-detail-shop{margin-top:14px;display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:15px;background:#f4f9fc;border:1px solid #e7f0f5}.product-detail-v2 .product-detail-shop>div{min-width:0}.product-detail-v2 .product-detail-shop small{display:block;color:#8ba0ae;font-size:8px}.product-detail-v2 .product-detail-shop strong{display:block;margin-top:2px;color:#31566e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-detail-v2 .product-detail-shop svg{color:#438dbb}
.product-detail-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.product-info-card{min-width:0;padding:12px 11px;border:1px solid #e8f0f5;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(27,77,111,.035)}.product-info-card>span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:9px;border-radius:10px;background:#edf7fd;color:#3089c3}.product-info-card svg{width:15px;height:15px}.product-info-card small,.product-info-card strong{display:block}.product-info-card small{color:#91a2ae;font-size:8px}.product-info-card strong{margin-top:3px;color:#395d73;font-size:9.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-detail-section,.product-order-steps{margin-top:18px;padding:16px 17px;border:1px solid #e8eff4;border-radius:18px;background:#fff}.product-detail-section-title{display:flex;align-items:center;gap:10px}.product-detail-section-title>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#edf7fd;color:#3189c3}.product-detail-section-title svg{width:16px;height:16px}.product-detail-section-title small,.product-detail-section-title strong{display:block}.product-detail-section-title small{color:#99a9b4;font-size:7px;font-weight:800;letter-spacing:1.1px}.product-detail-section-title strong{margin-top:1px;color:#2d526a;font-size:11px}.product-detail-section>p{margin:12px 0 0;color:#627c8e;font-size:11px;line-height:1.85;white-space:pre-wrap}
.product-detail-checks{background:linear-gradient(145deg,#fbfdff,#f6fbfe)}.product-detail-checks ul{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:9px}.product-detail-checks li{position:relative;padding-left:24px;color:#6e8595}.product-detail-checks li:before{content:'✓';position:absolute;left:0;top:1px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#eaf8f1;color:#3f9a6f;font-size:9px;font-weight:900}.product-detail-checks li b,.product-detail-checks li span{display:block}.product-detail-checks li b{color:#385c73;font-size:10px}.product-detail-checks li span{margin-top:2px;font-size:9.5px;line-height:1.65}
.product-order-steps{background:#fcfeff}.product-order-step-list{display:grid;gap:8px;margin-top:13px}.product-order-step-list>div{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:13px;background:#f5f9fc}.product-order-step-list>div>b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:#dff1fc;color:#237fb8;font-size:10px}.product-order-step-list span{min-width:0}.product-order-step-list strong,.product-order-step-list small{display:block}.product-order-step-list strong{color:#375a70;font-size:9.5px}.product-order-step-list small{margin-top:1px;color:#8497a5;font-size:8.5px;line-height:1.5}
.product-detail-v2 .product-line-panel{margin-top:18px;padding:17px;border-radius:20px}.product-detail-v2 .product-line-head strong{font-size:12px}.product-detail-v2 .product-line-head small{font-size:9.5px}.product-detail-v2 .product-line-buy{padding:14px 15px;border-radius:15px}.product-detail-v2 .product-line-buy strong{font-size:12px}.product-detail-v2 .product-line-buy small{font-size:8.5px}
.product-detail-back{width:100%;margin-top:11px;padding:11px 13px;border:1px solid #dce9f2;border-radius:13px;background:#f8fbfd;color:#57768a;font:700 10px 'Noto Sans Thai',system-ui,sans-serif;cursor:pointer;transition:.18s}.product-detail-back:hover{background:#eef7fc;color:#267eb6;border-color:#cae2f1}
.product-detail-v2 .product-detail-foot{padding-top:13px;text-align:center}.product-detail-v2 .product-detail-foot span{justify-content:center;font-size:8.5px;line-height:1.55}
@media(max-width:820px){#detail:has(.product-detail-v2){width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:23px}.product-detail-v2{grid-template-columns:1fr}.product-detail-media{position:relative;min-height:0;padding:14px 14px 0;background:linear-gradient(155deg,#edf8ff,#fff7fa)}.product-detail-v2 .product-detail-photo{height:auto;min-height:0;aspect-ratio:1/1;border-radius:18px}.product-detail-media-note{display:none}.product-detail-v2 .product-detail-copy{padding:20px 16px 20px}.product-detail-close{right:13px;top:13px;width:41px;height:41px;border-radius:14px}.product-detail-topline{padding-right:45px}.product-detail-v2 .product-detail-copy h2{font-size:21px;margin-top:7px}.product-detail-v2 .product-detail-price{font-size:29px}.product-detail-info-grid{grid-template-columns:1fr 1fr}.product-info-card:last-child{grid-column:1/-1}.product-detail-section,.product-order-steps{padding:14px}.product-detail-v2 .product-line-panel{padding:14px}}
@media(max-width:390px){.product-detail-v2 .product-detail-copy{padding:18px 13px}.product-detail-price-row{align-items:flex-start;flex-direction:column;gap:6px}.product-detail-price-note{max-width:none;text-align:left}.product-detail-v2 .product-detail-copy h2{font-size:19px}.product-detail-v2 .product-detail-price{font-size:27px}.product-detail-availability{font-size:8px}.product-detail-info-grid{gap:7px}.product-info-card{padding:10px}.product-detail-checks li span{font-size:9px}}

/* Product detail v3 — compact layout + mobile friendly */
#detail:has(.product-detail-v3){max-width:900px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:28px}
.product-detail-v3{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:0;background:#fff}
.product-detail-v3 .product-detail-media{position:relative;min-height:0;padding:20px;background:linear-gradient(155deg,#eef8ff,#fff7fa)}
.product-detail-v3 .product-detail-photo{height:430px;min-height:0;border-radius:22px;background:#fff;overflow:hidden;border:1px solid #e4eef5;box-shadow:0 14px 36px rgba(27,78,113,.09)}
.product-detail-v3 .product-detail-photo img{object-fit:contain;padding:6px;background:#fff}
.product-detail-v3 .product-detail-copy{display:flex;flex-direction:column;padding:29px 30px 24px;min-width:0}
.product-detail-v3 .product-detail-copy h2{margin:8px 0 8px;font-size:25px;line-height:1.4;color:#153d59}
.product-detail-v3 .product-detail-price{margin:0 0 13px;font-size:32px;color:#1683cf;font-weight:900}
.product-detail-v3 .product-detail-shop{margin:0;padding:11px 12px;border-radius:14px}
.product-detail-v3 .product-detail-shop small{display:block;font-size:8px;color:#8ba0ae}
.product-detail-v3 .product-detail-shop strong{display:block;margin-top:1px;font-size:11px;color:#31566e}
.product-detail-quick-info{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.product-detail-quick-info span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e3edf3;border-radius:999px;background:#f8fbfd;color:#5b788a;font-size:9px;font-weight:700}
.product-detail-quick-info svg{width:13px;height:13px;color:#338bc2}
.product-detail-short-note{margin-top:14px;padding:13px 14px;border:1px solid #e8eff4;border-radius:15px;background:#fff}
.product-detail-short-note strong{display:block;color:#31566e;font-size:10.5px}
.product-detail-short-note p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0;color:#6d8494;font-size:10px;line-height:1.65;white-space:pre-wrap}
.product-detail-v3 .product-line-panel{margin-top:14px;padding:14px;border-radius:18px}
.product-detail-v3 .product-line-head{margin-bottom:10px}
.product-detail-v3 .product-line-buy{padding:12px 13px;border-radius:14px}
.product-detail-v3 .product-detail-back{margin-top:9px;padding:10px 12px}
.product-detail-v3 .product-detail-foot{margin-top:0;padding-top:10px}
.product-detail-v3 .product-detail-foot span{font-size:8px}
@media(max-width:820px){
 #detail:has(.product-detail-v3){width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:21px}
 .product-detail-v3{grid-template-columns:1fr}
 .product-detail-v3 .product-detail-media{padding:12px 12px 0;background:linear-gradient(155deg,#eef8ff,#fff8fa)}
 .product-detail-v3 .product-detail-photo{height:auto;aspect-ratio:1.12/1;border-radius:17px}
 .product-detail-v3 .product-detail-copy{padding:17px 14px 16px}
 .product-detail-v3 .product-detail-copy h2{font-size:19px;margin:6px 0}
 .product-detail-v3 .product-detail-price{font-size:27px;margin-bottom:10px}
 .product-detail-v3 .product-detail-shop{padding:9px 10px}
 .product-detail-quick-info{margin-top:9px;gap:5px}
 .product-detail-quick-info span{padding:6px 8px;font-size:8px}
 .product-detail-short-note{margin-top:10px;padding:11px 12px}
 .product-detail-short-note p{-webkit-line-clamp:2;font-size:9.5px;line-height:1.55}
 .product-detail-v3 .product-line-panel{margin-top:10px;padding:12px}
 .product-detail-v3 .product-line-head small{font-size:8.5px}
 .product-detail-v3 .product-line-buy{padding:11px 12px}
 .product-detail-v3 .product-detail-back{margin-top:8px}
 .product-detail-close{right:11px;top:11px;width:38px;height:38px;border-radius:13px}
 .product-detail-topline{padding-right:42px}
}
@media(max-width:390px){
 .product-detail-v3 .product-detail-copy{padding:15px 12px}
 .product-detail-v3 .product-detail-photo{aspect-ratio:1.18/1}
 .product-detail-v3 .product-detail-copy h2{font-size:18px}
 .product-detail-quick-info span:last-child{width:100%;justify-content:center}
}

/* Favorites + account settings improvements */
.favorite-toggle{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(15,23,42,.12);color:#8ea3ba;cursor:pointer;z-index:3;transition:.2s ease}
.favorite-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.favorite-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.16)}
.favorite-toggle.is-active{background:linear-gradient(135deg,#fee2e2,#fecdd3);color:#e11d48}
.favorite-toggle.is-active svg{fill:currentColor;stroke:currentColor}
.home-product-heart{position:absolute;top:14px;right:14px}
.catalog-favorite-btn{top:14px;right:14px}
.catalog-product-condition{font-size:13px;color:#5f738b;margin-top:6px}
.catalog-product-flag.is-out{background:#fee2e2;color:#be123c}
.product-detail-favorite{top:18px;right:18px}
.product-detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.product-detail-specs>div{background:#f8fbff;border:1px solid #deecf8;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.product-detail-specs small{font-size:12px;color:#6c8097}.product-detail-specs strong{font-size:15px;color:#10233d}
.favorites-hero-card,.settings-overview-card{display:flex;justify-content:space-between;gap:22px;align-items:stretch;background:linear-gradient(135deg,#eff8ff,#ffffff);border:1px solid #dbeaf7;border-radius:28px;padding:24px 26px;margin-bottom:24px;box-shadow:0 18px 40px rgba(31,70,130,.08)}
.favorites-hero-kicker,.settings-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e2f2ff;color:#2574a9;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:10px}
.favorites-hero-card h2,.settings-overview-card h2{margin:0 0 8px;font-size:28px;color:#12324d}.favorites-hero-card p,.settings-overview-card p{margin:0;color:#5f738b;line-height:1.65}
.favorites-hero-stat{min-width:170px;border-radius:24px;background:#fff;border:1px solid #ddeaf7;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.favorites-hero-stat small{font-size:12px;color:#7c90a7}.favorites-hero-stat strong{font-size:42px;line-height:1;color:#0f5f99}.favorites-hero-stat span{font-size:14px;color:#5f738b}
.favorite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.favorite-card{background:#fff;border:1px solid #e1ebf5;border-radius:24px;overflow:hidden;box-shadow:0 14px 36px rgba(15,23,42,.08)}
.favorite-card-media{position:relative;display:block;width:100%;padding:0;border:none;background:#f4f9ff;cursor:pointer}.favorite-card-media img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.favorite-overlay-btn{position:absolute;top:14px;right:14px}.favorite-card-body{padding:18px;display:grid;gap:10px}.favorite-card-category{font-size:12px;font-weight:800;letter-spacing:.08em;color:#2b78af}.favorite-card-body h3{margin:0;font-size:18px;color:#10233d}.favorite-card-body p{margin:0;color:#64788f;font-size:14px;line-height:1.55}
.favorite-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4d647c;font-size:13px}.favorite-card-meta span{display:inline-flex;align-items:center;gap:6px}.favorite-card-meta svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.favorite-card-meta strong{font-size:18px;color:#10233d}
.favorite-view-btn{border:none;border-radius:16px;background:linear-gradient(135deg,#1fa3ff,#1666d0);color:#fff;padding:13px 16px;font:inherit;font-weight:700;cursor:pointer}
.favorites-empty-state{display:grid;place-items:center;text-align:center;background:#fff;border:1px dashed #c9dcef;border-radius:28px;padding:42px 24px;gap:12px;color:#5f738b}.favorites-empty-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:24px;background:#eef7ff;color:#1e78b4}.favorites-empty-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8}.favorites-empty-state h3{margin:0;font-size:24px;color:#16314a}.favorites-empty-state p{max-width:420px;margin:0}
.settings-safe-box{min-width:280px;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #ddeaf7;border-radius:22px;padding:18px 18px 16px;box-shadow:0 10px 28px rgba(15,23,42,.07)}.settings-safe-box i,.settings-note-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eef7ff;color:#1c78af}.settings-safe-box svg,.settings-note-icon svg,.settings-link-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.settings-safe-box strong{display:block;color:#12324d;margin-bottom:5px}.settings-safe-box small{display:block;color:#64788f;line-height:1.6}
.settings-grid-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.settings-link-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1ebf5;border-radius:22px;padding:18px 18px;text-decoration:none;color:inherit;box-shadow:0 14px 34px rgba(15,23,42,.06)}.settings-link-card>div{flex:1;display:grid;gap:4px}.settings-link-card strong{color:#12324d;font-size:16px}.settings-link-card small{color:#64788f;line-height:1.5}.settings-link-card b{font-size:20px;color:#6f86a0}
.settings-link-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;color:#fff}.settings-link-icon.blue{background:linear-gradient(135deg,#1d9bf0,#2563eb)}.settings-link-icon.cyan{background:linear-gradient(135deg,#22c1f1,#0891b2)}.settings-link-icon.mint{background:linear-gradient(135deg,#34d399,#10b981)}.settings-link-icon.indigo{background:linear-gradient(135deg,#818cf8,#4f46e5)}
.settings-note-card{display:grid;gap:14px;background:#fff;border:1px solid #e1ebf5;border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.settings-note-row{display:flex;gap:14px;align-items:flex-start}.settings-note-row strong{display:block;color:#12324d;margin-bottom:5px}.settings-note-row p{margin:0;color:#64788f;line-height:1.65}
.settings-bottom-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;flex-wrap:wrap}
@media (max-width: 768px){.favorites-hero-card,.settings-overview-card{flex-direction:column}.favorites-hero-stat,.settings-safe-box{min-width:0}.settings-grid-card,.product-detail-specs{grid-template-columns:1fr}.favorite-grid{grid-template-columns:1fr}}

/* Account subpages: match the purchase-history visual language */
.account-standard-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:50px 30px;text-align:center}
.account-empty-standard{display:flex;flex-direction:column;align-items:center;text-align:center}
.account-empty-standard-icon{width:80px;height:80px;background:var(--site-f0f7fc,#f0f7fc);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:20px;flex:0 0 auto}
.account-empty-standard-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.8}
.account-empty-standard h3,.account-standard-intro h3{color:var(--navy);font-size:20px;margin:0 0 10px;font-weight:700}
.account-empty-standard p,.account-standard-intro p{color:var(--muted);font-size:15px;margin:0 auto 25px;max-width:360px;line-height:1.6}
.account-standard-action{border-radius:14px!important;padding:14px 35px!important}
.account-standard-intro{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}
.account-standard-intro .account-empty-standard-icon{margin-bottom:18px}
.settings-standard-panel{max-width:none}
.settings-simple-list{max-width:720px;margin:0 auto;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-align:left}
.settings-simple-row{display:flex;align-items:center;gap:14px;padding:16px 18px;color:inherit;text-decoration:none;background:#fff;border-bottom:1px solid var(--line);transition:.18s ease}
.settings-simple-row:last-child{border-bottom:none}.settings-simple-row:hover{background:var(--site-f8fbff,#f8fbff)}
.settings-simple-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--site-f0f7fc,#f0f7fc);color:var(--blue);flex:0 0 auto}
.settings-simple-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8}
.settings-simple-copy{display:flex;flex-direction:column;gap:3px;flex:1}.settings-simple-copy strong{font-size:15px;color:var(--navy)}.settings-simple-copy small{font-size:13px;color:var(--muted)}
.settings-simple-row>b{font-size:28px;font-weight:400;color:#9aabbc;line-height:1}
.settings-simple-note{max-width:720px;margin:18px auto 0;padding:14px 16px;border-radius:16px;background:var(--site-f8fbff,#f8fbff);color:var(--muted);font-size:13px;line-height:1.55;display:flex;align-items:flex-start;gap:10px;text-align:left}
.settings-simple-note svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:0 0 auto;margin-top:1px}
.settings-simple-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.settings-simple-actions .btn{border-radius:14px;padding:13px 24px}
.favorite-simple-head{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;margin-bottom:20px}.favorite-simple-head>div{display:flex;flex-direction:column;gap:3px}.favorite-simple-head strong{font-size:18px;color:var(--navy)}.favorite-simple-head small{font-size:13px;color:var(--muted)}.favorite-simple-head a{font-size:13px;color:var(--blue);text-decoration:none;font-weight:700}
.favorite-simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;text-align:left}
.favorite-simple-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(24,58,95,.05)}
.favorite-simple-photo{position:relative;width:100%;padding:0;border:0;background:var(--site-f8fbff,#f8fbff);cursor:pointer;display:block}.favorite-simple-photo img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}
.favorite-simple-copy{padding:15px}.favorite-simple-copy>span{font-size:11px;color:var(--blue);font-weight:700}.favorite-simple-copy h3{font-size:15px;color:var(--navy);margin:5px 0 5px;line-height:1.45}.favorite-simple-copy p{font-size:12px;color:var(--muted);margin:0 0 12px}.favorite-simple-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.favorite-simple-copy>div>strong{font-size:17px;color:var(--navy)}.favorite-simple-copy>div>button{border:0;background:var(--site-f0f7fc,#f0f7fc);color:var(--blue);border-radius:12px;padding:9px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.favorite-toggle.is-busy{opacity:.55;pointer-events:none}
@media(max-width:640px){.account-standard-panel{padding:34px 18px}.favorite-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.favorite-simple-copy{padding:12px}.favorite-simple-copy h3{font-size:14px}.favorite-simple-copy>div{align-items:flex-end;flex-direction:column}.favorite-simple-copy>div>button{width:100%}.settings-simple-row{padding:14px}.settings-simple-actions{flex-direction:column}.settings-simple-actions .btn{width:100%}}

/* ===== Footer / contact refresh ===== */
.site-footer{max-width:1160px;margin:24px auto 0;border-top:1px solid var(--line);padding:28px 0 36px;display:block;color:#5f7688;font-size:13px;gap:0}
.site-footer-top{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:22px;align-items:start}
.site-footer-brand-block{padding-right:10px}
.site-footer .brand{display:inline-flex;align-items:baseline;gap:8px;font-size:20px;color:var(--navy);font-weight:800;text-decoration:none}
.site-footer .brand small{font-size:10px;letter-spacing:.16em;color:#7f96aa}
.site-footer-brand-block p{margin:12px 0 0;line-height:1.75;color:#6c8396}
.site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.site-footer-card{padding:18px 18px 16px;border:1px solid #e4edf4;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 12px 28px rgba(15,61,98,.05)}
.site-footer-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#85a2b7;text-transform:uppercase;margin-bottom:8px}
.site-footer-card strong{display:block;font-size:15px;color:var(--navy);margin-bottom:6px}
.site-footer-card p{margin:0;line-height:1.65;color:#6f8799}
.site-footer-contact-list{display:flex;flex-direction:column;gap:8px}
.site-footer-contact-line{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ecfff2;color:#109944;font-weight:700;text-decoration:none;max-width:220px}
.site-footer-contact-line img{width:24px;height:24px;border-radius:8px;object-fit:cover;flex:none}
.site-footer-contact-item{color:#5d7385;line-height:1.5}
.site-footer-contact-list small{color:#7f95a8;line-height:1.55}
.site-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px dashed #dde7ef;margin-top:18px;padding-top:16px;color:#8095a7;font-size:12px}

/* ===== Wallet littlepay ===== */
.wallet-widget .widget-desc{display:flex;flex-direction:column;gap:4px}
.wallet-widget .littlepay-limit{font-size:11px;font-weight:700;color:#12a054;letter-spacing:.02em}

/* ===== Catalog sort and LINE branding ===== */
.catalog-sort-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 14px}
.catalog-sort-label{font-size:13px;font-weight:700;color:#60788b}
.catalog-sort-select{min-width:190px;border:1px solid #d8e6f0;border-radius:14px;padding:11px 14px;background:#fff;color:var(--navy);font:inherit;font-weight:700;box-shadow:0 6px 18px rgba(18,78,145,.06)}
.catalog-line-link{display:inline-flex;align-items:center;gap:10px}
.catalog-line-link img{width:28px;height:28px;border-radius:8px;object-fit:cover;box-shadow:0 8px 18px rgba(18,179,76,.18)}
.inline-line-logo{width:16px;height:16px;border-radius:5px;vertical-align:middle;object-fit:cover;display:inline-block;margin-right:2px}
.product-line-head .line-mark{width:46px;height:46px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(17,168,79,.12)}
.product-line-head .line-mark img{width:32px;height:32px;border-radius:10px;object-fit:cover}
.product-line-buy .line-chat-dot{width:36px;height:36px;border-radius:12px;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(17,168,79,.12)}
.product-line-buy .line-chat-dot img{width:24px;height:24px;border-radius:8px;object-fit:cover}

/* ===== Admin settings extra fields ===== */
.studio-copy-grid,.studio-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.studio-textarea-field textarea{width:100%;min-height:96px;border:1px solid #d8e4ef;border-radius:16px;padding:14px 16px;font:inherit;resize:vertical;color:#17314b;background:#fff}
.studio-textarea-field textarea:focus,.studio-name-field input:focus,.catalog-sort-select:focus{outline:none;border-color:#9cc7e8;box-shadow:0 0 0 4px rgba(23,136,221,.12)}

@media(max-width:900px){
  .site-footer{margin:0 24px;padding:24px 0 26px}
  .site-footer-top,.site-footer-grid,.studio-copy-grid,.studio-contact-grid{grid-template-columns:1fr}
  .site-footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .site-footer{margin:0 18px 82px;padding:22px 0 26px}
  .catalog-sort-row{justify-content:stretch;flex-direction:column;align-items:stretch}
  .catalog-sort-select{width:100%}
  .site-footer-contact-line{max-width:none}
}

/* Compact footer: keep all information without making the page long */
.site-footer{max-width:1160px;margin:12px auto 0;padding:16px 0 20px!important;font-size:11px!important}
.site-footer-top{grid-template-columns:220px minmax(0,1fr)!important;gap:14px!important}
.site-footer-brand-block p{margin:7px 0 0!important;line-height:1.5!important;font-size:11px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-footer-grid{gap:8px!important}
.site-footer-card{padding:10px 11px!important;border-radius:14px!important;min-height:92px;box-shadow:none!important}
.site-footer-kicker{font-size:8px!important;margin-bottom:4px!important;letter-spacing:.1em!important}
.site-footer-card strong{font-size:12px!important;margin-bottom:3px!important}
.site-footer-card p{font-size:10px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.site-footer-contact-list{gap:5px!important}.site-footer-contact-line{padding:6px 8px!important;border-radius:10px!important;gap:7px!important;font-size:10px!important}.site-footer-contact-line img{width:19px!important;height:19px!important;border-radius:6px!important}.site-footer-contact-item,.site-footer-contact-list small{font-size:9px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-footer-bottom{margin-top:10px!important;padding-top:9px!important;font-size:9px!important;gap:10px!important}
@media(max-width:900px){.site-footer{margin:0 20px 76px!important;padding:14px 0 18px!important}.site-footer-top{grid-template-columns:1fr!important}.site-footer-brand-block{padding-right:0!important}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer-card{min-height:88px}.site-footer-bottom{flex-direction:row!important;align-items:center!important;flex-wrap:wrap}}
@media(max-width:430px){.site-footer{margin-left:16px!important;margin-right:16px!important}.site-footer-grid{gap:7px!important}.site-footer-card{padding:9px!important}.site-footer-card p{-webkit-line-clamp:2}.site-footer-bottom>span:last-child{display:none}}

/* ===== Front storefront preferences: Theme + Language ===== */
.preference-heading{margin-bottom:20px;display:flex;align-items:center;gap:15px}.preference-heading h1{margin:0;font-size:26px;letter-spacing:-.5px}
.preference-settings-shell{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 16px 42px rgba(19,66,104,.07)}
.preference-settings-intro{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.preference-settings-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f6ff,#f6fbff);color:var(--blue);flex:0 0 auto}.preference-settings-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}
.preference-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#7fa1b8;margin-bottom:3px}.preference-settings-intro h2{margin:0 0 4px;font-size:22px;color:var(--navy)}.preference-settings-intro p{margin:0;color:var(--muted);font-size:13px}
.preference-section{padding:24px 0 4px}.preference-section+.preference-section{border-top:1px solid var(--line);margin-top:20px}
.preference-section-head>div{display:flex;align-items:flex-start;gap:12px}.preference-section-head>div>span{width:34px;height:34px;border-radius:11px;background:var(--site-f0f7fc,#f0f7fc);display:grid;place-items:center;color:var(--blue);font-size:11px;font-weight:800}.preference-section-head h3{margin:0 0 3px;font-size:18px;color:var(--navy)}.preference-section-head p{margin:0;color:var(--muted);font-size:13px}
.preference-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.preference-choice{position:relative;border:1px solid #dce8f1;border-radius:20px;background:#fff;color:inherit;padding:16px;text-align:left;display:flex;align-items:center;gap:14px;min-height:112px;box-shadow:0 8px 22px rgba(18,72,110,.04);transition:.2s ease}.preference-choice:hover{transform:translateY(-1px);border-color:#acd0ea}.preference-choice.is-selected{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,136,221,.11),0 10px 28px rgba(18,72,110,.08)}
.preference-preview{width:92px;height:70px;border-radius:15px;border:1px solid #d8e4ee;position:relative;overflow:hidden;display:block;flex:0 0 auto}.preference-preview:before{content:"";position:absolute;left:0;right:0;top:0;height:14px}.preference-preview i,.preference-preview b,.preference-preview em{position:absolute;display:block;border-radius:5px}.preference-preview i{left:9px;top:23px;width:45px;height:8px}.preference-preview b{left:9px;top:38px;width:72px;height:8px}.preference-preview em{left:9px;top:53px;width:55px;height:7px}
.preference-preview-light{background:#fbfdff}.preference-preview-light:before{background:#dff2ff}.preference-preview-light i{background:#168cda}.preference-preview-light b,.preference-preview-light em{background:#e3edf4}
.preference-preview-dark{background:#0b1320;border-color:#26364b}.preference-preview-dark:before{background:#17283a}.preference-preview-dark i{background:#48aef1}.preference-preview-dark b,.preference-preview-dark em{background:#293a4d}
.preference-choice-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.preference-choice-copy strong{font-size:15px;color:var(--navy)}.preference-choice-copy small{font-size:12px;color:var(--muted);line-height:1.5}.preference-check{position:absolute;right:13px;top:13px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dce8f1;color:transparent;font-size:13px;font-weight:900}.preference-choice.is-selected .preference-check{background:var(--blue);color:#fff}
.preference-language-choice{min-height:92px}.preference-language-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--site-f0f7fc,#f0f7fc);color:var(--blue);font-size:14px;font-weight:900;letter-spacing:.08em;flex:0 0 auto}.preference-choice.is-selected .preference-language-mark{background:linear-gradient(135deg,var(--blue),var(--light-blue));color:#fff}
.preference-save-note{margin-top:23px;border-radius:16px;padding:13px 15px;background:#f3fbf6;color:#4f6e5a;display:flex;align-items:center;gap:10px;font-size:12px}.preference-save-note>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d9f5e4;color:#14964a;font-weight:900}.preference-save-note p{margin:0}

/* dark storefront theme */
html[data-front-theme="dark"]{--navy:#edf5ff;--ink:#dfe9f4;--muted:#91a4b9;--line:#27374b;--ice:#101a28;--white:#101a28}
html[data-front-theme="dark"] body{background:#07101b;color:#dfe9f4}
html[data-front-theme="dark"] header,html[data-front-theme="dark"] main{color:#dfe9f4}
html[data-front-theme="dark"] .btn.secondary,html[data-front-theme="dark"] .chip,html[data-front-theme="dark"] .sample,html[data-front-theme="dark"] input,html[data-front-theme="dark"] select,html[data-front-theme="dark"] textarea,html[data-front-theme="dark"] dialog{background:#0f1a28!important;color:#e5eef8!important;border-color:#29394d!important}
html[data-front-theme="dark"] .product,html[data-front-theme="dark"] .action-box,html[data-front-theme="dark"] .social-proof-section,html[data-front-theme="dark"] .upload-form,html[data-front-theme="dark"] .account-standard-panel,html[data-front-theme="dark"] .settings-simple-row,html[data-front-theme="dark"] .favorite-simple-card,html[data-front-theme="dark"] .wallet-widget,html[data-front-theme="dark"] .wallet-month-summary,html[data-front-theme="dark"] .wallet-summary-card,html[data-front-theme="dark"] .catalog-toolbar,html[data-front-theme="dark"] .catalog-hero,html[data-front-theme="dark"] .catalog-product-card,html[data-front-theme="dark"] .personal-info-card,html[data-front-theme="dark"] .info-card,html[data-front-theme="dark"] .history-shell,html[data-front-theme="dark"] .transaction-card,html[data-front-theme="dark"] .withdraw-card,html[data-front-theme="dark"] .withdraw-success,html[data-front-theme="dark"] .bank-view-card,html[data-front-theme="dark"] .bank-form-card,html[data-front-theme="dark"] .address-card,html[data-front-theme="dark"] .vip-card,html[data-front-theme="dark"] .benefit-card,html[data-front-theme="dark"] .preference-settings-shell,html[data-front-theme="dark"] .preference-choice,html[data-front-theme="dark"] .site-footer-card{background:#101a28!important;border-color:#28384c!important;color:#dfe9f4!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
html[data-front-theme="dark"] .action-box.primary,html[data-front-theme="dark"] .settings-simple-note,html[data-front-theme="dark"] .catalog-search-wrap,html[data-front-theme="dark"] .catalog-sort-select,html[data-front-theme="dark"] .product-detail-specs>div,html[data-front-theme="dark"] .favorite-simple-photo,html[data-front-theme="dark"] .preference-section-head>div>span,html[data-front-theme="dark"] .preference-language-mark{background:#132235!important;border-color:#2b3d52!important}
html[data-front-theme="dark"] .product-pic,html[data-front-theme="dark"] .upload-image-area,html[data-front-theme="dark"] .catalog-product-pic{background:#0c1623!important}
html[data-front-theme="dark"] h1,html[data-front-theme="dark"] h2,html[data-front-theme="dark"] h3,html[data-front-theme="dark"] h4,html[data-front-theme="dark"] strong,html[data-front-theme="dark"] .brand,html[data-front-theme="dark"] .product h3,html[data-front-theme="dark"] .settings-simple-copy strong,html[data-front-theme="dark"] .favorite-simple-copy h3,html[data-front-theme="dark"] .preference-settings-intro h2,html[data-front-theme="dark"] .preference-section-head h3,html[data-front-theme="dark"] .preference-choice-copy strong{color:#edf5ff!important}
html[data-front-theme="dark"] .site-footer{border-color:#253548;color:#8ea1b5}html[data-front-theme="dark"] .site-footer-bottom{border-color:#29394d;color:#8497aa}
html[data-front-theme="dark"] .bottom-nav{background:rgba(10,18,29,.96)!important;border-color:#243449!important;box-shadow:0 -8px 24px rgba(0,0,0,.22)!important}
html[data-front-theme="dark"] .bottom-nav a{color:#8fa3b7}html[data-front-theme="dark"] .bottom-nav a.current{color:#64b9f1}
html[data-front-theme="dark"] .promo-topline{background:#020811!important}
html[data-front-theme="dark"] .preference-preview-light{opacity:.72}
html[data-front-theme="dark"] .preference-save-note{background:#11281e;color:#9fd2b0}.preference-save-note span{flex:0 0 auto}
html[data-front-theme="dark"] ::placeholder{color:#71859a!important}
html[data-front-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.68)}
html[data-front-theme="dark"] .product-detail-premium,html[data-front-theme="dark"] .product-detail-copy{background:#101a28!important;color:#dfe9f4!important}
html[data-front-theme="dark"] .product-line-panel{background:#0e2318!important;border-color:#1e5131!important}
html[data-front-theme="dark"] .site-footer-contact-line{background:#0d2718!important}
html[data-front-theme="dark"] .favorite-toggle{background:#162335!important;color:#9cb0c5!important}
html[data-front-theme="dark"] .favorite-toggle.is-active{background:#3b1723!important;color:#fb7185!important}

@media(max-width:680px){.preference-settings-shell{padding:20px 16px;border-radius:22px}.preference-settings-intro{align-items:flex-start}.preference-choice-grid{grid-template-columns:1fr}.preference-choice{min-height:96px}.preference-preview{width:82px;height:62px}.preference-heading{align-items:flex-start;flex-direction:column;gap:10px}.preference-heading h1{font-size:24px}}

/* ===== Dark theme visibility hardening (2026-10-07) ===== */
html[data-front-theme="dark"]{
  --navy:#f4f8fc;
  --ink:#e5edf6;
  --muted:#a7b6c6;
  --line:#314257;
  --ice:#111c2a;
  --white:#111c2a;
}
html[data-front-theme="dark"] body,
html[data-front-theme="dark"] main,
html[data-front-theme="dark"] .account-page,
html[data-front-theme="dark"] .catalog-page,
html[data-front-theme="dark"] .wallet-section{background:#08111d;color:#e5edf6}
html[data-front-theme="dark"] p,
html[data-front-theme="dark"] label,
html[data-front-theme="dark"] li,
html[data-front-theme="dark"] td,
html[data-front-theme="dark"] th,
html[data-front-theme="dark"] .muted,
html[data-front-theme="dark"] .widget-desc,
html[data-front-theme="dark"] .catalog-product-condition,
html[data-front-theme="dark"] .catalog-product-shop,
html[data-front-theme="dark"] .product-detail-short-note p,
html[data-front-theme="dark"] .product-detail-foot,
html[data-front-theme="dark"] .preference-choice-copy small,
html[data-front-theme="dark"] .preference-section-head p,
html[data-front-theme="dark"] .preference-settings-intro p,
html[data-front-theme="dark"] .site-footer-card p,
html[data-front-theme="dark"] .site-footer-contact-item,
html[data-front-theme="dark"] .site-footer-contact-list small{color:#a7b6c6!important}
html[data-front-theme="dark"] h1,
html[data-front-theme="dark"] h2,
html[data-front-theme="dark"] h3,
html[data-front-theme="dark"] h4,
html[data-front-theme="dark"] h5,
html[data-front-theme="dark"] h6,
html[data-front-theme="dark"] strong,
html[data-front-theme="dark"] b,
html[data-front-theme="dark"] legend,
html[data-front-theme="dark"] .price,
html[data-front-theme="dark"] .balance-amount,
html[data-front-theme="dark"] .wallet-summary-copy strong,
html[data-front-theme="dark"] .catalog-product-more{color:#f5f9fd!important}
html[data-front-theme="dark"] a:not(.btn):not(.product-line-buy):not(.site-footer-contact-line){color:#8dcbf4}
html[data-front-theme="dark"] input,
html[data-front-theme="dark"] select,
html[data-front-theme="dark"] textarea{
  background:#0d1826!important;
  color:#f2f7fb!important;
  border-color:#34465d!important;
  caret-color:#7ec9f6;
}
html[data-front-theme="dark"] input::placeholder,
html[data-front-theme="dark"] textarea::placeholder{color:#7f92a6!important;opacity:1}
html[data-front-theme="dark"] option{background:#0d1826;color:#f2f7fb}
html[data-front-theme="dark"] [style*="background: white"],
html[data-front-theme="dark"] [style*="background:white"],
html[data-front-theme="dark"] [style*="background: #fff"],
html[data-front-theme="dark"] [style*="background:#fff"]{background:#101b29!important}
html[data-front-theme="dark"] .account-standard-panel,
html[data-front-theme="dark"] .preference-settings-shell,
html[data-front-theme="dark"] .preference-section,
html[data-front-theme="dark"] .settings-simple-row,
html[data-front-theme="dark"] .catalog-toolbar,
html[data-front-theme="dark"] .catalog-product-card,
html[data-front-theme="dark"] .wallet-widget,
html[data-front-theme="dark"] .wallet-month-summary,
html[data-front-theme="dark"] .wallet-summary-card,
html[data-front-theme="dark"] .history-shell,
html[data-front-theme="dark"] .transaction-card,
html[data-front-theme="dark"] .personal-info-card,
html[data-front-theme="dark"] .info-card,
html[data-front-theme="dark"] .withdraw-card,
html[data-front-theme="dark"] .bank-view-card,
html[data-front-theme="dark"] .bank-form-card,
html[data-front-theme="dark"] .address-card,
html[data-front-theme="dark"] .vip-card,
html[data-front-theme="dark"] .benefit-card{background:#101b29!important;border-color:#2d4055!important}
html[data-front-theme="dark"] .preference-choice{background:#0d1826!important;border-color:#31445a!important}
html[data-front-theme="dark"] .preference-choice:hover{background:#132235!important;border-color:#4b7595!important}
html[data-front-theme="dark"] .preference-choice.is-selected{background:#10283a!important;border-color:#5cb8ef!important;box-shadow:0 0 0 3px rgba(92,184,239,.12)!important}
html[data-front-theme="dark"] .page-back,
html[data-front-theme="dark"] .withdraw-back{color:#91cffa!important;background:#102033!important;border-color:#2d4660!important}
html[data-front-theme="dark"] .btn.secondary{background:#132235!important;color:#eaf5fd!important;border-color:#35506b!important}
html[data-front-theme="dark"] .catalog-sort-label,
html[data-front-theme="dark"] .catalog-section-kicker,
html[data-front-theme="dark"] .catalog-product-category,
html[data-front-theme="dark"] .preference-kicker{color:#8dcaf3!important}
html[data-front-theme="dark"] dialog,
html[data-front-theme="dark"] .auth-modal,
html[data-front-theme="dark"] #detail{background:#0e1927!important;color:#e8f0f8!important}
html[data-front-theme="dark"] .close{background:#172638!important;color:#f5f9fd!important;border-color:#344a62!important}
html[data-front-theme="dark"] .site-footer-card{background:#101b29!important}
html[data-front-theme="dark"] .site-footer-brand-block p,
html[data-front-theme="dark"] .site-footer-bottom{color:#98aabd!important}
html[data-front-theme="dark"] .site-footer-contact-line{color:#8ff0ae!important;background:#0d2b1a!important}
html[data-front-theme="dark"] .language{color:#dce8f3!important}
html[data-front-theme="dark"] .header-account-btn{color:#edf5fc!important}
html[data-front-theme="dark"] .header-account-copy small{color:#91a9bd!important}
html[data-front-theme="dark"] .header-account-copy strong{color:#f5f9fd!important}
html[data-front-theme="dark"] .product-detail-quick-info span,
html[data-front-theme="dark"] .product-detail-specs>div{background:#132235!important;color:#dce8f3!important;border-color:#30445a!important}
html[data-front-theme="dark"] .product-detail-specs small{color:#8fa4b8!important}
html[data-front-theme="dark"] .product-line-head strong,
html[data-front-theme="dark"] .product-line-buy strong{color:inherit!important}

/* ===== Dark mode: full storefront contrast fix (2026-10-07 v3) ===== */
html[data-front-theme="dark"] header,
html[data-front-theme="dark"] .site-footer,
html[data-front-theme="dark"] .account-dashboard,
html[data-front-theme="dark"] .home-marketplace,
html[data-front-theme="dark"] .perks-page,
html[data-front-theme="dark"] .tx-history-page,
html[data-front-theme="dark"] .link-bank-page,
html[data-front-theme="dark"] .address-status-page,
html[data-front-theme="dark"] .personal-view-page{color:#e7eef7!important}

html[data-front-theme="dark"] header nav a,
html[data-front-theme="dark"] .brand,
html[data-front-theme="dark"] .brand small,
html[data-front-theme="dark"] .home-section-heading h2,
html[data-front-theme="dark"] .home-category-card strong,
html[data-front-theme="dark"] .home-product-copy h3,
html[data-front-theme="dark"] .home-product-price,
html[data-front-theme="dark"] .home-trust-item strong,
html[data-front-theme="dark"] .home-product-empty h3,
html[data-front-theme="dark"] .account-profile-copy h2,
html[data-front-theme="dark"] .account-profile-meta strong,
html[data-front-theme="dark"] .account-tool-item strong,
html[data-front-theme="dark"] .account-bottom-copy strong,
html[data-front-theme="dark"] .account-section-head h2,
html[data-front-theme="dark"] .perks-hero-copy h1,
html[data-front-theme="dark"] .perks-member-card strong,
html[data-front-theme="dark"] .perk-card h3,
html[data-front-theme="dark"] .perks-note strong,
html[data-front-theme="dark"] .tx-history-title h2,
html[data-front-theme="dark"] .tx-account-line strong,
html[data-front-theme="dark"] .tx-history-amount strong,
html[data-front-theme="dark"] .tx-title-group-v2 h3,
html[data-front-theme="dark"] .tx-name-v2,
html[data-front-theme="dark"] .bank-picker summary,
html[data-front-theme="dark"] .address-loading-title,
html[data-front-theme="dark"] .address-dialog-title,
html[data-front-theme="dark"] .address-reveal-head h2,
html[data-front-theme="dark"] .address-info-value,
html[data-front-theme="dark"] .vip-level-desc,
html[data-front-theme="dark"] .product-detail-v2 .product-detail-copy h2,
html[data-front-theme="dark"] .product-detail-short-note strong,
html[data-front-theme="dark"] .product-detail-media-note strong,
html[data-front-theme="dark"] .product-detail-shop strong,
html[data-front-theme="dark"] .product-detail-specs strong{color:#f3f7fb!important}

html[data-front-theme="dark"] .home-section-kicker,
html[data-front-theme="dark"] .home-section-heading p,
html[data-front-theme="dark"] .home-product-shop,
html[data-front-theme="dark"] .home-product-foot,
html[data-front-theme="dark"] .home-products-loading,
html[data-front-theme="dark"] .home-product-empty,
html[data-front-theme="dark"] .home-member-count,
html[data-front-theme="dark"] .home-trust-item small,
html[data-front-theme="dark"] .account-profile-label,
html[data-front-theme="dark"] .account-profile-meta p,
html[data-front-theme="dark"] .account-section-head>div>span,
html[data-front-theme="dark"] .account-section-head p,
html[data-front-theme="dark"] .account-tool-item small,
html[data-front-theme="dark"] .account-bottom-copy p,
html[data-front-theme="dark"] .perks-kicker,
html[data-front-theme="dark"] .perks-section-kicker,
html[data-front-theme="dark"] .perks-hero-copy p,
html[data-front-theme="dark"] .perks-member-card small,
html[data-front-theme="dark"] .perk-card small,
html[data-front-theme="dark"] .perk-card p,
html[data-front-theme="dark"] .perks-note p,
html[data-front-theme="dark"] .tx-history-caption,
html[data-front-theme="dark"] .tx-history-title p,
html[data-front-theme="dark"] .tx-account>small,
html[data-front-theme="dark"] .tx-account-line,
html[data-front-theme="dark"] .tx-history-page .tx-holder,
html[data-front-theme="dark"] .tx-history-amount small,
html[data-front-theme="dark"] .tx-history-note>span,
html[data-front-theme="dark"] .tx-history-note p,
html[data-front-theme="dark"] .tx-source,
html[data-front-theme="dark"] .tx-acc-v2,
html[data-front-theme="dark"] .tx-datetime-v2,
html[data-front-theme="dark"] .tx-note-box .note-label,
html[data-front-theme="dark"] .tx-note-box .note-value,
html[data-front-theme="dark"] .bank-field-hint,
html[data-front-theme="dark"] .bank-footnote,
html[data-front-theme="dark"] .address-dialog-status,
html[data-front-theme="dark"] .address-dialog-main,
html[data-front-theme="dark"] .address-dialog-note,
html[data-front-theme="dark"] .address-dialog-foot small,
html[data-front-theme="dark"] .address-reveal-head p,
html[data-front-theme="dark"] .address-info-label,
html[data-front-theme="dark"] .address-privacy-note,
html[data-front-theme="dark"] .product-detail-media-note,
html[data-front-theme="dark"] .product-detail-media-note small,
html[data-front-theme="dark"] .product-detail-short-note p,
html[data-front-theme="dark"] .product-line-head small{color:#aab9c8!important}

html[data-front-theme="dark"] .home-category-strip,
html[data-front-theme="dark"] .home-product-section,
html[data-front-theme="dark"] .home-product-card,
html[data-front-theme="dark"] .home-trust-bar,
html[data-front-theme="dark"] .account-profile-card,
html[data-front-theme="dark"] .account-status-card,
html[data-front-theme="dark"] .account-menu-card,
html[data-front-theme="dark"] .account-bottom-card,
html[data-front-theme="dark"] .account-tool-item,
html[data-front-theme="dark"] .account-profile-meta>div,
html[data-front-theme="dark"] .link-bank-card,
html[data-front-theme="dark"] .bank-picker,
html[data-front-theme="dark"] .bank-options,
html[data-front-theme="dark"] .tx-history-card,
html[data-front-theme="dark"] .tx-history-empty,
html[data-front-theme="dark"] .tx-history-note,
html[data-front-theme="dark"] .tx-full-header,
html[data-front-theme="dark"] .tx-tabs-container,
html[data-front-theme="dark"] .tx-card-v2,
html[data-front-theme="dark"] .perks-hero,
html[data-front-theme="dark"] .perks-member-card,
html[data-front-theme="dark"] .perk-card,
html[data-front-theme="dark"] .perks-note,
html[data-front-theme="dark"] .address-status-card,
html[data-front-theme="dark"] .address-dialog,
html[data-front-theme="dark"] .address-dialog-foot,
html[data-front-theme="dark"] .address-info-box,
html[data-front-theme="dark"] .address-privacy-note,
html[data-front-theme="dark"] .product-detail-v2,
html[data-front-theme="dark"] .product-detail-v2 .product-detail-copy,
html[data-front-theme="dark"] .product-detail-short-note,
html[data-front-theme="dark"] .product-detail-media-note{background:#101b29!important;border-color:#2d4055!important;box-shadow:none!important}

html[data-front-theme="dark"] .home-recommended-section,
html[data-front-theme="dark"] .home-new-section,
html[data-front-theme="dark"] .perks-hero{background:linear-gradient(135deg,#0f1a28,#132235)!important}
html[data-front-theme="dark"] .perks-hero:before{background:linear-gradient(115deg,rgba(255,255,255,.025),transparent)!important}
html[data-front-theme="dark"] .home-category-strip{background:linear-gradient(135deg,#0f1926,#111f2f)!important}
html[data-front-theme="dark"] .home-product-photo,
html[data-front-theme="dark"] .favorite-simple-photo{background:#0b1521!important}
html[data-front-theme="dark"] .home-category-card:hover,
html[data-front-theme="dark"] .account-tool-item:hover,
html[data-front-theme="dark"] .bank-option:hover,
html[data-front-theme="dark"] .bank-option:has(input:checked){background:#172638!important}

html[data-front-theme="dark"] .tx-history-tabs{background:#0c1724!important;border-color:#2d4055!important}
html[data-front-theme="dark"] .tx-history-tabs button{color:#9eb0c2!important}
html[data-front-theme="dark"] .tx-history-tabs button.is-active{background:#17283a!important;color:#71c0ef!important;box-shadow:none!important}
html[data-front-theme="dark"] .tx-history-tabs button b{background:#1d2c3d!important;color:#aab9c8!important}
html[data-front-theme="dark"] .tx-history-tabs button.is-active b{background:#19344b!important;color:#7bc8f5!important}

html[data-front-theme="dark"] .bank-picker summary,
html[data-front-theme="dark"] .bank-options{background:#0e1927!important;color:#e8f0f8!important}
html[data-front-theme="dark"] .bank-picker{border-color:#31455b!important}
html[data-front-theme="dark"] .bank-option{color:#dce7f1!important}
html[data-front-theme="dark"] .bank-picker summary img,
html[data-front-theme="dark"] .bank-option img,
html[data-front-theme="dark"] .bank-preview>img{background:#fff!important}

html[data-front-theme="dark"] .address-dialog-main strong{color:#ff8f9a!important}
html[data-front-theme="dark"] .address-phone-toggle{background:#172638!important;color:#8fd0f8!important;border-color:#334b63!important}
html[data-front-theme="dark"] .address-dialog-note span{background:#193147!important;color:#8dcef6!important}
html[data-front-theme="dark"] .address-progress-track{background:#1a293a!important}

html[data-front-theme="dark"] #detail:has(.product-detail-v2){background:#0e1927!important}
html[data-front-theme="dark"] .product-detail-v2 .product-detail-media{background:linear-gradient(155deg,#0d1826,#101d2c)!important}
html[data-front-theme="dark"] .product-detail-v2 .product-detail-photo,
html[data-front-theme="dark"] .product-detail-v2 .product-detail-photo img{background:#0b1521!important}
html[data-front-theme="dark"] .product-detail-close{background:#172638!important;color:#f3f7fb!important;border-color:#344a62!important}
html[data-front-theme="dark"] .product-detail-availability{background:#123323!important;color:#9ee4b8!important}
html[data-front-theme="dark"] .product-detail-badge{background:rgba(18,31,45,.94)!important;border-color:#344b61!important;color:#cfe3f2!important}
html[data-front-theme="dark"] .product-detail-badge.new{color:#ffc37c!important}
html[data-front-theme="dark"] .product-detail-badge.featured{color:#84caf5!important}
html[data-front-theme="dark"] .product-line-copy{color:#83d4a4!important}

html[data-front-theme="dark"] .vip-level-item{background:#101b29!important;border-color:#2d4055!important}
html[data-front-theme="dark"] .vip-level-item:hover{background:#142235!important;border-color:#3b536b!important}
html[data-front-theme="dark"] .vip-privilege-btn,
html[data-front-theme="dark"] .account-edit-profile{background:#132b40!important;color:#8fd0f8!important;border-color:#31506b!important}
html[data-front-theme="dark"] .account-member-badge{background:#17283a!important;color:#b6c7d7!important;border-color:#31465c!important}
html[data-front-theme="dark"] .account-member-badge b{color:#8fd0f8!important}
html[data-front-theme="dark"] .account-logout{background:#321a22!important;color:#ff9cad!important;border-color:#5a2e3a!important}

html[data-front-theme="dark"] .home-member-avatar{border-color:#0b1521!important}
html[data-front-theme="dark"] .home-member-avatar.home-member-more{background:#17283a!important;color:#8fcdf4!important}
html[data-front-theme="dark"] .home-member-count strong{color:#8fd0f8!important}
html[data-front-theme="dark"] .home-see-all{color:#86c9f3!important}
html[data-front-theme="dark"] .home-see-all:hover{background:#142235!important}
html[data-front-theme="dark"] .catalog-line-link{background:#0d2c1a!important;border-color:#27583a!important;color:#8fe5aa!important}
html[data-front-theme="dark"] .littlepay-limit{color:#7ee2a5!important}

/* Keep text readable even when a page carries old inline light-theme colors. */
html[data-front-theme="dark"] [style*="color: var(--navy)"],
html[data-front-theme="dark"] [style*="color:var(--navy)"],
html[data-front-theme="dark"] [style*="color: var(--ink)"],
html[data-front-theme="dark"] [style*="color:var(--ink)"]{color:#f3f7fb!important}
html[data-front-theme="dark"] [style*="color: var(--muted)"],
html[data-front-theme="dark"] [style*="color:var(--muted)"]{color:#aab9c8!important}


/* ================================================================
   Balanced two-colour storefront (2026-10)
   The admin's front_a and front_b control BOTH sides of the design.
   Layout, data, uploaded pictures and dark-mode styling stay intact.
   ================================================================ */
:root{
  --duo-a:var(--blue,#1788dd);
  --duo-b:var(--light-blue,#f277ae);
  --duo-a-soft:color-mix(in srgb,var(--duo-a) 13%,white);
  --duo-b-soft:color-mix(in srgb,var(--duo-b) 23%,white);
  --duo-a-border:color-mix(in srgb,var(--duo-a) 35%,white);
  --duo-b-border:color-mix(in srgb,var(--duo-b) 43%,white);
  --duo-a-deep:color-mix(in srgb,var(--duo-a) 77%,#173751);
  --duo-b-deep:color-mix(in srgb,var(--duo-b) 73%,#18374f);
  --duo-soft-gradient:linear-gradient(112deg,var(--duo-a-soft) 0%,#fff 45%,var(--duo-b-soft) 100%);
  --duo-pair-gradient:linear-gradient(115deg,var(--duo-a) 0%,var(--duo-a) 36%,var(--duo-b) 66%,var(--duo-b) 100%);
  --duo-deep-gradient:linear-gradient(115deg,var(--duo-a-deep) 0%,var(--duo-a) 40%,var(--duo-b-deep) 100%);
}
/* Use actual image/background paints instead of recolouring text, so typography
   stays readable and merchandise photographs retain their original colours. */
html:not([data-front-theme="dark"]) body{
  background:radial-gradient(ellipse at 97% 9%,color-mix(in srgb,var(--duo-b) 11%,transparent) 0%,transparent 37%),
             radial-gradient(ellipse at 2% 42%,color-mix(in srgb,var(--duo-a) 10%,transparent) 0%,transparent 38%),#fbfcff;
}
html:not([data-front-theme="dark"]) header{
  position:relative;
  background:linear-gradient(90deg,color-mix(in srgb,var(--duo-a) 7%,white),#fff 44%,color-mix(in srgb,var(--duo-b) 10%,white));
  border-radius:0 0 22px 22px;
}
html:not([data-front-theme="dark"]) header:after{
  content:"";position:absolute;left:35px;right:35px;bottom:0;height:3px;border-radius:9px;
  background:var(--duo-pair-gradient);opacity:.76;pointer-events:none;
}
html:not([data-front-theme="dark"]) .topline.promo-topline{
  /* Previous stylesheet forced ALL these stops to the primary colour. */
  background:linear-gradient(90deg,rgba(12,31,57,.17),rgba(12,31,57,.17)),var(--duo-pair-gradient)!important;
  border-bottom:1px solid color-mix(in srgb,var(--duo-b) 35%,white)!important;
  box-shadow:0 5px 20px color-mix(in srgb,var(--duo-b) 16%,transparent)!important;
}
html:not([data-front-theme="dark"]) .promo-topline-badge{
  color:var(--duo-b-deep);background:#fff;
  box-shadow:0 5px 18px rgba(17,37,65,.15);
}
html:not([data-front-theme="dark"]) .promo-topline-copy strong{text-shadow:0 1px 2px rgba(11,30,53,.26)}
html:not([data-front-theme="dark"]) .brand-icon{background:var(--duo-pair-gradient)!important}
html:not([data-front-theme="dark"]) .header-account-btn{
  background:linear-gradient(123deg,#fff 0%,var(--duo-b-soft) 100%);
  border-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .header-account-icon{
  background:linear-gradient(140deg,var(--duo-b-deep),var(--duo-b));
  box-shadow:0 6px 15px color-mix(in srgb,var(--duo-b) 27%,transparent);
}
html:not([data-front-theme="dark"]) .header-account-chevron{background:var(--duo-a-soft);color:var(--duo-a-deep)}
html:not([data-front-theme="dark"]) header nav .active{
  color:var(--duo-b-deep);text-decoration:underline;text-decoration-color:var(--duo-b);text-underline-offset:7px;
}
/* Home: first major panel carries BOTH accents, with alternating icons. */
html:not([data-front-theme="dark"]) .home-marketplace .shared-banner-slider .premium-banner-frame,
html:not([data-front-theme="dark"]) .shared-banner-slider .premium-banner-frame{
  box-shadow:0 10px 32px color-mix(in srgb,var(--duo-b) 17%,transparent),0 5px 22px color-mix(in srgb,var(--duo-a) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--duo-b) 20%,white);
}
html:not([data-front-theme="dark"]) .home-member-count strong,
html:not([data-front-theme="dark"]) .home-section-kicker,
html:not([data-front-theme="dark"]) .home-see-all{color:var(--duo-a-deep)}
html:not([data-front-theme="dark"]) .home-category-strip{
  background:linear-gradient(112deg,color-mix(in srgb,var(--duo-a) 11%,white) 0%,#fff 49%,color-mix(in srgb,var(--duo-b) 19%,white) 100%);
  border:1px solid color-mix(in srgb,var(--duo-b) 31%,white);
  box-shadow:0 16px 42px color-mix(in srgb,var(--duo-b) 9%,transparent);
}
html:not([data-front-theme="dark"]) .home-category-strip:before{
  background:radial-gradient(circle,color-mix(in srgb,var(--duo-b) 34%,transparent),transparent 68%);
}
html:not([data-front-theme="dark"]) .home-category-card:nth-child(odd) .home-category-icon{
  background:var(--duo-a-soft);color:var(--duo-a-deep);border-color:var(--duo-a-border);
}
html:not([data-front-theme="dark"]) .home-category-card:nth-child(even) .home-category-icon{
  background:var(--duo-b-soft);color:var(--duo-b-deep);border-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .home-category-card:nth-child(even):hover{
  background:color-mix(in srgb,var(--duo-b) 13%,white);
}
html:not([data-front-theme="dark"]) .home-section-symbol{
  background:linear-gradient(140deg,var(--duo-a-soft),color-mix(in srgb,var(--duo-a) 24%,white));
  color:var(--duo-a-deep);
}
html:not([data-front-theme="dark"]) .home-section-symbol.warm{
  background:linear-gradient(140deg,var(--duo-b-soft),color-mix(in srgb,var(--duo-b) 32%,white));
  color:var(--duo-b-deep);
}
html:not([data-front-theme="dark"]) .home-recommended-section{
  background:linear-gradient(116deg,var(--duo-a-soft) 0%,#fff 53%,color-mix(in srgb,var(--duo-b) 12%,white) 100%);
  border-color:var(--duo-a-border);
}
html:not([data-front-theme="dark"]) .home-new-section{
  background:linear-gradient(116deg,var(--duo-b-soft) 0%,#fff 56%,var(--duo-a-soft) 100%);
  border-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .home-recommended-section .home-product-badge{
  background:linear-gradient(125deg,var(--duo-a),var(--duo-a-deep));color:#fff;
}
html:not([data-front-theme="dark"]) .home-new-section .home-product-badge{
  background:linear-gradient(125deg,var(--duo-b),var(--duo-b-deep));color:#fff;
  box-shadow:0 6px 17px color-mix(in srgb,var(--duo-b) 25%,transparent);
}
html:not([data-front-theme="dark"]) .home-product-heart{color:var(--duo-b-deep);border-color:var(--duo-b-border)}
html:not([data-front-theme="dark"]) .home-product-card:hover,
html:not([data-front-theme="dark"]) .catalog-product-card:hover{
  border-color:var(--duo-b-border);box-shadow:0 14px 30px color-mix(in srgb,var(--duo-b) 15%,transparent);
}
html:not([data-front-theme="dark"]) .home-trust-bar{background:var(--duo-soft-gradient);border-color:var(--duo-b-border)}
html:not([data-front-theme="dark"]) .home-trust-item:nth-child(odd) .home-trust-icon{background:var(--duo-a-soft);color:var(--duo-a-deep)}
html:not([data-front-theme="dark"]) .home-trust-item:nth-child(even) .home-trust-icon{background:var(--duo-b-soft);color:var(--duo-b-deep)}
/* Buttons and selected tabs: the secondary colour is a distinct component,
   rather than an almost invisible 3-pixel sliver at the end of a gradient. */
html:not([data-front-theme="dark"]) .btn:not(.secondary):not(.ghost){background:var(--duo-deep-gradient);color:#fff}
html:not([data-front-theme="dark"]) .btn.secondary{border-color:var(--duo-b-border)}
html:not([data-front-theme="dark"]) .btn.ghost{color:var(--duo-b-deep)}
html:not([data-front-theme="dark"]) .chip.selected,
html:not([data-front-theme="dark"]) .catalog-page .chip.selected{
  background:var(--duo-b-deep);border-color:var(--duo-b-deep);color:#fff;
}
html:not([data-front-theme="dark"]) .catalog-hero{
  background:linear-gradient(116deg,var(--duo-a-soft),#fff 48%,var(--duo-b-soft));
  border-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .catalog-search-wrap:focus-within{
  border-color:var(--duo-b);box-shadow:0 0 0 4px color-mix(in srgb,var(--duo-b) 17%,transparent);
}
/* Wallet, withdrawal and member privileges carry equal weight for each colour. */
html:not([data-front-theme="dark"]) .balance-card,
html:not([data-front-theme="dark"]) .withdraw-balance,
html:not([data-front-theme="dark"]) .shipping-coupon-card{
  background:var(--duo-deep-gradient);
  box-shadow:0 18px 42px color-mix(in srgb,var(--duo-b) 18%,transparent);
}
html:not([data-front-theme="dark"]) .wallet-month-summary,
html:not([data-front-theme="dark"]) .withdraw-form-card,
html:not([data-front-theme="dark"]) .account-profile-card,
html:not([data-front-theme="dark"]) .account-status-card{
  border-color:color-mix(in srgb,var(--duo-b) 30%,white);
  box-shadow:0 11px 29px color-mix(in srgb,var(--duo-b) 8%,transparent);
}
html:not([data-front-theme="dark"]) .wallet-month-summary{background:var(--duo-soft-gradient)}
html:not([data-front-theme="dark"]) .wallet-summary-withdraw{
  background:linear-gradient(140deg,var(--duo-b-soft),#fff);border-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .wallet-summary-withdraw .wallet-summary-icon{
  background:var(--duo-b-soft);color:var(--duo-b-deep);
}
html:not([data-front-theme="dark"]) .perks-hero{
  background:linear-gradient(120deg,var(--duo-a-soft),#fff 46%,var(--duo-b-soft));
  border-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .perks-hero:before{
  background:linear-gradient(110deg,rgba(255,255,255,.3),rgba(255,255,255,0) 47%,rgba(255,255,255,.1));
}
html:not([data-front-theme="dark"]) .perks-hero-icon{
  background:linear-gradient(135deg,var(--duo-b-deep),var(--duo-b));
  box-shadow:0 14px 30px color-mix(in srgb,var(--duo-b) 24%,transparent);
}
html:not([data-front-theme="dark"]) .perks-note{background:var(--duo-soft-gradient);border-color:var(--duo-b-border)}
html:not([data-front-theme="dark"]) .perk-card:nth-child(even):after{background:var(--duo-b-soft)}
html:not([data-front-theme="dark"]) .perk-card:nth-child(odd):after{background:var(--duo-a-soft)}
/* Profile, auth and fixed mobile bar: mix, don't hide the secondary tone. */
html:not([data-front-theme="dark"]) .account-avatar{
  background:linear-gradient(140deg,var(--duo-a-soft),var(--duo-b-soft));
}
html:not([data-front-theme="dark"]) .account-member-badge,
html:not([data-front-theme="dark"]) .account-edit-profile{
  background:var(--duo-b-soft);border-color:var(--duo-b-border);color:var(--duo-b-deep);
}
html:not([data-front-theme="dark"]) #authModal{
  border:1px solid var(--duo-b-border);
  box-shadow:0 24px 70px color-mix(in srgb,var(--duo-b) 19%,transparent);
}
html:not([data-front-theme="dark"]) #authModal .btn:not(.secondary){background:var(--duo-deep-gradient)}
html:not([data-front-theme="dark"]) .bottom-nav{
  background:linear-gradient(90deg,color-mix(in srgb,var(--duo-a) 6%,white),rgba(255,255,255,.98) 49%,color-mix(in srgb,var(--duo-b) 14%,white));
  border-top-color:var(--duo-b-border);
}
html:not([data-front-theme="dark"]) .bottom-nav a.current:not(.center-action-btn){
  background:var(--duo-b-soft);color:var(--duo-b-deep);
  box-shadow:0 7px 16px color-mix(in srgb,var(--duo-b) 15%,transparent);
}
html:not([data-front-theme="dark"]) .bottom-nav a[href="home"].current:not(.center-action-btn),
html:not([data-front-theme="dark"]) .bottom-nav a[href="wallet"].current:not(.center-action-btn){
  background:var(--duo-a-soft);color:var(--duo-a-deep);
}
html:not([data-front-theme="dark"]) .bottom-nav .center-action-btn .floating-btn,
html:not([data-front-theme="dark"]) .bottom-nav a[href="upload"].center-action-btn .floating-btn{
  background:var(--duo-pair-gradient);box-shadow:0 10px 26px color-mix(in srgb,var(--duo-b) 35%,transparent);
}
html:not([data-front-theme="dark"]) .site-footer{
  border-image:linear-gradient(90deg,var(--duo-a),var(--duo-b)) 1;
}
html:not([data-front-theme="dark"]) .site-footer-card:nth-child(even){
  border-color:var(--duo-b-border);background:linear-gradient(135deg,#fff,var(--duo-b-soft));
}
html:not([data-front-theme="dark"]) .site-footer-card:nth-child(odd){
  border-color:var(--duo-a-border);background:linear-gradient(135deg,#fff,var(--duo-a-soft));
}
@media(max-width:700px){
  html:not([data-front-theme="dark"]) header:after{left:15px;right:15px;height:2px}
  html:not([data-front-theme="dark"]) .home-category-strip{background:linear-gradient(115deg,var(--duo-a-soft),#fff 46%,var(--duo-b-soft))}
  html:not([data-front-theme="dark"]) .home-product-section{border-width:1px}
}