.av{padding-top:16px}.av-bc{margin-bottom:12px}.av-ban{position:relative;min-height:320px;display:flex;align-items:flex-end;background:var(--plate);overflow:hidden}.av-ban .av-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.av-ban.none{min-height:0;padding:40px 0 8px}.av-ban.thumb{min-height:220px;align-items:center;justify-content:space-between}.av-th{position:relative;order:2;width:min(var(--tw),34%);margin:20px 40px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.av-th img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.av-ban.thumb .av-t,.av-ban.none .av-t{background:transparent;margin:0;padding:24px 28px}.av-t{position:relative;margin:24px;padding:16px 22px;background:#fff;max-width:min(560px,calc(100% - 48px));display:flex;flex-direction:column;gap:10px}.av-t h1{margin:0;overflow-wrap:anywhere}.av-desc{max-width:860px;margin:16px 0 0;font-size:15px;line-height:1.55;color:var(--ink2)}.av-desc p{margin:0}.av-more summary{list-style:none;cursor:pointer}.av-more summary::-webkit-details-marker{display:none}.av-more .rm,.av-more .rl{font-weight:700;color:var(--ink);text-decoration:underline;white-space:nowrap}.av-more .rl,.av-more[open] .rm,.av-more[open] .ex{display:none}.av-more[open] .rl{display:inline}.av-more[open] summary{order:2;margin-top:8px}.av-more[open]{display:flex;flex-direction:column}.av-more .rte{font-size:15px}.av-more .rte table{display:block;max-width:100%;overflow-x:auto}.av-grp{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.av-grp .c{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--line);font-size:13px;font-weight:700;background:#fff}.av-grp .c.on{background:var(--ink);color:#fff;border-color:var(--ink)}.av-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:16px}.av-tile{display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);min-width:0}.av-tile.on{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--blaze)}.av-tile .im{aspect-ratio:1/1;background:var(--plate);display:flex;align-items:center;justify-content:center;overflow:hidden}.av-tile img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.av-tile:hover img{transform:scale(1.06)}.av-tile .l{font-size:13px;font-weight:700;text-align:center}.cgrid.av4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.pc-im .pc-alt{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;transition:opacity .3s}@media(hover:hover)and (min-width:900px){.pc:hover .pc-im.has-alt img.pc-alt{opacity:1}.pc:hover .pc-im.has-alt img:not(.pc-alt){opacity:0}}.pc-swn{font-size:12px;font-weight:700;color:var(--ink2);margin-left:2px}@media(max-width:1199px){.cgrid.av4{gap:24px 12px}}@media(max-width:899px){.av-ban.photo{min-height:200px}.av-ban.thumb{min-height:0}.av-th{margin:12px 12px 12px 0;width:min(var(--tw),32%)}.av-ban.thumb .av-t,.av-ban.none .av-t{padding:16px}.av-t h1{font-size:clamp(28px,8vw,44px)}.av-t{margin:12px;padding:12px 14px;max-width:calc(100% - 24px)}.av-tiles{display:flex;overflow-x:auto;gap:8px;margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1);padding:0 var(--gut) 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.av-tile{flex:0 0 clamp(112px,36%,168px);scroll-snap-align:start}.cgrid.av4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 10px}}.av-ban.banner{aspect-ratio:2400/700;min-height:240px;align-items:center;background:#cfe0f0}.av-pic,.av-pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.av-pic img{object-fit:cover;object-position:78% 30%}.av-ban.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff8c,#fff3 38%,#fff0 55%);pointer-events:none}.av-ban.banner .av-t{background:transparent;margin:0 0 0 clamp(20px,4vw,56px);padding:0;max-width:46%}.av-ban.banner .av-t h1{color:var(--ink)}@media(max-width:899px){.av-ban.banner{aspect-ratio:3/2;min-height:0;align-items:flex-start}.av-pic img{object-position:72% 40%}.av-ban.banner .av-t{margin:18px 0 0 16px;max-width:52%}.av-ban.banner:before{background:linear-gradient(90deg,#ffffff8c,#fff0 60%)}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/htn-av.css.map */