:root{--berla-bg: #FAFAF7;--berla-sand: #E7DDCF;--berla-sage: #7AAE92;--berla-cta: #D77A61;--berla-text: #2A2A2A;--berla-radius: 12px;--berla-radius-sm: 10px;--berla-shadow: 0 10px 25px rgba(42,42,42,.08)}body{background:var(--berla-bg);color:var(--berla-text)}.berla-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--berla-radius);padding:14px 22px;font-weight:600;text-decoration:none;line-height:1;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.berla-btn:focus{outline:2px solid rgba(122,174,146,.55);outline-offset:2px}.berla-btn--primary{background:var(--berla-cta);color:#fff;box-shadow:var(--berla-shadow);border:1px solid rgba(0,0,0,.04)}.berla-btn--primary:hover{filter:brightness(.95);transform:translateY(-1px)}.berla-btn--secondary{background:transparent;color:var(--berla-text);border:1px solid rgba(42,42,42,.18)}.berla-btn--secondary:hover{filter:brightness(.98);transform:translateY(-1px)}.berla-section{padding:44px 0}.berla-section--sand{background:var(--berla-sand)}.berla-container{width:min(1100px,92vw);margin:0 auto}.berla-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(min-width:680px){.berla-color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:980px){.berla-color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.berla-swatch{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--berla-radius-sm);background:#ffffffa6;border:1px solid rgba(42,42,42,.1);text-decoration:none;color:var(--berla-text)}.berla-swatch:hover{box-shadow:var(--berla-shadow);transform:translateY(-1px)}.berla-swatch__dot{width:22px;height:22px;border-radius:999px;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.berla-swatch__name{font-size:14px;font-weight:600}.berla-swatch-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}.berla-swatch-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(42,42,42,.14);background:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none}.berla-swatch-pill[aria-pressed=true]{border-color:#d77a61a6;box-shadow:0 0 0 3px #d77a6126}
/*# sourceMappingURL=/cdn/shop/t/2/assets/berla.css.map */