@font-face {
font-family: 'BA Anton';
font-style: normal; font-weight: 400; font-display: swap;
src: url(//aogosto.com.br/delivery/wp-content/plugins/banner-arroba/assets/fonts/anton-latin.woff2) format('woff2');
}
@font-face {
font-family: 'BA Montserrat';
font-style: normal; font-weight: 100 900; font-display: swap;
src: url(//aogosto.com.br/delivery/wp-content/plugins/banner-arroba/assets/fonts/montserrat-latin.woff2) format('woff2');
}
@font-face {
font-family: 'BA Montserrat';
font-style: italic; font-weight: 100 900; font-display: swap;
src: url(//aogosto.com.br/delivery/wp-content/plugins/banner-arroba/assets/fonts/montserrat-italic-latin.woff2) format('woff2');
}
@font-face {
font-family: 'BA Marker';
font-style: normal; font-weight: 400; font-display: swap;
src: url(//aogosto.com.br/delivery/wp-content/plugins/banner-arroba/assets/fonts/permanent-marker-latin.woff2) format('woff2');
} .ba-wrap { position: relative; width: 100%; line-height: 0; }
.ba-wrap--full {
width: var(--ba-vw, 100vw);
max-width: var(--ba-vw, 100vw);
margin-left: calc(50% - var(--ba-vw, 100vw) / 2);
margin-right: calc(50% - var(--ba-vw, 100vw) / 2);
} .ba {
position: relative;
width: 100%;
overflow: hidden;
background: #070505;
font-family: 'BA Montserrat', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
font-size: 16.1px; line-height: 1.2;
aspect-ratio: 1610 / 650;
-webkit-tap-highlight-color: transparent;
contain: layout paint style; touch-action: pan-y;
}
@supports (container-type: inline-size) {
.ba { container-type: inline-size; font-size: 1cqw; } } .ba *, .ba *::before, .ba *::after { box-sizing: border-box; }
.ba :where(h1, h2, h3, h4, p, div, span, b, i, s, em, strong, ul, li, figure) {
margin: 0; padding: 0; border: 0; background: none;
font: inherit; font-size: 1em; color: inherit;
text-transform: none; text-decoration: none; letter-spacing: normal;
}
.ba :where(a) { color: inherit; text-decoration: none; box-shadow: none; }
.ba img { display: block; max-width: none; border: 0; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none; }
.ba { -webkit-user-select: none; user-select: none; }
.ba :where(button) {
font: inherit; color: inherit; margin: 0; border: 0; background: none;
-webkit-appearance: none; appearance: none; box-shadow: none; text-transform: none;
} .ba__title, .ba__title2 { font-size: 1em; } .ba--lg { aspect-ratio: 1610 / 650; } .ba--md { aspect-ratio: 2 / 1; } .ba--sm { aspect-ratio: var(--ba-sm-ratio, 16 / 9); }  .ba__slide {
position: absolute; inset: 0; overflow: hidden;
opacity: 0; pointer-events: none; z-index: 1;
transition: opacity .8s ease;
}
.ba__slide.is-active { opacity: 1; pointer-events: auto; z-index: 2; }
.ba__bg { position: absolute; inset: 0; z-index: 1; }
.ba__slide--dark .ba__bg {
background: radial-gradient(95% 140% at 74% 45%, #331409 0%, #170B06 45%, #0A0605 75%, #060404 100%);
}
.ba__slide--light .ba__bg {
background: linear-gradient(100deg, #F7F3EF 0%, #F2ECE5 50%, #EADFD4 100%);
} .ba__glow { position: absolute; z-index: 2; pointer-events: none; }
.ba__glow > i { display: block; width: 100%; height: 100%; }
.ba__slide--dark .ba__glow { left: 50%; top: 6%; width: 46%; height: 88%; }
.ba__slide--dark .ba__glow > i {
background: radial-gradient(50% 50% at 50% 52%, rgba(255,102,26,.30) 0%, rgba(214,58,8,.12) 55%, rgba(214,58,8,0) 78%);
}
.ba__slide--light .ba__glow { left: 55%; top: -5%; width: 42%; height: 62%; }
.ba__slide--light .ba__glow > i {
background: radial-gradient(50% 50% at 50% 45%, rgba(255,170,90,.25) 0%, rgba(255,170,90,0) 75%);
}
.ba.is-live .ba__slide.is-active .ba__glow > i { animation: bnGlow 5.5s ease-in-out infinite; } .ba__photo { position: absolute; top: -2%; bottom: -2%; right: -1.5%; width: 64%; z-index: 3; }
.ba__slide--light .ba__photo { top: -2.5%; bottom: -2.5%; width: 60%; }
.ba__photoClip { width: 100%; height: 100%; overflow: hidden; }
.ba__photoFloat { position: relative; width: 100%; height: 100%; }
.ba__img {
width: 100%; height: 100%; object-fit: cover; object-position: right center;
-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 22%);
mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 22%);
}
.ba__slide--light .ba__img {
-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 20%);
mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 20%);
}
.ba.is-live .ba__slide.is-active .ba__photoClip { animation: bnPhoto 1s cubic-bezier(.22,1,.36,1) .1s both; }
.ba.is-live .ba__slide.is-active .ba__photoFloat { animation: bnFloat 8s ease-in-out 1.2s infinite; }
.ba__smoke {
position: absolute; filter: blur(.87em); mix-blend-mode: screen;
opacity: 0; pointer-events: none;
background: radial-gradient(50% 50% at 50% 60%, rgba(255,244,232,.14) 0%, rgba(255,244,232,0) 70%);
}
.ba__smoke--1 { left: 34%; top: -2%; width: 24%; height: 46%; }
.ba__smoke--2 { left: 48%; top: -4%; width: 20%; height: 40%; filter: blur(.99em); }
.ba.is-live .ba__slide.is-active .ba__smoke--1 { animation: bnSmoke 7.5s ease-out 1s infinite; }
.ba.is-live .ba__slide.is-active .ba__smoke--2 { animation: bnSmoke 9.5s ease-out 4.5s infinite; }
.ba__sweep {
position: absolute; top: -10%; bottom: -10%; left: 0; width: 20%;
background: linear-gradient(100deg, rgba(255,236,220,0) 0%, rgba(255,236,220,.09) 50%, rgba(255,236,220,0) 100%);
transform: translateX(-140%) skewX(-14deg);
mix-blend-mode: screen; pointer-events: none;
}
.ba__slide--light .ba__sweep {
background: linear-gradient(100deg, rgba(255,250,244,0) 0%, rgba(255,250,244,.14) 50%, rgba(255,250,244,0) 100%);
}
.ba.is-live .ba__slide.is-active .ba__sweep { animation: bnSweep 9s ease-in-out 3.5s infinite; } .ba__embers { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.ba__ember { position: absolute; opacity: 0; }
.ba__ember > i { display: block; }
.ba__ember > i > b {
display: block; border-radius: 50%;
background: radial-gradient(circle, #FFDCAC 0%, #FF8A3B 45%, rgba(241,73,15,0) 78%);
box-shadow: 0 0 .56em .12em rgba(255,122,45,.5);
} .ba__veil { position: absolute; inset: 0; z-index: 8; pointer-events: none; }
.ba__slide--dark .ba__veil {
background:
linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,0) 14%),
linear-gradient(0deg, rgba(0,0,0,.45), rgba(0,0,0,0) 16%),
radial-gradient(120% 100% at 50% 50%, rgba(0,0,0,0) 62%, rgba(0,0,0,.5) 100%);
}
.ba__slide--light .ba__veil {
background:
linear-gradient(0deg, rgba(80,45,18,.2), rgba(80,45,18,0) 14%),
radial-gradient(130% 110% at 50% 45%, rgba(90,50,20,0) 62%, rgba(90,50,20,.16) 100%);
} .ba__content {
position: absolute; top: 0; bottom: 0; z-index: 6;
display: flex; flex-direction: column; justify-content: center; align-items: center;
text-align: center;
}
.ba__slide--dark .ba__content { left: 5%; width: 38.5%; }
.ba__slide--light .ba__content { left: 4.5%; width: 38%; } .ba__eyebrow { display: flex; align-items: center; gap: .99em; }
.ba__eyebrow span { font-size: .93em; font-weight: 600; letter-spacing: .4em; color: #F3ECE4; white-space: nowrap; }
.ba__eyebrow i { width: 1.99em; height: .19em; background: #F1490F; border-radius: .12em; flex: none; }
.ba__title { font-family: 'BA Anton', Impact, sans-serif; font-weight: 400; line-height: .9; margin-top: .99em; }
.ba__titleRow { display: block; overflow: hidden; }
.ba__titleRow--a { padding: .06em .12em 0; }
.ba__titleRow--b { padding: 0 .12em .1em; }
.ba__t1 {
display: block; white-space: nowrap; font-size: var(--ba-t1, 8.2em); letter-spacing: .005em;
background: linear-gradient(180deg, #FF9A4A 0%, #F34F12 52%, #C63305 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
filter: drop-shadow(0 .09em .2em rgba(241,73,15,.22));
}
.ba__t2 {
display: block; white-space: nowrap; font-size: var(--ba-t2, 5.9em); letter-spacing: .012em;
color: #F6EFE7; text-shadow: 0 .07em .28em rgba(0,0,0,.45);
}
.ba__stampWrap { align-self: center; margin-left: 19%; margin-top: .5em; }
.ba__stamp {
white-space: nowrap; display: inline-block; font-family: 'BA Marker', cursive; font-size: 1.86em;
color: #160B05; background: #EE4A11; padding: .06em .55em .18em;
box-shadow: 0 .5em 1.5em rgba(238,74,17,.35);
}
.ba__lines { display: flex; flex-direction: column; gap: .56em; margin-top: 1.74em; }
.ba__lines > div { white-space: nowrap; }
.ba__lines .l1 { font-size: .99em; font-weight: 700; letter-spacing: .22em; color: #EFE6DC; }
.ba__lines .l2 { font-size: .99em; font-weight: 600; letter-spacing: .1em; color: #F4581C; }
.ba__lines .l3 { font-size: 1.06em; font-weight: 800; letter-spacing: .14em; color: #fff; margin-top: .12em; }
.ba__lines .l3 span {
text-decoration: underline wavy #F1490F;
text-decoration-thickness: .12em; text-underline-offset: .42em;
} .ba__ctaWrap { margin-top: 2.73em; }
.ba__slide--light .ba__ctaWrap { margin-top: 1.15em; }
.ba__cta {
position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: .9em;
white-space: nowrap;
border-radius: 999px; font-size: .99em; font-weight: 700; letter-spacing: .24em;
transition: transform .25s ease, background .25s ease, box-shadow .25s ease, color .25s ease, filter .25s ease;
}
.ba__cta--ghost {
border: .12em solid #FF5A1C; padding: 1.05em 2.5em; color: #FFE9DC;
background: linear-gradient(180deg, rgba(241,73,15,.16), rgba(241,73,15,.04));
box-shadow: 0 0 2.1em rgba(241,73,15,.25), inset 0 0 .87em rgba(241,73,15,.12);
}
.ba__cta--ghost:hover {
transform: translateY(-.12em) scale(1.03); color: #fff;
background: linear-gradient(180deg, #FF6C26, #E23F09);
box-shadow: 0 .87em 2.7em rgba(241,73,15,.45), inset 0 0 .87em rgba(255,255,255,.1);
}
.ba__cta--solid {
background: linear-gradient(180deg, #FF702A 0%, #E8420C 100%); color: #fff;
padding: .9em 2.1em; font-weight: 800; letter-spacing: .18em;
box-shadow: 0 .87em 2.1em rgba(232,66,12,.35);
}
.ba__cta--solid:hover {
transform: translateY(-.12em) scale(1.03); filter: brightness(1.06);
box-shadow: 0 1.12em 2.7em rgba(232,66,12,.45);
}
.ba__cta:active { transform: translateY(0) scale(.97); }
.ba__cta > span, .ba__cta > img { position: relative; z-index: 2; }
.ba__cta img { height: 1.35em; width: auto; }
.ba__arrow { font-size: 1.3em; line-height: 1; margin-top: -.14em; }
.ba.is-live .ba__slide.is-active .ba__arrow { animation: bnArrow 1.6s ease-in-out infinite; }
.ba__shine {
position: absolute; top: -25%; bottom: -25%; left: 0; width: 45%;
background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,240,230,.4) 50%, rgba(255,255,255,0) 100%);
transform: translateX(-180%) skewX(-20deg); pointer-events: none; z-index: 1;
}
.ba.is-live .ba__slide.is-active .ba__shine { animation: bnShine 3.8s ease-in-out 2.4s infinite; } .ba__badge {
white-space: nowrap; display: inline-flex; align-items: center; gap: .55em; background: #F1490F; color: #fff;
border-radius: 999px; padding: .45em 1.2em; font-size: .87em; font-weight: 700;
letter-spacing: .24em; box-shadow: 0 .62em 1.5em rgba(241,73,15,.3);
}
.ba__badge i { font-style: normal; font-size: 1.2em; line-height: 1; }
.ba__kicker { white-space: nowrap; margin-top: 1.1em; font-size: 1.49em; font-weight: 800; letter-spacing: .32em; color: #2B2018; }
.ba__title2 { font-family: 'BA Anton', Impact, sans-serif; font-weight: 400; line-height: .98; }
.ba__title2 .row { display: block; overflow: hidden; padding: .06em .12em .04em; }
.ba__t3 {
display: block; white-space: nowrap; font-size: var(--ba-t3, 7.58em); letter-spacing: .01em;
background: linear-gradient(180deg, #FF9A4A 0%, #F34F12 52%, #C63305 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
filter: drop-shadow(0 .09em .2em rgba(241,73,15,.2));
}
.ba__stars {
white-space: nowrap; margin-top: .62em; display: flex; align-items: center; gap: .7em;
font-size: 1.12em; font-weight: 800; letter-spacing: .3em; color: #3A2C20;
}
.ba__stars i { color: #F1490F; font-size: .85em; font-style: normal; }
.ba__rule {
width: 92%; height: 1px; margin-top: .9em;
background: linear-gradient(90deg, rgba(232,201,180,0) 0%, #E8C9B4 50%, rgba(232,201,180,0) 100%);
}
.ba__features { display: flex; align-items: stretch; margin-top: 1.05em; width: 100%; }
.ba__feature {
flex: 1; padding: 0 .99em; display: flex; flex-direction: column; align-items: center; gap: .25em;
}
.ba__feature + .ba__feature { border-left: 1px solid #E4DACF; }
.ba__feature img { height: 2.24em; width: auto; }
.ba__feature .ft { font-size: .81em; font-weight: 800; color: #2B2018; letter-spacing: .05em; line-height: 1.25; }
.ba__feature .fs { font-size: .71em; font-weight: 600; color: #8A7A6C; letter-spacing: .04em; line-height: 1.3; }
.ba__price {
display: flex; align-items: center; gap: 1.62em; margin-top: 1.2em;
padding: 1.25em 1.99em; background: #fff; border-radius: .99em;
box-shadow: 0 .99em 2.5em rgba(70,40,15,.12);
}
.ba__priceMain { display: flex; align-items: flex-start; color: #F1490F; font-style: italic; font-weight: 800; line-height: .9; }
.ba__priceMain .cur { font-size: 1.55em; margin-top: .25em; }
.ba__priceMain .int { font-size: var(--ba-price, 4.1em); }
.ba__priceMain .tail { display: flex; flex-direction: column; align-items: flex-start; gap: .12em; }
.ba__priceMain .dec { font-size: 1.62em; }
.ba__priceMain .unit { font-size: .93em; font-style: normal; font-weight: 700; color: #8A7A6C; }
.ba__priceSep { width: 1px; align-self: stretch; background: #E8DED4; }
.ba__priceSide { display: flex; flex-direction: column; align-items: center; gap: .12em; }
.ba__priceSide .qty { display: flex; align-items: baseline; gap: .25em; color: #F1490F; font-weight: 800; }
.ba__priceSide .qty b { font-size: 2.61em; line-height: 1; font-weight: 800; }
.ba__priceSide .qty s { font-size: 1.06em; text-decoration: none; }
.ba__priceSide { white-space: nowrap; }
.ba__priceSide .q1 { font-size: .93em; font-weight: 800; color: #2B2018; letter-spacing: .08em; }
.ba__priceSide .q2 { font-size: .81em; font-weight: 800; color: #F1490F; letter-spacing: .12em; }
.ba__note { margin-top: .75em; max-width: 44ch; font-size: .87em; font-style: italic; color: #7C6C5E; line-height: 1.45; } .ba__nav {
position: absolute; top: 50%; z-index: 10; transform: translateY(-50%);
width: 2.61em; height: 2.61em; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
cursor: pointer; font-size: 1.49em; line-height: 1; padding: 0 0 .19em;
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
transition: transform .2s ease, filter .2s ease;
}
.ba__nav--prev { left: .87em; }
.ba__nav--next { right: .87em; }
.ba__nav:hover { transform: translateY(-50%) scale(1.1); filter: brightness(1.15); }
.ba__nav:active { transform: translateY(-50%) scale(.95); }
.ba[data-active="0"] .ba__nav { background: rgba(20,10,6,.45); color: #FFE9DC; border: 1px solid rgba(255,120,60,.4); }
.ba[data-active="1"] .ba__nav { background: rgba(255,255,255,.7); color: #B23A0A; border: 1px solid rgba(180,90,40,.3); }
.ba__dots {
position: absolute; bottom: .99em; left: 50%; transform: translateX(-50%);
z-index: 10; display: flex; align-items: center; gap: .5em;
}
.ba__dot {
width: .56em; height: .56em; border-radius: 999px; border: 0; padding: 0;
cursor: pointer; background: rgba(150,120,100,.45); transition: width .4s ease, background .4s ease;
}
.ba[data-active="1"] .ba__dot { background: rgba(255,255,255,.4); }
.ba .ba__dot.is-on { width: 1.86em; background: #F1490F; }
.ba :focus-visible { outline: .12em solid #FF7A3C; outline-offset: .19em; } .ba--md .ba__slide--dark .ba__content { left: 4%; width: 44%; }
.ba--md .ba__slide--light .ba__content { left: 3.5%; width: 45%; }
.ba--md .ba__slide--dark .ba__photo { width: 60%; }
.ba--md .ba__slide--light .ba__photo { width: 57%; }
.ba--md { --ba-t1: 7.4em; --ba-t2: 5.2em; --ba-t3: 6.9em; --ba-price: 3.6em; }
.ba--md .ba__ctaWrap { margin-top: 1.9em; }
.ba--md .ba__lines { margin-top: 1.3em; }
.ba--md .ba__note { margin-top: .7em; }
.ba--md .ba__price { margin-top: 1.1em; padding: 1.1em 1.6em; }
.ba--md .ba__features { margin-top: 1em; } .ba--sm { --ba-t1: 8.5em; --ba-t2: 5.1em; --ba-t3: 8em; --ba-price: 3.4em; }
.ba--sm .ba__photo { top: 0; bottom: 0; right: 0; left: 0; width: 100%; }
.ba--sm .ba__img {
object-position: center center;
-webkit-mask-image: none; mask-image: none;
}
.ba--sm .ba__glow { left: 25%; top: 10%; width: 50%; height: 60%; }
.ba--sm .ba__sweep, .ba--sm .ba__smoke { display: none; }
.ba--sm .ba__slide--dark .ba__veil {
background:
radial-gradient(78% 86% at 50% 50%, rgba(8,5,4,.86) 0%, rgba(8,5,4,.62) 62%, rgba(8,5,4,.42) 100%),
linear-gradient(180deg, rgba(8,5,4,.30) 0%, rgba(8,5,4,.10) 40%, rgba(8,5,4,.55) 100%);
}
.ba--sm .ba__slide--light .ba__veil {
background:
radial-gradient(80% 88% at 50% 50%, rgba(250,246,242,.93) 0%, rgba(248,243,237,.78) 60%, rgba(244,236,227,.55) 100%),
linear-gradient(180deg, rgba(250,246,242,.35) 0%, rgba(248,243,237,.15) 40%, rgba(240,230,219,.55) 100%);
}
.ba--sm .ba__veil { z-index: 4; } .ba--sm .ba__content { left: 0 !important; width: 100% !important; padding: .3em 5% 2em; }
.ba--sm .ba__title { margin-top: .45em; }
.ba--sm .ba__stampWrap { margin-left: 14%; margin-top: .25em; }
.ba--sm .ba__lines { margin-top: .9em; gap: .35em; }
.ba--sm .ba__ctaWrap { margin-top: 1.15em; }
.ba--sm .ba__cta--ghost { padding: .85em 1.9em; }
.ba--sm .ba__cta--solid { padding: .8em 1.7em; }
.ba--sm .ba__eyebrow { gap: .7em; }
.ba--sm .ba__kicker { margin-top: .85em; font-size: 1.2em; letter-spacing: .28em; }
.ba--sm .ba__stars { margin-top: .35em; font-size: .95em; }
.ba--sm .ba__rule { margin-top: .7em; width: 70%; }
.ba--sm .ba__features, .ba--sm .ba__note { display: none; } .ba--sm .ba__price { margin-top: .85em; padding: .8em 1.3em; gap: 1.1em; border-radius: .8em; }
.ba--sm .ba__nav { display: none; } .ba--sm .ba__dots { bottom: .7em; gap: .4em; }
.ba--sm .ba__dot { width: .5em; height: .5em; }
.ba--sm .ba__dot.is-on { width: 1.6em; } .ba--sm.ba--auto { aspect-ratio: auto; min-height: 0; }
.ba--sm.ba--auto .ba__slide { position: relative; }
.ba--sm.ba--auto .ba__slide:not(.is-active) { position: absolute; }
.ba--sm.ba--auto .ba__content { position: relative; padding: 2.2em 5%; }
.ba--sm.ba--auto .ba__features { display: flex; }
.ba--sm.ba--auto .ba__note { display: block; } @keyframes bnRise  { from { opacity: 0; transform: translateY(1.6em); } to { opacity: 1; transform: none; } }
@keyframes bnClip  { from { transform: translateY(112%); } to { transform: none; } }
@keyframes bnStamp { 0% { opacity: 0; transform: scale(1.8) rotate(-12deg); } 55% { opacity: 1; transform: scale(.92) rotate(-1.5deg); } 100% { opacity: 1; transform: scale(1) rotate(-2.5deg); } }
@keyframes bnPop   { 0% { opacity: 0; transform: translateY(.87em) scale(.85); } 60% { opacity: 1; transform: translateY(-.12em) scale(1.04); } 100% { opacity: 1; transform: none; } }
@keyframes bnPhoto { from { opacity: 0; transform: translateX(4.3em) scale(1.05); } to { opacity: 1; transform: none; } }
@keyframes bnFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-.56em) rotate(.35deg); } }
@keyframes bnGlow  { 0%, 100% { opacity: .55; transform: scale(1); } 50% { opacity: .95; transform: scale(1.07); } }
@keyframes bnEmber { 0% { transform: translateY(0) scale(1); opacity: 0; } 7% { opacity: 1; } 65% { opacity: .85; } 100% { transform: translateY(-34.8em) scale(.35); opacity: 0; } }
@keyframes bnSway  { from { transform: translateX(-.68em); } to { transform: translateX(.68em); } }
@keyframes bnSmoke { 0% { transform: translateY(6%) scale(1); opacity: 0; } 25% { opacity: 1; } 100% { transform: translateY(-70%) translateX(6%) scale(1.5); opacity: 0; } }
@keyframes bnSweep { 0% { transform: translateX(-140%) skewX(-14deg); } 22%, 100% { transform: translateX(620%) skewX(-14deg); } }
@keyframes bnShine { 0%, 68% { transform: translateX(-180%) skewX(-20deg); } 100% { transform: translateX(340%) skewX(-20deg); } }
@keyframes bnArrow { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(.25em); } } .ba.is-live .ba__slide.is-active .ba-rise  { animation: bnRise  .7s cubic-bezier(.22,1,.36,1) var(--d, 0s) both; }
.ba.is-live .ba__slide.is-active .ba-clip  { animation: bnClip  .85s cubic-bezier(.19,1,.22,1) var(--d, 0s) both; }
.ba.is-live .ba__slide.is-active .ba-stamp { animation: bnStamp .6s cubic-bezier(.22,1,.36,1) var(--d, 0s) both; }
.ba.is-live .ba__slide.is-active .ba-pop   { animation: bnPop   .7s cubic-bezier(.22,1,.36,1) var(--d, 0s) both; }
.ba.is-live .ba__ember { animation: bnEmber var(--dur, 7s) linear var(--delay, 0s) infinite; }
.ba.is-live .ba__ember > i { animation: bnSway var(--sway, 3s) ease-in-out var(--nd, 0s) infinite alternate; } .ba:not(.is-live) .ba__slide:first-of-type { opacity: 1; pointer-events: auto; z-index: 2; } @media (prefers-reduced-motion: reduce) {
.ba, .ba * { animation: none !important; transition: none !important; }
.ba__slide.is-active { opacity: 1; }
}.mmqw_shipping .extra-flate-tool-tip,
.mmqwm_shipping .forceall-tooltip {
display: inline;
position: relative;
} .mmqw_shipping [data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
} .mmqw_shipping [data-tooltip]:before,
.mmqw_shipping [data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
pointer-events: none;
} .mmqw_shipping [data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 300px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
} .mmqw_shipping [data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
} .mmqw_shipping [data-tooltip]:hover:before,
.mmqw_shipping [data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.mmqw_shipping .extra-flate-tool-tip,
.mmqwm_shipping .forceall-tooltip {
display: inline-block !important;
float: left;
margin-right: 7px;
}
.forceall_shipping_method {
display: none;
}
#shipping_method li label {
font-weight: 400;
}
.mmqw_shipping .forceall-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.mmqw_shipping .forceall-tooltip .tooltiptext {
visibility: hidden;
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 300px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
.mmqw_shipping .forceall-tooltip:hover .tooltiptext {
visibility: visible;
}
.single-product form.cart .quantity.hidden {
display: block;
width: 100%;
padding: 20px 0 20px;
}
.mmqw-display-rules {
padding-top: 20px;
}
.checkout-rules-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
font-family: Arial, sans-serif;
}
.checkout-rules-table th,
.checkout-rules-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.checkout-rules-table th {
background-color: #f4f4f4;
font-weight: bold;
}
.checkout-rules-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.checkout-rules-table tr:hover {
background-color: #f1f1f1;
} .checkout-rules-table td[colspan="2"] {
text-align: left;
}
.quantity .select2-container .select2-selection {
min-height: 44px !important;
}
.quantity .select2-selection__rendered,
.quantity .select2-selection__arrow {
height: 44px !important;
line-height: 44px !important;
padding: 0px 15px !important;
}
.quantity-select {
padding: 10px;
}
table.cart td.product-quantity .qty {
padding: .326em;
width: 3.706325903em;
}
ul.cart-display-rules {
margin: 0 0 0 20px;
}
.products .quantity {
margin: 15px 0;
}
.product .quantity {
text-align: center;
}
.product .quantity input {
padding: 6px;
}