.gsm-page-shell{width:min(1320px,100%);margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem)}
.gsm-page-shell--detail{width:min(1320px,100%);padding-top:1.25rem}
.gsm-account-layout{display:grid;gap:1rem;align-items:start}
.gsm-account-layout.has-sidebar{grid-template-columns:300px minmax(0,1fr)}
.gsm-account-layout.no-sidebar{grid-template-columns:minmax(0,1fr);width:min(1120px,100%);margin:0 auto}
.gsm-account-layout>.gsm-wrap{min-width:0}
.gsm-wrap{padding:0 0 1.25rem}
.gsm-hero{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:1.35rem 1.4rem;margin-bottom:1rem;box-shadow:0 10px 32px rgba(2,6,23,.04)}
.gsm-hero h1{margin:0;font-size:1.75rem;line-height:1.2}
.gsm-hero p{margin:.45rem 0 0;color:var(--text-secondary);font-size:1rem}
.gsm-filters{display:grid;grid-template-columns:1.5fr .8fr auto;gap:.65rem;margin-top:1rem}
.gsm-filters input,.gsm-filters select{width:100%;height:48px;padding:.68rem .85rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);font-size:.95rem}
.gsm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.gsm-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;min-height:240px;box-shadow:0 8px 24px rgba(2,6,23,.03);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.gsm-thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:.2rem;display:block}
.gsm-thumb img,.gsm-detail-visual img{width:100%;height:100%;object-fit:cover;display:block}
.gsm-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(2,6,23,.07);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color))}
.gsm-meta{display:flex;gap:.42rem;flex-wrap:wrap}
.gsm-badge{font-size:.74rem;padding:.18rem .52rem;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-color);font-weight:700}
.gsm-badge.featured{background:color-mix(in srgb,var(--primary-color) 15%,var(--bg-primary));border-color:color-mix(in srgb,var(--primary-color) 45%,var(--border-color));color:var(--primary-color)}
.gsm-card h3{margin:0;font-size:1.03rem;line-height:1.45;min-height:2.9em}
.gsm-card h3 a{color:inherit;text-decoration:none}
.gsm-card h3 a:hover{color:var(--primary-color)}
.gsm-price{font-weight:900;color:var(--primary-color);font-size:1.08rem}
.gsm-card p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6;min-height:3.2em}
.gsm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.64rem .8rem;border-radius:10px;text-decoration:none;border:1px solid transparent;font-weight:700}
.gsm-btn.primary{background:var(--primary-color);color:#fff}
.gsm-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}
.gsm-empty{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:12px;padding:1.2rem;text-align:center;color:var(--text-secondary);grid-column:1/-1}
.gsm-customer-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}
.gsm-customer-pagination span{font-weight:900;color:var(--text-primary)}
.gsm-empty h3{margin:0 0 .3rem;color:var(--text-primary)}
.gsm-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}
.gsm-detail-modern{align-items:start}
.gsm-page-shell--detail .gsm-detail{grid-template-columns:minmax(0,1fr)}
.gsm-detail-main{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:start}
.gsm-detail-visual{aspect-ratio:1/1;border-radius:14px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);grid-row:span 5;width:100%;max-width:220px}
.gsm-detail-title{margin:.35rem 0 0;font-size:1.38rem;line-height:1.35;overflow-wrap:anywhere}
.gsm-detail-desc{margin:0;color:var(--text-secondary);line-height:1.65;max-width:68ch;overflow-wrap:anywhere}
.gsm-detail-desc p{margin:.35rem 0}
.gsm-detail-desc img,.gsm-detail-desc video,.gsm-detail-desc iframe{max-width:100%;border-radius:10px;margin:.5rem 0;display:block}
.gsm-detail-desc iframe{aspect-ratio:16/9;height:auto;border:0}
.gsm-detail-price{margin-top:.65rem;font-weight:900;color:var(--primary-color);font-size:1.2rem}
.gsm-order-form{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-width:720px}
.gsm-order-form label{display:flex;flex-direction:column;gap:.28rem;font-size:.9rem;font-weight:700}
.gsm-order-form input{padding:.72rem .8rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary)}
.gsm-order-form>div{grid-column:1/-1}
.gsm-order-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.gsm-order-footer{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}
.gsm-detail-side{display:block}
.gsm-detail-side h2{margin-top:0}
.gsm-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:1rem;min-width:0}
.gsm-panel h2{margin:0 0 .7rem}
.gsm-list{display:flex;flex-direction:column;gap:.4rem}
.gsm-list div{display:flex;justify-content:space-between;gap:.7rem;padding:.44rem 0;border-bottom:1px dashed var(--border-color)}
.gsm-service-data-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:.15rem}
.gsm-service-data-list div{align-items:center}
.gsm-service-data-list span{color:var(--text-secondary)}
.gsm-service-data-list strong{font-size:.98rem}
.gsm-list strong{overflow-wrap:anywhere;text-align:end}
.gsm-muted{color:var(--text-secondary)}
.gsm-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.gsm-detail-grid div{border:1px solid var(--border-color);border-radius:10px;padding:.75rem;background:var(--bg-secondary)}
.gsm-detail-grid span{display:block;color:var(--text-secondary);font-size:.78rem;font-weight:700;margin-bottom:.2rem}
.gsm-detail-grid strong{display:block;color:var(--text-primary)}
.gsm-result-box{border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.08);color:#065f46;border-radius:10px;padding:.85rem;line-height:1.7}
.gsm-result-box.is-error{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#991b1b}
.gsm-timeline{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}
.gsm-timeline-item{position:relative;border-inline-start:3px solid var(--primary-color);padding:.15rem .75rem}
.gsm-timeline-item strong{display:block}
.gsm-timeline-item span,.gsm-timeline-item small{display:block;color:var(--text-secondary);font-size:.8rem;margin-top:.12rem}
@media (max-width:1180px){.gsm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.gsm-account-layout{grid-template-columns:1fr}.gsm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gsm-page-shell--detail .gsm-detail,.gsm-detail{grid-template-columns:1fr}.gsm-detail-main{grid-template-columns:180px minmax(0,1fr)}.gsm-detail-visual{grid-row:span 4;max-width:180px}.gsm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gsm-filters{grid-template-columns:1fr 1fr}.gsm-hero h1{font-size:1.45rem}}
@media (max-width:640px){.gsm-page-shell{padding-inline:.85rem}.gsm-wrap{padding:.65rem 0 1rem}.gsm-grid{grid-template-columns:1fr}.gsm-filters{grid-template-columns:1fr}.gsm-hero h1{font-size:1.2rem}.gsm-card{min-height:auto}.gsm-detail-main{grid-template-columns:1fr}.gsm-detail-visual{grid-row:auto;max-width:100%;max-height:260px}.gsm-detail-title{font-size:1.18rem}.gsm-order-form,.gsm-service-data-list{grid-template-columns:1fr}.gsm-order-footer{justify-content:stretch}.gsm-order-footer .gsm-btn{flex:1 1 100%;justify-content:center}.gsm-order-actions .gsm-btn{flex:1 1 100%;justify-content:center}}