.kk-browser{--kk-browser-gold: #b48c52;--kk-browser-ink: #241f19;--kk-browser-line: #e8e1d7;--kk-browser-soft: #f7f4ee;position:fixed;top:0;right:0;bottom:0;left:0;width:min(1200px,calc(100vw - 48px));height:min(850px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--kk-browser-line);border-radius:18px;background:#fff;color:var(--kk-browser-ink);font-family:var(--bs-body-font-family, sans-serif);box-shadow:0 24px 100px #0005;overflow:hidden}.kk-browser::backdrop{background:#16130fbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.kk-browser [hidden]{display:none!important}.kk-browser *,.kk-browser *:before,.kk-browser *:after{box-sizing:border-box}.kk-browser-shell{height:100%;display:flex;flex-direction:column}.kk-browser-panel{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:#fff}.kk-browser-expand{display:none}.kk-browser-full-details{display:inline-block;margin-top:16px;color:#70552d;font-size:13px;text-decoration:underline;text-underline-offset:3px}.kk-browser-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:18px 26px;border-bottom:1px solid var(--kk-browser-line);gap:16px}.kk-browser-header h2{margin:0;font-size:22px;line-height:1.25;color:inherit}.kk-browser-header p{margin:4px 0 0;font-size:12px;color:#746956}.kk-browser button{-webkit-tap-highlight-color:transparent;cursor:pointer}.kk-browser button:disabled{cursor:default;opacity:.45}.kk-browser button:focus-visible,.kk-browser a:focus-visible,.kk-browser summary:focus-visible{outline:3px solid #96733f;outline-offset:3px}.kk-browser-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--kk-browser-line);border-radius:50%;background:#fff;color:inherit;flex-shrink:0}.kk-browser-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.kk-browser-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;min-height:100%}.kk-browser-gallery{position:sticky;top:0;padding:22px;min-width:0;background:var(--kk-browser-soft)}.kk-browser-slides{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:10px;touch-action:pan-x pan-y pinch-zoom}.kk-browser-slides::-webkit-scrollbar,.kk-browser-rail::-webkit-scrollbar{display:none}.kk-browser-slide{position:relative;flex:0 0 100%;width:100%;min-width:0;min-height:0;aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden;background:#efebe4}#kk-product-browser .kk-browser-slide img,#kk-product-browser .kk-browser-slide video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}#kk-product-browser .kk-browser-photo-pending{opacity:0}.kk-browser-photo-error{position:absolute;inset:auto 12px 12px;margin:0;z-index:1;background:#ffffffe6;border-radius:6px;font-size:12px}.kk-browser-slide p{padding:24px;font-size:14px;text-align:center}.kk-browser-gallery-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}.kk-browser-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--kk-browser-line);border-radius:50%;background:#fff;color:var(--kk-browser-ink);font-size:22px}.kk-browser-gallery-controls span{min-width:92px;text-align:center;font-size:12px;color:#6a604f}.kk-browser-image-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding:3px;scrollbar-width:thin}.kk-browser-image-thumbs button{flex:0 0 54px;width:54px;height:54px;padding:3px;border:1px solid var(--kk-browser-line);border-radius:6px;background:#fff}.kk-browser-image-thumbs img{width:100%;height:100%;object-fit:contain}.kk-browser-image-thumbs [aria-current=true]{border-color:var(--kk-browser-gold);box-shadow:0 0 0 1px var(--kk-browser-gold)}.kk-browser-info{padding:24px 28px 28px;min-width:0}.kk-browser-info h1,.kk-browser-info .product-title{font-size:25px;line-height:1.25;color:var(--kk-browser-ink);margin:0 0 16px;overflow-wrap:anywhere}.kk-browser-info .product-price{font-size:21px;margin-bottom:14px;color:var(--kk-browser-ink)}.kk-browser-info .product-price-compare{font-size:14px;color:#807365;margin-right:10px}.kk-browser-info .product-sale-badge{margin-left:10px;background:var(--kk-browser-soft);color:#70552d}.kk-browser-info .product-options{padding:0;margin:0 0 18px}.kk-browser-info .product-options>li{padding:8px 0!important}.kk-browser-info .product-options h3{font-family:inherit;font-size:13px;font-weight:600;margin-bottom:9px!important;text-transform:capitalize}.kk-browser-info .size-buttons,.kk-browser-info .color-swatches{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}#kk-product-browser .kk-browser-info .size-buttons label{display:grid;place-items:center;padding:8px 13px;min-height:44px;border:1px solid #d9cfbf;border-radius:6px;background:#fff;color:var(--kk-browser-ink);font-size:14px;cursor:pointer}#kk-product-browser .kk-browser-info .size-buttons input:checked+label{color:var(--kk-browser-ink);border-color:#997342;background:#faf4e9;box-shadow:0 0 0 1px #997342}.kk-browser-info .size-buttons input:focus-visible+label,.kk-browser-info .color-swatches input:focus-visible+label{outline:3px solid #96733f;outline-offset:3px}.kk-browser-info .product-block-personalization-field{padding-top:0!important;padding-bottom:16px!important}.kk-browser-info .form-label{font-size:13px;font-weight:600}.kk-browser-info .form-control,.kk-browser-info .form-select{font-size:16px;border:1px solid #d9cfbf;border-radius:6px;box-shadow:none}.kk-browser-info textarea{min-height:94px;resize:vertical}.kk-browser-info .product-block-rating-row{padding-top:0!important;padding-bottom:8px!important}.kk-browser-info .product-block-benefit-pills{padding-top:0!important;padding-bottom:12px!important}.kk-browser-details{border-top:1px solid var(--kk-browser-line);padding:12px 0;font-size:14px;line-height:1.6}.kk-browser-details summary{font-weight:600;cursor:pointer;min-height:30px}.kk-browser-details>div{padding-top:12px}.kk-browser-details .rte p:last-child{margin-bottom:0}.kk-browser-state{min-height:300px;height:100%;display:grid;place-content:center;gap:18px;text-align:center;padding:30px;font-size:16px}.kk-browser-state p{margin:0}.kk-browser-loading{align-content:center;justify-items:center}.kk-browser-loading-image{width:min(320px,100%);max-height:65%;aspect-ratio:1;object-fit:contain;border-radius:10px}.kk-browser-loading-status{margin:18px 0;font-size:14px;color:#746956}.kk-browser-retry{justify-self:center;border:1px solid #ad8852;color:#70552d;background:#faf4e9;border-radius:6px;padding:10px 20px;min-height:44px}.kk-browser-message{flex-shrink:0;padding:10px 24px;background:#edf6ed;color:#295b33;font-size:13px;line-height:1.4;max-height:90px;overflow:auto}.kk-browser-message[data-kind=error]{color:#8d2e27;background:#fff1ee}.kk-browser-message a{margin-left:8px;text-decoration:underline;color:inherit}.kk-browser-purchase{display:flex;flex-shrink:0;align-items:center;gap:18px;padding:14px 26px;border-top:1px solid var(--kk-browser-line);background:#fff}.kk-browser-purchase-price{margin-right:auto;font-size:21px;font-weight:600;white-space:nowrap}.kk-browser-quantity{display:flex;align-items:center;flex-shrink:0;height:44px;border:1px solid var(--kk-browser-line);border-radius:6px}.kk-browser-quantity button{width:36px;height:42px;border:0;color:inherit;background:transparent;font-size:19px}.kk-browser-quantity input{width:42px;height:42px;border:0;background:transparent;padding:0;color:inherit;text-align:center;font-size:16px;-webkit-appearance:textfield;appearance:textfield}.kk-browser-quantity input::-webkit-inner-spin-button,.kk-browser-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kk-browser-add{border:1px solid #a17b43;border-radius:6px;color:#fff;background:#9b753e;height:46px;min-width:210px;padding:0 24px;font-size:14px;font-weight:600}.kk-browser-add:hover:enabled{background:#806033}.kk-browser-footer{padding:11px 26px 16px;flex-shrink:0;border-top:1px solid var(--kk-browser-line);background:var(--kk-browser-soft)}.kk-browser-rail-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.kk-browser-rail-label>span{font-weight:600;letter-spacing:.02em}.kk-browser-rail-label a{color:#70552d;text-decoration:underline;text-underline-offset:3px}.kk-browser-rail{position:relative;display:flex;gap:10px;overflow-x:auto;padding:3px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}.kk-browser-rail button{flex:0 0 68px;width:68px;height:68px;padding:4px;border:1px solid #e0d7c9;background:#fff;border-radius:8px;scroll-snap-align:center;overflow:hidden}.kk-browser-rail img{width:100%;height:100%;object-fit:contain}.kk-browser-rail [aria-current=true]{border-color:#997342;box-shadow:0 0 0 2px #997342}html.kk-browser-open{overflow:hidden}@media(min-width:992px){.kk-browser-grid{grid-template-columns:minmax(0,min(52%,calc(var(--kk-browser-content-height, 560px) + 26px))) minmax(0,1fr)}.kk-browser-gallery{--kk-browser-photo-space: calc(var(--kk-browser-content-height, 560px) - 44px);height:var(--kk-browser-content-height, 560px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start}.kk-browser-slides{width:min(100%,var(--kk-browser-photo-space));height:auto;min-height:0;aspect-ratio:1;justify-self:center}.kk-browser-slide{height:100%;aspect-ratio:auto}.kk-browser-gallery-controls{gap:clamp(6px,4%,20px)}.kk-browser-gallery-controls button{flex-shrink:0}.kk-browser-gallery-controls span{min-width:0}.kk-browser-gallery-controls,.kk-browser-image-thumbs{flex-shrink:0}.kk-browser-gallery:has(>.kk-browser-image-thumbs){--kk-browser-photo-space: calc(var(--kk-browser-content-height, 560px) - 100px);grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto 44px;gap:12px}.kk-browser-gallery:has(>.kk-browser-image-thumbs) .kk-browser-slides{grid-column:2;grid-row:1}.kk-browser-gallery:has(>.kk-browser-image-thumbs) .kk-browser-gallery-controls{grid-column:2;grid-row:2;margin-top:0}.kk-browser-gallery:has(>.kk-browser-image-thumbs) .kk-browser-image-thumbs{position:absolute;inset:22px auto 22px 22px;width:70px;flex-direction:column;align-items:center;min-height:0;margin-top:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.kk-browser-grid-loading .kk-browser-gallery{--kk-browser-photo-space: calc(var(--kk-browser-content-height, 560px) - 100px);grid-template-columns:70px minmax(0,1fr)}.kk-browser-grid-loading .kk-browser-slides{grid-column:2}}@media(max-width:991px){.kk-browser{width:100vw;height:var(--kk-browser-height, 100dvh);inset:var(--kk-browser-top, 0px) 0 auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.kk-browser::backdrop{background:#0009;-webkit-backdrop-filter:none;backdrop-filter:none}.kk-browser-shell{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom));gap:10px}.kk-browser-panel{margin:0 12px;border-radius:18px;box-shadow:0 10px 40px #0003}.kk-browser-header{position:absolute;inset:10px 10px auto;z-index:2;padding:0;border:0;pointer-events:none}.kk-browser-header>div{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kk-browser-close,.kk-browser-expand{pointer-events:auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;color:#30291f;background:#ffffffe6;box-shadow:0 1px 5px #0002}.kk-browser-close svg{display:none}.kk-browser-close:after{content:"";width:12px;height:12px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}.kk-browser-expand span{font-size:25px;line-height:1}.kk-browser-content{scrollbar-gutter:auto;scrollbar-width:none}.kk-browser-content::-webkit-scrollbar{display:none}.kk-browser-grid{display:block}.kk-browser-gallery{position:relative;padding:0;background:#fff}.kk-browser-slides{width:min(100%,calc(var(--kk-browser-height, 100dvh) * .5));margin-inline:auto;aspect-ratio:1;border-radius:0}.kk-browser-slide{height:100%;aspect-ratio:1;background:#f7f5ef}.kk-browser-gallery-controls{display:none}.kk-browser-image-thumbs{display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.kk-browser-image-thumbs button{display:grid;place-items:center;flex:0 0 26px;width:26px;height:28px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.kk-browser-image-thumbs button:after{content:"";width:4px;height:4px;border-radius:50%;background:#d3cabe}.kk-browser-image-thumbs [aria-current=true]{border:0;box-shadow:none}.kk-browser-image-thumbs [aria-current=true]:after{width:5px;height:5px;background:#96733f}.kk-browser-image-thumbs img{display:none}.kk-browser-info{padding:12px 16px 22px;touch-action:pan-y}.kk-browser-info h1,.kk-browser-info .product-title{font-size:19px;margin-bottom:10px}.kk-browser-info .product-price{font-size:17px;margin-bottom:10px}.kk-browser-message{padding:8px 12px;font-size:12px}.kk-browser-purchase{padding:8px 12px;gap:8px;flex-wrap:wrap}.kk-browser-purchase-price{font-size:14px}.kk-browser-quantity{height:38px}.kk-browser-quantity button{width:24px;height:36px}.kk-browser-quantity input{width:28px;height:36px}.kk-browser-add{height:38px;min-width:100px;padding:0 10px;font-size:12px;flex-grow:1}.kk-browser-footer{padding:0;border:0;background:transparent}.kk-browser-rail-label{display:none}.kk-browser-rail{height:102px;align-items:flex-start;gap:10px;padding:8px max(12px,calc(50% - 32px));scroll-snap-type:x mandatory}.kk-browser-rail button{flex-basis:64px;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:50%;opacity:.85;scroll-snap-align:center;transform:translateY(var(--kk-arc-y, 0px)) rotate(var(--kk-arc-angle, 0deg)) scale(.94);transition:opacity .15s,border-color .15s;will-change:transform}.kk-browser-rail img{object-fit:cover;border-radius:50%}.kk-browser-rail [aria-current=true]{padding:2px;opacity:1;transform:translateY(var(--kk-arc-y, 0px)) rotate(var(--kk-arc-angle, 0deg)) scale(1.0625);border-color:#fff;box-shadow:none;background:transparent}.kk-browser[data-expanded=true] .kk-browser-shell{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:0;gap:0}.kk-browser[data-expanded=true] .kk-browser-panel{margin:0;border-radius:0}.kk-browser[data-expanded=true] .kk-browser-footer,.kk-browser[data-expanded=true] .kk-browser-expand{display:none}.kk-browser[data-expanded=true] .kk-browser-slide{height:100%}.kk-browser[data-expanded=true] .kk-browser-purchase{padding-bottom:max(8px,env(safe-area-inset-bottom))}.kk-browser[data-keyboard=true] .kk-browser-shell{padding-top:0;padding-bottom:0;gap:0}.kk-browser[data-keyboard=true] .kk-browser-panel{margin:0;border-radius:0}.kk-browser[data-keyboard=true] .kk-browser-footer{display:none}.kk-browser[data-keyboard=true] .kk-browser-purchase{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.kk-browser-slides,.kk-browser-rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/kk-product-browser.css.map */