/* rota/shop-index */
.dtk-shop{--primary: var(--bronze,#f76b07);--sh-ink: var(--ink,#1f2328);--sh-text: #3d434b;--sh-muted: #6b7280;--sh-line: #e7e8ea;--sh-line-2: #d4d6da;--sh-soft: #f6f7f8;--sh-tint: color-mix(in srgb,var(--primary) 8%,#fff);--sh-r-sm: 8px;--sh-r: 12px;--sh-r-lg: 16px;--sh-r-xl: 24px;--sh-sh-1: 0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sh-sh-2: 0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);--sh-sh-3: 0 10px 25px rgba(0,0,0,.10),0 6px 10px rgba(0,0,0,.06);--sh-ease: cubic-bezier(.2,.7,.2,1);--sh-font: 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--text-dark: var(--sh-ink);--text-muted: var(--sh-muted);--border: var(--sh-line);--bg-light: var(--sh-soft);font-family: var(--sh-font);color: var(--sh-text);background: #fff;padding-bottom: 72px}.dtk-shop *,.dtk-shop *::before,.dtk-shop *::after{box-sizing: border-box}.dtk-shop img{max-width: 100%;height: auto;display: block}.dtk-shop a{color: inherit;text-decoration: none}.dtk-shop ul,.dtk-shop ol{list-style: none;margin: 0;padding: 0}.dtk-shop button,.dtk-shop input{font: inherit}.dtk-shop [hidden]{display: none !important}.dtk-shop .container{max-width: 1320px;margin: 0 auto;padding: 0 24px}.dtk-shop :focus-visible{outline: 3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset: 2px;border-radius: 8px}.dtk-shop .fa,.dtk-shop .fas,.dtk-shop .far,.dtk-shop .fab,.dtk-shop .fa-solid,.dtk-shop .fa-regular{font-family: "Font Awesome 6 Free" !important}.dtk-shop .fas,.dtk-shop .fa-solid{font-weight: 900 !important}.dtk-shop .fab,.dtk-shop .fa-brands{font-family: "Font Awesome 6 Brands" !important;font-weight: 400 !important}.dtk-shop .dtk-cat-hero__crumb ol,.dtk-shop .breadcrumb ol{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;font-size: 13px}.dtk-shop .dtk-cat-hero__crumb li,.dtk-shop .breadcrumb li{display: inline-flex;align-items: center;gap: 6px}.dtk-shop .dtk-cat-hero__crumb li + li::before,.dtk-shop .breadcrumb li + li::before{content: "/";color: var(--sh-line-2)}.dtk-shop .breadcrumb{color: var(--sh-muted)}.dtk-shop .breadcrumb a:hover{color: var(--primary)}.dtk-shop .breadcrumb [aria-current]{color: var(--sh-ink);font-weight: 600}.dtk-shop .dtk-cat-hero{position: relative;overflow: hidden;margin-top: 20px;border-radius: var(--sh-r-xl);background: radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--primary) 14%,#fff) 0%,var(--sh-tint) 45%,#fff 100%);border: 1px solid color-mix(in srgb,var(--primary) 12%,var(--sh-line));padding: 40px 48px 44px;color: var(--sh-ink)}.dtk-shop .dtk-cat-hero.has-img{background: #14161a;border-color: transparent;color: #fff;min-height: 340px;display: flex;align-items: flex-end;padding-top: 72px}.dtk-shop .dtk-cat-hero__bg-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.02);transition: transform 1.2s var(--sh-ease)}.dtk-shop .dtk-cat-hero.has-img:hover .dtk-cat-hero__bg-img{transform: scale(1.04)}.dtk-shop .dtk-cat-hero__overlay{position: absolute;inset: 0;background: linear-gradient(180deg,rgba(12,14,18,.15) 0%,rgba(12,14,18,.55) 55%,rgba(12,14,18,.82) 100%)}.dtk-shop .dtk-cat-hero__inner{position: relative;z-index: 1;width: 100%;max-width: 860px}.dtk-shop .dtk-cat-hero__crumb{margin-bottom: 14px;color: var(--sh-muted)}.dtk-shop .dtk-cat-hero__crumb a{color: inherit;transition: color .16s}.dtk-shop .dtk-cat-hero__crumb a:hover{color: var(--primary)}.dtk-shop .dtk-cat-hero__crumb [aria-current]{color: var(--sh-ink);font-weight: 600}.dtk-shop .dtk-cat-hero.has-img .dtk-cat-hero__crumb{color: rgba(255,255,255,.75)}.dtk-shop .dtk-cat-hero.has-img .dtk-cat-hero__crumb [aria-current]{color: #fff}.dtk-shop .dtk-cat-hero.has-img .dtk-cat-hero__crumb li + li::before{color: rgba(255,255,255,.4)}.dtk-shop .dtk-cat-hero h1{font-family: var(--sh-font);font-size: clamp(1.9rem,1.2rem + 2.4vw,2.9rem);line-height: 1.12;font-weight: 800;letter-spacing: -.02em;margin: 0 0 12px;color: inherit}.dtk-shop .dtk-cat-hero__bluf{font-size: 17px;line-height: 1.65;max-width: 680px;margin: 0;color: var(--sh-text)}.dtk-shop .dtk-cat-hero.has-img .dtk-cat-hero__bluf{color: rgba(255,255,255,.88)}.dtk-shop .dtk-cat-hero__icons{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 24px}.dtk-shop .dtk-cat-hero__icon-item{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;padding: 6px 16px 6px 6px;border-radius: 999px;background: rgba(255,255,255,.8);border: 1px solid var(--sh-line);box-shadow: var(--sh-sh-1);font-size: 13.5px;font-weight: 600;color: var(--sh-ink);backdrop-filter: blur(6px)}.dtk-shop .dtk-cat-hero.has-img .dtk-cat-hero__icon-item{background: rgba(255,255,255,.12);border-color: rgba(255,255,255,.22);color: #fff;box-shadow: none}.dtk-shop .dtk-cat-hero__icon{width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: var(--sh-tint);color: var(--primary);font-size: 16px;flex: 0 0 auto}.dtk-shop .dtk-cat-hero.has-img .dtk-cat-hero__icon{background: #fff}.dtk-shop .dtk-cat-hero__icon img{width: 18px;height: 18px;object-fit: contain}.dtk-shop .dtk-cat-hero.has-bg{border-color: transparent;min-height: 300px;display: flex;align-items: flex-end;padding-top: 64px;isolation: isolate}.dtk-shop .dtk-cat-hero.has-bg::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 60%),radial-gradient(40% 60% at 0% 100%,rgba(0,0,0,.10) 0%,rgba(0,0,0,0) 70%)}.dtk-shop .dtk-cat-hero.tone-dark::before{background: radial-gradient(60% 90% at 100% 0%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 60%)}.dtk-shop .dtk-cat-hero.tone-light{color: #fff}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__crumb{color: rgba(255,255,255,.82)}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__crumb a:hover{color: #fff;text-decoration: underline}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__crumb [aria-current]{color: #fff}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__crumb li + li::before{color: rgba(255,255,255,.45)}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__bluf{color: rgba(255,255,255,.9)}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__icon-item{background: rgba(255,255,255,.12);border-color: rgba(255,255,255,.24);color: #fff;box-shadow: none}.dtk-shop .dtk-cat-hero.tone-light .dtk-cat-hero__icon{background: #fff}.dtk-shop .dtk-cat-hero.tone-dark{color: var(--sh-ink)}.dtk-shop .dtk-cat-hero.tone-dark .dtk-cat-hero__crumb{color: #4b5563}.dtk-shop .dtk-cat-hero.tone-dark .dtk-cat-hero__bluf{color: #374151}.dtk-shop .dtk-cat-hero.tone-dark .dtk-cat-hero__icon-item{background: rgba(255,255,255,.72);border-color: rgba(0,0,0,.06)}.dtk-shop .dtk-cat-subnav{position: sticky;top: var(--shop-top,0px);z-index: 40;background: rgba(255,255,255,.92);backdrop-filter: saturate(1.4) blur(10px);border-bottom: 1px solid var(--sh-line);margin-top: 20px}.dtk-shop .dtk-cat-subnav__inner{max-width: 1320px;margin: 0 auto;padding: 12px 24px;display: flex;align-items: center;gap: 10px}.dtk-shop .dtk-cat-chips{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;padding: 6px 4px 14px;margin: -6px -4px -14px;min-width: 0;flex: 1 1 auto;mask-image: linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.dtk-shop .dtk-cat-chips::-webkit-scrollbar{display: none}.dtk-shop .dtk-cat-chipsbox{position: relative;display: flex;align-items: center;min-width: 0;flex: 1 1 auto}.dtk-shop .dtk-cat-chipsbox.is-ready .dtk-cat-chips{mask-image: none;-webkit-mask-image: none}.dtk-shop .dtk-cat-chipsbox.can-next .dtk-cat-chips{mask-image: linear-gradient(90deg,#000 calc(100% - 56px),transparent);-webkit-mask-image: linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.dtk-shop .dtk-cat-chipsbox.can-prev .dtk-cat-chips{mask-image: linear-gradient(90deg,transparent,#000 56px);-webkit-mask-image: linear-gradient(90deg,transparent,#000 56px)}.dtk-shop .dtk-cat-chipsbox.can-prev.can-next .dtk-cat-chips{mask-image: linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);-webkit-mask-image: linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.dtk-shop .dtk-chips-arrow{position: absolute;top: 50%;z-index: 2;transform: translateY(-50%);display: grid;place-items: center;width: 34px;height: 34px;padding: 0;border-radius: 50%;border: 1px solid var(--sh-line-2);background: #fff;color: var(--sh-ink);font-size: 13px;cursor: pointer;box-shadow: 0 4px 12px rgba(0,0,0,.12);transition: opacity .16s,background .16s}.dtk-shop .dtk-chips-arrow:hover{background: var(--sh-soft)}.dtk-shop .dtk-chips-arrow:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px}.dtk-shop .dtk-chips-arrow--prev{left: -2px}.dtk-shop .dtk-chips-arrow--next{right: -2px}.dtk-shop .dtk-chips-arrow[hidden]{display: none}@media (hover: none),(max-width: 767px){.dtk-shop .dtk-chips-arrow{display: none}}.dtk-shop .dtk-subcats{margin: 0 0 32px}.dtk-shop .dtk-subcats__title{display: flex;align-items: center;gap: 10px;margin: 0 0 14px;font-family: var(--sh-font);font-size: 18px;font-weight: 750;color: var(--sh-ink);letter-spacing: -.01em}.dtk-shop .dtk-subcats__title span{display: inline-grid;place-items: center;min-width: 26px;height: 26px;padding: 0 8px;border-radius: 999px;background: var(--sh-tint);color: var(--primary);font-size: 13px;font-weight: 700}.dtk-shop .dtk-subcats__grid{display: grid;grid-template-columns: minmax(0,1fr);gap: 8px;margin: 0;padding: 0;list-style: none}.dtk-shop .dtk-subcat{display: flex;flex-direction: column;margin: 0;border: 1px solid var(--sh-line);border-radius: 12px;background: #fff;transition: border-color .16s,background-color .16s}.dtk-shop .dtk-subcat:hover,.dtk-shop .dtk-subcat:focus-within{border-color: color-mix(in srgb,var(--primary) 45%,var(--sh-line));background: color-mix(in srgb,var(--primary) 4%,#fff)}.dtk-shop .dtk-subcat__main{display: flex;align-items: center;gap: 12px;min-height: 72px;padding: 8px 14px 8px 8px;color: var(--sh-ink);border-radius: 12px}.dtk-shop .dtk-subcat__media{flex: 0 0 56px;width: 56px;height: 56px;border-radius: 9px;overflow: hidden;background: var(--sh-soft);display: grid;place-items: center;color: var(--sh-muted);font-size: 18px}.dtk-shop .dtk-subcat__media img{width: 100%;height: 100%;object-fit: cover;display: block}.dtk-shop .dtk-subcat__body{display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1 1 auto}.dtk-shop .dtk-subcat__name{font-size: 14.5px;font-weight: 650;line-height: 1.3}.dtk-shop .dtk-subcat__count{font-size: 12.5px;color: var(--sh-muted)}.dtk-shop .dtk-subcat__go{flex: 0 0 auto;color: var(--sh-muted);font-size: 14px;transition: transform .16s,color .16s}.dtk-shop .dtk-subcat:hover .dtk-subcat__go{color: var(--primary);transform: translateX(3px)}.dtk-shop .dtk-subcat__kids{display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0 12px 10px 76px;list-style: none}.dtk-shop .dtk-subcat__kids a{display: inline-flex;align-items: center;gap: 5px;min-height: 28px;padding: 0 10px;border-radius: 999px;background: var(--sh-soft);color: var(--sh-ink);font-size: 12.5px;font-weight: 600;transition: background .16s,color .16s}.dtk-shop .dtk-subcat__kids a:hover{background: var(--sh-tint);color: var(--primary)}.dtk-shop .dtk-subcat__kids span{color: var(--sh-muted);font-weight: 500}@media (min-width: 641px){.dtk-shop .dtk-subcats__grid{grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 10px}}@media (prefers-reduced-motion: reduce){.dtk-shop .dtk-subcat,.dtk-shop .dtk-subcat__media img{transition: none}.dtk-shop .dtk-subcat:hover{transform: none}}.dtk-shop .dtk-chip-btn{display: inline-flex;align-items: center;gap: 8px;height: 38px;padding: 0 16px;border-radius: 999px;white-space: nowrap;border: 1.5px solid var(--sh-line-2);background: #fff;color: var(--sh-ink);font-size: 14px;font-weight: 600;cursor: pointer;transition: background .16s,border-color .16s,color .16s,box-shadow .16s}.dtk-shop .dtk-chip-btn:hover{background: var(--sh-soft);border-color: var(--sh-muted)}.dtk-shop .dtk-chip-btn.is-active{background: var(--primary);border-color: var(--primary);color: #fff;box-shadow: 0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent)}.dtk-shop .dtk-chip-btn--menu{background: var(--sh-ink);border-color: var(--sh-ink);color: #fff}.dtk-shop .dtk-chip-btn--menu:hover{background: color-mix(in srgb,var(--sh-ink) 86%,#fff);border-color: transparent}.dtk-shop .dtk-cat-dropdown{position: relative;flex: 0 0 auto}.dtk-shop .dtk-cat-dropdown__arrow{font-size: 11px;transition: transform .2s var(--sh-ease)}.dtk-shop .dtk-cat-dropdown.is-open .dtk-cat-dropdown__arrow{transform: rotate(180deg)}.dtk-shop .dtk-cat-dropdown__menu{position: absolute;top: calc(100% + 8px);left: 0;z-index: 60;min-width: 260px;max-height: 380px;overflow-y: auto;padding: 8px;background: #fff;border: 1px solid var(--sh-line);border-radius: var(--sh-r-lg);box-shadow: 0 25px 50px rgba(0,0,0,.15),0 12px 24px rgba(0,0,0,.08);animation: dtkShopPop .18s var(--sh-ease)}.dtk-shop .dtk-cat-dropdown__menu a{display: flex;align-items: center;min-height: 44px;padding: 0 14px;border-radius: var(--sh-r);font-size: 14.5px;font-weight: 500;color: var(--sh-ink);transition: background .14s}.dtk-shop .dtk-cat-dropdown__menu a:hover{background: var(--sh-soft)}.dtk-shop .dtk-cat-dropdown__menu a.is-current{background: var(--sh-tint);color: var(--primary);font-weight: 700}.dtk-shop .dtk-cat-dropdown__menu a.dtk-cat-dropdown__all{font-weight: 700;border-bottom: 1px solid var(--sh-line);border-radius: var(--sh-r) var(--sh-r) 0 0;margin-bottom: 4px}@keyframes dtkShopPop{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: none}}.dtk-shop .dtk-cat-body{padding-top: 28px}.dtk-shop .dtk-cat-toolbar{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 12px;margin-bottom: 24px}.dtk-shop .dtk-cat-toolbar__count{margin: 0;font-size: 14px;color: var(--sh-muted)}.dtk-shop .dtk-search-alt{margin: -8px 0 24px;padding: 12px 16px;border-radius: 12px;background: var(--sh-soft,#f5f5f4);color: var(--sh-ink);font-size: 14px;line-height: 1.5}.dtk-shop .dtk-search-alt p{margin: 0}.dtk-shop .dtk-search-alt p + p{margin-top: 4px}.dtk-shop .dtk-search-alt a{color: inherit;font-weight: 600;text-decoration: underline;text-underline-offset: 2px}.dtk-shop .dtk-search{position: relative;display: flex;align-items: center;width: min(100%,380px)}.dtk-shop .dtk-search > i{position: absolute;left: 16px;color: var(--sh-muted);font-size: 15px;pointer-events: none}.dtk-shop .dtk-search input{width: 100%;height: 44px;padding: 0 84px 0 42px;border: 1.5px solid var(--sh-line-2);border-radius: 999px;background: #fff;color: var(--sh-ink);font-size: 15px;transition: border-color .16s,box-shadow .16s;-webkit-appearance: none;appearance: none}.dtk-shop .dtk-search input::placeholder{color: #9ca3af}.dtk-shop .dtk-search input:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.dtk-shop .dtk-search button{position: absolute;right: 4px;top: 4px;height: 36px;padding: 0 16px;border: 0;border-radius: 999px;background: var(--primary);color: #fff;font-size: 14px;font-weight: 700;cursor: pointer;transition: filter .16s}.dtk-shop .dtk-search button:hover{filter: brightness(.92)}.dtk-shop .dtk-cat-grid4{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 24px}.dtk-shop .products-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 24px}.dtk-shop .dtk-card{position: relative;display: flex;flex-direction: column;height: 100%;background: #fff;border: 1px solid var(--sh-line);border-radius: var(--sh-r-lg);overflow: hidden;transition: transform .24s var(--sh-ease),box-shadow .24s var(--sh-ease),border-color .2s}.dtk-shop .dtk-card:hover{transform: translateY(-3px);border-color: transparent;box-shadow: 0 14px 32px color-mix(in srgb,var(--primary) 12%,transparent),0 6px 12px rgba(0,0,0,.06)}.dtk-shop .dtk-card__media{position: relative;aspect-ratio: 1 / 1;background: var(--sh-soft);overflow: hidden}.dtk-shop .dtk-card__media img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s var(--sh-ease)}.dtk-shop .dtk-card:hover .dtk-card__media img{transform: scale(1.04)}.dtk-shop .dtk-card.is-out .dtk-card__media img{filter: grayscale(.6);opacity: .8}.dtk-shop .dtk-card__noimg{position: absolute;inset: 0;display: grid;place-items: center;font-size: 34px;color: var(--sh-line-2)}.dtk-shop .dtk-card__badges{position: absolute;top: 12px;left: 12px;display: flex;flex-wrap: wrap;gap: 6px}.dtk-shop .dtk-chip{display: inline-flex;align-items: center;height: 26px;padding: 0 10px;border-radius: 999px;font-size: 12px;font-weight: 700;letter-spacing: .01em;background: #fff;color: var(--sh-ink);box-shadow: var(--sh-sh-1)}.dtk-shop .dtk-chip--sale{background: var(--primary);color: #fff}.dtk-shop .dtk-chip--out{background: #fee2e2;color: #991b1b}.dtk-shop .dtk-chip--new{background: #dcfce7;color: #166534}.dtk-shop .dtk-chip--camp{background: var(--sh-ink);color: #fff}.dtk-shop .dtk-card__body{display: flex;flex-direction: column;gap: 12px;flex: 1 1 auto;padding: 16px 16px 18px}.dtk-shop .dtk-card__title{margin: 0;font-family: var(--sh-font);font-size: 15.5px;line-height: 1.4;font-weight: 600;color: var(--sh-ink);text-transform: none;letter-spacing: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.dtk-shop .dtk-card__foot{margin-top: auto;display: flex;align-items: center;justify-content: space-between;gap: 10px}.dtk-shop .dtk-card__price{margin: 0;display: inline-flex;align-items: baseline;flex-wrap: wrap;gap: 8px}.dtk-shop .dtk-card__now{font-size: 17px;font-weight: 800;color: var(--sh-ink);font-variant-numeric: tabular-nums}.dtk-shop .dtk-card__price del{font-size: 13.5px;color: var(--sh-muted)}.dtk-shop .dtk-card__price small{font-size: 12.5px;font-weight: 600;color: var(--sh-muted)}.dtk-shop .dtk-card__ask{font-size: 14px;font-weight: 600;color: var(--sh-muted);transition: color .16s}.dtk-shop .dtk-card:hover .dtk-card__ask{color: var(--primary)}.dtk-shop .dtk-card__go{flex: 0 0 auto;width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;background: var(--sh-soft);color: var(--sh-ink);transition: background .2s,color .2s,transform .24s var(--sh-ease)}.dtk-shop .dtk-card:hover .dtk-card__go{background: var(--primary);color: #fff;transform: translateX(2px)}.dtk-shop .dtk-empty{display: flex;flex-direction: column;align-items: center;gap: 14px;text-align: center;padding: 64px 24px;border: 1.5px dashed var(--sh-line-2);border-radius: var(--sh-r-xl);background: var(--sh-soft)}.dtk-shop .dtk-empty__icon{width: 56px;height: 56px;border-radius: 50%;display: grid;place-items: center;background: #fff;color: var(--sh-muted);font-size: 22px;box-shadow: var(--sh-sh-1)}.dtk-shop .dtk-empty p{margin: 0;color: var(--sh-text);font-size: 15.5px}.dtk-shop .dtk-cat-compare{margin-top: 56px;padding: 32px clamp(20px,4vw,40px);border: 1px solid var(--sh-line);border-radius: var(--sh-r-xl);background: #fff;box-shadow: var(--sh-sh-1)}.dtk-shop .dtk-cat-compare h2{font-family: var(--sh-font);font-size: 23px;font-weight: 800;letter-spacing: -.01em;color: var(--sh-ink);margin: 0 0 18px}.dtk-shop .dtk-cat-compare__scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--sh-line);border-radius: var(--sh-r)}.dtk-shop .dtk-cat-compare__scroll:focus-visible{outline: 3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset: 2px}.dtk-shop .dtk-cat-compare__table{width: 100%;border-collapse: collapse;font-size: 15px;line-height: 1.45;color: var(--sh-text)}.dtk-shop .dtk-cat-compare__table th,.dtk-shop .dtk-cat-compare__table td{padding: 12px 16px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--sh-line)}.dtk-shop .dtk-cat-compare__table thead th{background: var(--sh-soft);color: var(--sh-ink);font-size: 13px;font-weight: 700;white-space: nowrap}.dtk-shop .dtk-cat-compare__table tbody tr:last-child > *{border-bottom: 0}.dtk-shop .dtk-cat-compare__table tbody th{font-weight: 600;min-width: 160px}.dtk-shop .dtk-cat-compare__table tbody th a{color: var(--sh-ink);text-decoration: none}.dtk-shop .dtk-cat-compare__table tbody th a:hover{color: var(--primary);text-decoration: underline}.dtk-shop .dtk-cat-compare__table tbody tr:hover{background: var(--sh-tint)}.dtk-shop .dtk-cat-compare__note{margin: 12px 0 0;font-size: 13px;color: var(--sh-muted)}@media (max-width: 640px){.dtk-shop .dtk-cat-compare{margin-top: 40px;padding: 20px 16px;border-radius: var(--sh-r-lg)}.dtk-shop .dtk-cat-compare__table{font-size: 14px}.dtk-shop .dtk-cat-compare__table th,.dtk-shop .dtk-cat-compare__table td{padding: 10px 12px}}.dtk-shop .dtk-cat-desc{margin-top: 56px;padding: 40px clamp(20px,4vw,56px);border: 1px solid var(--sh-line);border-radius: var(--sh-r-xl);background: #fff;box-shadow: var(--sh-sh-1)}.dtk-shop .dtk-cat-desc__title{font-family: var(--sh-font);font-size: 23px;font-weight: 800;letter-spacing: -.01em;line-height: 1.3;color: var(--sh-ink);margin: 0 0 18px;max-width: 820px}.dtk-shop .dtk-cat-desc__body{position: relative;max-width: 820px;font-size: 16px;line-height: 1.75;color: var(--sh-text)}.dtk-shop .dtk-cat-desc__body > :first-child{margin-top: 0}.dtk-shop .dtk-cat-desc__body p{margin: 0 0 1em}.dtk-shop .dtk-cat-desc__body h2,.dtk-shop .dtk-cat-desc__body h3,.dtk-shop .dtk-cat-desc__body h4{font-family: var(--sh-font);color: var(--sh-ink);letter-spacing: -.01em;line-height: 1.3;margin: 1.6em 0 .6em}.dtk-shop .dtk-cat-desc__body h2{font-size: 23px;font-weight: 800}.dtk-shop .dtk-cat-desc__body h3{font-size: 19px;font-weight: 700}.dtk-shop .dtk-cat-desc__body h4{font-size: 17px;font-weight: 700}.dtk-shop .dtk-cat-desc__body ul,.dtk-shop .dtk-cat-desc__body ol{margin: 0 0 1em;padding-left: 1.3em}.dtk-shop .dtk-cat-desc__body ul{list-style: disc}.dtk-shop .dtk-cat-desc__body ol{list-style: decimal}.dtk-shop .dtk-cat-desc__body li{margin: .3em 0}.dtk-shop .dtk-cat-desc__body li::marker{color: var(--primary)}.dtk-shop .dtk-cat-desc__body a{color: var(--primary);text-decoration: underline;text-underline-offset: 3px}.dtk-shop .dtk-cat-desc__body img{border-radius: var(--sh-r)}.dtk-shop .dtk-cat-desc__body table{width: 100%;border-collapse: collapse;margin: 0 0 1.2em;font-size: 15px}.dtk-shop .dtk-cat-desc__body th,.dtk-shop .dtk-cat-desc__body td{padding: 10px 12px;border-bottom: 1px solid var(--sh-line);text-align: left}.dtk-shop .dtk-cat-desc__body th{background: var(--sh-soft);color: var(--sh-ink);font-weight: 700}.dtk-shop .dtk-cat-desc__body .dtk-img-left{float: left;margin: 4px 16px 12px 0}.dtk-shop .dtk-cat-desc__body .dtk-img-right{float: right;margin: 4px 0 12px 16px}.dtk-shop .dtk-cat-desc__body .dtk-img-center{display: block;margin: 12px auto}.dtk-shop .dtk-cat-desc__body .dtk-img-full{display: block;width: 100% !important;height: auto !important;margin: 12px 0}.dtk-shop .dtk-cat-desc__body.is-collapsed .dtk-cat-desc__more{display: block;max-height: 0;overflow: hidden}.dtk-shop .dtk-cat-desc__body.is-collapsed .dtk-cat-desc__more[hidden]{display: block !important;content-visibility: hidden}.dtk-shop .dtk-cat-desc__body.is-collapsible.is-collapsed::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 96px;background: linear-gradient(180deg,rgba(255,255,255,0),#fff 85%);pointer-events: none}.dtk-shop .dtk-morebtn{display: inline-flex;align-items: center;gap: 8px;margin-top: 8px;min-height: 44px;padding: 0 22px;border-radius: 999px;border: 1.5px solid var(--sh-ink);background: #fff;color: var(--sh-ink);font-size: 14px;font-weight: 700;cursor: pointer;transition: background .16s,color .16s}.dtk-shop .dtk-morebtn:hover{background: var(--sh-ink);color: #fff}.dtk-shop .dtk-faq{margin-top: 48px}.dtk-shop .dtk-faq h2{font-family: var(--sh-font);font-size: 23px;font-weight: 800;letter-spacing: -.01em;color: var(--sh-ink);margin: 0 0 18px}.dtk-shop .dtk-faq__list{display: flex;flex-direction: column;gap: 10px;max-width: 900px}.dtk-shop .dtk-faq__item{padding: 0;margin: 0;border: 1px solid var(--sh-line);border-radius: var(--sh-r-lg);background: #fff;transition: box-shadow .2s,border-color .2s}.dtk-shop .dtk-faq__item[open]{border-color: color-mix(in srgb,var(--primary) 30%,var(--sh-line));box-shadow: var(--sh-sh-2)}.dtk-shop .dtk-faq__item summary{display: flex;align-items: center;justify-content: space-between;gap: 14px;min-height: 56px;padding: 14px 18px;cursor: pointer;list-style: none;font-weight: 700;font-size: 16px;color: var(--sh-ink)}.dtk-shop .dtk-faq__item summary::-webkit-details-marker{display: none}.dtk-shop .dtk-faq__item summary i{flex: 0 0 auto;color: var(--sh-muted);transition: transform .24s var(--sh-ease),color .2s}.dtk-shop .dtk-faq__item[open] summary i{transform: rotate(45deg);color: var(--primary)}.dtk-shop .dtk-faq__a{padding: 0 18px 18px}.dtk-shop .dtk-faq__item[open] .dtk-faq__a{animation: dtkShopFade .24s var(--sh-ease)}.dtk-shop .dtk-faq__a p{margin: 0;font-size: 15.5px;line-height: 1.7;color: var(--sh-text)}@keyframes dtkShopFade{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: none}}.dtk-shop .page-title{padding: 28px 0 8px}.dtk-shop .page-title h1{font-family: var(--sh-font);font-size: clamp(1.7rem,1.2rem + 1.6vw,2.4rem);font-weight: 800;letter-spacing: -.02em;line-height: 1.15;color: var(--sh-ink);margin: 12px 0 0;text-transform: none}.dtk-shop .dtk-brand-lead{max-width: 760px;margin: 0 0 32px;color: var(--sh-text);font-size: 16.5px;line-height: 1.7}.dtk-shop .shop-layout{display: grid;grid-template-columns: 260px minmax(0,1fr);gap: 40px;margin-top: 24px}.dtk-shop .main-content{width: auto;max-width: none;margin: 0;padding: 0}.dtk-shop .sidebar{align-self: start;position: sticky;top: 16px;display: flex;flex-direction: column;gap: 20px}.dtk-shop .widget{border: 1px solid var(--sh-line);border-radius: var(--sh-r-lg);padding: 18px;background: #fff}.dtk-shop .widget-title{font-family: var(--sh-font);font-size: 13px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--sh-muted);margin: 0 0 10px}.dtk-shop .category-list a{display: flex;justify-content: space-between;align-items: center;min-height: 40px;padding: 0 10px;margin: 0 -10px;border-radius: var(--sh-r-sm);font-size: 14.5px;color: var(--sh-ink);transition: background .14s,color .14s}.dtk-shop .category-list a:hover{background: var(--sh-soft);color: var(--primary)}.dtk-shop .dtk-count{min-width: 26px;height: 22px;padding: 0 8px;border-radius: 999px;background: var(--sh-soft);color: var(--sh-muted);font-size: 12px;font-weight: 700;display: inline-grid;place-items: center}.dtk-shop .top-rated-item{display: flex;gap: 12px;align-items: center;padding: 8px;margin: 0 -8px;border-radius: var(--sh-r);transition: background .14s}.dtk-shop .top-rated-item:hover{background: var(--sh-soft)}.dtk-shop .top-rated-item img{width: 56px;height: 56px;object-fit: cover;border-radius: var(--sh-r-sm);flex: 0 0 auto}.dtk-shop .top-rated-info{display: flex;flex-direction: column;gap: 2px;min-width: 0}.dtk-shop .top-rated-name{font-size: 14px;font-weight: 600;color: var(--sh-ink);line-height: 1.35}.dtk-shop .stars{color: #f5a524;font-size: 12px;display: inline-flex;gap: 1px}.dtk-shop .price{font-weight: 700;color: var(--sh-ink);font-size: 14px}.dtk-catalog .dtk-cat-hero h1 span{color: var(--primary)}.dtk-catalog .dtk-cat-hero.has-img h1 span{color: #fff}.dtk-shop .dtk-chip-btn__n{display: inline-grid;place-items: center;min-width: 22px;height: 22px;padding: 0 7px;border-radius: 999px;background: var(--sh-soft);color: var(--sh-muted);font-size: 12px;font-weight: 700}.dtk-shop .dtk-chip-btn.is-active .dtk-chip-btn__n{background: rgba(255,255,255,.22);color: #fff}.dtk-shop .dtk-catalog__group{padding: 8px 0 48px}.dtk-shop .dtk-catalog__group + .dtk-catalog__group{border-top: 1px solid var(--sh-line);padding-top: 40px}.dtk-shop .dtk-catalog__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;margin-bottom: 16px}.dtk-shop .dtk-catalog__titles{display: flex;align-items: baseline;flex-wrap: wrap;gap: 4px 12px;min-width: 0}.dtk-shop .dtk-catalog__head h2{font-family: var(--sh-font);font-size: clamp(1.35rem,1.1rem + .9vw,1.75rem);line-height: 1.2;font-weight: 800;letter-spacing: -.015em;color: var(--sh-ink);margin: 0}.dtk-shop .dtk-catalog__head h2 a{transition: color .16s}.dtk-shop .dtk-catalog__head h2 a:hover{color: var(--primary)}.dtk-shop .dtk-catalog__count{font-size: 14px;color: var(--sh-muted)}.dtk-shop .dtk-catalog__all{position: relative;display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 4px;font-size: 14.5px;font-weight: 700;color: var(--primary);white-space: nowrap;flex: 0 0 auto}.dtk-shop .dtk-catalog__all i{transition: transform .2s var(--sh-ease)}.dtk-shop .dtk-catalog__all:hover i{transform: translateX(3px)}.dtk-shop .dtk-catalog__subs{display: flex;flex-wrap: wrap;gap: 8px;margin: -4px 0 20px}.dtk-shop .dtk-catalog__subs a{display: inline-flex;align-items: center;gap: 8px;min-height: 36px;padding: 0 14px;border-radius: 999px;background: var(--sh-tint);color: var(--sh-ink);font-size: 13.5px;font-weight: 600;transition: background .16s,color .16s}.dtk-shop .dtk-catalog__subs a:hover{background: color-mix(in srgb,var(--primary) 16%,#fff);color: var(--primary)}.dtk-shop .dtk-catalog__subs a span{font-size: 12px;font-weight: 700;color: var(--sh-muted)}.dtk-shop .dtk-catalog__more{margin-top: 24px}@media (max-width: 1100px){.dtk-shop .dtk-cat-grid4{grid-template-columns: repeat(3,minmax(0,1fr))}.dtk-shop .products-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.dtk-shop .shop-layout{grid-template-columns: 1fr}.dtk-shop .sidebar{position: static;order: 2}.dtk-shop .dtk-cat-hero{padding: 32px 28px 34px}}@media (max-width: 640px){.dtk-shop .container{padding: 0 16px}.dtk-shop .dtk-cat-hero{margin-top: 12px;border-radius: var(--sh-r-lg);padding: 24px 20px 26px}.dtk-shop .dtk-cat-hero.has-img,.dtk-shop .dtk-cat-hero.has-bg{min-height: 240px;padding-top: 48px}.dtk-shop .dtk-cat-hero__bluf{font-size: 15.5px}.dtk-shop .dtk-cat-hero__icons{gap: 8px;margin-top: 18px}.dtk-shop .dtk-cat-hero__icon-item{font-size: 12.5px;min-height: 40px}.dtk-shop .dtk-cat-subnav{margin-top: 12px}.dtk-shop .dtk-cat-subnav__inner{padding: 10px 16px}.dtk-shop .dtk-chip-btn--menu span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.dtk-shop .dtk-cat-dropdown__menu{min-width: min(280px,calc(100vw - 32px))}.dtk-shop .dtk-cat-body{padding-top: 20px}.dtk-shop .dtk-cat-toolbar{flex-direction: column-reverse;align-items: stretch}.dtk-shop .dtk-search{width: 100%}.dtk-shop .dtk-cat-grid4,.dtk-shop .products-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.dtk-shop .dtk-card__body{padding: 12px 12px 14px;gap: 10px}.dtk-shop .dtk-card__title{font-size: 14px}.dtk-shop .dtk-card__now{font-size: 15px}.dtk-shop .dtk-card__go{width: 30px;height: 30px}.dtk-shop .dtk-card__ask{font-size: 12.5px}.dtk-shop .dtk-card__badges{top: 8px;left: 8px}.dtk-shop .dtk-cat-desc{margin-top: 40px;padding: 24px 18px;border-radius: var(--sh-r-lg)}.dtk-shop .dtk-cat-desc__body{font-size: 15.5px}.dtk-shop .dtk-catalog__group{padding-bottom: 36px}.dtk-shop .dtk-catalog__group + .dtk-catalog__group{padding-top: 28px}.dtk-shop .dtk-catalog__head{align-items: center;margin-bottom: 12px}.dtk-shop .dtk-catalog__all{width: 44px;padding: 0;justify-content: center;border-radius: 50%;background: var(--sh-tint)}.dtk-shop .dtk-catalog__all > span:first-child{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.dtk-shop .dtk-catalog__subs{margin-bottom: 16px}.dtk-shop .dtk-catalog__more{width: 100%;justify-content: center}}@media (prefers-reduced-motion: reduce){.dtk-shop *,.dtk-shop *::before,.dtk-shop *::after{transition: none !important;animation: none !important}.dtk-shop .dtk-card:hover,.dtk-shop .dtk-card:hover .dtk-card__media img,.dtk-shop .dtk-cat-hero.has-img:hover .dtk-cat-hero__bg-img{transform: none}}@media print{.dtk-shop .dtk-cat-subnav,.dtk-shop .dtk-search,.dtk-shop .dtk-morebtn{display: none !important}.dtk-shop .dtk-cat-desc__more{max-height: none !important}}.dtk-shop .dtk-listbar{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: start;gap: 12px;margin: -8px 0 24px}.dtk-shop .dtk-sort{grid-column: 2;grid-row: 1;position: relative;z-index: 1;display: flex;align-items: center;gap: 10px}.dtk-shop .dtk-sort__label,.dtk-shop .dtk-filter__label{font-size: 14px;font-weight: 600;color: var(--sh-ink)}.dtk-shop .dtk-select,.dtk-shop .dtk-input{height: 44px;padding: 0 14px;border-radius: 999px;border: 1.5px solid var(--sh-line-2);background-color: #fff;color: var(--sh-ink);font: inherit;font-size: 14px;max-width: 100%;transition: border-color .16s,box-shadow .16s}.dtk-shop .dtk-select{padding-right: 36px;appearance: none;-webkit-appearance: none;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M1.6 4.6a.75.75 0 0 1 1.06 0L8 9.94l5.34-5.34a.75.75 0 1 1 1.06 1.06L8.53 11.53a.75.75 0 0 1-1.06 0L1.6 5.66a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center}.dtk-shop .dtk-select:hover,.dtk-shop .dtk-input:hover{border-color: var(--sh-muted)}.dtk-shop .dtk-select:focus-visible,.dtk-shop .dtk-input:focus-visible{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.dtk-shop .dtk-filter{grid-column: 1 / -1;grid-row: 1;min-width: 0;margin: 0;padding: 0;border: 0;border-radius: 0;background: none;box-shadow: none}.dtk-shop .dtk-filter__toggle{list-style: none;height: 44px;width: fit-content;padding: 0 18px}.dtk-shop .dtk-filter__toggle::-webkit-details-marker{display: none}.dtk-shop .dtk-filter[open] .dtk-filter__toggle{background: var(--sh-ink);border-color: var(--sh-ink);color: #fff}.dtk-shop .dtk-filter__n{display: inline-grid;place-items: center;min-width: 22px;height: 22px;padding: 0 6px;border-radius: 999px;background: var(--primary);color: #fff;font-size: 12px;font-weight: 700}.dtk-shop .dtk-filter__panel{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 20px 28px;margin-top: 12px;padding: 20px 22px;border: 1px solid var(--sh-line);border-radius: var(--sh-r-lg);background: var(--sh-soft)}.dtk-shop .dtk-filter__group{display: flex;flex-direction: column;gap: 8px;min-width: 0;margin: 0;padding: 0;border: 0}.dtk-shop .dtk-filter__checks{gap: 10px}.dtk-shop .dtk-check{display: inline-flex;align-items: center;gap: 10px;min-height: 32px;font-size: 14.5px;color: var(--sh-ink);cursor: pointer}.dtk-shop .dtk-check input{width: 20px;height: 20px;accent-color: var(--primary);margin: 0}.dtk-shop .dtk-filter__range{display: flex;align-items: center;gap: 8px;color: var(--sh-muted)}.dtk-shop .dtk-filter__range .dtk-input{width: 150px}.dtk-shop .dtk-filter__actions{display: flex;align-items: center;gap: 16px;margin-left: auto}.dtk-shop .dtk-filter__actions .dtk-chip-btn{height: 44px;padding: 0 22px}.dtk-shop .dtk-filter__apply{background: var(--primary);border-color: var(--primary);color: #fff}.dtk-shop .dtk-filter__apply:hover{background: color-mix(in srgb,var(--primary) 88%,#000);border-color: transparent}.dtk-shop .dtk-filter__clear{font-size: 14px;font-weight: 600;color: var(--sh-ink);text-decoration: underline;text-underline-offset: 3px}.dtk-shop .dtk-pager{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;margin: 40px 0 8px}.dtk-shop .dtk-pager__list{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.dtk-shop .dtk-pager__num,.dtk-shop .dtk-pager__step{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: 44px;height: 44px;padding: 0 14px;border-radius: 999px;border: 1.5px solid var(--sh-line-2);background: #fff;color: var(--sh-ink);font-size: 14px;font-weight: 600;transition: background .16s,border-color .16s,color .16s}.dtk-shop a.dtk-pager__num:hover,.dtk-shop .dtk-pager__step:hover{border-color: var(--primary);color: var(--primary)}.dtk-shop .dtk-pager__num.is-current{background: var(--primary);border-color: var(--primary);color: #fff}.dtk-shop .dtk-pager__gap{min-width: 24px;text-align: center;color: var(--sh-muted)}.dtk-shop .dtk-pager[hidden]{display: none}.dtk-shop .dtk-more{display: flex;flex-direction: column;align-items: center;gap: 12px;margin: 40px 0 8px}.dtk-shop .dtk-more__count{margin: 0;font-size: 14px;color: var(--sh-muted)}.dtk-shop .dtk-more__btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 28px;border-radius: 999px;border: 1.5px solid var(--sh-line-2);background: #fff;color: var(--sh-ink);font: inherit;font-size: 15px;font-weight: 600;cursor: pointer;transition: background .16s,border-color .16s,color .16s}.dtk-shop .dtk-more__btn:hover:not(:disabled){border-color: var(--primary);color: var(--primary)}.dtk-shop .dtk-more__btn:focus-visible{outline: 2px solid var(--primary);outline-offset: 3px}.dtk-shop .dtk-more__btn:disabled{cursor: progress;opacity: .7}.dtk-shop .dtk-more__btn[hidden]{display: none}.dtk-shop .dtk-more.is-loading .dtk-more__btn::before{content: "";width: 16px;height: 16px;border-radius: 50%;border: 2px solid currentColor;border-right-color: transparent;animation: dtk-more-spin .8s linear infinite}@keyframes dtk-more-spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){.dtk-shop .dtk-more.is-loading .dtk-more__btn::before{animation: none}}@media (max-width: 640px){.dtk-shop .dtk-listbar{margin-top: -4px}.dtk-shop .dtk-listbar{grid-template-columns: minmax(0,1fr)}.dtk-shop .dtk-sort{grid-column: 1;grid-row: 1}.dtk-shop .dtk-sort .dtk-select{flex: 1 1 auto;min-width: 0}.dtk-shop .dtk-filter{grid-column: 1;grid-row: 2}.dtk-shop .dtk-filter__panel{padding: 16px;gap: 16px}.dtk-shop .dtk-filter__group,.dtk-shop .dtk-filter__actions{flex: 1 1 100%}.dtk-shop .dtk-filter__range label{flex: 1 1 0;min-width: 0;display: flex}.dtk-shop .dtk-filter__range .dtk-input{width: 100%;min-width: 0}.dtk-shop .dtk-filter__actions{margin-left: 0;justify-content: space-between}.dtk-shop .dtk-pager__step span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.dtk-shop .dtk-pager__step{padding: 0;width: 44px}}.dtk-shop .dtk-cat-toolbar{position: relative;justify-content: flex-start}.dtk-shop .dtk-cat-toolbar__count{margin-right: auto}.dtk-shop .dtk-cat-toolbar .dtk-search{flex: 0 1 380px;min-width: 220px}.dtk-shop .dtk-cat-toolbar .dtk-listbar{display: flex;align-items: center;gap: 12px;margin: 0;min-width: 0}.dtk-shop .dtk-cat-toolbar .dtk-filter{position: static}.dtk-shop .dtk-cat-toolbar .dtk-filter__panel{position: absolute;top: calc(100% + 8px);left: 0;right: 0;z-index: 30;margin-top: 0;background: #fff;box-shadow: 0 18px 40px -12px rgba(15,23,42,.22)}@media (max-width: 640px){.dtk-shop .dtk-cat-toolbar{flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px}.dtk-shop .dtk-cat-toolbar .dtk-search{order: -1;flex: 1 1 100%;min-width: 0;width: 100%}.dtk-shop .dtk-cat-toolbar__count{flex: 1 1 130px;min-width: 0;font-size: 13px;line-height: 1.35}.dtk-shop .dtk-cat-toolbar .dtk-listbar{flex: 0 1 auto;gap: 8px;margin-left: auto}.dtk-shop .dtk-cat-toolbar .dtk-sort{gap: 0}.dtk-shop .dtk-cat-toolbar .dtk-sort__label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.dtk-shop .dtk-cat-toolbar .dtk-sort .dtk-select{max-width: 52vw}.dtk-shop .dtk-cat-toolbar .dtk-filter__toggle{padding: 0 14px}.dtk-shop .dtk-search input,.dtk-shop .dtk-select,.dtk-shop .dtk-input{font-size: 16px}.dtk-shop .dtk-cat-toolbar .dtk-filter__panel{max-height: min(70vh,520px);overflow-y: auto}}@media print{.dtk-shop .dtk-listbar,.dtk-shop .dtk-pager{display: none !important}}.dtk-shop .dtk-cat-hero.dtk-ch{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,540px);gap: 44px;align-items: center;min-height: 0;padding: 32px 36px}.dtk-shop .dtk-ch__intro{position: relative;z-index: 1;min-width: 0}.dtk-shop .dtk-ch__intro .dtk-cat-hero__icons{margin-top: 18px}.dtk-shop .dtk-ch__pick{position: relative;z-index: 1;min-width: 0;background: #fff;color: var(--sh-ink);border: 1px solid var(--sh-line);border-radius: var(--sh-r-xl);box-shadow: 0 4px 8px -2px rgba(16,24,40,.08),0 12px 24px -6px rgba(16,24,40,.12);padding: 22px}.dtk-shop .dtk-ch__pick h2{font-family: var(--sh-font);font-size: 18px;line-height: 1.3;font-weight: 700;margin: 0 0 12px;color: var(--sh-ink)}.dtk-shop .dtk-ch__tabs{display: flex;gap: 6px;margin-bottom: 12px;flex-wrap: wrap}.dtk-shop .dtk-ch__tabs button{flex: 1 1 0;min-height: 44px;border-radius: var(--sh-r);border: 1px solid var(--sh-line);background: #fff;font: inherit;font-size: 14.5px;font-weight: 600;color: var(--sh-text);cursor: pointer;padding: 0 10px}.dtk-shop .dtk-ch__tabs button span{color: var(--sh-muted);font-weight: 500}.dtk-shop .dtk-ch__tabs button[aria-pressed="true"]{background: var(--sh-ink);border-color: var(--sh-ink);color: #fff}.dtk-shop .dtk-ch__tabs button[aria-pressed="true"] span{color: #c9ced6}.dtk-shop .dtk-ch__opts{display: grid;grid-template-columns: repeat(var(--n,3),minmax(0,1fr));gap: 8px;list-style: none;margin: 0;padding: 0}.dtk-shop .dtk-ch__opts li[hidden]{display: none}.dtk-shop .dtk-ch__opts a{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 5px;height: 100%;min-height: 64px;padding: 10px 6px;border-radius: var(--sh-r);border: 1px solid var(--sh-line);background: var(--sh-soft);color: var(--sh-ink);text-align: center;text-decoration: none;transition: background .15s,border-color .15s,box-shadow .15s}.dtk-shop .dtk-ch__opts a:hover{background: #fff;border-color: var(--sh-line-2)}.dtk-shop .dtk-ch__opts a[aria-current="true"]{background: #fff;border-color: var(--primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.dtk-shop .dtk-ch__opts b{font-size: 15px;line-height: 1.15;overflow-wrap: anywhere}.dtk-shop .dtk-ch__opts small{font-size: 12px;line-height: 1.2;color: var(--sh-muted);font-weight: 600}.dtk-shop .dtk-ch__opts.is-left a{align-items: flex-start;justify-content: flex-start;text-align: left;padding: 12px}.dtk-shop .dtk-ch__opts.is-strip{display: flex;overflow-x: auto;scrollbar-width: thin;gap: 8px;padding-bottom: 6px;scroll-snap-type: x proximity}.dtk-shop .dtk-ch__opts.is-strip li{flex: 0 0 112px;scroll-snap-align: start}.dtk-shop .dtk-ch__opts.is-strip a{justify-content: flex-start;min-height: 132px}.dtk-shop .dtk-ch__opts.is-strip b{font-size: 13px;line-height: 1.25}.dtk-shop .dtk-ch__th{width: 56px;height: 56px;border-radius: 10px;object-fit: cover;display: block;flex: 0 0 auto}.dtk-shop .dtk-ch__th--none{background: repeating-linear-gradient(135deg,#eef0f3 0 8px,#e3e6eb 8px 16px)}.dtk-shop .dtk-ch__bar{height: 54px;display: flex;align-items: flex-end}.dtk-shop .dtk-ch__bar i{display: block;width: 40px;height: var(--h);border-radius: 3px 3px 2px 2px;background: color-mix(in srgb,var(--primary) 70%,#fff)}.dtk-shop .dtk-ch__ans{display: grid;grid-template-columns: 88px minmax(0,1fr);gap: 14px;align-items: center;margin-top: 14px;padding: 12px;border: 1px solid var(--sh-line);border-radius: var(--sh-r)}.dtk-shop .dtk-ch__ans.is-wide{grid-template-columns: minmax(0,1fr)}.dtk-shop .dtk-ch__ans img{width: 88px;height: 88px;border-radius: 10px;object-fit: cover;background: var(--sh-soft);display: block}.dtk-shop .dtk-ch__ans img[hidden]{display: none}.dtk-shop .dtk-ch__ans b{display: block;font-size: 16px;line-height: 1.3;color: var(--sh-ink)}.dtk-shop .dtk-ch__ans p{margin: 3px 0 6px;font-size: 14.5px;line-height: 1.45;color: var(--sh-text);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.dtk-shop .dtk-ch__ans p:empty{display: none}.dtk-shop .dtk-ch__ans a{font-size: 14px;font-weight: 700;color: var(--primary);text-decoration: none}.dtk-shop .dtk-ch__ans a:hover{text-decoration: underline}.dtk-shop .dtk-ch__ans dl{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin: 6px 0 6px;border: 1px solid var(--sh-line);border-radius: 10px;overflow: hidden}.dtk-shop .dtk-ch__ans dl[hidden]{display: none}.dtk-shop .dtk-ch__ans dl div{padding: 7px 9px;min-width: 0}.dtk-shop .dtk-ch__ans dl div + div{border-left: 1px solid var(--sh-line)}.dtk-shop .dtk-ch__ans dt{font-size: 11px;color: var(--sh-muted);font-weight: 600}.dtk-shop .dtk-ch__ans dd{margin: 1px 0 0;font-size: 13px;font-weight: 700;color: var(--sh-ink);overflow-wrap: anywhere}.dtk-shop .dtk-ch__act{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 10px;align-items: end;margin-top: 14px}.dtk-shop .dtk-ch__act.is-single{grid-template-columns: minmax(0,1fr)}.dtk-shop .dtk-ch__act label{display: block;font-size: 13px;font-weight: 600;color: var(--sh-text);margin-bottom: 6px}.dtk-shop .dtk-ch__field{display: flex;align-items: center;border: 1px solid var(--sh-line-2);border-radius: var(--sh-r);min-height: 48px;padding: 0 12px;background: #fff}.dtk-shop .dtk-ch__field:focus-within{border-color: var(--primary);box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.dtk-shop .dtk-ch__field input{border: 0;outline: 0;font: inherit;font-size: 16px;width: 100%;min-width: 0;background: transparent;padding: 0;box-shadow: none;color: var(--sh-ink)}.dtk-shop .dtk-ch__field span{color: var(--sh-muted);font-size: 14px;white-space: nowrap}.dtk-shop .dtk-ch__out{margin: 8px 0 0;font-size: 13.5px;color: var(--sh-text);min-height: 20px}.dtk-shop .dtk-ch__btn{display: inline-flex;align-items: center;justify-content: center;min-height: 48px;padding: 0 20px;border-radius: 999px;background: var(--primary);color: #fff;font-weight: 700;font-size: 15px;text-decoration: none;white-space: nowrap;border: 0}.dtk-shop .dtk-ch__btn:hover{filter: brightness(.94);color: #fff}.dtk-shop .dtk-ch__draw{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 14px;padding: 12px 14px;border: 1px dashed color-mix(in srgb,var(--primary) 45%,#fff);background: color-mix(in srgb,var(--primary) 7%,#fff);border-radius: var(--sh-r)}.dtk-shop .dtk-ch__draw p{margin: 0;font-size: 14px;color: var(--sh-text)}.dtk-shop .dtk-ch :focus-visible{outline: 3px solid var(--primary);outline-offset: 2px}.dtk-shop .product-card.is-ch-on{outline: 3px solid var(--primary);outline-offset: 2px;border-radius: var(--sh-r-lg)}@media (min-width: 1200px){.dtk-shop .dtk-cat-grid4{grid-template-columns: repeat(5,minmax(0,1fr));gap: 20px}}@media (max-width: 1100px){.dtk-shop .dtk-cat-hero.dtk-ch{grid-template-columns: minmax(0,1fr);gap: 20px}}@media (max-width: 640px){.dtk-shop .dtk-cat-hero.dtk-ch{padding: 20px 16px;gap: 14px;min-height: 0}.dtk-shop .dtk-ch .dtk-cat-hero__bluf{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.dtk-shop .dtk-ch .dtk-cat-hero__icons{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;margin: 14px -16px 0;padding: 0 16px}.dtk-shop .dtk-ch .dtk-cat-hero__icons::-webkit-scrollbar{display: none}.dtk-shop .dtk-ch .dtk-cat-hero__icon-item{flex: 0 0 auto;white-space: nowrap}.dtk-shop .dtk-ch__pick{padding: 14px;border-radius: var(--sh-r-lg);box-shadow: var(--sh-sh-1)}.dtk-shop .dtk-ch__pick h2{font-size: 16px;margin-bottom: 10px}.dtk-shop .dtk-ch__tabs button{min-height: 40px;font-size: 13.5px}.dtk-shop .dtk-ch__opts{gap: 6px}.dtk-shop .dtk-ch__opts:not(.is-left){display: flex;overflow-x: auto;scrollbar-width: none;margin: 0 -14px;padding: 2px 14px 4px}.dtk-shop .dtk-ch__opts:not(.is-left) li{flex: 0 0 84px}.dtk-shop .dtk-ch__opts.is-strip li{flex-basis: 100px}.dtk-shop .dtk-ch__opts.is-left{grid-template-columns: minmax(0,1fr)}.dtk-shop .dtk-ch__opts b{font-size: 14px}.dtk-shop .dtk-ch__ans{grid-template-columns: 72px minmax(0,1fr);gap: 12px;padding: 10px;margin-top: 12px}.dtk-shop .dtk-ch__ans img{width: 72px;height: 72px}.dtk-shop .dtk-ch__ans p{font-size: 13.5px}.dtk-shop .dtk-ch__ans dl{grid-template-columns: minmax(0,1fr)}.dtk-shop .dtk-ch__ans dl div + div{border-left: 0;border-top: 1px solid var(--sh-line)}.dtk-shop .dtk-ch__act{grid-template-columns: minmax(0,1fr);gap: 8px}.dtk-shop .dtk-ch__btn{width: 100%}.dtk-shop .dtk-ch__draw{flex-direction: column;align-items: stretch}}
