.puzi-site[data-template=cards]{--brand-ink:#171a21;--brand-muted:#818997;--brand-line:#ebedf0;--brand-accent:var(--theme-color,#1677ff);--brand-soft:color-mix(in srgb, var(--brand-accent) 10%, white);--puzi-container:1440px;color:var(--brand-ink);font-family:var(--font-brand), "PingFang SC", "Microsoft YaHei", sans-serif;background:#fdfdfd;min-height:100vh;padding-bottom:0;font-size:14px}.puzi-site[data-template=cards] .puzi-container{padding-left:24px;padding-right:24px}.puzi-site[data-template=cards] a{color:inherit;text-decoration:none}.puzi-site[data-template=cards] button,.puzi-site[data-template=cards] input,.puzi-site[data-template=cards] select{font:inherit}.puzi-site[data-template=cards] :is(button,a,input,select):focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.puzi-site[data-template=cards] button:disabled{cursor:not-allowed;opacity:.45}.puzi-site[data-template=cards] .puzi-submit{justify-content:center;align-items:center;gap:8px;display:flex}.puzi-site[data-template=cards] .puzi-submit>svg{flex:0 0 16px;width:16px;height:16px;display:block}.puzi-site[data-template=cards] .puzi-submit>span{line-height:20px;display:block}.puzi-site[data-template=cards] .puzi-api-endpoint{scroll-margin-top:96px}.puzi-site[data-template=cards] .brand-header{z-index:85;background:#fffffff7;border-bottom:1px solid #f1f2f4;height:74px;position:sticky;top:0;box-shadow:0 7px 28px #161d250d}.puzi-site[data-template=cards] .brand-header-inner{align-items:center;gap:12px;max-width:1440px;height:100%;margin:auto;padding:0 24px;display:flex}.puzi-site[data-template=cards] .brand-logo{color:var(--brand-ink);flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.puzi-site[data-template=cards] .brand-logo img{object-fit:contain;border-radius:9px;width:36px;height:36px}.puzi-site[data-template=cards] .brand-logo strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.6px;max-width:190px;font-size:20px;font-weight:800;overflow:hidden}.puzi-site[data-template=cards] .brand-icon-button{color:#272b32;background:#f3f4f6;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:relative}.puzi-site[data-template=cards] .brand-icon-button:hover{background:var(--brand-soft);color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-icon-button>small{color:#fff;background:var(--brand-accent);border-radius:10px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.puzi-site[data-template=cards] .brand-category-menu{flex-shrink:0;position:relative}.puzi-site[data-template=cards] .brand-category-shortcut[aria-expanded=true]{color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-category-dropdown{filter:drop-shadow(0 10px 20px #161d251f);width:340px;max-width:calc(100vw - 32px);padding-top:12px;position:absolute;top:100%;left:0}.puzi-site[data-template=cards] .brand-category-dropdown-list{border:1px solid var(--brand-line);scrollbar-width:thin;background:#fff;border-bottom:0;border-radius:14px 14px 0 0;max-height:min(590px,100dvh - 150px);padding:10px 12px;overflow-y:auto}.puzi-site[data-template=cards] .brand-category-dropdown-list>p{color:var(--brand-muted);padding:12px;font-size:12px}.puzi-site[data-template=cards] .brand-category-dropdown-group+.brand-category-dropdown-group{border-top:1px solid var(--brand-line);margin-top:8px;padding-top:8px}.puzi-site[data-template=cards] .brand-category-dropdown-parent{border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.puzi-site[data-template=cards] .brand-category-dropdown-parent img{object-fit:contain;border-radius:6px;width:24px;height:24px}.puzi-site[data-template=cards] .brand-category-dropdown-parent svg{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-category-dropdown-child{color:#687383;border-radius:8px;align-items:center;gap:10px;padding:8px 12px 8px 20px;font-size:13px;display:flex}.puzi-site[data-template=cards] .brand-category-dropdown-child:before{content:"";background:var(--brand-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.puzi-site[data-template=cards] .brand-category-dropdown-all{border:1px solid var(--brand-line);background:#fff;border-radius:0 0 14px 14px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;font-weight:750;display:flex}.puzi-site[data-template=cards] .brand-category-dropdown a:is(:hover,:focus-visible){color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-search{background:#f2f3f5;border:1px solid #0000;border-radius:10px;flex:1;min-width:80px;height:40px;display:flex}.puzi-site[data-template=cards] .brand-search:focus-within{border-color:var(--brand-accent);background:#fff}.puzi-site[data-template=cards] .brand-search input{min-width:0;color:var(--brand-ink);background:0 0;border:0;outline:none;flex:1;padding:0 15px}.puzi-site[data-template=cards] .brand-search button{color:#242830;background:0 0;border:0;place-items:center;width:42px;display:grid}.puzi-site[data-template=cards] .brand-header-actions{align-items:center;gap:10px;display:flex}.puzi-site[data-template=cards] .brand-header-account .puzi-header-avatar{background:var(--brand-soft);width:30px;height:30px}.puzi-site[data-template=cards] .brand-balance{white-space:nowrap;background:#f3f4f6;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 6px 0 11px;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-balance>svg:first-child{color:#879099}.puzi-site[data-template=cards] .brand-balance>svg:last-child{background:var(--brand-soft);width:29px;height:29px;color:var(--brand-accent);border-radius:8px;padding:6px}.puzi-site[data-template=cards] .brand-breadcrumb{color:#8c95a4;align-items:center;gap:9px;margin:22px 0 18px;font-size:12px;font-weight:600;display:flex}.puzi-site[data-template=cards] .brand-breadcrumb a{align-items:center;gap:6px;display:inline-flex}.puzi-site[data-template=cards] .brand-breadcrumb>span{color:#535b68}.puzi-site[data-template=cards] .brand-catalog-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.puzi-site[data-template=cards] .brand-catalog-heading>:is(h1,h2){border-left:4px solid var(--brand-accent);max-width:460px;color:var(--brand-ink);letter-spacing:-.8px;margin:0;padding-left:16px;font-size:28px;font-weight:800;line-height:1.22}.puzi-site[data-template=cards] .brand-catalog-tools{justify-content:flex-end;align-items:center;gap:14px;display:flex}.puzi-site[data-template=cards] .brand-catalog-tools>span{color:#828a97;white-space:nowrap;font-size:12px}.puzi-site[data-template=cards] .brand-catalog-tools strong{color:#1e2530;font-weight:800}.puzi-site[data-template=cards] .brand-catalog-tools select,.puzi-site[data-template=cards] .brand-filter-button{color:#343c49;background:#fff;border:1px solid #f0f1f3;border-radius:10px;height:44px;padding:0 16px;font-size:12px;font-weight:600;box-shadow:0 3px 12px #1e232d0a}.puzi-site[data-template=cards] .brand-catalog-tools select{min-width:170px}.puzi-site[data-template=cards] .brand-filter-button{align-items:center;gap:9px;display:inline-flex}.puzi-site[data-template=cards] .brand-filter-button svg{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-catalog-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:26px;display:grid}.puzi-site[data-template=cards] .brand-sidebar{scrollbar-width:thin;background:#fff;border:1px solid #f3f4f5;border-radius:18px;max-height:calc(100vh - 120px);padding:18px 10px;position:sticky;top:96px;overflow:auto;box-shadow:0 8px 28px #151d2a0a}.puzi-site[data-template=cards] .brand-catalog{scroll-margin-top:96px}.puzi-site[data-template=cards] .brand-mobile-categories{display:none}.puzi-site[data-template=cards] .brand-sidebar-title{color:#929aa8;letter-spacing:1px;justify-content:space-between;padding:10px 12px 20px;font-size:11px;font-weight:800;display:flex}.puzi-site[data-template=cards] .brand-sidebar-title span{letter-spacing:0;font-weight:600}.puzi-site[data-template=cards] .brand-category-row{position:relative}.puzi-site[data-template=cards] .brand-category{color:#46505d;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:46px;margin:2px 0;padding:10px;font-size:13px;font-weight:650;display:flex}.puzi-site[data-template=cards] .brand-category>img{object-fit:contain;border-radius:6px;flex-shrink:0;width:23px;height:23px}.puzi-site[data-template=cards] .brand-category>svg{color:#8894a2;flex-shrink:0}.puzi-site[data-template=cards] .brand-category>span{overflow-wrap:anywhere;flex:1}.puzi-site[data-template=cards] .brand-category small,.puzi-site[data-template=cards] .brand-child-categories small{color:#86909c;background:#f1f3f6;border-radius:7px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.puzi-site[data-template=cards] .brand-category.is-active{color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-category.is-active small{color:var(--brand-accent);background:#fff}.puzi-site[data-template=cards] .brand-category-row:has(.brand-category-expand) .brand-category{padding-right:27px}.puzi-site[data-template=cards] .brand-category-expand{color:#8c97a5;background:0 0;border:0;place-items:center;width:25px;height:25px;padding:0;display:grid;position:absolute;top:12px;right:3px}.puzi-site[data-template=cards] .brand-category-expand[aria-expanded=true] svg{transform:rotate(180deg)}.puzi-site[data-template=cards] .brand-child-categories{border-left:1px solid var(--brand-accent);margin:0 4px 8px 21px;padding-left:13px}.puzi-site[data-template=cards] .brand-child-categories button{color:#687383;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 8px;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-child-categories button:is(:hover,.is-active){color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-child-categories button.is-active small{color:var(--brand-accent);background:#fff}.puzi-site[data-template=cards] .brand-catalog-main{min-width:0;scroll-margin-top:95px}.puzi-site[data-template=cards] .brand-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.puzi-site[data-template=cards] .brand-product-card{background:#fff;border:1px solid #e9ebed;border-radius:12px;min-width:0;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 7px 19px #131b270a}.puzi-site[data-template=cards] .brand-product-card:hover{border-color:color-mix(in srgb, var(--brand-accent) 40%, white);box-shadow:0 9px 24px #131b2717}.puzi-site[data-template=cards] .brand-card-art{background:var(--card-tint);height:104px;position:relative}.puzi-site[data-template=cards] .brand-card-image-link{align-items:center;gap:10px;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.puzi-site[data-template=cards] .brand-card-watermark{object-fit:contain;opacity:.12;width:135px;height:135px;position:absolute;bottom:-24px;right:-8px;transform:rotate(-15deg)}.puzi-site[data-template=cards] .brand-card-tile{z-index:1;color:#65758c;background:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 7px 14px #2832501a}.puzi-site[data-template=cards] .brand-card-tile img{object-fit:contain;border-radius:5px;width:36px;height:36px}.puzi-site[data-template=cards] .brand-card-category{z-index:1;color:#4a535f;background:#ffffffd9;border-radius:7px;align-items:center;gap:5px;max-width:calc(100% - 75px);padding:4px 7px;font-size:10px;font-weight:650;display:inline-flex}.puzi-site[data-template=cards] .brand-card-category>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.puzi-site[data-template=cards] .brand-card-category svg{color:#929ba5;flex-shrink:0}.puzi-site[data-template=cards] .brand-card-actions{z-index:2;flex-direction:column;gap:5px;display:flex;position:absolute;top:8px;right:8px}.puzi-site[data-template=cards] .brand-card-actions button{color:#87919c;background:#fffffff0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;box-shadow:0 2px 6px #1e283c0a}.puzi-site[data-template=cards] .brand-card-actions button>span{display:none}.puzi-site[data-template=cards] .brand-card-actions button:hover,.puzi-site[data-template=cards] .brand-card-actions button[aria-pressed=true]{color:var(--brand-accent);background:#fff}.puzi-site[data-template=cards] .brand-card-content{flex-direction:column;gap:9px;margin-top:14px;padding:17px 16px 14px;display:flex}.puzi-site[data-template=cards] .brand-card-content h3{overflow-wrap:anywhere;min-height:80px;margin:0;font-size:14px;font-weight:700;line-height:20px}.puzi-site[data-template=cards] .brand-card-content h3 a{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.puzi-site[data-template=cards] .brand-card-content h3 a:hover{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-card-price{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.puzi-site[data-template=cards] .brand-card-price strong{letter-spacing:-.5px;font-size:20px;font-weight:800;line-height:24px}.puzi-site[data-template=cards] .brand-card-price del{color:#9ca3af;font-size:11px}.puzi-site[data-template=cards] .brand-card-meta{color:#8e929a;border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:8px;margin-top:1px;padding-top:11px;font-size:11px;font-weight:700;display:flex}.puzi-site[data-template=cards] .brand-card-meta>span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.puzi-site[data-template=cards] .brand-stock{color:#479b60;background:#edf8e9;border-radius:12px;padding:3px 6px}.puzi-site[data-template=cards] .brand-stock.is-empty{color:#969aa1;background:#f0f1f3}.puzi-site[data-template=cards] .brand-facets{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;display:flex}.puzi-site[data-template=cards] .brand-facets>:is(button,span){border:1px solid var(--brand-line);color:#697485;background:#fff;border-radius:7px;padding:6px 10px;font-size:11px}.puzi-site[data-template=cards] .brand-facets button[aria-pressed=true],.puzi-site[data-template=cards] .brand-facets .brand-selected-category{color:var(--brand-accent);background:var(--brand-soft);border-color:#0000}.puzi-site[data-template=cards] .brand-facets .brand-clear{border:0;margin-left:auto}.puzi-site[data-template=cards] .brand-pagination{color:#77818d;justify-content:center;align-items:center;gap:16px;margin:32px 0;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-pagination button{border:1px solid var(--brand-line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.puzi-site[data-template=cards] .puzi-home-guide{border:1px solid var(--brand-line);background:#fff;border-radius:16px;margin:44px 0;padding:26px}.puzi-site[data-template=cards] .puzi-home-guide h2{color:var(--brand-ink);font-size:20px}.puzi-site[data-template=cards] .puzi-home-guide p{color:#748092;line-height:1.9}.puzi-site[data-template=cards] .puzi-home-guide nav{margin:20px 0}.puzi-site[data-template=cards] .puzi-home-guide nav h2{font-size:13px}.puzi-site[data-template=cards] .puzi-home-guide ul{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.puzi-site[data-template=cards] .puzi-panels{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;margin-bottom:40px}.puzi-site[data-template=cards] .puzi-panels>.puzi-panel{border:1px solid var(--brand-line);border-radius:16px;min-width:0;padding:8px 20px;box-shadow:0 5px 20px #19202a08}.puzi-site[data-template=cards] .puzi-panels .puzi-panel-head{border-bottom:1px solid var(--brand-line);min-height:64px;color:var(--brand-ink);gap:16px;padding:0;font-size:17px;font-weight:700}.puzi-site[data-template=cards] .puzi-panels .puzi-panel-head>span{align-items:center;gap:10px;display:flex}.puzi-site[data-template=cards] .puzi-panels .puzi-panel-head>span:before{content:"";background:var(--brand-accent);border-radius:3px;width:3px;height:18px}.puzi-site[data-template=cards] .puzi-panels .puzi-panel-more{color:#697586;white-space:nowrap;align-items:center;min-height:44px;font-size:12px;font-weight:500;display:inline-flex}.puzi-site[data-template=cards] .puzi-panels .puzi-panel-more:is(:hover,:focus-visible){color:var(--brand-accent)}.puzi-site[data-template=cards] .puzi-panel-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.puzi-site[data-template=cards] .puzi-panel-list li{border:0;min-width:0}.puzi-site[data-template=cards] .puzi-panel-list a{color:#354052;overflow-wrap:anywhere;background:#f8f9fb;border-radius:12px;gap:14px;height:100%;min-height:104px;padding:12px;font-size:13px;font-weight:600;line-height:1.7}.puzi-site[data-template=cards] .puzi-panel-list a:is(:hover,:focus-visible){color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .puzi-panel-list .puzi-panel-article{align-items:center;display:flex}.puzi-site[data-template=cards] .puzi-panel-article-cover{border:1px solid var(--brand-line);color:#98a2b1;background:#eef1f5;border-radius:10px;flex:0 0 72px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.puzi-site[data-template=cards] .puzi-panel-article-cover img{object-fit:cover;width:100%;height:100%;display:block}.puzi-site[data-template=cards] .puzi-panel-article-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.puzi-site[data-template=cards] .puzi-page-aside .puzi-panel-list{grid-template-columns:minmax(0,1fr)}.puzi-site[data-template=cards] .puzi-category-page{flex-direction:column;display:flex}.puzi-site[data-template=cards] .puzi-category-page>.puzi-breadcrumbs{display:none}.puzi-site[data-template=cards] .puzi-category-page>.puzi-category-intro{order:1;margin-top:32px}.puzi-site[data-template=cards] .puzi-category-page>.puzi-panels{order:2}.puzi-site[data-template=cards] .puzi-panel{border-color:var(--brand-line);border-radius:12px;box-shadow:0 5px 20px #19202a08}.puzi-site[data-template=cards] .brand-footer{color:#b0b4bc;background:#101116;margin-top:46px;padding:44px 24px}.puzi-site[data-template=cards] .brand-footer-grid{grid-template-columns:2.2fr 1fr 1fr 1fr;gap:46px;max-width:1392px;margin:auto;display:grid}.puzi-site[data-template=cards] .brand-footer .brand-logo{color:#fff}.puzi-site[data-template=cards] .brand-footer-about p{margin:20px 0;font-size:13px;line-height:1.8}.puzi-site[data-template=cards] .brand-footer h3{color:#fff;margin:0 0 25px;font-size:14px;font-weight:750}.puzi-site[data-template=cards] .brand-footer-grid>div:not(:first-child)>a{margin:0 0 19px;font-size:13px;display:block}.puzi-site[data-template=cards] .brand-footer a:hover{color:#fff}.puzi-site[data-template=cards] .brand-footer-contact{color:#fff;background:#2a333f;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.puzi-site[data-template=cards] .brand-footer-about>small{color:#7a7e87;margin-top:22px;font-size:11px;display:block}.puzi-site[data-template=cards] .brand-mobile-nav{display:none}.puzi-site[data-template=cards] .brand-toast{z-index:1100;color:#fff;background:#242b36;border-radius:10px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:13px;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.puzi-site[data-template=cards] .brand-dialog{border:1px solid var(--brand-line);width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--brand-ink);background:#fff;border-radius:18px;margin:auto;padding:0;box-shadow:0 20px 80px #0003}.puzi-site[data-template=cards] .brand-dialog.is-wide{width:min(720px,100vw - 32px)}.puzi-site[data-template=cards] .brand-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11161e66}.puzi-site[data-template=cards] .brand-dialog-content{padding:24px}.puzi-site[data-template=cards] .brand-dialog-content>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.puzi-site[data-template=cards] .brand-dialog h2{margin:0;font-size:20px;font-weight:750}.puzi-site[data-template=cards] .brand-primary{color:#fff;background:var(--brand-accent);white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 17px;font-size:12px;font-weight:650;display:inline-flex}.puzi-site[data-template=cards] .brand-muted{color:#838b96;font-size:12px;line-height:1.8}.puzi-site[data-template=cards] .brand-error{color:#c64b4b}.puzi-site[data-template=cards] .brand-empty{color:#8793a4;text-align:center;flex-direction:column;align-items:center;padding:56px 16px;display:flex}.puzi-site[data-template=cards] .brand-empty :is(h2,h3){color:#465264;margin:20px 0 0;font-size:17px}.puzi-site[data-template=cards] .brand-empty p{font-size:12px;line-height:1.8}.puzi-site[data-template=cards] .brand-options{flex-direction:column;gap:16px;display:flex}.puzi-site[data-template=cards] .brand-options h3{margin:0;font-size:14px;line-height:1.7}.puzi-site[data-template=cards] .brand-options label{color:#647084;flex-direction:column;gap:8px;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-options :is(input,select){color:#273243;background:#fff;border:1px solid #dfe3e9;border-radius:8px;width:100%;height:42px;padding:8px}.puzi-site[data-template=cards] .brand-options p{color:#8792a3;margin:0;font-size:12px}.puzi-site[data-template=cards] .brand-option-price{font-size:24px}.puzi-site[data-template=cards] .brand-saved-item{border-bottom:1px solid var(--brand-line);grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:20px 0;display:grid}.puzi-site[data-template=cards] .brand-saved-item>img{object-fit:contain;border-radius:8px;width:44px;height:44px}.puzi-site[data-template=cards] .brand-saved-item>div>a{overflow-wrap:anywhere;margin-bottom:6px;font-size:13px;line-height:1.6;display:block}.puzi-site[data-template=cards] .brand-saved-item small{margin:5px 0;font-size:11px;display:block}.puzi-site[data-template=cards] .brand-saved-item strong{font-size:17px;display:block}.puzi-site[data-template=cards] .brand-saved-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.puzi-site[data-template=cards] .brand-saved-actions .brand-icon-button{width:30px;height:30px}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity,.puzi-topup-amount){background:#fff;border:1px solid #dce1e8;border-radius:10px;align-items:stretch;height:46px;display:flex;overflow:hidden}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity,.puzi-topup-amount):focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-soft)}.puzi-site[data-template=cards] .brand-quantity{width:146px;max-width:100%;margin-top:10px;display:inline-flex}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity)>button{color:#586579;background:#f6f8fa;border:0;flex:0 0 44px;place-items:center;width:44px;padding:0;display:grid}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity)>button:first-child{border-right:1px solid var(--brand-line)}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity)>button:last-child{border-left:1px solid var(--brand-line)}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity)>button:not(:disabled):hover{color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity)>button:focus-visible{outline-offset:-4px}.puzi-site[data-template=cards] :is(.puzi-qty,.brand-quantity,.puzi-topup-amount)>input{width:0;min-width:0;height:100%;box-shadow:none;color:var(--brand-ink);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;outline:0;flex:1;margin:0;padding:0 10px;font-size:16px;font-weight:600}.puzi-site[data-template=cards] .puzi-topup-amount>b{border-right:1px solid var(--brand-line);color:#687588;background:#f6f8fa;flex-shrink:0;align-items:center;padding:0 14px;font-size:12px;font-weight:600;display:flex}.puzi-site[data-template=cards] .puzi-topup-amount>input{text-align:left;padding:0 14px}.puzi-site[data-template=cards] input[type=number]{appearance:textfield}.puzi-site[data-template=cards] input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.puzi-site[data-template=cards] input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.puzi-site[data-template=cards] .brand-options input[type=number]{text-align:center;font-variant-numeric:tabular-nums;border-color:#dce1e8;border-radius:10px;height:46px;font-size:16px}.puzi-site[data-template=cards] .brand-cart-total{color:#677386;justify-content:space-between;align-items:center;gap:16px;margin-top:25px;display:flex}.puzi-site[data-template=cards] .brand-cart-total strong{color:var(--brand-ink);font-size:22px;display:block}.puzi-site[data-template=cards] .brand-text-button{color:var(--brand-accent);background:0 0;border:0;padding:0;font-size:12px}.puzi-site[data-template=cards] .brand-detail-actions{gap:9px;margin-bottom:16px;display:flex}.puzi-site[data-template=cards] .brand-detail-actions button{border:1px solid var(--brand-line);color:var(--brand-accent);background:var(--brand-soft);border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:12px;display:inline-flex}@media (max-width:1150px){.puzi-site[data-template=cards] .puzi-panel-list{grid-template-columns:repeat(2,minmax(0,1fr))}.puzi-site[data-template=cards] .brand-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.puzi-site[data-template=cards] .brand-catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.puzi-site[data-template=cards] .brand-logo strong{max-width:145px;font-size:17px}.puzi-site[data-template=cards] .brand-catalog-tools select{min-width:140px}}@media (max-width:900px){.puzi-site[data-template=cards] .brand-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.puzi-site[data-template=cards] .brand-balance{display:none}.puzi-site[data-template=cards] .brand-catalog-heading{align-items:flex-start}.puzi-site[data-template=cards] .brand-catalog-tools{flex-wrap:wrap;gap:8px}}@media (max-width:767px){.puzi-site[data-template=cards] .puzi-panels{gap:16px}.puzi-site[data-template=cards] .puzi-panels>.puzi-panel{padding:4px 14px}.puzi-site[data-template=cards] .puzi-panels .puzi-panel-head{min-height:58px;font-size:16px}.puzi-site[data-template=cards] .puzi-panel-list{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 0}.puzi-site[data-template=cards] .puzi-panel-list a{gap:12px;min-height:92px;padding:10px}.puzi-site[data-template=cards] .puzi-panel-article-cover{flex-basis:64px;width:64px;height:64px}.puzi-site[data-template=cards]{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.puzi-site[data-template=cards] .puzi-container{padding-left:14px;padding-right:14px}.puzi-site[data-template=cards] .brand-header{height:120px}.puzi-site[data-template=cards] .brand-header-inner{flex-wrap:wrap;align-content:flex-start;gap:0;padding:10px 14px;position:relative}.puzi-site[data-template=cards] .brand-logo img{width:32px;height:32px}.puzi-site[data-template=cards] .brand-header .brand-logo{flex-shrink:1;min-width:0;max-width:calc(100% - 148px)}.puzi-site[data-template=cards] .brand-header .brand-logo img{flex-shrink:0}.puzi-site[data-template=cards] .brand-logo strong{max-width:140px;font-size:17px}.puzi-site[data-template=cards] .brand-category-menu{display:none}.puzi-site[data-template=cards] .brand-header-actions{gap:4px;margin-left:auto}.puzi-site[data-template=cards] .brand-header-actions .brand-icon-button{border-radius:10px;width:44px;height:44px}.puzi-site[data-template=cards] .brand-header-actions .brand-icon-button svg{width:18px}.puzi-site[data-template=cards] .brand-search{flex-basis:100%;order:3;height:44px;margin-top:10px}.puzi-site[data-template=cards] .brand-search input{font-size:16px}.puzi-site[data-template=cards] .brand-search button{width:44px}.puzi-site[data-template=cards] .brand-breadcrumb{margin:14px 0;font-size:11px}.puzi-site[data-template=cards] .brand-catalog-heading{flex-direction:column;gap:14px;margin-bottom:14px}.puzi-site[data-template=cards] .brand-catalog-heading>:is(h1,h2){padding-left:10px;font-size:22px}.puzi-site[data-template=cards] .brand-catalog-tools{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}.puzi-site[data-template=cards] .brand-catalog-tools>span{font-size:11px}.puzi-site[data-template=cards] .brand-catalog-tools select{width:134px;min-width:0;padding:0 8px}.puzi-site[data-template=cards] .brand-catalog-tools>label{flex:1;min-width:0;max-width:134px}.puzi-site[data-template=cards] .brand-catalog-tools select{width:100%}.puzi-site[data-template=cards] .brand-filter-button{padding:0 12px}.puzi-site[data-template=cards] .brand-catalog-layout{display:block}.puzi-site[data-template=cards] .brand-sidebar{display:none}.puzi-site[data-template=cards] .brand-catalog,.puzi-site[data-template=cards] .puzi-api-endpoint{scroll-margin-top:134px}.puzi-site[data-template=cards] .brand-mobile-categories{border:1px solid var(--brand-line);background:#fff;border-radius:16px;margin-top:14px;padding:8px;display:block;box-shadow:0 8px 28px #151d2a0a}.puzi-site[data-template=cards] .brand-mobile-categories .brand-sidebar-title{letter-spacing:.4px;margin:0;padding:8px 6px 14px;font-size:12px}.puzi-site[data-template=cards] .brand-mobile-categories .brand-category{gap:12px;min-height:50px;margin:2px 0;padding:10px;font-size:14px}.puzi-site[data-template=cards] .brand-mobile-categories .brand-category>:is(img,svg){flex:0 0 26px;width:26px;height:26px}.puzi-site[data-template=cards] .brand-mobile-categories .brand-category small{text-align:center;border-radius:12px;min-width:28px;font-size:12px}.puzi-site[data-template=cards] .brand-categories-more{border:1px solid var(--brand-line);width:100%;min-height:44px;color:var(--brand-accent);background:var(--brand-soft);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-weight:650;display:flex}.puzi-site[data-template=cards] .brand-catalog-heading,.puzi-site[data-template=cards] .brand-catalog-main{scroll-margin-top:134px}.puzi-site[data-template=cards] .brand-product-grid{gap:10px}.puzi-site[data-template=cards] .brand-product-card{flex-direction:column;display:flex}.puzi-site[data-template=cards] .brand-card-art{flex-shrink:0;height:88px}.puzi-site[data-template=cards] .brand-card-image-link{padding:12px}.puzi-site[data-template=cards] .brand-card-tile{border-radius:11px;width:46px;height:46px}.puzi-site[data-template=cards] .brand-card-tile img{width:32px;height:32px}.puzi-site[data-template=cards] .brand-card-category{display:none}.puzi-site[data-template=cards] .brand-card-content{flex:1;gap:8px;margin-top:0;padding:12px 10px 10px}.puzi-site[data-template=cards] .brand-card-content h3{min-height:60px;font-size:13px;line-height:20px}.puzi-site[data-template=cards] .brand-card-content h3 a{-webkit-line-clamp:3}.puzi-site[data-template=cards] .brand-card-price strong{font-size:19px}.puzi-site[data-template=cards] .brand-card-meta{gap:4px;font-size:10px}.puzi-site[data-template=cards] .brand-card-meta>span{gap:2px}.puzi-site[data-template=cards] .brand-card-actions{border-top:1px solid var(--brand-line);grid-template-columns:minmax(0,1fr) 36px;gap:6px;margin:0 10px;padding:10px 0;display:grid;position:static}.puzi-site[data-template=cards] .brand-card-actions button{width:100%;min-width:0;height:36px;box-shadow:none;color:#657080;white-space:nowrap;background:#f4f5f7;border-radius:8px;justify-content:center;align-items:center;gap:4px;line-height:1;display:inline-flex}.puzi-site[data-template=cards] .brand-card-actions button:first-child{color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-card-actions button>svg{flex:0 0 16px;width:16px;height:16px;display:block}.puzi-site[data-template=cards] .brand-card-actions button>span{font-size:12px;font-weight:650;line-height:16px;display:block;transform:translateY(1px)}.puzi-site[data-template=cards] .brand-card-actions button[aria-pressed=true]{background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-pagination button{width:44px;height:44px}.puzi-site[data-template=cards] .brand-facets{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.puzi-site[data-template=cards] .brand-facets>:is(button,span){flex-shrink:0;align-items:center;min-height:36px;display:inline-flex}.puzi-site[data-template=cards] .puzi-home-guide{margin:32px 0;padding:20px 16px}.puzi-site[data-template=cards] .brand-footer{margin-top:30px;padding:32px 20px}.puzi-site[data-template=cards] .brand-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.puzi-site[data-template=cards] .brand-footer-about{grid-column:1/-1}.puzi-site[data-template=cards] .brand-footer h3{margin-bottom:18px}.puzi-site[data-template=cards] .brand-mobile-nav{z-index:86;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--brand-line);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #161f2c0d}.puzi-site[data-template=cards] .brand-mobile-nav>:is(a,button){color:#747e8a;background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex;position:relative}.puzi-site[data-template=cards] .brand-mobile-nav>[aria-current]{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-mobile-nav small{color:#fff;background:var(--brand-accent);border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-5px;right:20%}.puzi-site[data-template=cards] .brand-dialog,.puzi-site[data-template=cards] .brand-dialog.is-wide{box-sizing:border-box;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:88dvh;margin:auto 0 0;overflow:clip}.puzi-site[data-template=cards] .brand-dialog-content{flex-direction:column;max-height:calc(88dvh - 2px);padding:0;display:flex}.puzi-site[data-template=cards] .brand-dialog-content>header{border-bottom:1px solid var(--brand-line);flex-shrink:0;margin:0;padding:14px 16px}.puzi-site[data-template=cards] .brand-dialog-content>header .brand-icon-button{width:44px;height:44px}.puzi-site[data-template=cards] .brand-dialog-body{overscroll-behavior:contain;min-height:0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.puzi-site[data-template=cards] .brand-dialog :is(input:not([type=radio]):not([type=checkbox]),select,textarea){font-size:16px}.puzi-site[data-template=cards] .brand-options :is(input,select),.puzi-site[data-template=cards] .brand-primary{min-height:44px}.puzi-site[data-template=cards] .brand-category-row:has(.brand-category-expand) .brand-category{padding-right:52px}.puzi-site[data-template=cards] .brand-category-expand{width:44px;height:44px;top:3px;right:0}.puzi-site[data-template=cards] .brand-child-categories button{min-height:44px}.puzi-site[data-template=cards] .brand-saved-item{grid-template-columns:30px minmax(0,1fr);gap:12px}.puzi-site[data-template=cards] .brand-saved-item>img{width:30px;height:30px}.puzi-site[data-template=cards] .brand-saved-actions{flex-direction:row;grid-column:2;align-items:center}.puzi-site[data-template=cards] .brand-saved-actions .brand-icon-button{width:44px;height:44px}.puzi-site[data-template=cards] .brand-dialog .puzi-buy-form{padding:0}.puzi-site[data-template=cards] .brand-dialog .puzi-submit{min-height:44px}.puzi-site[data-template=cards] .brand-dialog .puzi-buy-title{overflow-wrap:anywhere;font-size:18px}.puzi-site[data-template=cards] .brand-detail-actions{flex-wrap:wrap}.puzi-site[data-template=cards] .puzi-buy-layout{grid-template-columns:minmax(0,1fr)}.puzi-site[data-template=cards] .puzi-buy-layout>*{min-width:0}.puzi-site[data-template=cards] .brand-toast{bottom:calc(90px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.puzi-site[data-template=cards] .brand-product-card{transition:none}}.puzi-site[data-template=cards] .brand-detail-page{padding-top:22px;padding-bottom:48px}.puzi-site[data-template=cards] .brand-detail-summary{border:1px solid var(--brand-line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #18232f0a}.puzi-site[data-template=cards] .brand-detail-hero{background:var(--brand-soft);align-items:center;gap:24px;min-height:170px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.puzi-site[data-template=cards] .brand-detail-watermark{object-fit:contain;opacity:.09;pointer-events:none;width:210px;height:210px;position:absolute;top:-15px;right:20px;transform:rotate(-14deg)}.puzi-site[data-template=cards] .brand-detail-image{object-fit:contain;background:#fff;border-radius:16px;flex:0 0 76px;width:76px;height:76px;padding:8px;position:relative;box-shadow:0 7px 16px #1a233014}.puzi-site[data-template=cards] .brand-detail-heading{min-width:0;position:relative}.puzi-site[data-template=cards] .brand-detail-heading>span{color:var(--brand-accent);font-size:12px;font-weight:700}.puzi-site[data-template=cards] .brand-detail-heading h1{overflow-wrap:anywhere;max-width:950px;margin:8px 0 14px;font-size:27px;font-weight:800;line-height:1.4}.puzi-site[data-template=cards] .brand-detail-meta{color:#596677;flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-detail-meta span{align-items:center;gap:6px;display:inline-flex}.puzi-site[data-template=cards] .brand-detail-meta svg{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px;margin:0;padding:26px 32px;display:grid}.puzi-site[data-template=cards] .brand-detail-facts>div{align-items:baseline;gap:16px;min-width:0;display:flex}.puzi-site[data-template=cards] .brand-detail-facts dt{color:#85909d;white-space:nowrap;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.puzi-site[data-template=cards] .brand-detail-facts dt:after{content:"";border-top:1px dashed color-mix(in srgb, var(--brand-accent) 22%, white);flex:1;min-width:12px}.puzi-site[data-template=cards] .brand-detail-facts dd{text-align:right;overflow-wrap:anywhere;min-width:0;max-width:65%;margin:0;font-weight:650}.puzi-site[data-template=cards] .brand-detail-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:24px;margin-top:24px;display:grid}.puzi-site[data-template=cards] .brand-detail-layout>*{min-width:0}.puzi-site[data-template=cards] .brand-detail-tabs,.puzi-site[data-template=cards] .brand-detail-purchase{border:1px solid var(--brand-line);background:#fff;border-radius:16px;box-shadow:0 8px 28px #18232f0a}.puzi-site[data-template=cards] .brand-detail-tabs>[role=tablist]{border-bottom:1px solid var(--brand-line);gap:22px;padding:0 24px;display:flex}.puzi-site[data-template=cards] .brand-detail-tabs [role=tab]{color:#7d8795;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:62px;padding:0 5px;font-weight:700;display:inline-flex}.puzi-site[data-template=cards] .brand-detail-tabs [aria-selected=true]{border-bottom-color:var(--brand-accent);color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-detail-tabs>[role=tabpanel]{padding:24px}.puzi-site[data-template=cards] .brand-detail-tabs .puzi-rich{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.9}.puzi-site[data-template=cards] .brand-detail-tabs .puzi-rich a{color:var(--brand-accent);text-decoration:underline}.puzi-site[data-template=cards] .brand-detail-tabs .puzi-rich img{max-width:100%;height:auto}.puzi-site[data-template=cards] .brand-detail-tabs .puzi-rich table{max-width:100%;display:block;overflow-x:auto}.puzi-site[data-template=cards] .brand-detail-purchase{padding:22px;position:sticky;top:94px}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-buy-form{padding:0}.puzi-site[data-template=cards] .brand-purchase-heading{border-bottom:1px solid var(--brand-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.puzi-site[data-template=cards] .brand-purchase-heading>span{color:#738092;font-size:12px;font-weight:700}.puzi-site[data-template=cards] .brand-purchase-heading strong{font-size:24px}.puzi-site[data-template=cards] .brand-purchase-heading small{color:#8b95a2;font-size:12px;font-weight:500}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-form-group{margin-top:20px}.puzi-site[data-template=cards] .brand-detail-purchase .buy-title{color:#768291;margin-bottom:10px;font-size:12px}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-qty{width:100%}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-variant-list{grid-template-columns:minmax(0,1fr)}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-variant-item{border-radius:9px}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-pay-item{border-radius:9px;min-width:0}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-pay-label{overflow-wrap:anywhere;min-width:0}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-payment-summary{border-top:1px solid var(--brand-line);padding:16px 0}.puzi-site[data-template=cards] .brand-detail-purchase .puzi-submit{border-radius:9px;width:100%;height:46px;margin-top:12px}.puzi-site[data-template=cards] .brand-detail-purchase .brand-detail-actions{grid-template-columns:minmax(0,1fr) 80px;gap:8px;margin:10px 0 0;display:grid}.puzi-site[data-template=cards] .brand-detail-purchase .brand-detail-actions button{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;height:42px;margin:0;padding:0 6px;font-size:12px;display:inline-flex}.puzi-site[data-template=cards] .brand-detail-related{margin-top:32px}.puzi-site[data-template=cards] .brand-detail-related>div:first-child{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.puzi-site[data-template=cards] .brand-detail-related h2{margin:0;font-size:20px}.puzi-site[data-template=cards] .brand-detail-related>div>a{color:var(--brand-muted);font-size:12px}@media (max-width:991px){.puzi-site[data-template=cards] .brand-detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}}@media (max-width:767px){.puzi-site[data-template=cards] .brand-detail-page{padding-top:16px}.puzi-site[data-template=cards] .brand-detail-hero{align-items:flex-start;gap:14px;min-height:0;padding:20px 16px}.puzi-site[data-template=cards] .brand-detail-image{border-radius:12px;flex-basis:52px;width:52px;height:52px;padding:6px}.puzi-site[data-template=cards] .brand-detail-heading h1{margin:6px 0 12px;font-size:18px;line-height:1.5}.puzi-site[data-template=cards] .brand-detail-meta{gap:8px 14px;font-size:11px}.puzi-site[data-template=cards] .brand-detail-facts{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px 16px;font-size:12px}.puzi-site[data-template=cards] .brand-detail-facts>div{gap:12px}.puzi-site[data-template=cards] .brand-detail-layout{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}.puzi-site[data-template=cards] .brand-detail-purchase{grid-row:1;padding:20px 16px;position:static}.puzi-site[data-template=cards] .brand-detail-tabs>[role=tablist]{justify-content:space-between;gap:0;padding:0 12px}.puzi-site[data-template=cards] .brand-detail-tabs [role=tab]{gap:6px;min-height:54px;font-size:12px}.puzi-site[data-template=cards] .brand-detail-tabs>[role=tabpanel]{padding:20px 16px}.puzi-site[data-template=cards] .brand-detail-related{margin-top:24px}.puzi-site[data-template=cards] .brand-detail-related h2{font-size:18px}.puzi-site[data-template=cards] .brand-detail-page>.puzi-breadcrumbs{margin-bottom:16px;font-size:11px;display:block}.puzi-site[data-template=cards] .brand-detail-page .puzi-breadcrumbs ol{flex-wrap:nowrap;overflow:hidden}.puzi-site[data-template=cards] .brand-detail-page .puzi-breadcrumbs li{flex-shrink:0}.puzi-site[data-template=cards] .brand-detail-page .puzi-breadcrumbs li:last-child{flex:1;min-width:0;overflow:hidden}.puzi-site[data-template=cards] .brand-detail-page .puzi-breadcrumbs [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.puzi-site[data-template=cards] .brand-saved-item.is-cart-item{grid-template-columns:28px 44px minmax(0,1fr) auto}.puzi-site[data-template=cards] :is(.brand-cart-select,.brand-cart-select-all){cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.puzi-site[data-template=cards] .brand-cart-select{justify-content:center;align-self:start}.puzi-site[data-template=cards] :is(.brand-cart-select,.brand-cart-select-all) input{width:18px;height:18px;accent-color:var(--brand-accent);margin:0}.puzi-site[data-template=cards] .brand-cart-select:has(input:disabled){cursor:not-allowed}.puzi-site[data-template=cards] .brand-cart-select-all>span{color:#738092;margin-left:auto}.puzi-site[data-template=cards] .brand-cart-footer{background:#fff;padding:16px 0 0;position:sticky;bottom:0}.puzi-site[data-template=cards] .brand-cart-footer .brand-cart-total{margin:0 0 16px}.puzi-site[data-template=cards] .brand-cart-total small{margin-top:6px;font-size:11px;display:block}.puzi-site[data-template=cards] .brand-cart-checkout{width:100%;min-height:44px;font-size:14px}.puzi-site[data-template=cards] .brand-checkout-items{gap:14px;margin-bottom:20px;display:grid}.puzi-site[data-template=cards] .brand-checkout-line{border-bottom:1px solid var(--brand-line);justify-content:space-between;gap:16px;padding-bottom:14px;font-size:13px;display:flex}.puzi-site[data-template=cards] .brand-checkout-line>div{overflow-wrap:anywhere;min-width:0}.puzi-site[data-template=cards] .brand-checkout-line>strong{flex-shrink:0}.puzi-site[data-template=cards] .brand-checkout-line small{color:#738092;margin-top:6px;display:block}.puzi-site[data-template=cards] .brand-purchase-quantity-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.puzi-site[data-template=cards] .brand-purchase-stock{color:#738092;margin-top:8px;font-size:12px;display:block}.puzi-site[data-template=cards] .brand-purchase-total{border-top:1px solid var(--brand-line);justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:14px;display:flex}.puzi-site[data-template=cards] .brand-purchase-total strong{font-size:24px}.puzi-site[data-template=cards] .brand-detail-purchase .brand-detail-actions.brand-purchase-cart{grid-template-columns:minmax(0,1fr)}.puzi-site[data-template=cards] .brand-cart-footer button:disabled{cursor:not-allowed}.puzi-site[data-template=cards] .brand-favorites-page{min-height:calc(100vh - 220px);padding-top:28px;padding-bottom:56px}.puzi-site[data-template=cards] .brand-favorites-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.puzi-site[data-template=cards] .brand-favorites-heading h1{margin:0 0 8px;font-size:26px}.puzi-site[data-template=cards] .brand-favorites-heading p{color:var(--brand-muted);margin:0;font-size:13px}.puzi-site[data-template=cards] .brand-favorites-heading>a{white-space:nowrap;flex-shrink:0}@media (max-width:700px){.puzi-site[data-template=cards] .brand-saved-item.is-cart-item{grid-template-columns:24px 30px minmax(0,1fr) 36px;gap:8px}.puzi-site[data-template=cards] .brand-saved-item.is-cart-item .brand-saved-actions{grid-area:1/4;align-self:start}.puzi-site[data-template=cards] .brand-saved-item.is-cart-item .brand-saved-actions .brand-icon-button{width:36px;min-height:44px}.puzi-site[data-template=cards] .brand-checkout-line{font-size:12px}}.puzi-site[data-template=cards] .brand-purchase-specification{color:#738092;justify-content:space-between;gap:12px;padding-bottom:18px;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-purchase-specification strong{color:var(--brand-ink)}.puzi-site[data-template=cards] .brand-dialog.is-drawer{border:0;border-radius:20px 0 0 20px;width:min(600px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0 0 0 auto;overflow:hidden}.puzi-site[data-template=cards] .brand-dialog.is-drawer[open]{animation:.22s ease-out brand-cart-enter}.puzi-site[data-template=cards] .brand-dialog.is-drawer .brand-dialog-content{flex-direction:column;height:100%;max-height:none;padding:0;display:flex}.puzi-site[data-template=cards] .brand-dialog.is-drawer .brand-dialog-content>header{border-bottom:1px solid var(--brand-line);flex-shrink:0;margin:0;padding:20px 24px}.puzi-site[data-template=cards] .brand-dialog.is-drawer .brand-dialog-body{overscroll-behavior:contain;min-height:0;padding:16px 24px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}@keyframes brand-cart-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.puzi-site[data-template=cards] .brand-dialog.is-drawer[open]{animation:none}}.puzi-site[data-template=cards]:has(.brand-checkout-page) .puzi-support-chat{display:none}.puzi-site[data-template=cards] .brand-checkout-page{padding-top:28px;padding-bottom:56px}.puzi-site[data-template=cards] .brand-checkout-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.puzi-site[data-template=cards] .brand-checkout-heading h1{margin:0 0 8px;font-size:26px}.puzi-site[data-template=cards] .brand-checkout-heading p{color:var(--brand-muted);margin:0;font-size:13px}.puzi-site[data-template=cards] .brand-checkout-back{border:1px solid var(--brand-line);min-height:42px;color:var(--brand-ink);cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.puzi-site[data-template=cards] .brand-checkout-back:disabled{cursor:not-allowed;opacity:.6}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px 24px;padding:0;display:grid}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form>*{grid-column:2;min-width:0;margin:0}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form>:is(.brand-checkout-items,.puzi-form-group,.puzi-payment-summary){border:1px solid var(--brand-line);background:#fff;border-radius:14px;padding:24px}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form>.brand-checkout-items{grid-area:1/1/span 6;align-content:start}.puzi-site[data-template=cards] .brand-checkout-section-title{justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;font-size:17px;display:flex}.puzi-site[data-template=cards] .brand-checkout-section-title small{color:var(--brand-muted);font-size:12px;font-weight:400}.puzi-site[data-template=cards] .brand-checkout-page .brand-checkout-line{align-items:flex-start;gap:12px;padding:18px 0}.puzi-site[data-template=cards] .brand-checkout-page .brand-checkout-line:last-child{border-bottom:0;padding-bottom:0}.puzi-site[data-template=cards] .brand-checkout-line>img{object-fit:contain;border-radius:8px;flex:0 0 44px;width:44px;height:44px}.puzi-site[data-template=cards] .brand-checkout-line>div{flex:1}.puzi-site[data-template=cards] .brand-checkout-page .puzi-submit{border-radius:9px;width:100%;min-height:46px}.puzi-site[data-template=cards] .brand-checkout-empty{border:1px solid var(--brand-line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:16px;padding:56px 24px;display:flex}.puzi-site[data-template=cards] .brand-checkout-empty>svg{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-checkout-empty :is(h2,p){margin:0}.puzi-site[data-template=cards] .brand-checkout-empty p{color:var(--brand-muted);font-size:13px}@media (max-width:800px){.puzi-site[data-template=cards] .brand-checkout-page{padding-top:20px;padding-bottom:32px}.puzi-site[data-template=cards] .brand-checkout-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.puzi-site[data-template=cards] .brand-checkout-heading h1{font-size:22px}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form{grid-template-columns:minmax(0,1fr);gap:16px}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form>*{grid-column:1}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form>.brand-checkout-items{grid-row:auto}.puzi-site[data-template=cards] .brand-checkout-page .puzi-buy-form>:is(.brand-checkout-items,.puzi-form-group,.puzi-payment-summary){padding:20px 16px}.puzi-site[data-template=cards] .brand-checkout-line>img{flex-basis:32px;width:32px;height:32px}}
.puzi-site[data-template=cards]>.puzi-account-page{margin-top:28px;padding-top:0;padding-bottom:60px}.puzi-site[data-template=cards] .brand-account-layout.brand-account-reference{grid-template-rows:auto;grid-template-columns:292px minmax(0,1fr);align-items:start;gap:16px;display:grid}.puzi-site[data-template=cards] .brand-account-reference>*{min-width:0}.puzi-site[data-template=cards] .brand-account-reference [hidden]{display:none}.puzi-site[data-template=cards] .brand-account-reference button:disabled{cursor:not-allowed}.puzi-site[data-template=cards] .brand-account-sidebar,.puzi-site[data-template=cards] .brand-account-main,.puzi-site[data-template=cards] .brand-account-profile-content{gap:12px;min-width:0;display:grid}.puzi-site[data-template=cards] :is(.brand-account-navigation,.brand-account-card){background:#fff;border:1px solid #f0f1f3;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 8px 24px #18232f0a}.puzi-site[data-template=cards] .brand-account-reference .puzi-account-avatar{width:58px;height:58px;color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 24%, white);border-radius:17px;font-size:25px}.puzi-site[data-template=cards] .brand-account-navigation{padding:15px 12px}.puzi-site[data-template=cards] .brand-account-nav-group+.brand-account-nav-group{margin-top:20px}.puzi-site[data-template=cards] .brand-account-nav-group h2{color:#929ba8;letter-spacing:.5px;align-items:center;gap:10px;margin:0 12px 8px;font-size:11px;font-weight:800;display:flex}.puzi-site[data-template=cards] .brand-account-nav-group h2:after{content:"";background:#eef0f3;flex:1;height:1px}.puzi-site[data-template=cards] .brand-account-navigation :is(button,a){color:#4d5869;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:49px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.puzi-site[data-template=cards] .brand-account-navigation :is(button,a)>span{color:#778395;background:#f3f4f7;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.puzi-site[data-template=cards] .brand-account-nav-balance{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.puzi-site[data-template=cards] .brand-account-navigation button:hover,.puzi-site[data-template=cards] .brand-account-navigation a:hover,.puzi-site[data-template=cards] .brand-account-navigation button.is-active{color:var(--brand-accent);background:var(--brand-soft)}.puzi-site[data-template=cards] .brand-account-navigation button.is-active>span{color:#fff;background:var(--brand-accent)}.puzi-site[data-template=cards] .brand-account-navigation .brand-account-signout{border-top:1px solid #eef0f3;border-radius:0;margin-top:18px;padding-top:16px}.puzi-site[data-template=cards] .brand-account-page-heading{align-items:center;gap:16px;min-height:52px;display:flex}.puzi-site[data-template=cards] .brand-account-page-heading>span{border:1px solid color-mix(in srgb, var(--brand-accent) 12%, white);width:52px;height:52px;color:var(--brand-accent);background:var(--brand-soft);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.puzi-site[data-template=cards] .brand-account-page-heading h1{color:var(--brand-ink);margin:0;font-size:24px;font-weight:800;line-height:1.25}.puzi-site[data-template=cards] .brand-account-page-heading p{color:#657185;margin:5px 0 0;font-size:13px;font-weight:600}.puzi-site[data-template=cards] .brand-account-card-heading{border-bottom:1px solid #f0f1f4;align-items:flex-start;gap:11px;min-height:77px;padding:20px 18px 16px;display:flex}.puzi-site[data-template=cards] .brand-account-card-heading>span{width:34px;height:34px;color:var(--brand-accent);background:var(--brand-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.puzi-site[data-template=cards] .brand-account-card-heading h2{margin:0;font-size:15px;font-weight:800}.puzi-site[data-template=cards] .brand-account-card-heading p{color:#677286;margin:6px 0 0;font-size:12px;font-weight:600}.puzi-site[data-template=cards] .brand-account-avatar-row{align-items:center;gap:18px;min-height:130px;padding:24px 18px;display:flex}.puzi-site[data-template=cards] .brand-account-reference .brand-account-avatar-row .puzi-account-avatar{border-radius:22px;width:84px;height:84px;font-size:34px}.puzi-site[data-template=cards] .brand-account-avatar-row h3{margin:0;font-size:14px;font-weight:800}.puzi-site[data-template=cards] .brand-account-avatar-row p{color:#677286;margin:8px 0 0;font-size:12px}.puzi-site[data-template=cards] .brand-account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:18px;display:grid}.puzi-site[data-template=cards] .brand-account-fields label{gap:7px;min-width:0;display:grid}.puzi-site[data-template=cards] .brand-account-fields label>span{color:#4c5667;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.puzi-site[data-template=cards] .brand-account-fields small{background:var(--brand-soft);color:var(--brand-accent);border-radius:6px;align-items:center;gap:3px;padding:2px 5px;font-size:10px;display:inline-flex}.puzi-site[data-template=cards] .brand-account-fields input{color:#4e596b;background:#fff;border:1px solid #e8eaee;border-radius:13px;width:100%;min-width:0;height:48px;padding:0 14px;font-size:13px}.puzi-site[data-template=cards] .brand-account-locked-field{color:#929dae;background:#f3f4f8;border:1px solid #eceef2;border-radius:13px;align-items:center;gap:8px;padding:0 12px;display:flex}.puzi-site[data-template=cards] .brand-account-locked-field input{background:0 0;border:0;padding:0;font-weight:650}.puzi-site[data-template=cards] .brand-account-form-footer{background:#f8f9fc;border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.puzi-site[data-template=cards] .brand-account-form-footer p{color:#778294;align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.puzi-site[data-template=cards] .brand-account-form-footer p>svg{color:var(--brand-accent);flex-shrink:0}.puzi-site[data-template=cards] .brand-account-form-footer>div{gap:12px;display:flex}.puzi-site[data-template=cards] .brand-account-form-footer button{color:#4d5869;cursor:pointer;background:#f1f3f7;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:13px;font-weight:750;display:inline-flex}.puzi-site[data-template=cards] .brand-account-form-footer button[type=submit]{background:var(--brand-accent);color:#fff}.puzi-site[data-template=cards] .brand-account-main>.puzi-account-orders{border-radius:20px;margin:0}.puzi-site[data-template=cards] .brand-account-main .puzi-account-section-title{padding:20px 24px}.puzi-site[data-template=cards] .brand-account-recharge{background:var(--brand-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.puzi-site[data-template=cards] .brand-account-main .puzi-account-section-title>svg{color:var(--brand-accent)}.puzi-site[data-template=cards] .brand-account-main .puzi-account-section-title h2{font-size:15px}.puzi-site[data-template=cards] .brand-account-main>.puzi-auth-status{border-radius:12px;margin:0;padding:14px 18px}.puzi-site[data-template=cards] .brand-account-reference .puzi-account-mobile-section:not([hidden]){display:block}.puzi-site[data-template=cards] .brand-account-topup-balance{color:var(--brand-accent);align-items:center;gap:10px;margin:0 0 18px;display:flex}.puzi-site[data-template=cards] .brand-account-topup-balance>span{color:#778294;align-items:center;gap:8px;font-size:13px;display:flex}.puzi-site[data-template=cards] .brand-account-topup-balance strong{color:var(--brand-ink)}.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-form{background:#f7f8fb;border:0;border-radius:16px;gap:18px;margin:0;padding:18px}.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-methods{grid-template-columns:minmax(0,1fr);gap:10px}.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-methods>span,.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-form>label>span{text-align:center;color:#8993a3;font-size:12px;font-weight:800}.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-methods label{background:#fff;border:1px solid #e5e8ed;border-radius:14px;gap:12px;min-height:60px;padding:12px 14px}.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-methods label.is-active{border-color:var(--brand-accent);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-accent)}.puzi-site[data-template=cards] .brand-account-topup .puzi-topup-methods label.is-disabled{box-shadow:none;background:#eff1f5}.puzi-site[data-template=cards] .brand-account-topup-actions{grid-template-columns:1fr 1fr;gap:12px;margin:0 -18px -18px;padding:16px 0 0;display:grid}.puzi-site[data-template=cards] .brand-account-topup-actions button{color:#566174;cursor:pointer;background:#f0f2f7;border:0;border-radius:13px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:750;display:inline-flex}.puzi-site[data-template=cards] .brand-account-topup-actions .puzi-topup-submit{color:#fff;background:var(--brand-accent)}@media (min-width:768px){.puzi-site[data-template=cards] .brand-dialog:has(.brand-account-topup){width:min(540px,100vw - 32px)}}@media (max-width:991px){.puzi-site[data-template=cards] .brand-account-layout.brand-account-reference{grid-template-columns:250px minmax(0,1fr)}.puzi-site[data-template=cards] .brand-account-form-footer{flex-wrap:wrap}.puzi-site[data-template=cards] .brand-account-form-footer>div{margin-left:auto}}@media (max-width:767px){.puzi-site[data-template=cards]>.puzi-account-page{margin-top:20px;padding-bottom:36px}.puzi-site[data-template=cards] .brand-account-layout.brand-account-reference{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.puzi-site[data-template=cards] .brand-account-page-heading h1{font-size:22px}.puzi-site[data-template=cards] .brand-account-fields{grid-template-columns:minmax(0,1fr)}.puzi-site[data-template=cards] .brand-account-form-footer{gap:16px}.puzi-site[data-template=cards] .brand-account-main .puzi-account-section-title{padding:18px}}