#product-detail-v2 {
display : flex;
justify-content: space-between;
background : #fff;
box-shadow : 0px 9px 26px rgba(0, 0, 0, 0.05);
border-radius : 4px;
padding : 24px 36px 24px 24px;
}
@media (max-width: 1440px) {
#product-detail-v2 {
padding: 24px;
}
}
@media (max-width: 1280px) {
#product-detail-v2 {
padding: 24px 16px;
}
}
@media (max-width: 1024px) {
#product-detail-v2 {
box-shadow : none;
border-radius: 0;
padding : 0 0 24px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 {
flex-direction: column;
}
}
#product-detail-v2 .product-info {
width : calc(100% - 456px);
display : flex;
flex-direction : column;
justify-content: space-between;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info {
width: calc(100% - 300px);
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info {
width: 100%;
}
}
#product-detail-v2 .product-info .product-info-wrapper {
margin-bottom: 24px;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper {
margin-bottom: 0;
}
}
#product-detail-v2 .product-info .info-content {
border-bottom: 1px #E8E9EA solid
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .info-content {
border: none
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .p_title {
font-weight : 400;
font-size : 18px;
line-height : 19px;
color : #354156;
margin-bottom: 20px;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .p_price {
display: none;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .p_title {
margin-bottom: 24px;
}
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box {
margin-bottom: 16px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap {
display: flex;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link {
padding : 14px 22px;
min-width : 200px;
border : 1px solid #f7f7f7;
border-bottom-width: 0px;
display : flex;
justify-content : center;
align-items : center;
font-size : 14px;
font-weight : 500;
line-height : 20px;
color : #7e899b;
background : #f7f7f7;
cursor : pointer;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link {
min-width: unset;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link {
padding: 14px 10px;
flex : 2;
}
}
@media (max-width: 576px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link {
padding: 14px 6px;
}
}
@media (max-width: 430px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link:first-of-type {
flex: unset;
}
}
@media (max-width: 358px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link {
font-size: 12px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link.active {
color : #172640;
background : #fff;
border-color: #d9d9d9;
position : relative;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link.active:after {
content : "";
position: absolute;
top : 100%;
border : 1px solid #fff;
width : 100%;
left : 0;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link.active .min-qty {
background: #eef2ff;
color : #3578ea;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link.active .tooltip-icon {
opacity: 1;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link.embroidery-service .min-qty {
color : #172640;
font-size : 14px;
line-height: 20px;
background : transparent;
padding : 0;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link .min-qty {
display : inline-block;
border-radius: 4px;
font-size : 12px;
line-height : 16px;
font-weight : 500;
padding : 4px;
color : #62676b;
background : #ededed;
}
@media (max-width: 358px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .tab-link-wrap .tab_menu_link .min-qty {
font-size: 11px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper {
border : 1px solid #d9d9d9;
padding : 20px 16px 42px;
background: #fff;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper {
padding: 16px 14px 36px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper {
padding: 16px 16px 24px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab {
display: none;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab.active {
animation: fadeIn 0.3s forwards;
display : flex;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper {
overflow: hidden;
width : 100%;
position: relative;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-left,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-right {
position : absolute;
top : 0;
height : 100%;
width : 28px;
background: #23252880;
border : none;
outline : none;
display : none;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-left,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-right {
width: 36px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-left.show,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-right.show {
display: block;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-left.hide,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-right.hide {
display: none;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-right {
right: 0;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-table-wrapper .table-nav-left {
left: 0;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table {
border : 1px solid #e9eaed;
min-width : max-content;
transition : 0.8s;
border-spacing: 0;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table th,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table td {
width : 100px;
height : 44px;
text-align : center;
font-size : 15px;
line-height: 20px;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table th,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table td {
width : 60px;
font-size: 14px;
}
}
@media (max-width: 1024px) and (min-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table th,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table td {
height: 40px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table th:not(:last-child),
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table td:not(:last-child) {
border-right: 1px solid #e9eaed;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table thead {
background: #f6faff;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table thead th {
padding : 4px;
font-weight : 500;
color : #232528;
border-bottom: 1px solid #e9eae4;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table thead th:first-child {
font-weight: 600;
width : unset;
padding : 4px 44px;
}
@media (max-width: 1024px) and (min-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table thead th:first-child {
font-size: 12px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table tbody td,
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table tbody th {
color : #354156;
font-weight: 400;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table tbody th {
color : #232528;
padding : 0 10px;
line-height: 1;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table tbody th {
font-size: 12px;
}
}
@media (max-width: 768px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table tbody th {
font-size: 14px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail-box .price-tab-content-wrapper .price-tab .price-detail-table tbody th span {
font-size : 10px;
font-weight: 500;
line-height: 12px;
color : #172640;
white-space: nowrap;
}
#product-detail-v2 .custom-tooltip {
margin-left: 4px;
}
#product-detail-v2 .custom-tooltip .tooltip-icon {
width : 24px;
height : 24px;
position: relative;
padding : 0;
}
#product-detail-v2 .custom-tooltip p {
color : #515459;
font-family: Inter;
font-size : 13px;
font-style : normal;
font-weight: 500;
line-height: 20px;
}
#product-detail-v2 .custom-tooltip .text-mob {
display: none;
}
@media (max-width: 767.98px) {
#product-detail-v2 .custom-tooltip .text {
display: none;
}
#product-detail-v2 .custom-tooltip .text-mob {
display: block;
}
}
#product-detail-v2 .custom-tooltip .tooltip-icon img {
position : absolute;
top : 50%;
left : 50%;
transform: translate(-50%, -50%);
width : 100%;
height : 100%;
}
#product-detail-v2 .custom-tooltip .tooltip-icon img:last-child {
display: none;
}
#product-detail-v2 .custom-tooltip .tooltip-icon:before {
top : 0;
transform: translate(-50%, -100%) rotate(0deg);
}
#product-detail-v2 .custom-tooltip:hover>.tooltip-icon img:last-child {
display: block;
}
#product-detail-v2 .custom-tooltip:hover>.tooltip-icon img:first-child {
display: none;
}
#product-detail-v2 .custom-tooltip:hover>.tooltip-icon {
opacity: 1;
}
#product-detail-v2 .custom-tooltip .tooltip-content {
width : 305px;
top : calc(100% + -128px);
transform: translate(-50%, 0%);
}
@media (max-width: 767.98px) {
#product-detail-v2 .custom-tooltip .tooltip-content {
width: 215px;
top : -124px
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper {
display : flex;
align-items: center;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label {
display : flex;
align-items: center;
margin-left: 24px;
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label {
margin: 0;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .icon {
width : 25px;
height : 25px;
margin-right: 8px;
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .icon {
width : 29px;
height: 29px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .icon img {
width : 100%;
height : 100%;
object-fit: contain;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .text {
font-weight: 400;
font-size : 14px;
line-height: 20px;
color : #0b1629;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .text {
font-size : 12px;
line-height: 17px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .text {
font-size : 16px;
line-height: 22px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-label-wrapper .info_label .text span {
font-weight: 500;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail {
display : flex;
align-items: center;
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail {
display: none;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail .tooltip-icon {
width : 24px;
height: 24px;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail .tooltip-icon img {
width : 100%;
height : 100%;
object-fit: contain;
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail .price-qty {
font-weight: 500;
font-size : 14px;
line-height: 16px;
color : #555e6d;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail .price-qty {
font-weight: 400;
font-size : 12px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail .price-qty b {
font-weight: 600;
font-size : 18px;
color : #0b1629;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .info-content .price-detail .price-qty b {
font-size: 16px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options {
padding-top : 16px;
padding-bottom: 25px;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options {
padding: 0;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .price-options {
margin-bottom : 24px;
display : flex;
gap : 10px;
flex-direction: column;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .price-options .price-options-box {
display : flex;
align-items: center;
gap : 8px;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .price-options .price-options-text {
color : #555E6D;
font-family: Inter;
font-size : 15px;
font-style : normal;
font-weight: 400;
line-height: 24px;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .price-options .price-options-box span {
color : #3578EA;
font-family: Inter;
font-size : 24px;
font-style : normal;
font-weight: 600;
line-height: 38.4px;
}
#product-detail-v2 .product-info .product-info-wrapper .coupon-options {
display : flex;
align-items: center;
}
#product-detail-v2 .product-info .product-info-wrapper .coupon-options .coupon-title {
border-radius : 5px;
background : #F90;
padding : 6px 19px 6px 7px;
color : #353535;
font-family : Inter;
font-size : 14px;
font-style : normal;
font-weight : 700;
line-height : 15.12px;
text-transform: capitalize;
}
#product-detail-v2 .product-info .product-info-wrapper .coupon-options .coupon-text {
color : #30A02C;
font-family : Inter;
font-size : 14px;
font-style : normal;
font-weight : 600;
line-height : 15.12px;
text-transform: capitalize;
}
#product-detail-v2 .product-info .product-info-wrapper .coupon-options svg:first-of-type {
margin-left: -10px;
}
#product-detail-v2 .product-info .product-info-wrapper .coupon-options svg:last-of-type {
margin-left: 6px;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap {
display : flex;
flex-wrap : wrap;
list-style: none;
margin-top: 16px;
transition: 0.3s;
width : calc(100% + 12px);
margin : 16px -6px 0;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap {
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap {
margin-top : 24px;
max-height : 96px;
overflow : hidden;
padding-top: 4px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color {
width : 26px;
height : 26px;
border-radius: 100%;
margin : 0px 6px 14px;
position : relative;
transition : 0.3s;
cursor : pointer;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color {
margin: 0 5px 16px;
width : 24px;
height: 24px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color {
width : 32px;
height: 32px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:hover,
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color.active {
transform: scale(0.85, 0.85);
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:hover:before,
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color.active:before {
transform : scale(1.3, 1.3);
border-color: #232528;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:hover:after,
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color.active:after {
content: "";
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:before {
content : "";
position : absolute;
top : 0%;
left : 0%;
width : 26px;
height : 26px;
border : 1.7px solid transparent;
border-radius: 100%;
transition : 0.3s;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:before {
width : 24px;
height: 24px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:before {
width : 32px;
height: 32px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:after {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%, -50%);
background-image : url("/uploads/12037607/File/embroidery/assets/tick-white.svg");
width : 20px;
height : 20px;
background-size : contain;
background-repeat : no-repeat;
background-position: center;
}
@media (max-width: 1024px) and (min-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color:after {
width : 16px;
height: 16px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color .color-box {
border-radius : 100%;
width : 100%;
height : 100%;
overflow : hidden;
display : flex;
flex-direction: column;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color.color--white .color-box {
position: relative;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color.color--white .color-box:before {
content : "";
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border-radius: 100%;
border : 1px solid #929497;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color.color--white:after {
background-image: url("/uploads/12037607/File/embroidery/assets/tick-blue-b.svg");
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .color-wrap .color span {
width : 100%;
height : 100%;
display: block;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors {
align-items: center;
border : none;
background : transparent;
font-weight: 500;
font-size : 18px;
line-height: 22px;
color : #003ca3;
margin : 0 0 16px;
display : none;
}
@media (min-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors {
display: none !important;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors.show {
display: flex;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors.active .icon {
transform: rotate(-180deg);
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors.active span.more {
display: none;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors.active span.less {
display: inline;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors:focus {
outline: none;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors p {
margin-right: 4px;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors p span {
display: none;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors p span.more {
display: inline;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors .icon {
width : 18px;
height : 18px;
transition: 0.3s;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .more-colors .icon img {
width : 100%;
height : 100%;
object-fit: contain;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color {
display : flex;
align-items: center;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .title {
font-weight : 600;
font-size : 16px;
line-height : 19px;
color : #555e6d;
margin-right: 6px;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .title {
font-size : 14px;
line-height: 17px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .title {
font-size : 18px;
line-height: 22px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-code {
width : 32px;
height : 32px;
border-radius : 100%;
margin-left : 8px;
overflow : hidden;
display : flex;
flex-direction: column;
position : relative;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-code {
width : 24px;
height: 24px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-code {
width : 28px;
height: 28px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-code:before {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border-radius: 100%;
border : 1px solid #929497;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-code.color--white:before {
content: "";
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-code span {
width : 100%;
height : 100%;
display: block;
}
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-name {
font-weight : 600;
font-size : 16px;
line-height : 19px;
color : #172640;
text-transform: capitalize;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-name {
font-size : 14px;
line-height: 17px;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .color-options .selected-color .color-name {
font-size : 18px;
line-height: 22px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .action-buttons {
display : flex;
text-align : center;
flex-direction: column;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .action-buttons {
position : fixed;
background: #fff;
width : 100%;
bottom : 0;
left : 0;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
padding : 24px;
z-index : 999;
}
}
@media (max-width: 576px) {
#product-detail-v2 .product-info .product-info-wrapper .action-buttons {
padding: 18px 16px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue {
align-items : center;
padding : 11px 32px;
font-weight : 600;
font-size : 18px;
line-height : 24px;
border-radius : 27px;
width : 100%;
max-width : 515px;
font-style : normal;
border : 1px solid #4475f2;
text-transform: capitalize;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue {
text-transform: uppercase;
color : #f5f9fd;
line-height : 27px;
border-radius : 32px;
max-width : 499px;
margin : 0 auto;
}
}
@media (max-width: 767.98px) {
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue {
max-width: unset;
}
}
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .action-buttons-text {
color : #353535;
font-family: Inter;
font-size : 12px;
font-style : italic;
font-weight: 500;
line-height: 12.96px;
max-width : 515px;
margin-top : 16px;
}
@media (max-width: 1024px) {
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .action-buttons-text {
max-width: 1024px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue .icon {
width : 24px;
height : 24px;
margin-right: 10px;
}
@media (max-width: 991.98px) {
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue .icon {
margin-right: 8px;
}
}
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue .icon svg {
width : 100%;
height: 100%;
}
#product-detail-v2 .product-info .product-info-wrapper .action-buttons .button-blue .icon svg path {
fill: #fff;
}
/* #product-detail-v2 .question {
display : flex;
flex-direction: column;
gap : 16px;
}
#product-detail-v2 .question-item {
position : relative;
cursor : pointer;
}
#product-detail-v2 .question-item::after {
content : url("/uploads/12037607/File/embroidery/assets/decoration.svg");
position : absolute;
right : 16px;
top : 19px;
transition: all 0.3s;
transform : rotate(0deg);
width : 24px;
height : 24px;
}
#product-detail-v2 .question-item-title {
color: #555E6D;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.3px;
}
#product-detail-v2 .question-item-desc {
display: flex;
width: 160px;
padding: 8px 14px;
align-items: center;
gap: 4px;
max-height : 0;
overflow : hidden;
padding-top: 0;
}
#product-detail-v2 .question-item.active .question-item-desc {
padding-top: 16px;
max-height : 100vh;
}
#product-detail-v2 .question-item.active::after {
transform: rotate(180deg);
} */