/* From Uiverse.io by ElSombrero2 — adapted for TONGXI brand browsing. */
.tx-shop{--shop-color:#80dfb2;--shop-edge-a:#36dc90;--shop-edge-b:#b4ffe0;--shop-edge-c:#23bad2;min-width:0;display:flex;flex-direction:column;gap:10px;color:#f5f6f2}
.tx-shop--youtube{--shop-color:#ffafbd;--shop-edge-a:#ff4289;--shop-edge-b:#ffb9cb;--shop-edge-c:#ff9b3e}.tx-shop--netflix{--shop-color:#d3a3ff;--shop-edge-a:#5767ff;--shop-edge-b:#dcabff;--shop-edge-c:#fa328e}.tx-shop--prime{--shop-color:#94e6ff;--shop-edge-a:#eafcff;--shop-edge-b:#6dcefa;--shop-edge-c:#00b7d0}.tx-shop--disney{--shop-color:#b1c0ff;--shop-edge-a:#6887ff;--shop-edge-b:#b7aeff;--shop-edge-c:#df79e0}.tx-shop--chatgpt{--shop-color:#a6ecd1;--shop-edge-a:#46c99b;--shop-edge-b:#c3fae4;--shop-edge-c:#3ba3b6}.tx-shop--claude{--shop-color:#f3bb98;--shop-edge-a:#e78058;--shop-edge-b:#f6d0b4;--shop-edge-c:#e6a84f}
.tx-shop__flip{display:block;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;width:100%;perspective:1100px;cursor:pointer;border-radius:30px;isolation:isolate;position:relative;overflow:visible}
.tx-shop__inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.tx-shop__flip.is-flipped .tx-shop__inner{transform:rotateY(180deg)}
.tx-shop__face{grid-area:1/1;position:relative;display:flex;overflow:hidden;isolation:isolate;border:5px solid transparent;border-radius:30px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(#191a1c,#191a1c) padding-box,linear-gradient(135deg,var(--shop-edge-a),var(--shop-edge-b) 52%,var(--shop-edge-c)) border-box;min-width:0}
.tx-shop__flip:before{content:"";position:absolute;inset:8px;z-index:-1;border-radius:30px;pointer-events:none;background:linear-gradient(135deg,var(--shop-edge-a),var(--shop-edge-b) 52%,var(--shop-edge-c));filter:blur(22px);opacity:.22;transition:opacity .3s,transform .3s}
.tx-shop.is-listed .tx-shop__flip:before{opacity:.48}
.tx-shop.is-listed:hover .tx-shop__flip:before,.tx-shop.is-listed:focus-within .tx-shop__flip:before{opacity:.7;transform:scale(1.02)}
.tx-shop:not(.is-listed) .tx-shop__face{background:linear-gradient(#191a1c,#191a1c) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--shop-edge-a) 65%,#30363a),color-mix(in srgb,var(--shop-edge-b) 65%,#30363a),color-mix(in srgb,var(--shop-edge-c) 65%,#30363a)) border-box}
.tx-shop__back{transform:rotateY(180deg)}
.tx-shop__body{display:flex;flex-direction:column;justify-content:space-between;gap:25px;width:100%;min-height:280px;padding:24px;position:relative;z-index:1;min-width:0}
.tx-shop__glow{display:none}

.tx-shop__top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.tx-shop__top small{font-size:10px;color:#bcc5c7;white-space:nowrap}.tx-shop__top .product-mark{width:40px;height:40px;border-radius:12px}
.tx-shop__identity{display:flex;flex-direction:column;gap:10px}.tx-shop__identity>strong{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.8px;line-height:1.2}.tx-shop__identity>span{font-size:12px;color:#bac4c5;line-height:1.7}
.tx-shop__hint{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.7;color:#afbcbb}
.tx-shop__details{display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.tx-shop__details>strong{font-size:25px;line-height:1.2;color:var(--shop-color);font-weight:550}.tx-shop__note{color:#b8c3c1}
.tx-shop__orbs{position:absolute;inset:0;overflow:hidden;opacity:.23;pointer-events:none}.tx-shop__orbs i{position:absolute;width:135px;height:135px;background:var(--shop-color);border-radius:50%;filter:blur(30px);left:-45px;top:55px;animation:tx-shop-float 6s ease-in-out infinite paused}.tx-shop__orbs i:nth-child(2){left:auto;right:-30px;top:130px;animation-delay:-2s;opacity:.6}.tx-shop__orbs i:nth-child(3){left:50%;top:-65px;animation-delay:-4s;opacity:.4}.tx-shop.is-listed .is-flipped .tx-shop__orbs i{animation-play-state:running}
.tx-shop__select{display:flex;justify-content:space-between;align-items:center;gap:12px;font:inherit;font-size:12px;text-align:left;background:#ffffff05;border:1px solid #ffffff20;border-radius:12px;color:#cad3d1;padding:12px 16px;cursor:pointer;min-height:44px}.tx-shop__select[aria-pressed=true]{border-color:var(--shop-color);color:var(--shop-color);background:#ffffff08}.tx-shop__select:hover{background:#ffffff0d}.tx-shop__flip:focus-visible,.tx-shop__select:focus-visible{outline:2px solid var(--shop-color);outline-offset:4px}.tx-shop button:disabled{opacity:.55;cursor:wait}
.live-app .catalog-brand-grid:has(.tx-shop){grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 26px}
@keyframes tx-shop-float{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}
@media(max-width:1200px){.live-app .catalog-brand-grid:has(.tx-shop){grid-template-columns:repeat(3,minmax(0,1fr))}.tx-shop__body{padding:20px}}
@media(max-width:700px){.live-app .catalog-brand-grid:has(.tx-shop){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.tx-shop__body{padding:17px;min-height:290px;gap:32px 26px}.tx-shop__top{align-items:start;flex-direction:column;gap:8px}.tx-shop__identity>strong{font-size:21px}.tx-shop__details>strong{font-size:22px}.tx-shop__select{padding:12px;font-size:11px}}
@media(max-width:520px){.live-app .catalog-brand-grid:has(.tx-shop){grid-template-columns:1fr}.tx-shop__top{flex-direction:row;align-items:center}.tx-shop__body{min-height:250px;padding:22px}.tx-shop__identity>strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.tx-shop__inner{transition:none}.tx-shop__flip:before{transition:none}.tx-shop__orbs i{animation:none!important}}