.claro-hp .cw{max-width:1200px;margin:0 auto}.claro-hp .hero-wrap{max-width:1200px;margin:0 auto;padding:clamp(20px,3vw,32px) clamp(16px,5vw,40px) clamp(32px,5vw,48px)}.claro-hp .hero-grid{display:grid;gap:clamp(24px,4vw,44px);align-items:start}.claro-hp .hero-figrow{display:flex;gap:clamp(8px,1.5vw,12px)}.claro-hp .hero-bencol{display:flex;flex-direction:column;gap:clamp(8px,1.5vw,12px);width:clamp(84px,22vw,118px);flex:none}.claro-hp .hero-ben{background:var(--claro-mint);border-radius:14px;padding:clamp(12px,2vw,16px) 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.claro-hp .hero-ben-t{font-size:clamp(8.5px,1.6vw,11px);font-weight:700;letter-spacing:.03em;line-height:1.3;color:var(--claro-ink)}.claro-hp .hero-ben svg,.claro-hp .hero-ico{width:clamp(26px,5vw,34px);height:auto}.claro-hp .hero-main{flex:1;align-self:stretch;position:relative;border-radius:18px;overflow:hidden;background:#eef3f5;min-height:clamp(260px,68vw,440px);touch-action:pan-y}.claro-hp .hero-main img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.claro-hp .hero-topbadge{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#10151dd1;color:#fff;border-radius:24px;padding:6px 13px;white-space:nowrap}.claro-hp .hero-topbadge span{font-size:clamp(9px,1.7vw,12px);font-weight:800;letter-spacing:.02em}.claro-hp .hero-lab{position:absolute;right:12px;bottom:12px;width:clamp(70px,15vw,92px);height:clamp(70px,15vw,92px);border-radius:50%;background:#fffffff0;border:1.5px solid var(--claro-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 20px -8px #12203a66}.claro-hp .hero-lab div{font-size:clamp(6.5px,1.3vw,8.5px);font-weight:800;letter-spacing:.05em;line-height:1.2;margin-top:3px;color:var(--claro-ink)}.claro-hp .hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#ffffff8c;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 5px #0a0f1e1f;z-index:3;color:#12203a;padding:0;opacity:.75;transition:opacity .15s ease,background-color .15s ease}.claro-hp .hero-nav:hover{background:#ffffffd9;opacity:1}.claro-hp .hero-nav-prev{left:6px}.claro-hp .hero-nav-next{right:6px}.claro-hp .hero-nav svg{width:13px;height:13px}.claro-hp .hero-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1.2vw,8px);margin-top:clamp(8px,1.5vw,12px)}.claro-hp .hero-thumbs button{padding:0;border:1px solid var(--claro-line);background:#eef3f5;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:border-color .15s ease}.claro-hp .hero-thumbs button.is-active{border-color:var(--claro-accent2, #12A5B8);border-width:2px}.claro-hp .hero-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.claro-hp .hero-thumbs .ph{aspect-ratio:1;background:#eef3f5;border-radius:10px}.claro-hp .eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--claro-mint);border-radius:24px;padding:5px 13px;font-size:11.5px;font-weight:700;color:var(--claro-accent);letter-spacing:.02em}.claro-hp .rating-row{display:flex;align-items:center;gap:10px;row-gap:6px;margin-top:14px;flex-wrap:wrap}.claro-hp .rating-line{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.claro-hp .rating-stars{display:flex;gap:2px;flex:none}.claro-hp .rating-stars svg{width:clamp(14px,3.8vw,20px);height:clamp(14px,3.8vw,20px);flex:none}.claro-hp .rating-row .rt{font-size:clamp(12.5px,2.2vw,15px);color:var(--claro-ink-muted);font-weight:500;white-space:nowrap}.claro-hp .rating-row .rt span{color:var(--claro-muted)}.claro-hp .tag-dark{background:var(--claro-dark);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:4px}.claro-hp .h1{font-size:clamp(27px,5vw,42px);line-height:1.06;font-weight:800;color:var(--claro-ink);margin:14px 0 0;letter-spacing:-.015em}.claro-hp .sub{font-size:clamp(13px,2.2vw,16px);line-height:1.5;color:var(--claro-ink-muted);margin:12px 0 0;max-width:520px}.claro-hp .sub strong{color:var(--claro-ink);font-weight:700}.claro-hp .bullets{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,16px) clamp(10px,2vw,20px);margin-top:20px;max-width:540px}.claro-hp .bullet{display:flex;gap:9px;align-items:center}.claro-hp .bullet .ic{flex:none;width:clamp(26px,5vw,32px);height:clamp(26px,5vw,32px);border-radius:50%;background:var(--claro-mint);display:flex;align-items:center;justify-content:center}.claro-hp .bullet .tx{font-size:clamp(11.5px,2vw,14px);font-weight:600;color:var(--claro-ink);line-height:1.25}
/*# sourceMappingURL=/cdn/shop/t/10/assets/claro-hp-comp.css.map */