.atom-avatar{display:inline-grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:var(--border-radius-full);overflow:hidden;flex:0 0 auto;vertical-align:middle;background:var(--bg-surface-low);box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s ease;border:1px solid var(--border-color-subtle)}.atom-avatar:focus{outline:0;box-shadow:0 0 0 4px rgba(138,75,42,0.12)}.atom-avatar:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.atom-avatar__img{width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;display:block;border-radius:inherit}.atom-avatar__fallback{display:inline-grid;place-items:center;width:100%;height:100%;font-family:var(--font-label-lg-family);font-size:var(--font-label-lg-size);font-weight:var(--font-label-lg-weight);color:var(--fg-on-brand);background:var(--bg-brand);text-transform:uppercase;letter-spacing:0.02em}.atom-avatar__fallback::before{content:attr(data-initials)}.atom-avatar[data-has-initials="true"] .atom-avatar__fallback::before{content:attr(data-initials)}.atom-avatar--small{width:2rem;height:2rem}.atom-avatar--large{width:4.5rem;height:4.5rem}.atom-avatar__fallback{transition:transform .12s ease,opacity .12s ease}.atom-avatar:active{transform:translateY(-2px)}

.md-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-subtle);color:var(--fg-on-accent);font-family:var(--font-label-sm-family);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);letter-spacing:var(--font-label-sm-letter-spacing);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-subtle);transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s cubic-bezier(.2,.9,.3,1);}

.atom-btn-primary{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:var(--border-radius-md);background:var(--brand-primary);color:var(--fg-on-brand);font-family:var(--font-label-md-family);font-size:var(--font-label-md-size);font-weight:var(--font-label-md-weight);line-height:var(--font-label-md-line-height);letter-spacing:var(--font-label-md-letter-spacing);text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.9,.25,1),box-shadow .18s cubic-bezier(.2,.9,.25,1),background-color .18s ease;box-shadow:var(--shadow-sm);padding-inline:18px;min-width:88px}
.atom-btn-primary:focus{outline:2px solid transparent;box-shadow:0 0 0 4px rgba(217,139,47,0.12);border-radius:var(--border-radius-md)}
.atom-btn-primary:hover{transform:translateY(-6px);background:var(--brand-primary-hover);box-shadow:var(--shadow-md)}
.atom-btn-primary:active{transform:translateY(-1px);transition-duration:.08s;background:var(--brand-secondary)}
.atom-btn-primary[aria-disabled="true"],.atom-btn-primary[disabled]{pointer-events:none;opacity:.6;background:var(--border-color-subtle);color:var(--fg-disabled);box-shadow:none;transform:none}
@media (prefers-reduced-motion:reduce){.atom-btn-primary{transition:none} .atom-btn-primary:hover,.atom-btn-primary:active{transform:none}}

.atom-btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:var(--border-radius-md);background:var(--brand-secondary);color:var(--fg-on-brand);font-family:var(--font-label-md-family);font-size:var(--font-label-md-size);font-weight:var(--font-label-md-weight);line-height:var(--font-label-md-line-height);letter-spacing:var(--font-label-md-letter-spacing);text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.9,.25,1),box-shadow .18s cubic-bezier(.2,.9,.25,1),background-color .18s ease;box-shadow:var(--shadow-sm);min-width:80px}
.atom-btn-secondary:focus{outline:2px solid transparent;box-shadow:0 0 0 4px rgba(138,75,42,0.08);border-radius:var(--border-radius-md)}
.atom-btn-secondary:hover{transform:translateY(-6px);background:var(--brand-secondary-hover);box-shadow:var(--shadow-md)}
.atom-btn-secondary:active{transform:translateY(-1px);transition-duration:.08s;background:var(--brand-primary)}
.atom-btn-secondary[aria-disabled="true"],.atom-btn-secondary[disabled]{pointer-events:none;opacity:.6;background:var(--bg-subtle);color:var(--fg-disabled);box-shadow:none;transform:none}
@media (prefers-reduced-motion:reduce){.atom-btn-secondary{transition:none} .atom-btn-secondary:hover,.atom-btn-secondary:active{transform:none}}

.atom-btn-tertiary{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:var(--border-radius-md);background:var(--bg-subtle);color:var(--fg-on-default);font-family:var(--font-label-md-family);font-size:var(--font-label-md-size);font-weight:var(--font-label-md-weight);line-height:var(--font-label-md-line-height);letter-spacing:var(--font-label-md-letter-spacing);text-decoration:none;cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .15s cubic-bezier(.2,.9,.25,1);border:1px solid var(--border-color-subtle);min-width:72px}
.atom-btn-tertiary:focus{outline:2px solid transparent;box-shadow:0 0 0 4px rgba(27,27,27,0.06);border-radius:var(--border-radius-md)}
.atom-btn-tertiary:hover{transform:translateY(-4px);background:var(--bg-subtle)}
.atom-btn-tertiary:active{transform:translateY(0);transition-duration:.08s}
.atom-btn-tertiary[aria-disabled="true"],.atom-btn-tertiary[disabled]{pointer-events:none;opacity:.6;background:var(--bg-subtle);color:var(--fg-disabled);border-color:var(--border-color-subtle)}
@media (prefers-reduced-motion:reduce){.atom-btn-tertiary{transition:none} .atom-btn-tertiary:hover,.atom-btn-tertiary:active{transform:none}}

.md-chip{display:inline-flex;align-items:center;gap:0.5ch;padding:calc(var(--spacing-xs) * 2) var(--spacing-sm);border-radius:var(--border-radius-lg);background:var(--bg-subtle);color:var(--fg-secondary);font-family:var(--font-label-sm-family);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);letter-spacing:var(--font-label-sm-letter-spacing);border:1px solid var(--border-color-subtle);transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s cubic-bezier(.2,.9,.3,1),background .12s ease;color-adjust:exact;box-shadow:var(--shadow-sm);cursor:pointer;}

.atom-image-frame-animated{display:block;max-width:100%;border-radius:var(--border-radius-lg);overflow:visible;background:var(--bg-surface-low);padding:calc(var(--spacing-xs));position:relative}
.atom-image-frame-animated__img{display:block;width:100%;height:auto;border-radius:calc(var(--border-radius-lg) - 6px);transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.9,.2,1),filter .35s ease,opacity .35s ease;will-change:transform,filter,opacity}
.atom-image-frame-animated__img:hover{transform:translateY(-6px) scale(1.02);filter:brightness(1.03)}
.atom-image-frame-animated__img{opacity:0;transform:translateY(12px) scale(1);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.9,.2,1)}
.atom-image-frame-animated.is-revealed .atom-image-frame-animated__img{opacity:1;transform:translateY(0) scale(1)}
@media (prefers-reduced-motion: reduce){.atom-image-frame-animated__img{transition:none}}
:root .atom-image-frame-animated{clip-path:polygon(6% 0,94% 0,100% 12%,100% 88%,94% 100%,6% 100%,0 88%,0 12%)}
@media (max-width:640px){:root .atom-image-frame-animated{clip-path:none;border-radius:var(--border-radius-md)}}
@media (prefers-reduced-motion: reduce){:root .atom-image-frame-animated{clip-path:none}}

.atom-image-frame-raw{display:block;max-width:100%;border-radius:var(--border-radius-lg);background:var(--bg-surface-low);padding:calc(var(--spacing-sm));box-shadow:var(--shadow-sm);overflow:hidden;position:relative}
.atom-image-frame-raw__img{display:block;width:100%;height:auto;border-radius:calc(var(--border-radius-lg) - 4px);object-fit:cover;transition:transform .22s cubic-bezier(.2,.9,.2,1)}
.atom-image-frame-raw::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;pointer-events:none;background:linear-gradient(0deg, rgba(0,0,0,0.06), transparent);mix-blend-mode:multiply;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}
.atom-image-frame-raw:focus-within,.atom-image-frame-raw:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.atom-image-frame-raw:active{transform:translateY(-2px)}

.atom-image-frame-zoom{display:block;max-width:100%;border-radius:var(--border-radius-lg);overflow:visible}
.atom-image-frame-zoom__btn{display:block;width:100%;padding:0;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--bg-surface-high);box-shadow:var(--shadow-sm);position:relative;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease}
.atom-image-frame-zoom__img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .22s ease}
.atom-image-frame-zoom__btn:focus{outline:3px solid var(--bg-accent);outline-offset:4px}
.atom-image-frame-zoom__btn:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.atom-image-frame-zoom__btn:active{transform:translateY(-4px)}
.atom-image-frame-zoom__icon{position:absolute;right:var(--spacing-sm);bottom:var(--spacing-sm);background:var(--bg-accent);color:var(--fg-on-accent);border-radius:var(--border-radius-full);padding:.35rem;box-shadow:none;font-size:1rem}
.atom-image-frame-zoom__icon{transition:transform .18s ease}
.atom-image-frame-zoom__btn:hover .atom-image-frame-zoom__icon{transform:translateY(-2px)}
.atom-image-frame-zoom--overlay-open .atom-image-frame-zoom__btn{box-shadow:var(--shadow-lg)}
@media (prefers-reduced-motion: reduce){.atom-image-frame-zoom__img,.atom-image-frame-zoom__btn,.atom-image-frame-zoom__icon{transition:none}}

.atom-phone-reveal { display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-sm); padding: calc(var(--spacing-sm) + 2px) var(--spacing-md); background: var(--bg-surface-high); color: var(--fg-on-default); border: 1px solid var(--border-color-default); border-radius: var(--border-radius-md); box-shadow: var(--shadow-sm); transition: transform .18s cubic-bezier(.2,.9,.25,1), box-shadow .18s ease, background .18s ease, color .18s ease; font-family: var(--font-label-lg-family); font-size: var(--font-label-lg-size); font-weight: var(--font-label-lg-weight); line-height: var(--font-label-lg-line-height); cursor: pointer; position: relative; overflow: hidden;}
.atom-phone-reveal:focus { outline: none; box-shadow: 0 0 0 4px rgba(217,139,47,0.12);}
.atom-phone-reveal:active { transform: translateY(1px); transition-duration: .08s;}
.atom-phone-reveal__inner { display: inline-flex; align-items: center; gap: var(--spacing-sm); }
.atom-phone-reveal__label { display: inline-block; transition: opacity .18s ease, transform .18s ease; }
.atom-phone-reveal__tel { display: inline-block; padding: .15rem .5rem; border-radius: var(--border-radius-sm); background: var(--bg-brand); color: var(--fg-on-brand); font-family: var(--font-body-md-family); font-size: var(--font-body-md-size); font-weight: 600; transform-origin: left center; opacity: 0; transform: translateY(-4px) scale(.98); pointer-events: none; transition: opacity .22s cubic-bezier(.2,.9,.25,1), transform .22s cubic-bezier(.2,.9,.25,1); box-shadow: var(--shadow-sm);}
.atom-phone-reveal__icon { font-size: 1rem; color: var(--brand-accent); transition: transform .18s ease, color .18s ease; }
.atom-phone-reveal:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.atom-phone-reveal:hover .atom-phone-reveal__icon { transform: translateY(-2px); }
.atom-phone-reveal.is-revealed { background: var(--bg-surface-high); }
.atom-phone-reveal.is-revealed .atom-phone-reveal__label { opacity: 0; transform: translateY(-6px); pointer-events: none; }
.atom-phone-reveal.is-revealed .atom-phone-reveal__tel { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.atom-phone-reveal[disabled], .atom-phone-reveal[aria-disabled="true"] { opacity: .6; cursor: not-allowed; transform: none; }
@media (prefers-reduced-motion: reduce) { .atom-phone-reveal, .atom-phone-reveal * { transition: none !important; }}

.md-pill{display:inline-block;padding:calc(var(--spacing-xs) * 2) calc(var(--spacing-sm) + 0.25rem);border-radius:var(--border-radius-full);background:var(--bg-subtle);color:var(--fg-on-default);font-family:var(--font-label-sm-family);font-size:var(--font-label-sm-size);font-weight:var(--font-label-sm-weight);line-height:var(--font-label-sm-line-height);letter-spacing:var(--font-label-sm-letter-spacing);border:1px solid var(--border-color-subtle);box-shadow:inset 0 -6px 12px rgba(138,75,42,0.04);transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s cubic-bezier(.2,.9,.3,1);}

.atom-quote { 
  background: var(--bg-surface-low);
  color: var(--fg-on-default);
  border-radius: var(--border-radius-lg);
  padding: calc(var(--spacing-md) * 1.15) var(--spacing-lg);
  margin: 0 0 var(--spacing-section-margin);
  box-shadow: var(--shadow-sm);
  position: relative;
  overflow: visible;
  transition: transform .18s cubic-bezier(.2,.9,.2,1), box-shadow .18s ease;
}
.atom-quote::before {
  content: "\201C";
  position: absolute;
  left: var(--spacing-md);
  top: calc(var(--spacing-md) * -0.2);
  font-family: var(--font-display-lg-family);
  font-size: calc(var(--font-display-md-size) * 0.45);
  color: var(--brand-accent);
  opacity: 0.95;
  transform: translateY(-6%);
}
.atom-quote__text {
  margin: 0 0 var(--spacing-sm);
  font-family: var(--font-body-md-family);
  font-size: var(--font-body-md-size);
  line-height: var(--font-body-md-line-height);
  color: var(--fg-on-default);
  padding-left: calc(var(--spacing-md) * 0.2);
}
.atom-quote__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.atom-quote__cite {
  font-family: var(--font-title-md-family);
  font-size: var(--font-label-lg-size);
  font-weight: var(--font-label-lg-weight);
  color: var(--fg-secondary);
}
.atom-quote:focus-within,
.atom-quote:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(217,139,47,0.12);
}
.atom-quote:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
}
.atom-quote:active {
  transform: translateY(-4px);
}
@media (prefers-reduced-motion: reduce) {
  .atom-quote, .atom-quote:hover, .atom-quote:active { transition: none; transform: none; }
}
[data-theme="dark"] .atom-quote {
  background: var(--bg-inverse);
  color: var(--fg-on-inverse);
  box-shadow: 0 6px 18px rgba(0,0,0,0.5);
}
[data-theme="dark"] .atom-quote::before {
  color: var(--brand-accent);
}
[data-theme="dark"] .atom-quote__cite { color: var(--fg-secondary); }

.atom-reading-progress { --progress: 0; position: relative; font-family: var(--font-body-md-family); }
.atom-reading-progress[data-variant="overlay-top"] { position: fixed; inset: 0 0 auto 0; top: 0; left: 0; right: 0; height: 6px; z-index: 60; pointer-events: none; }
.atom-reading-progress[data-variant="overlay-top"] .atom-reading-progress__bar { height: 100%; width: calc(var(--progress) * 1%); background: linear-gradient(90deg, var(--bg-accent), var(--bg-brand)); transition: width 120ms cubic-bezier(.22,.9,.3,1); border-bottom-left-radius: var(--border-radius-full); border-bottom-right-radius: var(--border-radius-full); box-shadow: none; }
.atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__wrap { display: flex; align-items: center; gap: var(--spacing-sm); position: sticky; top: calc(var(--spacing-container-padding) + 8px); background: transparent; padding: 0.25rem 0; z-index: 30; }
.atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__label { font-family: var(--font-label-md-family); font-weight: var(--font-label-md-weight); color: var(--fg-secondary); font-size: var(--font-label-md-size); }
.atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__track { flex: 1; background: linear-gradient(90deg, var(--bg-surface-low), var(--bg-surface-high)); border-radius: var(--border-radius-lg); height: 10px; overflow: hidden; box-shadow: var(--shadow-sm); }
.atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__fill { height: 100%; width: calc(var(--progress) * 1%); background: linear-gradient(90deg, var(--brand-accent), var(--brand-primary)); transition: width 150ms cubic-bezier(.22,.9,.3,1); border-radius: var(--border-radius-lg  ); }
.atom-reading-progress[data-variant="sidebar"] .atom-reading-progress__card { width: 120px; padding: var(--spacing-sm); background: var(--bg-surface-high); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-md); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
.atom-reading-progress[data-variant="sidebar"] .atom-reading-progress__pct { font-family: var(--font-title-md-family); font-weight: var(--font-title-md-weight); color: var(--fg-on-default); font-size: var(--font-title-md-size); }
.atom-reading-progress[data-variant="sidebar"] .atom-reading-progress__meter { width: 56px; height: 56px; border-radius: var(--border-radius-full); background: conic-gradient(var(--brand-accent) calc(var(--progress) * 1%), var(--bg-surface-low) 0); display: grid; place-items: center; }
.atom-reading-progress[data-variant="sidebar"] .atom-reading-progress__meter-fill { display: none; }
.atom-reading-progress__card, .atom-reading-progress__track, .atom-reading-progress__bar, .atom-reading-progress__meter { transition: box-shadow 120ms var(--transition-fast), transform 120ms var(--transition-fast); }
.atom-reading-progress [data-variant] { }
@media (hover: hover) and (pointer: fine) {
  .atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__track:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); }
}
@media (prefers-reduced-motion: reduce) {
  .atom-reading-progress__bar, .atom-reading-progress__fill, .atom-reading-progress__meter { transition: none; }
}
[data-theme="dark"] .atom-reading-progress[data-variant="overlay-top"] .atom-reading-progress__bar { background: linear-gradient(90deg, var(--brand-accent), var(--bg-brand)); }
[data-theme="dark"] .atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__track { background: linear-gradient(90deg, var(--bg-inverse), rgba(255,255,255,0.02)); }
[data-theme="dark"] .atom-reading-progress[data-variant="inline-content"] .atom-reading-progress__fill { background: linear-gradient(90deg, var(--brand-accent), var(--bg-brand)); }
@supports (background: conic-gradient(#000, #fff)) {
  .atom-reading-progress[data-variant="sidebar"] .atom-reading-progress__meter { background: conic-gradient(var(--brand-accent) calc(var(--progress) * 1%), var(--bg-surface-low) 0); }
}

.atom-scroll-top {
  position: fixed;
  right: var(--spacing-md);
  bottom: var(--spacing-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--border-radius-full);
  background: var(--bg-surface-high);
  color: var(--fg-on-default);
  box-shadow: var(--shadow-md);
  transition: transform .18s cubic-bezier(.2,.9,.2,1), opacity .18s ease, box-shadow .18s ease;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(.98);
  border: 1px solid var(--border-color-subtle);
}
.atom-scroll-top:focus { 
  outline: none;
  box-shadow: 0 0 0 4px rgba(217,139,47,0.12), var(--shadow-md);
}
.atom-scroll-top__icon {
  font-size: 1.125rem;
  line-height: 1;
}
.atom-scroll-top__visually-hidden { 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  white-space: nowrap; 
  border: 0; 
}
.atom-scroll-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.atom-scroll-top:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: var(--shadow-lg);
}
.atom-scroll-top:active {
  transform: translateY(-4px) scale(.995);
}
@media (min-width: 900px) {
  .atom-scroll-top {
    right: calc(var(--spacing-container-padding) + var(--spacing-md));
    bottom: var(--spacing-lg);
    width: 56px;
    height: 56px;
  }
  .atom-scroll-top__icon { font-size: 1.25rem; }
}
[data-theme="dark"] .atom-scroll-top {
  background: var(--bg-inverse);
  color: var(--fg-on-inverse);
  border: 1px solid rgba(255,255,255,0.06);
}
.atom-scroll-top--brand {
  background: var(--bg-brand);
  color: var(--fg-on-brand);
  border-color: var(--bg-brand);
}
.atom-scroll-top--accent {
  background: var(--bg-accent);
  color: var(--fg-on-accent);
  border-color: var(--bg-accent);
}

.atom-search { display: inline-block; font-family: var(--font-body-md-family); }
.atom-search__label { display: block; margin: 0; }
.atom-search__visu { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.atom-search__field { display: flex; align-items: center; height: 48px; background: var(--bg-subtle); border: 1px solid var(--border-color-subtle); border-radius: var(--border-radius-lg); padding: 0 var(--spacing-md); gap: 0.5rem; box-shadow: var(--shadow-sm); transition: transform 0.18s cubic-bezier(.2,.9,.2,1), box-shadow 0.18s cubic-bezier(.2,.9,.2,1); }
.atom-search__input { flex: 1 1 auto; background: transparent; border: none; outline: none; height: 100%; padding: 0; color: var(--fg-on-default); font-family: inherit; font-size: var(--font-body-md-size); line-height: var(--font-body-md-line-height); border-radius: 0; }
.atom-search__input::placeholder { color: var(--fg-on-subtle); }
.atom-search__btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: calc(var(--border-radius-md) / 1.5); background: var(--bg-brand); color: var(--fg-on-brand); transition: transform 80ms linear, background 0.18s ease, box-shadow 0.18s ease; box-shadow: none; }
.atom-search__btn i { font-size: 1rem; line-height: 1; }
.atom-search__field:focus-within { box-shadow: 0 6px 18px rgba(27,27,27,0.06); transform: translateY(-2px); }
.atom-search__btn:hover { background: var(--brand-primary-hover); transform: translateY(-6px); box-shadow: var(--shadow-sm); }
.atom-search__btn:active { transform: translateY(-1px); transition-duration: 80ms; }
.atom-search__input:disabled, .atom-search__btn:disabled { opacity: 0.6; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) { .atom-search__field, .atom-search__btn { transition: none; transform: none; } }
@media (max-width: 640px) { .atom-search__field { height: 44px; padding: 0 0.75rem; } .atom-search__btn { width: 36px; height: 36px; } }

.card-article { background: var(--bg-surface-low); color: var(--fg-on-default); padding: var(--spacing-md); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-sm); transition: transform 0.18s cubic-bezier(.2,.9,.2,1), box-shadow 0.18s ease; overflow: clip; display: flex; flex-direction: column; gap: var(--spacing-sm); }
.card-article__link { display: block; color: inherit; text-decoration: none; }
.card-article__media { width: 100%; aspect-ratio: 16/10; border-radius: calc(var(--border-radius-lg) - 6px); overflow: hidden; background: linear-gradient(135deg, var(--bg-subtle), var(--bg-surface-high)); display: block; position: relative; }
.card-article__img { width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: center; transition: transform 0.22s cubic-bezier(.2,.9,.2,1); }
.card-article__media--fallback { background-image: linear-gradient(135deg, rgba(217,139,47,0.06), rgba(138,75,42,0.04)); background-size: 200% 200%; position: relative; }
.card-article__media--fallback::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 30%, rgba(138,75,42,0.04) 0 8%, transparent 10%), repeating-linear-gradient(135deg, rgba(255,255,255,0.02) 0 6px, transparent 6px 12px); mix-blend-mode: overlay; }
.card-article__body { padding: 0; display: flex; flex-direction: column; gap: var(--spacing-xs); }
.card-article__title { font-family: var(--font-title-lg-family); font-size: var(--font-title-lg-size); font-weight: var(--font-title-lg-weight); line-height: var(--font-title-lg-line-height); color: var(--fg-on-default); margin: 0; }
.card-article__excerpt { color: var(--fg-secondary); margin: 0; font-size: var(--font-body-sm-size); line-height: 1.4; }
.card-article:focus-within { outline: none; }
.card-article__link:focus-visible { box-shadow: 0 0 0 4px rgba(217,139,47,0.12); border-radius: var(--border-radius-lg); }
.card-article:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.card-article:hover .card-article__img { transform: scale(1.03); }
.card-article:active { transition-duration: 80ms; transform: translateY(-4px); }
.card-article[aria-disabled="true"] { opacity: 0.6; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .card-article, .card-article__img { transition: none; transform: none; } }
@media (min-width: 720px) { .card-article { padding: var(--spacing-md); } }
@media (min-width: 1024px) { .card-article { padding: var(--spacing-lg); } }

.card-category { --pad: var(--spacing-md); display: flex; flex-direction: column; gap: var(--spacing-sm); background: var(--bg-subtle); color: var(--fg-on-default); padding: var(--pad); border-radius: var(--border-radius-lg); text-decoration: none; transition: transform .18s cubic-bezier(.2,.9,.2,1), box-shadow .18s cubic-bezier(.2,.9,.2,1); }
.card-category__visual { width: 100%; height: 8.5rem; border-radius: calc(var(--border-radius-lg) - 6px); overflow: hidden; background: linear-gradient(120deg, var(--bg-surface-low), var(--bg-surface-high)); display: flex; align-items: center; justify-content: center; }
.card-category__img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.card-category__body { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-sm); }
.card-category__title { margin: 0; font-family: var(--font-title-md-family); font-size: var(--font-title-md-size); color: var(--fg-on-default); }
.card-category__count { background: var(--bg-accent); color: var(--fg-on-accent); padding: .25rem .5rem; border-radius: var(--border-radius-full); font-size: var(--font-label-sm-size); font-weight: 600; }
.card-category:hover, .card-category:focus { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.card-category:active { transform: translateY(-4px); transition-duration: .08s; }
.card-category:focus-visible { outline: 3px solid rgba(138,75,42,0.12); outline-offset: 4px; border-radius: var(--border-radius-lg); }
@media (prefers-reduced-motion: reduce) { .card-category { transition: none; transform: none; } }

.card-product { --pad: var(--spacing-md); background: var(--bg-subtle); color: var(--fg-on-default); border-radius: var(--border-radius-md); padding: var(--pad); display: flex; flex-direction: column; gap: var(--spacing-sm); transition: transform .18s cubic-bezier(.2,.9,.2,1), box-shadow .18s cubic-bezier(.2,.9,.2,1); }
.card-product__link { display: block; color: inherit; text-decoration: none; }
.card-product__visual { width: 100%; height: 10.5rem; display: flex; align-items: center; justify-content: center; background: var(--bg-surface-low); border-radius: calc(var(--border-radius-md) - 4px); overflow: hidden; }
.card-product__img { max-height: 100%; width: auto; object-fit: contain; object-position: center; }
.card-product__visual--fallback { background: linear-gradient(180deg, rgba(138,75,42,0.04), rgba(217,139,47,0.03)); position: relative; }
.card-product__visual--fallback::before { content: ""; position: absolute; inset: 12% 6%; border-radius: 12% / 22%; background: linear-gradient(90deg, rgba(217,139,47,0.06), rgba(138,75,42,0.04)); transform: rotate(-8deg); }
.card-product__meta { display: flex; flex-direction: column; gap: calc(var(--spacing-xs)); }
.card-product__title { font-family: var(--font-title-md-family); font-size: var(--font-title-md-size); margin: 0; color: var(--fg-on-default); }
.card-product__price { font-weight: 600; color: var(--fg-on-default); font-size: var(--font-label-lg-size); }
.card-product__price-amount { color: var(--bg-accent); background: transparent; font-weight: 700; }
.card-product:hover, .card-product:focus-within { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.card-product:active { transform: translateY(-5px); transition-duration: .08s; }
.card-product__link:focus-visible { outline: 3px solid rgba(217,139,47,0.12); outline-offset: 4px; border-radius: calc(var(--border-radius-md) - 4px); }
@media (prefers-reduced-motion: reduce) { .card-product { transition: none; transform: none; } }

.faq-item { border: 1px solid var(--border-color-subtle); background: var(--bg-surface-low); border-radius: var(--border-radius-lg); padding: calc(var(--spacing-sm) + 2px) calc(var(--spacing-md) + 2px); margin-bottom: var(--spacing-md); box-shadow: var(--shadow-sm); transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease; }
.faq-item[open] { background: var(--bg-surface-high); box-shadow: var(--shadow-md); transform: translateY(-4px); }
.faq-item__summary { display: flex; align-items: center; gap: var(--spacing-sm); cursor: pointer; list-style: none; padding: var(--spacing-sm) 0; }
.faq-item__summary::-webkit-details-marker { display: none; }
.faq-item__marker { width: 36px; height: 36px; border-radius: var(--border-radius-md); flex: 0 0 36px; background: var(--bg-brand); color: var(--fg-on-brand); display: inline-grid; place-items: center; font-family: var(--font-label-lg-family); font-size: var(--font-label-lg-size); font-weight: var(--font-label-lg-weight); box-shadow: var(--shadow-sm); transition: transform .12s ease, background-color .12s ease; }
.faq-item[open] .faq-item__marker { transform: rotate(45deg) scale(1.02); background: var(--brand-secondary); color: var(--fg-on-brand); }
.faq-item__question { font-family: var(--font-title-md-family); font-size: var(--font-title-md-size); font-weight: var(--font-title-md-weight); color: var(--fg-on-default); line-height: 1.25; }
.faq-item__answer { margin-top: var(--spacing-sm); padding: 0 var(--spacing-sm) var(--spacing-md) calc(36px + var(--spacing-sm)); color: var(--fg-secondary); background: transparent; border-left: 2px dashed var(--border-color-default); border-radius: 0 0 var(--border-radius-md) var(--border-radius-md); }
.faq-item__answer p { margin: 0 0 .75rem; color: var(--fg-secondary); }
.faq-item:focus-within { outline: none; box-shadow: 0 0 0 4px rgba(217,139,47,0.12); }
.faq-item__summary:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(138,75,42,0.12); border-radius: var(--border-radius-lg); }
.faq-item__summary:hover .faq-item__marker { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.faq-item__summary:active .faq-item__marker { transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .faq-item, .faq-item__marker { transition: none; transform: none; } }
@media (max-width: 720px) { .faq-item { padding: calc(var(--spacing-sm)) calc(var(--spacing-sm)); }
.faq-item__answer { padding-left: calc(36px + var(--spacing-xs)); }
}

.mc-contact { max-width: 780px; width: 100%; margin: 0 auto; background: var(--bg-surface-high); color: var(--fg-on-default); border: 1px solid var(--border-color-default); border-radius: var(--border-radius-lg); padding: calc(var(--spacing-md) + .5rem); box-shadow: var(--shadow-sm); transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease; font-family: var(--font-body-md-family); }
.mc-contact__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-md); }
.mc-contact__field { display: flex; flex-direction: column; }
.mc-contact__field--full { grid-column: 1 / -1; }
.mc-contact__label { font-family: var(--font-label-lg-family); font-size: var(--font-label-lg-size); font-weight: var(--font-label-lg-weight); color: var(--fg-on-default); margin-bottom: .375rem; }
.mc-contact__input, .mc-contact__textarea { background: var(--bg-surface-low); color: var(--fg-on-default); border: 1px solid var(--border-color-default); padding: .6rem .75rem; border-radius: var(--border-radius-md); font: inherit; transition: box-shadow .15s ease, transform .08s ease, border-color .15s ease; }
.mc-contact__textarea { resize: vertical; min-height: 8rem; }
.mc-contact__input:focus, .mc-contact__textarea:focus { outline: none; box-shadow: 0 0 0 4px rgba(217,139,47,0.12); border-color: var(--brand-primary); }
.mc-contact__input:active, .mc-contact__textarea:active { transform: translateY(1px); }
.mc-contact__submit { display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1rem; background: var(--brand-primary); color: var(--fg-on-brand); border-radius: var(--border-radius-md); box-shadow: var(--shadow-sm); font-weight: 600; transition: transform .18s cubic-bezier(.2,.8,.2,1), background .12s ease; }
.mc-contact__submit:hover { background: var(--brand-primary-hover); transform: translateY(-6px); box-shadow: var(--shadow-md); }
.mc-contact__submit:active { transform: translateY(-4px); transition-duration: .08s; }
.mc-contact__actions { display: flex; align-items: center; gap: var(--spacing-md); margin-top: var(--spacing-md); }
.mc-contact__status { margin: 0; font-size: var(--font-body-sm-size); color: var(--fg-secondary); }
.mc-contact__status[data-state="success"] { color: var(--color-success); }
.mc-contact__status[data-state="error"] { color: var(--color-error); }
.mc-contact__honeypot { position: absolute; left: -9999px; height: 0; width: 0; overflow: hidden; }
@media (max-width: 768px) { .mc-contact { padding: var(--spacing-md); } .mc-contact__grid { grid-template-columns: 1fr; } .mc-contact__submit { width: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .mc-contact, .mc-contact__submit, .mc-contact__input, .mc-contact__textarea { transition: none !important; } }
.mc-contact:focus-within { box-shadow: 0 8px 24px rgba(138,75,42,0.08); }
.mc-contact__input[disabled], .mc-contact__textarea[disabled], .mc-contact__submit[disabled] { opacity: .6; pointer-events: none; }
.mc-contact__label::after { content: ''; display: inline-block; width: 36px; height: 6px; background: var(--bg-accent); border-radius: var(--border-radius-full); margin-left: .5rem; vertical-align: middle; opacity: .9; }

.popin-conversion { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 9000; font-family: var(--font-body-md-family); }
.popin-conversion.is-open { display: flex; }
.popin-conversion__backdrop { position: absolute; inset: 0; background: rgba(15,17,20,0.45); backdrop-filter: blur(2px); transition: opacity .18s ease; }
.popin-conversion__card { position: relative; width: min(760px, calc(100% - 2rem)); background: var(--bg-surface-high); color: var(--fg-on-default); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-lg); padding: var(--spacing-xl); margin: 1rem; transform: translateY(8px); transition: transform .18s cubic-bezier(.2,.9,.25,1), opacity .18s ease; max-width: 760px; }
.popin-conversion.is-open .popin-conversion__card { transform: translateY(0); }
.popin-conversion__close { position: absolute; top: calc(var(--spacing-sm)); right: calc(var(--spacing-sm)); width: 2.125rem; height: 2.125rem; display: grid; place-items: center; border-radius: var(--border-radius-full); background: transparent; color: var(--fg-secondary); font-size: 1.25rem; line-height: 1; transition: transform .08s ease, background .12s ease, color .12s ease; }
.popin-conversion__close:focus { outline: 3px solid var(--bg-accent); outline-offset: 2px; }
.popin-conversion__close:hover { transform: translateY(-3px); color: var(--fg-on-default); }
.popin-conversion__header { margin-bottom: var(--spacing-md); display: flex; gap: var(--spacing-md); align-items: start; }
.popin-conversion__title { font-family: var(--font-display-md-family); font-size: var(--font-display-md-size); line-height: var(--font-display-md-line-height); color: var(--bg-brand); margin: 0; }
.popin-conversion__body { color: var(--fg-on-default); margin-bottom: var(--spacing-md); }
.popin-conversion__argument { font-size: var(--font-body-lg-size); color: var(--fg-on-default); margin: 0 0 calc(var(--spacing-sm)); }
.popin-conversion__social { margin: 0; background: var(--bg-subtle); color: var(--fg-on-subtle); padding: calc(var(--spacing-sm) + 2px) calc(var(--spacing-md)); border-left: 4px solid var(--brand-accent); border-radius: calc(var(--border-radius-md) - 2px); font-style: normal; }
.popin-conversion__footer { display: flex; gap: var(--spacing-md); align-items: center; justify-content: flex-start; }
.popin-conversion__cta { display: inline-grid; place-items: center; background: var(--bg-accent); color: var(--fg-on-accent); padding: .75rem 1.25rem; border-radius: var(--border-radius-md); box-shadow: var(--shadow-sm); transition: transform .12s cubic-bezier(.2,.9,.25,1), background .12s ease; font-weight: 700; }
.popin-conversion__cta:hover { transform: translateY(-6px); background: var(--brand-accent-hover); }
.popin-conversion__cta:active { transform: translateY(-4px); }
.popin-conversion__cta:focus { outline: 3px solid var(--bg-brand); outline-offset: 3px; }
.popin-conversion[hidden] { display: none !important; }
@media (max-width: 720px) {
  .popin-conversion__card { padding: var(--spacing-lg); border-radius: var(--border-radius-md); }
  .popin-conversion__title { font-size: var(--font-headline-md-size); }
}
@media (prefers-reduced-motion: reduce) {
  .popin-conversion__card, .popin-conversion__backdrop, .popin-conversion__cta, .popin-conversion__close { transition: none; }
}

.popin-newsletter-banner-top{position:fixed;inset-inline:0;top:0;display:none;z-index:1150;font-family:var(--font-body-md-family)}
.popin-newsletter-banner-top[hidden]{display:none}
.popin-newsletter-banner-top.is-open{display:block}
.popin-newsletter-banner-top__inner{max-width:var(--container-max-width);margin:0 auto;background:var(--bg-brand);color:var(--fg-on-brand);display:flex;gap:var(--spacing-md);align-items:center;padding:calc(var(--spacing-sm) + 0.5rem) var(--container-padding-x);box-shadow:var(--shadow-md);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}
.popin-newsletter-banner-top__content{flex:1}
.popin-newsletter-banner-top__title{font-family:var(--font-display-md-family);font-size:var(--font-headline-md-size);color:var(--fg-on-brand);margin-bottom:0}
.popin-newsletter-banner-top__argument{color:var(--fg-on-brand);opacity:.95;margin:0}
.popin-newsletter-banner-top__form{display:flex;gap:var(--spacing-sm);align-items:center}
.popin-newsletter-banner-top__input{padding:8px 10px;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:var(--fg-on-brand)}
.popin-newsletter-banner-top__input::placeholder{color:rgba(255,255,255,0.8)}
.popin-newsletter-banner-top__input:focus{box-shadow:0 0 0 4px rgba(217,139,47,0.12);outline:none}
.popin-newsletter-banner-top__cta{background:var(--bg-accent);color:var(--fg-on-accent);padding:8px 12px;border-radius:var(--border-radius-sm);font-weight:700;transition:transform .12s ease}
.popin-newsletter-banner-top__cta:hover{background:var(--brand-accent-hover);transform:translateY(-6px)}
.popin-newsletter-banner-top__close{margin-inline-start:var(--spacing-md);color:var(--fg-on-brand);background:transparent;width:36px;height:36px}
.popin-newsletter-banner-top__visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width:900px){.popin-newsletter-banner-top__inner{flex-direction:column;align-items:stretch;padding:var(--spacing-sm)}.popin-newsletter-banner-top__form{width:100%;margin-top:var(--spacing-sm);justify-content:stretch}.popin-newsletter-banner-top__cta{width:100%}}

.popin-newsletter-center{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1200;font-family:var(--font-body-md-family)}
.popin-newsletter-center[hidden]{display:none}
.popin-newsletter-center.is-open{display:flex}
.popin-newsletter-center__backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);transition:opacity var(--transition-fast);opacity:1}
.popin-newsletter-center__panel{width:min(680px,calc(100% - 2rem));background:var(--bg-surface-high);color:var(--fg-on-default);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);position:relative;box-shadow:var(--shadow-lg);transform:translateY(8px);transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .18s ease;max-width:95%}
.popin-newsletter-center.is-open .popin-newsletter-center__panel{transform:translateY(0)}
.popin-newsletter-center__close{position:absolute;right:calc(var(--spacing-md));top:calc(var(--spacing-md));width:36px;height:36px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--fg-secondary);background:transparent;transition:transform .08s ease,background .12s ease}
.popin-newsletter-center__close:focus{outline:3px solid var(--bg-accent);outline-offset:3px}
.popin-newsletter-center__close:hover{transform:translateY(-2px)}
.popin-newsletter-center__title{font-family:var(--font-title-lg-family);font-size:var(--font-title-lg-size);color:var(--fg-on-default);margin-bottom:var(--spacing-sm)}
.popin-newsletter-center__argument{color:var(--fg-secondary);margin-bottom:var(--spacing-md)}
.popin-newsletter-center__form{display:flex;gap:var(--spacing-sm);align-items:center}
.popin-newsletter-center__label{flex:1}
.popin-newsletter-center__input{width:100%;padding:calc(var(--spacing-sm) + 0.25rem) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color-default);background:var(--bg-surface-low);color:var(--fg-on-default);transition:box-shadow .12s ease,transform .08s ease}
.popin-newsletter-center__input:focus{box-shadow:0 0 0 4px rgba(217,139,47,0.12);outline:none}
.popin-newsletter-center__cta{background:var(--bg-brand);color:var(--fg-on-brand);padding:calc(var(--spacing-sm) + 0.25rem) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:transform .12s ease,background .12s ease;box-shadow:var(--shadow-sm)}
.popin-newsletter-center__cta:hover{background:var(--brand-primary-hover);transform:translateY(-6px)}
.popin-newsletter-center__cta:active{transform:translateY(-4px)}
.popin-newsletter-center__cta:disabled{opacity:.6;cursor:not-allowed}
.popin-newsletter-center__visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (max-width:640px){.popin-newsletter-center__panel{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-md)}}

.popin-newsletter-slide-bottom-right{position:fixed;right:1rem;bottom:1rem;display:none;z-index:1100;font-family:var(--font-body-md-family)}
.popin-newsletter-slide-bottom-right[hidden]{display:none}
.popin-newsletter-slide-bottom-right.is-open{display:block}
.popin-newsletter-slide-bottom-right__card{width:340px;max-width:calc(100vw - 2rem);background:linear-gradient(180deg,var(--bg-surface-high),var(--bg-surface-low));border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);transform:translateY(16px);opacity:0;transition:transform .18s cubic-bezier(.2,.9,.3,1),opacity .18s ease}
.popin-newsletter-slide-bottom-right.is-open .popin-newsletter-slide-bottom-right__card{transform:translateY(0);opacity:1}
.popin-newsletter-slide-bottom-right__close{position:absolute;top:8px;right:8px;color:var(--fg-secondary);background:transparent;width:32px;height:32px;border-radius:var(--border-radius-sm)}
.popin-newsletter-slide-bottom-right__title{font-size:var(--font-headline-sm-size);font-family:var(--font-headline-sm-family);margin-bottom:4px}
.popin-newsletter-slide-bottom-right__argument{color:var(--fg-secondary);margin-bottom:8px;font-size:0.95rem}
.popin-newsletter-slide-bottom-right__form{display:flex;gap:8px;align-items:center}
.popin-newsletter-slide-bottom-right__input{flex:1;padding:8px 10px;border-radius:var(--border-radius-md);border:1px solid var(--border-color-default);background:var(--bg-surface-low);color:var(--fg-on-default);transition:box-shadow .12s ease}
.popin-newsletter-slide-bottom-right__input:focus{box-shadow:0 0 0 4px rgba(138,75,42,0.08);outline:none}
.popin-newsletter-slide-bottom-right__cta{background:var(--bg-accent);color:var(--fg-on-accent);padding:8px 12px;border-radius:var(--border-radius-md);font-weight:600;transition:transform .12s ease,background .12s ease}
.popin-newsletter-slide-bottom-right__cta:hover{background:var(--brand-accent-hover);transform:translateY(-6px)}
.popin-newsletter-slide-bottom-right__cta:active{transform:translateY(-4px)}
@media (max-width:480px){.popin-newsletter-slide-bottom-right{right:.5rem;bottom:.5rem}.popin-newsletter-slide-bottom-right__card{width:calc(100vw - 1rem);border-radius:var(--border-radius-md)}}

.atom-popin-notif{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}
.atom-popin-notif[hidden]{display:none}
.atom-popin-notif__card{pointer-events:auto;max-width:min(430px,calc(100% - 2rem));width:100%;background:var(--bg-surface-high);color:var(--fg-on-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);transform:translateY(0);transition:transform .18s cubic-bezier(.2,.9,.3,1),box-shadow .18s ease;outline:0}
.atom-popin-notif__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}
.atom-popin-notif__header h3{font-family:var(--font-title-md-family);font-size:var(--font-title-md-size);font-weight:var(--font-title-md-weight);color:var(--fg-on-default);margin:0}
.atom-popin-notif__close{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;color:var(--fg-secondary);background:transparent;transition:transform .08s ease,background .15s ease}
.atom-popin-notif__close:focus{box-shadow:0 0 0 4px rgba(217,139,47,0.12);border-radius:10px}
.atom-popin-notif__close:active{transform:translateY(1px)}
.atom-popin-notif__body{padding:0;margin:0}
.atom-popin-notif__text{color:var(--fg-on-default);font-size:var(--font-body-md-size);line-height:var(--font-body-md-line-height)}
.atom-popin-notif__footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}
.atom-popin-notif__btn{padding:.6rem .9rem;border-radius:12px;font-weight:600;transition:transform .08s ease,box-shadow .12s ease,background .12s ease;display:inline-flex;align-items:center;gap:.5rem}
.atom-popin-notif__btn:active{transform:translateY(1px)}
.atom-popin-notif__btn--primary{background:var(--bg-brand);color:var(--fg-on-brand);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-strong)}
.atom-popin-notif__btn--primary:hover{background:var(--brand-primary-hover)}
.atom-popin-notif__btn--secondary{background:transparent;color:var(--fg-secondary);border:1px solid var(--border-color-default)}
.atom-popin-notif__btn--secondary:hover{background:var(--bg-subtle)}
.atom-popin-notif[aria-state="open"] .atom-popin-notif__card{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.atom-popin-notif__status{font-size:var(--font-body-sm-size);color:var(--fg-secondary)}
@media (prefers-reduced-motion:reduce){.atom-popin-notif__card,.atom-popin-notif__btn{transition:none}}

.reassure { --pad: var(--spacing-md); padding: calc(var(--pad) - .125rem) var(--spacing-container-padding); background: var(--bg-surface-low); border-radius: var(--border-radius-lg); max-width: var(--container-max-width); margin: var(--spacing-section-margin) auto; box-shadow: none; }
.reassure__list { display: flex; gap: var(--spacing-lg); align-items: center; justify-content: center; padding: var(--spacing-sm) 0; margin: 0; }
.reassure__item { display: flex; flex-direction: column; align-items: center; gap: var(--spacing-xs); min-width: 8rem; text-align: center; transition: transform 0.18s cubic-bezier(.2,.9,.2,1), box-shadow 0.18s ease; border-radius: var(--border-radius-md); padding: .5rem; }
.reassure__ico { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; background: var(--bg-brand); color: var(--fg-on-brand); border-radius: calc(var(--border-radius-md) - 2px); box-shadow: var(--shadow-sm); font-size: 1.25rem; transition: transform 0.18s ease, box-shadow 0.18s ease; }
.reassure__text { font-family: var(--font-label-md-family); font-size: var(--font-label-md-size); font-weight: var(--font-label-md-weight); color: var(--fg-on-default); }
.reassure__item:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.reassure__item:active { transform: translateY(-4px); }
.reassure__item:focus-within { outline: none; }
@media (max-width: 900px) { .reassure__list { gap: var(--spacing-md); } }
@media (max-width: 600px) { .reassure { padding: var(--spacing-sm) var(--spacing-container-padding); margin: var(--spacing-md) auto; }
.reassure__list { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: var(--spacing-md); padding: .25rem; }
.reassure__item { min-width: 7.25rem; }
}

.reassure-grid { background: linear-gradient(0deg, var(--bg-surface-low), var(--bg-surface-low)); padding: var(--spacing-lg) var(--spacing-container-padding); border-radius: var(--border-radius-lg); max-width: var(--container-max-width); margin: var(--spacing-section-margin) auto; }
.reassure-grid__inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--spacing-lg); align-items: start; }
.reassure-grid__card { background: var(--bg-surface-high); padding: var(--spacing-md); border-radius: var(--border-radius-md); box-shadow: var(--shadow-sm); transition: transform 0.18s cubic-bezier(.2,.9,.2,1), box-shadow 0.18s ease; display: flex; flex-direction: column; gap: var(--spacing-sm); }
.reassure-grid__head { display: flex; align-items: center; gap: var(--spacing-sm); }
.reassure-grid__icon { width: 3rem; height: 3rem; display: grid; place-items: center; background: var(--bg-accent); color: var(--fg-on-accent); border-radius: calc(var(--border-radius-md) * 0.9); box-shadow: none; flex: 0 0 auto; font-size: 1.15rem; }
.reassure-grid__title { font-family: var(--font-title-md-family); font-size: var(--font-title-md-size); font-weight: var(--font-title-md-weight); color: var(--fg-on-default); margin: 0; }
.reassure-grid__desc { color: var(--fg-secondary); font-size: var(--font-body-sm-size); margin-top: .25rem; }
.reassure-grid__card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.reassure-grid__card:active { transform: translateY(-4px); }
@media (max-width: 1000px) { .reassure-grid__inner { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .reassure-grid { padding: var(--spacing-md) var(--spacing-container-padding); }
.reassure-grid__inner { grid-template-columns: 1fr; gap: var(--spacing-md); }
}

.atom-social { --pad: var(--spacing-sm); }
.atom-social__list { display: flex; gap: var(--spacing-sm); align-items: center; margin: 0; padding: 0; }
.atom-social__item { list-style: none; }
.atom-social__link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--border-radius-md); background: var(--bg-surface-low); color: var(--fg-on-default); box-shadow: var(--shadow-sm); transition: transform 160ms cubic-bezier(.2,.9,.3,1), box-shadow 160ms ease, background 120ms ease; border: 1px solid var(--border-color-subtle); }
.atom-social__link i { font-size: 1.05rem; line-height: 1; }
.atom-social__link:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); background: var(--bg-surface-high); }
.atom-social__link:active { transform: translateY(-2px); transition-duration: 80ms; }
.atom-social__link:focus { outline: none; box-shadow: 0 0 0 3px rgba(217,139,47,0.12); border-color: var(--border-color-strong); }
.atom-social__link[aria-disabled="true"] { opacity: .6; pointer-events: none; }
.atom-social__link .bi { color: inherit; }
@media (prefers-reduced-motion: reduce) { .atom-social__link, .atom-social__link:hover, .atom-social__link:active { transition: none; transform: none; } }
[data-theme="dark"] .atom-social__link { background: var(--bg-inverse); color: var(--fg-on-inverse); border-color: rgba(255,255,255,0.06); box-shadow: none; }
[data-theme="dark"] .atom-social__link:hover { background: rgba(255,255,255,0.03); box-shadow: 0 6px 18px rgba(0,0,0,0.6); }
.atom-social__link--brand { background: var(--bg-brand); color: var(--fg-on-brand); border-color: var(--brand-primary); }
.atom-social__link--accent { background: var(--bg-accent); color: var(--fg-on-accent); border-color: var(--brand-accent); }
.atom-social__link--brand:hover { background: var(--brand-primary-hover); }
.atom-social__link--accent:hover { background: var(--brand-accent-hover); }
.atom-social__link:focus-visible { box-shadow: 0 0 0 4px rgba(138,75,42,0.12); }
.atom-social__link[aria-label^="Instagram"] { border-radius: calc(var(--border-radius-md) + 4px); }
.atom-social__link[aria-label^="Pinterest"] { transform-origin: center; }

.atom-testimonial { --bg: var(--bg-surface-low); --fg: var(--fg-on-default); background: var(--bg); color: var(--fg); padding: var(--spacing-md); border-radius: var(--border-radius-lg); display: grid; grid-template-columns: auto 1fr; gap: var(--spacing-md); align-items: center; max-width: 56rem; box-shadow: var(--shadow-sm); transition: transform .18s cubic-bezier(.2,.9,.25,1), box-shadow .18s ease; }
.atom-testimonial__quote { grid-column: 1 / -1; margin: 0; font-family: var(--font-title-md-family); font-size: var(--font-title-md-size); line-height: 1.35; color: var(--fg-on-default); border-left: 4px solid var(--brand-accent); padding-left: calc(var(--spacing-sm)); background: linear-gradient(90deg, transparent 0%, transparent 6%, rgba(0,0,0,0.01) 6%); border-radius: calc(var(--border-radius-md) - 2px); padding-top: .25rem; padding-bottom: .5rem; }
.atom-testimonial__meta { display: flex; gap: var(--spacing-md); align-items: center; margin-top: var(--spacing-sm); }
.atom-testimonial__avatar-wrap { position: relative; width: 64px; height: 64px; flex: 0 0 64px; border-radius: var(--border-radius-full); overflow: clip; display: inline-grid; place-items: center; }
.atom-testimonial__avatar { width: 100%; height: 100%; object-fit: cover; display: block; }
.atom-testimonial__badge { position: absolute; right: -6px; bottom: -6px; width: 28px; height: 28px; border-radius: 8px; background: var(--bg-accent); box-shadow: 0 4px 10px rgba(0,0,0,0.08); transform: rotate(-12deg); }
.atom-testimonial__author { display: flex; flex-direction: column; min-width: 0; }
.atom-testimonial__name { font-family: var(--font-label-lg-family); font-size: var(--font-label-lg-size); font-weight: var(--font-label-lg-weight); color: var(--fg-on-default); }
.atom-testimonial__role { font-family: var(--font-body-sm-family); font-size: var(--font-body-sm-size); color: var(--fg-secondary); margin-top: calc(var(--spacing-xs)); }
.atom-testimonial:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.atom-testimonial:active { transform: translateY(-2px); transition-duration: 80ms; }
.atom-testimonial:focus-within { outline: 3px solid rgba(217,139,47,0.12); outline-offset: 4px; }
@media (max-width: 720px) {
  .atom-testimonial { grid-template-columns: 56px 1fr; padding: var(--spacing-sm); }
  .atom-testimonial__avatar-wrap { width: 56px; height: 56px; flex: 0 0 56px; }
  .atom-testimonial__quote { font-size: var(--font-headline-sm-size); }
}
@media (prefers-color-scheme: dark) {
  .atom-testimonial { --bg: var(--bg-inverse); --fg: var(--fg-on-inverse); background: var(--bg); color: var(--fg); box-shadow: none; }
  .atom-testimonial__quote { color: var(--fg-on-inverse); border-left-color: var(--brand-accent); }
  .atom-testimonial__name { color: var(--fg-on-inverse); }
  .atom-testimonial__role { color: var(--fg-on-inverse); opacity: 0.9; }
  .atom-testimonial__badge { box-shadow: 0 3px 8px rgba(0,0,0,0.5); }
}