/* IXXO Cart 8 storefront: the Ampere preset's character on top of components.css. A big-store
   look: wide headings (Archivo's width axis), an ink menu bar edge, cards that rise in as the page
   opens and pictures that zoom a little on hover. Locked pages (checkout) do not load this file. */

.sf-logo-word, h1, h2{ font-stretch: 112%; }
.sf-logo-word{ font-stretch: 125%; }
h1{ font-weight: 800; letter-spacing: -0.03em; }
h2{ font-weight: 740; letter-spacing: -0.03em; }

.sf-nav{ border-block-start: 0; }
.sf-nav-list > .sf-nav-item:first-child > .sf-nav-link{ font-weight: 600; }
.sf-nav-extra .sf-nav-link{ background: var(--accent); color: var(--on-accent); font-weight: 600; }
.sf-nav-extra .sf-nav-link:hover{ background: var(--accent); filter: brightness(0.94); }

.sf-card{ animation: sf-rise 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; }
.sf-grid-item:nth-child(2) .sf-card{ animation-delay: 60ms; }
.sf-grid-item:nth-child(3) .sf-card{ animation-delay: 120ms; }
.sf-grid-item:nth-child(4) .sf-card{ animation-delay: 180ms; }
.sf-grid-item:nth-child(5) .sf-card{ animation-delay: 240ms; }
.sf-grid-item:nth-child(n+6) .sf-card{ animation-delay: 300ms; }
.sf-card-media img{ transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.sf-card:hover .sf-card-media img{ transform: scale(1.05); }
.sf-card-wish{ transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1); }
.sf-card-wish:active{ transform: scale(0.9); }

.sf-price-now{ font-size: 20px; }

.sf-count.is-bumped{ animation: sf-pulse 0.6s ease-out; }

@keyframes sf-rise{ from{ transform: translateY(16px); } to{ transform: none; } }
@keyframes sf-pulse{ 0%{ box-shadow: 0 0 0 2px var(--paper), 0 0 0 2px var(--accent); } 100%{ box-shadow: 0 0 0 2px var(--paper), 0 0 0 10px transparent; } }