.ren-bottom-nav{--ren-whatsapp: #087f47;--ren-whatsapp-hover: #066537;display:none;color:var(--ren-ink, #102e28);font-family:var(--ren-body, var(--font-body-family));line-height:1.5}.ren-bottom-nav,.ren-bottom-nav *{box-sizing:border-box}body:has(>.ren-bottom-nav-section){grid-template-rows:auto auto auto 1fr auto}.ren-bottom-nav :is(a,button){-webkit-tap-highlight-color:transparent}.ren-bottom-nav :is(a,button):focus-visible{outline:2px solid var(--ren-green, #173f35);outline-offset:-3px;box-shadow:none}@media print{.ren-bottom-nav{display:none!important}}@media(min-width:750px){.ren-bottom-nav{display:block}.ren-bottom-nav__bar{display:none}.ren-chat{position:fixed;inset-inline-end:max(24px,calc(max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)) + 12px));bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:29;display:inline-flex;align-items:center;gap:8px;min-height:52px;max-width:calc(100vw - 48px);padding:5px;padding-inline-end:18px;border:1px solid var(--ren-whatsapp);border-radius:999px;background:var(--ren-whatsapp);color:#fff;box-shadow:0 4px 16px #0000001f;font:600 14px/1.4 var(--ren-body, var(--font-body-family));letter-spacing:0;text-decoration:none;transition:background .18s ease-out,border-color .18s ease-out}.ren-chat__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;color:#fff}.ren-chat__icon svg{display:block;width:29px;height:29px;fill:currentColor}.ren-chat__label{white-space:nowrap}.ren-chat:hover{border-color:var(--ren-whatsapp-hover);background:var(--ren-whatsapp-hover);color:#fff}.ren-chat:focus-visible{outline:2px solid var(--ren-green, #173f35);outline-offset:4px}body:has(dialog[open]) .ren-chat{visibility:hidden;pointer-events:none}body:is(.ren-page-product,.ren-page-cart) .ren-chat{inset-inline-start:max(24px,calc(max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)) + 12px));inset-inline-end:auto}}@media(max-width:749px){:root:has(.ren-bottom-nav__bar){--ren-bottom-nav-row: calc(64px - min(8px, env(safe-area-inset-bottom, 0px))) ;--ren-bottom-nav-height: calc(var(--ren-bottom-nav-row) + env(safe-area-inset-bottom, 0px));scroll-padding-bottom:calc(var(--ren-bottom-nav-height) + 16px)}.ren-bottom-nav{display:block}.ren-chat{display:none}.ren-bottom-nav__bar{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--ren-bottom-nav-height);padding:0 8px env(safe-area-inset-bottom,0px);border-top:1px solid #d3cbba;background:var(--ren-stone, #f2f0ea);box-shadow:0 -6px 18px #102e2812;--ren-badge-ring: var(--ren-stone, #f2f0ea);transition:transform .22s ease,box-shadow .22s ease}.ren-bottom-nav-hidden .ren-bottom-nav__bar{transform:translateY(calc(100% + 2px));box-shadow:none}.ren-bottom-nav--no-chat .ren-bottom-nav__bar{grid-template-columns:repeat(4,minmax(0,1fr))}.ren-bottom-nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:calc(var(--ren-bottom-nav-row) - 1px);margin:0;padding:calc(8px - min(2px,env(safe-area-inset-bottom,0px))) 1px calc(6px - min(2px,env(safe-area-inset-bottom,0px)));border:0;border-radius:0;background:transparent;color:var(--ren-muted, #52645d);font:600 11px/1.25 var(--ren-body, var(--font-body-family));letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer}.ren-bottom-nav__item .ren-icon{display:block;flex:none;width:23px;height:23px}.ren-bottom-nav__label{white-space:nowrap;line-height:13px}.ren-bottom-nav__icon{position:relative;display:block;flex:none;line-height:0}.ren-bottom-nav__item:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:calc(50% - 10px);width:20px;height:2px;background:transparent}.ren-bottom-nav__item:is([aria-current=page],[data-current=true],[aria-expanded=true]){color:var(--ren-green, #173f35)}.ren-bottom-nav__item:is([aria-current=page],[data-current=true],[aria-expanded=true]):before{background:currentColor}.ren-bottom-nav__item.ren-bottom-nav__whatsapp{gap:4px;padding:calc(5px - min(1px,env(safe-area-inset-bottom,0px))) 1px;color:#06703f}.ren-bottom-nav__whatsapp-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ren-whatsapp);color:#fff}.ren-bottom-nav__whatsapp-icon svg{display:block;width:22px;height:22px;fill:currentColor}.ren-bottom-nav__count{position:absolute;inset-block-start:-4px;inset-inline-start:calc(100% - 8px);pointer-events:none}.ren-bottom-nav__count[hidden]{display:none}@media(hover:hover){.ren-bottom-nav__item:hover{background:#e9e4d8}}body:has(.ren-bottom-nav__bar) .ren-footer{border-block-end:calc(var(--ren-bottom-nav-height) + 20px) solid var(--ren-ink, #102e28)}.js body:has(.ren-bottom-nav__bar) .menu-drawer{height:calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 100%) - var(--ren-bottom-nav-height))}body:has(.ren-bottom-nav__bar) .ren-pdp .rdb-sticky-purchase{bottom:var(--ren-bottom-nav-height);padding-block-end:10px;border-block-start-color:#d3cbba;background:var(--ren-stone, #f2f0ea);box-shadow:0 -6px 18px #102e2812;transition:transform .22s ease}.ren-bottom-nav-hidden body:has(.ren-bottom-nav__bar) .ren-pdp .rdb-sticky-purchase{transform:translateY(calc(var(--ren-bottom-nav-height) - env(safe-area-inset-bottom,0px)));box-shadow:0 -6px 18px #102e2812,0 env(safe-area-inset-bottom,0px) 0 var(--ren-stone, #f2f0ea)}body:has(.ren-bottom-nav__bar):has(.ren-pdp ren-sticky-purchase:not([hidden])){padding-bottom:0}body:has(.ren-bottom-nav__bar):has(.ren-pdp ren-sticky-purchase:not([hidden])) .ren-footer{border-block-end-width:calc(var(--ren-bottom-nav-height) + 84px)}body:has(.ren-bottom-nav__bar):has(.ren-pdp ren-sticky-purchase:not([hidden])) .ren-bottom-nav__bar{border-top-color:#e0d9cb;box-shadow:none}:root:has(.ren-bottom-nav__bar):has(.ren-pdp ren-sticky-purchase){scroll-padding-bottom:calc(var(--ren-bottom-nav-height) + 96px)}}@media(prefers-reduced-motion:reduce){.ren-bottom-nav__bar,body:has(.ren-bottom-nav__bar) .ren-pdp .rdb-sticky-purchase{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ren-bottom-nav.css.map */