.mugs{--mugs-ink: #3a2e22;--mugs-muted: rgba(58, 46, 34, .72);--mugs-accent: #9b6230;position:relative;overflow:hidden;color:var(--mugs-ink);background-color:#f2e4cf;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%239b6230' fill-opacity='0.13'%3E%3Cellipse cx='22' cy='26' rx='7' ry='10' transform='rotate(-30 22 26)'/%3E%3Cellipse cx='86' cy='70' rx='6' ry='9' transform='rotate(40 86 70)'/%3E%3Cellipse cx='40' cy='98' rx='5' ry='8' transform='rotate(10 40 98)'/%3E%3C/g%3E%3Cg stroke='%23f2e4cf' stroke-width='1.6' fill='none' stroke-linecap='round'%3E%3Cpath d='M18 19c5 4 4 10 8 14' transform='rotate(-30 22 26)'/%3E%3Cpath d='M83 63c4 4 3 9 6 13' transform='rotate(40 86 70)'/%3E%3Cpath d='M38 92c3 3 2 8 5 11' transform='rotate(10 40 98)'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 100% 0%,rgba(255,255,255,.6),transparent 55%),linear-gradient(180deg,#f4e8d6,#ecd8bd);background-size:12rem 12rem,100% 100%,100% 100%}.mugs__ticker{background:var(--mugs-accent);color:#fbf3e6;overflow:hidden;white-space:nowrap;padding:1.1rem 0;margin-bottom:4.4rem;transform:rotate(-1.2deg) scale(1.02);box-shadow:0 .8rem 2rem #9b623033}.mugs__ticker-track{display:inline-flex;align-items:center;gap:2.2rem;animation:mugs-ticker 38s linear infinite}.mugs__ticker-item{font-family:var(--font-heading-family);font-size:2rem;letter-spacing:.02em}.mugs__ticker-dot{display:inline-flex;color:#e8b4b8}@keyframes mugs-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.mugs__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3.2rem;margin-bottom:3.6rem}.mugs__art{width:17rem;height:auto}.mugs__eyebrow{font-size:1.15rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mugs-accent)}.mugs__title{margin:.6rem 0 1rem;font-family:var(--font-heading-family);font-weight:400;font-size:clamp(3.4rem,5vw,5.6rem);line-height:1;color:var(--mugs-ink)}.mugs__text{margin:0;max-width:46rem;color:var(--mugs-muted);font-size:1.6rem;line-height:1.7}.mugs__head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1.6rem}.mugs__btn{display:inline-block;padding:1.4rem 3.2rem;border-radius:999px;background:var(--mugs-accent);color:#fffbf5;text-decoration:none;letter-spacing:.08em;font-size:1.45rem;box-shadow:0 .8rem 2rem #9b623040;transition:background-color .25s ease,transform .25s ease}.mugs__btn:hover{background:#7f4d22;transform:translateY(-.2rem)}.mugs__arrows{display:flex;gap:.8rem}.mugs__arrow{width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid rgba(155,98,48,.4);background:#fffbf5b3;color:var(--mugs-accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.mugs__arrow:hover{background:var(--mugs-accent);color:#fffbf5}.mugs__track{list-style:none;margin:0;padding:0 0 1.2rem;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6rem)/4);gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mugs__track::-webkit-scrollbar{display:none}.mugs__slide{scroll-snap-align:start}.mugs__slide .card-wrapper{height:100%}.mugs__empty{text-align:center;color:var(--mugs-muted)}.mugs__steam-heart{transform-box:fill-box;transform-origin:50% 100%;animation:mugs-steam 3.4s ease-in-out infinite}.mugs__steam-heart:nth-child(2){animation-delay:-1.1s}.mugs__steam-heart:nth-child(3){animation-delay:-2.2s}@keyframes mugs-steam{0%{opacity:0;transform:translateY(1.2rem) scale(.6)}35%{opacity:.95}to{opacity:0;transform:translateY(-1.4rem) scale(1.05)}}@media screen and (max-width:989px){.mugs__head{grid-template-columns:auto minmax(0,1fr)}.mugs__head-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.mugs__track{grid-auto-columns:calc((100% - 2 * 1.6rem) / 3);gap:1.6rem}}@media screen and (max-width:749px){.mugs__ticker{margin-bottom:3.2rem}.mugs__ticker-item{font-size:1.6rem}.mugs__head{grid-template-columns:1fr;text-align:center;justify-items:center;gap:1.6rem}.mugs__art{width:13rem}.mugs__text{margin:0 auto}.mugs__head-actions{justify-content:center;gap:1.2rem}.mugs__track{grid-auto-columns:62%;gap:1.2rem}}@media(prefers-reduced-motion:reduce){.mugs__ticker-track,.mugs__steam-heart{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mugs-section.css.map */