.product-page{padding-top:8rem;padding-bottom:5rem}.product-header{max-width:var(--spacing-container-max);padding-left:var(--spacing-gutter);padding-right:var(--spacing-gutter);text-align:center;margin-bottom:4rem;margin-left:auto;margin-right:auto}.product-title{font-family:var(--font-family-display);font-size:var(--font-size-display-lg-mobile);line-height:var(--line-height-display-lg-mobile);color:var(--primary);margin-top:0;margin-bottom:1rem;font-weight:700}@media (min-width:768px){.product-title{font-size:var(--font-size-display-lg);line-height:var(--line-height-display-lg)}}.product-description{max-width:42rem;color:var(--on-surface-variant);font-family:var(--font-family-body);font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);margin-top:0;margin-left:auto;margin-right:auto}.product-grid{max-width:1800px;padding-left:var(--spacing-gutter);padding-right:var(--spacing-gutter);grid-template-columns:1fr;gap:2rem;margin-left:auto;margin-right:auto;padding-bottom:2.5rem;display:grid}@media (min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.db-warning-banner{max-width:var(--spacing-container-max,1400px);background-color:var(--surface-container-high,#f5f5f5);border-left:4px solid var(--secondary,#cca43b);font-family:var(--font-sans);color:var(--on-surface-variant,#4a4a4a);border-radius:4px;align-items:center;gap:.75rem;margin:0 auto 3rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.db-warning-banner p{margin:0;font-size:.875rem;line-height:1.5}.db-warning-banner code{font-family:var(--font-mono);background-color:#0000000d;border-radius:3px;padding:.1rem .3rem;font-size:.8rem}.warning-icon{color:var(--secondary,#cca43b);flex-shrink:0;font-size:1.5rem}.pagination-container{font-family:var(--font-sans);justify-content:center;align-items:center;gap:1.5rem;margin-top:4rem;margin-bottom:2rem;display:flex}.pagination-btn{border:1px solid var(--outline-variant,#e0e0e0);color:var(--on-surface,#111);background-color:var(--surface,#fff);cursor:pointer;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000d}.pagination-btn:hover:not(.disabled){background-color:var(--secondary,#cca43b);border-color:var(--secondary,#cca43b);color:var(--on-secondary,#fff);transform:translateY(-2px);box-shadow:0 4px 12px #cca43b33}.pagination-btn.disabled{opacity:.35;cursor:not-allowed;background-color:var(--surface-variant,#f5f5f5);border-color:var(--outline-variant,#e0e0e0);color:var(--on-surface-variant,#777);pointer-events:none}.pagination-pages{align-items:center;gap:.5rem;display:flex}.pagination-number{width:2.5rem;height:2.5rem;color:var(--on-surface-variant,#555);background-color:#0000;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.pagination-number:hover{background-color:var(--surface-container-high,#eee);border-color:var(--outline-variant,#e0e0e0);color:var(--primary,#111)}.pagination-number.active{background-color:var(--primary,#111);color:var(--on-primary,#fff);border-color:var(--primary,#111);box-shadow:0 4px 12px #11111126}