floating-nav{display:none!important}floating-nav{--floating-nav-control-size: 68px;--floating-nav-panel-width: min(500px, calc(100vw - 2 * var(--page-gutter)));--floating-nav-tab-icon-size: 32px;--floating-nav-launcher-icon-size: 40px;position:fixed;right:12px;bottom:12px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:0;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}.floating-nav__tab-button-label{display:none}floating-nav.is-visible:not([data-show-mobile=false]){opacity:1;pointer-events:auto;transform:translateY(0)}@media(min-width:750px){floating-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(max-width:749px){floating-nav{--floating-nav-control-size: 56px;--floating-nav-panel-width: min(420px, calc(100vw - 20px) );--floating-nav-tab-icon-size: 28px;--floating-nav-launcher-icon-size: 34px;right:10px;bottom:10px}floating-nav[data-show-mobile=false]{display:none}}@media(min-width:750px){floating-nav[data-show-desktop=false]{display:none}}.floating-nav__control{order:2;position:relative;z-index:2;width:var(--floating-nav-control-size);height:var(--floating-nav-control-size);display:flex;align-items:center;justify-content:flex-end;background:var(--color-kk-green);border:var(--border-width) solid rgba(0,0,0,.08);border-radius:2px;overflow:hidden;box-shadow:0 4px 14px #4d6d5d59;transform-origin:right center;transition:width .28s ease,box-shadow var(--transition-fast),transform var(--transition-fast)}floating-nav.is-open .floating-nav__control{width:var(--floating-nav-panel-width);border-top:0;border-top-left-radius:0;border-top-right-radius:0}.floating-nav__control:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4d6d5d66}.floating-nav__launcher{width:var(--floating-nav-control-size);height:var(--floating-nav-control-size);border:none;border-radius:2px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast)}.floating-nav__launcher:hover{background:#00000024}.floating-nav__launcher:focus-visible{outline:var(--border-width) solid #ffffff;outline-offset:2px}.floating-nav__launcher-icon{width:var(--floating-nav-launcher-icon-size);height:var(--floating-nav-launcher-icon-size);display:block;filter:brightness(0) invert(1);transform:translate(2px,2px)}.floating-nav__launcher-fallback{display:none;font-size:2rem;line-height:1}.floating-nav__drawer{order:1;position:absolute;right:0;bottom:calc(var(--floating-nav-control-size) - var(--border-width));width:var(--floating-nav-panel-width);height:0;max-height:min(72vh,620px);display:flex;flex-direction:column;background:var(--floating-nav-bg);border:var(--border-width) solid rgba(0,0,0,.08);border-radius:var(--floating-nav-border-radius);box-shadow:var(--floating-nav-shadow);overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transform-origin:right bottom;transition:opacity .26s ease,transform .26s ease}floating-nav.is-open .floating-nav__drawer{height:auto;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}@media(max-width:749px){.floating-nav__drawer{width:var(--floating-nav-panel-width);max-height:min(70vh,580px)}}.floating-nav__tab-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:0;min-width:0;opacity:0;overflow:hidden;transform:translate(8px);pointer-events:none;height:100%;transition:opacity .2s ease,transform .2s ease}floating-nav.is-open .floating-nav__tab-icons{width:calc(100% - var(--floating-nav-control-size));opacity:1;transform:translate(0);pointer-events:auto}.floating-nav__tab-button{border:none;background:transparent;color:#fff;cursor:pointer;padding:0;display:grid;place-items:center;align-items:center;height:100%;gap:0;border-radius:0;transition:color var(--transition-fast),background var(--transition-fast)}.floating-nav__tab-button:hover,.floating-nav__tab-button.is-active{color:#fff;background:#ffffff29}.floating-nav__tab-button-icon{width:var(--floating-nav-tab-icon-size);height:var(--floating-nav-tab-icon-size);display:inline-flex;align-items:center;justify-content:center;line-height:0}.floating-nav__tab-button-icon svg{width:var(--floating-nav-tab-icon-size);height:var(--floating-nav-tab-icon-size)}.floating-nav__tab-panels{position:relative;overflow:hidden;transition:height .28s ease}.floating-nav__tab-panel{display:none;padding:var(--space-3);max-height:min(72vh,620px);overflow-y:auto}.floating-nav__tab-panel.is-active{display:block}@media(max-width:749px){.floating-nav__tab-panel{max-height:min(70vh,580px)}}.floating-nav__panel-title{margin:0 0 var(--space-3);font-family:var(--font-heading);font-size:2.1rem;color:var(--color-body-text)}.floating-nav__home-content[hidden]{display:none}.floating-nav__collection-carousel{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}.floating-nav__collection-carousel::-webkit-scrollbar{display:none}.floating-nav__collection-track{display:flex;gap:var(--space-2)}.floating-nav__collection-slide{flex:0 0 min(86%,290px);min-width:min(86%,290px);scroll-snap-align:start}.floating-nav__collection-slide .card-wrapper--collage,.floating-nav__collection-slide .card-wrapper--collage .card,.floating-nav__collection-slide .card-product--collage{width:100%;height:100%}.floating-nav__collection-slide .card-wrapper--collage:before{display:none}.floating-nav__collection-slide .card-product--collage .card-product__title{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.floating-nav__collection-slide .card-product--collage .card-product__atc{padding:var(--space-2) var(--space-2);font-size:var(--font-size-sm)}.floating-nav__recommendation-cta-wrap{padding:0 var(--space-3) var(--space-3)}.floating-nav__recommendation-image-placeholder{width:100%;height:100%;background:var(--color-kk-green-light)}.floating-nav__browse-fallback{display:flex;flex-direction:column;gap:var(--space-3)}.floating-nav__browse-image{width:100%;border-radius:var(--card-border-radius-inner);overflow:hidden;display:block}.floating-nav__browse-image img{width:100%;height:auto;display:block}.floating-nav__browse-title{font-family:var(--font-heading);font-size:2rem;line-height:1.1;color:var(--color-body-text);text-decoration:none}.floating-nav__browse-price{font-size:var(--font-size-base);font-weight:700;color:var(--color-kk-green)}.floating-nav__empty-state{min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-4);background:#0000000a;color:#0000008c;font-size:var(--font-size-sm);border-radius:var(--card-border-radius-inner)}.floating-nav__help-shell{position:relative}.floating-nav__help-close{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border:none;border-radius:50%;background:#0000000f;color:#000000b3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.floating-nav__help-close:hover{background:#0000001f}.floating-nav__help-tabs{display:flex;border-bottom:var(--border-width) solid rgba(0,0,0,.08);padding-right:30px}.floating-nav__help-tab{flex:1;border:none;background:transparent;color:#0000006b;font-family:var(--font-body);font-size:1.2rem;font-weight:700;padding:var(--space-3) var(--space-2);cursor:pointer;border-bottom:var(--border-width) solid transparent;margin-bottom:calc(-1 * var(--border-width));transition:color var(--transition-fast),border-color var(--transition-fast)}.floating-nav__help-tab:hover,.floating-nav__help-tab.is-active{color:var(--color-kk-green);border-bottom-color:var(--color-kk-green)}.floating-nav__help-content{padding-top:var(--space-3);overflow:hidden;transition:height .26s ease}.floating-nav__help-panel{display:none}.floating-nav__help-panel.is-active{display:block}.floating-nav__chat{display:flex;flex-direction:column;gap:var(--space-3)}.floating-nav__chat-thread{display:flex;flex-direction:column;gap:var(--space-2);max-height:280px;overflow-y:auto;padding-right:var(--space-1)}.floating-nav__chat-actions,.floating-nav__chat-action-stack{display:flex;flex-direction:column;gap:var(--space-2)}.floating-nav__chat-message{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:1.6;max-width:92%;white-space:pre-line}.floating-nav__chat-message--bot{align-self:flex-start;background:var(--color-kk-green-light);color:var(--color-body-text);border-radius:12px 12px 12px 2px}.floating-nav__chat-message--user{align-self:flex-end;background:var(--color-kk-green);color:#fff;border-radius:12px 12px 2px}.floating-nav__chat-message--answer{white-space:pre-line}.floating-nav__chat-form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#fff;border:var(--border-width) solid rgba(0,0,0,.1);border-radius:var(--card-border-radius-inner)}.floating-nav__chat-form-label{font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#0000008c}.floating-nav__chat-input,.floating-nav__chat-textarea{width:100%;border:var(--border-width) solid rgba(0,0,0,.15);border-radius:var(--input-border-radius);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-body-text);background:#fff}.floating-nav__chat-input:focus,.floating-nav__chat-textarea:focus{outline:none;border-color:var(--input-focus-border)}.floating-nav__chat-input--file{padding:var(--space-2);border-color:#4d6d5d38;background:#4d6d5d0f}.floating-nav__chat-input--file::file-selector-button{margin-right:var(--space-2);border:none;border-radius:var(--btn-border-radius);background:var(--color-atc-button);color:#fff;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;line-height:1;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.floating-nav__chat-input--file::file-selector-button:hover{background:#333;transform:translateY(-1px)}.floating-nav__chat-input--file::-webkit-file-upload-button{margin-right:var(--space-2);border:none;border-radius:var(--btn-border-radius);background:var(--color-atc-button);color:#fff;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;line-height:1;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.floating-nav__chat-input--file::-webkit-file-upload-button:hover{background:#333;transform:translateY(-1px)}.floating-nav__chat-textarea{resize:vertical;min-height:96px}.floating-nav__chat-form-actions{display:flex;flex-direction:column;gap:var(--space-2)}.floating-nav__chat-help-text{margin:0;font-size:var(--font-size-sm);color:#00000094}.floating-nav__chat-options{display:flex;flex-direction:column;gap:var(--space-2)}.floating-nav__chat-option{display:flex;align-items:center;gap:var(--space-2);width:100%;border:var(--border-width) solid rgba(0,0,0,.12);border-radius:var(--card-border-radius-inner);background:#fff;color:var(--color-body-text);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;text-align:left;padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.floating-nav__chat-option:hover{border-color:var(--color-kk-green);background:var(--color-kk-green-light);color:var(--color-kk-green)}.floating-nav__chat-option--link{text-decoration:none}.floating-nav__chat-response{display:flex;flex-direction:column;gap:var(--space-2)}.floating-nav__help-note{margin:0;font-size:var(--font-size-sm);color:#0009;line-height:1.5}.floating-nav__help-note a{color:var(--color-kk-green)}.floating-nav__menu-list,.floating-nav__submenu-list{list-style:none;margin:0;padding:0}.floating-nav__menu-list{display:flex;flex-direction:column;gap:var(--space-2)}.floating-nav__menu-item{border:var(--border-width) solid rgba(0,0,0,.08);border-radius:var(--card-border-radius-inner);background:#fff}.floating-nav__menu-link{display:block;padding:var(--space-3);text-decoration:none;color:var(--color-body-text);font-size:var(--font-size-base);font-weight:700}.floating-nav__submenu-list{border-top:var(--border-width) solid rgba(0,0,0,.06)}.floating-nav__submenu-link{display:block;padding:var(--space-2) var(--space-3);text-decoration:none;color:#000000b3;font-size:var(--font-size-sm)}.floating-nav__menu-link:hover,.floating-nav__submenu-link:hover{color:var(--color-kk-green)}.floating-nav__post-add[hidden]{display:none}.floating-nav__post-add{text-align:center;padding:var(--space-4);border-radius:var(--card-border-radius-inner);background:var(--color-kk-green-light);margin-bottom:var(--space-3)}.floating-nav__post-add-icon{font-size:2.2rem;margin-bottom:var(--space-1)}.floating-nav__post-add-text{font-family:var(--font-heading);font-size:2rem;color:var(--color-kk-green)}.floating-nav__cart-empty[hidden]{display:none}.floating-nav__cart-empty-text{margin:0 0 var(--space-3);color:#00000094;font-size:var(--font-size-sm)}.floating-nav__cart-content[hidden]{display:none}.floating-nav__cart-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:var(--border-width) solid rgba(0,0,0,.08)}.floating-nav__cart-title{font-family:var(--font-heading);font-size:1.9rem;color:var(--color-body-text)}.floating-nav__cart-count{font-size:var(--font-size-sm);color:#00000080}.floating-nav__line-items{display:flex;flex-direction:column;gap:var(--space-2);max-height:164px;overflow-y:auto;margin-bottom:var(--space-3)}.floating-nav__line-item{display:flex;gap:var(--space-3);align-items:center}.floating-nav__line-item-image{width:48px;height:48px;border-radius:var(--card-border-radius-inner);overflow:hidden;flex-shrink:0;background:var(--card-bg)}.floating-nav__line-item-image img{width:100%;height:100%;object-fit:cover;display:block}.floating-nav__line-item-info{min-width:0;flex:1}.floating-nav__line-item-title{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-nav__line-item-price{font-size:var(--font-size-sm);color:#00000094}.floating-nav__subtotal{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-3);border-top:var(--border-width) solid rgba(0,0,0,.08);margin-bottom:var(--space-3);font-weight:700;font-size:var(--font-size-base)}.floating-nav__contact-form{display:flex;flex-direction:column;gap:var(--space-3)}.floating-nav__form-group{display:flex;flex-direction:column;gap:var(--space-1)}.floating-nav__form-label{font-size:1.2rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0009}.floating-nav__form-input,.floating-nav__form-textarea{width:100%;border:var(--border-width) solid rgba(0,0,0,.15);border-radius:var(--input-border-radius);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-body-text);background:#fff;transition:border-color var(--transition-fast)}.floating-nav__form-input:focus,.floating-nav__form-textarea:focus{outline:none;border-color:var(--input-focus-border)}.floating-nav__form-textarea{resize:vertical;min-height:84px}.floating-nav__contact-success{text-align:center;padding:var(--space-4) var(--space-3)}.floating-nav__contact-success-icon{font-size:2.6rem;margin-bottom:var(--space-2)}.floating-nav__contact-success-title{font-family:var(--font-heading);font-size:2.2rem;color:var(--color-kk-green)}.floating-nav__contact-success-text{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:#00000094}.floating-nav__btn{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--btn-border-radius);text-decoration:none;font-size:var(--font-size-base);font-weight:700;padding:var(--space-3) var(--space-4);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.floating-nav__btn--primary{background:var(--color-atc-button);color:#fff}.floating-nav__btn--primary:hover{background:#333;transform:translateY(-1px)}.floating-nav__btn--secondary{background:transparent;color:var(--color-kk-green);border:var(--border-width) solid var(--color-kk-green)}.floating-nav__btn--secondary:hover{background:var(--color-kk-green-light)}.floating-nav__btn--ghost{margin-top:var(--space-2);background:transparent;color:#0000008c;font-size:var(--font-size-sm);text-decoration:underline;padding-block:var(--space-2)}@media(prefers-reduced-motion:reduce){floating-nav,.floating-nav__drawer,.floating-nav__tab-panels,.floating-nav__help-content,.floating-nav__launcher,.floating-nav__btn,.floating-nav__collection-carousel{transition:none!important;animation:none!important;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-floating-nav.css.map */