.tcp-block{--tcp-color:#057e7a;--tcp-columns:3;font-family:inherit;color:#163e3b;width:100%;margin:28px 0;box-sizing:border-box}.tcp-block *{box-sizing:border-box}.tcp-block .tcp-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.tcp-block h2{font-size:clamp(24px,3vw,36px);margin:0;color:inherit}.tcp-block .tcp-nav{display:flex;gap:8px}.tcp-block .tcp-nav[hidden]{display:none}.tcp-block .tcp-nav button{margin:0;padding:0;width:42px;height:42px;border:1px solid #d8e9e4;border-radius:50%;background:#fff;color:var(--tcp-color);font-size:22px;cursor:pointer}.tcp-block .tcp-nav button:disabled{opacity:.35;cursor:default}.tcp-block .tcp-list{display:grid;grid-template-columns:repeat(var(--tcp-columns),minmax(0,1fr));gap:22px}.tcp-block.tcp-slider .tcp-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--tcp-color) #eef7f4;padding-bottom:16px;overscroll-behavior-x:contain}.tcp-block.tcp-slider .tcp-card{flex:0 0 calc((100% - (var(--tcp-columns) - 1)*22px)/var(--tcp-columns));scroll-snap-align:start}.tcp-block .tcp-card{min-width:0;border:1px solid #d8e9e4;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.tcp-block .tcp-image{display:block;position:relative;background:#f4f9f6;aspect-ratio:1;text-decoration:none}.tcp-block .tcp-image img{width:100%;height:100%;object-fit:contain;display:block;margin:0}.tcp-block .tcp-badge{position:absolute;top:14px;right:14px;background:var(--tcp-color);color:#fff;padding:5px 10px;border-radius:30px;font-weight:700;font-size:14px}.tcp-block .tcp-copy{padding:22px;display:flex;flex-direction:column;flex:1}.tcp-block h3{font-size:21px;line-height:1.35;margin:0 0 12px;color:inherit}.tcp-block h3 a{color:inherit;text-decoration:none}.tcp-block .tcp-description{color:#607570;font-size:14px;line-height:1.65;margin:0 0 16px}.tcp-block .tcp-price{color:var(--tcp-color);font-size:22px;font-weight:700;margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tcp-block .tcp-price del{color:#748680;font-size:15px;font-weight:400}.tcp-block .tcp-price ins{background:none;text-decoration:none}.tcp-block .tcp-select,.tcp-block .tcp-detail{border-top:1px solid #e3efea;padding-top:16px;margin:18px 0 0;font-size:15px;display:flex;gap:10px;align-items:center;color:var(--tcp-color);font-weight:600;cursor:pointer}.tcp-block input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--tcp-color);flex-shrink:0}.tcp-block .tcp-summary{margin-top:24px;padding:24px;border:1px solid #d8e9e4;border-radius:18px;background:#eff8f4;display:flex;align-items:center;justify-content:space-between;gap:24px}.tcp-block .tcp-summary>div{display:flex;flex-direction:column;gap:5px}.tcp-block [data-tcp-total]{font-size:30px;color:var(--tcp-color)}.tcp-block [data-tcp-saving]{font-size:14px;color:var(--tcp-color)}.tcp-block small{font-size:12px;color:#607570}.tcp-block .tcp-buy{margin:0;border:0;border-radius:9px;padding:14px 20px;background:var(--tcp-color);color:#fff;font-size:15px;font-family:inherit;line-height:1.4;cursor:pointer;white-space:normal}.tcp-block .tcp-buy:disabled{opacity:.45;cursor:not-allowed}.tcp-block :focus-visible{outline:3px solid var(--tcp-color);outline-offset:3px}.tcp-block .tcp-card.is-unselected{opacity:.65}@media(max-width:850px){.tcp-block{--tcp-effective:min(var(--tcp-columns),2)}.tcp-block .tcp-list{grid-template-columns:repeat(var(--tcp-effective),minmax(0,1fr))}.tcp-block.tcp-slider .tcp-card{flex-basis:calc((100% - (var(--tcp-effective) - 1)*22px)/var(--tcp-effective))}}@media(max-width:550px){.tcp-block .tcp-list{grid-template-columns:1fr}.tcp-block.tcp-slider .tcp-card{flex-basis:100%}.tcp-block .tcp-summary{flex-direction:column;align-items:stretch;padding:20px}.tcp-block .tcp-buy{width:100%}.tcp-block .tcp-copy{padding:20px}}@media(prefers-reduced-motion:reduce){.tcp-block .tcp-list{scroll-behavior:auto}}