.dut{--dut-ink: #191919;--dut-sub: #5e5e5e;--dut-from: #474747;--dut-new: #be7600;--dut-accent-c: var(--dut-accent, rgb(var(--color-primary, 196, 48, 28)));display:block;background:var(--dut-bg, #f7f7f7);padding-block:var(--dut-pt, 48px) var(--dut-pb, 48px);color:var(--dut-ink)}.dut__inner{max-width:1220px;margin:0 auto;padding-inline:20px}.dut__title{margin:0;text-align:center;font-family:var(--font-heading-family, inherit);font-size:32px;font-weight:600;line-height:1.15;letter-spacing:var(--font-heading-letter-spacing, 0);text-transform:none;color:var(--dut-ink)}.dut__tabs{position:relative;display:flex;justify-content:safe center;gap:40px;margin:28px 0 24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dut__tabs::-webkit-scrollbar{display:none}.dut__tab{position:relative;flex:0 0 auto;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;margin:0;padding:0 0 10px;font-family:var(--font-body-family, inherit);font-size:15px;font-weight:400;line-height:18.75px;color:var(--dut-ink);text-transform:none;letter-spacing:var(--buttons-letter-spacing, normal);white-space:nowrap;cursor:pointer;transition:color .15s ease}.dut__tab:hover{color:var(--dut-accent-c)}.dut__tab[aria-selected=true]{color:var(--dut-accent-c);font-weight:700}.dut__tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--dut-accent-c)}.dut__tab:focus-visible{outline:2px solid var(--dut-accent-c);outline-offset:3px}.dut__panel[hidden]{display:none}.dut__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:282px;gap:16px}.dut-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:16px 24px 36px;border-radius:12px;background:var(--dut-card, #fff);color:var(--dut-ink);text-decoration:none;overflow:hidden;container-type:inline-size;transition:box-shadow .2s ease}.dut-card:hover{box-shadow:0 8px 24px #00000014}.dut-card:focus-visible{outline:2px solid var(--dut-accent-c);outline-offset:2px}.dut-card--hero{grid-column:span 2;padding:20px 28px 36px}.dut-card__info{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.dut-card__badge{margin-bottom:4px;font-size:12px;font-weight:600;line-height:15px;color:var(--dut-new)}.dut-card__badge--sale{color:var(--dut-accent-c)}.dut-card__badge--soldout{color:#8a8a8a}.dut-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--font-heading-family, inherit);font-size:clamp(16px,8.5cqi,20px);font-weight:700;line-height:var(--font-pcard-title-line-height, 1.25);text-wrap:balance}.dut-card__ksp{margin-top:12px;overflow:hidden;font-size:12px;line-height:15px;white-space:nowrap;text-overflow:ellipsis;color:var(--dut-sub)}.dut-card--hero .dut-card__info{max-width:50%}.dut-card--hero .dut-card__badge{margin-bottom:6px;font-size:14px;line-height:17.5px}.dut-card--hero .dut-card__name{font-size:clamp(20px,4.94cqi,26px)}.dut-card--hero .dut-card__ksp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:14px;line-height:17.5px}.dut-card__price{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:50%;font-variant-numeric:tabular-nums}.dut-card__from{margin-bottom:5px;font-size:14px;line-height:19px;color:var(--dut-from)}.dut-card__amount{font-size:clamp(15px,8.5cqi,20px);font-weight:var(--font-pcard-price-weight, 600);line-height:1.35;letter-spacing:-.02em;white-space:nowrap;text-transform:uppercase}.dut-card__was{font-size:13px;line-height:16px;color:#8a8a8a}.dut-card--hero .dut-card__amount{font-size:clamp(20px,4.94cqi,26px);line-height:1.35}.dut-card__media{position:absolute;right:clamp(12px,8.5cqi,20px);bottom:24px;width:clamp(84px,55.3cqi,130px);height:clamp(84px,55.3cqi,130px);display:flex;align-items:center;justify-content:center}.dut-card__media img,.dut-card__media svg{width:100%;height:100%;object-fit:contain;transform:scale(var(--dut-zoom, 1));transition:transform .3s ease}.dut-card:hover .dut-card__media img{transform:scale(calc(var(--dut-zoom, 1) * 1.04))}.dut-card--hero .dut-card__media{right:28px;top:50%;bottom:auto;width:clamp(140px,45.6cqi,240px);height:clamp(140px,45.6cqi,240px);transform:translateY(-50%)}.dut-card--soldout .dut-card__media img{opacity:.55}.dut-all{grid-column:span var(--dut-all-d, 1);position:relative;display:flex;flex-direction:column;padding-top:32px;border-radius:10px;background:linear-gradient(180deg,#f0f1f7 -1.79%,#e7e8eb 105.07%);color:var(--dut-ink);text-decoration:none;overflow:hidden}.dut-all__label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-heading-family, inherit);font-size:22px;font-weight:600;line-height:27.5px}.dut-all__icon{width:21px;height:21px;flex:0 0 auto}.dut-all:hover .dut-all__label{color:var(--dut-accent-c)}.dut-all:focus-visible{outline:2px solid var(--dut-accent-c);outline-offset:2px}.dut-all__collage{position:absolute;top:0;right:0;bottom:0;left:0}.dut-all__img{position:absolute;object-fit:contain;mix-blend-mode:multiply}.dut-all__img--1{right:-19px;bottom:9px;width:210px;height:210px}.dut-all__img--2{left:22px;top:93px;width:67px;height:67px}.dut-all__img--3{left:22px;top:180px;width:67px;height:67px}@supports not (width: 1cqi){.dut-card__name{font-size:16px}.dut-card--hero .dut-card__name{font-size:20px}.dut-card__amount{font-size:16px}.dut-card--hero .dut-card__amount{font-size:20px}.dut-card__media{right:12px;width:96px;height:96px}.dut-card--hero .dut-card__media{width:180px;height:180px}}@media(max-width:989px){.dut__inner{padding-inline:16px}.dut__tabs{gap:28px;margin-inline:-16px;padding-inline:16px}.dut__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px;gap:12px}.dut-all{grid-column:span var(--dut-all-m, 1)}}@media(max-width:749px){.dut__inner{padding-inline:8px}.dut__title{font-size:18px}.dut__tabs{gap:24px;margin:15px -8px 12px;padding-inline:16px}.dut__tab{padding-bottom:8px;font-size:13px;line-height:16px}.dut__grid{grid-template-rows:172px;grid-auto-rows:156px;gap:8px}.dut-card{padding:6px 14px 16px;border-radius:6px}.dut-card:hover{box-shadow:none}.dut-card__badge{margin-bottom:2px;font-size:10px;line-height:12.5px}.dut-card__name{font-size:12px}.dut-card__ksp{margin-top:4px;font-size:10px;line-height:12.5px}.dut-card__from{margin-bottom:3px;font-size:10px;line-height:14px}.dut-card__amount{font-size:12px;line-height:16px}.dut-card__was{font-size:10px;line-height:12px}.dut-card__media{right:4px;bottom:4px;width:80px;height:80px}.dut-card--hero{padding:8px 16px 20px}.dut-card--hero .dut-card__info,.dut-card--hero .dut-card__price{max-width:48%}.dut-card--hero .dut-card__badge{margin-bottom:4px;font-size:12px;line-height:15px}.dut-card--hero .dut-card__name{font-size:16px}.dut-card--hero .dut-card__ksp{margin-top:6px;font-size:10px;line-height:12.5px}.dut-card--hero .dut-card__amount{font-size:16px;line-height:21px}.dut-card--hero .dut-card__media{right:16px;top:16px;width:140px;height:140px;transform:none}.dut-all{padding-top:16px;border-radius:6px}.dut-all__label{gap:4px;font-size:14px;line-height:17.5px}.dut-all__icon{width:14px;height:14px}.dut-all__img--1{right:-1px;bottom:3px;width:116px;height:116px}.dut-all__img--2{left:12px;top:51px;width:40px;height:40px}.dut-all__img--3{left:12px;top:102px;width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.dut-card,.dut-card__media img,.dut__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/daiko-univers-tabs.css.map */