.oct-concerns,.oct-concerns *{box-sizing:border-box}.oct-concerns{background:#fff;padding:64px 0 72px;color:#222d28}.oct-concerns__inner{max-width:1280px;padding:0 40px;margin:auto}.oct-concerns__header{margin-bottom:32px}.oct-concerns h2,.oct-concerns h3,.oct-concerns__link{font-family:Inter,sans-serif!important;text-transform:none}.oct-concerns h2{margin:0;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.15;color:#222d28}.oct-concerns p{font-family:"Source Sans 3",sans-serif!important;color:#222d28}.oct-concerns__header p{margin:12px 0 0;font-size:19px;line-height:1.5}.oct-concerns__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}.oct-concerns__grid li{min-width:0;margin:0;padding:0}.oct-concerns__card{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border:1px solid #e3e8e4;border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s ease}.oct-concerns__card:hover{border-color:#c9773f;color:inherit}.oct-concerns__card:focus-visible{outline:2px solid #f49b34;outline-offset:4px}.oct-concerns__image{aspect-ratio:1 / 1;overflow:hidden;background:#f2f5f3}.oct-concerns__image img{display:block;width:100%;height:100%;object-fit:cover}.oct-concerns__body{display:flex;flex-direction:column;flex:1;padding:20px 16px}.oct-concerns h3{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:0;color:#222d28}.oct-concerns__body p{margin:10px 0 20px;font-size:16px;line-height:1.45}.oct-concerns__link{margin-top:auto;font-size:13px;font-weight:600;color:#f49b34;text-decoration:underline;text-underline-offset:5px}@media(min-width:750px)and (max-width:1000px){.oct-concerns__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.oct-concerns__grid li{flex:0 0 29%;scroll-snap-align:start}}@media(max-width:749px){.oct-concerns{padding:30px 0 34px}.oct-concerns__inner{padding:0 18px}.oct-concerns__header{margin-bottom:18px}.oct-concerns h2{font-size:25px}.oct-concerns__header p{font-size:16px;margin-top:8px}.oct-concerns__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding:0;scroll-snap-type:none}.oct-concerns__grid li{min-width:0}.oct-concerns__card{border-radius:9px}.oct-concerns__image{aspect-ratio:1.6 / 1}.oct-concerns__image img{object-position:center 35%}.oct-concerns__body{padding:11px 10px 12px}.oct-concerns h3{font-size:14px;line-height:1.3}.oct-concerns__body p,.oct-concerns__link{display:none}}@media(prefers-reduced-motion:reduce){.oct-concerns__card{transition:none}}.oct-concerns--hair{padding-top:12px}@media(min-width:750px){.oct-concerns--hair .oct-concerns__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.oct-concerns--hair .oct-concerns__image{aspect-ratio:1.25 / 1}}.oct-concerns--hair .oct-concerns__image img{object-position:center 40%}.oct-concerns:not(.oct-concerns--hair){background:#f3f5f4}.oct-concerns:not(.oct-concerns--hair){padding:56px 0 60px;background:#f0f3f1}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:18px;margin-bottom:28px;position:relative}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__header:before{content:"";position:absolute;top:0;left:0;width:46px;height:3px;background:#f49b34;border-radius:3px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__header p{max-width:280px;margin:0;font-size:17px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__grid{gap:14px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card{padding:7px 7px 0;border:1px solid #dde4df;border-radius:16px;box-shadow:0 4px 12px #22352b04;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__image{border-radius:10px;aspect-ratio:1 / 1.12}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__image img{transition:transform .35s ease;object-position:center 35%}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__body{padding:17px 7px 18px}.oct-concerns:not(.oct-concerns--hair) h3{font-size:17px;font-weight:700;line-height:1.25}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__body p{font-size:15px;line-height:1.4;margin:9px 0 20px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__link{padding-top:12px;border-top:1px solid #edf0ed;color:#222d28;text-decoration-color:#f49b34;text-decoration-thickness:2px;font-size:12px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card:focus-visible{outline:2px solid #222d28;outline-offset:4px;border-color:#f49b34}@media(hover:hover)and (pointer:fine){.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card:hover{transform:translateY(-5px);border-color:#f49b34;box-shadow:0 12px 24px #22352b10}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card:hover img{transform:scale(1.045)}}@media(min-width:750px)and (max-width:1000px){.oct-concerns:not(.oct-concerns--hair) .oct-concerns__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;scroll-snap-type:none}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__image{aspect-ratio:1.4 / 1}}@media(max-width:749px){.oct-concerns:not(.oct-concerns--hair){padding:30px 0 34px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__header{display:block;padding-top:14px;margin-bottom:20px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__header p{max-width:none;font-size:16px;margin-top:8px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__grid{gap:10px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card{padding:5px 5px 0;border-radius:12px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__image{aspect-ratio:1.6 / 1;border-radius:7px}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__body{padding:11px 5px 13px}.oct-concerns:not(.oct-concerns--hair) h3{font-size:14px;line-height:1.3}}@media(prefers-reduced-motion:reduce){.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card,.oct-concerns:not(.oct-concerns--hair) .oct-concerns__image img{transition:none}.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card:hover,.oct-concerns:not(.oct-concerns--hair) .oct-concerns__card:hover img{transform:none}}.oct-concerns--hair{padding:48px 0 60px}.oct-concerns--hair .oct-concerns__header{position:relative;display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:18px;margin-bottom:28px}.oct-concerns--hair .oct-concerns__header:before{content:"";position:absolute;top:0;left:0;width:46px;height:3px;background:#f49b34;border-radius:3px}.oct-concerns--hair .oct-concerns__header p{max-width:280px;margin:0;font-size:17px}.oct-concerns--hair .oct-concerns__grid{gap:18px}.oct-concerns--hair .oct-concerns__card{padding:7px 7px 0;border:1px solid #dde4df;border-radius:16px;box-shadow:0 4px 12px #22352b04;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.oct-concerns--hair .oct-concerns__image{border-radius:10px;aspect-ratio:1.35 / 1}.oct-concerns--hair .oct-concerns__image img{transition:transform .35s ease}.oct-concerns--hair .oct-concerns__body{padding:18px 11px 20px}.oct-concerns--hair h3{font-size:19px;font-weight:700;line-height:1.25}.oct-concerns--hair .oct-concerns__body p{font-size:16px;line-height:1.4;margin:9px 0 20px}.oct-concerns--hair .oct-concerns__link{padding-top:12px;border-top:1px solid #edf0ed;color:#222d28;text-decoration-color:#f49b34;text-decoration-thickness:2px;font-size:12px}.oct-concerns--hair .oct-concerns__card:focus-visible{outline:2px solid #222d28;outline-offset:4px;border-color:#f49b34}@media(hover:hover)and (pointer:fine){.oct-concerns--hair .oct-concerns__card:hover{transform:translateY(-5px);border-color:#f49b34;box-shadow:0 12px 24px #22352b10}.oct-concerns--hair .oct-concerns__card:hover img{transform:scale(1.045)}}@media(max-width:749px){.oct-concerns--hair{padding:30px 0 34px}.oct-concerns--hair .oct-concerns__header{display:block;padding-top:14px;margin-bottom:20px}.oct-concerns--hair .oct-concerns__header p{max-width:none;font-size:16px;margin-top:8px}.oct-concerns--hair .oct-concerns__grid{gap:10px}.oct-concerns--hair .oct-concerns__card{padding:5px 5px 0;border-radius:12px}.oct-concerns--hair .oct-concerns__image{aspect-ratio:1.6 / 1;border-radius:7px}.oct-concerns--hair .oct-concerns__body{padding:11px 5px 13px}.oct-concerns--hair h3{font-size:14px;line-height:1.3}}@media(prefers-reduced-motion:reduce){.oct-concerns--hair .oct-concerns__card,.oct-concerns--hair .oct-concerns__image img{transition:none}.oct-concerns--hair .oct-concerns__card:hover,.oct-concerns--hair .oct-concerns__card:hover img{transform:none}}.oct-concerns h1{font-family:Inter,sans-serif;font-size:clamp(30px,4vw,46px);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0;color:#222d28}.oct-concerns__more{text-align:center;margin-top:28px}.oct-concerns__more a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:#f49b34;color:#222d28;border-radius:8px;font:600 15px Inter,sans-serif;text-decoration:none}.oct-concerns__more a:hover{background:#ffad4a}.oct-concerns__more a:focus-visible{outline:2px solid #222d28;outline-offset:4px}@media(min-width:1001px){.oct-concerns--hair .oct-concerns__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.oct-concerns--hair h3{font-size:17px}.oct-concerns--directory .oct-concerns__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oct-concerns--directory:not(.oct-concerns--hair) .oct-concerns__image{aspect-ratio:1.4}}@media(min-width:750px)and (max-width:1000px){.oct-concerns--hair .oct-concerns__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.oct-concerns--hair .oct-concerns__grid>li:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 10px)/2);justify-self:center}.oct-concerns__more{margin-top:20px}}.oct-concerns .oct-concerns__image--product{background:#fff}.oct-concerns .oct-concerns__image--product img{object-fit:contain;object-position:center;padding:12px}@media(min-width:1001px){.oct-concerns--hair .oct-concerns__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.oct-concerns .oct-concerns__image.oct-concerns__image--landscape{aspect-ratio:4 / 3}
/*# sourceMappingURL=/cdn/shop/t/35/assets/kr-oct-concerns.css.map */