.gallery-section{background:var(--paper-dim);padding:88px 0}.gallery-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex}.gallery-toolbar .count{color:var(--ink-soft);font-size:14.5px;font-weight:600}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1020px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gallery-grid{grid-template-columns:1fr}}.design-card{border-radius:var(--radius-md);background:#fff;border:2px solid #1e3d3014;flex-direction:column;scroll-margin-top:100px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.design-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #1e3d301f}.design-thumb{aspect-ratio:3/4;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.design-thumb svg{width:100%;height:100%;display:block}.design-thumb .tag-num{color:var(--paper);font-size:10px;font-weight:800;font-family:var(--display);background:#1e3d30d9;border-radius:100px;padding:3px 9px;position:absolute;top:8px;left:8px}.design-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.design-body h4{color:var(--ink);margin-bottom:4px;font-size:14px}.design-body .desc{color:var(--ink-soft);flex:1;margin-bottom:8px;font-size:12px;line-height:1.4}.design-actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.icon-btn{color:var(--forest);background:#fff;border:1.5px solid #1e3d3026;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.icon-btn:hover{border-color:var(--forest);background:var(--paper-dim)}.icon-btn.primary{background:var(--fox);color:#fff;border-color:var(--fox)}.icon-btn.primary:hover{background:var(--fox-dark);border-color:var(--fox-dark)}.icon-btn svg{flex-shrink:0;width:12px;height:12px}.bg-forest{background:#1e3d3014}.badge-row .chip.count{background:var(--gold);border-color:var(--gold);color:var(--forest)}.shop-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1020px){.shop-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.shop-grid.cols-4{grid-template-columns:1fr}}.torn{width:100%;height:46px;margin-top:-1px;display:block}
