.product-options__text{margin:auto;max-width:640px;text-align:center}.product-options__text h2 span:not(.product-options__text__subheading){color:var(--color-primary2)}.product-options__colors{background-color:#fcfcfc;border-radius:25px;display:grid;gap:3rem 0;grid-template-areas:"heading battery" "text battery" "colors battery";grid-template-columns:minmax(0,1000px) auto;margin-top:20rem;padding:5.5rem 7rem}.product-options__colors__heading{grid-area:heading}.product-options__colors__text{grid-area:text}.product-options__colors__heading,.product-options__colors__text{margin:0}.product-options__color{border:1px solid transparent;border-radius:25px;color:#272829;font-family:var(--font-kallisto);font-size:1.5rem;font-weight:500;letter-spacing:.15px;padding:3rem;transition:all .3s ease-in-out;width:18rem}.product-options__color.active,.product-options__color:hover{border:1px solid #c3c3c3}.product-options__color__tile{--size:11.8rem;border:1px solid #707070;border-radius:15px;height:var(--size);margin-bottom:2rem;overflow:hidden;position:relative;width:var(--size)}.product-options__color-wrapper{display:grid;gap:4rem;grid-area:colors;grid-template-columns:repeat(auto-fill,minmax(0,18rem))}.product-options__color--signal_white .product-options__color__tile{background:transparent linear-gradient(135deg,#fff,#eaeaea) 0 0 no-repeat padding-box}.product-options__color--graphite_black .product-options__color__tile{background:transparent linear-gradient(135deg,#707070,#272829) 0 0 no-repeat padding-box}.product-options__color--half_and_half .product-options__color__tile:before{background:linear-gradient(135deg,#fff,#eaeaea 50%,hsla(0,0%,100%,0) 0);content:"";height:100%;position:absolute;width:100%}.product-options__color--half_and_half .product-options__color__tile{background:transparent linear-gradient(1turn,#7b7b7b,#484848) 0 0 no-repeat padding-box}.product-options__color--custom .product-options__color__tile{background:transparent linear-gradient(135deg,#98c4e3,#3079bc) 0 0 no-repeat padding-box}.product-options__preview{grid-area:battery;position:relative}.product-options__preview__image{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out}.product-options__preview__image:not(.product-options__preview__image--placeholder){opacity:0}.product-options__preview__image--placeholder.active{opacity:1}.product-options__colors:has(.product-options__color--custom:is(:hover,.active)) .product-options__preview__image--custom,.product-options__colors:has(.product-options__color--graphite_black:is(:hover,.active)) .product-options__preview__image--graphite_black,.product-options__colors:has(.product-options__color--half_and_half:is(:hover,.active)) .product-options__preview__image--half_and_half,.product-options__colors:has(.product-options__color--signal_white:is(:hover,.active)) .product-options__preview__image--signal_white{opacity:1}.product-options__colors:has(.product-options__color--custom:hover) .product-options__preview__image--custom,.product-options__colors:has(.product-options__color--graphite_black:hover) .product-options__preview__image--graphite_black,.product-options__colors:has(.product-options__color--half_and_half:hover) .product-options__preview__image--half_and_half,.product-options__colors:has(.product-options__color--signal_white:hover) .product-options__preview__image--signal_white{z-index:1}@media only screen and (max-width:1700px){.product-options__color-wrapper{gap:1rem}.product-options__colors{grid-template-columns:minmax(0,800px) auto}}@media only screen and (max-width:1440px){.product-options__color{padding:2rem;width:12.3rem}.product-options__color__tile{--size:8rem}.product-options__colors{grid-template-columns:minmax(0,50%) auto}.product-options__color-wrapper{grid-template-columns:repeat(2,minmax(0,12.3rem))}}@media only screen and (max-width:1080px){.product-options__colors{grid-template-areas:"heading ." "text ." "colors ." "battery battery";grid-template-columns:repeat(1,minmax(0,100%));margin-top:6rem}.product-options__color-wrapper{grid-template-columns:repeat(4,minmax(0,18rem))}.product-options__preview{height:500px}.product-options__preview__image{height:100%}}@media only screen and (max-width:768px){.product-options__color-wrapper{align-items:center;grid-template-columns:repeat(2,minmax(0,50%));justify-items:center}}@media only screen and (max-width:640px){.product-options__colors{padding:5.5rem}}@media only screen and (max-width:600px){.product-options__preview__image{height:auto}}@media only screen and (max-width:480px){.product-options__color-wrapper{grid-template-columns:repeat(1,minmax(0,100%))}.product-options__color{align-items:center;display:flex;gap:2rem;padding:1rem;width:100%}.product-options__color__tile{margin:0;--size:6rem}}@media only screen and (max-width:440px){.product-options__colors{padding:5.5rem 2rem}}