.hair_oil_3{position:relative;width:100%;background:var(--sd-bg-beige);padding:100px 0 120px}.hair_oil_3 .lead{text-align:center}.hair_oil_3 .lead__title{font-family:var(--font-serif-en);font-size:48px;line-height:96px;letter-spacing:1.44px;color:var(--sd-text-base);margin:0;font-weight:400}.hair_oil_3 .lead__desc{font-family:var(--font-serif-ja);font-size:18px;line-height:1.8;color:var(--sd-text-base);margin:8px 0 0;font-feature-settings:"palt" 1}.hair_oil_3 .lead__desc p{margin:0}.hair_oil_3 .lead__line{display:block;width:1px;height:150px;margin:61.8px auto 0;background:var(--sd-accent);opacity:.5}.hair_oil_3 .cards{width:min(1274px,calc(100% - 40px));margin:63px auto 0;padding:0;container-type:inline-size;position:relative}.hair_oil_3 .prod-card{--u: calc(100cqw / 1274);--card-h: 788;--body-h: 708;--body-top: 80;--btn-h: 70;position:relative;width:100%;height:calc(var(--card-h) * var(--u));color:var(--prod-color)}.hair_oil_3 .prod-card+.prod-card{margin-top:calc(-116 * var(--u))}.hair_oil_3 .prod-card--milk{--prod-color: var(--sd-milk);--label-x: 100;--tag-w: 77;--copy-x: 598.25;--copy-y: 180;--tag-x: 598.25;--tag-y: 372;--desc-x: 598.25;--desc-y: 411;--btn-x: 597.25;--btn-y: 500;z-index:1}.hair_oil_3 .prod-card--oil{--prod-color: var(--sd-oil);--label-x: 487;--tag-w: 137;--copy-x: 597;--copy-y: 177;--tag-x: 597;--tag-y: 369;--desc-x: 597;--desc-y: 408;--btn-x: 596;--btn-y: 497;z-index:2}.hair_oil_3 .prod-card--multi{--prod-color: var(--sd-multi);--label-x: 874;--card-h: 672;--body-h: 592;--tag-w: 91;--copy-x: 596;--copy-y: 176;--tag-x: 596;--tag-y: 368;--desc-x: 596;--desc-y: 407;--btn-x: 595;--btn-y: 496;z-index:3}.hair_oil_3 .prod-card__tabs{position:absolute;left:calc(var(--label-x) * var(--u));top:0;margin:0;padding:0;z-index:3}.hair_oil_3 .prod-card__label{display:flex;align-items:center;justify-content:center;width:calc(300 * var(--u));height:calc(80 * var(--u));background:var(--prod-color);color:var(--sd-white);font-family:var(--font-serif-en);font-size:calc(32 * var(--u));line-height:1;font-weight:400;padding-top:.24em;border-radius:calc(20 * var(--u)) calc(20 * var(--u)) 0 0}.hair_oil_3 .prod-card:before{content:"";position:absolute;left:0;top:calc(var(--body-top) * var(--u));width:100%;height:calc(var(--body-h) * var(--u));border-radius:calc(20 * var(--u));overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.hair_oil_3 .prod-card--milk:before{background-image:url(silkdrop_card_bg_milk.webp)}.hair_oil_3 .prod-card--oil:before{background-image:url(silkdrop_card_bg_oil.webp)}.hair_oil_3 .prod-card--multi:before{background-image:url(silkdrop_card_bg_multi.webp)}.hair_oil_3 .prod-card__visual,.hair_oil_3 .prod-card__text{position:absolute;z-index:2}.hair_oil_3 .prod-card__visual{left:0;top:0;width:100%;height:100%;pointer-events:none}.hair_oil_3 .prod-card__deco{position:absolute;display:block}.hair_oil_3 .prod-card--milk .prod-card__deco{left:calc(105 * var(--u));top:calc(138 * var(--u));width:calc(229 * var(--u));height:calc(229 * var(--u))}.hair_oil_3 .prod-card--oil .prod-card__deco{left:calc(55 * var(--u));top:calc(113 * var(--u));width:calc(314 * var(--u));height:calc(371 * var(--u))}.hair_oil_3 .prod-card--multi .prod-card__deco{left:calc(26 * var(--u));top:calc(109 * var(--u));width:calc(381 * var(--u));height:calc(361 * var(--u))}.hair_oil_3 .prod-card__deco img{width:100%;height:100%;display:block;object-fit:contain}.hair_oil_3 .prod-card__bottle{position:absolute;display:block}.hair_oil_3 .prod-card--milk .prod-card__bottle{left:calc(196.11 * var(--u));top:calc(143 * var(--u));width:calc(293.21 * var(--u));height:calc(472.4 * var(--u))}.hair_oil_3 .prod-card--oil .prod-card__bottle{left:calc(209.53 * var(--u));top:calc(128.69 * var(--u));width:calc(260.47 * var(--u));height:calc(466.76 * var(--u))}.hair_oil_3 .prod-card--multi .prod-card__bottle{left:calc(206.96 * var(--u));top:calc(125 * var(--u));width:calc(263.05 * var(--u));height:calc(494.52 * var(--u))}.hair_oil_3 .prod-card__bottle img{width:100%;height:100%;display:block;object-fit:contain}.hair_oil_3 .prod-card__text{left:0;top:calc((var(--body-top) + var(--body-h) / 2 - (var(--copy-y) + var(--btn-y) + var(--btn-h)) / 2) * var(--u));width:100%;height:100%}.hair_oil_3 .prod-card__text>*{position:absolute;margin:0}.hair_oil_3 .prod-card__brand{left:calc(var(--copy-x) * var(--u));top:calc(var(--copy-y) * var(--u));width:calc(464.88 * var(--u));font-family:var(--font-serif-en);font-size:calc(33.81 * var(--u));line-height:1;letter-spacing:calc(1.6905 * var(--u));font-weight:400;color:var(--prod-color);font-feature-settings:"palt" 1}.hair_oil_3 .prod-card__name{left:calc(var(--copy-x) * var(--u));top:calc((var(--copy-y) + 53.47) * var(--u));width:calc(520 * var(--u));font-family:var(--font-serif-en);font-size:calc(71 * var(--u));line-height:calc(77.76 * var(--u));letter-spacing:calc(3.55 * var(--u));font-weight:400;color:var(--prod-color);font-feature-settings:"palt" 1;white-space:nowrap}.hair_oil_3 .prod-card__tag{left:calc(var(--tag-x) * var(--u));top:calc(var(--tag-y) * var(--u));display:inline-flex;align-items:center;justify-content:center;width:calc(var(--tag-w) * var(--u));height:calc(28 * var(--u));padding:0;border:1px solid var(--sd-text-note);color:var(--sd-text-note);font-family:var(--font-sans);font-size:calc(14 * var(--u));font-weight:500;letter-spacing:calc(.7 * var(--u));line-height:1;font-feature-settings:"palt" 1;white-space:nowrap}.hair_oil_3 .prod-card__desc{left:calc(var(--desc-x) * var(--u));top:calc(var(--desc-y) * var(--u));width:calc(412 * var(--u));font-family:var(--font-sans);font-size:calc(20 * var(--u));font-weight:500;line-height:calc(40 * var(--u));color:var(--sd-text-note)}.hair_oil_3 .prod-card__btn{left:calc(var(--btn-x) * var(--u));top:calc(var(--btn-y) * var(--u));display:inline-flex;align-items:center;justify-content:center;width:calc(452 * var(--u));height:calc(var(--btn-h) * var(--u));border:1px solid var(--prod-color);border-radius:100px;color:var(--prod-color);background:transparent;font-family:var(--font-sans);font-size:calc(20 * var(--u));font-weight:500;letter-spacing:calc(1 * var(--u));line-height:1;text-decoration:none;transition:background-color .3s,color .3s;font-feature-settings:"palt" 1}.hair_oil_3 .prod-card__btn:hover{background:var(--prod-color);color:var(--sd-white)}@media(min-width:960px){.hair_oil_3 .cards{aspect-ratio:1274 / 3431;display:flow-root}.hair_oil_3 .prod-card{--card-h: 788;--body-h: 708;position:sticky;top:calc(var(--feat-stick-top) + 11px);--u: min(100cqw / 1274, (100vh - 168px) / 788);width:calc(1274 * var(--u));margin-inline:auto}.hair_oil_3 .prod-card+.prod-card{margin-top:calc(360 * var(--u))}.hair_oil_3 .prod-card__visual{transform:translateY(calc(var(--vis-dy, 0) * var(--u)))}.hair_oil_3 .prod-card--milk{--vis-dy: 56.6}.hair_oil_3 .prod-card--oil{--vis-dy: 56.9}.hair_oil_3 .prod-card--multi{--vis-dy: 58.5}@media(prefers-reduced-motion:reduce){.hair_oil_3 .cards{aspect-ratio:auto}.hair_oil_3 .prod-card{position:relative;top:auto}.hair_oil_3 .prod-card--multi{--card-h: 672;--body-h: 592}.hair_oil_3 .prod-card+.prod-card{margin-top:calc(-116 * var(--u))}}}@media(max-width:959px){.hair_oil_3{container-type:inline-size;--u: calc(100cqw / 390);padding:14px 0 60px}.hair_oil_3 .lead{position:relative;height:calc(256 * var(--u));text-align:center;padding:0}.hair_oil_3 .lead>*{position:absolute;margin:0}.hair_oil_3 .lead__line{left:calc(196 * var(--u));top:0;width:1px;height:calc(50 * var(--u));background:var(--sd-accent);opacity:.5}.hair_oil_3 .lead__title{left:0;right:0;top:calc(90 * var(--u));font-size:calc(26 * var(--u));line-height:calc(26 * var(--u));letter-spacing:calc(.78 * var(--u))}.hair_oil_3 .lead__desc{left:50%;transform:translate(-50%);top:calc(148 * var(--u));width:calc(343 * var(--u));font-size:calc(15 * var(--u));line-height:1.8}.hair_oil_3 .lead__desc p{white-space:nowrap}.hair_oil_3 .cards{width:min(390px,100%);margin:calc(33 * var(--u)) auto 0;padding:0;gap:0}.hair_oil_3 .prod-card{--u: calc(100cqw / 390);--card-h: 371;--body-h: 334;--body-top: 37;--btn-h: 25}.hair_oil_3 .prod-card+.prod-card{margin-top:calc(-60 * var(--u))}.hair_oil_3 .prod-card--milk{--label-x: 34;--tag-w: 63;--copy-x: 188;--copy-y: 83;--tag-x: 189;--tag-y: 150;--desc-x: 189;--desc-y: 186;--btn-x: 188;--btn-y: 236}.hair_oil_3 .prod-card--oil{--label-x: 140;--tag-w: 110;--copy-x: 189;--copy-y: 83;--tag-x: 189;--tag-y: 150;--desc-x: 189;--desc-y: 187;--btn-x: 188;--btn-y: 236}.hair_oil_3 .prod-card--multi{--label-x: 246;--tag-w: 74;--card-h: 311;--body-h: 274;--copy-x: 188;--copy-y: 101;--tag-x: 188;--tag-y: 168;--desc-x: 188;--desc-y: 205;--btn-x: 188;--btn-y: 236}.hair_oil_3 .prod-card__label{width:calc(110 * var(--u));height:calc(37 * var(--u));font-size:calc(16 * var(--u));line-height:calc(28 * var(--u));border-radius:calc(10 * var(--u)) calc(10 * var(--u)) 0 0;font-weight:500}.hair_oil_3 .prod-card:before{top:calc(var(--body-top) * var(--u));border-radius:calc(12 * var(--u))}.hair_oil_3 .prod-card--milk .prod-card__deco{left:calc(26 * var(--u));top:calc(66 * var(--u));width:calc(80 * var(--u));height:calc(80 * var(--u))}.hair_oil_3 .prod-card--milk .prod-card__deco img{object-fit:cover}.hair_oil_3 .prod-card--oil .prod-card__deco{left:calc(7 * var(--u));top:calc(58 * var(--u));width:calc(107 * var(--u));height:calc(127 * var(--u))}.hair_oil_3 .prod-card--multi .prod-card__deco{left:calc(-6 * var(--u));top:calc(57 * var(--u));width:calc(130 * var(--u));height:calc(123 * var(--u))}.hair_oil_3 .prod-card--milk .prod-card__bottle{left:calc(45 * var(--u));top:calc(70 * var(--u));width:calc(131 * var(--u));height:calc(210 * var(--u))}.hair_oil_3 .prod-card--oil .prod-card__bottle{left:calc(52 * var(--u));top:calc(63 * var(--u));width:calc(117 * var(--u));height:calc(209 * var(--u))}.hair_oil_3 .prod-card--multi .prod-card__bottle{left:calc(51 * var(--u));top:calc(63 * var(--u));width:calc(117 * var(--u));height:calc(220 * var(--u))}.hair_oil_3 .prod-card__brand{width:calc(166 * var(--u));font-size:calc(18 * var(--u));line-height:1.1;letter-spacing:calc(.9 * var(--u))}.hair_oil_3 .prod-card__name{top:calc((var(--copy-y) + 26) * var(--u));width:calc(180 * var(--u));font-size:calc(26 * var(--u));line-height:calc(29 * var(--u));letter-spacing:calc(1.3 * var(--u))}.hair_oil_3 .prod-card__tag{width:calc(var(--tag-w) * var(--u));height:calc(25 * var(--u));font-size:calc(11 * var(--u));letter-spacing:calc(.55 * var(--u))}.hair_oil_3 .prod-card__desc{width:calc(150 * var(--u));font-size:calc(12 * var(--u));line-height:calc(18 * var(--u))}.hair_oil_3 .prod-card__btn{width:calc(167 * var(--u));height:calc(var(--btn-h) * var(--u));font-size:calc(11 * var(--u));letter-spacing:calc(.55 * var(--u))}}@media(max-width:959px){.hair_oil_3 .cards{aspect-ratio:390 / 1451;display:flow-root}.hair_oil_3 .prod-card{--card-h: 371;--body-h: 334;position:sticky;top:calc(var(--feat-stick-top) + 16px)}.hair_oil_3 .prod-card+.prod-card{margin-top:calc(169 * var(--u))}@media(prefers-reduced-motion:reduce){.hair_oil_3 .cards{aspect-ratio:auto}.hair_oil_3 .prod-card{position:relative;top:auto}.hair_oil_3 .prod-card--multi{--card-h: 311;--body-h: 274}.hair_oil_3 .prod-card+.prod-card{margin-top:calc(-60 * var(--u))}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/silkdrop_sec03-products.css.map */