.product-detail-blonde{ background-color: #fbf3f8; max-width: 1400px; margin: 0 auto; } .product-detail-blonde dd{ margin-left: 0; } .product-detail-blonde img{ display: block; width: 100%; height: auto; margin: 0; } .product-detail-blonde-show span{ display: none; } .product-detail-blonde-boxC, .product-detail-blonde-boxA dl{ margin: 0 auto; width: 85%; padding-top: 5%; padding-bottom: 5%; display: grid; grid-template-columns: 44% 54%; align-items: center; justify-content: space-between; } .product-detail-blonde-boxC h2, .product-detail-blonde-boxA dt{ font-size: 60px; color: #333333; line-height: 1.3em; font-weight: bold; } .product-detail-blonde-boxC h2 span, .product-detail-blonde-boxA dt span{ display: inline-block; font-size: 24px; border: #333333 solid 1px; border-radius: 10px; padding: 2px 25px 0 25px; margin-top: 15px; line-height: 1.6em; text-transform: uppercase; font-weight: normal; } .product-detail-blonde-boxA dd{ border-radius: 30px; overflow: hidden; background-color: #ff4887; color: white; } .product-detail-blonde-boxA dd ul{ padding: 15px; margin: 0; display: flex; align-items: flex-start; justify-content: space-around; flex-direction: row; } .product-detail-blonde-boxA dd li{ font-size: 16px; text-align: center; text-transform: uppercase; list-style: none; padding-top: 36px; background: url("https://cdn.shopify.com/s/files/1/0652/6638/5115/files/613_blonde_ico.gif?v=1726041667") no-repeat center top; } .product-detail-blonde-boxB{ background: url("https://cdn.shopify.com/s/files/1/0652/6638/5115/files/613_blonde_bg01.gif?v=1726041756") repeat-x left top; } .product-detail-blonde-boxB .sub-box{ padding: 4% 7% 0 7%; background: url("https://cdn.shopify.com/s/files/1/0652/6638/5115/files/613_blonde_bg02.png?v=1726041682") no-repeat 85% bottom; background-size: auto 100%; } .product-detail-blonde-boxB-ttl{ text-align: center; font-size: 58px; font-weight: bold; float: right; width: 50.78%; line-height: 1.3em; margin-bottom: 3%!important; margin-top: 10%!important; } .product-detail-blonde-boxB-pic{ float: left; width: 49.218%; } .product-detail-blonde-boxB-pic span{ display: none; } .product-detail-blonde-boxB-list{ display: grid!important; grid-template-columns: repeat(3, 1fr); column-gap: 12px; padding: 0 0 0 1%; align-items: flex-start; width: 50%; } .product-detail-blonde-boxB-list li{ border:#ff4887 solid 1px; background-color: #ff4887; border-radius: 15px; overflow: hidden; color: white; text-align: center; height: auto; } .product-detail-blonde-boxD{ background-color: #f5d3df; padding:4% 5% 3.5% 5%; text-align: center; } .product-detail-blonde-boxD h2{ text-align: center; font-size: 40px; font-weight: bold; line-height: 1.5em; padding-bottom: 30px; } .product-detail-blonde-boxD span{ display: none; } .product-detail-blonde-boxC ul{ padding-left: 0; } .product-detail-blonde-boxC li{ margin-bottom: 45px; border: #ff4887 dotted 2px; border-radius: 20px; background-color: #fae3eb; list-style: none; display: grid; grid-template-columns: 52.38% 37%; justify-content: space-between; align-items: center; padding: 20px 35px; } .product-detail-blonde-boxC li:last-child{ margin-bottom: 0; } .product-detail-blonde-boxC li dl{ text-align: center; margin: 0; } .product-detail-blonde-boxC li dt{ background-color: #fe518d; color: white; border-radius: 10px; font-size: 22px; text-align: center; line-height: 1.3em; display: block; padding: 5px 10px; font-weight: bold; margin-bottom: 15px; } .product-detail-blonde-boxC li dd{ font-size: 22px; } @media screen and (max-width: 1399px){ .product-detail-blonde-boxC, .product-detail-blonde-boxA dl{ width: auto; padding-left: 50px; padding-right: 50px; } .product-detail-blonde-boxB-ttl, .product-detail-blonde-boxC h2, .product-detail-blonde-boxA dt{ font-size: 46px; } .product-detail-blonde-boxC h2 span, .product-detail-blonde-boxA dt span{ font-size: 20px; } .product-detail-blonde-boxA dd li{ font-size: 14px; } .product-detail-blonde-boxB .sub-box{ padding: 20px 30px 0 30px; } .product-detail-blonde-boxC li dt{ font-size: 16px; } .product-detail-blonde-boxC li dd{ font-size: 14px; } } @media screen and (max-width: 767px){ .product-detail-blonde-boxD img, .product-detail-blonde-show img{ display: none; } .product-detail-blonde-boxD span, .product-detail-blonde-boxD span img, .product-detail-blonde-show span, .product-detail-blonde-show span img{ display: block; } .product-detail-blonde-boxC, .product-detail-blonde-boxA dl{ padding-left: 20px; padding-right: 20px; display: block; } .product-detail-blonde-boxB-ttl, .product-detail-blonde-boxC h2, .product-detail-blonde-boxA dt{ font-size: 24px; margin-bottom: 30px; text-align: center; } .product-detail-blonde-boxC h2 span, .product-detail-blonde-boxA dt span{ font-size: 16px; margin-top: 10px; } .product-detail-blonde-boxA dd li{ background-size: 26px auto; font-size: 12px; } .product-detail-blonde-boxA dd{ border-radius: 20px; width: 90%; margin: 0 auto; } .product-detail-blonde-boxB .sub-box{ padding: 0; display: grid; grid-template-columns: 73% 27%; grid-template-areas: 'ttl ttl' 'pic list'; background-image: none; } .product-detail-blonde-boxB .sub-box br{ display: none; } .product-detail-blonde-boxB-pic{ float: none; grid-area: pic; width: 100%; } .product-detail-blonde-boxB-pic img{ display: none; } .product-detail-blonde-boxB-pic span, .product-detail-blonde-boxB-pic span img{ display: block; } .product-detail-blonde-boxB-ttl{ float: none; grid-area: ttl; width: 100%; margin: 40px 0; } .product-detail-blonde-boxB-list{ display: block!important; float: none; grid-area: list; width: 100%; transform: translateX(-25px) } .product-detail-blonde-boxB-list li{ border-radius: 10px; font-size: 12px; margin-bottom: 10px; } .product-detail-blonde-boxC li dt{ font-size: 14px; } .product-detail-blonde-boxC li{ grid-template-columns: 52.38% 43%; padding: 15px; margin-bottom: 20px; } .product-detail-blonde-boxD h2{ font-size: 24px; padding-bottom: 15px; } } 100% PREMIUM VIRGIN HAIRHEALTHIER & STRONGER LongerLife Span GlossyWithout Frizz No Shedding& Tangles CLEAN & REALISTIC LOOK Melted Lace Natural Hairline Tiny Knots 2 GRAND UPGRADESGet Any Color You Like Better Density Full from top to the end Better Coloring Take color perfectly COLOR FREEDOM